@sim-design/training 1.0.0 → 1.1.0

package/dist/DocumentReviewPlugin-qYYrnjvE.js

@@ -0,0 +1,1967 @@
+import { j as e, u as We, a as $e, r as He } from "./CaseDetailContent-Y7Q430MG.js";
+import { useState as E, forwardRef as Fe, useRef as ne, useEffect as oe, useMemo as W, useImperativeHandle as Le, useCallback as G } from "react";
+import { Modal as re } from "antd";
+import { a as Re, c as De } from "./judgement-xTGXlDcn.js";
+import { d as Z } from "./designTokens-walF_QkZ.js";
+const te = Z.colors, Ae = ({
+  left: t,
+  center: l,
+  right: a
+}) => /* @__PURE__ */ e.jsxs("div", { style: Y.mainLayout, children: [
+  t,
+  /* @__PURE__ */ e.jsx("main", { style: Y.contentArea, children: l }),
+  a
+] }), Ve = ({
+  documentCount: t,
+  currentDocName: l,
+  expectedTotal: a,
+  showExpectedCount: n,
+  hint: r = "提示：点击任意字段可标记为可疑不符点，右侧清单实时同步"
+}) => {
+  const s = n && typeof a == "number";
+  return /* @__PURE__ */ e.jsxs("div", { style: Y.bottomBar, children: [
+    /* @__PURE__ */ e.jsxs("div", { style: Y.leftInfo, children: [
+      /* @__PURE__ */ e.jsxs("span", { style: Y.infoItem, children: [
+        "📄 单证数量：",
+        /* @__PURE__ */ e.jsx("strong", { style: Y.infoStrong, children: t }),
+        " 份"
+      ] }),
+      /* @__PURE__ */ e.jsxs("span", { style: Y.infoItem, children: [
+        "📍 当前单证：",
+        /* @__PURE__ */ e.jsx("strong", { style: Y.infoStrong, children: l || "-" })
+      ] }),
+      s && /* @__PURE__ */ e.jsxs("span", { style: Y.infoItem, children: [
+        "⚠️ 预设错误数：",
+        /* @__PURE__ */ e.jsx("strong", { style: Y.infoStrong, children: a }),
+        " 处"
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { style: Y.rightInfo, children: r })
+  ] });
+}, Y = {
+  // 三栏 flex 容器：填满父容器高度，溢出收敛到各栏内部（中栏/左右栏各自滚动）
+  mainLayout: {
+    display: "flex",
+    height: "100%",
+    minHeight: "78vh",
+    overflow: "hidden",
+    position: "relative",
+    background: te.background
+  },
+  // 中栏：flex:1 填充左右栏之外的空间，内容超出时自身滚动
+  contentArea: {
+    flex: 1,
+    minWidth: 0,
+    overflowY: "auto",
+    padding: "24px 26px"
+  },
+  // .bottom-bar
+  bottomBar: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    padding: "14px 24px",
+    background: te.surface,
+    borderRadius: 10,
+    marginTop: 20,
+    boxShadow: "0 2px 8px rgba(0,0,0,0.08)",
+    fontSize: 15,
+    color: te.textSecondary,
+    flexWrap: "wrap",
+    gap: 12
+  },
+  // .bottom-bar .left-info
+  leftInfo: {
+    display: "flex",
+    alignItems: "center",
+    gap: 24,
+    flexWrap: "wrap"
+  },
+  // .bottom-bar .info-item
+  infoItem: {
+    display: "flex",
+    alignItems: "center",
+    gap: 7
+  },
+  // .bottom-bar .info-item strong
+  infoStrong: {
+    color: te.primary,
+    fontSize: 18
+  },
+  // .bottom-bar .right-info
+  rightInfo: {
+    fontSize: 14,
+    color: te.textDisabled
+  }
+}, P = Z.colors, Pe = `点击任意字段即可将其标记为可疑不符点，并选择对应的错误类型、填写说明；
+右侧标记清单可随时定位、编辑或删除已标记的不符点；
+使用「高亮笔」可在阅读时圈划重点字段，辅助比对；
+核对完成后点击「提交审核」，系统将给出参考不符点清单与得分。`, Oe = ({
+  markedCount: t,
+  highlightActive: l,
+  onToggleHighlight: a,
+  onClearMarks: n,
+  onSubmit: r,
+  submitted: s,
+  hintText: T
+}) => {
+  const k = () => {
+    re.info({
+      title: "审核提示",
+      width: 520,
+      content: /* @__PURE__ */ e.jsx("div", { style: { whiteSpace: "pre-line", lineHeight: 1.8, fontSize: 14.5 }, children: T ?? Pe }),
+      okText: "我知道了"
+    });
+  };
+  return /* @__PURE__ */ e.jsxs("div", { style: R.toolbar, children: [
+    /* @__PURE__ */ e.jsxs("div", { style: R.toolbarLeft, children: [
+      /* @__PURE__ */ e.jsx(
+        ae,
+        {
+          icon: "✏️",
+          label: "高亮笔",
+          active: l,
+          onClick: a
+        }
+      ),
+      /* @__PURE__ */ e.jsx(ae, { icon: "💡", label: "审核提示", onClick: k }),
+      /* @__PURE__ */ e.jsx(ae, { icon: "🧹", label: "清除标注", onClick: n })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { style: R.toolbarRight, children: [
+      /* @__PURE__ */ e.jsxs(
+        "span",
+        {
+          style: {
+            ...R.statusBadge,
+            ...s ? R.statusBadgeSubmitted : R.statusBadgeReviewing
+          },
+          children: [
+            /* @__PURE__ */ e.jsx("span", { style: R.statusDot }),
+            s ? "已提交" : "审核中"
+          ]
+        }
+      ),
+      /* @__PURE__ */ e.jsxs("span", { style: R.markedText, children: [
+        "已标记：",
+        /* @__PURE__ */ e.jsx("strong", { style: R.markedNum, children: t }),
+        " 处"
+      ] }),
+      /* @__PURE__ */ e.jsx(_e, { onClick: r, submitted: s })
+    ] }),
+    /* @__PURE__ */ e.jsx("style", { children: Ye })
+  ] });
+}, ae = ({ icon: t, label: l, active: a = !1, onClick: n }) => {
+  const [r, s] = E(!1);
+  return /* @__PURE__ */ e.jsxs(
+    "button",
+    {
+      type: "button",
+      style: {
+        ...R.toolBtn,
+        // active 优先于 hover（原型 .active 与 :hover 同色系）
+        ...r && !a ? R.toolBtnHover : null,
+        ...a ? R.toolBtnActive : null
+      },
+      onMouseEnter: () => s(!0),
+      onMouseLeave: () => s(!1),
+      onClick: n,
+      children: [
+        /* @__PURE__ */ e.jsx("span", { style: R.toolBtnIcon, children: t }),
+        l
+      ]
+    }
+  );
+}, _e = ({ onClick: t, submitted: l }) => {
+  const [a, n] = E(!1);
+  return /* @__PURE__ */ e.jsx(
+    "button",
+    {
+      type: "button",
+      disabled: l,
+      style: {
+        ...R.submitBtn,
+        ...l ? R.submitBtnDisabled : null,
+        ...a && !l ? R.submitBtnHover : null
+      },
+      onMouseEnter: () => n(!0),
+      onMouseLeave: () => n(!1),
+      onClick: t,
+      children: l ? "已提交" : "提交审核"
+    }
+  );
+}, Ye = `
+@keyframes dr-toolbar-pulse {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.4; }
+}
+`, R = {
+  // .toolbar
+  toolbar: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    background: P.surface,
+    borderRadius: 10,
+    padding: "14px 24px",
+    marginBottom: 20,
+    boxShadow: "0 2px 8px rgba(0,0,0,0.08)"
+  },
+  // .toolbar-left
+  toolbarLeft: {
+    display: "flex",
+    alignItems: "center",
+    gap: 10
+  },
+  // .toolbar-right
+  toolbarRight: {
+    display: "flex",
+    alignItems: "center",
+    gap: 14
+  },
+  // .tool-btn
+  toolBtn: {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: 7,
+    padding: "9px 18px",
+    // 用拆分写法而非 border 简写：hover/active 态只改 borderColor（non-shorthand），
+    // 若基态用 border 简写会导致回到基态时 React 移除 borderColor 而 border 仍在 → 样式冲突告警
+    borderWidth: 1,
+    borderStyle: "solid",
+    borderColor: P.border,
+    background: "#fff",
+    borderRadius: 8,
+    cursor: "pointer",
+    fontSize: 15,
+    color: P.textSecondary,
+    transition: "all 0.2s",
+    fontWeight: 500
+  },
+  // .tool-btn:hover
+  toolBtnHover: {
+    borderColor: P.primary,
+    color: P.primary
+  },
+  // .tool-btn.active
+  toolBtnActive: {
+    background: "#e6f7ff",
+    borderColor: P.primary,
+    color: P.primary
+  },
+  // .tool-btn .icon
+  toolBtnIcon: {
+    fontSize: 17
+  },
+  // .status-badge
+  statusBadge: {
+    display: "inline-flex",
+    alignItems: "center",
+    gap: 7,
+    padding: "8px 18px",
+    borderRadius: 24,
+    fontSize: 15,
+    fontWeight: 600
+  },
+  // .status-badge.reviewing
+  statusBadgeReviewing: {
+    background: "#e6f7ff",
+    color: P.primary,
+    border: "1px solid #91d5ff"
+  },
+  // .status-badge.submitted
+  statusBadgeSubmitted: {
+    background: "#f6ffed",
+    color: P.success,
+    border: "1px solid #b7eb8f"
+  },
+  // .status-dot（脉冲）
+  statusDot: {
+    width: 9,
+    height: 9,
+    borderRadius: "50%",
+    background: "currentColor",
+    animation: "dr-toolbar-pulse 2s infinite"
+  },
+  // 已标记 X 处（原型行内样式）
+  markedText: {
+    fontSize: 15,
+    color: "#999",
+    fontWeight: 500
+  },
+  markedNum: {
+    color: P.primary
+  },
+  // .submit-btn
+  submitBtn: {
+    padding: "10px 30px",
+    background: `linear-gradient(135deg, ${P.primary} 0%, ${P.secondary} 100%)`,
+    color: "#fff",
+    border: "none",
+    borderRadius: 8,
+    fontSize: 16,
+    fontWeight: 600,
+    cursor: "pointer",
+    transition: "all 0.2s",
+    boxShadow: "0 3px 10px rgba(24,144,255,0.35)"
+  },
+  // .submit-btn:hover
+  submitBtnHover: {
+    transform: "translateY(-1px)",
+    boxShadow: "0 5px 16px rgba(24,144,255,0.45)"
+  },
+  // .submit-btn:disabled
+  submitBtnDisabled: {
+    background: "#d9d9d9",
+    cursor: "not-allowed",
+    boxShadow: "none",
+    transform: "none"
+  }
+}, M = Z.colors, Ge = (t) => {
+  const l = globalThis.CSS;
+  return l != null && l.escape ? l.escape(t) : t.replace(/["\\]/g, "\\$&");
+}, Ke = `
+@keyframes dr-locate-flash {
+  0% { box-shadow: 0 0 0 4px rgba(24,144,255,0.55), 0 0 24px rgba(24,144,255,0.25); transform: scale(1.02); }
+  50% { box-shadow: 0 0 0 4px rgba(24,144,255,0.25), 0 0 12px rgba(24,144,255,0.12); transform: scale(1.01); }
+  100% { box-shadow: none; transform: scale(1); }
+}
+`, Ue = (t) => {
+  const l = t || "";
+  return /(人身|人寿|寿险|身故|life)/i.test(l) ? "📄" : /(财产|企业财产|property)/i.test(l) ? "🏠" : /(车|机动车|motor|auto|vehicle)/i.test(l) ? "🚗" : /(健康|医疗|重疾|health|medical)/i.test(l) ? "❤️" : "📄";
+}, Xe = (t) => {
+  const l = t.map((n) => n.colSpan ?? 1), a = l.reduce((n, r) => Math.max(n, r), 1);
+  return l.every((n) => n >= 3) ? "cols-full" : a >= 3 ? "cols-3" : "cols-2";
+}, qe = {
+  "cols-2": "repeat(2, 1fr)",
+  "cols-3": "repeat(3, 1fr)",
+  "cols-full": "1fr"
+}, Je = (t, l, a, n, r, s) => {
+  if (!a)
+    return { marked: l, markedError: !1, markedCorrect: !1 };
+  const T = n.has(t), k = r.has(t), S = s.has(t);
+  return T && k ? { marked: !1, markedError: !1, markedCorrect: !0 } : T && !k ? { marked: !1, markedError: !0, markedCorrect: !1 } : S ? { marked: !1, markedError: !0, markedCorrect: !1 } : { marked: !1, markedError: !1, markedCorrect: !1 };
+}, me = Fe(({
+  documents: t,
+  markedFields: l,
+  onFieldClick: a,
+  onTabChange: n,
+  showExpectedCount: r,
+  expectedCountByDoc: s,
+  resultMode: T,
+  scoreResult: k,
+  answers: S,
+  highlightedFields: h
+}, w) => {
+  const [B, i] = E(0), [c, p] = E(null), y = ne(null), x = ne(null);
+  oe(() => {
+    B > t.length - 1 && i(0);
+  }, [t.length, B]), oe(() => {
+    t.length !== 0 && (n == null || n(Math.min(B, t.length - 1)));
+  }, [B, t.length, n]);
+  const Q = W(() => {
+    const g = /* @__PURE__ */ new Map();
+    return t.forEach((H, $) => {
+      H.fields.forEach((O) => {
+        g.has(O.name) || g.set(O.name, $);
+      });
+    }), g;
+  }, [t]);
+  Le(w, () => ({
+    locate: (g) => {
+      const H = Q.get(g);
+      H !== void 0 && (i(H), x.current && window.clearTimeout(x.current), p(null), window.setTimeout(() => {
+        var O;
+        const $ = (O = y.current) == null ? void 0 : O.querySelector(`[data-field="${Ge(g)}"]`);
+        $ && $.scrollIntoView({ behavior: "smooth", block: "center" }), p(g), x.current = window.setTimeout(() => {
+          p(null), x.current = null;
+        }, 1600);
+      }, 160));
+    }
+  }), [Q]), oe(() => () => {
+    x.current && window.clearTimeout(x.current);
+  }, []);
+  const U = W(() => {
+    const g = /* @__PURE__ */ new Map();
+    return (S ?? []).forEach((H) => g.set(H.fieldName, H)), g;
+  }, [S]), ee = W(
+    () => new Set((S ?? []).map((g) => g.fieldName)),
+    [S]
+  ), z = W(
+    () => new Set(((k == null ? void 0 : k.perAnswer) ?? []).filter((g) => g.hit).map((g) => g.fieldName)),
+    [k]
+  ), D = W(
+    () => new Set((k == null ? void 0 : k.falseMarks) ?? []),
+    [k]
+  );
+  if (!t || t.length === 0)
+    return null;
+  const q = Math.min(B, t.length - 1), K = t[q], N = et(K.fields);
+  return /* @__PURE__ */ e.jsxs("div", { ref: y, style: j.documentCard, children: [
+    /* @__PURE__ */ e.jsx("style", { children: Ke }),
+    /* @__PURE__ */ e.jsx("div", { style: j.tabBar, children: t.map((g, H) => {
+      const $ = H === q, O = s == null ? void 0 : s[H], le = r && typeof O == "number" && O > 0;
+      return /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          onClick: () => i(H),
+          style: {
+            ...j.tabItem,
+            ...$ ? j.tabItemActive : null
+          },
+          children: [
+            /* @__PURE__ */ e.jsx("span", { style: { fontSize: 18 }, children: Ue(g.documentType) }),
+            g.documentType,
+            le && /* @__PURE__ */ e.jsx(
+              "span",
+              {
+                style: {
+                  ...j.tabBadge,
+                  background: $ ? M.secondary : M.error
+                },
+                children: O
+              }
+            )
+          ]
+        },
+        H
+      );
+    }) }),
+    /* @__PURE__ */ e.jsxs("div", { style: j.tabPanel, children: [
+      /* @__PURE__ */ e.jsxs("div", { style: j.docHeader, children: [
+        /* @__PURE__ */ e.jsx("div", { style: j.docTitle, children: K.documentType }),
+        K.subtitle && /* @__PURE__ */ e.jsx("div", { style: j.docSubtitle, children: K.subtitle }),
+        K.docNo && /* @__PURE__ */ e.jsx("div", { style: j.docNo, children: K.docNo })
+      ] }),
+      N.map((g) => {
+        const H = Xe(g.fields);
+        return /* @__PURE__ */ e.jsxs("div", { style: j.formSection, children: [
+          g.title && /* @__PURE__ */ e.jsx("div", { style: j.formSectionTitle, children: g.title }),
+          /* @__PURE__ */ e.jsx(
+            "div",
+            {
+              style: {
+                ...j.formGrid,
+                gridTemplateColumns: qe[H]
+              },
+              children: g.fields.map(($) => /* @__PURE__ */ e.jsx(
+                Qe,
+                {
+                  field: $,
+                  docIndex: q,
+                  resultMode: T,
+                  answer: U.get($.name),
+                  state: Je(
+                    $.name,
+                    l.has($.name),
+                    T,
+                    ee,
+                    z,
+                    D
+                  ),
+                  highlighted: !!(h != null && h.has($.name)),
+                  flashing: c === $.name,
+                  onClick: a
+                },
+                $.name
+              ))
+            }
+          )
+        ] }, g.key);
+      })
+    ] })
+  ] });
+});
+me.displayName = "DocumentCard";
+const Qe = ({
+  field: t,
+  docIndex: l,
+  resultMode: a,
+  answer: n,
+  state: r,
+  highlighted: s,
+  flashing: T,
+  onClick: k
+}) => {
+  const [S, h] = E(!1), w = !!s && !r.marked && !r.markedError && !r.markedCorrect, B = {
+    ...j.fieldItem,
+    gridColumn: (t.colSpan ?? 1) > 1 ? "1 / -1" : void 0,
+    ...S && !r.marked && !r.markedError && !r.markedCorrect && !w ? j.fieldItemHover : null,
+    ...w ? j.fieldItemHighlightPen : null,
+    ...r.marked ? j.fieldItemMarked : null,
+    ...r.markedError ? j.fieldItemMarkedError : null,
+    ...r.markedCorrect ? j.fieldItemMarkedCorrect : null,
+    ...T ? j.fieldItemLocateFlash : null
+  }, i = r.marked || r.markedError || r.markedCorrect, c = r.markedError && !!n, p = n == null ? void 0 : n.correctValue;
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      onClick: () => k(l, t),
+      onMouseEnter: () => h(!0),
+      onMouseLeave: () => h(!1),
+      style: B,
+      "data-field": t.name,
+      children: [
+        /* @__PURE__ */ e.jsxs("div", { style: j.fieldLabel, children: [
+          /* @__PURE__ */ e.jsx("span", { children: t.label }),
+          i && /* @__PURE__ */ e.jsx("span", { style: j.markIndicator, children: "🏷️ 已标记" })
+        ] }),
+        /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            style: {
+              ...j.fieldValue,
+              ...c ? j.fieldValueError : null
+            },
+            children: Ze(t)
+          }
+        ),
+        a && c && p && /* @__PURE__ */ e.jsxs("div", { style: { ...j.fieldValue, ...j.fieldValueCorrect, padding: "2px 0" }, children: [
+          "应为：",
+          p
+        ] }),
+        t.hint && /* @__PURE__ */ e.jsx("div", { style: j.fieldHint, children: t.hint }),
+        r.markedCorrect && /* @__PURE__ */ e.jsx("span", { style: { ...j.fieldTag, background: M.success }, children: "正确标记" })
+      ]
+    }
+  );
+}, Ze = (t) => t.value ?? "", et = (t) => {
+  const l = [], a = /* @__PURE__ */ new Map();
+  return t.forEach((n) => {
+    const r = n.group ?? "__default";
+    a.has(r) || (a.set(r, []), l.push(r)), a.get(r).push(n);
+  }), l.map((n) => ({
+    key: n,
+    title: n === "__default" ? "" : n,
+    fields: a.get(n)
+  }));
+}, j = {
+  // .document-card
+  documentCard: {
+    background: M.surface,
+    borderRadius: 10,
+    boxShadow: "0 4px 20px rgba(0,0,0,0.12)",
+    overflow: "hidden"
+  },
+  // .tab-bar
+  tabBar: {
+    display: "flex",
+    background: "#fafbfc",
+    borderBottom: `1px solid ${M.border}`,
+    overflowX: "auto"
+  },
+  // .tab-item
+  tabItem: {
+    padding: "14px 28px",
+    fontSize: 16,
+    fontWeight: 600,
+    color: M.textSecondary,
+    cursor: "pointer",
+    // 拆分写法：tabItemActive 只改 borderBottomColor，基态用 borderBottom 简写会在切走激活态时触发样式冲突告警
+    borderBottomWidth: 3,
+    borderBottomStyle: "solid",
+    borderBottomColor: "transparent",
+    whiteSpace: "nowrap",
+    transition: "all 0.2s",
+    position: "relative",
+    display: "flex",
+    alignItems: "center",
+    gap: 8
+  },
+  // .tab-item.active
+  tabItemActive: {
+    color: M.primary,
+    borderBottomColor: M.primary,
+    background: "#fff"
+  },
+  // .tab-badge
+  tabBadge: {
+    display: "inline-flex",
+    alignItems: "center",
+    justifyContent: "center",
+    minWidth: 22,
+    height: 22,
+    padding: "0 7px",
+    borderRadius: 11,
+    fontSize: 12.5,
+    fontWeight: 700,
+    color: "#fff"
+  },
+  // .tab-panel
+  tabPanel: {
+    padding: "30px 40px"
+  },
+  // .doc-header
+  docHeader: {
+    textAlign: "center",
+    marginBottom: 34,
+    paddingBottom: 24,
+    borderBottom: "2.5px solid #333"
+  },
+  // .doc-title
+  docTitle: {
+    fontFamily: "'SimHei', '黑体', sans-serif",
+    fontSize: 28,
+    fontWeight: "bold",
+    letterSpacing: 6,
+    marginBottom: 14,
+    color: M.textPrimary
+  },
+  // .doc-subtitle
+  docSubtitle: {
+    fontSize: 16,
+    color: M.textSecondary,
+    fontWeight: 500,
+    letterSpacing: 1
+  },
+  // .doc-no
+  docNo: {
+    fontSize: 14.5,
+    color: M.textDisabled,
+    marginTop: 8
+  },
+  // .form-section
+  formSection: {
+    marginBottom: 30
+  },
+  // .form-section-title
+  formSectionTitle: {
+    fontSize: 18,
+    fontWeight: 700,
+    color: M.textPrimary,
+    marginBottom: 18,
+    paddingLeft: 12,
+    borderLeft: `4px solid ${M.primary}`,
+    lineHeight: 1.5
+  },
+  // .form-grid
+  formGrid: {
+    display: "grid",
+    gap: "16px 32px"
+  },
+  // .field-item
+  fieldItem: {
+    display: "flex",
+    flexDirection: "column",
+    gap: 6,
+    padding: "14px 18px",
+    border: "1px solid transparent",
+    borderRadius: 8,
+    cursor: "pointer",
+    transition: "all 0.2s",
+    position: "relative"
+  },
+  // .field-item:hover
+  fieldItemHover: {
+    background: "#fafafa",
+    // 用 border 简写与基态/各 marked 变体保持一致（同元素内统一简写），避免简写/非简写混用告警
+    border: "1px solid #e8e8e8"
+  },
+  // .field-item.marked
+  fieldItemMarked: {
+    background: "#fff1f0",
+    border: "1.5px dashed #ffa39e",
+    borderRadius: 8
+  },
+  // .field-item.marked-error
+  fieldItemMarkedError: {
+    background: "#fff1f0",
+    border: `2.5px solid ${M.error}`
+  },
+  // .field-item.marked-correct
+  fieldItemMarkedCorrect: {
+    background: "#f6ffed",
+    border: `2.5px solid ${M.success}`
+  },
+  // .field-item.highlight-pen（高亮笔圈划：荧光黄渐变底）
+  fieldItemHighlightPen: {
+    background: "linear-gradient(120deg, transparent 0%, #fff59d 40%, transparent 60%)",
+    backgroundSize: "200% 100%"
+  },
+  // .field-item.locate-flash（定位闪烁）
+  fieldItemLocateFlash: {
+    animation: "dr-locate-flash 1.5s ease-out"
+  },
+  // .field-label
+  fieldLabel: {
+    fontSize: 14.5,
+    color: M.textSecondary,
+    fontWeight: 600,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    lineHeight: 1.4
+  },
+  // .field-label .mark-indicator
+  markIndicator: {
+    fontSize: 13.5,
+    display: "inline-flex",
+    alignItems: "center",
+    gap: 2,
+    color: M.textSecondary
+  },
+  // .field-value
+  fieldValue: {
+    fontSize: 17,
+    color: M.textPrimary,
+    fontWeight: 600,
+    padding: "6px 0",
+    wordBreak: "break-all",
+    lineHeight: 1.6,
+    whiteSpace: "pre-wrap"
+  },
+  // .field-value.error-text
+  fieldValueError: {
+    color: M.error,
+    textDecoration: "line-through",
+    textDecorationColor: M.error,
+    textDecorationThickness: 2
+  },
+  // .field-value.correct-text
+  fieldValueCorrect: {
+    color: M.success,
+    textDecoration: "none"
+  },
+  // .field-hint
+  fieldHint: {
+    fontSize: 13,
+    color: M.textDisabled,
+    fontStyle: "italic"
+  },
+  // .field-tag
+  fieldTag: {
+    position: "absolute",
+    top: -7,
+    right: -7,
+    padding: "3px 9px",
+    borderRadius: 10,
+    fontSize: 12.5,
+    fontWeight: 700,
+    color: "#fff",
+    zIndex: 5
+  }
+}, A = Z.colors, tt = (t) => {
+  const l = [], a = /* @__PURE__ */ new Map();
+  return t.forEach((n) => {
+    const r = n.group ?? "";
+    a.has(r) || (a.set(r, []), l.push(r)), a.get(r).push(n);
+  }), l.map((n) => ({ key: n, label: n, options: a.get(n) }));
+}, rt = ({
+  open: t,
+  fieldLabel: l,
+  fieldValue: a,
+  errorTypes: n,
+  existing: r,
+  onConfirm: s,
+  onRemove: T,
+  onCancel: k
+}) => {
+  const [S, h] = E(""), [w, B] = E(""), [i, c] = E(!1), [p, y] = E(!1), x = ne(null);
+  oe(() => {
+    t && (h((r == null ? void 0 : r.typeId) ?? ""), B((r == null ? void 0 : r.reason) ?? ""));
+  }, [t, r == null ? void 0 : r.typeId, r == null ? void 0 : r.reason]), oe(() => {
+    if (t) {
+      const z = window.setTimeout(() => {
+        var D;
+        return (D = x.current) == null ? void 0 : D.focus();
+      }, 0);
+      return () => window.clearTimeout(z);
+    }
+  }, [t]);
+  const Q = W(() => tt(n), [n]);
+  if (!t) return null;
+  const U = () => {
+    if (!S) {
+      window.alert("请选择错误类型后再确认标记");
+      return;
+    }
+    s(S, w.trim());
+  }, ee = (z) => {
+    z.target === z.currentTarget && k();
+  };
+  return /* @__PURE__ */ e.jsx("div", { style: F.overlay, onClick: ee, children: /* @__PURE__ */ e.jsxs("div", { style: F.modal, onClick: (z) => z.stopPropagation(), children: [
+    /* @__PURE__ */ e.jsx("div", { style: F.header, children: "📝 标记不符点" }),
+    /* @__PURE__ */ e.jsxs("div", { style: F.preview, children: [
+      /* @__PURE__ */ e.jsx("div", { style: F.previewLabel, children: l }),
+      /* @__PURE__ */ e.jsx("div", { style: F.previewValue, children: a })
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { children: [
+      /* @__PURE__ */ e.jsx("label", { style: F.bodyLabel, htmlFor: "dr-error-type-select", children: "选择错误类型：" }),
+      /* @__PURE__ */ e.jsxs(
+        "select",
+        {
+          id: "dr-error-type-select",
+          ref: x,
+          value: S,
+          onChange: (z) => h(z.target.value),
+          onFocus: () => c(!0),
+          onBlur: () => c(!1),
+          style: {
+            ...F.select,
+            ...i ? F.inputFocus : null
+          },
+          children: [
+            /* @__PURE__ */ e.jsx("option", { value: "", children: "-- 请选择错误类型 --" }),
+            Q.map(
+              (z) => z.label ? /* @__PURE__ */ e.jsx("optgroup", { label: z.label, children: z.options.map((D) => /* @__PURE__ */ e.jsx("option", { value: D.id, children: D.label }, D.id)) }, z.key) : z.options.map((D) => /* @__PURE__ */ e.jsx("option", { value: D.id, children: D.label }, D.id))
+            )
+          ]
+        }
+      ),
+      /* @__PURE__ */ e.jsx("label", { style: F.bodyLabel, htmlFor: "dr-reason-input", children: "补充说明（可选）：" }),
+      /* @__PURE__ */ e.jsx(
+        "textarea",
+        {
+          id: "dr-reason-input",
+          value: w,
+          onChange: (z) => B(z.target.value),
+          onFocus: () => y(!0),
+          onBlur: () => y(!1),
+          placeholder: "请输入您发现的不符原因描述...",
+          style: {
+            ...F.reason,
+            ...p ? F.inputFocus : null
+          }
+        }
+      )
+    ] }),
+    /* @__PURE__ */ e.jsxs("div", { style: F.footer, children: [
+      /* @__PURE__ */ e.jsx("button", { type: "button", style: F.btnCancel, onClick: k, children: "取消" }),
+      /* @__PURE__ */ e.jsx("button", { type: "button", style: F.btnConfirm, onClick: U, children: r ? "更新标记" : "确认标记" }),
+      r && T && /* @__PURE__ */ e.jsx("button", { type: "button", style: F.btnRemove, onClick: T, children: "取消标记" })
+    ] })
+  ] }) });
+}, F = {
+  // .mark-modal-overlay(.show)
+  overlay: {
+    position: "fixed",
+    top: 0,
+    left: 0,
+    right: 0,
+    bottom: 0,
+    background: "rgba(0,0,0,0.45)",
+    zIndex: 2e3,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  // .mark-modal
+  modal: {
+    background: "#fff",
+    borderRadius: 14,
+    padding: 28,
+    width: 480,
+    maxWidth: "94vw",
+    boxShadow: "0 16px 48px rgba(0,0,0,0.22)"
+  },
+  // .mark-modal-header
+  header: {
+    fontSize: 19,
+    fontWeight: 700,
+    marginBottom: 20,
+    paddingBottom: 14,
+    borderBottom: `1px solid ${A.border}`,
+    color: A.textPrimary
+  },
+  // .mark-field-preview
+  preview: {
+    background: "#f5f5f5",
+    borderRadius: 8,
+    padding: "14px 18px",
+    marginBottom: 20
+  },
+  // .mark-field-preview .label
+  previewLabel: {
+    fontSize: 14,
+    color: A.textSecondary,
+    marginBottom: 5,
+    fontWeight: 600
+  },
+  // .mark-field-preview .value
+  previewValue: {
+    fontSize: 17,
+    fontWeight: 700,
+    color: A.textPrimary,
+    lineHeight: 1.5,
+    wordBreak: "break-all"
+  },
+  // .mark-modal-body label
+  bodyLabel: {
+    display: "block",
+    fontSize: 15,
+    fontWeight: 600,
+    marginBottom: 10,
+    color: A.textPrimary
+  },
+  // .mark-error-select
+  select: {
+    width: "100%",
+    padding: "11px 14px",
+    // 拆分写法，避免与 inputFocus 的 borderColor 混用 border 简写（失焦时触发样式冲突告警）
+    borderWidth: 1,
+    borderStyle: "solid",
+    borderColor: A.border,
+    borderRadius: 8,
+    fontSize: 15.5,
+    outline: "none",
+    marginBottom: 18,
+    appearance: "auto",
+    cursor: "pointer",
+    background: "#fff",
+    color: A.textPrimary,
+    fontFamily: "inherit"
+  },
+  // .mark-reason-input
+  reason: {
+    width: "100%",
+    padding: "11px 14px",
+    // 拆分写法，避免与 inputFocus 的 borderColor 混用 border 简写（失焦时触发样式冲突告警）
+    borderWidth: 1,
+    borderStyle: "solid",
+    borderColor: A.border,
+    borderRadius: 8,
+    fontSize: 15.5,
+    outline: "none",
+    resize: "vertical",
+    minHeight: 84,
+    fontFamily: "inherit",
+    marginBottom: 22,
+    lineHeight: 1.6,
+    color: A.textPrimary,
+    boxSizing: "border-box"
+  },
+  // :focus（select / textarea 共用）
+  inputFocus: {
+    borderColor: A.primary,
+    boxShadow: "0 0 0 3px rgba(24,144,255,0.12)"
+  },
+  // .mark-modal-footer
+  footer: {
+    display: "flex",
+    justifyContent: "flex-end",
+    gap: 12
+  },
+  // .btn-cancel
+  btnCancel: {
+    padding: "10px 24px",
+    border: `1px solid ${A.border}`,
+    background: "#fff",
+    borderRadius: 8,
+    cursor: "pointer",
+    fontSize: 15,
+    color: A.textSecondary,
+    fontWeight: 500
+  },
+  // .btn-confirm
+  btnConfirm: {
+    padding: "10px 24px",
+    border: "none",
+    background: A.primary,
+    color: "#fff",
+    borderRadius: 8,
+    cursor: "pointer",
+    fontSize: 15,
+    fontWeight: 600
+  },
+  // #removeMarkBtn（.btn-confirm + background:var(--error)）
+  btnRemove: {
+    padding: "10px 24px",
+    border: "none",
+    background: A.error,
+    color: "#fff",
+    borderRadius: 8,
+    cursor: "pointer",
+    fontSize: 15,
+    fontWeight: 600
+  }
+}, C = Z.colors, ot = ({
+  marks: t,
+  errorTypes: l,
+  collapsed: a,
+  onToggleCollapsed: n,
+  submitted: r,
+  scoreResult: s,
+  onLocate: T,
+  onEdit: k,
+  onDelete: S,
+  showExpectedCount: h,
+  expectedTotal: w
+}) => {
+  const B = W(() => {
+    const y = /* @__PURE__ */ new Map();
+    return l.forEach((x) => y.set(x.id, x.label)), y;
+  }, [l]), i = W(
+    () => new Set(((s == null ? void 0 : s.perAnswer) ?? []).filter((y) => y.hit).map((y) => y.fieldName)),
+    [s]
+  ), c = W(() => new Set((s == null ? void 0 : s.falseMarks) ?? []), [s]), p = (y) => r ? i.has(y) ? "correct" : c.has(y) ? "wrong" : "none" : "none";
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      "aside",
+      {
+        style: {
+          ...b.panel,
+          ...a ? b.panelCollapsed : null
+        },
+        children: /* @__PURE__ */ e.jsxs("div", { style: b.panelInner, children: [
+          /* @__PURE__ */ e.jsxs("div", { style: b.header, children: [
+            /* @__PURE__ */ e.jsxs("h3", { style: b.headerTitle, children: [
+              /* @__PURE__ */ e.jsx("span", { children: "📝" }),
+              " 标记清单"
+            ] }),
+            /* @__PURE__ */ e.jsx(
+              "button",
+              {
+                type: "button",
+                style: b.headerToggleBtn,
+                onClick: n,
+                title: "收起标记清单",
+                children: "◀"
+              }
+            )
+          ] }),
+          /* @__PURE__ */ e.jsxs("div", { style: b.stats, children: [
+            /* @__PURE__ */ e.jsx("span", { children: "已标记不符点" }),
+            /* @__PURE__ */ e.jsxs("span", { children: [
+              /* @__PURE__ */ e.jsx("span", { style: b.countNum, children: t.length }),
+              h && typeof w == "number" ? ` / ${w} 处` : " 处"
+            ] })
+          ] }),
+          /* @__PURE__ */ e.jsx("div", { style: b.body, children: t.length === 0 ? /* @__PURE__ */ e.jsxs("div", { style: b.empty, children: [
+            /* @__PURE__ */ e.jsx("div", { style: b.emptyIcon, children: "📝" }),
+            /* @__PURE__ */ e.jsxs("div", { style: b.emptyText, children: [
+              "暂无标记",
+              /* @__PURE__ */ e.jsx("br", {}),
+              "点击左侧单证中的字段进行标注"
+            ] })
+          ] }) : t.map((y, x) => /* @__PURE__ */ e.jsx(
+            nt,
+            {
+              index: x + 1,
+              mark: y,
+              typeLabel: B.get(y.typeId) || y.typeId,
+              verdict: p(y.fieldName),
+              submitted: r,
+              onLocate: T,
+              onEdit: k,
+              onDelete: S
+            },
+            y.fieldName
+          )) })
+        ] })
+      }
+    ),
+    a && /* @__PURE__ */ e.jsx(
+      "button",
+      {
+        type: "button",
+        style: b.fab,
+        onClick: n,
+        title: "展开/收起标记清单",
+        children: "📝"
+      }
+    )
+  ] });
+}, nt = ({
+  index: t,
+  mark: l,
+  typeLabel: a,
+  verdict: n,
+  submitted: r,
+  onLocate: s,
+  onEdit: T,
+  onDelete: k
+}) => {
+  const [S, h] = E(!1), w = {
+    ...b.listIndex,
+    ...n === "correct" ? b.listIndexCorrect : null,
+    ...n === "wrong" ? b.listIndexWrong : null
+  }, B = {
+    ...b.listTypeTag,
+    ...n === "correct" ? b.listTypeTagCorrect : null
+  };
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      style: {
+        ...b.listItem,
+        // submitted 只读：不再 hover 高亮、光标恢复默认
+        ...S && !r ? b.listItemHover : null,
+        ...r ? b.listItemSubmitted : null
+      },
+      onMouseEnter: () => h(!0),
+      onMouseLeave: () => h(!1),
+      children: [
+        /* @__PURE__ */ e.jsxs("div", { style: b.listItemHeader, children: [
+          /* @__PURE__ */ e.jsx("span", { style: w, children: t }),
+          /* @__PURE__ */ e.jsx("span", { style: b.listFieldName, children: l.fieldLabel })
+        ] }),
+        /* @__PURE__ */ e.jsxs("div", { style: b.listMeta, children: [
+          /* @__PURE__ */ e.jsx("span", { style: b.listTabTag, children: l.docName }),
+          /* @__PURE__ */ e.jsx("span", { style: B, children: a })
+        ] }),
+        /* @__PURE__ */ e.jsx("div", { style: b.listReason, children: l.reason && l.reason.trim() ? l.reason : /* @__PURE__ */ e.jsx("span", { style: b.listReasonPlaceholder, children: "（无补充说明）" }) }),
+        /* @__PURE__ */ e.jsxs("div", { style: b.listActions, children: [
+          /* @__PURE__ */ e.jsx(de, { label: "📍 定位", onClick: () => s(l.fieldName) }),
+          !r && /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+            /* @__PURE__ */ e.jsx(de, { label: "✏️ 编辑", onClick: () => T(l.fieldName) }),
+            /* @__PURE__ */ e.jsx(de, { label: "🗑️ 删除", variant: "delete", onClick: () => k(l.fieldName) })
+          ] })
+        ] })
+      ]
+    }
+  );
+}, de = ({ label: t, variant: l = "default", onClick: a }) => {
+  const [n, r] = E(!1), s = l === "delete" ? b.actionBtnDeleteHover : b.actionBtnHover;
+  return /* @__PURE__ */ e.jsx(
+    "button",
+    {
+      type: "button",
+      style: { ...b.actionBtn, ...n ? s : null },
+      onMouseEnter: () => r(!0),
+      onMouseLeave: () => r(!1),
+      onClick: a,
+      children: t
+    }
+  );
+}, b = {
+  // 外层 wrapper：flex 子项，折叠时 width→0 平滑收拢（取代原 fixed + translateX）
+  panel: {
+    flexShrink: 0,
+    width: 380,
+    overflow: "hidden",
+    transition: "width 0.3s ease",
+    borderLeft: `1px solid ${C.border}`
+  },
+  // 折叠态：宽度收拢到 0
+  panelCollapsed: {
+    width: 0,
+    borderLeft: "none"
+  },
+  // 内层：固定宽内容，避免折叠动画期间内容 reflow；自身纵向滚动
+  panelInner: {
+    width: 380,
+    height: "100%",
+    background: C.surface,
+    overflowY: "auto",
+    display: "flex",
+    flexDirection: "column"
+  },
+  // .mark-panel-header（紫色渐变）
+  header: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    padding: "16px 22px",
+    borderBottom: `1px solid ${C.border}`,
+    background: "linear-gradient(135deg, #667eea 0%, #764ba2 100%)",
+    color: "#fff",
+    flexShrink: 0
+  },
+  // .mark-panel-header h3
+  headerTitle: {
+    fontSize: 17.5,
+    fontWeight: 700,
+    display: "flex",
+    alignItems: "center",
+    gap: 8,
+    margin: 0
+  },
+  // .mark-panel-toggle-btn
+  headerToggleBtn: {
+    width: 34,
+    height: 34,
+    border: "none",
+    background: "rgba(255,255,255,0.22)",
+    borderRadius: 8,
+    cursor: "pointer",
+    fontSize: 18,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    color: "#fff",
+    transition: "background 0.2s"
+  },
+  // .mark-panel-stats
+  stats: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    padding: "12px 22px",
+    background: "#fafbfc",
+    borderBottom: `1px solid ${C.border}`,
+    flexShrink: 0,
+    fontSize: 15,
+    color: C.textSecondary,
+    fontWeight: 500
+  },
+  // .mark-panel-stats .count-num
+  countNum: {
+    fontSize: 24,
+    fontWeight: 800,
+    color: C.primary
+  },
+  // .mark-panel-body
+  body: {
+    flex: 1,
+    overflowY: "auto",
+    padding: 0
+  },
+  // .mark-list-empty
+  empty: {
+    display: "flex",
+    flexDirection: "column",
+    alignItems: "center",
+    justifyContent: "center",
+    padding: "56px 24px",
+    color: C.textDisabled
+  },
+  emptyIcon: {
+    fontSize: 48,
+    marginBottom: 16,
+    opacity: 0.45
+  },
+  emptyText: {
+    fontSize: 15,
+    textAlign: "center",
+    lineHeight: 1.8
+  },
+  // .mark-list-item
+  listItem: {
+    padding: "16px 22px",
+    borderBottom: "1px solid #f5f5f5",
+    cursor: "pointer",
+    transition: "background 0.15s",
+    position: "relative"
+  },
+  // .mark-list-item:hover
+  listItemHover: {
+    background: "#fafafa"
+  },
+  // .mark-panel.submitted-mode .mark-list-item
+  listItemSubmitted: {
+    cursor: "default"
+  },
+  // .mark-list-item-header
+  listItemHeader: {
+    display: "flex",
+    alignItems: "flex-start",
+    gap: 12,
+    marginBottom: 10
+  },
+  // .mark-list-index
+  listIndex: {
+    flexShrink: 0,
+    width: 26,
+    height: 26,
+    borderRadius: 13,
+    background: C.primary,
+    color: "#fff",
+    fontSize: 13,
+    fontWeight: 800,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    marginTop: 2
+  },
+  // .mark-list-index.index-wrong
+  listIndexWrong: {
+    background: C.error
+  },
+  // .mark-list-index.index-correct
+  listIndexCorrect: {
+    background: C.success
+  },
+  // .mark-list-field-name
+  listFieldName: {
+    fontSize: 15.5,
+    fontWeight: 700,
+    color: C.textPrimary,
+    lineHeight: 1.45
+  },
+  // .mark-list-meta
+  listMeta: {
+    display: "flex",
+    alignItems: "center",
+    gap: 10,
+    marginBottom: 8,
+    paddingLeft: 38,
+    flexWrap: "wrap"
+  },
+  // .mark-list-tab-tag
+  listTabTag: {
+    display: "inline-block",
+    padding: "2px 10px",
+    background: "#f0f0f0",
+    color: C.textSecondary,
+    borderRadius: 6,
+    fontSize: 12.5,
+    fontWeight: 600
+  },
+  // .mark-list-type-tag
+  listTypeTag: {
+    display: "inline-block",
+    padding: "2px 10px",
+    background: "#fff1f0",
+    color: C.error,
+    borderRadius: 6,
+    fontSize: 12.5,
+    fontWeight: 600
+  },
+  // .mark-list-type-tag.type-correct
+  listTypeTagCorrect: {
+    background: "#f6ffed",
+    color: C.success
+  },
+  // .mark-list-reason
+  listReason: {
+    fontSize: 13.5,
+    color: C.textDisabled,
+    paddingLeft: 38,
+    lineHeight: 1.65,
+    wordBreak: "break-all"
+  },
+  // .mark-list-reason:empty::before
+  listReasonPlaceholder: {
+    color: "#ddd"
+  },
+  // .mark-list-actions
+  listActions: {
+    display: "flex",
+    gap: 8,
+    paddingLeft: 38,
+    marginTop: 10,
+    flexWrap: "wrap"
+  },
+  // .ml-action-btn
+  actionBtn: {
+    padding: "5px 13px",
+    // 拆分写法：hover 变体只改 borderColor，基态若用 border 简写会在 hover 移开时触发样式冲突告警
+    borderWidth: 1,
+    borderStyle: "solid",
+    borderColor: C.border,
+    background: "#fff",
+    borderRadius: 6,
+    cursor: "pointer",
+    fontSize: 13,
+    color: C.textSecondary,
+    transition: "all 0.15s",
+    display: "inline-flex",
+    alignItems: "center",
+    gap: 4,
+    fontWeight: 500
+  },
+  // .ml-action-btn:hover
+  actionBtnHover: {
+    borderColor: C.primary,
+    color: C.primary
+  },
+  // .ml-action-btn.btn-delete:hover
+  actionBtnDeleteHover: {
+    borderColor: C.error,
+    color: C.error
+  },
+  // .mark-panel-fab
+  fab: {
+    position: "absolute",
+    right: 0,
+    top: 16,
+    width: 30,
+    height: 52,
+    background: C.surface,
+    border: `1px solid ${C.border}`,
+    borderRadius: "10px 0 0 10px",
+    cursor: "pointer",
+    zIndex: 30,
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "center",
+    fontSize: 16,
+    color: C.textSecondary,
+    transition: "right 0.3s ease, background 0.2s",
+    boxShadow: "-2px 0 10px rgba(0,0,0,0.08)"
+  }
+}, L = Z.colors, lt = ({
+  scoreResult: t,
+  answers: l,
+  documents: a,
+  errorTypes: n,
+  marks: r
+}) => {
+  const s = W(() => {
+    const i = /* @__PURE__ */ new Map();
+    return a.forEach((c) => {
+      c.fields.forEach((p) => {
+        i.set(p.name, {
+          label: p.label,
+          value: p.value,
+          docName: c.documentType
+        });
+      });
+    }), i;
+  }, [a]), T = W(() => {
+    const i = /* @__PURE__ */ new Map();
+    return n.forEach((c) => i.set(c.id, c.label)), i;
+  }, [n]), k = W(() => {
+    const i = /* @__PURE__ */ new Map();
+    return t.perAnswer.forEach((c) => i.set(c.fieldName, c.hit)), i;
+  }, [t]), S = (i) => {
+    var c;
+    return ((c = s.get(i)) == null ? void 0 : c.label) ?? i;
+  }, h = (i) => {
+    var c;
+    return ((c = s.get(i)) == null ? void 0 : c.value) ?? "";
+  }, w = (i) => {
+    var c;
+    return ((c = s.get(i)) == null ? void 0 : c.docName) ?? "";
+  }, B = (i) => T.get(i) ?? i;
+  return /* @__PURE__ */ e.jsxs("div", { style: d.panel, children: [
+    /* @__PURE__ */ e.jsxs("div", { style: d.header, children: [
+      /* @__PURE__ */ e.jsx("h3", { style: d.headerTitle, children: "📋 审核结果 — 不符点清单" }),
+      /* @__PURE__ */ e.jsxs("div", { style: d.stats, children: [
+        /* @__PURE__ */ e.jsxs("span", { style: d.statItem, children: [
+          /* @__PURE__ */ e.jsx("span", { style: { ...d.statNum, color: L.success }, children: t.found }),
+          " 找到"
+        ] }),
+        /* @__PURE__ */ e.jsxs("span", { style: d.statItem, children: [
+          /* @__PURE__ */ e.jsx("span", { style: { ...d.statNum, color: L.error }, children: t.missed }),
+          " 遗漏"
+        ] }),
+        /* @__PURE__ */ e.jsxs("span", { style: d.statItem, children: [
+          /* @__PURE__ */ e.jsx("span", { style: { ...d.statNum, color: L.warning }, children: t.wrong }),
+          " 误标"
+        ] })
+      ] })
+    ] }),
+    /* @__PURE__ */ e.jsx("div", { style: d.body, children: /* @__PURE__ */ e.jsxs("table", { style: d.table, children: [
+      /* @__PURE__ */ e.jsx("thead", { children: /* @__PURE__ */ e.jsxs("tr", { children: [
+        /* @__PURE__ */ e.jsx("th", { style: { ...d.th, width: 36 }, children: "状态" }),
+        /* @__PURE__ */ e.jsx("th", { style: { ...d.th, width: 150 }, children: "字段名称" }),
+        /* @__PURE__ */ e.jsx("th", { style: { ...d.th, width: 120 }, children: "所属单证" }),
+        /* @__PURE__ */ e.jsx("th", { style: { ...d.th, width: 140 }, children: "错误类型" }),
+        /* @__PURE__ */ e.jsx("th", { style: d.th, children: "原值 → 正确值" })
+      ] }) }),
+      /* @__PURE__ */ e.jsxs("tbody", { children: [
+        l.map((i) => {
+          var x;
+          const c = k.get(i.fieldName) ?? !1, p = h(i.fieldName), y = c ? (x = r.get(i.fieldName)) == null ? void 0 : x.reason : void 0;
+          return /* @__PURE__ */ e.jsxs("tr", { style: d.tr, children: [
+            /* @__PURE__ */ e.jsx("td", { style: d.td, children: /* @__PURE__ */ e.jsx("span", { style: d.statusIcon, children: c ? "✅" : "❌" }) }),
+            /* @__PURE__ */ e.jsxs("td", { style: d.td, children: [
+              /* @__PURE__ */ e.jsx("div", { style: d.fieldName, children: S(i.fieldName) }),
+              /* @__PURE__ */ e.jsx("div", { style: d.tabLabel, children: w(i.fieldName) })
+            ] }),
+            /* @__PURE__ */ e.jsx("td", { style: d.td, children: w(i.fieldName) }),
+            /* @__PURE__ */ e.jsx("td", { style: d.td, children: /* @__PURE__ */ e.jsx(
+              "span",
+              {
+                style: {
+                  ...d.typeTag,
+                  ...c ? d.typeTagWarning : d.typeTagError
+                },
+                children: B(i.typeId)
+              }
+            ) }),
+            /* @__PURE__ */ e.jsxs("td", { style: d.td, children: [
+              /* @__PURE__ */ e.jsx("div", { style: d.valueRow, children: c ? /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+                /* @__PURE__ */ e.jsx("span", { style: d.wrongValue, children: p }),
+                /* @__PURE__ */ e.jsx("span", { children: "→" }),
+                /* @__PURE__ */ e.jsx("span", { style: d.correctValue, children: i.correctValue ?? "" })
+              ] }) : /* @__PURE__ */ e.jsxs("span", { style: { color: L.error }, children: [
+                "【未标记】原值：",
+                p,
+                " → 应为：",
+                i.correctValue ?? ""
+              ] }) }),
+              /* @__PURE__ */ e.jsx("div", { style: d.explanation, children: i.explanation }),
+              y && y.trim() ? /* @__PURE__ */ e.jsxs("div", { style: d.studentReason, children: [
+                "您的备注：",
+                y
+              ] }) : null
+            ] })
+          ] }, i.fieldName);
+        }),
+        t.falseMarks.map((i) => {
+          var p;
+          const c = (p = r.get(i)) == null ? void 0 : p.reason;
+          return /* @__PURE__ */ e.jsxs("tr", { style: d.tr, children: [
+            /* @__PURE__ */ e.jsx("td", { style: d.td, children: /* @__PURE__ */ e.jsx("span", { style: d.statusIcon, children: "⚠️" }) }),
+            /* @__PURE__ */ e.jsx("td", { style: d.td, children: /* @__PURE__ */ e.jsx("div", { style: d.fieldName, children: S(i) }) }),
+            /* @__PURE__ */ e.jsx("td", { style: d.td, children: "-" }),
+            /* @__PURE__ */ e.jsx("td", { style: d.td, children: /* @__PURE__ */ e.jsx("span", { style: { ...d.typeTag, ...d.typeTagWarning }, children: "误标" }) }),
+            /* @__PURE__ */ e.jsxs("td", { style: d.td, children: [
+              "该字段无误，无需标记。",
+              c && c.trim() ? /* @__PURE__ */ e.jsxs("div", { style: d.falseMarkReason, children: [
+                "您的备注：",
+                c
+              ] }) : null
+            ] })
+          ] }, `false-${i}`);
+        })
+      ] })
+    ] }) })
+  ] });
+}, d = {
+  // .result-panel（margin-top 24，展示态由父层控制显隐）
+  panel: {
+    marginTop: 24
+  },
+  // .result-header（黄色渐变）
+  header: {
+    display: "flex",
+    alignItems: "center",
+    justifyContent: "space-between",
+    background: "linear-gradient(135deg, #fff7e6 0%, #fff1b8 100%)",
+    padding: "16px 24px",
+    borderRadius: "10px 10px 0 0",
+    border: "1px solid #ffe58f",
+    borderBottom: "none"
+  },
+  // .result-header h3
+  headerTitle: {
+    fontSize: 19,
+    fontWeight: 700,
+    color: "#ad6800",
+    display: "flex",
+    alignItems: "center",
+    gap: 10,
+    margin: 0
+  },
+  // .result-stats
+  stats: {
+    display: "flex",
+    gap: 20,
+    fontSize: 15,
+    fontWeight: 500
+  },
+  // .stat-item
+  statItem: {
+    display: "flex",
+    alignItems: "center",
+    gap: 5
+  },
+  // .stat-item .num
+  statNum: {
+    fontWeight: 800,
+    fontSize: 19
+  },
+  // .result-body
+  body: {
+    background: L.surface,
+    border: `1px solid ${L.border}`,
+    borderTop: "none",
+    borderRadius: "0 0 10px 10px",
+    padding: "24px 28px",
+    boxShadow: "0 2px 8px rgba(0,0,0,0.08)"
+  },
+  // .discrepancy-table
+  table: {
+    width: "100%",
+    borderCollapse: "collapse",
+    fontSize: 15.5
+  },
+  // .discrepancy-table thead th
+  th: {
+    background: "#fafafa",
+    padding: "12px 16px",
+    textAlign: "left",
+    fontWeight: 700,
+    color: L.textSecondary,
+    borderBottom: `2px solid ${L.border}`,
+    fontSize: 14.5
+  },
+  // .discrepancy-table tbody tr
+  tr: {},
+  // .discrepancy-table tbody td
+  td: {
+    padding: "14px 16px",
+    borderBottom: "1px solid #f0f0f0",
+    verticalAlign: "top",
+    lineHeight: 1.6
+  },
+  // .dc-field-name
+  fieldName: {
+    fontWeight: 700,
+    color: L.textPrimary,
+    fontSize: 15.5
+  },
+  // .dc-tab-label
+  tabLabel: {
+    display: "inline-block",
+    padding: "2px 10px",
+    background: "#e6f7ff",
+    color: L.primary,
+    borderRadius: 6,
+    fontSize: 13,
+    marginBottom: 5,
+    fontWeight: 500
+  },
+  // .dc-type-tag
+  typeTag: {
+    display: "inline-block",
+    padding: "3px 12px",
+    borderRadius: 6,
+    fontSize: 13.5,
+    fontWeight: 600
+  },
+  // .dc-type-tag.type-error
+  typeTagError: {
+    background: "#fff1f0",
+    color: L.error
+  },
+  // .dc-type-tag.type-warning
+  typeTagWarning: {
+    background: "#fffbe6",
+    color: "#d48806"
+  },
+  // .dc-value-row
+  valueRow: {
+    display: "flex",
+    gap: 18,
+    marginTop: 5,
+    flexWrap: "wrap"
+  },
+  // .dc-wrong-value
+  wrongValue: {
+    color: L.error,
+    textDecoration: "line-through"
+  },
+  // .dc-correct-value
+  correctValue: {
+    color: L.success,
+    fontWeight: 700
+  },
+  // .dc-status-icon
+  statusIcon: {
+    fontSize: 18
+  },
+  // explanation 说明（原型行内：13px 浅灰）
+  explanation: {
+    fontSize: 13,
+    color: L.textDisabled,
+    marginTop: 5,
+    lineHeight: 1.5
+  },
+  // 命中时学员备注（原型行内：蓝色）
+  studentReason: {
+    fontSize: 13,
+    color: L.primary,
+    marginTop: 3
+  },
+  // 误标行学员备注（原型行内：浅灰）
+  falseMarkReason: {
+    fontSize: 13,
+    color: L.textDisabled,
+    marginTop: 3
+  }
+}, ft = ({ initData: t, runtimeRules: l, onFinish: a }) => {
+  var fe, pe, ue;
+  const { currentCase: n } = We(), r = $e((o) => o.filledData), s = t ?? {}, T = l ?? {}, k = n || {}, S = G(
+    (o) => He(o, k, r),
+    [k, r]
+  ), h = W(() => T.referenceAnswers || [], [T.referenceAnswers]), w = W(() => {
+    const o = s.documents || [], m = /* @__PURE__ */ new Map();
+    return h.forEach((f) => {
+      f.displayValue != null && f.displayValue !== "" && m.set(f.fieldName, f.displayValue);
+    }), o.map((f) => ({
+      ...f,
+      documentType: S(f.documentType || ""),
+      docNo: f.docNo ? S(f.docNo) : void 0,
+      subtitle: f.subtitle ? S(f.subtitle) : void 0,
+      fields: (f.fields || []).map((u) => {
+        const _ = m.get(u.name), J = _ ?? u.value;
+        return {
+          ...u,
+          label: typeof u.label == "string" ? S(u.label) : u.label,
+          value: typeof J == "string" ? S(J) : J,
+          hint: typeof u.hint == "string" ? S(u.hint) : u.hint
+        };
+      })
+    }));
+  }, [s.documents, h, S]), B = W(() => s.errorTypes || [], [s.errorTypes]), i = T.scoring, c = ((fe = s.uiConfig) == null ? void 0 : fe.showExpectedCount) ?? !0, [p, y] = E(/* @__PURE__ */ new Map()), [x, Q] = E(!1), [U, ee] = E(null), [z, D] = E(!1), [q, K] = E(/* @__PURE__ */ new Set()), [N, g] = E(null), [H, $] = E(!1), [O, le] = E(0), ie = ne(null), V = W(() => {
+    const o = /* @__PURE__ */ new Map();
+    return w.forEach((m, f) => {
+      m.fields.forEach((u) => {
+        o.has(u.name) || o.set(u.name, { label: u.label, docName: m.documentType, value: u.value, docIndex: f });
+      });
+    }), o;
+  }, [w]), he = W(() => {
+    const o = {};
+    return h.forEach((m) => {
+      var u;
+      const f = (u = V.get(m.fieldName)) == null ? void 0 : u.docIndex;
+      f !== void 0 && (o[f] = (o[f] || 0) + 1);
+    }), o;
+  }, [h, V]), xe = W(() => {
+    const o = [];
+    return p.forEach((m, f) => {
+      const u = V.get(f);
+      o.push({
+        fieldName: f,
+        fieldLabel: (u == null ? void 0 : u.label) ?? f,
+        docName: (u == null ? void 0 : u.docName) ?? "",
+        typeId: m.typeId,
+        reason: m.reason
+      });
+    }), o;
+  }, [p, V]), ge = G(
+    (o, m) => {
+      if (!x) {
+        if (z) {
+          K((f) => {
+            const u = new Set(f);
+            return u.has(m.name) ? u.delete(m.name) : u.add(m.name), u;
+          });
+          return;
+        }
+        g({ docIndex: o, field: m, existing: p.get(m.name) });
+      }
+    },
+    [x, z, p]
+  ), be = G(
+    (o, m) => {
+      if (!N) return;
+      const f = N.field.name;
+      y((u) => {
+        const _ = new Map(u);
+        return _.set(f, { typeId: o, reason: m || void 0 }), _;
+      }), g(null);
+    },
+    [N]
+  ), ye = G(() => {
+    if (!N) return;
+    const o = N.field.name;
+    y((m) => {
+      const f = new Map(m);
+      return f.delete(o), f;
+    }), g(null);
+  }, [N]), ve = G((o) => {
+    var m;
+    (m = ie.current) == null || m.locate(o);
+  }, []), je = G(
+    (o) => {
+      var _;
+      if (x) return;
+      const m = V.get(o);
+      if (m === void 0) return;
+      (_ = ie.current) == null || _.locate(o);
+      const f = w[m.docIndex], u = f == null ? void 0 : f.fields.find((J) => J.name === o);
+      u && g({ docIndex: m.docIndex, field: u, existing: p.get(o) });
+    },
+    [x, V, w, p]
+  ), ke = G(
+    (o) => {
+      x || re.confirm({
+        title: "删除标记",
+        content: "确定要删除这条标记吗？",
+        okText: "删除",
+        okType: "danger",
+        cancelText: "取消",
+        onOk: () => {
+          y((m) => {
+            const f = new Map(m);
+            return f.delete(o), f;
+          });
+        }
+      });
+    },
+    [x]
+  ), Se = G(() => {
+    x || p.size === 0 && q.size === 0 || re.confirm({
+      title: "清除标注",
+      content: "确定要清除全部标记与高亮吗？此操作不可撤销。",
+      okText: "清除",
+      okType: "danger",
+      cancelText: "取消",
+      onOk: () => {
+        y(/* @__PURE__ */ new Map()), K(/* @__PURE__ */ new Set());
+      }
+    });
+  }, [x, p.size, q.size]), ce = G(
+    (o) => {
+      const m = (I) => {
+        var v;
+        return ((v = B.find((X) => X.id === I)) == null ? void 0 : v.label) ?? I;
+      }, f = h.map((I) => {
+        var v, X;
+        return {
+          label: `${((v = V.get(I.fieldName)) == null ? void 0 : v.label) ?? I.fieldName}（${((X = V.get(I.fieldName)) == null ? void 0 : X.docName) ?? ""}·${m(I.typeId)}）`,
+          value: `应为：${I.correctValue ?? "—"}；${I.explanation}`
+        };
+      }), u = [
+        { label: "审核得分", value: String(o.score) },
+        { label: "命中", value: `${o.found} 处` },
+        { label: "遗漏", value: `${o.missed} 处` },
+        { label: "误标", value: `${o.wrong} 处` }
+      ], _ = o.perAnswer.filter((I) => !I.hit).map((I) => {
+        const v = V.get(I.fieldName), X = h.find((Ne) => Ne.fieldName === I.fieldName);
+        return `遗漏：${(v == null ? void 0 : v.docName) ?? ""}·${(v == null ? void 0 : v.label) ?? I.fieldName} — ${(X == null ? void 0 : X.explanation) ?? ""}`;
+      }), J = o.missed === 0, Te = h.length === 0 ? "无预设不符点" : J ? "全部预设不符点已识别" : `仍有 ${o.missed} 处预设不符点未识别`, Be = Re({
+        sourceStepId: s.stepId || "unknown",
+        sourceStepName: s.stepName || "单据审核",
+        sourceType: "document-review",
+        title: "单据审核结果",
+        summary: `单据共预设 ${h.length} 处不符点；学员命中 ${o.found} 处、遗漏 ${o.missed} 处、误标 ${o.wrong} 处，得分 ${o.score}。`,
+        keyFacts: [...u, ...f],
+        riskFlags: _,
+        conclusion: Te
+      }), ze = o.perAnswer.filter((I) => I.hit).map((I) => {
+        const v = V.get(I.fieldName);
+        return `命中：${(v == null ? void 0 : v.docName) ?? ""}·${(v == null ? void 0 : v.label) ?? I.fieldName}`;
+      }), Me = [
+        ..._,
+        ...o.falseMarks.map((I) => {
+          const v = V.get(I);
+          return `误标：${(v == null ? void 0 : v.docName) ?? ""}·${(v == null ? void 0 : v.label) ?? I}（该项无预设不符点）`;
+        })
+      ], Ee = {
+        totalScore: o.score,
+        pass: o.score >= 60,
+        dimensions: [
+          {
+            name: "不符点识别",
+            score: o.score,
+            feedback: `识别 ${o.found}/共 ${h.length} 处，误标 ${o.wrong} 处`,
+            errors: [],
+            suggestions: []
+          }
+        ],
+        highlights: ze,
+        improvements: Me,
+        nextStepAdvice: ""
+      };
+      return {
+        stepId: s.stepId || "unknown",
+        operationType: "document-review",
+        operationData: {
+          marks: Array.from(p.entries()).map(([I, v]) => ({ fieldName: I, ...v })),
+          scoreResult: o
+        },
+        operationLog: [
+          {
+            action: "document-review-submit",
+            markedCount: p.size,
+            score: o.score,
+            found: o.found,
+            missed: o.missed,
+            wrong: o.wrong,
+            timestamp: Date.now()
+          }
+        ],
+        timestamp: Date.now(),
+        evidenceSummary: Be,
+        preComputedEvaluation: Ee
+      };
+    },
+    [h, V, B, p, s.stepId, s.stepName, a]
+  ), we = G(() => {
+    if (!x) {
+      if (p.size === 0) {
+        re.warning({
+          title: "尚未标记",
+          content: "您尚未标记任何不符点，请至少标记一处后再提交。",
+          okText: "我知道了"
+        });
+        return;
+      }
+      re.confirm({
+        title: "提交审核",
+        content: `确定提交吗？您已标记 ${p.size} 处不符点。提交后将展示参考不符点清单与评分结果。`,
+        okText: "提交",
+        cancelText: "再检查一下",
+        onOk: () => {
+          const o = Array.from(p.entries()).map(([f, u]) => ({
+            fieldName: f,
+            typeId: u.typeId
+          })), m = De(h, o, i);
+          ee(m), Q(!0), a(ce(m));
+        }
+      });
+    }
+  }, [x, p, h, i, a, ce]), Ie = ((pe = w[O]) == null ? void 0 : pe.documentType) ?? ((ue = w[0]) == null ? void 0 : ue.documentType) ?? "", Ce = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      Oe,
+      {
+        markedCount: p.size,
+        highlightActive: z,
+        onToggleHighlight: () => D((o) => !o),
+        onClearMarks: Se,
+        onSubmit: we,
+        submitted: x
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      me,
+      {
+        ref: ie,
+        documents: w,
+        markedFields: p,
+        onFieldClick: ge,
+        onTabChange: le,
+        showExpectedCount: c,
+        expectedCountByDoc: he,
+        resultMode: x,
+        scoreResult: U ?? void 0,
+        answers: h,
+        highlightedFields: q
+      }
+    ),
+    x && U && /* @__PURE__ */ e.jsx(
+      lt,
+      {
+        scoreResult: U,
+        answers: h,
+        documents: w,
+        errorTypes: B,
+        marks: p
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      Ve,
+      {
+        documentCount: w.length,
+        currentDocName: Ie,
+        expectedTotal: h.length,
+        showExpectedCount: c
+      }
+    )
+  ] }), se = N == null ? void 0 : N.field;
+  return /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    /* @__PURE__ */ e.jsx(
+      Ae,
+      {
+        center: Ce,
+        right: /* @__PURE__ */ e.jsx(
+          ot,
+          {
+            marks: xe,
+            errorTypes: B,
+            collapsed: H,
+            onToggleCollapsed: () => $((o) => !o),
+            submitted: x,
+            scoreResult: U ?? void 0,
+            onLocate: ve,
+            onEdit: je,
+            onDelete: ke,
+            showExpectedCount: c,
+            expectedTotal: h.length
+          }
+        )
+      }
+    ),
+    se && /* @__PURE__ */ e.jsx(
+      rt,
+      {
+        open: !!N,
+        fieldLabel: se.label,
+        fieldValue: se.value,
+        errorTypes: B,
+        existing: N == null ? void 0 : N.existing,
+        onConfirm: be,
+        onRemove: N != null && N.existing ? ye : void 0,
+        onCancel: () => g(null)
+      }
+    )
+  ] });
+};
+export {
+  ft as default
+};