From ec810afd1408a1c0b1732ca2f10cc074c75b7598 Mon Sep 17 00:00:00 2001
From: chenxing <chenxing@bestsch.com>
Date: Mon, 12 Oct 2026 20:45:41 +0800
Subject: [PATCH] =?UTF-8?q?fix(trace):=20=E7=A7=91=E5=AE=A4=E8=A7=86?=
 =?UTF-8?q?=E5=9B=BE=E6=8A=84=E9=80=81=E8=A1=8C=E9=81=AE=E8=94=BD=E2=80=94?=
 =?UTF-8?q?=E2=80=94=E6=96=B0=E5=A2=9E=20utils/flowTrace.ts=EF=BC=88collap?=
 =?UTF-8?q?seCcRows=20=E6=8C=89=20nodeId#round=20=E6=8A=98=E5=8F=A0=20CC?=
 =?UTF-8?q?=20=E8=A1=8C=E8=AE=B0=20ccCount=E3=80=81ccActorText=20=E7=A7=91?=
 =?UTF-8?q?=E5=AE=A4=E6=98=BE=20deptName=E2=80=96=E7=9F=AD=E7=A0=81/?=
 =?UTF-8?q?=E5=85=B6=E4=BD=99=E6=98=BE"=E6=8A=84=E9=80=81=E5=AF=B9?=
 =?UTF-8?q?=E8=B1=A1"=E3=80=81=E4=B8=8D=E5=9B=9E=E8=90=BD=E5=A7=93?=
 =?UTF-8?q?=E5=90=8D=EF=BC=9Buser/=E7=BC=BA=E7=9C=81=E6=A1=A3=E5=8E=9F?=
 =?UTF-8?q?=E5=BC=95=E7=94=A8=E7=9B=B4=E8=BF=94=EF=BC=89=EF=BC=9BTraceTime?=
 =?UTF-8?q?line/InstanceBody=20=E4=B8=89=E8=A7=86=E5=9B=BE=E6=8E=A5?=
 =?UTF-8?q?=E6=8A=98=E5=8F=A0=E4=B8=8E=20CC=20=E5=88=86=E6=94=AF=EF=BC=88?=
 =?UTF-8?q?=E6=97=B6=E9=97=B4=E7=BA=BF=E7=94=B1=E7=BB=84=E4=BB=B6=E5=86=85?=
 =?UTF-8?q?=E6=8A=98=E5=8F=A0=E3=80=81=E8=8A=82=E7=82=B9/=E5=88=97?=
 =?UTF-8?q?=E8=A1=A8=E8=B5=B0=20displayTrace=20=E9=98=B2=E4=BA=8C=E6=AC=A1?=
 =?UTF-8?q?=E6=8A=98=E5=8F=A0=EF=BC=89=EF=BC=9BEmbedInstance=20=E5=A4=B4?=
 =?UTF-8?q?=E9=83=A8=E8=A1=A5=E6=B5=81=E7=A8=8B=20nodeSummary=E3=80=82?=
 =?UTF-8?q?=E7=9C=9F=E6=9C=BA=E4=B8=89=E8=A7=86=E5=9B=BE=E8=B5=B0=E6=9F=A5?=
 =?UTF-8?q?=E5=B9=B6=E5=85=A5=E5=85=A8=E6=B5=81=E7=A8=8B=E9=87=8D=E8=B5=B0?=
 =?UTF-8?q?=20P2-E?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/utils/flowTrace.ts                      | 38 +++++++++++++++++++++
 src/views/flow/EmbedInstance.vue            | 12 +++++--
 src/views/flow/components/InstanceBody.vue  | 18 +++++++---
 src/views/flow/components/TraceTimeline.vue | 12 +++++--
 4 files changed, 70 insertions(+), 10 deletions(-)
 create mode 100644 src/utils/flowTrace.ts

