exec report: add a separate 116-year work-plan section + Word export, listing each persons current owner116 duties (roster view, not a before/after diff since 116 has no baseline)

static/index.html

@@ -1769,6 +1769,36 @@ td.wrap-cell-note{white-space:normal; min-width:100px; max-width:220px;}
     '</div>';
   }
 
+  // 116年度分工規劃：單一狀態的名單（不是調整前後對照，因為116沒有「調整前」
+  // 基準），依 ownerField（給'owner116'）分組——跟 personBeforeAfterDiff 回傳
+  // 同樣的 {owner,title,groupIds,...} 外型，所以能直接沿用 rledGroupRowsSorted
+  // 做已結案/預計新增人力佔位的排序，不用另外寫一套。
+  function personRoster(list, ownerField){
+    var owners = {};
+    list.forEach(function(p){ var o = p[ownerField]; if (o) owners[o] = true; });
+    var names = Object.keys(owners).sort(function(a,b){ return a.localeCompare(b, 'zh-Hant'); });
+    return names.map(function(owner){
+      var items = list.filter(function(p){ return p[ownerField]===owner; });
+      var groupIds = [];
+      items.forEach(function(p){ if (groupIds.indexOf(p.groupId)===-1) groupIds.push(p.groupId); });
+      return { owner: owner, title: STAFF_TITLES[owner]||null, groupIds: groupIds, items: items };
+    });
+  }
+
+  function renderPersonRosterCard(row){
+    var chipsHtml = row.items.length
+      ? row.items.map(function(p){ return renderPlanChip(p, 'same'); }).join('')
+      : '<span class="tag">（目前沒有業務）</span>';
+    return '<div class="diff-card">'+
+      '<div class="diff-card-head"><b>'+escapeHtml(row.owner)+'</b>'+
+        (row.title?('<span class="tag">'+escapeHtml(row.title)+'</span>'):'')+
+        row.groupIds.map(function(g){ return '<span class="tag">'+escapeHtml(groupName(g))+'</span>'; }).join('')+
+        '<span class="tag">共'+row.items.length+'項</span>'+
+      '</div>'+
+      '<div class="diff-chips">'+chipsHtml+'</div>'+
+    '</div>';
+  }
+
   function renderDiffSection(){
     var backups = STATE.backupsByYear[STATE.year] || [];
     var html = '<div class="section-title" id="sec-diff"><h2>⑧調整前後對照</h2>'+
@@ -2071,6 +2101,25 @@ td.wrap-cell-note{white-space:normal; min-width:100px; max-width:220px;}
       groupRows.forEach(function(row){ html += renderPersonDiffCard(row); });
       html += '</div>';
     });
+
+    // 116年度分工規劃：獨立區塊，不是調整前後對照（116沒有「調整前」基準可比），
+    // 單純列出每一位同仁目前在⑨規劃的116年度業務清單，依owner116欄位分組。
+    html += '<h3 style="font-size:15px; margin:34px 0 10px;">📋116年度分工規劃</h3>'+
+      '<div style="margin:-6px 0 16px; display:flex; gap:8px; align-items:center;">'+
+        '<button class="btn small primary" data-action="export116PlanWord">⬇️ 下載Word（116年度・各組A4分頁）</button>'+
+        '<span id="plan116-export-msg" class="tag"></span>'+
+      '</div>';
+    var rows116 = personRoster(after, 'owner116');
+    GROUP_ORDER.forEach(function(gid){
+      var groupRows116 = rledGroupRowsSorted(rows116, gid);
+      if (!groupRows116.length) return;
+      var blockClass116 = 'exec-report-group'+(gid==='edu' ? ' exec-report-group-tint' : '');
+      html += '<div class="'+blockClass116+'">';
+      html += '<h4 style="font-size:14px; margin:0 0 10px;">'+escapeHtml(groupName(gid))+'</h4>';
+      groupRows116.forEach(function(row){ html += renderPersonRosterCard(row); });
+      html += '</div>';
+    });
+
     return html;
   }
 
@@ -2239,6 +2288,73 @@ td.wrap-cell-note{white-space:normal; min-width:100px; max-width:220px;}
     });
   }
 
