SharePoint Online现代UI站点页面展示详情及分配用户方案咨询

一、展示页面核心详情（所有者、编辑者、审批者、审批日期） #

1. 内置字段+脚本编辑器Web部件（新手友好） #

SharePoint页面本身自带创建者（即所有者）、**修改者（即编辑者）**字段，审批相关字段需要先开启页面审批才能生成：

• 开启页面审批：进入站点设置 → 网站内容 → 页面库 → 设置 → 版本设置 → 勾选「需要内容审批」，保存后页面库会自动生成审批者、审批日期字段。
• 添加脚本显示信息：
  编辑页面 → 添加Web部件 → 搜索「脚本编辑器」（现代站点）或「内容编辑器」（经典站点）→ 粘贴以下代码 → 保存页面：

<div style="margin-top:20px; padding:10px; border-top:1px solid #eee;">
  <p>所有者：<span id="pageOwner"></span></p>
  <p>编辑者：<span id="pageEditor"></span></p>
  <p>审批者：<span id="approver"></span></p>
  <p>审批日期：<span id="approveDate"></span></p>
</div>
<script type="text/javascript">
  var ctx = new SP.ClientContext.get_current();
  var list = ctx.get_web().get_lists().getByTitle('页面'); // 页面库名称默认是「页面」，子站点需确认名称
  var item = list.getItemById(_spPageContextInfo.pageItemId);
  
  ctx.load(item, 'Author', 'Editor', '_ModerationStatus', 'Approver', 'ApprovalDate');
  ctx.executeQueryAsync(function(){
    // 显示所有者、编辑者
    document.getElementById('pageOwner').textContent = item.get_author().get_title();
    document.getElementById('pageEditor').textContent = item.get_editor().get_title();
    
    // 仅显示已审批页面的审批信息
    if(item.get_item('_ModerationStatus') === 0){ // 0代表已批准状态
      document.getElementById('approver').textContent = item.get_item('Approver').get_title();
      var approveDate = item.get_item('ApprovalDate');
      if(approveDate){
        // 格式化为dd/mm/yyyy
        var formatted = `${approveDate.getDate()}/${approveDate.getMonth()+1}/${approveDate.getFullYear()}`;
        document.getElementById('approveDate').textContent = formatted;
      }
    } else {
      document.getElementById('approver').textContent = '未审批';
      document.getElementById('approveDate').textContent = '未审批';
    }
  }, function(sender, args){
    console.log('加载失败：' + args.get_message());
  });
</script>

2. 修正站点列+页面属性Web部件的使用（你之前的尝试可能漏了步骤） #

如果想用自定义字段配合页面属性Web部件，按以下步骤来：

• 创建站点列：进入站点设置 → 网站列 → 创建新列
  • 审批者：类型选「人员或组」，允许单个用户选择；
  • 审批日期：类型选「日期和时间」；
• 关联到页面库：进入页面库 → 设置 → 列表设置 → 添加现有网站列，把刚创建的列添加进去；
• 配置页面属性Web部件：编辑页面 → 添加「页面属性」Web部件 → 点击右上角编辑按钮 → 在「要显示的字段」里勾选需要的字段（包括内置的创建者、修改者，以及自定义的审批者、审批日期）→ 保存即可。

二、为每个页面分配特定用户（完全可行） #

方式1：单独设置页面权限 #

进入页面库，找到目标页面 → 右键 → 管理权限 → 点击「停止继承权限」→ 删除不需要的用户/组，添加特定用户并分配对应权限（如编辑、只读）。

方式2：用自定义字段标记负责用户 #

• 创建名为「负责用户」的站点列（人员或组类型），添加到页面库；
• 编辑页面时，在右侧页面属性面板找到该字段，选择指定用户；
• 后续可以通过这个字段筛选页面，或在Web部件中展示该用户信息。

内容的提问来源于stack exchange，提问作者user21725469