diff --git a/src/utils/flowTrace.ts b/src/utils/flowTrace.ts
new file mode 100644
index 0000000..5011475
--- /dev/null
+++ b/src/utils/flowTrace.ts
@@ -0,0 +1,38 @@
+/**
+ * 轨迹口径工具（三视图 + 嵌入页共用，2026-10-12）：
+ * 抄送（CC）在库里与轨迹里是"逐接收人一条"（FlowEngine.notifyReceivers 逐人落 flw_cc）。
+ * 人员视图下正需如此（能看出抄送给了谁）；但科室视图不列姓名，N 个接收人若逐行渲染就是
+ * N 行一模一样的文案，故 dept 档按「节点 + 轮次」折叠为一行并记人数——口径对齐
+ * /oapi/flow/progress 的 ccSteps（本就按 nodeId 聚合）。
+ */
+
+/** dept 档折叠抄送行：同 nodeId + 同轮次的 CC 行合并为一行（ccCount 记人数）；其余行原样、顺序不变。 */
+export function collapseCcRows(trace: any[], mode?: string): any[] {
+    if (mode !== "dept") return trace;
+    const out: any[] = [];
+    const at: Record<string, number> = {};
+    for (const r of trace) {
+        if (r.kind !== "CC") {
+            out.push(r);
+            continue;
+        }
+        const key = `${r.nodeId}#${r.round || 1}`;
+        const i = at[key];
+        if (i === undefined) {
+            at[key] = out.length;
+            out.push({ ...r, ccCount: 1 });
+        } else {
+            out[i].ccCount += 1;
+        }
+    }
+    return out;
+}
+
+/** dept 档抄送行角色词：科室抄送显科室名（解析不出退短码）、指定人抄送显"抄送对象"，多人加人数后缀。
+ *  ⚠️ 刻意不回落 assigneeName——本函数存在的意义就是不出现人名。 */
+export function ccActorText(row: any): string {
+    const base = row.assigneeType === "DEPT_KEY"
+        ? (row.deptName || row.deptKey || "抄送对象")
+        : "抄送对象";
+    return (row.ccCount || 1) > 1 ? `${base} ${row.ccCount} 人` : base;
+}
diff --git a/src/views/flow/EmbedInstance.vue b/src/views/flow/EmbedInstance.vue
index cc3c12c..0a28d48 100644
--- a/src/views/flow/EmbedInstance.vue
+++ b/src/views/flow/EmbedInstance.vue
@@ -60,8 +60,13 @@ onMounted(async () => {
 <template>
     <div class="embed-page" v-if="detail">
         <div class="head">
-            <span class="title">{{ detail.bizTitle }}</span>
-            <Tag :color="statusColor(detail.status)">{{ statusName(detail.status) }}</Tag>
+            <div class="head-row">
+                <span class="title">{{ detail.bizTitle }}</span>
+                <Tag :color="statusColor(detail.status)">{{ statusName(detail.status) }}</Tag>
+            </div>
+            <!-- 流程简略信息（detail.nodeSummary＝APPROVAL 节点名串联，后端早已下发）：
+                 不展开"流程示意图"也能一眼看清走向，口径同 Notice 详情页的"流程:"摘要行 -->
+            <div class="head-flow" v-if="detail.nodeSummary">流程：{{ detail.nodeSummary }}</div>
         </div>
 
         <InstanceBody :detail="detail" :diagram-src="diagramSrc" />
@@ -78,9 +83,10 @@ onMounted(async () => {
 /* 标题区吸顶（贴合设计基线）：左右负外边距让白色背景铺满滚动容器，滚动时内容不从两侧留白露出 */
 .head {
     position: sticky; top: 0; z-index: 5; background: #fff;
-    display: flex; align-items: center; gap: 8px;
     margin: 0 -20px 16px; padding: 14px 20px 12px; border-bottom: 1px solid #f2f4f7;
 }
+.head-row { display: flex; align-items: center; gap: 8px; }
+.head-flow { margin-top: 6px; font-size: 12px; line-height: 1.5; color: #8a94a6; word-break: break-all; }
 .title { font-size: 16px; font-weight: 600; flex: 1; min-width: 0; }
 .muted { color: #999; }
 .expired { padding: 48px 16px; text-align: center; }
diff --git a/src/views/flow/components/InstanceBody.vue b/src/views/flow/components/InstanceBody.vue
index 4855e87..58a712b 100644
--- a/src/views/flow/components/InstanceBody.vue
+++ b/src/views/flow/components/InstanceBody.vue
@@ -10,6 +10,7 @@ import { ref, computed, onMounted, nextTick } from "vue";
 import { Tag } from "view-ui-plus";
 import TraceTimeline from "@/views/flow/components/TraceTimeline.vue";
 import { fitDiagram } from "@/utils/diagramImg";
+import { collapseCcRows, ccActorText } from "@/utils/flowTrace";
 
 const props = defineProps<{
     /** InstanceDetail 形状对象（两页同源） */
@@ -140,12 +141,17 @@ function rowTime(r: any): string {
     return r.time || r.handleTime || r.arriveTime || "";
 }
 
-/** 操作者（口径=TraceTimeline.actor：dept 档不泄露人名，科室节点显科室、指定人显"指定办理人"） */
+/** 操作者（口径=TraceTimeline.actor：dept 档不泄露人名，科室节点显科室、指定人显"指定办理人"、
+ *  抄送显"抄送对象"；发起/撤回/重提显"提交人"） */
 function recordActor(t: any): string {
     if (t.kind === "ROUTE") return "流程引擎";
     if (traceMode.value !== "dept") {
         return t.assigneeName || t.assigneeId || "-";
     }
+    // 抄送行先判：科室抄送显科室名、指定人抄送显"抄送对象"，均不回落人名
+    if (t.kind === "CC") {
+        return ccActorText(t);
+    }
     if (t.assigneeType === "DEPT_KEY") {
         return t.deptName || t.deptKey || t.assigneeName || "-";
     }
@@ -193,12 +199,16 @@ function labelTagClass(label: string): string {
     return "default";
 }
 
+/** dept 档下抄送行折叠为一行（N 个接收人 → "抄送对象 N 人"，不出现人名）；user 档原样。
+ *  节点视图/列表视图共用；时间线视图由 TraceTimeline 内部折叠（口径同源） */
+const displayTrace = computed(() => collapseCcRows(props.detail?.trace || [], traceMode.value));
+
 /**
  * trace 扁平行 → 步骤序列：同 nodeId 的审批行归一步，留痕事件行独立成步，步骤按时间升序。
  * ⚠️ 步内办理人行序 = 后端返回顺序（任务 id 序），不得按时间重排。
  */
 const nodeSteps = computed(() => {
-    const trace: any[] = props.detail?.trace || [];
+    const trace: any[] = displayTrace.value;
     const act: string[] = String(props.detail?.currentNodes || "").split(",").filter(Boolean);
     const rows = trace.map((r) => ({ ...r, _t: rowTime(r) }));
     const steps: any[] = [];
@@ -402,8 +412,8 @@ onMounted(async () => {
             <TraceTimeline v-else-if="viewMode === 'timeline'" :trace="detail.trace || []" :mode="traceMode"
                            :status-text="TRACE_STATUS_TEXT" />
 
-            <!-- ③ 列表：整个流程周期的完整事件流水 -->
-            <Table v-else size="small" :columns="recordColumns" :data="detail.trace || []" />
+            <!-- ③ 列表：整个流程周期的完整事件流水（dept 档抄送行已折叠，见 displayTrace） -->
+            <Table v-else size="small" :columns="recordColumns" :data="displayTrace" />
         </div>
 
         <details class="embed-fold" @toggle="onDiagramToggle">
diff --git a/src/views/flow/components/TraceTimeline.vue b/src/views/flow/components/TraceTimeline.vue
index d8223c1..6fe203a 100644
--- a/src/views/flow/components/TraceTimeline.vue
+++ b/src/views/flow/components/TraceTimeline.vue
@@ -2,10 +2,11 @@
 // 流程轨迹时间线（2026-09-18 新增，办件详情页与办理页共用一个实现）：
 // ① 时间流：后端已按"该行实际发生的时间"升序返回（time 字段），此处不再排序，只按 round 分轮展示；
 // ② 两档显示：user=按人员（默认，显示办理人姓名）；dept=按科室（DEPT_KEY 节点显科室名、USERS 节点显
-//    "指定办理人"、发起/撤回/重提显"提交人"），口径与流程示意图的科室视图一致；
+//    "指定办理人"、发起/撤回/重提显"提交人"、抄送显"抄送对象"），口径与流程示意图的科室视图一致；
 // ③ 撤回重走留痕：kind=WITHDRAW/RESUBMIT 的行由后端留痕事件行提供，重提处插入"第 N 轮"分隔。
 import { computed } from "vue";
 import { TASK_STATUS } from "@/api/module/flow";
+import { collapseCcRows, ccActorText } from "@/utils/flowTrace";
 
 const props = defineProps<{
     /** 后端 detail.trace（已按时间升序，含 kind/time/round/科室富化字段） */
@@ -46,7 +47,8 @@ const KIND_TAG: Record<string, string> = {
     ROUTE: "purple",
 };
 
-const rows = computed(() => props.trace || []);
+/** dept 档下抄送行折叠为一行（N 个接收人 → "抄送对象 N 人"）；user 档原样 */
+const rows = computed(() => collapseCcRows(props.trace || [], props.mode));
 
 /** 多轮才有轮次分隔（单轮不打扰） */
 const multiRound = computed(() => rows.value.some((t: any) => (t.round || 1) > 1));
@@ -63,12 +65,16 @@ function roundTitle(round: number): string {
     return at ? `第 ${round} 轮审批（重新提交于 ${at}）` : `第 ${round} 轮审批`;
 }
 
-/** 操作者：按人员=姓名；按科室=科室名/指定办理人/提交人（不暴露具体人名） */
+/** 操作者：按人员=姓名；按科室=科室名/指定办理人/提交人/抄送对象（不暴露具体人名） */
 function actor(t: any): string {
     if (t.kind === "ROUTE") return "流程引擎";
     if (props.mode !== "dept") {
         return t.assigneeName || t.assigneeId || "-";
     }
+    // 抄送行先判：科室抄送显科室名、指定人抄送显"抄送对象"，均不回落人名
+    if (t.kind === "CC") {
+        return ccActorText(t);
+    }
     if (t.assigneeType === "DEPT_KEY") {
         return t.deptName || t.deptKey || t.assigneeName || "-";
     }