+  // 116年度分工規劃下載Word：跟上面調整前後對照那份是「兩份獨立檔案」，不會
+  // 混在一起（要給主管看115的、給董事長看116規劃的，各自下載即可）。單欄
+  // 名單（不是兩欄對照），沿用同一套execReportItemParagraph/execReportEmptyNote
+  // 畫chip，視覺語言跟另一份Word檔、跟畫面上都一致。
+  function build116PlanDocx(D, after){
+    var rows116 = personRoster(after, 'owner116');
+    var sections = GROUP_ORDER.map(function(gid){
+      var groupRows = rledGroupRowsSorted(rows116, gid);
+      var children = [
+        new D.Paragraph({
+          heading: D.HeadingLevel.HEADING_1, alignment: D.AlignmentType.CENTER,
+          children:[ new D.TextRun({ text: groupName(gid)+'　116年度分工規劃' }) ],
+        }),
+        new D.Paragraph({
+          alignment: D.AlignmentType.CENTER, spacing:{ after:300 },
+          children:[ new D.TextRun({ text:'資料時間：'+new Date().toISOString().slice(0,10), color:EXEC_DOC_COLOR.muted, size:20 }) ],
+        }),
+      ];
+      if (!groupRows.length){
+        children.push(execReportEmptyNote(D, '（這組目前116年度還沒有人被指派業務）'));
+      }
+      groupRows.forEach(function(row){
+        var items = row.items.length ? row.items.map(function(p){ return execReportItemParagraph(D, p, 'same'); }) : [execReportEmptyNote(D, '（目前沒有業務）')];
+        children.push(new D.Paragraph({ heading: D.HeadingLevel.HEADING_2, spacing:{ before:240, after:80 }, children:[ new D.TextRun({ text: row.owner+(row.title?'　'+row.title:'') }) ] }));
+        children = children.concat(items);
+        children.push(new D.Paragraph({ text:'', spacing:{ after:200 } }));
+      });
+      return {
+        properties: { page: {
+          size: { width:A4_WIDTH_TWIP, height:A4_HEIGHT_TWIP, orientation: D.PageOrientation.PORTRAIT },
+          margin: { top:PAGE_MARGIN_TWIP, bottom:PAGE_MARGIN_TWIP, left:PAGE_MARGIN_TWIP, right:PAGE_MARGIN_TWIP },
+        } },
+        children: children,
+      };
+    });
+    return new D.Document({ sections: sections });
+  }
+
+  function export116PlanWord(btn){
+    var msgEl = document.getElementById('plan116-export-msg');
+    var D = window.docx;
+    if (!D){ alert('匯出功能還在載入，請稍後再試一次'); return; }
+    if (!canSeeRledPlan()){ return; }
+    var after = STATE.rledProjects;
+    if (!after){ alert('資料還在載入，請稍候再試一次'); return; }
+    btn.disabled = true;
+    if (msgEl) msgEl.textContent = '產生中…';
+    var doc = build116PlanDocx(D, after);
+    D.Packer.toBlob(doc).then(function(blob){
+      var dateStr = new Date().toISOString().slice(0,10).replace(/-/g,'');
+      var url = URL.createObjectURL(blob);
+      var a = document.createElement('a');
+      a.href = url;
+      a.download = '116年度分工規劃_'+dateStr+'.docx';
+      document.body.appendChild(a);
+      a.click();
+      document.body.removeChild(a);
+      URL.revokeObjectURL(url);
+      if (msgEl) msgEl.textContent = '✓ 已下載';
+      btn.disabled = false;
+    })['catch'](function(err){
+      btn.disabled = false;
+      if (msgEl) msgEl.textContent = '';
+      alert('產生Word失敗，請再試一次：'+(err && err.message ? err.message : err));
+    });
+  }
+
   function bindAll(){
     document.querySelectorAll('.chip[data-filter]').forEach(function(el){
       el.addEventListener('click', function(){ STATE.groupFilter = el.getAttribute('data-filter'); render(); });
@@ -2288,6 +2404,7 @@ td.wrap-cell-note{white-space:normal; min-width:100px; max-width:220px;}
     document.querySelectorAll('[data-action="showExecReport"]').forEach(function(el){ el.addEventListener('click', showExecReport); });
     document.querySelectorAll('[data-action="exitExecReport"]').forEach(function(el){ el.addEventListener('click', exitExecReport); });
     document.querySelectorAll('[data-action="exportExecReportWord"]').forEach(function(el){ el.addEventListener('click', function(){ exportExecReportWord(el); }); });
+    document.querySelectorAll('[data-action="export116PlanWord"]').forEach(function(el){ el.addEventListener('click', function(){ export116PlanWord(el); }); });
     document.querySelectorAll('[data-action="toggleRledSort"]').forEach(function(el){ el.addEventListener('click', function(){ toggleRledSort(el.getAttribute('data-sort-field')); }); });
     document.querySelectorAll('[data-action="syncRled"]').forEach(function(el){ el.addEventListener('click', function(){ syncRledFromLive115(el); }); });