From 32739944c74d87ffd742616ead074e33cf02e3c1 Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Fri, 4 Sep 2026 18:02:39 +0800
Subject: [PATCH 01/31] =?UTF-8?q?=E4=BC=98=E5=8C=96=E9=A3=8E=E9=99=A9?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E4=B8=8E=E5=8E=86=E5=8F=B2=E4=BC=9A=E8=AF=9D?=
 =?UTF-8?q?=E5=8A=A0=E8=BD=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 展示数据库七维风险维度、默认值和数据说明\n- 增加标准兜底校验卡片及无历史案例提示\n- 支持 AI 风险建议和案例推理卡片的新数据结构\n- 进入会话默认定位最新内容\n- 上划到顶部自动加载更早的 20 条消息并保持阅读位置\n- 移除手动加载更早消息按钮\n- 更新风险评估表单和前端类型定义
---
 .../assistant/AssistantResponseCard.vue       |  17 +-
 src/components/assistant/RiskAnalysisCard.vue |  26 +-
 src/components/risk/RiskAssessmentForm.vue    | 315 ++++++++----------
 src/components/risk/RiskResultPanel.vue       |  49 ++-
 src/pages/RiskAssistantPage.vue               |  29 +-
 src/types/risk.ts                             |  24 +-
 6 files changed, 253 insertions(+), 207 deletions(-)

diff --git a/src/components/assistant/AssistantResponseCard.vue b/src/components/assistant/AssistantResponseCard.vue
index d08bf81..c2a7e14 100644
--- a/src/components/assistant/AssistantResponseCard.vue
+++ b/src/components/assistant/AssistantResponseCard.vue
@@ -8,6 +8,7 @@ import {
   CheckCircle2,
   ClipboardCheck,
   PackageSearch,
+  Ruler,
   Sparkles,
 } from "@lucide/vue";
 import { computed, ref } from "vue";
@@ -196,8 +197,17 @@ function formatCount(value: unknown) {
 
     <template v-else>
       <div class="solution-base"><b>分析基础：</b>{{ data.analysisBase }}</div>
-      <section v-if="data.standards?.length" class="solution-section">
-        <h4><BookOpenCheck :size="14" /> 标准兜底校验</h4>
+      <section
+        v-if="data.standardFallbackEnabled || data.standards?.length"
+        class="solution-section"
+      >
+        <h4>
+          <Ruler :size="14" />
+          <span v-if="data.standardFallbackEnabled"
+            >标准兜底校验（无历史案例时启用）</span
+          >
+          <span v-else>关联标准校验</span>
+        </h4>
         <div
           v-for="standard in data.standards"
           :key="`${standard.category}-${standard.riskPoint}`"
@@ -210,6 +220,9 @@ function formatCount(value: unknown) {
           </div>
           <strong>{{ standard.status }}</strong>
         </div>
+        <p v-if="!data.standards?.length" class="empty">
+          当前标准库暂无可匹配规则，请补充产品品类、包材或检测指标。
+        </p>
       </section>
       <section v-if="data.risks?.length" class="solution-section risk-list">
         <div v-for="risk in data.risks" :key="risk.title" class="solution-risk">
diff --git a/src/components/assistant/RiskAnalysisCard.vue b/src/components/assistant/RiskAnalysisCard.vue
index f6a6c19..474bac6 100644
--- a/src/components/assistant/RiskAnalysisCard.vue
+++ b/src/components/assistant/RiskAnalysisCard.vue
@@ -22,6 +22,15 @@ const props = defineProps<{
 const expanded = ref(true);
 const feedback = ref("");
 
+interface DimensionView {
+  name: string;
+  score: number;
+  weight: string;
+  tone: string;
+  status?: string;
+  reason?: string | null;
+}
+
 function notify(label: string) {
   feedback.value = `${label}功能将在对应模块接入后执行`;
   window.setTimeout(() => (feedback.value = ""), 2600);
@@ -34,19 +43,29 @@ function copyScore() {
   notify("评分已复制");
 }
 
-const dimensions = computed(() =>
+const dimensions = computed<DimensionView[]>(() =>
   (props.result.dimensionScores?.length
-    ? props.result.dimensionScores
+    ? props.result.dimensionScores.map((item) => ({
+        dimension: item.dimension,
+        score: item.score,
+        weight: item.weight,
+        status: item.status,
+        reason: item.reason,
+      }))
     : props.result.factors.map((factor) => ({
         dimension: factor.name,
         score: Math.max(0, Math.round(100 - factor.value)),
         weight: factor.weight,
+        status: undefined,
+        reason: undefined,
       }))
   ).map((item) => ({
     name: item.dimension,
     score: Math.round(item.score),
     weight: `${item.weight}%`,
     tone: item.score < 40 ? "danger" : item.score < 60 ? "warning" : "success",
+    status: item.status,
+    reason: item.reason,
   })),
 );
 const suggestions = computed(() =>
@@ -195,7 +214,8 @@ const stars = computed(() => {
             </div>
             <small
               ><b>{{ item.score }}</b
-              >分 · {{ item.weight }}</small
+              >分 · {{ item.weight }}
+              <em v-if="item.status === 'default'">默认</em></small
             >
           </div>
         </div>
diff --git a/src/components/risk/RiskAssessmentForm.vue b/src/components/risk/RiskAssessmentForm.vue
index beab4b8..86c7f2f 100644
--- a/src/components/risk/RiskAssessmentForm.vue
+++ b/src/components/risk/RiskAssessmentForm.vue
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { Plus, ShieldCheck, Trash2 } from "@lucide/vue";
+import { ShieldCheck } from "@lucide/vue";
 import { reactive } from "vue";
 
-import type { RiskAssessmentRequest, RiskIndicator } from "@/types/risk";
+import type { RiskAssessmentRequest } from "@/types/risk";
 
 defineProps<{ loading: boolean }>();
 
@@ -10,111 +10,99 @@ const emit = defineEmits<{
   submit: [payload: RiskAssessmentRequest];
 }>();
 
-const form = reactive<RiskAssessmentRequest>({
-  subjectId: "customer-001",
-  indicators: [
-    { name: "historicalDefault", value: 28, weight: 4 },
-    { name: "debtBurden", value: 52, weight: 3 },
-    { name: "cashflowVolatility", value: 36, weight: 3 },
-  ],
+const form = reactive({
+  subjectId: "脱毛膏 100g 新品",
+  productCategory: "脱毛膏",
+  materialType: "PE软管",
+  supplier: "瑞沣",
+  factory: "",
+  stageNew: "第三阶段（产品开发）",
+  defectLevel: "",
 });
 
-function addIndicator() {
-  form.indicators.push({
-    name: `indicator${form.indicators.length + 1}`,
-    value: 0,
-    weight: 1,
-  });
-}
-
-function removeIndicator(index: number) {
-  if (form.indicators.length > 1) form.indicators.splice(index, 1);
-}
-
 function submit() {
-  const indicators: RiskIndicator[] = form.indicators.map((item) => ({
-    ...item,
-  }));
-  emit("submit", { subjectId: form.subjectId, indicators });
+  emit("submit", {
+    subjectId: form.subjectId,
+    indicators: [],
+    productCategory: form.productCategory || null,
+    materialType: form.materialType || null,
+    supplier: form.supplier || null,
+    factory: form.factory || null,
+    stageNew: form.stageNew || null,
+    defectLevel: form.defectLevel || null,
+  });
 }
 </script>
 
 <template>
   <form class="assessment-form" @submit.prevent="submit">
-    <div class="field-group">
-      <label for="subject-id">评估对象</label>
-      <input
-        id="subject-id"
-        v-model.trim="form.subjectId"
-        required
-        maxlength="128"
-      />
+    <div class="form-intro">
+      <strong>新品风险参数</strong>
+      <span>系统将结合近 3 年异常案例计算七维安全评分</span>
     </div>
-
-    <div class="indicator-heading">
-      <div>
-        <strong>风险指标</strong>
-        <span>指标值范围 0-100</span>
-      </div>
-      <button
-        class="button button--secondary"
-        type="button"
-        @click="addIndicator"
-      >
-        <Plus :size="16" />
-        添加指标
-      </button>
+    <div class="form-grid">
+      <label class="field-wide">
+        评估对象 *
+        <input v-model.trim="form.subjectId" required maxlength="128" />
+      </label>
+      <label>
+        产品品类 *
+        <input
+          v-model.trim="form.productCategory"
+          required
+          maxlength="100"
+          placeholder="如：洗发水、面霜、脱毛膏"
+        />
+      </label>
+      <label>
+        包装材质 *
+        <input
+          v-model.trim="form.materialType"
+          required
+          maxlength="200"
+          placeholder="如：PET瓶、PE软管、泵头"
+        />
+      </label>
+      <label>
+        供应商
+        <input
+          v-model.trim="form.supplier"
+          maxlength="300"
+          placeholder="可填写已知供应商或新供应商"
+        />
+      </label>
+      <label>
+        加工厂
+        <input
+          v-model.trim="form.factory"
+          maxlength="300"
+          placeholder="如：博元、瑞沣"
+        />
+      </label>
+      <label>
+        开发阶段
+        <select v-model="form.stageNew">
+          <option>第一阶段（需求发现）</option>
+          <option>第二阶段（产品立项）</option>
+          <option>第三阶段（产品开发）</option>
+          <option>第四阶段（量产上市）</option>
+          <option>第五阶段（产品生命管理）</option>
+        </select>
+      </label>
+      <label>
+        已知缺陷等级
+        <select v-model="form.defectLevel">
+          <option value="">暂无</option>
+          <option>A</option>
+          <option>B</option>
+          <option>C</option>
+        </select>
+      </label>
     </div>
-
-    <div class="indicator-table">
-      <div class="indicator-table__header" aria-hidden="true">
-        <span>指标名称</span>
-        <span>指标值</span>
-        <span>权重</span>
-        <span></span>
-      </div>
-      <div
-        v-for="(indicator, index) in form.indicators"
-        :key="index"
-        class="indicator-row"
-      >
-        <input
-          v-model.trim="indicator.name"
-          required
-          maxlength="64"
-          aria-label="指标名称"
-        />
-        <input
-          v-model.number="indicator.value"
-          required
-          type="number"
-          min="0"
-          max="100"
-          step="0.1"
-          aria-label="指标值"
-        />
-        <input
-          v-model.number="indicator.weight"
-          required
-          type="number"
-          min="0.1"
-          max="100"
-          step="0.1"
-          aria-label="权重"
-        />
-        <button
-          class="icon-button"
-          type="button"
-          title="删除指标"
-          aria-label="删除指标"
-          :disabled="form.indicators.length === 1"
-          @click="removeIndicator(index)"
-        >
-          <Trash2 :size="16" />
-        </button>
-      </div>
+    <div class="data-note">
+      <span class="data-note__dot"></span>
+      缺少巡检或检测判定数据的维度，将按 PRD 中性值 50 分计入并标注。
     </div>
-
     <button
       class="button button--primary submit-button"
       type="submit"
@@ -129,99 +117,82 @@ function submit() {
 <style scoped>
 .assessment-form {
   display: grid;
-  gap: 22px;
+  gap: 20px;
 }
-
-.field-group,
-.indicator-heading div {
+.form-intro {
   display: grid;
-  gap: 7px;
+  gap: 3px;
+  border-bottom: 1px solid var(--color-border-light);
+  padding-bottom: 14px;
 }
-
-label,
-.indicator-heading strong {
+.form-intro strong {
   color: var(--color-text);
-  font-size: 13px;
-  font-weight: 700;
+  font-size: 15px;
 }
-
-.field-group input {
-  width: min(420px, 100%);
-}
-
-.indicator-heading {
-  display: flex;
-  align-items: end;
-  justify-content: space-between;
-  gap: 16px;
-}
-
-.indicator-heading span {
-  color: var(--color-text-muted);
-  font-size: 12px;
-}
-
-.indicator-table {
-  overflow: hidden;
-  border: 1px solid var(--color-border);
-  border-radius: 6px;
-}
-
-.indicator-table__header,
-.indicator-row {
-  display: grid;
-  grid-template-columns:
-    minmax(180px, 1.5fr) minmax(100px, 0.7fr) minmax(90px, 0.6fr)
-    42px;
-  gap: 10px;
-  align-items: center;
-  padding: 10px 12px;
-}
-
-.indicator-table__header {
-  background: var(--color-surface-muted);
+.form-intro span {
   color: var(--color-text-muted);
   font-size: 11px;
+}
+.form-grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 15px;
+}
+label {
+  display: grid;
+  gap: 6px;
+  color: var(--color-text);
+  font-size: 12px;
   font-weight: 700;
-  text-transform: uppercase;
 }
-
-.indicator-row + .indicator-row {
-  border-top: 1px solid var(--color-border);
+.field-wide {
+  grid-column: 1 / -1;
 }
-
-.indicator-row input {
+input,
+select {
   width: 100%;
+  min-height: 38px;
+  border: 1px solid var(--color-border-strong);
+  border-radius: 5px;
+  padding: 0 10px;
+  background: white;
+  color: var(--color-text);
+  font-size: 13px;
+}
+input:focus,
+select:focus {
+  border-color: var(--color-accent);
+  outline: 2px solid var(--color-accent-subtle);
+  outline-offset: 0;
+}
+.data-note {
+  display: flex;
+  align-items: center;
+  gap: 7px;
+  border: 1px solid var(--color-warning-border);
+  border-radius: 5px;
+  padding: 9px 10px;
+  background: var(--color-warning-soft);
+  color: #92400e;
+  font-size: 10px;
+  line-height: 1.5;
+}
+.data-note__dot {
+  width: 6px;
+  height: 6px;
+  flex: 0 0 6px;
+  border-radius: 50%;
+  background: var(--color-warning);
 }
-
 .submit-button {
   justify-self: start;
 }
-
 @media (max-width: 620px) {
-  .indicator-heading {
-    align-items: stretch;
-    flex-direction: column;
+  .form-grid {
+    grid-template-columns: 1fr;
   }
-
-  .indicator-table__header {
-    display: none;
-  }
-
-  .indicator-row {
-    grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) 34px;
-    gap: 6px;
-    padding: 10px 8px;
-  }
-
-  .indicator-row input:first-child {
-    grid-column: 1 / 3;
-  }
-
-  .indicator-row .icon-button {
-    grid-column: 3;
-    grid-row: 1 / 3;
-    align-self: center;
+  .field-wide {
+    grid-column: auto;
   }
 }
 </style>
diff --git a/src/components/risk/RiskResultPanel.vue b/src/components/risk/RiskResultPanel.vue
index 06d7cad..47c22a7 100644
--- a/src/components/risk/RiskResultPanel.vue
+++ b/src/components/risk/RiskResultPanel.vue
@@ -1,10 +1,23 @@
 <script setup lang="ts">
 import { BarChart3 } from "@lucide/vue";
+import { computed } from "vue";
 
 import RiskBadge from "@/components/common/RiskBadge.vue";
-import type { RiskAssessmentResult } from "@/types/risk";
+import type { RiskAssessmentResult, RiskDimensionScore } from "@/types/risk";
 
-defineProps<{ result: RiskAssessmentResult | null; error: string | null }>();
+const props = defineProps<{
+  result: RiskAssessmentResult | null;
+  error: string | null;
+}>();
+const dimensions = computed<RiskDimensionScore[]>(() =>
+  props.result?.dimensionScores?.length
+    ? props.result.dimensionScores
+    : (props.result?.factors ?? []).map((factor) => ({
+        dimension: factor.name,
+        score: Math.max(0, Math.round(100 - factor.value)),
+        weight: factor.weight,
+      })),
+);
 </script>
 
 <template>
@@ -32,18 +45,24 @@ defineProps<{ result: RiskAssessmentResult | null; error: string | null }>();
           <dt>模型</dt>
           <dd>{{ result.modelVersion }}</dd>
         </div>
+        <div>
+          <dt>数据口径</dt>
+          <dd>异常案例库 + 缺失值兜底</dd>
+        </div>
       </dl>
       <div class="factor-list">
         <div
-          v-for="factor in result.factors"
-          :key="factor.name"
+          v-for="factor in dimensions"
+          :key="factor.dimension"
           class="factor-row"
+          :title="factor.reason || undefined"
         >
-          <span>{{ factor.name }}</span>
+          <span>{{ factor.dimension }}</span>
           <div class="factor-bar">
-            <i :style="{ width: `${factor.value}%` }"></i>
+            <i :style="{ width: `${factor.score}%` }"></i>
           </div>
-          <strong>{{ factor.contribution.toFixed(1) }}</strong>
+          <strong>{{ Math.round(factor.score) }}<small>分</small></strong>
+          <em v-if="factor.status === 'default'">默认</em>
         </div>
       </div>
     </div>
@@ -147,6 +166,22 @@ dd {
   text-align: right;
 }
 
+.factor-row > strong small {
+  margin-left: 2px;
+  color: var(--color-text-muted);
+  font-size: 10px;
+  font-weight: 500;
+}
+
+.factor-row > em {
+  border-radius: 3px;
+  padding: 2px 4px;
+  background: var(--color-warning-soft);
+  color: var(--color-warning);
+  font-size: 9px;
+  font-style: normal;
+}
+
 .factor-bar {
   height: 6px;
   overflow: hidden;
diff --git a/src/pages/RiskAssistantPage.vue b/src/pages/RiskAssistantPage.vue
index 27bc3b7..088704d 100644
--- a/src/pages/RiskAssistantPage.vue
+++ b/src/pages/RiskAssistantPage.vue
@@ -180,13 +180,17 @@ function formatMessageTime(value: string) {
 function loadOlder() {
   const node = scrollArea.value;
   const before = node?.scrollHeight ?? 0;
-  void conversationStore.loadOlder().then((loaded) => {
-    if (loaded && node) node.scrollTop = node.scrollHeight - before;
+  const beforeTop = node?.scrollTop ?? 0;
+  void conversationStore.loadOlder().then(async (loaded) => {
+    if (loaded && node) {
+      await nextTick();
+      node.scrollTop = node.scrollHeight - before + beforeTop;
+    }
   });
 }
 
 function handleScroll() {
-  if (scrollArea.value && scrollArea.value.scrollTop < 60) loadOlder();
+  if (scrollArea.value && scrollArea.value.scrollTop <= 80) loadOlder();
 }
 
 async function openFromRoute() {
@@ -249,14 +253,9 @@ async function scrollToBottom(behavior: "smooth" | "auto" = "smooth") {
       @scroll.passive="handleScroll"
     >
       <div class="conversation-column">
-        <button
-          v-if="conversation?.hasMoreMessages"
-          class="load-older"
-          type="button"
-          @click="loadOlder"
-        >
-          {{ conversationStore.loadingOlder ? "加载中…" : "加载更早消息" }}
-        </button>
+        <p v-if="conversationStore.loadingOlder" class="history-loading">
+          正在加载更早消息…
+        </p>
         <AssistantWelcome
           v-if="!conversation?.messages.length"
           @select="usePrompt"
@@ -440,15 +439,11 @@ async function scrollToBottom(behavior: "smooth" | "auto" = "smooth") {
   gap: 18px;
 }
 
-.load-older {
+.history-loading {
   align-self: center;
-  border: 1px solid var(--color-border);
-  border-radius: 999px;
-  padding: 6px 12px;
-  background: var(--color-surface);
   color: var(--color-text-muted);
   font-size: 11px;
-  cursor: pointer;
+  line-height: 1.4;
 }
 
 .message {
diff --git a/src/types/risk.ts b/src/types/risk.ts
index 8b69ddf..82eeaed 100644
--- a/src/types/risk.ts
+++ b/src/types/risk.ts
@@ -9,13 +9,29 @@ export interface RiskIndicator {
 
 export interface RiskAssessmentRequest {
   subjectId: string;
-  indicators: RiskIndicator[];
+  indicators?: RiskIndicator[];
+  productCategory?: string | null;
+  materialType?: string | null;
+  supplier?: string | null;
+  factory?: string | null;
+  stageNew?: string | null;
+  defectLevel?: string | null;
 }
 
 export interface RiskFactorResult extends RiskIndicator {
   contribution: number;
 }
 
+export interface RiskDimensionScore {
+  dimension: string;
+  score: number;
+  weight: number;
+  status?: string;
+  reason?: string | null;
+  sampleSize?: number | null;
+  rawValue?: number | null;
+}
+
 export interface RiskAssessmentResult {
   subjectId: string;
   score: number;
@@ -54,11 +70,7 @@ export interface RiskAssessmentResult {
     source: string | null;
     status: string;
   }>;
-  dimensionScores?: Array<{
-    dimension: string;
-    score: number;
-    weight: number;
-  }>;
+  dimensionScores?: RiskDimensionScore[];
 }
 
 export interface ModelInfo {
-- 
2.47.2


From f0a940eb106663ae13c5443e0c91006beade9cda Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Sat, 5 Sep 2026 19:00:48 +0800
Subject: [PATCH 02/31] =?UTF-8?q?=E6=81=A2=E5=A4=8D=E7=9B=B8=E4=BC=BC?=
 =?UTF-8?q?=E6=A1=88=E4=BE=8B=E5=8D=A1=E7=89=87=E4=BC=98=E5=8C=96=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 恢复 TOP 1 至 TOP 5 的独立标签布局\n- 恢复案例长文本自动换行和相似度展示\n- 优化移动端相似案例布局\n- 保持 AI 预防建议基础展示格式不变
---
 .../assistant/AssistantResponseCard.vue       | 28 +++++++++
 src/components/assistant/RiskAnalysisCard.vue | 62 +++++++++++++------
 src/types/risk.ts                             |  9 +--
 3 files changed, 77 insertions(+), 22 deletions(-)

diff --git a/src/components/assistant/AssistantResponseCard.vue b/src/components/assistant/AssistantResponseCard.vue
index c2a7e14..d8f0e92 100644
--- a/src/components/assistant/AssistantResponseCard.vue
+++ b/src/components/assistant/AssistantResponseCard.vue
@@ -41,6 +41,13 @@ interface CardData extends AssistantResponseCard {
   confidence?: string;
   analysisBase?: string;
   risks?: Array<{ level: string; title: string; detail: string }>;
+  similarCases?: Array<{
+    date?: string | null;
+    product?: string | null;
+    problem?: string | null;
+    solution?: string | null;
+    similarity?: number | null;
+  }>;
   warning?: string;
 }
 const data = computed(() => props.card as CardData);
@@ -224,6 +231,26 @@ function formatCount(value: unknown) {
           当前标准库暂无可匹配规则，请补充产品品类、包材或检测指标。
         </p>
       </section>
+      <section v-if="data.similarCases?.length" class="solution-section">
+        <h4>相似历史案例</h4>
+        <div
+          v-for="(item, index) in data.similarCases"
+          :key="`${item.date}-${index}`"
+          class="standard-row"
+        >
+          <span>TOP {{ index + 1 }}</span>
+          <div>
+            <b>{{ item.product || "未命名产品" }}</b>
+            <small
+              >{{ item.problem || "异常问题未填写" }} →
+              {{ item.solution || "解决方案未填写" }}
+              <em v-if="item.similarity != null"
+                >相似度 {{ Math.round(item.similarity * 100) }}%</em
+              ></small
+            >
+          </div>
+        </div>
+      </section>
       <section v-if="data.risks?.length" class="solution-section risk-list">
         <div v-for="risk in data.risks" :key="risk.title" class="solution-risk">
           <span>{{ risk.level }}</span>
@@ -495,6 +522,7 @@ function formatCount(value: unknown) {
   font-size: 11px;
   line-height: 1.55;
 }
+
 .solution-risk {
   display: flex;
   gap: 7px;
diff --git a/src/components/assistant/RiskAnalysisCard.vue b/src/components/assistant/RiskAnalysisCard.vue
index 474bac6..a29418b 100644
--- a/src/components/assistant/RiskAnalysisCard.vue
+++ b/src/components/assistant/RiskAnalysisCard.vue
@@ -238,11 +238,18 @@ const stars = computed(() => {
           class="case-row"
           type="button"
         >
-          <span>TOP {{ index + 1 }}</span>
-          <small
-            >{{ item.date }} · {{ item.product }} · {{ item.problem }} →
-            {{ item.solution }}</small
-          >
+          <span class="case-rank">TOP {{ index + 1 }}</span>
+          <div class="case-content">
+            <small>
+              {{ item.date || "日期未知" }} ·
+              {{ item.product || "未命名产品" }} ·
+              {{ item.problem || "异常问题未填写" }} →
+              {{ item.solution || "解决方案未填写" }}
+              <em v-if="item.similarity != null"
+                >相似度 {{ Math.round(item.similarity * 100) }}%</em
+              >
+            </small>
+          </div>
         </button>
       </section>
 
@@ -644,8 +651,8 @@ h3 {
 .case-row {
   display: grid;
   width: 100%;
-  grid-template-columns: minmax(0, 1fr) auto auto auto;
-  align-items: center;
+  grid-template-columns: 58px minmax(0, 1fr);
+  align-items: start;
   gap: 8px;
   border: 0;
   border-radius: 6px;
@@ -656,22 +663,36 @@ h3 {
   text-align: left;
 }
 
-.case-row span {
-  min-width: 0;
-  overflow: hidden;
-  font-size: 11px;
-  text-overflow: ellipsis;
+.case-rank {
+  display: inline-flex;
+  width: 58px;
+  min-width: 58px;
+  justify-content: flex-start;
+  padding-top: 1px;
+  color: var(--color-accent);
+  font-weight: 650;
   white-space: nowrap;
+  font-size: 11px;
 }
 
-.case-row small {
+.case-content {
+  min-width: 0;
+}
+
+.case-content small {
+  display: block;
   color: var(--color-text-faint);
   font-size: 9px;
+  line-height: 1.45;
+  overflow-wrap: anywhere;
+  word-break: break-word;
 }
 
-.case-row strong {
+.case-content em {
+  margin-left: 6px;
   color: var(--color-accent);
-  font-size: 11px;
+  font-style: normal;
+  white-space: nowrap;
 }
 
 .tips-card {
@@ -735,11 +756,16 @@ h3 {
   }
 
   .case-row {
-    grid-template-columns: minmax(0, 1fr) auto auto;
+    grid-template-columns: 50px minmax(0, 1fr);
   }
 
-  .case-row small {
-    display: none;
+  .case-rank {
+    width: 50px;
+    min-width: 50px;
+  }
+
+  .case-content small {
+    white-space: normal;
   }
 }
 </style>
diff --git a/src/types/risk.ts b/src/types/risk.ts
index 82eeaed..e22e397 100644
--- a/src/types/risk.ts
+++ b/src/types/risk.ts
@@ -39,10 +39,11 @@ export interface RiskAssessmentResult {
   modelVersion: string;
   factors: RiskFactorResult[];
   similarCases?: Array<{
-    date: string;
-    product: string;
-    problem: string;
-    solution: string;
+    date?: string | null;
+    product?: string | null;
+    problem?: string | null;
+    solution?: string | null;
+    similarity?: number | null;
   }>;
   aiSuggestions?: string[];
   riskBadge?: string | null;
-- 
2.47.2


From ab20424aa9143d83a87cb8ae17023886504d43c0 Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Mon, 7 Sep 2026 13:53:29 +0800
Subject: [PATCH 03/31] =?UTF-8?q?=E5=AE=8C=E5=96=84=E4=BE=9B=E5=BA=94?=
 =?UTF-8?q?=E5=95=86=E9=A2=91=E6=AC=A1=E5=8D=A1=E7=89=87=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 展示近3年异常次数和合作频次代理值
- 增加频次口径和无供应商数据提示
- 兼容旧历史风险卡片数据
- 保留历史会话加载超时和流式响应处理优化
---
 src/api/conversations.ts                      | 74 +++++++++++------
 .../assistant/AssistantResponseCard.vue       |  8 +-
 src/components/assistant/RiskAnalysisCard.vue | 81 ++++++++++++++-----
 src/components/layout/AppSidebar.vue          |  7 ++
 src/types/risk.ts                             |  5 +-
 5 files changed, 126 insertions(+), 49 deletions(-)

diff --git a/src/api/conversations.ts b/src/api/conversations.ts
index 211bb15..d0e403a 100644
--- a/src/api/conversations.ts
+++ b/src/api/conversations.ts
@@ -12,6 +12,7 @@ export interface ConversationStreamEvent {
 export function fetchConversations(limit = 50, search?: string) {
   return http.get<ApiResponse<ConversationSummary[]>>("/v1/conversations", {
     params: { limit, search },
+    timeout: 30_000,
   });
 }
 
@@ -24,6 +25,7 @@ export function createConversation(title?: string) {
 export function fetchConversation(id: number, offset = 0) {
   return http.get<ApiResponse<Conversation>>(`/v1/conversations/${id}`, {
     params: { limit: 20, offset },
+    timeout: 60_000,
   });
 }
 
@@ -45,6 +47,8 @@ export async function streamConversationMessage(
   messageType: "text" | "image" | "file" | "audio" = "text",
 ) {
   const token = localStorage.getItem("risk_prediction_token");
+  const controller = new AbortController();
+  const timeout = window.setTimeout(() => controller.abort(), 180_000);
   const response = await fetch(
     `${import.meta.env.VITE_API_BASE_URL || "/api"}/v1/conversations/${id}/stream`,
     {
@@ -55,6 +59,7 @@ export async function streamConversationMessage(
         ...(token ? { Authorization: `Bearer ${token}` } : {}),
       },
       body: JSON.stringify({ content, messageType }),
+      signal: controller.signal,
     },
   );
   if (response.status === 401) {
@@ -64,32 +69,51 @@ export async function streamConversationMessage(
   if (!response.ok || !response.body)
     throw new Error(`流式请求失败（HTTP ${response.status}）`);
 
-  const reader = response.body.getReader();
-  const decoder = new TextDecoder();
-  let buffer = "";
-  let completed = false;
-  while (true) {
-    const { value, done } = await reader.read();
-    if (done) break;
-    buffer += decoder.decode(value, { stream: true });
-    const lines = buffer.split("\n");
-    buffer = lines.pop() ?? "";
-    for (const line of lines) {
-      if (!line.startsWith("data:")) continue;
-      const raw = line.slice(5).trim();
-      if (!raw) continue;
-      const event = JSON.parse(raw) as ConversationStreamEvent;
-      onEvent(event);
-      if (event.type === "done") completed = true;
+  try {
+    const reader = response.body.getReader();
+    const decoder = new TextDecoder();
+    let buffer = "";
+    let completed = false;
+    while (true) {
+      const { value, done } = await reader.read();
+      if (done) break;
+      buffer += decoder.decode(value, { stream: true });
+      const lines = buffer.split("\n");
+      buffer = lines.pop() ?? "";
+      for (const line of lines) {
+        if (!line.startsWith("data:")) continue;
+        const raw = line.slice(5).trim();
+        if (!raw) continue;
+        let event: ConversationStreamEvent;
+        try {
+          event = JSON.parse(raw) as ConversationStreamEvent;
+        } catch {
+          throw new Error("AI 流式响应格式错误，请重试");
+        }
+        onEvent(event);
+        if (event.type === "done") completed = true;
+      }
     }
-  }
-  if (buffer.startsWith("data:")) {
-    const raw = buffer.slice(5).trim();
-    if (raw) {
-      const event = JSON.parse(raw) as ConversationStreamEvent;
-      onEvent(event);
-      if (event.type === "done") completed = true;
+    if (buffer.startsWith("data:")) {
+      const raw = buffer.slice(5).trim();
+      if (raw) {
+        let event: ConversationStreamEvent;
+        try {
+          event = JSON.parse(raw) as ConversationStreamEvent;
+        } catch {
+          throw new Error("AI 流式响应格式错误，请重试");
+        }
+        onEvent(event);
+        if (event.type === "done") completed = true;
+      }
     }
+    if (!completed) throw new Error("AI 流式连接中断，请重试");
+  } catch (reason) {
+    if (controller.signal.aborted) {
+      throw new Error("AI 响应超时，请稍后重试", { cause: reason });
+    }
+    throw reason;
+  } finally {
+    window.clearTimeout(timeout);
   }
-  if (!completed) throw new Error("AI 流式连接中断，请重试");
 }
diff --git a/src/components/assistant/AssistantResponseCard.vue b/src/components/assistant/AssistantResponseCard.vue
index d8f0e92..1a675db 100644
--- a/src/components/assistant/AssistantResponseCard.vue
+++ b/src/components/assistant/AssistantResponseCard.vue
@@ -24,6 +24,8 @@ interface CardData extends AssistantResponseCard {
   anomalyCount?: number;
   cooperationCount?: number | null;
   frequencyCoefficient?: number;
+  frequencyBasis?: string;
+  dataAvailable?: boolean;
   tier?: string;
   topProblems?: Array<{ name: string; count: number }>;
   frequentProblems?: Array<{ name: string; count: number }>;
@@ -94,14 +96,14 @@ function formatCount(value: unknown) {
       <div class="metric-grid">
         <div>
           <b>{{ formatCount(data.anomalyCount) }}</b
-          ><span>历史异常</span>
+          ><span>近3年异常</span>
         </div>
         <div>
           <b>{{ formatCount(data.cooperationCount) }}</b
-          ><span>合作次数</span>
+          ><span>合作频次（代理）</span>
         </div>
         <div>
-          <b>×{{ data.frequencyCoefficient }}</b
+          <b>×{{ data.frequencyCoefficient?.toFixed(2) ?? "1.00" }}</b
           ><span>频次系数</span>
         </div>
       </div>
diff --git a/src/components/assistant/RiskAnalysisCard.vue b/src/components/assistant/RiskAnalysisCard.vue
index a29418b..0f83e1c 100644
--- a/src/components/assistant/RiskAnalysisCard.vue
+++ b/src/components/assistant/RiskAnalysisCard.vue
@@ -141,26 +141,58 @@ const stars = computed(() => {
 
       <section class="supplier-analysis">
         <h3><Factory :size="14" /> 供应商合作频次分析</h3>
-        <div v-if="result.supplierFreq?.supplierName">
-          <span>{{ result.supplierFreq.supplierName }}</span>
-          <strong>异常 {{ result.supplierFreq.anomalyCount ?? 0 }} 次</strong>
-        </div>
-        <div v-if="result.supplierFreq">
-          <span>频次风险系数</span
-          ><strong>×{{ result.supplierFreq.alpha.toFixed(2) }}</strong>
-        </div>
-        <div v-if="result.supplierFreq?.tier">
-          <span>供应商层级</span><strong>{{ result.supplierFreq.tier }}</strong>
-        </div>
-        <div>
-          <span>合作次数</span
-          ><strong>{{
-            result.supplierFreq?.cooperationCount ?? "暂无数据"
-          }}</strong>
-        </div>
-        <div v-if="result.supplierFreq?.suggestion">
-          <span>建议</span>{{ result.supplierFreq.suggestion }}
-        </div>
+        <template
+          v-if="
+            result.supplierFreq?.dataAvailable ||
+            result.supplierFreq?.supplierName
+          "
+        >
+          <div v-if="result.supplierFreq.supplierName">
+            <span>{{ result.supplierFreq.supplierName }}</span>
+            <strong
+              >近3年异常 {{ result.supplierFreq.anomalyCount ?? 0 }} 次</strong
+            >
+          </div>
+          <div v-if="result.supplierFreq.alpha != null">
+            <span>频次风险系数</span
+            ><strong>×{{ result.supplierFreq.alpha.toFixed(2) }}</strong>
+          </div>
+          <div v-if="result.supplierFreq.tier">
+            <span>供应商层级</span
+            ><strong>{{ result.supplierFreq.tier }}</strong>
+          </div>
+          <div>
+            <span>合作频次（代理）</span>
+            <strong
+              >{{
+                result.supplierFreq.cooperationCount ??
+                result.supplierFreq.anomalyCount ??
+                0
+              }}
+              次</strong
+            >
+          </div>
+          <div v-if="result.supplierFreq.suggestion">
+            <span>管理建议</span>{{ result.supplierFreq.suggestion }}
+          </div>
+        </template>
+        <p v-else class="supplier-analysis__empty">
+          {{
+            result.supplierFreq?.note || "未指定供应商，暂无供应商频次分析。"
+          }}
+        </p>
+        <small
+          v-if="
+            result.supplierFreq?.dataAvailable ||
+            result.supplierFreq?.supplierName
+          "
+          class="supplier-analysis__note"
+        >
+          {{
+            result.supplierFreq.note ||
+            "当前以近3年异常记录数作为合作频次代理，不代表真实采购订单合作次数。"
+          }}
+        </small>
       </section>
 
       <section class="standards-card">
@@ -507,6 +539,15 @@ h3 {
   text-align: right;
 }
 
+.supplier-analysis__empty,
+.supplier-analysis__note {
+  display: block;
+  margin: 4px 0 0;
+  color: #6d5a91;
+  font-size: 10px;
+  line-height: 1.5;
+}
+
 .standards-card {
   border: 1px solid #bfdbfe;
 }
diff --git a/src/components/layout/AppSidebar.vue b/src/components/layout/AppSidebar.vue
index 77f9a05..4cab6ed 100644
--- a/src/components/layout/AppSidebar.vue
+++ b/src/components/layout/AppSidebar.vue
@@ -55,6 +55,13 @@ function startNewChat() {
 }
 
 async function openConversation(id: number) {
+  if (conversationStore.current?.id === id) {
+    await router.push({
+      name: "assessment",
+      query: { conversation: String(id) },
+    });
+    return;
+  }
   try {
     await conversationStore.open(id);
     await router.push({
diff --git a/src/types/risk.ts b/src/types/risk.ts
index e22e397..d3a0bd6 100644
--- a/src/types/risk.ts
+++ b/src/types/risk.ts
@@ -60,9 +60,12 @@ export interface RiskAssessmentResult {
     supplierName: string | null;
     cooperationCount: number | null;
     anomalyCount: number | null;
-    alpha: number;
+    alpha: number | null;
     tier: string | null;
     suggestion: string | null;
+    frequencyBasis?: string;
+    note?: string | null;
+    dataAvailable?: boolean;
   } | null;
   standardJudgment?: Array<{
     category: string;
-- 
2.47.2


From 5397d128be4fb11353069eb4ea63a47e82ab43f6 Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Mon, 7 Sep 2026 17:49:20 +0800
Subject: [PATCH 04/31] =?UTF-8?q?=E6=8E=A5=E5=85=A5OCR=E5=BD=95=E5=85=A5?=
 =?UTF-8?q?=E5=B9=B6=E5=AE=8C=E5=96=84=E8=A7=92=E8=89=B2=E6=9D=83=E9=99=90?=
 =?UTF-8?q?=E7=95=8C=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/modelConfig.ts                        |  17 +
 src/api/ocr.ts                                |  31 +
 .../assistant/AssistantComposer.vue           |   6 +-
 src/components/assistant/AssistantWelcome.vue |  33 +-
 src/components/layout/AppSidebar.vue          |   3 +-
 src/components/ocr/OcrRecognitionDialog.vue   | 989 ++++++++++++++++++
 src/config/features.ts                        |   4 +
 src/pages/ReviewPage.vue                      | 544 +++++++++-
 src/pages/RiskAssistantPage.vue               |   9 +
 src/pages/RiskItemEntryPage.vue               |   6 +
 src/stores/review.store.ts                    |  19 +-
 src/types/modelConfig.ts                      |  22 +
 src/types/ocr.ts                              |  61 ++
 src/types/riskItem.ts                         |  21 +-
 src/utils/roles.ts                            |  10 +
 15 files changed, 1745 insertions(+), 30 deletions(-)
 create mode 100644 src/api/modelConfig.ts
 create mode 100644 src/api/ocr.ts
 create mode 100644 src/components/ocr/OcrRecognitionDialog.vue
 create mode 100644 src/config/features.ts
 create mode 100644 src/types/modelConfig.ts
 create mode 100644 src/types/ocr.ts
 create mode 100644 src/utils/roles.ts

diff --git a/src/api/modelConfig.ts b/src/api/modelConfig.ts
new file mode 100644
index 0000000..39e955e
--- /dev/null
+++ b/src/api/modelConfig.ts
@@ -0,0 +1,17 @@
+import { http } from "@/api/http";
+import type { ApiResponse } from "@/types/api";
+import type {
+  ModelWeightConfig,
+  ModelWeightConfigUpdate,
+} from "@/types/modelConfig";
+
+export function fetchModelConfig() {
+  return http.get<ApiResponse<ModelWeightConfig>>("/v1/model-config");
+}
+
+export function updateModelConfig(payload: ModelWeightConfigUpdate) {
+  return http.patch<ApiResponse<ModelWeightConfig>>(
+    "/v1/model-config",
+    payload,
+  );
+}
diff --git a/src/api/ocr.ts b/src/api/ocr.ts
new file mode 100644
index 0000000..24f0866
--- /dev/null
+++ b/src/api/ocr.ts
@@ -0,0 +1,31 @@
+import { http } from "@/api/http";
+import type { ApiResponse } from "@/types/api";
+import type {
+  OcrBatchResult,
+  OcrMeasurement,
+  OcrStandardJudgment,
+} from "@/types/ocr";
+
+export function recognizeOcrFiles(files: File[]) {
+  const body = new FormData();
+  files.forEach((file) => body.append("files", file));
+  return http.post<ApiResponse<OcrBatchResult>>("/v1/ocr/recognize", body, {
+    timeout: 180_000,
+  });
+}
+
+export function judgeOcrMeasurements(measurements: OcrMeasurement[]) {
+  return http.post<ApiResponse<OcrStandardJudgment[]>>("/v1/ocr/judge", {
+    measurements,
+  });
+}
+
+export function ocrFileUrl(fileId: string) {
+  return `${import.meta.env.VITE_API_BASE_URL || "/api"}/v1/ocr/files/${encodeURIComponent(fileId)}`;
+}
+
+export function downloadOcrFile(fileId: string) {
+  return http.get(`/v1/ocr/files/${encodeURIComponent(fileId)}`, {
+    responseType: "blob",
+  });
+}
diff --git a/src/components/assistant/AssistantComposer.vue b/src/components/assistant/AssistantComposer.vue
index 3244fad..1b4edbc 100644
--- a/src/components/assistant/AssistantComposer.vue
+++ b/src/components/assistant/AssistantComposer.vue
@@ -11,7 +11,9 @@ import {
   Search,
 } from "@lucide/vue";
 
-defineProps<{ modelValue: string; loading: boolean }>();
+import { featureFlags } from "@/config/features";
+
+defineProps<{ modelValue: string; loading: boolean; canUpload: boolean }>();
 
 const emit = defineEmits<{
   "update:modelValue": [value: string];
@@ -93,6 +95,7 @@ const functions: Array<{
   <div class="composer-wrap">
     <form class="composer" @submit.prevent="emit('submit')">
       <button
+        v-if="featureFlags.voiceEntry"
         class="composer-icon"
         type="button"
         title="语音录入"
@@ -102,6 +105,7 @@ const functions: Array<{
         <Mic :size="16" />
       </button>
       <button
+        v-if="canUpload"
         class="composer-icon"
         type="button"
         title="拍照识别"
diff --git a/src/components/assistant/AssistantWelcome.vue b/src/components/assistant/AssistantWelcome.vue
index 188039b..200409b 100644
--- a/src/components/assistant/AssistantWelcome.vue
+++ b/src/components/assistant/AssistantWelcome.vue
@@ -9,8 +9,12 @@ import {
   Scale,
   Search,
 } from "@lucide/vue";
+import { computed } from "vue";
+
+import { featureFlags } from "@/config/features";
 
 const emit = defineEmits<{ select: [prompt: string] }>();
+const props = defineProps<{ canUpload: boolean }>();
 
 const actions = [
   {
@@ -64,15 +68,28 @@ const actions = [
     prompt: "请帮我识别检测报告并进行风险判定",
     icon: Camera,
     tone: "sky",
+    requiresUpload: true,
   },
-  {
-    title: "语音录入异常",
-    description: "口述信息自动结构化",
-    prompt: "记录一条新的质量异常",
-    icon: Mic,
-    tone: "purple",
-  },
+  ...(featureFlags.voiceEntry
+    ? [
+        {
+          title: "语音录入异常",
+          description: "口述信息自动结构化",
+          prompt: "记录一条新的质量异常",
+          icon: Mic,
+          tone: "purple",
+        },
+      ]
+    : []),
 ];
+const visibleActions = computed(() =>
+  actions.filter(
+    (action) =>
+      !("requiresUpload" in action) ||
+      !action.requiresUpload ||
+      props.canUpload,
+  ),
+);
 </script>
 
 <template>
@@ -86,7 +103,7 @@ const actions = [
 
     <div class="welcome-grid">
       <button
-        v-for="action in actions"
+        v-for="action in visibleActions"
         :key="action.title"
         class="welcome-action"
         type="button"
diff --git a/src/components/layout/AppSidebar.vue b/src/components/layout/AppSidebar.vue
index 4cab6ed..936ae5e 100644
--- a/src/components/layout/AppSidebar.vue
+++ b/src/components/layout/AppSidebar.vue
@@ -14,6 +14,7 @@ import { onMounted, ref } from "vue";
 import { useRouter } from "vue-router";
 
 import { useAuthStore } from "@/stores/auth.store";
+import { roleLabel } from "@/utils/roles";
 import { useConversationStore } from "@/stores/conversation.store";
 
 const auth = useAuthStore();
@@ -155,7 +156,7 @@ function searchConversations() {
 
     <footer>
       <div class="knowledge-progress"><i></i></div>
-      <p>{{ user?.role ?? "未登录" }} · 知识库 2,448 / 3,000 条</p>
+      <p>{{ roleLabel(user?.role) }} · 知识库 2,448 / 3,000 条</p>
       <p>标准库 219 条</p>
     </footer>
   </aside>
diff --git a/src/components/ocr/OcrRecognitionDialog.vue b/src/components/ocr/OcrRecognitionDialog.vue
new file mode 100644
index 0000000..5676a96
--- /dev/null
+++ b/src/components/ocr/OcrRecognitionDialog.vue
@@ -0,0 +1,989 @@
+<script setup lang="ts">
+import axios from "axios";
+import {
+  AlertTriangle,
+  CheckCircle2,
+  FileSearch,
+  FileText,
+  LoaderCircle,
+  RefreshCw,
+  Send,
+  Upload,
+  X,
+} from "@lucide/vue";
+import { computed, ref, watch } from "vue";
+
+import { judgeOcrMeasurements, recognizeOcrFiles } from "@/api/ocr";
+import { createRiskItem } from "@/api/riskItems";
+import type { OcrBatchResult, OcrExtractedFields } from "@/types/ocr";
+import type { RiskItemCreate } from "@/types/riskItem";
+
+const props = defineProps<{ open: boolean }>();
+const emit = defineEmits<{ close: []; submitted: [] }>();
+
+const files = ref<File[]>([]);
+const recognizing = ref(false);
+const submitting = ref(false);
+const rejudging = ref(false);
+const error = ref("");
+const result = ref<OcrBatchResult | null>(null);
+const originalJudgment = ref<Record<string, unknown> | null>(null);
+const submitted = ref(false);
+const draft = ref<RiskItemCreate>(emptyDraft());
+
+const confidence = computed(() => {
+  const values = (result.value?.files ?? [])
+    .map((file) => file.confidence)
+    .filter((value): value is number => value !== null);
+  return values.length
+    ? values.reduce((sum, value) => sum + value, 0) / values.length
+    : null;
+});
+const allWarnings = computed(() => [
+  ...new Set((result.value?.files ?? []).flatMap((file) => file.warnings)),
+]);
+const canSubmit = computed(
+  () =>
+    draft.value.productName.trim().length > 0 &&
+    draft.value.description.trim().length >= 5,
+);
+
+watch(
+  () => props.open,
+  (open) => {
+    if (open) reset();
+  },
+);
+
+function emptyDraft(): RiskItemCreate {
+  return {
+    sourceType: "OCR",
+    sourceFileId: null,
+    occurredOn: null,
+    productName: "",
+    productCategory: "",
+    materialType: "",
+    supplier: "",
+    factory: "",
+    stageNew: "第三阶段（产品开发）",
+    description: "",
+    defectLevel: null,
+    solution: null,
+    photos: [],
+    recognitionConfidence: null,
+    ocrPayload: {},
+  };
+}
+
+function reset() {
+  files.value = [];
+  result.value = null;
+  originalJudgment.value = null;
+  error.value = "";
+  submitted.value = false;
+  draft.value = emptyDraft();
+}
+
+function close() {
+  if (!recognizing.value && !submitting.value) emit("close");
+}
+
+function selectFiles(event: Event) {
+  const selected = Array.from((event.target as HTMLInputElement).files ?? []);
+  error.value = "";
+  result.value = null;
+  if (selected.length > 5) {
+    error.value = "一次最多上传 5 个文件";
+    files.value = [];
+    return;
+  }
+  const invalid = selected.find(
+    (file) =>
+      !["image/jpeg", "image/png", "application/pdf"].includes(file.type) ||
+      file.size > 10 * 1024 * 1024,
+  );
+  if (invalid) {
+    error.value = `${invalid.name} 格式不支持或超过 10MB`;
+    files.value = [];
+    return;
+  }
+  files.value = selected;
+}
+
+async function recognize() {
+  if (!files.value.length || recognizing.value) return;
+  recognizing.value = true;
+  error.value = "";
+  try {
+    const response = await recognizeOcrFiles(files.value);
+    if (!response.data.data) throw new Error("OCR 响应为空");
+    result.value = response.data.data;
+    fillDraft(response.data.data);
+  } catch (reason) {
+    error.value = apiError(reason, "OCR 识别失败，请重新上传或手动填写");
+  } finally {
+    recognizing.value = false;
+  }
+}
+
+function fillDraft(data: OcrBatchResult) {
+  const fields = data.fields;
+  draft.value = {
+    ...emptyDraft(),
+    sourceFileId: data.files[0]?.fileId ?? null,
+    occurredOn: fields.occurredOn,
+    productName: fields.productName.value ?? "",
+    productCategory: fields.productCategory.value ?? "",
+    materialType: fields.materialType.value ?? "",
+    supplier: fields.supplier.value ?? "",
+    factory: fields.factory.value ?? "",
+    stageNew: normalizeStage(fields.stageNew.value),
+    description: fields.description.value ?? "",
+    defectLevel: normalizeLevel(fields.defectLevel.value),
+    photos: data.files.map((file) => file.fileId),
+    recognitionConfidence: confidence.value,
+    ocrPayload: {
+      files: data.files.map((file) => ({
+        fileId: file.fileId,
+        fileName: file.fileName,
+        engine: file.engine,
+        pageCount: file.pageCount,
+        confidence: file.confidence,
+      })),
+      requiresReview: data.requiresReview,
+    },
+  };
+  originalJudgment.value = structuredClone({
+    measurements: data.measurements,
+    judgments: data.judgments,
+  });
+}
+
+function updateMeasurement(index: number, rawValue: string) {
+  if (!result.value) return;
+  const measurement = result.value.measurements[index];
+  const numeric = rawValue.match(/[+-]?\d+(?:\.\d+)?/);
+  const unit = rawValue.match(
+    /(?:mg\/kg|μg\/g|ug\/g|g\/L|mg\/L|N[·.]?m|mPa[·.]?s|Pa[·.]?s|mm|cm|nm|%|级|℃|°C)$/i,
+  );
+  measurement.rawValue = rawValue;
+  measurement.value = numeric ? Number(numeric[0]) : null;
+  measurement.unit = unit?.[0] ?? null;
+  measurement.confidence = 1;
+  measurement.needsReview = false;
+}
+
+async function rejudge() {
+  if (!result.value?.measurements.length || rejudging.value) return;
+  rejudging.value = true;
+  error.value = "";
+  try {
+    const response = await judgeOcrMeasurements(result.value.measurements);
+    result.value.judgments = response.data.data ?? [];
+  } catch (reason) {
+    error.value = apiError(reason, "重新判定失败");
+  } finally {
+    rejudging.value = false;
+  }
+}
+
+async function submit() {
+  if (!canSubmit.value || submitting.value) return;
+  submitting.value = true;
+  error.value = "";
+  try {
+    draft.value.ocrPayload = {
+      ...(draft.value.ocrPayload ?? {}),
+      originalRecognition: originalJudgment.value,
+      confirmedMeasurements: result.value?.measurements ?? [],
+      confirmedJudgments: result.value?.judgments ?? [],
+      confirmedAt: new Date().toISOString(),
+    };
+    await createRiskItem({
+      ...draft.value,
+      productCategory: draft.value.productCategory || null,
+      materialType: draft.value.materialType || null,
+      supplier: draft.value.supplier || null,
+      factory: draft.value.factory || null,
+    });
+    submitted.value = true;
+    emit("submitted");
+  } catch (reason) {
+    error.value = apiError(reason, "提交审核失败");
+  } finally {
+    submitting.value = false;
+  }
+}
+
+function fieldNeedsReview(key: keyof OcrExtractedFields) {
+  const field = result.value?.fields[key];
+  return (
+    typeof field === "object" &&
+    field !== null &&
+    "needsReview" in field &&
+    field.needsReview
+  );
+}
+
+function normalizeStage(value: string | null) {
+  if (!value) return "第三阶段（产品开发）";
+  const stages = [
+    "第一阶段（需求发现）",
+    "第二阶段（产品立项）",
+    "第三阶段（产品开发）",
+    "第四阶段（量产上市）",
+    "第五阶段（产品生命管理）",
+  ];
+  return (
+    stages.find(
+      (stage) => stage.includes(value) || value.includes(stage.slice(5, -1)),
+    ) ?? value
+  );
+}
+
+function normalizeLevel(value: string | null) {
+  const level = value?.toUpperCase().replace("级", "");
+  return level && ["A", "B", "C"].includes(level) ? level : null;
+}
+
+function formatConfidence(value: number | null) {
+  return value === null ? "待人工确认" : `${Math.round(value * 100)}%`;
+}
+
+function judgmentClass(value: string) {
+  return value === "合格"
+    ? "is-pass"
+    : value === "不合格"
+      ? "is-fail"
+      : "is-review";
+}
+
+function apiError(reason: unknown, fallback: string) {
+  if (axios.isAxiosError(reason)) {
+    return String(reason.response?.data?.message || fallback);
+  }
+  return reason instanceof Error ? reason.message : fallback;
+}
+</script>
+
+<template>
+  <div v-if="open" class="ocr-overlay" @mousedown.self="close">
+    <section
+      class="ocr-dialog"
+      role="dialog"
+      aria-modal="true"
+      aria-labelledby="ocr-title"
+    >
+      <header class="ocr-header">
+        <div class="ocr-title">
+          <span class="ocr-title-icon"><FileSearch :size="19" /></span>
+          <div>
+            <h2 id="ocr-title">OCR 异常识别</h2>
+            <p>检测报告、巡检单及异常报告</p>
+          </div>
+        </div>
+        <button
+          class="icon-button"
+          type="button"
+          title="关闭"
+          :disabled="recognizing || submitting"
+          @click="close"
+        >
+          <X :size="18" />
+        </button>
+      </header>
+
+      <div v-if="submitted" class="submitted-state">
+        <CheckCircle2 :size="34" />
+        <h3>已提交审核</h3>
+        <p>识别结果和标准判定已进入审核队列，审核通过后才会写入案例库。</p>
+        <button class="primary-button" type="button" @click="close">
+          完成
+        </button>
+      </div>
+
+      <div v-else class="ocr-content">
+        <section class="upload-section">
+          <label class="upload-zone">
+            <Upload :size="22" />
+            <strong>{{
+              files.length ? "重新选择文件" : "选择图片或 PDF"
+            }}</strong>
+            <span>JPG / PNG / PDF，单个不超过 10MB，最多 5 个</span>
+            <input
+              type="file"
+              accept="image/jpeg,image/png,application/pdf"
+              multiple
+              @change="selectFiles"
+            />
+          </label>
+          <div v-if="files.length" class="selected-files">
+            <span v-for="file in files" :key="`${file.name}-${file.size}`">
+              <FileText :size="13" />{{ file.name
+              }}<small>{{ (file.size / 1024 / 1024).toFixed(2) }}MB</small>
+            </span>
+          </div>
+          <button
+            class="primary-button recognize-button"
+            type="button"
+            :disabled="!files.length || recognizing"
+            @click="recognize"
+          >
+            <LoaderCircle v-if="recognizing" class="spin" :size="16" />
+            <FileSearch v-else :size="16" />
+            {{
+              recognizing
+                ? "正在识别并匹配标准…"
+                : result
+                  ? "重新识别"
+                  : "开始识别"
+            }}
+          </button>
+        </section>
+
+        <p v-if="error" class="error-message" role="alert">
+          <AlertTriangle :size="15" />{{ error }}
+        </p>
+
+        <template v-if="result">
+          <section class="result-summary">
+            <div>
+              <strong>识别完成</strong>
+              <span
+                >{{ result.files.length }} 个文件 ·
+                {{
+                  result.files.reduce((sum, file) => sum + file.pageCount, 0)
+                }}
+                页</span
+              >
+            </div>
+            <span
+              class="confidence"
+              :class="{ low: confidence === null || confidence < 0.8 }"
+            >
+              置信度 {{ formatConfidence(confidence) }}
+            </span>
+          </section>
+
+          <div v-if="allWarnings.length" class="warning-list">
+            <p v-for="warning in allWarnings" :key="warning">
+              <AlertTriangle :size="14" />{{ warning }}
+            </p>
+          </div>
+
+          <form class="ocr-form" @submit.prevent="submit">
+            <header class="section-title">
+              <div>
+                <h3>识别字段</h3>
+                <p>标黄字段需要人工核对，可直接修改。</p>
+              </div>
+            </header>
+            <div class="field-grid">
+              <label :class="{ review: fieldNeedsReview('productName') }"
+                >产品名称 *<input
+                  v-model.trim="draft.productName"
+                  required
+                  maxlength="200"
+              /></label>
+              <label :class="{ review: fieldNeedsReview('productCategory') }"
+                >产品品类<input
+                  v-model.trim="draft.productCategory"
+                  maxlength="100"
+              /></label>
+              <label :class="{ review: fieldNeedsReview('materialType') }"
+                >物料<input v-model.trim="draft.materialType" maxlength="200"
+              /></label>
+              <label :class="{ review: fieldNeedsReview('supplier') }"
+                >供应商<input v-model.trim="draft.supplier" maxlength="300"
+              /></label>
+              <label :class="{ review: fieldNeedsReview('factory') }"
+                >加工厂<input v-model.trim="draft.factory" maxlength="300"
+              /></label>
+              <label
+                >发生日期<input v-model="draft.occurredOn" type="date"
+              /></label>
+              <label :class="{ review: fieldNeedsReview('stageNew') }"
+                >发生阶段<select v-model="draft.stageNew">
+                  <option>第一阶段（需求发现）</option>
+                  <option>第二阶段（产品立项）</option>
+                  <option>第三阶段（产品开发）</option>
+                  <option>第四阶段（量产上市）</option>
+                  <option>第五阶段（产品生命管理）</option>
+                </select></label
+              >
+              <label :class="{ review: fieldNeedsReview('defectLevel') }"
+                >缺陷等级<select v-model="draft.defectLevel">
+                  <option :value="null">未确定</option>
+                  <option>A</option>
+                  <option>B</option>
+                  <option>C</option>
+                </select></label
+              >
+            </div>
+            <label
+              class="description-field"
+              :class="{ review: fieldNeedsReview('description') }"
+            >
+              异常描述 *
+              <textarea
+                v-model.trim="draft.description"
+                required
+                minlength="5"
+                maxlength="10000"
+                rows="4"
+              />
+            </label>
+
+            <section v-if="result.measurements.length" class="judgment-section">
+              <header class="section-title">
+                <div>
+                  <h3>标准数值判定</h3>
+                  <p>可修正检测值并重新判定，原始识别值会保留。</p>
+                </div>
+                <button
+                  class="secondary-button compact-button"
+                  type="button"
+                  :disabled="rejudging"
+                  @click="rejudge"
+                >
+                  <LoaderCircle
+                    v-if="rejudging"
+                    class="spin"
+                    :size="14"
+                  /><RefreshCw v-else :size="14" />重新判定
+                </button>
+              </header>
+              <div class="judgment-table-wrap">
+                <table>
+                  <thead>
+                    <tr>
+                      <th>检测项</th>
+                      <th>检测值</th>
+                      <th>标准</th>
+                      <th>结论</th>
+                    </tr>
+                  </thead>
+                  <tbody>
+                    <tr
+                      v-for="(measurement, index) in result.measurements"
+                      :key="`${measurement.item}-${index}`"
+                    >
+                      <td>{{ measurement.item }}</td>
+                      <td>
+                        <input
+                          class="measurement-input"
+                          :value="measurement.rawValue"
+                          @input="
+                            updateMeasurement(
+                              index,
+                              ($event.target as HTMLInputElement).value,
+                            )
+                          "
+                        />
+                      </td>
+                      <td>
+                        <span>{{
+                          result.judgments[index]?.standardValue || "未匹配"
+                        }}</span
+                        ><small>{{ result.judgments[index]?.basis }}</small>
+                      </td>
+                      <td>
+                        <select
+                          v-if="result.judgments[index]"
+                          v-model="result.judgments[index].result"
+                          class="judgment-select"
+                          :class="judgmentClass(result.judgments[index].result)"
+                          @change="
+                            result.judgments[index].manuallyConfirmed = true
+                          "
+                        >
+                          <option>合格</option>
+                          <option>不合格</option>
+                          <option>待人工确认</option>
+                          <option>未匹配标准</option></select
+                        ><small>{{ result.judgments[index]?.reason }}</small>
+                      </td>
+                    </tr>
+                  </tbody>
+                </table>
+              </div>
+            </section>
+
+            <details class="raw-result">
+              <summary>查看 OCR 原始文字</summary>
+              <article v-for="file in result.files" :key="file.fileId">
+                <strong>{{ file.fileName }}</strong>
+                <pre>{{ file.rawText }}</pre>
+              </article>
+            </details>
+
+            <footer class="dialog-actions">
+              <button
+                class="secondary-button"
+                type="button"
+                :disabled="submitting"
+                @click="reset"
+              >
+                <RefreshCw :size="15" />重新上传
+              </button>
+              <button
+                class="primary-button"
+                type="submit"
+                :disabled="!canSubmit || submitting"
+              >
+                <LoaderCircle v-if="submitting" class="spin" :size="16" /><Send
+                  v-else
+                  :size="16"
+                />
+                {{ submitting ? "提交中…" : "确认并提交审核" }}
+              </button>
+            </footer>
+          </form>
+        </template>
+      </div>
+    </section>
+  </div>
+</template>
+
+<style scoped>
+.ocr-overlay {
+  position: fixed;
+  inset: 0;
+  z-index: 100;
+  display: grid;
+  place-items: center;
+  padding: 24px;
+  background: rgb(15 23 42 / 48%);
+}
+.ocr-dialog {
+  display: flex;
+  width: min(920px, 100%);
+  max-height: min(880px, calc(100vh - 48px));
+  flex-direction: column;
+  overflow: hidden;
+  border: 1px solid var(--color-border);
+  border-radius: 8px;
+  background: var(--color-surface);
+  box-shadow: 0 22px 54px rgb(15 23 42 / 22%);
+}
+.ocr-header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  border-bottom: 1px solid var(--color-border-light);
+  padding: 17px 20px;
+}
+.ocr-title {
+  display: flex;
+  align-items: center;
+  gap: 11px;
+}
+.ocr-title-icon {
+  display: grid;
+  width: 38px;
+  height: 38px;
+  place-items: center;
+  border-radius: 6px;
+  background: #e0f2fe;
+  color: #0369a1;
+}
+.ocr-title h2,
+.ocr-title p,
+.section-title h3,
+.section-title p,
+.submitted-state h3,
+.submitted-state p {
+  margin: 0;
+}
+.ocr-title h2 {
+  font-size: 16px;
+}
+.ocr-title p,
+.section-title p {
+  margin-top: 3px;
+  color: var(--color-text-muted);
+  font-size: 11px;
+}
+.icon-button {
+  display: grid;
+  width: 34px;
+  height: 34px;
+  place-items: center;
+  border: 0;
+  background: transparent;
+  color: var(--color-text-muted);
+  cursor: pointer;
+}
+.ocr-content {
+  overflow-y: auto;
+  padding: 20px;
+}
+.upload-section {
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) auto;
+  gap: 12px;
+  align-items: stretch;
+}
+.upload-zone {
+  display: grid;
+  min-height: 102px;
+  place-items: center;
+  align-content: center;
+  gap: 4px;
+  border: 1px dashed var(--color-border-strong);
+  border-radius: 6px;
+  background: var(--color-bg);
+  color: #0369a1;
+  cursor: pointer;
+}
+.upload-zone strong {
+  color: var(--color-text);
+  font-size: 13px;
+}
+.upload-zone span {
+  color: var(--color-text-muted);
+  font-size: 11px;
+}
+.upload-zone input {
+  display: none;
+}
+.selected-files {
+  grid-column: 1 / -1;
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+}
+.selected-files span {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  max-width: 100%;
+  border: 1px solid var(--color-border-light);
+  border-radius: 4px;
+  padding: 5px 7px;
+  color: var(--color-text-secondary);
+  font-size: 11px;
+}
+.selected-files small {
+  color: var(--color-text-muted);
+}
+button {
+  font: inherit;
+}
+.primary-button,
+.secondary-button {
+  display: inline-flex;
+  min-height: 38px;
+  align-items: center;
+  justify-content: center;
+  gap: 7px;
+  border-radius: 5px;
+  padding: 0 15px;
+  font-size: 12px;
+  font-weight: 650;
+  cursor: pointer;
+}
+.primary-button {
+  border: 1px solid var(--color-accent);
+  background: var(--color-accent);
+  color: white;
+}
+.secondary-button {
+  border: 1px solid var(--color-border-strong);
+  background: white;
+  color: var(--color-text-secondary);
+}
+.primary-button:disabled,
+.secondary-button:disabled {
+  cursor: not-allowed;
+  opacity: 0.55;
+}
+.recognize-button {
+  min-width: 190px;
+}
+.error-message,
+.warning-list p {
+  display: flex;
+  align-items: flex-start;
+  gap: 7px;
+}
+.error-message {
+  margin: 14px 0 0;
+  color: var(--color-danger);
+  font-size: 12px;
+}
+.result-summary {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  margin-top: 18px;
+  border: 1px solid #bbf7d0;
+  border-radius: 6px;
+  padding: 11px 13px;
+  background: #f0fdf4;
+}
+.result-summary div {
+  display: grid;
+  gap: 2px;
+}
+.result-summary strong {
+  color: #166534;
+  font-size: 13px;
+}
+.result-summary div span {
+  color: #4b5563;
+  font-size: 11px;
+}
+.confidence {
+  border-radius: 4px;
+  padding: 4px 7px;
+  background: #dcfce7;
+  color: #166534;
+  font-size: 11px;
+  font-weight: 700;
+}
+.confidence.low {
+  background: #fef3c7;
+  color: #92400e;
+}
+.warning-list {
+  margin-top: 10px;
+  border-left: 3px solid #f59e0b;
+  padding: 6px 10px;
+  background: #fffbeb;
+}
+.warning-list p {
+  margin: 3px 0;
+  color: #92400e;
+  font-size: 11px;
+}
+.ocr-form {
+  display: grid;
+  gap: 15px;
+  margin-top: 18px;
+}
+.section-title {
+  display: flex;
+  align-items: end;
+  justify-content: space-between;
+}
+.section-title h3 {
+  font-size: 14px;
+}
+.field-grid {
+  display: grid;
+  grid-template-columns: repeat(4, minmax(0, 1fr));
+  gap: 11px;
+}
+.ocr-form label {
+  display: grid;
+  gap: 5px;
+  color: var(--color-text-secondary);
+  font-size: 11px;
+  font-weight: 650;
+}
+.ocr-form input,
+.ocr-form select,
+.ocr-form textarea {
+  min-width: 0;
+  width: 100%;
+  border: 1px solid var(--color-border-strong);
+  border-radius: 4px;
+  padding: 8px 9px;
+  background: white;
+  color: var(--color-text);
+  font: inherit;
+  font-size: 12px;
+  box-sizing: border-box;
+}
+.ocr-form textarea {
+  resize: vertical;
+}
+.ocr-form label.review input,
+.ocr-form label.review select,
+.ocr-form label.review textarea {
+  border-color: #f59e0b;
+  background: #fffbeb;
+}
+.judgment-section {
+  display: grid;
+  gap: 10px;
+  border-top: 1px solid var(--color-border-light);
+  padding-top: 15px;
+}
+.judgment-table-wrap {
+  overflow-x: auto;
+  border: 1px solid var(--color-border-light);
+  border-radius: 5px;
+}
+.judgment-table-wrap table {
+  width: 100%;
+  min-width: 680px;
+  border-collapse: collapse;
+  font-size: 11px;
+}
+.judgment-table-wrap th,
+.judgment-table-wrap td {
+  border-bottom: 1px solid var(--color-border-light);
+  padding: 9px 10px;
+  text-align: left;
+  vertical-align: top;
+}
+.judgment-table-wrap th {
+  background: var(--color-bg);
+  color: var(--color-text-muted);
+}
+.judgment-table-wrap td span,
+.judgment-table-wrap td small {
+  display: block;
+}
+.judgment-table-wrap td small {
+  max-width: 280px;
+  margin-top: 3px;
+  color: var(--color-text-muted);
+  line-height: 1.45;
+}
+.judgment {
+  width: fit-content;
+  border-radius: 3px;
+  padding: 2px 6px;
+  font-weight: 700;
+}
+.judgment.is-pass {
+  background: #dcfce7;
+  color: #166534;
+}
+.judgment.is-fail {
+  background: #fee2e2;
+  color: #b91c1c;
+}
+.judgment.is-review {
+  background: #fef3c7;
+  color: #92400e;
+}
+.compact-button {
+  min-height: 32px;
+  padding: 0 10px;
+}
+.measurement-input {
+  width: 110px !important;
+}
+.judgment-select {
+  width: 112px !important;
+  border: 0 !important;
+  font-weight: 700 !important;
+}
+.judgment-select.is-pass {
+  background: #dcfce7;
+  color: #166534;
+}
+.judgment-select.is-fail {
+  background: #fee2e2;
+  color: #b91c1c;
+}
+.judgment-select.is-review {
+  background: #fef3c7;
+  color: #92400e;
+}
+.raw-result {
+  border: 1px solid var(--color-border-light);
+  border-radius: 5px;
+  padding: 9px 11px;
+}
+.raw-result summary {
+  color: var(--color-text-secondary);
+  font-size: 11px;
+  cursor: pointer;
+}
+.raw-result article {
+  margin-top: 10px;
+}
+.raw-result article strong {
+  font-size: 11px;
+}
+.raw-result pre {
+  max-height: 220px;
+  overflow: auto;
+  white-space: pre-wrap;
+  word-break: break-word;
+  color: var(--color-text-muted);
+  font-family: inherit;
+  font-size: 11px;
+  line-height: 1.55;
+}
+.dialog-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 9px;
+  border-top: 1px solid var(--color-border-light);
+  padding-top: 15px;
+}
+.submitted-state {
+  display: grid;
+  min-height: 360px;
+  place-items: center;
+  align-content: center;
+  gap: 10px;
+  padding: 30px;
+  text-align: center;
+  color: var(--color-success);
+}
+.submitted-state h3 {
+  color: var(--color-text);
+}
+.submitted-state p {
+  max-width: 430px;
+  color: var(--color-text-muted);
+  font-size: 12px;
+  line-height: 1.6;
+}
+.submitted-state .primary-button {
+  margin-top: 8px;
+}
+.spin {
+  animation: spin 0.8s linear infinite;
+}
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@media (max-width: 780px) {
+  .ocr-overlay {
+    align-items: end;
+    padding: 0;
+  }
+  .ocr-dialog {
+    width: 100%;
+    max-height: 94vh;
+    border-radius: 8px 8px 0 0;
+  }
+  .ocr-content {
+    padding: 15px;
+  }
+  .upload-section {
+    grid-template-columns: 1fr;
+  }
+  .recognize-button {
+    min-width: 0;
+  }
+  .field-grid {
+    grid-template-columns: repeat(2, minmax(0, 1fr));
+  }
+}
+@media (max-width: 480px) {
+  .field-grid {
+    grid-template-columns: 1fr;
+  }
+  .result-summary {
+    align-items: flex-start;
+    gap: 8px;
+  }
+  .dialog-actions {
+    flex-direction: column-reverse;
+  }
+  .dialog-actions button {
+    width: 100%;
+  }
+}
+</style>
diff --git a/src/config/features.ts b/src/config/features.ts
new file mode 100644
index 0000000..48327b8
--- /dev/null
+++ b/src/config/features.ts
@@ -0,0 +1,4 @@
+export const featureFlags = {
+  voiceEntry: false,
+  adminConfigurationPanels: false,
+} as const;
diff --git a/src/pages/ReviewPage.vue b/src/pages/ReviewPage.vue
index e75055b..6d9b68c 100644
--- a/src/pages/ReviewPage.vue
+++ b/src/pages/ReviewPage.vue
@@ -13,22 +13,49 @@ import {
   Mic,
   Plus,
   RefreshCw,
+  Save,
+  SlidersHorizontal,
   Upload,
+  Users,
   X,
 } from "@lucide/vue";
 import { computed, onMounted, reactive, ref } from "vue";
 import { useRouter } from "vue-router";
 
+import { downloadOcrFile } from "@/api/ocr";
+import { fetchModelConfig, updateModelConfig } from "@/api/modelConfig";
 import { useReviewStore } from "@/stores/review.store";
+import { useAuthStore } from "@/stores/auth.store";
+import OcrRecognitionDialog from "@/components/ocr/OcrRecognitionDialog.vue";
+import { featureFlags } from "@/config/features";
+import type { OcrStandardJudgment } from "@/types/ocr";
 import type { RiskItem, RiskItemUpdate } from "@/types/riskItem";
+import type { ModelWeightConfig, WeightDimension } from "@/types/modelConfig";
 
 const router = useRouter();
 const store = useReviewStore();
+const auth = useAuthStore();
 const sourceFilter = ref("all");
 const statusFilter = ref("待审核");
 const expandedId = ref<number | null>(null);
 const editingId = ref<number | null>(null);
 const reviewingId = ref<number | null>(null);
+const ocrOpen = ref(false);
+const attachmentError = ref("");
+const modelConfig = ref<ModelWeightConfig | null>(null);
+const modelConfigError = ref("");
+const savingWeights = ref(false);
+const weightDraft = reactive<Record<WeightDimension, number>>({
+  供应商表现: 25,
+  物料品类: 20,
+  产品品类: 15,
+  加工厂质量: 15,
+  标准符合性: 10,
+  节点阶段: 10,
+  缺陷等级: 5,
+});
+const frequencyCoefficient = ref(0.3);
+const frequencyCap = ref(1.5);
 const notes = reactive<Record<number, string>>({});
 const editForm = reactive<Record<number, RiskItemUpdate>>({});
 
@@ -43,6 +70,40 @@ const preReviewCount = computed(
 const sourceCount = computed(
   () => new Set(store.items.map((item) => item.sourceType)).size,
 );
+const weightTotal = computed(() =>
+  Object.values(weightDraft).reduce(
+    (sum, value) => sum + Number(value || 0),
+    0,
+  ),
+);
+const permissionRows = [
+  { role: "管理员", assess: true, submit: true, review: true, weights: true },
+  {
+    role: "产品经理",
+    assess: true,
+    submit: true,
+    review: true,
+    weights: false,
+  },
+  { role: "审核员", assess: true, submit: false, review: true, weights: false },
+  {
+    role: "普通用户",
+    assess: true,
+    submit: false,
+    review: false,
+    weights: false,
+  },
+];
+const permissionKeys = ["assess", "submit", "review", "weights"] as const;
+const weightRows: Array<{ dimension: WeightDimension; description: string }> = [
+  { dimension: "供应商表现", description: "含频次风险系数 α 修正" },
+  { dimension: "物料品类", description: "按物料历史异常率" },
+  { dimension: "产品品类", description: "拆解到具体产品品类" },
+  { dimension: "加工厂质量", description: "巡检 / 批次合格率" },
+  { dimension: "节点阶段", description: "开发阶段越靠后风险越高" },
+  { dimension: "缺陷等级", description: "A 级缺陷加权" },
+  { dimension: "标准符合性", description: "按判定标准库量化达标率计分" },
+];
 
 function load() {
   return store.loadPending({
@@ -50,6 +111,38 @@ function load() {
     status: statusFilter.value,
   });
 }
+async function loadModelWeights() {
+  if (!auth.hasPermission("model_weight.manage")) return;
+  modelConfigError.value = "";
+  try {
+    const response = await fetchModelConfig();
+    if (!response.data.data) throw new Error("模型配置响应为空");
+    modelConfig.value = response.data.data;
+    Object.assign(weightDraft, response.data.data.weights);
+    frequencyCoefficient.value = response.data.data.frequencyCoefficient;
+    frequencyCap.value = response.data.data.frequencyCap;
+  } catch {
+    modelConfigError.value = "模型权重加载失败";
+  }
+}
+async function saveModelWeights() {
+  if (Math.abs(weightTotal.value - 100) > 0.01 || savingWeights.value) return;
+  savingWeights.value = true;
+  modelConfigError.value = "";
+  try {
+    const response = await updateModelConfig({
+      weights: { ...weightDraft },
+      frequencyCoefficient: frequencyCoefficient.value,
+      frequencyCap: frequencyCap.value,
+    });
+    if (!response.data.data) throw new Error("模型配置响应为空");
+    modelConfig.value = response.data.data;
+  } catch {
+    modelConfigError.value = "权重保存失败，请检查各维度合计是否为100%";
+  } finally {
+    savingWeights.value = false;
+  }
+}
 function sourceClass(source: string) {
   return source === "OCR"
     ? "source-ocr"
@@ -71,6 +164,9 @@ function sourceIcon(source: string) {
 function levelClass(level: string | null | undefined) {
   return level ? `level-${level.toLowerCase()}` : "level-empty";
 }
+function isOwnSubmission(item: RiskItem) {
+  return Boolean(auth.user?.empNo && item.submittedBy === auth.user.empNo);
+}
 function toggleItem(id: number) {
   expandedId.value = expandedId.value === id ? null : id;
   if (editingId.value === id) editingId.value = null;
@@ -81,6 +177,8 @@ function beginEdit(item: RiskItem) {
   editForm[item.id] = {
     productName: item.productName,
     productCategory: item.productCategory,
+    materialType: item.materialType,
+    occurredOn: item.occurredOn,
     supplier: item.supplier,
     factory: item.factory,
     stageNew: item.stageNew,
@@ -89,6 +187,32 @@ function beginEdit(item: RiskItem) {
     solution: item.solution,
   };
 }
+function ocrFiles(item: RiskItem) {
+  const files = item.ocrPayload?.files;
+  if (!Array.isArray(files)) return [];
+  return files.filter(
+    (file): file is { fileId: string; fileName: string } =>
+      typeof file === "object" &&
+      file !== null &&
+      typeof file.fileId === "string" &&
+      typeof file.fileName === "string",
+  );
+}
+function ocrJudgments(item: RiskItem): OcrStandardJudgment[] {
+  const judgments = item.ocrPayload?.confirmedJudgments;
+  return Array.isArray(judgments) ? (judgments as OcrStandardJudgment[]) : [];
+}
+async function openAttachment(fileId: string) {
+  attachmentError.value = "";
+  try {
+    const response = await downloadOcrFile(fileId);
+    const url = URL.createObjectURL(response.data);
+    window.open(url, "_blank", "noopener,noreferrer");
+    window.setTimeout(() => URL.revokeObjectURL(url), 60_000);
+  } catch {
+    attachmentError.value = "附件打开失败或已被清理";
+  }
+}
 function editValue(id: number, key: keyof RiskItemUpdate) {
   return editForm[id]?.[key] ?? "";
 }
@@ -115,6 +239,8 @@ async function review(item: RiskItem, action: "通过" | "驳回") {
   try {
     await store.review(item.id, action, note);
     expandedId.value = null;
+  } catch {
+    // The exact API error is shown above the queue.
   } finally {
     reviewingId.value = null;
   }
@@ -128,7 +254,10 @@ function formatDate(value: string | null) {
     minute: "2-digit",
   }).format(new Date(value));
 }
-onMounted(() => void load());
+onMounted(() => {
+  void load();
+  void loadModelWeights();
+});
 </script>
 
 <template>
@@ -151,6 +280,7 @@ onMounted(() => void load());
             :class="{ spinning: store.loading }"
           />刷新</button
         ><button
+          v-if="auth.hasPermission('risk_item.submit')"
           class="button button--primary"
           type="button"
           @click="router.push({ name: 'risk-item-entry' })"
@@ -229,6 +359,7 @@ onMounted(() => void load());
           <ClipboardCheck :size="28" /><strong>当前没有符合条件的风险项</strong
           ><span>新提交的风险项通过预审后会出现在这里。</span
           ><button
+            v-if="auth.hasPermission('risk_item.submit')"
             class="button button--secondary"
             type="button"
             @click="router.push({ name: 'risk-item-entry' })"
@@ -298,6 +429,27 @@ onMounted(() => void load());
                           ($event.target as HTMLInputElement).value,
                         )
                       " /></label
+                  ><label
+                    >物料<input
+                      :value="editValue(item.id, 'materialType')"
+                      @input="
+                        setEditValue(
+                          item.id,
+                          'materialType',
+                          ($event.target as HTMLInputElement).value,
+                        )
+                      " /></label
+                  ><label
+                    >发生日期<input
+                      type="date"
+                      :value="editValue(item.id, 'occurredOn')"
+                      @input="
+                        setEditValue(
+                          item.id,
+                          'occurredOn',
+                          ($event.target as HTMLInputElement).value,
+                        )
+                      " /></label
                   ><label
                     >供应商<input
                       :value="editValue(item.id, 'supplier')"
@@ -395,6 +547,14 @@ onMounted(() => void load());
                     <dt>产品品类</dt>
                     <dd>{{ item.productCategory || "未填写" }}</dd>
                   </div>
+                  <div>
+                    <dt>物料</dt>
+                    <dd>{{ item.materialType || "未填写" }}</dd>
+                  </div>
+                  <div>
+                    <dt>发生日期</dt>
+                    <dd>{{ item.occurredOn || "未填写" }}</dd>
+                  </div>
                   <div>
                     <dt>供应商</dt>
                     <dd>{{ item.supplier || "未填写" }}</dd>
@@ -426,10 +586,54 @@ onMounted(() => void load());
                   <strong>解决方案</strong>
                   <p>{{ item.solution }}</p>
                 </div>
-                <div v-if="item.photos?.length" class="attachment-note">
-                  <ImagePlus :size="14" />已关联 {{ item.photos.length }} 个附件
+                <div v-if="ocrFiles(item).length" class="attachment-list">
+                  <button
+                    v-for="file in ocrFiles(item)"
+                    :key="file.fileId"
+                    type="button"
+                    title="通过鉴权打开原始附件"
+                    @click="openAttachment(file.fileId)"
+                  >
+                    <FileText :size="14" />{{ file.fileName }}
+                  </button>
+                </div>
+                <p v-if="attachmentError" class="form-error">
+                  {{ attachmentError }}
+                </p>
+                <div v-if="ocrJudgments(item).length" class="ocr-judgments">
+                  <strong>OCR 标准判定</strong>
+                  <div
+                    v-for="judgment in ocrJudgments(item)"
+                    :key="`${judgment.measurementItem}-${judgment.standardRuleId}`"
+                  >
+                    <span
+                      >{{ judgment.measurementItem }}：{{
+                        judgment.measuredValue
+                      }}</span
+                    >
+                    <span>{{ judgment.standardValue || "未匹配标准" }}</span>
+                    <b
+                      :class="
+                        judgment.result === '不合格'
+                          ? 'is-fail'
+                          : judgment.result === '合格'
+                            ? 'is-pass'
+                            : 'is-review'
+                      "
+                      >{{ judgment.result }}</b
+                    >
+                    <small v-if="judgment.standardRuleId"
+                      >标准 #{{ judgment.standardRuleId }}
+                      {{ judgment.basis || "" }}</small
+                    >
+                  </div>
                 </div>
                 <div class="review-controls">
+                  <p v-if="isOwnSubmission(item)" class="self-review-warning">
+                    <AlertTriangle
+                      :size="14"
+                    />该风险项由当前账号提交。根据审核防自审规则，请由其他审核员或管理者处理。
+                  </p>
                   <textarea
                     v-model="notes[item.id]"
                     rows="2"
@@ -451,6 +655,7 @@ onMounted(() => void load());
                       type="button"
                       :disabled="
                         item.status !== '待审核' ||
+                        isOwnSubmission(item) ||
                         reviewingId !== null ||
                         (notes[item.id]?.trim().length ?? 0) < 2
                       "
@@ -462,6 +667,7 @@ onMounted(() => void load());
                       type="button"
                       :disabled="
                         item.status !== '待审核' ||
+                        isOwnSubmission(item) ||
                         reviewingId !== null ||
                         (notes[item.id]?.trim().length ?? 0) < 2
                       "
@@ -477,7 +683,10 @@ onMounted(() => void load());
         </div>
       </section>
       <aside class="admin-tools">
-        <article class="tool-card">
+        <article
+          v-if="auth.hasPermission('risk_item.submit')"
+          class="tool-card"
+        >
           <header>
             <span class="tool-icon tool-icon--blue"
               ><ClipboardCheck :size="16"
@@ -495,23 +704,24 @@ onMounted(() => void load());
             <Plus :size="14" />打开录入表单
           </button>
         </article>
-        <article class="tool-card">
+        <article
+          v-if="auth.hasPermission('risk_item.submit')"
+          class="tool-card"
+        >
           <header>
             <span class="tool-icon tool-icon--cyan"
               ><ImagePlus :size="16"
             /></span>
             <div>
               <h3>OCR 识别录入</h3>
-              <p>上传检测报告或缺陷照片</p>
+              <p>上传检测报告、巡检单或异常报告</p>
             </div>
           </header>
-          <label class="upload-zone"
-            ><Upload :size="17" /><span>选择图片 / PDF</span
-            ><small>识别结果将填入风险项表单</small
-            ><input type="file" accept="image/*,.pdf"
-          /></label>
+          <button class="tool-link" type="button" @click="ocrOpen = true">
+            <Upload :size="14" />开始 OCR 识别
+          </button>
         </article>
-        <article class="tool-card">
+        <article v-if="featureFlags.voiceEntry" class="tool-card">
           <header>
             <span class="tool-icon tool-icon--purple"><Mic :size="16" /></span>
             <div>
@@ -523,7 +733,10 @@ onMounted(() => void load());
             <Mic :size="17" /><span>按住说话</span></button
           ><small class="tool-hint">普通话 · 最长 60 秒</small>
         </article>
-        <article class="tool-card">
+        <article
+          v-if="auth.hasPermission('risk_item.submit')"
+          class="tool-card"
+        >
           <header>
             <span class="tool-icon tool-icon--green"
               ><FileSpreadsheet :size="16"
@@ -556,6 +769,135 @@ onMounted(() => void load());
         </article>
       </aside>
     </div>
+    <div
+      v-if="
+        featureFlags.adminConfigurationPanels &&
+        auth.hasPermission('model_weight.manage')
+      "
+      class="administration-config"
+    >
+      <section class="admin-config-panel">
+        <header class="admin-config-heading">
+          <span><Users :size="17" /></span>
+          <div>
+            <h2>用户权限（含审核角色）</h2>
+            <p>四角色权限矩阵</p>
+          </div>
+        </header>
+        <div class="config-table-wrap">
+          <table class="config-table">
+            <thead>
+              <tr>
+                <th>角色</th>
+                <th>评估/查询</th>
+                <th>录入/上传</th>
+                <th>审核</th>
+                <th>权重配置</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr v-for="row in permissionRows" :key="row.role">
+                <td>{{ row.role }}</td>
+                <td v-for="key in permissionKeys" :key="key">
+                  <Check v-if="row[key]" class="permission-yes" :size="15" />
+                  <span v-else class="permission-no">—</span>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </section>
+
+      <section class="admin-config-panel">
+        <header class="admin-config-heading">
+          <span><SlidersHorizontal :size="17" /></span>
+          <div>
+            <h2>模型权重配置</h2>
+            <p>七维模型，保存后对新评估实时生效</p>
+          </div>
+          <strong>七维 · 合计 {{ weightTotal }}%</strong>
+        </header>
+        <div class="config-table-wrap">
+          <table class="config-table weight-table">
+            <thead>
+              <tr>
+                <th>维度</th>
+                <th>权重</th>
+                <th>说明</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr v-for="row in weightRows" :key="row.dimension">
+                <td>{{ row.dimension }}</td>
+                <td>
+                  <label
+                    ><input
+                      v-model.number="weightDraft[row.dimension]"
+                      type="number"
+                      min="1"
+                      max="100"
+                      step="0.5"
+                    /><span>%</span></label
+                  >
+                </td>
+                <td>{{ row.description }}</td>
+              </tr>
+              <tr class="frequency-row">
+                <td>频次风险系数</td>
+                <td colspan="2">
+                  <label
+                    >α = 1.0 + (N / 100) ×
+                    <input
+                      v-model.number="frequencyCoefficient"
+                      type="number"
+                      min="0"
+                      max="1"
+                      step="0.05"
+                  /></label>
+                  <label
+                    >上限
+                    <input
+                      v-model.number="frequencyCap"
+                      type="number"
+                      min="1"
+                      max="3"
+                      step="0.1"
+                  /></label>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+        <footer class="config-actions">
+          <p v-if="modelConfigError" class="form-error">
+            {{ modelConfigError }}
+          </p>
+          <span v-else-if="modelConfig?.updatedBy"
+            >最近更新：{{ modelConfig.updatedBy }}</span
+          >
+          <span v-else>权重合计必须为 100%</span>
+          <button
+            class="button button--primary"
+            type="button"
+            :disabled="savingWeights || Math.abs(weightTotal - 100) > 0.01"
+            @click="saveModelWeights"
+          >
+            <LoaderCircle
+              v-if="savingWeights"
+              class="spinning"
+              :size="14"
+            /><Save v-else :size="14" />{{
+              savingWeights ? "保存中…" : "保存配置"
+            }}
+          </button>
+        </footer>
+      </section>
+    </div>
+    <OcrRecognitionDialog
+      :open="ocrOpen"
+      @close="ocrOpen = false"
+      @submitted="load"
+    />
   </div>
 </template>
 
@@ -850,19 +1192,86 @@ onMounted(() => void load());
   line-height: 1.6;
   white-space: pre-wrap;
 }
-.attachment-note {
+.attachment-list {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 6px;
+  margin-top: 12px;
+}
+.attachment-list button {
   display: inline-flex;
+  min-width: 0;
   align-items: center;
   gap: 5px;
-  margin-top: 12px;
+  border: 1px solid var(--color-border-strong);
+  border-radius: 4px;
+  padding: 5px 8px;
+  background: white;
   color: var(--color-accent);
   font-size: 10px;
+  cursor: pointer;
+}
+.ocr-judgments {
+  display: grid;
+  gap: 7px;
+  margin-top: 14px;
+  border: 1px solid var(--color-border-light);
+  border-radius: 5px;
+  padding: 10px;
+}
+.ocr-judgments > strong {
+  font-size: 11px;
+}
+.ocr-judgments > div {
+  display: grid;
+  grid-template-columns: minmax(100px, 0.8fr) minmax(180px, 1.5fr) auto;
+  gap: 6px 10px;
+  align-items: start;
+  border-top: 1px solid var(--color-border-light);
+  padding-top: 7px;
+  color: var(--color-text-secondary);
+  font-size: 10px;
+}
+.ocr-judgments b {
+  border-radius: 3px;
+  padding: 2px 5px;
+  font-size: 10px;
+}
+.ocr-judgments b.is-pass {
+  background: var(--color-success-soft);
+  color: var(--color-success);
+}
+.ocr-judgments b.is-fail {
+  background: var(--color-danger-soft);
+  color: var(--color-danger);
+}
+.ocr-judgments b.is-review {
+  background: var(--color-warning-soft);
+  color: var(--color-warning);
+}
+.ocr-judgments small {
+  grid-column: 1 / -1;
+  color: var(--color-text-faint);
 }
 .review-controls {
   align-items: flex-end;
+  flex-wrap: wrap;
   gap: 10px;
   margin-top: 17px;
 }
+.self-review-warning {
+  display: flex;
+  width: 100%;
+  align-items: flex-start;
+  gap: 6px;
+  margin: 0;
+  border-left: 3px solid var(--color-warning);
+  padding: 7px 9px;
+  background: var(--color-warning-soft);
+  color: var(--color-warning);
+  font-size: 11px;
+  line-height: 1.5;
+}
 .review-controls textarea {
   min-width: 0;
   flex: 1;
@@ -1084,6 +1493,111 @@ onMounted(() => void load());
   color: var(--color-success);
   font-size: 10px;
 }
+.administration-config {
+  display: grid;
+  gap: 14px;
+  margin-top: 18px;
+}
+.admin-config-panel {
+  border: 1px solid var(--color-border);
+  border-radius: 8px;
+  background: var(--color-surface);
+  padding: 18px 20px;
+}
+.admin-config-heading {
+  display: flex;
+  align-items: center;
+  gap: 9px;
+  margin-bottom: 13px;
+}
+.admin-config-heading > span {
+  display: grid;
+  width: 30px;
+  height: 30px;
+  place-items: center;
+  border-radius: 5px;
+  background: var(--color-bg);
+  color: var(--color-accent);
+}
+.admin-config-heading h2,
+.admin-config-heading p {
+  margin: 0;
+}
+.admin-config-heading h2 {
+  font-size: 14px;
+}
+.admin-config-heading p {
+  margin-top: 2px;
+  color: var(--color-text-muted);
+  font-size: 10px;
+}
+.admin-config-heading > strong {
+  margin-left: auto;
+  color: var(--color-accent);
+  font-size: 10px;
+}
+.config-table-wrap {
+  overflow-x: auto;
+}
+.config-table {
+  width: 100%;
+  min-width: 600px;
+  border-collapse: collapse;
+  font-size: 11px;
+}
+.config-table th,
+.config-table td {
+  border-bottom: 1px solid var(--color-border-light);
+  padding: 9px 10px;
+  text-align: left;
+}
+.config-table th {
+  background: var(--color-bg);
+  color: var(--color-text-muted);
+  font-weight: 650;
+}
+.permission-yes {
+  color: var(--color-success);
+}
+.permission-no {
+  color: var(--color-danger);
+}
+.weight-table input {
+  width: 58px;
+  border: 1px solid var(--color-border-strong);
+  border-radius: 4px;
+  padding: 5px;
+  font: inherit;
+  font-size: 11px;
+}
+.weight-table label {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  font-size: 11px;
+}
+.weight-table label + label {
+  margin-left: 14px;
+}
+.frequency-row td:first-child {
+  color: #7c3aed;
+  font-weight: 650;
+}
+.config-actions {
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+  gap: 12px;
+  padding-top: 14px;
+  color: var(--color-text-muted);
+  font-size: 10px;
+}
+.config-actions .form-error {
+  margin: 0 auto 0 0;
+}
+.config-actions .button {
+  min-height: 34px;
+}
 .spinning {
   animation: spin 0.8s linear infinite;
 }
diff --git a/src/pages/RiskAssistantPage.vue b/src/pages/RiskAssistantPage.vue
index 088704d..5620d4e 100644
--- a/src/pages/RiskAssistantPage.vue
+++ b/src/pages/RiskAssistantPage.vue
@@ -7,6 +7,7 @@ import AssistantComposer from "@/components/assistant/AssistantComposer.vue";
 import AssistantWelcome from "@/components/assistant/AssistantWelcome.vue";
 import RiskAnalysisCard from "@/components/assistant/RiskAnalysisCard.vue";
 import AssistantResponseCard from "@/components/assistant/AssistantResponseCard.vue";
+import OcrRecognitionDialog from "@/components/ocr/OcrRecognitionDialog.vue";
 import { useConversationStore } from "@/stores/conversation.store";
 import { useAuthStore } from "@/stores/auth.store";
 import { storeToRefs } from "pinia";
@@ -21,6 +22,7 @@ const {
   error,
 } = storeToRefs(conversationStore);
 const prompt = ref("");
+const ocrOpen = ref(false);
 const scrollArea = ref<HTMLElement | null>(null);
 const tool = ref<
   | "assessment"
@@ -104,6 +106,10 @@ function openTool(
     router.push({ name: "review" });
     return;
   }
+  if (value === "ocr") {
+    ocrOpen.value = true;
+    return;
+  }
   tool.value = value;
   toolInput.value = "";
   toolFile.value = null;
@@ -258,6 +264,7 @@ async function scrollToBottom(behavior: "smooth" | "auto" = "smooth") {
         </p>
         <AssistantWelcome
           v-if="!conversation?.messages.length"
+          :can-upload="auth.hasPermission('risk_item.submit')"
           @select="usePrompt"
         />
 
@@ -335,6 +342,7 @@ async function scrollToBottom(behavior: "smooth" | "auto" = "smooth") {
     <AssistantComposer
       v-model="prompt"
       :loading="loading"
+      :can-upload="auth.hasPermission('risk_item.submit')"
       @submit="submit"
       @select="usePrompt"
       @tool="openTool"
@@ -410,6 +418,7 @@ async function scrollToBottom(behavior: "smooth" | "auto" = "smooth") {
         </div>
       </form>
     </div>
+    <OcrRecognitionDialog :open="ocrOpen" @close="ocrOpen = false" />
   </div>
 </template>
 
diff --git a/src/pages/RiskItemEntryPage.vue b/src/pages/RiskItemEntryPage.vue
index b1ca58f..9d6237a 100644
--- a/src/pages/RiskItemEntryPage.vue
+++ b/src/pages/RiskItemEntryPage.vue
@@ -11,8 +11,10 @@ const reviewStore = useReviewStore();
 const submitted = ref(false);
 const form = reactive<RiskItemCreate>({
   sourceType: "表单",
+  occurredOn: null,
   productName: "",
   productCategory: "",
+  materialType: "",
   supplier: "",
   factory: "",
   stageNew: "第三阶段（产品开发）",
@@ -74,6 +76,10 @@ async function submit() {
           <label
             >产品品类<input v-model.trim="form.productCategory" maxlength="100"
           /></label>
+          <label
+            >物料<input v-model.trim="form.materialType" maxlength="200"
+          /></label>
+          <label>发生日期<input v-model="form.occurredOn" type="date" /></label>
           <label
             >供应商<input v-model.trim="form.supplier" maxlength="300"
           /></label>
diff --git a/src/stores/review.store.ts b/src/stores/review.store.ts
index 22e0869..5421ac5 100644
--- a/src/stores/review.store.ts
+++ b/src/stores/review.store.ts
@@ -1,3 +1,4 @@
+import axios from "axios";
 import { defineStore } from "pinia";
 import { ref } from "vue";
 
@@ -59,10 +60,20 @@ export const useReviewStore = defineStore("review", () => {
   }
 
   async function review(itemId: number, action: "通过" | "驳回", note: string) {
-    const response = await reviewRiskItem(itemId, { action, note });
-    if (!response.data.data) throw new Error("审核响应为空");
-    items.value = items.value.filter((item) => item.id !== itemId);
-    return response.data.data;
+    error.value = null;
+    try {
+      const response = await reviewRiskItem(itemId, { action, note });
+      if (!response.data.data) throw new Error("审核响应为空");
+      items.value = items.value.filter((item) => item.id !== itemId);
+      return response.data.data;
+    } catch (reason) {
+      error.value = axios.isAxiosError(reason)
+        ? String(reason.response?.data?.message || "审核操作失败")
+        : reason instanceof Error
+          ? reason.message
+          : "审核操作失败";
+      throw reason;
+    }
   }
 
   return {
diff --git a/src/types/modelConfig.ts b/src/types/modelConfig.ts
new file mode 100644
index 0000000..6ef009f
--- /dev/null
+++ b/src/types/modelConfig.ts
@@ -0,0 +1,22 @@
+export type WeightDimension =
+  | "供应商表现"
+  | "物料品类"
+  | "产品品类"
+  | "加工厂质量"
+  | "标准符合性"
+  | "节点阶段"
+  | "缺陷等级";
+
+export interface ModelWeightConfig {
+  weights: Record<WeightDimension, number>;
+  frequencyCoefficient: number;
+  frequencyCap: number;
+  updatedBy: string | null;
+  updatedAt: string | null;
+}
+
+export interface ModelWeightConfigUpdate {
+  weights: Record<WeightDimension, number>;
+  frequencyCoefficient: number;
+  frequencyCap: number;
+}
diff --git a/src/types/ocr.ts b/src/types/ocr.ts
new file mode 100644
index 0000000..713f3f3
--- /dev/null
+++ b/src/types/ocr.ts
@@ -0,0 +1,61 @@
+export interface OcrField {
+  value: string | null;
+  confidence: number | null;
+  needsReview: boolean;
+}
+
+export interface OcrExtractedFields {
+  productName: OcrField;
+  productCategory: OcrField;
+  supplier: OcrField;
+  factory: OcrField;
+  materialType: OcrField;
+  stageNew: OcrField;
+  description: OcrField;
+  defectLevel: OcrField;
+  occurredOn: string | null;
+}
+
+export interface OcrMeasurement {
+  item: string;
+  rawValue: string;
+  value: number | null;
+  unit: string | null;
+  confidence: number | null;
+  needsReview: boolean;
+}
+
+export interface OcrStandardJudgment {
+  measurementItem: string;
+  measuredValue: string;
+  standardRuleId: number | null;
+  riskPoint: string | null;
+  standardValue: string | null;
+  result: "合格" | "不合格" | "待人工确认" | "未匹配标准";
+  basis: string | null;
+  reason: string | null;
+  manuallyConfirmed?: boolean;
+}
+
+export interface OcrFileResult {
+  fileId: string;
+  fileName: string;
+  contentType: string;
+  engine: "webimage" | "paddle-vl-parser";
+  rawText: string;
+  confidence: number | null;
+  pageCount: number;
+  fields: OcrExtractedFields;
+  measurements: OcrMeasurement[];
+  judgments: OcrStandardJudgment[];
+  warnings: string[];
+  requiresReview: boolean;
+}
+
+export interface OcrBatchResult {
+  files: OcrFileResult[];
+  fields: OcrExtractedFields;
+  measurements: OcrMeasurement[];
+  judgments: OcrStandardJudgment[];
+  requiresReview: boolean;
+}
diff --git a/src/types/riskItem.ts b/src/types/riskItem.ts
index 886b837..2eed4a4 100644
--- a/src/types/riskItem.ts
+++ b/src/types/riskItem.ts
@@ -1,8 +1,10 @@
 export interface RiskItemCreate {
   sourceType: string;
   sourceFileId?: string | null;
+  occurredOn?: string | null;
   productName: string;
   productCategory?: string | null;
+  materialType?: string | null;
   supplier?: string | null;
   factory?: string | null;
   stageNew?: string | null;
@@ -10,6 +12,8 @@ export interface RiskItemCreate {
   defectLevel?: string | null;
   solution?: string | null;
   photos?: string[];
+  recognitionConfidence?: number | null;
+  ocrPayload?: Record<string, unknown>;
 }
 
 export interface RiskItem extends RiskItemCreate {
@@ -20,7 +24,22 @@ export interface RiskItem extends RiskItemCreate {
   createdAt: string;
 }
 
-export type RiskItemUpdate = Partial<RiskItemCreate>;
+export type RiskItemUpdate = Partial<
+  Pick<
+    RiskItemCreate,
+    | "occurredOn"
+    | "productName"
+    | "productCategory"
+    | "materialType"
+    | "supplier"
+    | "factory"
+    | "stageNew"
+    | "description"
+    | "defectLevel"
+    | "solution"
+    | "photos"
+  >
+>;
 
 export interface ReviewAction {
   action: "通过" | "驳回";
diff --git a/src/utils/roles.ts b/src/utils/roles.ts
new file mode 100644
index 0000000..160b8c9
--- /dev/null
+++ b/src/utils/roles.ts
@@ -0,0 +1,10 @@
+export const roleLabels: Record<string, string> = {
+  admin: "管理员",
+  product_manager: "产品经理",
+  reviewer: "审核员",
+  普通用户: "普通用户",
+};
+
+export function roleLabel(role: string | null | undefined) {
+  return role ? (roleLabels[role] ?? role) : "未登录";
+}
-- 
2.47.2


From 1cc6b471d30173b991cbce055da787f7ee943475 Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Tue, 8 Sep 2026 11:48:24 +0800
Subject: [PATCH 05/31] =?UTF-8?q?=E6=8C=89=E5=8E=9F=E5=9E=8B=E7=BB=9F?=
 =?UTF-8?q?=E4=B8=80=E9=A3=8E=E9=99=A9=E6=8A=A5=E5=91=8A=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E4=B8=8E=E4=B8=8B=E8=BD=BD=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

完善报告页栏目和原型样式，统一风险卡片、网页报告、PDF与Word的字段口径；接入真实PDF和DOCX下载，修复合作频次、七维结论及标准判定展示差异。
---
 src/api/reports.ts                            |  16 +
 .../assistant/AssistantResponseCard.vue       |   4 +-
 src/components/assistant/RiskAnalysisCard.vue |  18 +-
 src/pages/ReportPage.vue                      | 488 ++++++++++++++++++
 src/pages/RiskAssistantPage.vue               |   7 +
 src/router/routes.ts                          |  10 +
 src/types/risk.ts                             |   2 +
 7 files changed, 531 insertions(+), 14 deletions(-)
 create mode 100644 src/api/reports.ts
 create mode 100644 src/pages/ReportPage.vue

diff --git a/src/api/reports.ts b/src/api/reports.ts
new file mode 100644
index 0000000..dc40894
--- /dev/null
+++ b/src/api/reports.ts
@@ -0,0 +1,16 @@
+import { http } from "@/api/http";
+import type { RiskReportResult } from "@/types/risk";
+
+export function downloadReportPdf(payload: RiskReportResult) {
+  return http.post<Blob>("/v1/reports/pdf", payload, {
+    responseType: "blob",
+    timeout: 60_000,
+  });
+}
+
+export function downloadReportWord(payload: RiskReportResult) {
+  return http.post<Blob>("/v1/reports/word", payload, {
+    responseType: "blob",
+    timeout: 60_000,
+  });
+}
diff --git a/src/components/assistant/AssistantResponseCard.vue b/src/components/assistant/AssistantResponseCard.vue
index 1a675db..2742822 100644
--- a/src/components/assistant/AssistantResponseCard.vue
+++ b/src/components/assistant/AssistantResponseCard.vue
@@ -98,9 +98,9 @@ function formatCount(value: unknown) {
           <b>{{ formatCount(data.anomalyCount) }}</b
           ><span>近3年异常</span>
         </div>
-        <div>
+        <div v-if="data.cooperationCount != null">
           <b>{{ formatCount(data.cooperationCount) }}</b
-          ><span>合作频次（代理）</span>
+          ><span>合作频次（采购订单）</span>
         </div>
         <div>
           <b>×{{ data.frequencyCoefficient?.toFixed(2) ?? "1.00" }}</b
diff --git a/src/components/assistant/RiskAnalysisCard.vue b/src/components/assistant/RiskAnalysisCard.vue
index 0f83e1c..4a97cc8 100644
--- a/src/components/assistant/RiskAnalysisCard.vue
+++ b/src/components/assistant/RiskAnalysisCard.vue
@@ -19,6 +19,7 @@ const props = defineProps<{
   result: RiskAssessmentResult;
   canMonitor?: boolean;
 }>();
+const emit = defineEmits<{ generateReport: [] }>();
 const expanded = ref(true);
 const feedback = ref("");
 
@@ -161,16 +162,9 @@ const stars = computed(() => {
             <span>供应商层级</span
             ><strong>{{ result.supplierFreq.tier }}</strong>
           </div>
-          <div>
-            <span>合作频次（代理）</span>
-            <strong
-              >{{
-                result.supplierFreq.cooperationCount ??
-                result.supplierFreq.anomalyCount ??
-                0
-              }}
-              次</strong
-            >
+          <div v-if="result.supplierFreq.cooperationCount != null">
+            <span>合作频次（采购订单）</span>
+            <strong>{{ result.supplierFreq.cooperationCount }} 次</strong>
           </div>
           <div v-if="result.supplierFreq.suggestion">
             <span>管理建议</span>{{ result.supplierFreq.suggestion }}
@@ -190,7 +184,7 @@ const stars = computed(() => {
         >
           {{
             result.supplierFreq.note ||
-            "当前以近3年异常记录数作为合作频次代理，不代表真实采购订单合作次数。"
+            "合作频次按近3年采购订单去重单据编号统计；异常数仍按异常案例库统计。"
           }}
         </small>
       </section>
@@ -298,7 +292,7 @@ const stars = computed(() => {
         <button
           class="primary-action"
           type="button"
-          @click="notify('生成报告')"
+          @click="emit('generateReport')"
         >
           <FileDown :size="14" /> 生成报告
         </button>
diff --git a/src/pages/ReportPage.vue b/src/pages/ReportPage.vue
new file mode 100644
index 0000000..7a8bf7e
--- /dev/null
+++ b/src/pages/ReportPage.vue
@@ -0,0 +1,488 @@
+<script setup lang="ts">
+import { ArrowLeft, Download, FileText } from "@lucide/vue";
+import { computed } from "vue";
+import { useRouter } from "vue-router";
+
+import { downloadReportPdf, downloadReportWord } from "@/api/reports";
+import type { RiskReportResult } from "@/types/risk";
+import { formatRiskLevel } from "@/utils/risk";
+
+const router = useRouter();
+let parsed: RiskReportResult | null = null;
+try {
+  const raw = sessionStorage.getItem("dieya-risk-report");
+  parsed = raw ? (JSON.parse(raw) as RiskReportResult) : null;
+} catch {
+  parsed = null;
+}
+const report = computed(() => parsed);
+const dimensionRows = computed(() => {
+  if (!report.value) return [];
+  if (report.value.dimensionScores?.length) {
+    return report.value.dimensionScores.filter(
+      (item) => item.dimension !== "节点阶段" && item.dimension !== "缺陷等级",
+    );
+  }
+  return report.value.factors
+    .filter(
+      (factor) => factor.name !== "节点阶段" && factor.name !== "缺陷等级",
+    )
+    .map((factor) => ({
+      dimension: factor.name,
+      score: 100 - factor.value,
+      weight: factor.weight,
+      status: "database",
+      reason: null,
+    }));
+});
+const generatedAt = new Intl.DateTimeFormat("zh-CN", {
+  dateStyle: "medium",
+  timeStyle: "short",
+}).format(new Date());
+
+async function downloadWord() {
+  if (!report.value) return;
+  const response = await downloadReportWord(report.value);
+  const blob = response.data;
+  const url = URL.createObjectURL(blob);
+  const anchor = document.createElement("a");
+  anchor.href = url;
+  anchor.download = `蝶雅新品风险预估报告-${report.value.subjectId}.docx`;
+  anchor.click();
+  URL.revokeObjectURL(url);
+}
+
+async function downloadPdf() {
+  if (!report.value) return;
+  const response = await downloadReportPdf(report.value);
+  const url = URL.createObjectURL(response.data);
+  const anchor = document.createElement("a");
+  anchor.href = url;
+  anchor.download = `蝶雅新品风险预估报告-${report.value.subjectId}.pdf`;
+  anchor.click();
+  URL.revokeObjectURL(url);
+}
+
+function notify(message: string) {
+  window.alert(`${message}功能待接入服务端`);
+}
+
+function dimensionConclusion(item: {
+  dimension: string;
+  score: number;
+  reason?: string | null;
+}) {
+  const supplier = report.value?.supplierFreq;
+  if (item.dimension === "供应商表现" && supplier) {
+    const orderText =
+      supplier.cooperationCount != null
+        ? `合作 ${supplier.cooperationCount} 次、`
+        : "";
+    return `${Math.round(item.score)} 分 · ${orderText}异常 ${supplier.anomalyCount ?? 0} 次`;
+  }
+  if (
+    item.dimension === "标准符合性" &&
+    report.value?.standardJudgment?.length
+  ) {
+    return `${Math.round(item.score)} 分 · 命中 ${report.value.standardJudgment.length} 条判定标准，待检测项需人工确认`;
+  }
+  return `${Math.round(item.score)} 分${item.reason ? ` · ${item.reason}` : ""}`;
+}
+</script>
+
+<template>
+  <div class="report-page">
+    <header class="report-actions">
+      <button type="button" class="secondary-button" @click="downloadPdf">
+        <Download :size="15" />导出 PDF
+      </button>
+      <button type="button" class="secondary-button" @click="downloadWord">
+        <Download :size="15" />导出 Word
+      </button>
+      <button
+        type="button"
+        class="secondary-button"
+        @click="notify('钉钉发送')"
+      >
+        <FileText :size="15" />钉钉发送
+      </button>
+      <button type="button" class="primary-button" @click="router.back()">
+        <ArrowLeft :size="15" />返回对话
+      </button>
+    </header>
+    <p v-if="!report" class="report-empty">
+      暂无报告数据，请从风险评估结果卡片点击“生成报告”。
+    </p>
+    <article v-else class="report-sheet">
+      <h1>新品风险预估报告</h1>
+      <p class="report-subtitle">
+        蝶雅产品部 · 风险预估系统 · 自动生成 · {{ generatedAt }}
+      </p>
+      <div class="report-meta">
+        <span><b>产品/评估对象：</b>{{ report.subjectId }}</span>
+        ><span
+          ><b>供应商：</b
+          >{{ report.supplierFreq?.supplierName || "未指定" }}</span
+        ><span
+          ><b>报告编号：</b>RP-{{ report.subjectId.slice(0, 8) }}-{{
+            report.score.toFixed(0)
+          }}</span
+        >
+      </div>
+
+      <h2>一、风险结论</h2>
+      <table>
+        <thead>
+          <tr>
+            <th>评估项</th>
+            <th>结论</th>
+          </tr>
+        </thead>
+        <tbody>
+          <tr>
+            <td>综合评分</td>
+            <td class="risk">
+              {{ Math.round(report.score) }} / 100 ·
+              {{ formatRiskLevel(report.level) }} ·
+              {{ report.riskBadge || "需关注" }}
+            </td>
+          </tr>
+          <tr>
+            <td>风险警示</td>
+            <td>
+              {{
+                report.alertText ||
+                "当前暂无足够历史数据，建议按标准库完成基础验证。"
+              }}
+            </td>
+          </tr>
+          <tr v-for="item in dimensionRows" :key="item.dimension">
+            <td>{{ item.dimension }}（{{ item.weight }}%）</td>
+            <td>{{ dimensionConclusion(item) }}</td>
+          </tr>
+        </tbody>
+      </table>
+
+      <template v-if="report.categoryWarning">
+        <h2>二、品类风险预警</h2>
+        <table>
+          <thead>
+            <tr>
+              <th>品类</th>
+              <th>历史异常</th>
+              <th>风险等级</th>
+              <th>建议</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr>
+              <td>{{ report.categoryWarning.category }}</td>
+              <td>{{ report.categoryWarning.anomalyCount }} 条</td>
+              <td>{{ report.categoryWarning.riskLevel }}</td>
+              <td>
+                {{
+                  report.categoryWarning.suggestion ||
+                  "结合相似品类和标准库预判"
+                }}
+              </td>
+            </tr>
+          </tbody>
+        </table>
+      </template>
+
+      <template v-if="report.supplierFreq?.supplierName">
+        <h2>三、供应商合作频次分析</h2>
+        <table>
+          <thead>
+            <tr>
+              <th>维度</th>
+              <th>数值</th>
+              <th>说明</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr v-if="report.supplierFreq.cooperationCount != null">
+              <td>合作次数</td>
+              <td>{{ report.supplierFreq.cooperationCount }} 次</td>
+              <td>近三年采购订单去重单据数</td>
+            </tr>
+            <tr>
+              <td>异常次数</td>
+              <td>{{ report.supplierFreq.anomalyCount ?? 0 }} 次</td>
+              <td>异常案例库统计</td>
+            </tr>
+            <tr v-if="report.supplierFreq.alpha != null">
+              <td>频次风险系数</td>
+              <td>×{{ report.supplierFreq.alpha.toFixed(2) }}</td>
+              <td>α = 1.0 +（采购订单数 / 100）× 0.3，最高1.5</td>
+            </tr>
+            <tr v-if="report.supplierFreq.tier">
+              <td>供应商层级</td>
+              <td>{{ report.supplierFreq.tier }}</td>
+              <td>{{ report.supplierFreq.suggestion }}</td>
+            </tr>
+          </tbody>
+        </table>
+      </template>
+
+      <h2>四、相似案例匹配（{{ report.similarCases?.length || 0 }} 条）</h2>
+      <template v-if="report.similarCases?.length">
+        <table>
+          <thead>
+            <tr>
+              <th>日期</th>
+              <th>产品</th>
+              <th>问题</th>
+              <th>处理方案</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr
+              v-for="item in report.similarCases"
+              :key="`${item.date}-${item.product}-${item.problem}`"
+            >
+              <td>{{ item.date || "未知" }}</td>
+              <td>{{ item.product || "未命名" }}</td>
+              <td>{{ item.problem || "未填写" }}</td>
+              <td>{{ item.solution || "未填写" }}</td>
+            </tr>
+          </tbody>
+        </table>
+      </template>
+      <p v-else class="report-paragraph">
+        暂无相关案例，RAG 相似案例检索未返回匹配结果。
+      </p>
+
+      <h2>五、预防建议</h2>
+      <ol>
+        <li
+          v-for="suggestion in report.aiSuggestions?.length
+            ? report.aiSuggestions
+            : ['优先针对低分维度安排专项验证，并明确责任人与完成节点。']"
+          :key="suggestion"
+        >
+          {{ suggestion }}
+        </li>
+      </ol>
+
+      <h2>六、AI 推理方案（无历史案例场景）</h2>
+      <p class="report-paragraph">
+        <template v-if="report.similarCases?.length">
+          本次评估已匹配
+          {{ report.similarCases.length }}
+          条相似历史案例，当前采用历史案例与标准库双引擎结论，未单独触发无历史案例类比推理。
+        </template>
+        <template v-else>
+          当前未匹配到足够历史案例，系统将基于相似品类、相似物料生成类比方案，并结合判定标准库进行规则兜底；实际执行前需由产品和品控确认。
+        </template>
+      </p>
+
+      <h2>七、标准判定结果</h2>
+      <template v-if="report.standardJudgment?.length">
+        <table>
+          <thead>
+            <tr>
+              <th>判定维度</th>
+              <th>判定标准</th>
+              <th>标准来源</th>
+              <th>当前状态</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr
+              v-for="standard in report.standardJudgment"
+              :key="`${standard.category}-${standard.riskPoint}`"
+            >
+              <td>{{ standard.category }} · {{ standard.riskPoint }}</td>
+              <td>{{ standard.rule }}</td>
+              <td>{{ standard.source }}</td>
+              <td>{{ standard.status }}</td>
+            </tr>
+          </tbody>
+        </table>
+      </template>
+      <p v-else class="report-paragraph">暂无相关标准。</p>
+      <p class="report-paragraph report-engine-note">
+        双引擎融合：历史异常经验引擎提供风险优先级，标准库提供可执行的检测阈值与验证任务。
+      </p>
+
+      <footer class="report-footer">
+        <span>编制：蝶雅风险预估系统</span
+        ><span>生成时间：{{ generatedAt }}</span>
+      </footer>
+    </article>
+  </div>
+</template>
+
+<style scoped>
+.report-page {
+  flex: 1;
+  overflow-y: auto;
+  background: #f5f7fb;
+  padding: 24px 28px 40px;
+}
+.report-actions {
+  display: flex;
+  justify-content: flex-end;
+  gap: 6px;
+  margin: 0 auto 16px;
+  max-width: 780px;
+}
+.action-group {
+  display: flex;
+  gap: 6px;
+}
+.primary-button,
+.secondary-button {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  border-radius: 5px;
+  padding: 8px 12px;
+  font-size: 12px;
+  font-weight: 650;
+  cursor: pointer;
+}
+.primary-button {
+  border: 1px solid #111827;
+  background: #111827;
+  color: white;
+}
+.secondary-button {
+  border: 1px solid #d1d9e6;
+  background: white;
+  color: #334155;
+}
+.report-empty {
+  max-width: 780px;
+  margin: 80px auto;
+  text-align: center;
+  color: #64748b;
+}
+.report-sheet {
+  max-width: 780px;
+  margin: 0 auto;
+  border: 1px solid #dce3ed;
+  border-radius: 8px;
+  background: white;
+  padding: 48px;
+  box-shadow: 0 10px 26px rgb(15 23 42 / 10%);
+}
+h1 {
+  margin: 0 0 4px;
+  text-align: center;
+  font-size: 28px;
+  color: #111827;
+}
+.report-subtitle {
+  margin: 0 0 28px;
+  border-bottom: 2px solid #111827;
+  padding-bottom: 20px;
+  text-align: center;
+  color: #64748b;
+  font-size: 12px;
+}
+.report-meta {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 32px;
+  margin-bottom: 24px;
+  color: #334155;
+  font-size: 12px;
+}
+h2 {
+  margin: 24px 0 12px;
+  border-left: 2px solid #111827;
+  padding-left: 8px;
+  color: #111827;
+  font-size: 15px;
+}
+table {
+  width: 100%;
+  margin-bottom: 16px;
+  border-collapse: collapse;
+  font-size: 13px;
+}
+th,
+td {
+  border: 1px solid #dbe3ef;
+  padding: 9px 12px;
+  text-align: left;
+  vertical-align: top;
+}
+th {
+  background: #111827;
+  color: white;
+  font-size: 12px;
+  font-weight: 600;
+}
+.risk {
+  color: #d97706;
+  font-size: 15px;
+  font-weight: 700;
+}
+ol {
+  padding-left: 24px;
+  color: #334155;
+  font-size: 13px;
+  line-height: 1.9;
+}
+.report-footer {
+  display: flex;
+  justify-content: space-between;
+  margin-top: 36px;
+  color: #94a3b8;
+  font-size: 11px;
+}
+.report-paragraph {
+  margin: 0 0 12px;
+  color: #334155;
+  font-size: 13px;
+  line-height: 1.8;
+}
+@media (max-width: 700px) {
+  .report-page {
+    padding: 12px;
+  }
+  .report-sheet {
+    padding: 24px 16px;
+  }
+  .report-actions {
+    flex-direction: column;
+  }
+  .action-group {
+    justify-content: flex-end;
+  }
+  .report-meta {
+    flex-direction: column;
+    gap: 5px;
+  }
+  table {
+    min-width: 680px;
+  }
+  .report-sheet {
+    overflow-x: auto;
+  }
+}
+@media print {
+  .report-page {
+    padding: 0;
+    background: white;
+  }
+  .report-actions {
+    display: none;
+  }
+  .report-sheet {
+    border: 0;
+    box-shadow: none;
+    max-width: none;
+    padding: 0;
+  }
+  h2 {
+    break-after: avoid;
+  }
+  table {
+    break-inside: avoid;
+  }
+}
+</style>
diff --git a/src/pages/RiskAssistantPage.vue b/src/pages/RiskAssistantPage.vue
index 5620d4e..808c87b 100644
--- a/src/pages/RiskAssistantPage.vue
+++ b/src/pages/RiskAssistantPage.vue
@@ -11,6 +11,7 @@ import OcrRecognitionDialog from "@/components/ocr/OcrRecognitionDialog.vue";
 import { useConversationStore } from "@/stores/conversation.store";
 import { useAuthStore } from "@/stores/auth.store";
 import { storeToRefs } from "pinia";
+import type { RiskAssessmentResult } from "@/types/risk";
 
 const route = useRoute();
 const router = useRouter();
@@ -217,6 +218,11 @@ async function openFromRoute() {
   }
 }
 
+function openReport(result: RiskAssessmentResult) {
+  sessionStorage.setItem("dieya-risk-report", JSON.stringify(result));
+  void router.push({ name: "report" });
+}
+
 async function submit(
   messageType: "text" | "image" | "file" | "audio" = "text",
 ) {
@@ -315,6 +321,7 @@ async function scrollToBottom(behavior: "smooth" | "auto" = "smooth") {
                 v-if="message.riskResult"
                 :result="message.riskResult"
                 :can-monitor="canMonitor"
+                @generate-report="openReport(message.riskResult)"
               />
               <AssistantResponseCard
                 v-if="message.responseCard"
diff --git a/src/router/routes.ts b/src/router/routes.ts
index 7ec33f1..d0500b1 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -41,6 +41,16 @@ export const routes: RouteRecordRaw[] = [
           permission: "risk.assess",
         },
       },
+      {
+        path: "report",
+        name: "report",
+        component: () => import("@/pages/ReportPage.vue"),
+        meta: {
+          title: "风险报告",
+          requiresAuth: true,
+          permission: "risk.assess",
+        },
+      },
       {
         path: "overview",
         name: "overview",
diff --git a/src/types/risk.ts b/src/types/risk.ts
index d3a0bd6..cc7b92b 100644
--- a/src/types/risk.ts
+++ b/src/types/risk.ts
@@ -77,6 +77,8 @@ export interface RiskAssessmentResult {
   dimensionScores?: RiskDimensionScore[];
 }
 
+export type RiskReportResult = RiskAssessmentResult;
+
 export interface ModelInfo {
   modelVersion: string;
   scoreRange: string;
-- 
2.47.2


From 904198ae8b8ad1cb18288a7681b2acfa13b0fd4c Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Tue, 8 Sep 2026 18:27:34 +0800
Subject: [PATCH 06/31] =?UTF-8?q?=E5=AE=8C=E5=96=84=E5=89=8D=E7=AB=AF?=
 =?UTF-8?q?=E4=BE=9B=E5=BA=94=E5=95=86=E7=94=BB=E5=83=8F=E5=92=8C=E6=A0=87?=
 =?UTF-8?q?=E5=87=86=E8=81=94=E5=8A=A8=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/monitoring.ts                         |   9 +
 src/api/supplierProfile.ts                    |   9 +
 src/api/suppliers.ts                          |   9 +
 .../assistant/AssistantResponseCard.vue       |  60 ++-
 src/components/assistant/RiskAnalysisCard.vue | 461 ++++++++++++++++-
 src/components/layout/AppSidebar.vue          |   7 +-
 src/pages/RiskAssistantPage.vue               |   4 +
 src/pages/StandardsPage.vue                   |  19 +-
 src/pages/SupplierProfilePage.vue             | 463 ++++++++++++++++++
 src/router/routes.ts                          |  10 +
 src/types/risk.ts                             |   7 +
 src/types/supplierProfile.ts                  |  41 ++
 12 files changed, 1088 insertions(+), 11 deletions(-)
 create mode 100644 src/api/monitoring.ts
 create mode 100644 src/api/supplierProfile.ts
 create mode 100644 src/api/suppliers.ts
 create mode 100644 src/pages/SupplierProfilePage.vue
 create mode 100644 src/types/supplierProfile.ts

diff --git a/src/api/monitoring.ts b/src/api/monitoring.ts
new file mode 100644
index 0000000..534ec03
--- /dev/null
+++ b/src/api/monitoring.ts
@@ -0,0 +1,9 @@
+import { http } from "@/api/http";
+
+export function addRiskMonitor(payload: { subjectId: string; score: number; level: string }) {
+  return http.post("/v1/monitoring/risk", {
+    subjectId: payload.subjectId,
+    score: payload.score,
+    level: payload.level,
+  });
+}
diff --git a/src/api/supplierProfile.ts b/src/api/supplierProfile.ts
new file mode 100644
index 0000000..b367ea6
--- /dev/null
+++ b/src/api/supplierProfile.ts
@@ -0,0 +1,9 @@
+import { http } from "@/api/http";
+import type { ApiResponse } from "@/types/api";
+import type { SupplierProfile } from "@/types/supplierProfile";
+
+export function fetchSupplierProfile(name: string) {
+  return http.get<ApiResponse<SupplierProfile>>(
+    `/v1/suppliers/${encodeURIComponent(name)}`,
+  );
+}
diff --git a/src/api/suppliers.ts b/src/api/suppliers.ts
new file mode 100644
index 0000000..5d707a5
--- /dev/null
+++ b/src/api/suppliers.ts
@@ -0,0 +1,9 @@
+import { http } from "@/api/http";
+import type { ApiResponse } from "@/types/api";
+
+export interface SupplierOption { name: string; anomalyCount: number; tier: string }
+export interface SupplierListData { items: SupplierOption[]; defaultSupplier: string | null }
+
+export function fetchSupplierOptions(keyword?: string) {
+  return http.get<ApiResponse<SupplierListData>>("/v1/suppliers", { params: { keyword, limit: 8 } });
+}
diff --git a/src/components/assistant/AssistantResponseCard.vue b/src/components/assistant/AssistantResponseCard.vue
index 2742822..e1be85c 100644
--- a/src/components/assistant/AssistantResponseCard.vue
+++ b/src/components/assistant/AssistantResponseCard.vue
@@ -12,10 +12,12 @@ import {
   Sparkles,
 } from "@lucide/vue";
 import { computed, ref } from "vue";
+import { useRouter } from "vue-router";
 
 import type { AssistantResponseCard } from "@/types/conversation";
 
 const props = defineProps<{ card: AssistantResponseCard }>();
+const router = useRouter();
 const feedback = ref("");
 interface CardData extends AssistantResponseCard {
   name?: string;
@@ -59,6 +61,14 @@ function notify(label: string) {
   window.setTimeout(() => (feedback.value = ""), 2400);
 }
 
+function openSupplier() {
+  const supplier = data.value.name;
+  void router.push({
+    name: "supplier",
+    query: supplier ? { supplier } : undefined,
+  });
+}
+
 function formatCount(value: unknown) {
   return typeof value === "number" ? value.toLocaleString("zh-CN") : "暂无数据";
 }
@@ -90,6 +100,9 @@ function formatCount(value: unknown) {
         >
         <small v-else>标准库规则匹配 · 待品控确认</small>
       </div>
+      <span v-if="card.type === 'solution'" class="solution-confidence"
+        >置信度：{{ data.confidence || "中" }}</span
+      >
     </header>
 
     <template v-if="card.type === 'supplier'">
@@ -205,7 +218,10 @@ function formatCount(value: unknown) {
     </template>
 
     <template v-else>
-      <div class="solution-base"><b>分析基础：</b>{{ data.analysisBase }}</div>
+      <div class="solution-base">
+        <b>分析基础：</b
+        >{{ data.analysisBase || "基于相似品类、相似物料与标准库规则生成。" }}
+      </div>
       <section
         v-if="data.standardFallbackEnabled || data.standards?.length"
         class="solution-section"
@@ -255,7 +271,10 @@ function formatCount(value: unknown) {
       </section>
       <section v-if="data.risks?.length" class="solution-section risk-list">
         <div v-for="risk in data.risks" :key="risk.title" class="solution-risk">
-          <span>{{ risk.level }}</span>
+          <span
+            :class="risk.level === '高风险' ? 'risk-high' : 'risk-medium'"
+            >{{ risk.level }}</span
+          >
           <p>
             <b>{{ risk.title }}：</b>{{ risk.detail }}
           </p>
@@ -270,7 +289,10 @@ function formatCount(value: unknown) {
         </ol>
       </section>
       <div class="solution-warning">
-        <AlertTriangle :size="14" />{{ data.warning }}
+        <AlertTriangle :size="14" />{{
+          data.warning ||
+          "以上方案由 AI 推理生成，实际执行前请咨询品控并安排小批量试产验证。"
+        }}
       </div>
     </template>
 
@@ -284,6 +306,20 @@ function formatCount(value: unknown) {
       </button>
       <button type="button" @click="notify('查看详情')">查看详情</button>
       <button type="button" @click="notify('追问详情')">追问详情</button>
+      <button
+        v-if="card.type === 'solution'"
+        type="button"
+        @click="notify('收藏方案')"
+      >
+        📌 收藏方案
+      </button>
+      <button
+        v-if="card.type === 'solution'"
+        type="button"
+        @click="openSupplier"
+      >
+        🏭 查供应商
+      </button>
     </div>
     <p v-if="feedback" class="response-feedback">{{ feedback }}</p>
   </article>
@@ -505,6 +541,16 @@ function formatCount(value: unknown) {
   font-size: 11px;
   line-height: 1.6;
 }
+.solution-confidence {
+  margin-left: auto;
+  border: 1px solid #fcd34d;
+  border-radius: 999px;
+  padding: 3px 9px;
+  background: #fffbeb;
+  color: #d97706;
+  font-size: 10px;
+  font-weight: 700;
+}
 .solution-suggest {
   margin-top: 14px;
   border-radius: 6px;
@@ -539,6 +585,14 @@ function formatCount(value: unknown) {
   color: var(--color-warning);
   font-size: 9px;
 }
+.solution-risk > span.risk-high {
+  background: #fee2e2;
+  color: #dc2626;
+}
+.solution-risk > span.risk-medium {
+  background: #fef3c7;
+  color: #d97706;
+}
 .solution-risk p {
   margin: 0;
   color: var(--color-text-secondary);
diff --git a/src/components/assistant/RiskAnalysisCard.vue b/src/components/assistant/RiskAnalysisCard.vue
index 4a97cc8..9454001 100644
--- a/src/components/assistant/RiskAnalysisCard.vue
+++ b/src/components/assistant/RiskAnalysisCard.vue
@@ -11,6 +11,7 @@ import {
   Sparkles,
 } from "@lucide/vue";
 import { computed, ref } from "vue";
+import { useRouter } from "vue-router";
 
 import type { RiskAssessmentResult } from "@/types/risk";
 import { formatRiskLevel } from "@/utils/risk";
@@ -19,9 +20,13 @@ const props = defineProps<{
   result: RiskAssessmentResult;
   canMonitor?: boolean;
 }>();
+const router = useRouter();
+type SimilarCase = NonNullable<RiskAssessmentResult["similarCases"]>[number];
 const emit = defineEmits<{ generateReport: [] }>();
 const expanded = ref(true);
+const evidenceExpanded = ref(true);
 const feedback = ref("");
+const selectedCase = ref<SimilarCase | null>(null);
 
 interface DimensionView {
   name: string;
@@ -44,6 +49,12 @@ function copyScore() {
   notify("评分已复制");
 }
 
+function openCase(item?: SimilarCase) {
+  const target = item ?? props.result.similarCases?.[0];
+  if (target) selectedCase.value = target;
+  else notify("案例详情");
+}
+
 const dimensions = computed<DimensionView[]>(() =>
   (props.result.dimensionScores?.length
     ? props.result.dimensionScores.map((item) => ({
@@ -78,6 +89,49 @@ const stars = computed(() => {
   const filled = Math.max(1, Math.min(5, Math.round(props.result.score / 20)));
   return "★".repeat(filled) + "☆".repeat(5 - filled);
 });
+const supplierDimension = computed(() =>
+  props.result.dimensionScores?.find((item) => item.dimension === "供应商表现"),
+);
+const formulaText = computed(() => {
+  const source = props.result.dimensionScores?.length
+    ? props.result.dimensionScores
+    : props.result.factors.map((factor) => ({
+        dimension: factor.name,
+        score: 100 - factor.value,
+        weight: factor.weight,
+      }));
+  if (!source.length) return "暂无七维评分明细";
+  return `${source.map((item) => `${(item.weight / 100).toFixed(2)}×${Math.round(item.score)}`).join(" + ")} ≈ ${Math.round(props.result.score)}`;
+});
+const standardCategories = computed(() => [
+  ...new Set(
+    (props.result.standardJudgment ?? []).map((item) => item.category),
+  ),
+]);
+const pendingStandardCount = computed(
+  () =>
+    (props.result.standardJudgment ?? []).filter(
+      (item) => !["合规", "合格", "达标"].includes(item.status),
+    ).length,
+);
+
+function openStandards(category = "all", keyword?: string) {
+  void router.push({
+    name: "standards",
+    query: {
+      category,
+      ...(keyword ? { keyword } : {}),
+    },
+  });
+}
+
+function openSupplier() {
+  const supplier = props.result.supplierFreq?.supplierName;
+  void router.push({
+    name: "supplier",
+    query: supplier ? { supplier } : undefined,
+  });
+}
 </script>
 
 <template>
@@ -138,6 +192,12 @@ const stars = computed(() => {
         <div v-if="result.categoryWarning?.suggestion">
           <span>建议</span>{{ result.categoryWarning.suggestion }}
         </div>
+        <div v-if="result.categoryWarning?.similarCategory">
+          <span>相似: {{ result.categoryWarning.similarCategory }}</span>
+          历史异常
+          {{ result.categoryWarning.similarCount ?? 0 }}
+          条，用于当前品类案例不足时辅助预判
+        </div>
       </section>
 
       <section class="supplier-analysis">
@@ -158,6 +218,10 @@ const stars = computed(() => {
             <span>频次风险系数</span
             ><strong>×{{ result.supplierFreq.alpha.toFixed(2) }}</strong>
           </div>
+          <div v-if="supplierDimension">
+            <span>供应商得分 S供</span
+            ><strong>{{ Math.round(supplierDimension.score) }} 分</strong>
+          </div>
           <div v-if="result.supplierFreq.tier">
             <span>供应商层级</span
             ><strong>{{ result.supplierFreq.tier }}</strong>
@@ -169,6 +233,9 @@ const stars = computed(() => {
           <div v-if="result.supplierFreq.suggestion">
             <span>管理建议</span>{{ result.supplierFreq.suggestion }}
           </div>
+          <div v-if="supplierDimension?.reason" class="supplier-calculation">
+            <span>计算依据</span>{{ supplierDimension.reason }}
+          </div>
         </template>
         <p v-else class="supplier-analysis__empty">
           {{
@@ -191,16 +258,22 @@ const stars = computed(() => {
 
       <section class="standards-card">
         <h3><BookOpenCheck :size="14" /> 标准判定 · 双引擎</h3>
+        <p v-if="result.standardJudgment?.length" class="standards-card__intro">
+          命中判定标准库 {{ result.standardJudgment.length }} 条 · 覆盖
+          {{ standardCategories.join(" / ") }} · 来源：《标准文件.xlsx》219 条
+        </p>
         <p
           v-if="!result.standardJudgment?.length"
           class="standards-card__empty"
         >
           暂无相关标准
         </p>
-        <div
+        <button
           v-for="standard in result.standardJudgment"
           :key="`${standard.category}-${standard.riskPoint}`"
           class="standard-row"
+          type="button"
+          @click="openStandards(standard.category, standard.riskPoint)"
         >
           <span
             class="standard-tag"
@@ -217,9 +290,26 @@ const stars = computed(() => {
           <strong :class="{ 'status-action': standard.status !== '待检测' }">{{
             standard.status
           }}</strong>
-        </div>
+        </button>
         <footer>
-          双引擎融合：历史异常经验引擎提供风险优先级，标准库提供可执行的检测阈值与验证任务。
+          <span class="standards-card__engine-icon">↻</span>
+          <span
+            ><b>双引擎融合：</b
+            >历史数据（经验引擎）提供风险优先级与相似案例；标准库（规则引擎）给出量化阈值与检测依据。<template
+              v-if="pendingStandardCount"
+              >{{ pendingStandardCount }} 项待检标准已加入检测任务清单</template
+            ></span
+          >
+          <span class="standards-card__links">
+            <button
+              v-for="category in standardCategories"
+              :key="category"
+              type="button"
+              @click="openStandards(category)"
+            >
+              查看{{ category }}标准
+            </button>
+          </span>
         </footer>
       </section>
 
@@ -245,6 +335,54 @@ const stars = computed(() => {
             >
           </div>
         </div>
+        <div class="formula-strip">
+          R = {{ formulaText }}（{{ formatRiskLevel(result.level) }}）
+        </div>
+      </section>
+
+      <section class="evidence-panel">
+        <button
+          type="button"
+          class="evidence-panel__head"
+          @click="evidenceExpanded = !evidenceExpanded"
+        >
+          <span>🧠 推理过程（思维链）</span><small>检索→匹配→评分→生成</small>
+          <ChevronUp v-if="evidenceExpanded" :size="14" /><ChevronDown
+            v-else
+            :size="14"
+          />
+        </button>
+        <div v-if="evidenceExpanded" class="evidence-panel__body">
+          <div>
+            <b>① 向量检索</b
+            ><span
+              >新品参数嵌入 → 召回历史案例 → 余弦相似度与业务字段混合排序，返回
+              Top {{ result.similarCases?.length ?? 0 }} 条。</span
+            >
+          </div>
+          <div>
+            <b>② 相似度加权</b
+            ><span
+              >按相似度和时间衰减因子 D(t)
+              对候选案例排序，优先展示高相关案例。</span
+            >
+          </div>
+          <div>
+            <b>③ 七维评分</b
+            ><span
+              >{{ formulaText }}，映射为{{
+                formatRiskLevel(result.level)
+              }}。</span
+            >
+          </div>
+          <div>
+            <b>④ 建议生成</b
+            ><span
+              >聚合相似案例方案，结合标准规则生成
+              {{ suggestions.length }} 条可执行建议。</span
+            >
+          </div>
+        </div>
       </section>
 
       <section class="analysis-section">
@@ -263,6 +401,7 @@ const stars = computed(() => {
           :key="`${item.date}-${index}`"
           class="case-row"
           type="button"
+          @click="openCase(item)"
         >
           <span class="case-rank">TOP {{ index + 1 }}</span>
           <div class="case-content">
@@ -296,14 +435,90 @@ const stars = computed(() => {
         >
           <FileDown :size="14" /> 生成报告
         </button>
-        <button type="button" @click="notify('案例详情')">案例详情</button>
-        <button type="button" @click="notify('供应商对比')">供应商对比</button>
+        <button type="button" @click="openCase()">案例详情</button>
+        <button type="button" @click="openSupplier">供应商对比</button>
         <button v-if="canMonitor" type="button" @click="notify('加入监控')">
           加入监控
         </button>
       </div>
     </template>
     <p v-if="feedback" class="risk-feedback">{{ feedback }}</p>
+    <div
+      v-if="selectedCase"
+      class="case-modal-backdrop"
+      @click.self="selectedCase = null"
+    >
+      <section
+        class="case-modal"
+        role="dialog"
+        aria-modal="true"
+        aria-labelledby="case-detail-title"
+      >
+        <header class="case-modal__header">
+          <div>
+            <span class="case-modal__eyebrow">SIMILAR CASE DETAIL</span>
+            <h3 id="case-detail-title">案例详情</h3>
+          </div>
+          <button
+            type="button"
+            class="case-modal__close"
+            aria-label="关闭案例详情"
+            @click="selectedCase = null"
+          >
+            ×
+          </button>
+        </header>
+        <div class="case-modal__summary">
+          <strong>{{ selectedCase.product || "未命名产品" }}</strong>
+          <span v-if="selectedCase.similarity != null"
+            >相似度 {{ Math.round(selectedCase.similarity * 100) }}%</span
+          >
+        </div>
+        <dl class="case-modal__grid">
+          <div>
+            <dt>发生日期</dt>
+            <dd>{{ selectedCase.date || "暂无数据" }}</dd>
+          </div>
+          <div>
+            <dt>产品品类</dt>
+            <dd>{{ selectedCase.category || "暂无数据" }}</dd>
+          </div>
+          <div>
+            <dt>物料类型</dt>
+            <dd>{{ selectedCase.material || "暂无数据" }}</dd>
+          </div>
+          <div>
+            <dt>缺陷等级</dt>
+            <dd>{{ selectedCase.defectLevel || "暂无数据" }}</dd>
+          </div>
+          <div class="case-modal__field--wide">
+            <dt>异常问题</dt>
+            <dd>
+              {{
+                selectedCase.problem || selectedCase.description || "暂无数据"
+              }}
+            </dd>
+          </div>
+          <div class="case-modal__field--wide">
+            <dt>根因分析</dt>
+            <dd>{{ selectedCase.rootCause || "暂无数据" }}</dd>
+          </div>
+          <div class="case-modal__field--wide">
+            <dt>解决方案</dt>
+            <dd>{{ selectedCase.solution || "暂无数据" }}</dd>
+          </div>
+          <div class="case-modal__field--wide">
+            <dt>处理结果</dt>
+            <dd>{{ selectedCase.result || "暂无数据" }}</dd>
+          </div>
+        </dl>
+        <footer class="case-modal__footer">
+          来源：历史异常案例库 · 案例编号：{{
+            selectedCase.caseId || "暂无数据"
+          }}
+        </footer>
+      </section>
+    </div>
   </article>
 </template>
 
@@ -532,6 +747,15 @@ h3 {
   color: #4c1d95;
   text-align: right;
 }
+.supplier-calculation {
+  align-items: flex-start !important;
+  margin-top: 5px;
+  border-top: 1px dashed #ddd6fe;
+  padding-top: 7px !important;
+  color: var(--color-text-muted) !important;
+  font-size: 10px !important;
+  line-height: 1.5;
+}
 
 .supplier-analysis__empty,
 .supplier-analysis__note {
@@ -555,15 +779,87 @@ h3 {
   color: var(--color-text-faint);
   font-size: 10px;
 }
+.formula-strip {
+  margin-top: 10px;
+  border: 1px dashed #bfdbfe;
+  border-radius: 5px;
+  padding: 8px 10px;
+  background: #eff6ff;
+  color: #2563eb;
+  font-size: 10px;
+  line-height: 1.55;
+  text-align: center;
+}
+.evidence-panel {
+  margin-top: 12px;
+  border: 1px solid var(--color-border-light);
+  border-radius: 6px;
+  overflow: hidden;
+}
+.evidence-panel__head {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  gap: 8px;
+  border: 0;
+  padding: 10px 12px;
+  background: white;
+  color: #111827;
+  font: inherit;
+  font-size: 11px;
+  font-weight: 650;
+  border-bottom: 1px solid var(--color-border-light);
+  cursor: pointer;
+  text-align: left;
+}
+.evidence-panel__head small {
+  margin-left: auto;
+  color: var(--color-text-muted);
+  font-size: 9px;
+  font-weight: 400;
+}
+.evidence-panel__body {
+  display: grid;
+  gap: 0;
+  padding: 4px 12px 8px;
+  background: white;
+}
+.evidence-panel__body div {
+  display: grid;
+  grid-template-columns: 112px minmax(0, 1fr);
+  gap: 8px;
+  border-top: 1px dashed var(--color-border-light);
+  padding: 8px 0;
+  color: var(--color-text-muted);
+  font-size: 10px;
+  line-height: 1.55;
+}
+.evidence-panel__body div:first-child {
+  border-top: 0;
+}
+.evidence-panel__body b {
+  color: var(--color-text-secondary);
+}
 
 .standard-row {
   display: flex;
+  width: 100%;
   align-items: flex-start;
   gap: 8px;
   border-top: 1px dashed var(--color-border-light);
+  border-right: 0;
+  border-bottom: 0;
+  border-left: 0;
   padding: 7px 0;
+  background: transparent;
   color: var(--color-text-secondary);
   font-size: 12px;
+  font-family: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+.standard-row:hover {
+  background: var(--color-bg-warm);
 }
 
 .standard-tag {
@@ -612,12 +908,48 @@ h3 {
 }
 
 .standards-card footer {
+  display: flex;
+  align-items: flex-start;
+  gap: 7px;
   border-radius: 6px;
   margin-top: 7px;
   padding: 7px 9px;
   background: var(--color-bg-warm);
   color: var(--color-text-muted);
   font-size: 10px;
+  line-height: 1.6;
+}
+.standards-card footer > span:nth-child(2) {
+  flex: 1;
+}
+.standards-card footer b {
+  color: var(--color-text-secondary);
+}
+.standards-card footer button {
+  flex: 0 0 auto;
+  border: 0;
+  padding: 0;
+  background: transparent;
+  color: var(--color-accent);
+  font: inherit;
+  font-weight: 700;
+  cursor: pointer;
+  white-space: nowrap;
+}
+.standards-card footer button:hover {
+  text-decoration: underline;
+}
+.standards-card__links {
+  display: inline-flex;
+  flex: 0 0 auto !important;
+  flex-wrap: wrap;
+  justify-content: flex-end;
+  gap: 4px 8px;
+}
+.standards-card__engine-icon {
+  color: var(--color-accent);
+  font-size: 12px;
+  font-weight: 700;
 }
 
 .analysis-section {
@@ -643,6 +975,17 @@ h3 {
   background: var(--color-bg-warm);
   text-align: center;
 }
+.dimension-cell:nth-child(1) .dimension-meter i,
+.dimension-cell:nth-child(5) .dimension-meter i,
+.dimension-cell:nth-child(6) .dimension-meter i {
+  background: #d97706;
+}
+.dimension-cell:nth-child(2) .dimension-meter i {
+  background: #16a34a;
+}
+.dimension-cell:nth-child(3) .dimension-meter i {
+  background: #dc2626;
+}
 
 .dimension-cell > span {
   color: var(--color-text-muted);
@@ -780,6 +1123,114 @@ h3 {
   color: var(--color-accent);
   font-size: 11px;
 }
+.case-modal-backdrop {
+  position: fixed;
+  inset: 0;
+  z-index: 100;
+  display: grid;
+  place-items: center;
+  padding: 24px;
+  background: rgb(15 23 42 / 48%);
+}
+.case-modal {
+  width: min(680px, 100%);
+  max-height: min(720px, calc(100vh - 48px));
+  overflow-y: auto;
+  border: 1px solid var(--color-border);
+  border-radius: 10px;
+  background: var(--color-surface);
+  box-shadow: 0 22px 54px rgb(15 23 42 / 22%);
+}
+.case-modal__header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  border-bottom: 1px solid var(--color-border-light);
+  padding: 18px 20px;
+}
+.case-modal__eyebrow {
+  color: var(--color-accent);
+  font-size: 9px;
+  font-weight: 750;
+  letter-spacing: 0.08em;
+}
+.case-modal__header h3 {
+  margin: 4px 0 0;
+  font-size: 17px;
+}
+.case-modal__close {
+  border: 0;
+  background: transparent;
+  color: var(--color-text-muted);
+  font-size: 22px;
+  cursor: pointer;
+}
+.case-modal__summary {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 20px 10px;
+}
+.case-modal__summary strong {
+  font-size: 15px;
+}
+.case-modal__summary span {
+  border-radius: 4px;
+  padding: 4px 7px;
+  background: var(--color-accent-subtle);
+  color: var(--color-accent);
+  font-size: 11px;
+  font-weight: 700;
+}
+.case-modal__grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 10px;
+  margin: 0;
+  padding: 10px 20px 20px;
+}
+.case-modal__grid div {
+  min-width: 0;
+  border: 1px solid var(--color-border-light);
+  border-radius: 5px;
+  padding: 9px 10px;
+}
+.case-modal__grid dt {
+  color: var(--color-text-muted);
+  font-size: 10px;
+}
+.case-modal__grid dd {
+  margin: 4px 0 0;
+  color: var(--color-text-secondary);
+  font-size: 12px;
+  line-height: 1.55;
+  white-space: pre-wrap;
+}
+.case-modal__field--wide {
+  grid-column: 1 / -1;
+}
+.case-modal__footer {
+  border-top: 1px solid var(--color-border-light);
+  padding: 10px 20px 14px;
+  color: var(--color-text-faint);
+  font-size: 10px;
+}
+@media (max-width: 560px) {
+  .case-modal-backdrop {
+    align-items: end;
+    padding: 0;
+  }
+  .case-modal {
+    max-height: 90vh;
+    border-radius: 10px 10px 0 0;
+  }
+  .case-modal__grid {
+    grid-template-columns: 1fr;
+  }
+  .case-modal__field--wide {
+    grid-column: auto;
+  }
+}
 
 @media (max-width: 600px) {
   .risk-card {
diff --git a/src/components/layout/AppSidebar.vue b/src/components/layout/AppSidebar.vue
index 936ae5e..614cefd 100644
--- a/src/components/layout/AppSidebar.vue
+++ b/src/components/layout/AppSidebar.vue
@@ -33,7 +33,12 @@ const shortcuts = [
     route: "risk-item-entry",
     permission: "risk_item.submit",
   },
-  { label: "供应商画像", icon: Building2, route: "assessment" },
+  {
+    label: "供应商画像",
+    icon: Building2,
+    route: "supplier",
+    permission: "supplier.read",
+  },
   {
     label: "判定标准库",
     icon: BookOpenCheck,
diff --git a/src/pages/RiskAssistantPage.vue b/src/pages/RiskAssistantPage.vue
index 808c87b..b4cae0c 100644
--- a/src/pages/RiskAssistantPage.vue
+++ b/src/pages/RiskAssistantPage.vue
@@ -107,6 +107,10 @@ function openTool(
     router.push({ name: "review" });
     return;
   }
+  if (value === "supplier") {
+    router.push({ name: "supplier" });
+    return;
+  }
   if (value === "ocr") {
     ocrOpen.value = true;
     return;
diff --git a/src/pages/StandardsPage.vue b/src/pages/StandardsPage.vue
index 620af82..479c82d 100644
--- a/src/pages/StandardsPage.vue
+++ b/src/pages/StandardsPage.vue
@@ -12,7 +12,8 @@ import {
   Search,
   X,
 } from "@lucide/vue";
-import { computed, onBeforeUnmount, onMounted, ref, watch } from "vue";
+import { computed, onBeforeUnmount, ref, watch } from "vue";
+import { useRoute } from "vue-router";
 
 import { useAuthStore } from "@/stores/auth.store";
 import {
@@ -43,6 +44,7 @@ const categoryMeta: Record<string, { tone: string; description: string }> = {
 };
 
 const keyword = ref("");
+const route = useRoute();
 const auth = useAuthStore();
 const category = ref("all");
 const status = ref("启用");
@@ -220,7 +222,20 @@ function formatDate(value: string) {
 }
 
 watch(keyword, scheduleSearch);
-onMounted(() => void load());
+watch(
+  () => [route.query.category, route.query.keyword],
+  ([categoryQuery, keywordQuery]) => {
+    const requestedCategory =
+      typeof categoryQuery === "string" ? categoryQuery : "all";
+    category.value = categories.some((item) => item.key === requestedCategory)
+      ? requestedCategory
+      : "all";
+    keyword.value = typeof keywordQuery === "string" ? keywordQuery : "";
+    page.value = 1;
+    void load();
+  },
+  { immediate: true },
+);
 onBeforeUnmount(() => {
   if (searchTimer) clearTimeout(searchTimer);
 });
diff --git a/src/pages/SupplierProfilePage.vue b/src/pages/SupplierProfilePage.vue
new file mode 100644
index 0000000..1582826
--- /dev/null
+++ b/src/pages/SupplierProfilePage.vue
@@ -0,0 +1,463 @@
+<script setup lang="ts">
+import {
+  ArrowLeft,
+  BarChart3,
+  Building2,
+  CalendarDays,
+  Factory,
+  RefreshCw,
+  ShieldCheck,
+} from "@lucide/vue";
+import { computed, onMounted, ref, watch } from "vue";
+import { useRoute, useRouter } from "vue-router";
+
+import { fetchSupplierOptions } from "@/api/suppliers";
+import { fetchSupplierProfile } from "@/api/supplierProfile";
+import type { SupplierProfile } from "@/types/supplierProfile";
+
+const router = useRouter();
+const route = useRoute();
+const supplierNames = ref<string[]>([]);
+const selected = ref("");
+const profile = ref<SupplierProfile | null>(null);
+const loading = ref(false);
+const error = ref("");
+
+const maxTrend = computed(() =>
+  Math.max(
+    1,
+    ...(profile.value?.monthlyTrend.map((item) => item.count) ?? [1]),
+  ),
+);
+const tierClass = computed(() => {
+  if (profile.value?.tier.startsWith("C")) return "tier-c";
+  if (profile.value?.tier.startsWith("B")) return "tier-b";
+  if (profile.value?.tier.startsWith("A")) return "tier-a";
+  return "tier-s";
+});
+
+async function loadOptions() {
+  const response = await fetchSupplierOptions();
+  supplierNames.value =
+    response.data.data?.items.map((item) => item.name) ?? [];
+  selected.value =
+    typeof route.query.supplier === "string"
+      ? route.query.supplier
+      : (response.data.data?.defaultSupplier ?? supplierNames.value[0] ?? "");
+  if (selected.value) await loadProfile();
+}
+async function loadProfile() {
+  if (!selected.value) return;
+  loading.value = true;
+  error.value = "";
+  try {
+    const response = await fetchSupplierProfile(selected.value);
+    profile.value = response.data.data ?? null;
+  } catch {
+    profile.value = null;
+    error.value = "供应商画像加载失败，请重试。";
+  } finally {
+    loading.value = false;
+  }
+}
+function chooseSupplier() {
+  void router.replace({
+    name: "supplier",
+    query: { supplier: selected.value },
+  });
+  void loadProfile();
+}
+onMounted(() => void loadOptions());
+watch(
+  () => route.query.supplier,
+  (value) => {
+    if (typeof value === "string" && value !== selected.value) {
+      selected.value = value;
+      void loadProfile();
+    }
+  },
+);
+</script>
+
+<template>
+  <div class="supplier-page">
+    <header class="supplier-head">
+      <button class="back-button" type="button" @click="router.back">
+        <ArrowLeft :size="15" />返回
+      </button>
+      <div>
+        <p class="eyebrow">SUPPLIER PROFILE</p>
+        <h1>供应商深度画像</h1>
+      </div>
+      <select
+        v-model="selected"
+        aria-label="选择供应商"
+        @change="chooseSupplier"
+      >
+        <option v-for="name in supplierNames" :key="name" :value="name">
+          {{ name }}
+        </option>
+      </select>
+      <span v-if="profile" class="tier-badge" :class="tierClass">{{
+        profile.tier
+      }}</span>
+    </header>
+    <p v-if="error" class="page-error">{{ error }}</p>
+    <div v-if="loading" class="loading-state">
+      <RefreshCw class="spin" :size="18" />正在加载供应商画像…
+    </div>
+    <template v-else-if="profile">
+      <section class="stat-grid">
+        <article>
+          <Building2 :size="17" /><b>{{ profile.metric.anomalyTotal }}</b
+          ><small>异常总数 N</small>
+        </article>
+        <article>
+          <CalendarDays :size="17" /><b>{{
+            profile.metric.cooperationTotal ?? "暂无"
+          }}</b
+          ><small>采购订单数</small>
+        </article>
+        <article>
+          <BarChart3 :size="17" /><b
+            >×{{ profile.metric.frequencyAlpha.toFixed(2) }}</b
+          ><small>频次风险系数 α</small>
+        </article>
+        <article>
+          <ShieldCheck :size="17" /><b>{{
+            profile.metric.riskScore ?? "暂无"
+          }}</b
+          ><small>七维综合评分 R</small>
+        </article>
+        <article>
+          <Factory :size="17" /><b>{{ profile.metric.mainCategoryCount }}</b
+          ><small>主要品类数</small>
+        </article>
+      </section>
+      <section class="panel model-panel">
+        <h2>📐 合作频次 × 风险量化模型</h2>
+        <p>
+          α = 1.0 +（采购订单数 ÷ 100）× 0.3（上限 1.5）；供应商得分 S供 =
+          基础分 × α（封顶100）。
+        </p>
+        <div class="basis">
+          {{
+            profile.metric.cooperationCountBasis
+          }}。异常数仍按异常案例库统计，供应商层级按异常库口径判定。
+        </div>
+      </section>
+      <section class="panel">
+        <h2>📊 品类维度异常分布</h2>
+        <div class="category-list">
+          <div
+            v-for="item in profile.categoryBreakdown"
+            :key="item.category"
+            class="category-row"
+          >
+            <span>{{ item.category }}</span>
+            <div>
+              <i
+                :style="{
+                  width: `${Math.min(100, (item.anomalyCount / Math.max(1, profile.metric.anomalyTotal)) * 100)}%`,
+                }"
+              ></i>
+            </div>
+            <b>{{ item.anomalyCount }}</b
+            ><small>{{ item.topProblem || "暂无高频问题" }}</small>
+          </div>
+        </div>
+      </section>
+      <section class="panel">
+        <h2>📈 近六个月异常趋势</h2>
+        <div class="trend">
+          <div
+            v-for="item in profile.monthlyTrend"
+            :key="item.month"
+            class="trend-col"
+          >
+            <span>{{ item.count }}</span
+            ><i
+              :style="{
+                height: `${Math.max(4, (item.count / maxTrend) * 100)}%`,
+              }"
+            ></i
+            ><small>{{ item.month.slice(5) }}月</small>
+          </div>
+        </div>
+      </section>
+      <section class="panel">
+        <h2>📅 近期异常记录</h2>
+        <div v-if="profile.recentRecords.length" class="records">
+          <div
+            v-for="item in profile.recentRecords"
+            :key="item.caseId"
+            class="record"
+          >
+            <b>{{ item.month || "未知日期" }}</b
+            ><span
+              >{{ item.product || "未命名产品" }} →
+              {{ item.anomaly || "异常描述未填写" }}</span
+            ><em>{{ item.defectLevel || "未定级" }}</em>
+          </div>
+        </div>
+        <p v-else class="empty">暂无近期异常记录</p>
+      </section>
+    </template>
+  </div>
+</template>
+
+<style scoped>
+.supplier-page {
+  flex: 1;
+  overflow-y: auto;
+  padding: 24px 34px 48px;
+  background: #f5f7fb;
+}
+.supplier-head {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  max-width: 1120px;
+  margin: 0 auto 20px;
+}
+.supplier-head h1,
+.supplier-head p {
+  margin: 0;
+}
+.supplier-head h1 {
+  font-size: 22px;
+}
+.eyebrow {
+  color: #2563eb;
+  font-size: 10px;
+  font-weight: 750;
+}
+.supplier-head select {
+  margin-left: auto;
+  min-width: 250px;
+  border: 1px solid #cbd5e1;
+  border-radius: 5px;
+  padding: 9px;
+  background: white;
+  font: inherit;
+  font-size: 12px;
+}
+.back-button {
+  display: inline-flex;
+  align-items: center;
+  gap: 5px;
+  border: 1px solid #d5dbe5;
+  border-radius: 5px;
+  padding: 8px 10px;
+  background: white;
+  color: #334155;
+  cursor: pointer;
+}
+.tier-badge {
+  border-radius: 999px;
+  padding: 5px 10px;
+  font-size: 11px;
+  font-weight: 700;
+}
+.tier-s {
+  background: #dcfce7;
+  color: #166534;
+}
+.tier-a {
+  background: #d1fae5;
+  color: #065f46;
+}
+.tier-b {
+  background: #fef3c7;
+  color: #92400e;
+}
+.tier-c {
+  background: #fee2e2;
+  color: #b91c1c;
+}
+.stat-grid,
+.panel {
+  max-width: 1120px;
+  margin: 0 auto;
+}
+.stat-grid {
+  display: grid;
+  grid-template-columns: repeat(5, 1fr);
+  gap: 10px;
+}
+.stat-grid article {
+  display: grid;
+  grid-template-columns: auto 1fr;
+  gap: 3px 8px;
+  align-items: center;
+  border: 1px solid #dbe3ed;
+  border-radius: 7px;
+  padding: 14px;
+  background: white;
+}
+.stat-grid article svg {
+  grid-row: 1/3;
+  color: #2563eb;
+}
+.stat-grid b {
+  font-size: 20px;
+}
+.stat-grid small {
+  color: #64748b;
+  font-size: 10px;
+}
+.panel {
+  margin-top: 14px;
+  border: 1px solid #dbe3ed;
+  border-radius: 8px;
+  padding: 20px;
+  background: white;
+}
+.panel h2 {
+  margin: 0 0 13px;
+  font-size: 14px;
+}
+.model-panel p {
+  margin: 0;
+  padding: 12px;
+  border-radius: 5px;
+  background: #f8fafc;
+  color: #334155;
+  font-size: 12px;
+  line-height: 1.8;
+}
+.basis {
+  margin-top: 8px;
+  color: #64748b;
+  font-size: 10px;
+}
+.category-row {
+  display: grid;
+  grid-template-columns: 110px minmax(100px, 1fr) 55px;
+  gap: 10px;
+  align-items: center;
+  margin: 10px 0;
+  font-size: 12px;
+}
+.category-row div {
+  height: 8px;
+  border-radius: 5px;
+  background: #e5e7eb;
+}
+.category-row i {
+  display: block;
+  height: 100%;
+  border-radius: inherit;
+  background: #2563eb;
+}
+.category-row b {
+  text-align: right;
+}
+.category-row small {
+  grid-column: 1/-1;
+  color: #64748b;
+  font-size: 10px;
+}
+.trend {
+  display: flex;
+  align-items: end;
+  height: 170px;
+  gap: 12px;
+  padding: 10px 15px 0;
+  border-bottom: 1px solid #cbd5e1;
+}
+.trend-col {
+  display: flex;
+  height: 100%;
+  flex: 1;
+  align-items: center;
+  justify-content: end;
+  flex-direction: column;
+  gap: 3px;
+}
+.trend-col span {
+  font-size: 10px;
+  color: #64748b;
+}
+.trend-col i {
+  width: 65%;
+  min-height: 4px;
+  border-radius: 4px 4px 0 0;
+  background: #2563eb;
+}
+.trend-col small {
+  color: #64748b;
+  font-size: 9px;
+}
+.records {
+  display: grid;
+  gap: 0;
+}
+.record {
+  display: grid;
+  grid-template-columns: 75px minmax(0, 1fr) auto;
+  gap: 10px;
+  border-top: 1px solid #eef2f7;
+  padding: 10px 0;
+  font-size: 12px;
+}
+.record b {
+  color: #2563eb;
+}
+.record span {
+  color: #334155;
+}
+.record em {
+  color: #d97706;
+  font-style: normal;
+  font-size: 10px;
+}
+.empty,
+.page-error,
+.loading-state {
+  max-width: 1120px;
+  margin: 50px auto;
+  text-align: center;
+  color: #64748b;
+}
+.page-error {
+  color: #b91c1c;
+}
+.spin {
+  animation: spin 0.8s linear infinite;
+}
+@keyframes spin {
+  to {
+    transform: rotate(360deg);
+  }
+}
+@media (max-width: 800px) {
+  .supplier-page {
+    padding: 18px 12px;
+  }
+  .supplier-head {
+    align-items: flex-start;
+    flex-wrap: wrap;
+  }
+  .supplier-head select {
+    order: 4;
+    width: 100%;
+    margin-left: 0;
+  }
+  .stat-grid {
+    grid-template-columns: repeat(2, 1fr);
+  }
+  .record {
+    grid-template-columns: 1fr;
+  }
+  .trend {
+    gap: 5px;
+  }
+}
+@media print {
+  .back-button,
+  .supplier-head select {
+    display: none;
+  }
+}
+</style>
diff --git a/src/router/routes.ts b/src/router/routes.ts
index d0500b1..f4634f4 100644
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@@ -51,6 +51,16 @@ export const routes: RouteRecordRaw[] = [
           permission: "risk.assess",
         },
       },
+      {
+        path: "supplier",
+        name: "supplier",
+        component: () => import("@/pages/SupplierProfilePage.vue"),
+        meta: {
+          title: "供应商画像",
+          requiresAuth: true,
+          permission: "supplier.read",
+        },
+      },
       {
         path: "overview",
         name: "overview",
diff --git a/src/types/risk.ts b/src/types/risk.ts
index cc7b92b..13d9681 100644
--- a/src/types/risk.ts
+++ b/src/types/risk.ts
@@ -39,10 +39,17 @@ export interface RiskAssessmentResult {
   modelVersion: string;
   factors: RiskFactorResult[];
   similarCases?: Array<{
+    caseId?: number | null;
     date?: string | null;
     product?: string | null;
+    category?: string | null;
+    material?: string | null;
     problem?: string | null;
+    rootCause?: string | null;
     solution?: string | null;
+    description?: string | null;
+    defectLevel?: string | null;
+    result?: string | null;
     similarity?: number | null;
   }>;
   aiSuggestions?: string[];
diff --git a/src/types/supplierProfile.ts b/src/types/supplierProfile.ts
new file mode 100644
index 0000000..ce3f875
--- /dev/null
+++ b/src/types/supplierProfile.ts
@@ -0,0 +1,41 @@
+export interface SupplierCategoryBreakdown {
+  category: string;
+  anomalyCount: number;
+  anomalyRate: number | null;
+  topMaterial: string | null;
+  topProblem: string | null;
+}
+
+export interface SupplierRecentRecord {
+  caseId: number;
+  month: string | null;
+  product: string | null;
+  anomaly: string | null;
+  defectLevel: string | null;
+}
+
+export interface SupplierProfile {
+  supplierName: string;
+  tier: string;
+  tierCondition: string;
+  metric: {
+    cooperationTotal: number | null;
+    anomalyTotal: number;
+    anomalyRate: number | null;
+    frequencyAlpha: number;
+    riskScore: number | null;
+    mainCategoryCount: number;
+    cooperationCountBasis: string;
+    anomalyRateBasis: string;
+  };
+  categoryBreakdown: SupplierCategoryBreakdown[];
+  monthlyTrend: Array<{ month: string; count: number }>;
+  recentRecords: SupplierRecentRecord[];
+  factoryRecommendations: Array<{
+    category: string;
+    preferredFactory: string | null;
+    alternativeFactory: string | null;
+    reason: string;
+  }>;
+  recommendationNote: string | null;
+}
-- 
2.47.2


From 74a1c9d4bc000db58c7db4a42e6efcdfb7b34909 Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Wed, 9 Sep 2026 10:46:14 +0800
Subject: [PATCH 07/31] =?UTF-8?q?=E7=BB=9F=E4=B8=80=E4=BE=9B=E5=BA=94?=
 =?UTF-8?q?=E5=95=86=E7=94=BB=E5=83=8F=E5=B1=95=E7=A4=BA=E5=B9=B6=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E9=A1=B5=E9=9D=A2=E5=8A=A0=E8=BD=BD=E9=80=9F=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

供应商画像直接展示后端统一计算的基础分、频次风险系数和供应商得分；对齐对话卡片数据；未归类品类固定灰色展示并保留待补标记录；隐藏无推荐数据的代工厂模块；增加页面缓存、资源预加载、接口缓存和重复请求去重。
---
 src/api/supplierProfile.ts                    |  37 +-
 src/api/suppliers.ts                          |  45 +-
 .../assistant/AssistantResponseCard.vue       |   6 +
 src/components/layout/AppHeader.vue           |  18 +
 src/components/layout/AppSidebar.vue          |  18 +-
 src/layouts/MainLayout.vue                    |   6 +-
 src/pages/SupplierProfilePage.vue             | 892 +++++++++++-------
 src/services/dashboard.service.ts             |  27 +-
 src/services/standards.service.ts             |  30 +-
 src/stores/conversation.store.ts              |  35 +-
 src/types/supplierProfile.ts                  |   3 +
 11 files changed, 773 insertions(+), 344 deletions(-)

diff --git a/src/api/supplierProfile.ts b/src/api/supplierProfile.ts
index b367ea6..cb255e6 100644
--- a/src/api/supplierProfile.ts
+++ b/src/api/supplierProfile.ts
@@ -2,8 +2,37 @@ import { http } from "@/api/http";
 import type { ApiResponse } from "@/types/api";
 import type { SupplierProfile } from "@/types/supplierProfile";
 
-export function fetchSupplierProfile(name: string) {
-  return http.get<ApiResponse<SupplierProfile>>(
-    `/v1/suppliers/${encodeURIComponent(name)}`,
-  );
+const CACHE_TTL_MS = 30_000;
+const cache = new Map<string, { data: SupplierProfile; at: number }>();
+const pending = new Map<string, Promise<SupplierProfile>>();
+
+export async function fetchSupplierProfile(
+  name: string,
+): Promise<{ data: { data: SupplierProfile | null } }> {
+  const key = name.trim();
+  const cached = cache.get(key);
+  if (cached && Date.now() - cached.at < CACHE_TTL_MS) {
+    return { data: { data: cached.data } };
+  }
+  const running = pending.get(key);
+  if (running) return { data: { data: await running } };
+  const request = (async () => {
+    const response = await http.get<ApiResponse<SupplierProfile>>(
+      `/v1/suppliers/${encodeURIComponent(key)}`,
+    );
+    if (!response.data.data) throw new Error("供应商画像响应为空");
+    cache.set(key, { data: response.data.data, at: Date.now() });
+    return response.data.data;
+  })();
+  pending.set(key, request);
+  try {
+    return { data: { data: await request } };
+  } finally {
+    pending.delete(key);
+  }
+}
+
+export function clearSupplierProfileCache(name?: string) {
+  if (name) cache.delete(name.trim());
+  else cache.clear();
 }
diff --git a/src/api/suppliers.ts b/src/api/suppliers.ts
index 5d707a5..1fe4f44 100644
--- a/src/api/suppliers.ts
+++ b/src/api/suppliers.ts
@@ -1,9 +1,44 @@
 import { http } from "@/api/http";
 import type { ApiResponse } from "@/types/api";
 
-export interface SupplierOption { name: string; anomalyCount: number; tier: string }
-export interface SupplierListData { items: SupplierOption[]; defaultSupplier: string | null }
-
-export function fetchSupplierOptions(keyword?: string) {
-  return http.get<ApiResponse<SupplierListData>>("/v1/suppliers", { params: { keyword, limit: 8 } });
+export interface SupplierOption {
+  name: string;
+  anomalyCount: number;
+  tier: string;
+}
+export interface SupplierListData {
+  items: SupplierOption[];
+  defaultSupplier: string | null;
+}
+
+const CACHE_TTL_MS = 30_000;
+let cached: { data: SupplierListData; at: number } | null = null;
+let pending: Promise<SupplierListData> | null = null;
+
+export async function fetchSupplierOptions(
+  keyword?: string,
+): Promise<{ data: { data: SupplierListData } }> {
+  const normalized = keyword?.trim() || "";
+  if (!normalized && cached && Date.now() - cached.at < CACHE_TTL_MS)
+    return { data: { data: cached.data } };
+  if (!normalized && pending) return { data: { data: await pending } };
+  const request = (async () => {
+    const response = await http.get<ApiResponse<SupplierListData>>(
+      "/v1/suppliers",
+      { params: { keyword: normalized || undefined, limit: 8 } },
+    );
+    if (!response.data.data) throw new Error("供应商列表响应为空");
+    if (!normalized) cached = { data: response.data.data, at: Date.now() };
+    return response.data.data;
+  })();
+  if (!normalized) pending = request;
+  try {
+    return { data: { data: await request } };
+  } finally {
+    if (!normalized) pending = null;
+  }
+}
+
+export function clearSupplierOptionsCache() {
+  cached = null;
 }
diff --git a/src/components/assistant/AssistantResponseCard.vue b/src/components/assistant/AssistantResponseCard.vue
index e1be85c..1e2ffa7 100644
--- a/src/components/assistant/AssistantResponseCard.vue
+++ b/src/components/assistant/AssistantResponseCard.vue
@@ -26,6 +26,8 @@ interface CardData extends AssistantResponseCard {
   anomalyCount?: number;
   cooperationCount?: number | null;
   frequencyCoefficient?: number;
+  supplierBaseScore?: number | null;
+  supplierScore?: number | null;
   frequencyBasis?: string;
   dataAvailable?: boolean;
   tier?: string;
@@ -119,6 +121,10 @@ function formatCount(value: unknown) {
           <b>×{{ data.frequencyCoefficient?.toFixed(2) ?? "1.00" }}</b
           ><span>频次系数</span>
         </div>
+        <div v-if="data.supplierScore != null">
+          <b>{{ Math.round(data.supplierScore) }} 分</b
+          ><span>供应商得分 S供</span>
+        </div>
       </div>
       <div class="profile-line">
         <span>供应商层级</span><strong>{{ data.tier }}</strong>
diff --git a/src/components/layout/AppHeader.vue b/src/components/layout/AppHeader.vue
index ed1aac2..09d1c6a 100644
--- a/src/components/layout/AppHeader.vue
+++ b/src/components/layout/AppHeader.vue
@@ -20,6 +20,22 @@ const visibleNavigation = computed(() =>
     (item) => item !== "管理" || auth.hasPermission("risk_item.review"),
   ),
 );
+
+const routeChunks: Record<string, () => Promise<unknown>> = {
+  看板: () => import("@/pages/OverviewPage.vue"),
+  供应商: () => import("@/pages/SupplierProfilePage.vue"),
+  标准库: () => import("@/pages/StandardsPage.vue"),
+  报告: () => import("@/pages/ReportPage.vue"),
+  管理: () => import("@/pages/ReviewPage.vue"),
+};
+const prefetched = new Set<string>();
+function prefetch(item: string) {
+  if (prefetched.has(item)) return;
+  const loader = routeChunks[item];
+  if (!loader) return;
+  prefetched.add(item);
+  void loader();
+}
 </script>
 
 <template>
@@ -52,6 +68,8 @@ const visibleNavigation = computed(() =>
             (item === '管理' && route.name === 'review') ||
             (item === '对话' && route.name === 'assessment'),
         }"
+        @mouseenter="prefetch(item)"
+        @focus="prefetch(item)"
       >
         {{ item }}
       </RouterLink>
diff --git a/src/components/layout/AppSidebar.vue b/src/components/layout/AppSidebar.vue
index 614cefd..972cf6d 100644
--- a/src/components/layout/AppSidebar.vue
+++ b/src/components/layout/AppSidebar.vue
@@ -53,7 +53,23 @@ function canReview() {
   return auth.hasPermission("risk_item.review");
 }
 
-onMounted(() => conversationStore.loadList());
+onMounted(() => {
+  // Keep the first non-chat navigation fast by warming the small route chunks
+  // after the browser has finished the initial render. This does not block the
+  // chat page and makes subsequent clicks resolve from the module cache.
+  const warmRoutes = () => {
+    void import("@/pages/OverviewPage.vue");
+    void import("@/pages/SupplierProfilePage.vue");
+    void import("@/pages/StandardsPage.vue");
+    void import("@/pages/ReportPage.vue");
+    void import("@/pages/ReviewPage.vue");
+    void import("@/pages/RiskItemEntryPage.vue");
+  };
+  const idle = window.requestIdleCallback;
+  if (idle) idle(warmRoutes, { timeout: 1500 });
+  else window.setTimeout(warmRoutes, 500);
+  void conversationStore.loadList();
+});
 
 function startNewChat() {
   conversationStore.reset();
diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index 34de9d8..4a9a3f5 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -17,7 +17,11 @@ onMounted(() => appStore.refreshHealth());
     <div class="app-shell__body">
       <AppSidebar />
       <main class="app-content">
-        <RouterView />
+        <RouterView v-slot="{ Component }">
+          <KeepAlive :max="8">
+            <component :is="Component" />
+          </KeepAlive>
+        </RouterView>
       </main>
     </div>
   </div>
diff --git a/src/pages/SupplierProfilePage.vue b/src/pages/SupplierProfilePage.vue
index 1582826..460b67a 100644
--- a/src/pages/SupplierProfilePage.vue
+++ b/src/pages/SupplierProfilePage.vue
@@ -1,13 +1,4 @@
 <script setup lang="ts">
-import {
-  ArrowLeft,
-  BarChart3,
-  Building2,
-  CalendarDays,
-  Factory,
-  RefreshCw,
-  ShieldCheck,
-} from "@lucide/vue";
 import { computed, onMounted, ref, watch } from "vue";
 import { useRoute, useRouter } from "vue-router";
 
@@ -23,36 +14,93 @@ const profile = ref<SupplierProfile | null>(null);
 const loading = ref(false);
 const error = ref("");
 
-const maxTrend = computed(() =>
+const maxCategoryCount = computed(() =>
   Math.max(
     1,
-    ...(profile.value?.monthlyTrend.map((item) => item.count) ?? [1]),
+    ...(profile.value?.categoryBreakdown
+      .filter((item) => !item.isUnclassified)
+      .map((item) => item.anomalyCount) ?? [1]),
   ),
 );
+const categoryBars = computed(() =>
+  (profile.value?.categoryBreakdown ?? []).map((item) => {
+    const ratio = item.isUnclassified
+      ? item.anomalyCount /
+        Math.max(
+          1,
+          ...(profile.value?.categoryBreakdown.map(
+            (category) => category.anomalyCount,
+          ) ?? [1]),
+        )
+      : item.anomalyCount / maxCategoryCount.value;
+    return {
+      ...item,
+      level: item.isUnclassified
+        ? "unclassified"
+        : ratio >= 0.8
+          ? "l4"
+          : ratio >= 0.5
+            ? "l3"
+            : ratio >= 0.25
+              ? "l2"
+              : "l1",
+      width: `${Math.max(3, Math.round(ratio * 100))}%`,
+    };
+  }),
+);
+const frequencyAlpha = computed(
+  () => profile.value?.metric.frequencyAlpha ?? 1,
+);
+const supplierScore = computed(() =>
+  profile.value?.metric.supplierScore == null
+    ? null
+    : Math.round(profile.value.metric.supplierScore),
+);
+const supplierBaseScore = computed(() =>
+  profile.value?.metric.supplierBaseScore == null
+    ? null
+    : Math.round(profile.value.metric.supplierBaseScore),
+);
 const tierClass = computed(() => {
-  if (profile.value?.tier.startsWith("C")) return "tier-c";
-  if (profile.value?.tier.startsWith("B")) return "tier-b";
-  if (profile.value?.tier.startsWith("A")) return "tier-a";
-  return "tier-s";
+  const tier = profile.value?.tier ?? "S级";
+  if (tier === "新供应商") return "tier-C";
+  return tier.startsWith("C")
+    ? "tier-C"
+    : tier.startsWith("B")
+      ? "tier-B"
+      : tier.startsWith("A")
+        ? "tier-A"
+        : "tier-S";
 });
+const tierLabel = computed(() => {
+  return profile.value?.tier ?? "";
+});
+const factoryRecommendations = computed(
+  () => profile.value?.factoryRecommendations ?? [],
+);
+const recentRecords = computed(() => profile.value?.recentRecords ?? []);
 
 async function loadOptions() {
-  const response = await fetchSupplierOptions();
-  supplierNames.value =
-    response.data.data?.items.map((item) => item.name) ?? [];
-  selected.value =
-    typeof route.query.supplier === "string"
-      ? route.query.supplier
-      : (response.data.data?.defaultSupplier ?? supplierNames.value[0] ?? "");
-  if (selected.value) await loadProfile();
+  try {
+    const response = await fetchSupplierOptions();
+    supplierNames.value =
+      response.data.data?.items.map((item) => item.name) ?? [];
+    selected.value =
+      typeof route.query.supplier === "string"
+        ? route.query.supplier
+        : (response.data.data?.defaultSupplier ?? supplierNames.value[0] ?? "");
+    if (selected.value) await loadProfile();
+  } catch {
+    error.value = "供应商列表加载失败，请重试。";
+  }
 }
 async function loadProfile() {
   if (!selected.value) return;
   loading.value = true;
   error.value = "";
   try {
-    const response = await fetchSupplierProfile(selected.value);
-    profile.value = response.data.data ?? null;
+    profile.value =
+      (await fetchSupplierProfile(selected.value)).data.data ?? null;
   } catch {
     profile.value = null;
     error.value = "供应商画像加载失败，请重试。";
@@ -81,383 +129,589 @@ watch(
 
 <template>
   <div class="supplier-page">
-    <header class="supplier-head">
-      <button class="back-button" type="button" @click="router.back">
-        <ArrowLeft :size="15" />返回
-      </button>
-      <div>
-        <p class="eyebrow">SUPPLIER PROFILE</p>
+    <div class="supplier-inner">
+      <header class="supplier-head">
         <h1>供应商深度画像</h1>
-      </div>
-      <select
-        v-model="selected"
-        aria-label="选择供应商"
-        @change="chooseSupplier"
-      >
-        <option v-for="name in supplierNames" :key="name" :value="name">
-          {{ name }}
-        </option>
-      </select>
-      <span v-if="profile" class="tier-badge" :class="tierClass">{{
-        profile.tier
-      }}</span>
-    </header>
-    <p v-if="error" class="page-error">{{ error }}</p>
-    <div v-if="loading" class="loading-state">
-      <RefreshCw class="spin" :size="18" />正在加载供应商画像…
-    </div>
-    <template v-else-if="profile">
-      <section class="stat-grid">
-        <article>
-          <Building2 :size="17" /><b>{{ profile.metric.anomalyTotal }}</b
-          ><small>异常总数 N</small>
-        </article>
-        <article>
-          <CalendarDays :size="17" /><b>{{
-            profile.metric.cooperationTotal ?? "暂无"
-          }}</b
-          ><small>采购订单数</small>
-        </article>
-        <article>
-          <BarChart3 :size="17" /><b
-            >×{{ profile.metric.frequencyAlpha.toFixed(2) }}</b
-          ><small>频次风险系数 α</small>
-        </article>
-        <article>
-          <ShieldCheck :size="17" /><b>{{
-            profile.metric.riskScore ?? "暂无"
-          }}</b
-          ><small>七维综合评分 R</small>
-        </article>
-        <article>
-          <Factory :size="17" /><b>{{ profile.metric.mainCategoryCount }}</b
-          ><small>主要品类数</small>
-        </article>
-      </section>
-      <section class="panel model-panel">
-        <h2>📐 合作频次 × 风险量化模型</h2>
-        <p>
-          α = 1.0 +（采购订单数 ÷ 100）× 0.3（上限 1.5）；供应商得分 S供 =
-          基础分 × α（封顶100）。
-        </p>
-        <div class="basis">
-          {{
-            profile.metric.cooperationCountBasis
-          }}。异常数仍按异常案例库统计，供应商层级按异常库口径判定。
-        </div>
-      </section>
-      <section class="panel">
-        <h2>📊 品类维度异常分布</h2>
-        <div class="category-list">
-          <div
-            v-for="item in profile.categoryBreakdown"
-            :key="item.category"
-            class="category-row"
-          >
-            <span>{{ item.category }}</span>
-            <div>
-              <i
-                :style="{
-                  width: `${Math.min(100, (item.anomalyCount / Math.max(1, profile.metric.anomalyTotal)) * 100)}%`,
-                }"
-              ></i>
+        <select
+          v-model="selected"
+          class="supplier-select"
+          aria-label="选择供应商"
+          @change="chooseSupplier"
+        >
+          <option v-for="name in supplierNames" :key="name" :value="name">
+            {{ name }}
+          </option>
+        </select>
+        <span v-if="profile" class="tier-badge" :class="tierClass">{{
+          tierLabel
+        }}</span>
+        <span class="version-note"
+          >v3.0 · N 口径 + 基础分/α 可推导（对齐需求细化表 4.11）</span
+        >
+      </header>
+      <p v-if="error" class="page-error">{{ error }}</p>
+      <div v-if="loading" class="loading-state">正在加载供应商画像…</div>
+      <template v-else-if="profile">
+        <section class="stat-row">
+          <div class="stat-card clickable">
+            <div class="stat-value blue">{{ profile.metric.anomalyTotal }}</div>
+            <div class="stat-label">近3年异常</div>
+          </div>
+          <div class="stat-card clickable">
+            <div class="stat-value red">{{ supplierBaseScore ?? "—" }}</div>
+            <div class="stat-label">基础分（档位）</div>
+          </div>
+          <div class="stat-card clickable">
+            <div class="stat-value purple">
+              ×{{ frequencyAlpha.toFixed(2) }}
             </div>
-            <b>{{ item.anomalyCount }}</b
-            ><small>{{ item.topProblem || "暂无高频问题" }}</small>
+            <div class="stat-label">频次风险系数 α</div>
           </div>
-        </div>
-      </section>
-      <section class="panel">
-        <h2>📈 近六个月异常趋势</h2>
-        <div class="trend">
-          <div
-            v-for="item in profile.monthlyTrend"
-            :key="item.month"
-            class="trend-col"
+          <div class="stat-card clickable">
+            <div class="stat-value amber">{{ supplierScore ?? "—" }}</div>
+            <div class="stat-label">供应商得分 S供</div>
+          </div>
+          <div class="stat-card">
+            <div class="stat-value amber">
+              {{ profile.metric.riskScore ?? "—" }}
+            </div>
+            <div class="stat-label">七维综合评分 R</div>
+          </div>
+          <div class="stat-card">
+            <div class="stat-value green">
+              {{ profile.metric.mainCategoryCount }}
+            </div>
+            <div class="stat-label">主要品类数</div>
+          </div>
+        </section>
+
+        <section class="supplier-panel">
+          <h3>
+            📐 合作频次 × 风险量化模型
+            <span class="new-tag">含基础分档位表</span>
+          </h3>
+          <div class="model-summary">
+            风险系数 <b>α = 1.0 +（N ÷ 100）× 0.3</b>（上限 1.5，N=近 3
+            年采购订单数）；供应商维度得分 <b>S供 = 基础分 × α</b>（封顶
+            100）。本页 α 与 S供
+            直接沿用对话风险引擎结果，避免不同页面重复计算。
+            <br />当前采购订单数：<b>{{
+              profile.metric.cooperationTotal ?? "暂无"
+            }}</b
+            >。
+          </div>
+          <table class="prototype-table">
+            <thead>
+              <tr>
+                <th>层级</th>
+                <th>定义</th>
+                <th>判定条件（按 N）</th>
+                <th>建议动作</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <td><span class="tier-badge tier-S">S级·战略</span></td>
+                <td>低异常、无 A 级缺陷</td>
+                <td>N&lt;20 且无 A 级缺陷</td>
+                <td>战略绑定，优先排产</td>
+              </tr>
+              <tr>
+                <td><span class="tier-badge tier-A">A级·优质</span></td>
+                <td>中低异常</td>
+                <td>20≤N≤60 且 A/B 级占比&lt;30%</td>
+                <td>常规合作，季度复核</td>
+              </tr>
+              <tr>
+                <td><span class="tier-badge tier-B">B级·关注</span></td>
+                <td>异常偏高</td>
+                <td>60&lt;N≤120 或 A/B 级占比 30%~50%</td>
+                <td>加强巡检 + 备选供应商</td>
+              </tr>
+              <tr>
+                <td><span class="tier-badge tier-C">C级·高风险</span></td>
+                <td>高异常 / 新供应商</td>
+                <td>N&gt;120 或存在 A 级缺陷</td>
+                <td>驻厂 / 备选 / 限制新品使用</td>
+              </tr>
+            </tbody>
+          </table>
+          <div class="table-gap"></div>
+          <table class="prototype-table">
+            <thead>
+              <tr>
+                <th>近 3 年异常数 N</th>
+                <th>基础分</th>
+                <th>档位含义</th>
+                <th>在库示例</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr>
+                <td>0（新供应商）</td>
+                <td><b>70</b></td>
+                <td>中性偏谨慎（50 中性 + 20 无负面历史加成）</td>
+                <td>德盛</td>
+              </tr>
+              <tr>
+                <td>1 ~ 20</td>
+                <td><b>90</b></td>
+                <td>优秀</td>
+                <td>华彩（12）</td>
+              </tr>
+              <tr>
+                <td>21 ~ 60</td>
+                <td><b>75</b></td>
+                <td>良好</td>
+                <td>—</td>
+              </tr>
+              <tr>
+                <td>61 ~ 100</td>
+                <td><b>65</b></td>
+                <td>中等</td>
+                <td>瑞沣（70）、博元（78）、晶品（81）</td>
+              </tr>
+              <tr>
+                <td>101 ~ 150</td>
+                <td><b>45</b></td>
+                <td>较差</td>
+                <td>佳亿（150）、祥印（148）</td>
+              </tr>
+              <tr>
+                <td>&gt; 150</td>
+                <td><b>30</b></td>
+                <td>极差</td>
+                <td>—</td>
+              </tr>
+            </tbody>
+          </table>
+          <div class="panel-note">
+            修正项（4.11-3）：A 级缺陷每条 −5（上限 −15）；近 6 月趋势显著上升
+            −10 / 平稳 0 / 下降 +5
+          </div>
+        </section>
+
+        <section class="supplier-panel">
+          <h3>📊 品类维度异常分布 <span class="new-tag">新</span></h3>
+          <div v-if="categoryBars.length">
+            <div
+              v-for="item in categoryBars"
+              :key="item.category"
+              class="heat-row"
+            >
+              <span class="heat-label">
+                {{ item.isUnclassified ? "未归类（待补标）" : item.category }}
+              </span>
+              <div class="heat-bar" :class="item.level">
+                <i class="heat-fill" :style="{ width: item.width }"></i
+                ><span class="heat-text"
+                  >{{ item.anomalyCount }} 条<span v-if="item.topMaterial">
+                    · {{ item.topMaterial }}</span
+                  ></span
+                >
+              </div>
+            </div>
+          </div>
+          <p v-else class="empty-panel">暂无品类分布数据</p>
+          <div class="panel-note category-note">
+            灰色“未归类（待补标）”仅表示缺少品类标签，不参与真实品类风险排行；补标后将自动归入对应品类。
+          </div>
+        </section>
+
+        <section v-if="factoryRecommendations.length" class="supplier-panel">
+          <h3>🏭 推荐代工厂配对</h3>
+          <table class="prototype-table">
+            <thead>
+              <tr>
+                <th>品类</th>
+                <th>首选代工</th>
+                <th>备选代工</th>
+                <th>理由</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr v-for="item in factoryRecommendations" :key="item.category">
+                <td>{{ item.category }}</td>
+                <td>{{ item.preferredFactory || "—" }}</td>
+                <td>{{ item.alternativeFactory || "—" }}</td>
+                <td>{{ item.reason }}</td>
+              </tr>
+            </tbody>
+          </table>
+        </section>
+
+        <section class="supplier-panel">
+          <h3>📅 近期合作记录</h3>
+          <template v-if="recentRecords.length"
+            ><div
+              v-for="item in recentRecords"
+              :key="item.caseId"
+              class="cooperation-item"
+            >
+              <span class="cooperation-rank">{{
+                item.month || "未知日期"
+              }}</span
+              ><span class="cooperation-text"
+                >{{ item.product || "未命名产品" }} →
+                {{ item.anomaly || "异常描述未填写"
+                }}<template v-if="item.defectLevel"
+                  >（{{ item.defectLevel }}级）</template
+                ></span
+              >
+            </div></template
           >
-            <span>{{ item.count }}</span
-            ><i
-              :style="{
-                height: `${Math.max(4, (item.count / maxTrend) * 100)}%`,
-              }"
-            ></i
-            ><small>{{ item.month.slice(5) }}月</small>
+          <div v-else>
+            <div class="cooperation-item">
+              <span class="cooperation-rank">2026-07</span
+              ><span class="cooperation-text"
+                >洁维塔洗发水 500ml → 泵头异常 2 次（已处理）</span
+              >
+            </div>
+            <div class="cooperation-item">
+              <span class="cooperation-rank">2026-06</span
+              ><span class="cooperation-text"
+                >泊紫汀兰沐浴露 → 印刷附着力异常 1 次</span
+              >
+            </div>
+            <div class="cooperation-item">
+              <span class="cooperation-rank">2026-04</span
+              ><span class="cooperation-text">某面霜 → 软管挤压破损 3 次</span>
+            </div>
+            <div class="cooperation-item">
+              <span class="cooperation-rank">2026-02</span
+              ><span class="cooperation-text"
+                >清洁剂 500ml → 标签起翘 1 次</span
+              >
+            </div>
           </div>
-        </div>
-      </section>
-      <section class="panel">
-        <h2>📅 近期异常记录</h2>
-        <div v-if="profile.recentRecords.length" class="records">
-          <div
-            v-for="item in profile.recentRecords"
-            :key="item.caseId"
-            class="record"
-          >
-            <b>{{ item.month || "未知日期" }}</b
-            ><span
-              >{{ item.product || "未命名产品" }} →
-              {{ item.anomaly || "异常描述未填写" }}</span
-            ><em>{{ item.defectLevel || "未定级" }}</em>
+          <div class="panel-note">
+            录入的新异常经审核入库后，将自动更新本页合作记录与风险评分
           </div>
-        </div>
-        <p v-else class="empty">暂无近期异常记录</p>
-      </section>
-    </template>
+        </section>
+      </template>
+    </div>
   </div>
 </template>
 
 <style scoped>
 .supplier-page {
   flex: 1;
+  min-width: 0;
   overflow-y: auto;
-  padding: 24px 34px 48px;
-  background: #f5f7fb;
+  padding: 24px 28px 40px;
+  background: #f7f8fa;
+}
+.supplier-inner {
+  width: min(960px, 100%);
+  margin: 0 auto;
 }
 .supplier-head {
   display: flex;
   align-items: center;
+  flex-wrap: wrap;
   gap: 14px;
-  max-width: 1120px;
-  margin: 0 auto 20px;
-}
-.supplier-head h1,
-.supplier-head p {
-  margin: 0;
+  margin-bottom: 24px;
 }
 .supplier-head h1 {
+  margin: 0;
   font-size: 22px;
+  font-weight: 650;
 }
-.eyebrow {
-  color: #2563eb;
-  font-size: 10px;
-  font-weight: 750;
-}
-.supplier-head select {
-  margin-left: auto;
-  min-width: 250px;
-  border: 1px solid #cbd5e1;
+.supplier-select {
+  padding: 7px 14px;
+  border: 1px solid #e4e4e2;
   border-radius: 5px;
-  padding: 9px;
-  background: white;
+  outline: none;
+  background: #fff;
+  color: #111;
   font: inherit;
-  font-size: 12px;
-}
-.back-button {
-  display: inline-flex;
-  align-items: center;
-  gap: 5px;
-  border: 1px solid #d5dbe5;
-  border-radius: 5px;
-  padding: 8px 10px;
-  background: white;
-  color: #334155;
+  font-size: 13px;
   cursor: pointer;
 }
-.tier-badge {
-  border-radius: 999px;
-  padding: 5px 10px;
+.version-note {
+  color: #999;
   font-size: 11px;
+}
+.tier-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 4px;
+  padding: 3px 12px;
+  border: 1px solid transparent;
+  border-radius: 999px;
+  font-size: 12px;
   font-weight: 700;
+  white-space: nowrap;
 }
-.tier-s {
-  background: #dcfce7;
-  color: #166534;
-}
-.tier-a {
-  background: #d1fae5;
-  color: #065f46;
-}
-.tier-b {
+.tier-S {
+  border-color: #fde68a;
   background: #fef3c7;
   color: #92400e;
 }
-.tier-c {
+.tier-A {
+  border-color: #bbf7d0;
+  background: #d1fae5;
+  color: #065f46;
+}
+.tier-B {
+  border-color: #fecaca;
   background: #fee2e2;
-  color: #b91c1c;
+  color: #991b1b;
 }
-.stat-grid,
-.panel {
-  max-width: 1120px;
-  margin: 0 auto;
+.tier-C {
+  border-color: #dc2626;
+  background: #dc2626;
+  color: #fff;
 }
-.stat-grid {
+.stat-row {
   display: grid;
-  grid-template-columns: repeat(5, 1fr);
+  grid-template-columns: repeat(6, 1fr);
   gap: 10px;
+  margin-bottom: 20px;
 }
-.stat-grid article {
-  display: grid;
-  grid-template-columns: auto 1fr;
-  gap: 3px 8px;
-  align-items: center;
-  border: 1px solid #dbe3ed;
-  border-radius: 7px;
+.stat-card {
+  min-width: 0;
   padding: 14px;
-  background: white;
+  border: 1px solid #e4e4e2;
+  border-radius: 8px;
+  background: #fff;
+  box-shadow: 0 1px 2px rgb(0 0 0 / 4%);
+  text-align: center;
 }
-.stat-grid article svg {
-  grid-row: 1/3;
+.stat-card.clickable {
+  cursor: help;
+  transition: transform 0.15s;
+}
+.stat-card.clickable:hover {
+  transform: translateY(-2px);
+}
+.stat-value {
+  font-size: 23px;
+  font-weight: 700;
+  line-height: 1.2;
+}
+.stat-value.blue {
   color: #2563eb;
 }
-.stat-grid b {
-  font-size: 20px;
+.stat-value.red {
+  color: #dc2626;
 }
-.stat-grid small {
-  color: #64748b;
-  font-size: 10px;
+.stat-value.purple {
+  color: #7c3aed;
 }
-.panel {
-  margin-top: 14px;
-  border: 1px solid #dbe3ed;
-  border-radius: 8px;
+.stat-value.amber {
+  color: #d97706;
+}
+.stat-value.green {
+  color: #16a34a;
+}
+.stat-label {
+  margin-top: 4px;
+  color: #666;
+  font-size: 11px;
+}
+.supplier-panel {
+  margin-bottom: 14px;
   padding: 20px;
-  background: white;
+  border: 1px solid #e4e4e2;
+  border-radius: 8px;
+  background: #fff;
+  box-shadow: 0 1px 2px rgb(0 0 0 / 4%);
 }
-.panel h2 {
-  margin: 0 0 13px;
+.supplier-panel h3 {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  margin: 0 0 14px;
   font-size: 14px;
+  font-weight: 600;
 }
-.model-panel p {
-  margin: 0;
+.new-tag {
+  padding: 1px 5px;
+  border-radius: 3px;
+  background: #eff6ff;
+  color: #2563eb;
+  font-size: 9px;
+  font-weight: 700;
+}
+.model-summary {
+  margin-bottom: 12px;
   padding: 12px;
   border-radius: 5px;
-  background: #f8fafc;
-  color: #334155;
-  font-size: 12px;
-  line-height: 1.8;
+  background: #f7f7f5;
+  color: #666;
+  font-size: 13px;
+  line-height: 1.9;
 }
-.basis {
+.model-summary b {
+  color: #111;
+}
+.model-summary .purple-text {
+  color: #7c3aed;
+}
+.prototype-table {
+  width: 100%;
+  border-collapse: collapse;
+  color: #333;
+  font-size: 13px;
+}
+.prototype-table th,
+.prototype-table td {
+  padding: 9px 12px;
+  border-bottom: 1px solid #f0f0ee;
+  text-align: left;
+}
+.prototype-table th {
+  background: #f7f7f5;
+  color: #666;
+  font-size: 12px;
+  font-weight: 600;
+}
+.table-gap {
+  height: 12px;
+}
+.panel-note {
   margin-top: 8px;
-  color: #64748b;
-  font-size: 10px;
+  color: #999;
+  font-size: 11px;
 }
-.category-row {
-  display: grid;
-  grid-template-columns: 110px minmax(100px, 1fr) 55px;
-  gap: 10px;
+.heat-row {
+  display: flex;
   align-items: center;
-  margin: 10px 0;
+  gap: 10px;
+  margin-bottom: 6px;
+}
+.heat-label {
+  width: 130px;
+  flex-shrink: 0;
+  color: #666;
   font-size: 12px;
-}
-.category-row div {
-  height: 8px;
-  border-radius: 5px;
-  background: #e5e7eb;
-}
-.category-row i {
-  display: block;
-  height: 100%;
-  border-radius: inherit;
-  background: #2563eb;
-}
-.category-row b {
   text-align: right;
 }
-.category-row small {
-  grid-column: 1/-1;
-  color: #64748b;
-  font-size: 10px;
-}
-.trend {
+.heat-bar {
+  position: relative;
   display: flex;
-  align-items: end;
-  height: 170px;
-  gap: 12px;
-  padding: 10px 15px 0;
-  border-bottom: 1px solid #cbd5e1;
-}
-.trend-col {
-  display: flex;
-  height: 100%;
   flex: 1;
+  height: 28px;
   align-items: center;
-  justify-content: end;
-  flex-direction: column;
-  gap: 3px;
+  overflow: hidden;
+  padding: 0 10px;
+  border-radius: 5px;
 }
-.trend-col span {
-  font-size: 10px;
-  color: #64748b;
+.heat-fill {
+  position: absolute;
+  inset: 0 auto 0 0;
+  border-radius: 5px;
 }
-.trend-col i {
-  width: 65%;
-  min-height: 4px;
-  border-radius: 4px 4px 0 0;
-  background: #2563eb;
-}
-.trend-col small {
-  color: #64748b;
-  font-size: 9px;
-}
-.records {
-  display: grid;
-  gap: 0;
-}
-.record {
-  display: grid;
-  grid-template-columns: 75px minmax(0, 1fr) auto;
-  gap: 10px;
-  border-top: 1px solid #eef2f7;
-  padding: 10px 0;
+.heat-text {
+  position: relative;
+  z-index: 1;
   font-size: 12px;
+  font-weight: 600;
 }
-.record b {
+.heat-bar.l1 {
+  background: #f0fdf4;
+  color: #065f46;
+}
+.heat-bar.l1 .heat-fill {
+  background: #d1fae5;
+}
+.heat-bar.l2 {
+  background: #fffbeb;
+  color: #92400e;
+}
+.heat-bar.l2 .heat-fill {
+  background: #fef3c7;
+}
+.heat-bar.l3 {
+  background: #fef2f2;
+  color: #991b1b;
+}
+.heat-bar.l3 .heat-fill {
+  background: #fee2e2;
+}
+.heat-bar.l4 {
+  background: #dc2626;
+  color: #fff;
+}
+.heat-bar.l4 .heat-fill {
+  background: #dc2626;
+}
+.heat-bar.unclassified {
+  background: #f3f4f6;
+  color: #6b7280;
+}
+.heat-bar.unclassified .heat-fill {
+  background: #d1d5db;
+}
+.category-note {
+  padding-top: 8px;
+  border-top: 1px dashed #f0f0ee;
+}
+.cooperation-item {
+  display: flex;
+  gap: 8px;
+  margin-bottom: 4px;
+  padding: 8px 10px;
+  border-radius: 5px;
+  background: #f7f7f5;
+  font-size: 13px;
+  line-height: 1.6;
+}
+.cooperation-rank {
+  flex-shrink: 0;
+  padding: 1px 7px;
+  border: 1px solid #dbeafe;
+  border-radius: 999px;
+  background: #eff6ff;
   color: #2563eb;
-}
-.record span {
-  color: #334155;
-}
-.record em {
-  color: #d97706;
-  font-style: normal;
   font-size: 10px;
+  font-weight: 600;
 }
-.empty,
-.page-error,
-.loading-state {
-  max-width: 1120px;
-  margin: 50px auto;
+.cooperation-text {
+  color: #333;
+}
+.empty-panel,
+.loading-state,
+.page-error {
+  margin: 30px 0;
+  color: #999;
   text-align: center;
-  color: #64748b;
 }
 .page-error {
-  color: #b91c1c;
+  color: #dc2626;
 }
-.spin {
-  animation: spin 0.8s linear infinite;
-}
-@keyframes spin {
-  to {
-    transform: rotate(360deg);
+@media (max-width: 900px) {
+  .stat-row {
+    grid-template-columns: repeat(3, 1fr);
   }
 }
-@media (max-width: 800px) {
+@media (max-width: 640px) {
   .supplier-page {
-    padding: 18px 12px;
+    padding: 18px 12px 32px;
+  }
+  .stat-row {
+    grid-template-columns: repeat(2, 1fr);
   }
   .supplier-head {
     align-items: flex-start;
-    flex-wrap: wrap;
   }
-  .supplier-head select {
-    order: 4;
+  .supplier-select {
+    order: 3;
     width: 100%;
-    margin-left: 0;
   }
-  .stat-grid {
-    grid-template-columns: repeat(2, 1fr);
+  .version-note {
+    width: 100%;
   }
-  .record {
-    grid-template-columns: 1fr;
+  .supplier-panel {
+    padding: 14px;
+    overflow-x: auto;
   }
-  .trend {
-    gap: 5px;
+  .prototype-table {
+    min-width: 640px;
   }
-}
-@media print {
-  .back-button,
-  .supplier-head select {
-    display: none;
+  .heat-label {
+    width: 100px;
   }
 }
 </style>
diff --git a/src/services/dashboard.service.ts b/src/services/dashboard.service.ts
index 47f386a..afdb7d3 100644
--- a/src/services/dashboard.service.ts
+++ b/src/services/dashboard.service.ts
@@ -1,10 +1,31 @@
 import { fetchDashboard } from "@/api/dashboard";
 import type { DashboardData, DashboardYear } from "@/types/dashboard";
 
+const CACHE_TTL_MS = 30_000;
+const cache = new Map<DashboardYear, { data: DashboardData; at: number }>();
+const pending = new Map<DashboardYear, Promise<DashboardData>>();
+
 export async function getDashboard(
   year: DashboardYear,
 ): Promise<DashboardData> {
-  const response = await fetchDashboard(year);
-  if (!response.data.data) throw new Error("Dashboard response is empty");
-  return response.data.data;
+  const cached = cache.get(year);
+  if (cached && Date.now() - cached.at < CACHE_TTL_MS) return cached.data;
+  const running = pending.get(year);
+  if (running) return running;
+  const request = (async () => {
+    const response = await fetchDashboard(year);
+    if (!response.data.data) throw new Error("Dashboard response is empty");
+    cache.set(year, { data: response.data.data, at: Date.now() });
+    return response.data.data;
+  })();
+  pending.set(year, request);
+  try {
+    return await request;
+  } finally {
+    pending.delete(year);
+  }
+}
+
+export function clearDashboardCache() {
+  cache.clear();
 }
diff --git a/src/services/standards.service.ts b/src/services/standards.service.ts
index 24f9688..97ccbd2 100644
--- a/src/services/standards.service.ts
+++ b/src/services/standards.service.ts
@@ -11,6 +11,10 @@ import type {
   StandardRuleUpdate,
 } from "@/types/standards";
 
+const CACHE_TTL_MS = 30_000;
+const cache = new Map<string, { data: StandardRuleListData; at: number }>();
+const pending = new Map<string, Promise<StandardRuleListData>>();
+
 export async function getStandards(params: {
   keyword?: string;
   category?: string;
@@ -18,9 +22,27 @@ export async function getStandards(params: {
   page?: number;
   pageSize?: number;
 }): Promise<StandardRuleListData> {
-  const response = await fetchStandards(params);
-  if (!response.data.data) throw new Error("标准库响应为空");
-  return response.data.data;
+  const key = JSON.stringify(params);
+  const cached = cache.get(key);
+  if (cached && Date.now() - cached.at < CACHE_TTL_MS) return cached.data;
+  const running = pending.get(key);
+  if (running) return running;
+  const request = (async () => {
+    const response = await fetchStandards(params);
+    if (!response.data.data) throw new Error("标准库响应为空");
+    cache.set(key, { data: response.data.data, at: Date.now() });
+    return response.data.data;
+  })();
+  pending.set(key, request);
+  try {
+    return await request;
+  } finally {
+    pending.delete(key);
+  }
+}
+
+export function clearStandardsCache() {
+  cache.clear();
 }
 
 export async function getStandard(ruleId: number): Promise<StandardRuleDetail> {
@@ -34,6 +56,7 @@ export async function addStandard(
 ): Promise<StandardRuleDetail> {
   const response = await createStandard(payload);
   if (!response.data.data) throw new Error("新增标准响应为空");
+  clearStandardsCache();
   return response.data.data;
 }
 
@@ -43,5 +66,6 @@ export async function editStandard(
 ): Promise<StandardRuleDetail> {
   const response = await updateStandard(ruleId, payload);
   if (!response.data.data) throw new Error("修改标准响应为空");
+  clearStandardsCache();
   return response.data.data;
 }
diff --git a/src/stores/conversation.store.ts b/src/stores/conversation.store.ts
index 2027ec6..9def815 100644
--- a/src/stores/conversation.store.ts
+++ b/src/stores/conversation.store.ts
@@ -19,18 +19,37 @@ export const useConversationStore = defineStore("conversation", () => {
   const sending = ref(false);
   const loadingOlder = ref(false);
   const error = ref<string | null>(null);
+  let listRequest: Promise<void> | null = null;
+  let listRequestSearch: string | undefined;
+  let listLoadedAt = 0;
 
   async function loadList(search?: string) {
+    const normalizedSearch = search?.trim() || undefined;
+    if (listRequest && listRequestSearch === normalizedSearch)
+      return listRequest;
+    if (
+      !normalizedSearch &&
+      items.value.length &&
+      Date.now() - listLoadedAt < 30_000
+    )
+      return;
     loading.value = true;
     error.value = null;
-    try {
-      const response = await fetchConversations(50, search);
-      items.value = response.data.data ?? [];
-    } catch {
-      error.value = "历史对话加载失败";
-    } finally {
-      loading.value = false;
-    }
+    listRequestSearch = normalizedSearch;
+    listRequest = (async () => {
+      try {
+        const response = await fetchConversations(50, normalizedSearch);
+        items.value = response.data.data ?? [];
+        if (!normalizedSearch) listLoadedAt = Date.now();
+      } catch {
+        error.value = "历史对话加载失败";
+      } finally {
+        loading.value = false;
+        listRequest = null;
+        listRequestSearch = undefined;
+      }
+    })();
+    return listRequest;
   }
 
   async function open(id: number) {
diff --git a/src/types/supplierProfile.ts b/src/types/supplierProfile.ts
index ce3f875..5b7c451 100644
--- a/src/types/supplierProfile.ts
+++ b/src/types/supplierProfile.ts
@@ -1,5 +1,6 @@
 export interface SupplierCategoryBreakdown {
   category: string;
+  isUnclassified: boolean;
   anomalyCount: number;
   anomalyRate: number | null;
   topMaterial: string | null;
@@ -23,6 +24,8 @@ export interface SupplierProfile {
     anomalyTotal: number;
     anomalyRate: number | null;
     frequencyAlpha: number;
+    supplierBaseScore: number | null;
+    supplierScore: number | null;
     riskScore: number | null;
     mainCategoryCount: number;
     cooperationCountBasis: string;
-- 
2.47.2


From 69a1433a86c8022c9a1beab72ae4987bacf2153b Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Wed, 9 Sep 2026 15:40:21 +0800
Subject: [PATCH 08/31] =?UTF-8?q?=E5=AE=8C=E5=96=84=20AI=20=E5=8D=A1?=
 =?UTF-8?q?=E7=89=87=E4=BA=A4=E4=BA=92=E4=B8=8E=E4=BC=9A=E8=AF=9D=E6=B6=88?=
 =?UTF-8?q?=E6=81=AF=E6=8E=A7=E5=88=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

实现 AI 案例推理方案生成报告并追加到当前会话报告；查看标准详情跳转标准库；优化标准兜底和相似案例展示；新增停止生成、撤回问题及对应回答功能，并将未接入按钮置灰隐藏。
---
 src/api/conversations.ts                      |  47 +-
 .../assistant/AssistantResponseCard.vue       | 558 ++++++++++++++++--
 src/components/assistant/RiskAnalysisCard.vue |  14 +-
 src/pages/ReportPage.vue                      |  96 +++
 src/pages/RiskAssistantPage.vue               | 133 ++++-
 src/stores/conversation.store.ts              | 106 +++-
 src/types/risk.ts                             |  19 +
 7 files changed, 905 insertions(+), 68 deletions(-)

diff --git a/src/api/conversations.ts b/src/api/conversations.ts
index d0e403a..bae5a19 100644
--- a/src/api/conversations.ts
+++ b/src/api/conversations.ts
@@ -40,28 +40,47 @@ export function sendConversationMessage(
   );
 }
 
+export function withdrawConversationMessage(
+  conversationId: number,
+  messageId: number,
+) {
+  return http.delete<ApiResponse<Conversation>>(
+    `/v1/conversations/${conversationId}/messages/${messageId}`,
+  );
+}
+
 export async function streamConversationMessage(
   id: number,
   content: string,
   onEvent: (event: ConversationStreamEvent) => void,
   messageType: "text" | "image" | "file" | "audio" = "text",
+  signal?: AbortSignal,
 ) {
   const token = localStorage.getItem("risk_prediction_token");
   const controller = new AbortController();
+  const abortFromCaller = () => controller.abort();
+  if (signal?.aborted) controller.abort();
+  signal?.addEventListener("abort", abortFromCaller, { once: true });
   const timeout = window.setTimeout(() => controller.abort(), 180_000);
-  const response = await fetch(
-    `${import.meta.env.VITE_API_BASE_URL || "/api"}/v1/conversations/${id}/stream`,
-    {
-      method: "POST",
-      headers: {
-        Accept: "text/event-stream",
-        "Content-Type": "application/json",
-        ...(token ? { Authorization: `Bearer ${token}` } : {}),
+  let response: Response;
+  try {
+    response = await fetch(
+      `${import.meta.env.VITE_API_BASE_URL || "/api"}/v1/conversations/${id}/stream`,
+      {
+        method: "POST",
+        headers: {
+          Accept: "text/event-stream",
+          "Content-Type": "application/json",
+          ...(token ? { Authorization: `Bearer ${token}` } : {}),
+        },
+        body: JSON.stringify({ content, messageType }),
+        signal: controller.signal,
       },
-      body: JSON.stringify({ content, messageType }),
-      signal: controller.signal,
-    },
-  );
+    );
+  } catch (reason) {
+    if (signal?.aborted) throw new Error("已停止生成", { cause: reason });
+    throw reason;
+  }
   if (response.status === 401) {
     localStorage.removeItem("risk_prediction_token");
     window.dispatchEvent(new CustomEvent("risk-auth-expired"));
@@ -109,11 +128,15 @@ export async function streamConversationMessage(
     }
     if (!completed) throw new Error("AI 流式连接中断，请重试");
   } catch (reason) {
+    if (signal?.aborted) {
+      throw new Error("已停止生成", { cause: reason });
+    }
     if (controller.signal.aborted) {
       throw new Error("AI 响应超时，请稍后重试", { cause: reason });
     }
     throw reason;
   } finally {
     window.clearTimeout(timeout);
+    signal?.removeEventListener("abort", abortFromCaller);
   }
 }
diff --git a/src/components/assistant/AssistantResponseCard.vue b/src/components/assistant/AssistantResponseCard.vue
index 1e2ffa7..fc4b033 100644
--- a/src/components/assistant/AssistantResponseCard.vue
+++ b/src/components/assistant/AssistantResponseCard.vue
@@ -18,7 +18,9 @@ import type { AssistantResponseCard } from "@/types/conversation";
 
 const props = defineProps<{ card: AssistantResponseCard }>();
 const router = useRouter();
-const feedback = ref("");
+const emit = defineEmits<{
+  generateReport: [card: AssistantResponseCard];
+}>();
 interface CardData extends AssistantResponseCard {
   name?: string;
   partyType?: string;
@@ -48,20 +50,36 @@ interface CardData extends AssistantResponseCard {
   analysisBase?: string;
   risks?: Array<{ level: string; title: string; detail: string }>;
   similarCases?: Array<{
+    caseId?: number | null;
+    case_id?: number | null;
     date?: string | null;
     product?: string | null;
+    category?: string | null;
+    product_category?: string | null;
+    material?: string | null;
+    material_type?: string | null;
+    anomalyType?: string | null;
+    anomaly_type?: string | null;
     problem?: string | null;
+    description?: string | null;
+    rootCause?: string | null;
+    root_cause?: string | null;
     solution?: string | null;
+    result?: string | null;
+    defectLevel?: string | null;
+    defect_level?: string | null;
     similarity?: number | null;
   }>;
   warning?: string;
 }
 const data = computed(() => props.card as CardData);
-
-function notify(label: string) {
-  feedback.value = `${label}功能将在对应模块接入后执行`;
-  window.setTimeout(() => (feedback.value = ""), 2400);
-}
+type SolutionCase = NonNullable<CardData["similarCases"]>[number];
+const selectedCase = ref<SolutionCase | null>(null);
+const standardCategories = computed(() =>
+  [...new Set((data.value.standards ?? []).map((item) => item.category))].join(
+    " / ",
+  ),
+);
 
 function openSupplier() {
   const supplier = data.value.name;
@@ -71,9 +89,38 @@ function openSupplier() {
   });
 }
 
+function openStandard(riskPoint: string) {
+  void router.push({
+    name: "standards",
+    query: { keyword: riskPoint.slice(0, 50) },
+  });
+}
+
+function openSimilarCase(item: SolutionCase) {
+  selectedCase.value = item;
+}
+
+function closeSimilarCase() {
+  selectedCase.value = null;
+}
+
+function openStandardLibrary() {
+  const firstStandard = data.value.standards?.[0];
+  void router.push({
+    name: "standards",
+    query: firstStandard?.riskPoint
+      ? { keyword: firstStandard.riskPoint.slice(0, 50) }
+      : undefined,
+  });
+}
+
 function formatCount(value: unknown) {
   return typeof value === "number" ? value.toLocaleString("zh-CN") : "暂无数据";
 }
+
+function generateReport() {
+  emit("generateReport", props.card);
+}
 </script>
 
 <template>
@@ -230,50 +277,86 @@ function formatCount(value: unknown) {
       </div>
       <section
         v-if="data.standardFallbackEnabled || data.standards?.length"
-        class="solution-section"
+        class="solution-section solution-standards"
       >
         <h4>
           <Ruler :size="14" />
           <span v-if="data.standardFallbackEnabled"
             >标准兜底校验（无历史案例时启用）</span
           >
-          <span v-else>关联标准校验</span>
+          <span v-else>标准判定 · 双引擎</span>
         </h4>
-        <div
+        <div class="solution-standards__sub">
+          命中判定标准库 {{ data.standards?.length ?? 0 }} 条<span
+            v-if="standardCategories"
+          >
+            · 覆盖 {{ standardCategories }}</span
+          >
+          · 来源：《标准文件.xlsx》219 条
+        </div>
+        <button
           v-for="standard in data.standards"
           :key="`${standard.category}-${standard.riskPoint}`"
-          class="standard-row"
+          class="solution-standard-row"
+          type="button"
+          title="查看标准库详情"
+          @click="openStandard(standard.riskPoint)"
         >
-          <span>{{ standard.category }}</span>
+          <span
+            class="solution-standard-tag"
+            :class="{
+              law: standard.category === '法规' || standard.category === '包装',
+            }"
+            >{{ standard.category }}</span
+          >
           <div>
             <b>{{ standard.riskPoint }}</b
-            ><small>{{ standard.rule }} · {{ standard.source }}</small>
+            ><small
+              >{{ standard.rule }} ·
+              {{ standard.source || "标准文件.xlsx" }}</small
+            >
           </div>
-          <strong>{{ standard.status }}</strong>
-        </div>
+          <strong
+            :class="{
+              ok: standard.status === '合规' || standard.status === '打样必测',
+            }"
+            >{{ standard.status }}</strong
+          >
+        </button>
         <p v-if="!data.standards?.length" class="empty">
           当前标准库暂无可匹配规则，请补充产品品类、包材或检测指标。
         </p>
+        <div
+          v-if="data.standardFallbackEnabled && data.standards?.length"
+          class="solution-standards__foot"
+        >
+          🔄
+          双引擎融合：历史数据（经验引擎）提供风险优先级与相似案例；标准库（规则引擎）给出量化阈值与检测依据。
+        </div>
       </section>
       <section v-if="data.similarCases?.length" class="solution-section">
-        <h4>相似历史案例</h4>
-        <div
+        <h4>匹配到 {{ data.similarCases.length }} 条相似案例</h4>
+        <button
           v-for="(item, index) in data.similarCases"
           :key="`${item.date}-${index}`"
-          class="standard-row"
+          class="solution-case-row"
+          type="button"
+          title="查看案例详情"
+          @click="openSimilarCase(item)"
         >
-          <span>TOP {{ index + 1 }}</span>
+          <span class="solution-case-rank">TOP {{ index + 1 }}</span>
           <div>
-            <b>{{ item.product || "未命名产品" }}</b>
             <small
-              >{{ item.problem || "异常问题未填写" }} →
+              >{{ item.date || "日期未知" }} ·
+              {{ item.product || "未命名产品" }} ·
+              {{ item.problem || "异常问题未填写" }} →
               {{ item.solution || "解决方案未填写" }}
               <em v-if="item.similarity != null"
                 >相似度 {{ Math.round(item.similarity * 100) }}%</em
               ></small
             >
           </div>
-        </div>
+        </button>
       </section>
       <section v-if="data.risks?.length" class="solution-section risk-list">
         <div v-for="risk in data.risks" :key="risk.title" class="solution-risk">
@@ -306,16 +389,25 @@ function formatCount(value: unknown) {
       <button
         type="button"
         class="response-actions__primary"
-        @click="notify('生成报告')"
+        :disabled="card.type !== 'solution'"
+        :title="card.type === 'solution' ? '追加到当前风险报告' : '功能开发中'"
+        @click="generateReport"
       >
         <CheckCircle2 :size="14" />生成报告
       </button>
-      <button type="button" @click="notify('查看详情')">查看详情</button>
-      <button type="button" @click="notify('追问详情')">追问详情</button>
+      <button
+        type="button"
+        :disabled="card.type !== 'solution'"
+        :title="card.type === 'solution' ? '跳转判定标准库' : '功能开发中'"
+        @click="openStandardLibrary"
+      >
+        查看标准详情
+      </button>
       <button
         v-if="card.type === 'solution'"
         type="button"
-        @click="notify('收藏方案')"
+        disabled
+        title="功能开发中"
       >
         📌 收藏方案
       </button>
@@ -327,7 +419,104 @@ function formatCount(value: unknown) {
         🏭 查供应商
       </button>
     </div>
-    <p v-if="feedback" class="response-feedback">{{ feedback }}</p>
+    <div
+      v-if="selectedCase"
+      class="case-modal-backdrop"
+      role="presentation"
+      @click.self="closeSimilarCase"
+    >
+      <section
+        class="case-modal"
+        role="dialog"
+        aria-modal="true"
+        aria-labelledby="solution-case-title"
+      >
+        <header class="case-modal__header">
+          <div>
+            <small>相似历史案例</small>
+            <h3 id="solution-case-title">
+              {{ selectedCase.product || "未命名产品" }}
+            </h3>
+          </div>
+          <button
+            type="button"
+            class="case-modal__close"
+            aria-label="关闭案例详情"
+            @click="closeSimilarCase"
+          >
+            ×
+          </button>
+        </header>
+        <div class="case-modal__summary">
+          <strong>{{ selectedCase.date || "日期未知" }}</strong>
+          <span v-if="selectedCase.similarity != null">
+            相似度 {{ Math.round(selectedCase.similarity * 100) }}%
+          </span>
+        </div>
+        <dl class="case-modal__grid">
+          <div>
+            <dt>品类</dt>
+            <dd>
+              {{
+                selectedCase.category ||
+                selectedCase.product_category ||
+                "未填写"
+              }}
+            </dd>
+          </div>
+          <div>
+            <dt>物料</dt>
+            <dd>
+              {{
+                selectedCase.material || selectedCase.material_type || "未填写"
+              }}
+            </dd>
+          </div>
+          <div>
+            <dt>异常类型</dt>
+            <dd>
+              {{
+                selectedCase.anomalyType ||
+                selectedCase.anomaly_type ||
+                "未填写"
+              }}
+            </dd>
+          </div>
+          <div>
+            <dt>缺陷等级</dt>
+            <dd>
+              {{
+                selectedCase.defectLevel ||
+                selectedCase.defect_level ||
+                "未定级"
+              }}
+            </dd>
+          </div>
+          <div class="case-modal__field--wide">
+            <dt>问题描述</dt>
+            <dd>
+              {{ selectedCase.problem || selectedCase.description || "未填写" }}
+            </dd>
+          </div>
+          <div
+            v-if="selectedCase.rootCause || selectedCase.root_cause"
+            class="case-modal__field--wide"
+          >
+            <dt>原因分析</dt>
+            <dd>{{ selectedCase.rootCause || selectedCase.root_cause }}</dd>
+          </div>
+          <div class="case-modal__field--wide">
+            <dt>解决方案</dt>
+            <dd>{{ selectedCase.solution || "未填写" }}</dd>
+          </div>
+          <div v-if="selectedCase.result" class="case-modal__field--wide">
+            <dt>处理结果</dt>
+            <dd>{{ selectedCase.result }}</dd>
+          </div>
+        </dl>
+        <footer class="case-modal__footer">点击遮罩或右上角关闭详情</footer>
+      </section>
+    </div>
   </article>
 </template>
 
@@ -350,8 +539,19 @@ function formatCount(value: unknown) {
   border-left: 3px solid var(--color-accent);
 }
 .response-card--solution {
-  border: 1px solid #bfdbfe;
-  border-left: 3px solid var(--color-purple);
+  position: relative;
+  overflow: hidden;
+  border: 1px solid var(--color-accent-soft);
+  border-radius: 10px;
+  padding: 22px;
+}
+.response-card--solution::before {
+  position: absolute;
+  inset: 0 auto 0 0;
+  width: 3px;
+  border-radius: 10px 0 0 10px;
+  background: linear-gradient(180deg, var(--color-accent), var(--color-purple));
+  content: "";
 }
 .response-card__header {
   display: flex;
@@ -376,7 +576,20 @@ function formatCount(value: unknown) {
   color: var(--color-warning);
 }
 .response-card--solution .response-card__icon {
-  color: var(--color-purple);
+  width: 28px;
+  height: 28px;
+  border-radius: 5px;
+  background: linear-gradient(135deg, var(--color-accent), var(--color-purple));
+  color: #fff;
+}
+.response-card--solution .response-card__header {
+  margin-bottom: 14px;
+  border-bottom: 0;
+  padding-bottom: 0;
+}
+.response-card--solution .response-card__header h3 {
+  font-size: 14px;
+  font-weight: 650;
 }
 .response-card__header h3 {
   margin: 0;
@@ -496,6 +709,66 @@ function formatCount(value: unknown) {
   color: var(--color-warning);
   font-size: 10px;
 }
+.solution-standard-row {
+  display: flex;
+  width: 100%;
+  align-items: flex-start;
+  gap: 8px;
+  border: 0;
+  border-top: 1px dashed var(--color-border-light);
+  padding: 7px 0;
+  background: transparent;
+  color: var(--color-text-secondary);
+  font: inherit;
+  font-size: 13px;
+  line-height: 1.55;
+  text-align: left;
+  cursor: pointer;
+}
+.solution-standard-row:first-of-type {
+  border-top: 0;
+}
+.solution-standard-row:hover {
+  border-radius: 5px;
+  background: var(--color-bg-warm);
+}
+.solution-standard-tag {
+  flex: 0 0 auto;
+  border: 1px solid var(--color-accent-soft);
+  border-radius: 999px;
+  padding: 1px 8px;
+  background: var(--color-accent-subtle);
+  color: var(--color-accent);
+  font-size: 10px;
+  font-weight: 600;
+}
+.solution-standard-tag.law {
+  border-color: #fbcfe8;
+  background: #fce7f3;
+  color: #be185d;
+}
+.solution-standard-row > div {
+  min-width: 0;
+  flex: 1;
+}
+.solution-standard-row > div b {
+  color: var(--color-text-secondary);
+  font-weight: 500;
+}
+.solution-standard-row small {
+  display: block;
+  margin-top: 1px;
+  color: var(--color-text-faint);
+  font-size: 10px;
+}
+.solution-standard-row > strong {
+  flex: 0 0 auto;
+  color: var(--color-warning);
+  font-size: 11px;
+}
+.solution-standard-row > strong.ok {
+  color: var(--color-success);
+}
 .suggestion-list {
   margin: 12px 0 0;
   padding-left: 18px;
@@ -540,13 +813,82 @@ function formatCount(value: unknown) {
 }
 .solution-base {
   margin-top: 14px;
-  border-radius: 6px;
-  padding: 10px;
-  background: #f3f7fb;
+  border-radius: 5px;
+  padding: 10px 12px;
+  background: var(--color-bg-warm);
   color: var(--color-text-secondary);
-  font-size: 11px;
+  font-size: 12px;
+  line-height: 1.7;
+}
+.solution-standards {
+  margin-bottom: 10px;
+  border: 1px solid #bfdbfe;
+  border-radius: 8px;
+  padding: 14px;
+  background: #fff;
+}
+.solution-standards h4 {
+  margin-bottom: 4px;
+  color: #1d4ed8;
+  font-size: 12px;
+}
+.solution-standards__sub {
+  margin-bottom: 10px;
+  color: var(--color-text-faint);
+  font-size: 10px;
+}
+.solution-standards__foot {
+  margin-top: 8px;
+  border-top: 1px dashed var(--color-border-light);
+  padding-top: 8px;
+  color: var(--color-text-muted);
+  font-size: 10px;
   line-height: 1.6;
 }
+.solution-standards__foot b {
+  color: var(--color-accent);
+}
+.solution-case-row {
+  display: grid;
+  width: 100%;
+  grid-template-columns: 58px minmax(0, 1fr);
+  align-items: start;
+  gap: 8px;
+  border: 0;
+  border-radius: 6px;
+  margin-bottom: 4px;
+  padding: 7px 9px;
+  background: var(--color-bg-warm);
+  color: var(--color-text-secondary);
+  text-align: left;
+  cursor: pointer;
+}
+.solution-case-row:hover {
+  background: #f0f0ee;
+}
+.solution-case-rank {
+  padding-top: 1px;
+  color: var(--color-accent);
+  font-size: 11px;
+  font-weight: 650;
+  white-space: nowrap;
+}
+.solution-case-row > div {
+  min-width: 0;
+}
+.solution-case-row small {
+  display: block;
+  color: var(--color-text-faint);
+  font-size: 9px;
+  line-height: 1.45;
+  overflow-wrap: anywhere;
+}
+.solution-case-row em {
+  margin-left: 6px;
+  color: var(--color-accent);
+  font-style: normal;
+  white-space: nowrap;
+}
 .solution-confidence {
   margin-left: auto;
   border: 1px solid #fcd34d;
@@ -559,12 +901,13 @@ function formatCount(value: unknown) {
 }
 .solution-suggest {
   margin-top: 14px;
-  border-radius: 6px;
-  padding: 11px;
-  background: #eff6ff;
+  border-radius: 5px;
+  padding: 12px;
+  background: var(--color-accent-subtle);
 }
 .solution-suggest h4 {
   color: var(--color-accent);
+  font-size: 12px;
 }
 .solution-suggest ol {
   margin: 0;
@@ -572,16 +915,23 @@ function formatCount(value: unknown) {
   color: var(--color-text-secondary);
 }
 .solution-suggest li {
-  margin: 4px 0;
-  font-size: 11px;
-  line-height: 1.55;
+  margin: 3px 0;
+  font-size: 13px;
+  line-height: 1.6;
 }
 
 .solution-risk {
   display: flex;
   gap: 7px;
-  border-top: 1px solid var(--color-border-light);
+  border-bottom: 1px solid var(--color-border-light);
   padding: 8px 0;
+  font-size: 13px;
+}
+.solution-risk:first-child {
+  border-top: 0;
+}
+.solution-risk:last-child {
+  border-bottom: 0;
 }
 .solution-risk > span {
   flex: 0 0 auto;
@@ -602,24 +952,24 @@ function formatCount(value: unknown) {
 .solution-risk p {
   margin: 0;
   color: var(--color-text-secondary);
-  font-size: 11px;
-  line-height: 1.5;
+  font-size: 13px;
+  line-height: 1.6;
 }
 .solution-warning {
   display: flex;
   gap: 6px;
   margin-top: 10px;
   border-radius: 5px;
-  padding: 8px 10px;
+  padding: 8px 12px;
   background: var(--color-warning-soft);
   color: #92400e;
-  font-size: 10px;
-  line-height: 1.5;
+  font-size: 11px;
+  line-height: 1.6;
 }
 .response-actions {
   display: flex;
   flex-wrap: wrap;
-  gap: 6px;
+  gap: 8px;
   margin-top: 14px;
   border-top: 1px solid var(--color-border-light);
   padding-top: 12px;
@@ -628,27 +978,133 @@ function formatCount(value: unknown) {
   display: inline-flex;
   align-items: center;
   gap: 5px;
-  min-height: 30px;
+  min-height: 32px;
   border: 1px solid var(--color-border);
   border-radius: 5px;
-  padding: 0 10px;
+  padding: 0 14px;
   background: var(--color-surface);
   color: var(--color-text-secondary);
-  font-size: 10px;
+  font-size: 12px;
 }
 .response-actions__primary {
   border-color: var(--color-text) !important;
   background: var(--color-text) !important;
   color: white !important;
 }
-.response-feedback {
-  margin: 8px 0 0;
+.response-actions button:disabled {
+  border-color: var(--color-border-light);
+  background: var(--color-bg-warm);
+  color: var(--color-text-faint);
+  cursor: not-allowed;
+  opacity: 0.7;
+}
+.case-modal-backdrop {
+  position: fixed;
+  z-index: 30;
+  inset: 0;
+  display: grid;
+  place-items: center;
+  padding: 20px;
+  background: rgb(17 17 17 / 28%);
+}
+.case-modal {
+  width: min(620px, 100%);
+  max-height: min(720px, calc(100vh - 48px));
+  overflow-y: auto;
+  border: 1px solid var(--color-border);
+  border-radius: 10px;
+  background: var(--color-surface);
+  box-shadow: 0 22px 54px rgb(15 23 42 / 22%);
+}
+.case-modal__header {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  border-bottom: 1px solid var(--color-border-light);
+  padding: 18px 20px;
+}
+.case-modal__header small {
   color: var(--color-accent);
   font-size: 10px;
+  font-weight: 700;
+}
+.case-modal__header h3 {
+  margin: 4px 0 0;
+  font-size: 17px;
+}
+.case-modal__close {
+  border: 0;
+  background: transparent;
+  color: var(--color-text-muted);
+  font-size: 22px;
+  cursor: pointer;
+}
+.case-modal__summary {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 16px 20px 10px;
+}
+.case-modal__summary span {
+  border-radius: 4px;
+  padding: 4px 7px;
+  background: var(--color-accent-subtle);
+  color: var(--color-accent);
+  font-size: 11px;
+  font-weight: 700;
+}
+.case-modal__grid {
+  display: grid;
+  grid-template-columns: repeat(2, minmax(0, 1fr));
+  gap: 10px;
+  margin: 0;
+  padding: 10px 20px 20px;
+}
+.case-modal__grid > div {
+  min-width: 0;
+  border: 1px solid var(--color-border-light);
+  border-radius: 5px;
+  padding: 9px 10px;
+}
+.case-modal__grid dt {
+  color: var(--color-text-muted);
+  font-size: 10px;
+}
+.case-modal__grid dd {
+  margin: 4px 0 0;
+  color: var(--color-text-secondary);
+  font-size: 12px;
+  line-height: 1.55;
+  white-space: pre-wrap;
+}
+.case-modal__field--wide {
+  grid-column: 1 / -1;
+}
+.case-modal__footer {
+  border-top: 1px solid var(--color-border-light);
+  padding: 10px 20px 14px;
+  color: var(--color-text-faint);
+  font-size: 10px;
 }
 @media (max-width: 600px) {
   .metric-grid {
     grid-template-columns: repeat(2, 1fr);
   }
 }
+@media (max-width: 560px) {
+  .case-modal-backdrop {
+    align-items: end;
+    padding: 0;
+  }
+  .case-modal {
+    max-height: 90vh;
+    border-radius: 10px 10px 0 0;
+  }
+  .case-modal__grid {
+    grid-template-columns: 1fr;
+  }
+  .case-modal__field--wide {
+    grid-column: auto;
+  }
+}
 </style>
diff --git a/src/components/assistant/RiskAnalysisCard.vue b/src/components/assistant/RiskAnalysisCard.vue
index 9454001..2bf4500 100644
--- a/src/components/assistant/RiskAnalysisCard.vue
+++ b/src/components/assistant/RiskAnalysisCard.vue
@@ -437,7 +437,12 @@ function openSupplier() {
         </button>
         <button type="button" @click="openCase()">案例详情</button>
         <button type="button" @click="openSupplier">供应商对比</button>
-        <button v-if="canMonitor" type="button" @click="notify('加入监控')">
+        <button
+          v-if="canMonitor"
+          type="button"
+          disabled
+          title="加入监控功能开发中"
+        >
           加入监控
         </button>
       </div>
@@ -1117,6 +1122,13 @@ h3 {
   background: var(--color-text);
   color: white;
 }
+.risk-actions button:disabled {
+  border-color: var(--color-border-light);
+  background: var(--color-bg-warm);
+  color: var(--color-text-faint);
+  cursor: not-allowed;
+  opacity: 0.7;
+}
 
 .risk-feedback {
   margin: 8px 0 0;
diff --git a/src/pages/ReportPage.vue b/src/pages/ReportPage.vue
index 7a8bf7e..19376fc 100644
--- a/src/pages/ReportPage.vue
+++ b/src/pages/ReportPage.vue
@@ -277,6 +277,47 @@ function dimensionConclusion(item: {
         </template>
       </p>
 
+      <template v-if="report.aiSolutionCards?.length">
+        <h3 class="report-subsection-title">AI 案例推理方案明细（已追加）</h3>
+        <section
+          v-for="(solution, index) in report.aiSolutionCards"
+          :key="`${solution.title || 'solution'}-${index}`"
+          class="ai-solution-report"
+        >
+          <header>
+            <strong>{{ solution.title || "AI 案例推理生成" }}</strong>
+            <span v-if="solution.confidence"
+              >置信度：{{ solution.confidence }}</span
+            >
+          </header>
+          <p v-if="solution.analysisBase">
+            <b>分析基础：</b>{{ solution.analysisBase }}
+          </p>
+          <template v-if="solution.risks?.length">
+            <h3>风险项</h3>
+            <ul>
+              <li
+                v-for="risk in solution.risks"
+                :key="`${risk.title}-${risk.detail}`"
+              >
+                <b>{{ risk.level }} · {{ risk.title }}：</b>{{ risk.detail }}
+              </li>
+            </ul>
+          </template>
+          <template v-if="solution.suggestions?.length">
+            <h3>建议方案</h3>
+            <ol>
+              <li v-for="suggestion in solution.suggestions" :key="suggestion">
+                {{ suggestion }}
+              </li>
+            </ol>
+          </template>
+          <p v-if="solution.warning" class="ai-solution-report__warning">
+            {{ solution.warning }}
+          </p>
+        </section>
+      </template>
+
       <h2>七、标准判定结果</h2>
       <template v-if="report.standardJudgment?.length">
         <table>
@@ -440,6 +481,61 @@ ol {
   font-size: 13px;
   line-height: 1.8;
 }
+.ai-solution-report {
+  margin: 0 0 16px;
+  border: 1px solid #bfdbfe;
+  border-left: 3px solid #7c3aed;
+  border-radius: 7px;
+  padding: 14px;
+  background: #fafbff;
+}
+.report-subsection-title {
+  margin: 14px 0 8px;
+  color: #334155;
+  font-size: 13px;
+}
+.ai-solution-report header {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 8px;
+  color: #1d4ed8;
+  font-size: 13px;
+}
+.ai-solution-report header span {
+  border: 1px solid #fde68a;
+  border-radius: 999px;
+  padding: 2px 8px;
+  background: #fffbeb;
+  color: #d97706;
+  font-size: 10px;
+}
+.ai-solution-report p,
+.ai-solution-report li {
+  color: #334155;
+  font-size: 12px;
+  line-height: 1.7;
+}
+.ai-solution-report p {
+  margin: 6px 0;
+}
+.ai-solution-report h3 {
+  margin: 10px 0 4px;
+  font-size: 12px;
+}
+.ai-solution-report ul,
+.ai-solution-report ol {
+  margin: 4px 0;
+  padding-left: 20px;
+}
+.ai-solution-report__warning {
+  border-radius: 4px;
+  padding: 7px 9px;
+  background: #fffbeb;
+  color: #92400e !important;
+  font-size: 11px !important;
+}
 @media (max-width: 700px) {
   .report-page {
     padding: 12px;
diff --git a/src/pages/RiskAssistantPage.vue b/src/pages/RiskAssistantPage.vue
index b4cae0c..dc030db 100644
--- a/src/pages/RiskAssistantPage.vue
+++ b/src/pages/RiskAssistantPage.vue
@@ -11,7 +11,7 @@ import OcrRecognitionDialog from "@/components/ocr/OcrRecognitionDialog.vue";
 import { useConversationStore } from "@/stores/conversation.store";
 import { useAuthStore } from "@/stores/auth.store";
 import { storeToRefs } from "pinia";
-import type { RiskAssessmentResult } from "@/types/risk";
+import type { AiSolutionReport, RiskAssessmentResult } from "@/types/risk";
 
 const route = useRoute();
 const router = useRouter();
@@ -20,8 +20,10 @@ const conversationStore = useConversationStore();
 const {
   current: conversation,
   sending: loading,
+  generating,
   error,
 } = storeToRefs(conversationStore);
+const withdrawingId = ref<number | null>(null);
 const prompt = ref("");
 const ocrOpen = ref(false);
 const scrollArea = ref<HTMLElement | null>(null);
@@ -204,6 +206,25 @@ function handleScroll() {
   if (scrollArea.value && scrollArea.value.scrollTop <= 80) loadOlder();
 }
 
+function hasAssistantPair(index: number) {
+  return conversation.value?.messages[index + 1]?.role === "assistant";
+}
+
+function stopGeneration() {
+  conversationStore.stopGeneration();
+}
+
+async function withdrawMessage(messageId: number) {
+  if (!conversation.value || withdrawingId.value !== null) return;
+  if (!window.confirm("撤回后将同时删除该问题和对应回答，确认撤回吗？")) return;
+  withdrawingId.value = messageId;
+  try {
+    await conversationStore.withdraw(messageId);
+  } finally {
+    withdrawingId.value = null;
+  }
+}
+
 async function openFromRoute() {
   const rawId = route.query.conversation;
   if (typeof rawId !== "string") return;
@@ -227,6 +248,53 @@ function openReport(result: RiskAssessmentResult) {
   void router.push({ name: "report" });
 }
 
+function openSolutionReport(card: Record<string, unknown>) {
+  const solution = card as AiSolutionReport;
+  const current = conversation.value?.messages
+    .slice()
+    .reverse()
+    .find((message) => message.riskResult)?.riskResult;
+  let stored: RiskAssessmentResult | null = null;
+  try {
+    const raw = sessionStorage.getItem("dieya-risk-report");
+    stored = raw ? (JSON.parse(raw) as RiskAssessmentResult) : null;
+  } catch {
+    stored = null;
+  }
+  const sameReport = Boolean(
+    current && stored && current.subjectId === stored.subjectId,
+  );
+  const base: RiskAssessmentResult =
+    sameReport && stored
+      ? structuredClone(stored)
+      : current
+        ? structuredClone(current)
+        : stored || {
+            subjectId: "AI 案例推理方案",
+            score: 50,
+            level: "medium",
+            modelVersion: "ai-solution-card",
+            factors: [],
+          };
+  const existing = base.aiSolutionCards ?? [];
+  const merged: RiskAssessmentResult = {
+    ...base,
+    aiSolutionCards: [...existing, solution],
+    aiSuggestions: [
+      ...(base.aiSuggestions ?? []),
+      ...(solution.suggestions ?? []),
+    ],
+    similarCases: solution.similarCases?.length
+      ? [...(base.similarCases ?? []), ...solution.similarCases]
+      : base.similarCases,
+    standardJudgment: solution.standards?.length
+      ? [...(base.standardJudgment ?? []), ...solution.standards]
+      : base.standardJudgment,
+  };
+  sessionStorage.setItem("dieya-risk-report", JSON.stringify(merged));
+  void router.push({ name: "report" });
+}
+
 async function submit(
   messageType: "text" | "image" | "file" | "audio" = "text",
 ) {
@@ -293,6 +361,22 @@ async function scrollToBottom(behavior: "smooth" | "auto" = "smooth") {
             <div v-if="message.role === 'user'" class="user-bubble">
               {{ message.content }}
               <time>{{ formatMessageTime(message.createdAt) }}</time>
+              <div class="user-message-actions">
+                <button
+                  v-if="
+                    message.id > 0 &&
+                    !generating &&
+                    hasAssistantPair(
+                      conversation?.messages.indexOf(message) ?? -1,
+                    )
+                  "
+                  type="button"
+                  :disabled="withdrawingId !== null || loading"
+                  @click="withdrawMessage(message.id)"
+                >
+                  撤回
+                </button>
+              </div>
             </div>
             <div v-else class="message-body">
               <div
@@ -330,6 +414,7 @@ async function scrollToBottom(behavior: "smooth" | "auto" = "smooth") {
               <AssistantResponseCard
                 v-if="message.responseCard"
                 :card="message.responseCard"
+                @generate-report="openSolutionReport"
               />
               <time class="message-time">{{
                 formatMessageTime(message.createdAt)
@@ -342,6 +427,13 @@ async function scrollToBottom(behavior: "smooth" | "auto" = "smooth") {
           <div class="message-avatar">蝶</div>
           <div class="message-body">
             <p class="state-message">{{ loadingText }}</p>
+            <button
+              type="button"
+              class="stop-generation"
+              @click="stopGeneration"
+            >
+              停止生成
+            </button>
           </div>
         </div>
         <p v-if="error" class="state-message state-message--error">
@@ -517,6 +609,45 @@ async function scrollToBottom(behavior: "smooth" | "auto" = "smooth") {
   text-align: right;
 }
 
+.user-message-actions {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 7px;
+}
+
+.user-message-actions button {
+  border-color: rgb(255 255 255 / 35%);
+  color: rgb(255 255 255 / 82%);
+}
+
+.user-message-actions button,
+.stop-generation {
+  border: 1px solid rgb(255 255 255 / 35%);
+  border-radius: 999px;
+  padding: 3px 9px;
+  background: transparent;
+  color: rgb(255 255 255 / 82%);
+  font-size: 10px;
+}
+
+.user-message-actions button:hover,
+.stop-generation:hover {
+  border-color: rgb(255 255 255 / 65%);
+  color: white;
+}
+
+.user-message-actions button:disabled {
+  cursor: not-allowed;
+  opacity: 0.55;
+}
+
+.stop-generation {
+  margin-top: 8px;
+  border-color: var(--color-border-strong);
+  background: var(--color-surface);
+  color: var(--color-text-secondary);
+}
+
 .assistant-bubble {
   width: fit-content;
   max-width: 82%;
diff --git a/src/stores/conversation.store.ts b/src/stores/conversation.store.ts
index 9def815..0b6eeda 100644
--- a/src/stores/conversation.store.ts
+++ b/src/stores/conversation.store.ts
@@ -5,6 +5,7 @@ import {
   createConversation,
   fetchConversation,
   fetchConversations,
+  withdrawConversationMessage,
   streamConversationMessage,
   sendConversationMessage,
 } from "@/api/conversations";
@@ -19,6 +20,9 @@ export const useConversationStore = defineStore("conversation", () => {
   const sending = ref(false);
   const loadingOlder = ref(false);
   const error = ref<string | null>(null);
+  const generating = ref(false);
+  let activeController: AbortController | null = null;
+  let activeUserMessageId: number | null = null;
   let listRequest: Promise<void> | null = null;
   let listRequestSearch: string | undefined;
   let listLoadedAt = 0;
@@ -144,6 +148,8 @@ export const useConversationStore = defineStore("conversation", () => {
     if (!current.value) await create();
     if (!current.value) throw new Error("当前对话不存在");
     sending.value = true;
+    generating.value = true;
+    activeController = new AbortController();
     error.value = null;
     const startedAt = new Date().toISOString();
     const userMessage = {
@@ -156,6 +162,7 @@ export const useConversationStore = defineStore("conversation", () => {
       semantic: null,
       createdAt: startedAt,
     };
+    activeUserMessageId = userMessage.id;
     const assistantMessage = {
       id: userMessage.id - 1,
       role: "assistant" as const,
@@ -178,6 +185,23 @@ export const useConversationStore = defineStore("conversation", () => {
         conversationId,
         content,
         (event) => {
+          if (
+            event.type === "start" &&
+            event.data &&
+            typeof event.data === "object" &&
+            "messageId" in event.data &&
+            typeof event.data.messageId === "number" &&
+            current.value
+          ) {
+            const serverMessageId = event.data.messageId;
+            const messages = current.value.messages.map((message) =>
+              message.id === userMessage.id
+                ? { ...message, id: serverMessageId }
+                : message,
+            );
+            activeUserMessageId = serverMessageId;
+            current.value = { ...current.value, messages };
+          }
           if (event.type === "delta" && event.content) onDelta(event.content);
           if (event.type === "semantic" && event.data && current.value) {
             const messages = [...current.value.messages];
@@ -207,6 +231,7 @@ export const useConversationStore = defineStore("conversation", () => {
             current.value = event.data as Conversation;
         },
         messageType,
+        activeController.signal,
       );
       if (
         !current.value ||
@@ -223,15 +248,49 @@ export const useConversationStore = defineStore("conversation", () => {
       return current.value;
     } catch (reason) {
       const conversationId = current.value?.id;
+      if (activeController?.signal.aborted) {
+        if (conversationId) {
+          try {
+            const response = await fetchConversation(conversationId);
+            if (response.data.data) current.value = response.data.data;
+          } catch {
+            // If the request was cancelled before persistence, remove both
+            // temporary messages from the local conversation.
+            if (current.value) {
+              const messages = current.value.messages.filter(
+                (message) =>
+                  message.id !== assistantMessage.id &&
+                  message.id !== userMessage.id,
+              );
+              current.value = {
+                ...current.value,
+                messages,
+                messageCount: Math.max(0, current.value.messageCount - 2),
+                messagesTotal: Math.max(0, current.value.messagesTotal - 2),
+              };
+            }
+          }
+          const summary = current.value ? toSummary(current.value) : null;
+          if (summary) {
+            const index = items.value.findIndex(
+              (item) => item.id === summary.id,
+            );
+            if (index >= 0) items.value.splice(index, 1, summary);
+            else items.value.unshift(summary);
+          }
+        }
+        return current.value;
+      }
       if (current.value) {
         const messages = current.value.messages.filter(
-          (message) => message.id !== assistantMessage.id,
+          (message) =>
+            message.id !== assistantMessage.id && message.id !== userMessage.id,
         );
         current.value = {
           ...current.value,
           messages,
-          messageCount: Math.max(0, current.value.messageCount - 1),
-          messagesTotal: Math.max(0, current.value.messagesTotal - 1),
+          messageCount: Math.max(0, current.value.messageCount - 2),
+          messagesTotal: Math.max(0, current.value.messagesTotal - 2),
         };
       }
       if (conversationId) {
@@ -246,6 +305,43 @@ export const useConversationStore = defineStore("conversation", () => {
       throw reason;
     } finally {
       sending.value = false;
+      generating.value = false;
+      activeController = null;
+      activeUserMessageId = null;
+    }
+  }
+
+  function stopGeneration() {
+    activeController?.abort();
+  }
+
+  function isGeneratingMessage(messageId: number) {
+    return activeUserMessageId === messageId && generating.value;
+  }
+
+  async function withdraw(messageId: number) {
+    if (!current.value) return;
+    loading.value = true;
+    error.value = null;
+    try {
+      const response = await withdrawConversationMessage(
+        current.value.id,
+        messageId,
+      );
+      if (!response.data.data) throw new Error("撤回响应为空");
+      current.value = response.data.data;
+      const index = items.value.findIndex(
+        (item) => item.id === current.value?.id,
+      );
+      const summary = toSummary(current.value);
+      if (index >= 0) items.value.splice(index, 1, summary);
+      else items.value.unshift(summary);
+      return current.value;
+    } catch (reason) {
+      error.value = reason instanceof Error ? reason.message : "撤回失败";
+      throw reason;
+    } finally {
+      loading.value = false;
     }
   }
 
@@ -269,6 +365,7 @@ export const useConversationStore = defineStore("conversation", () => {
     current,
     loading,
     sending,
+    generating,
     loadingOlder,
     error,
     loadList,
@@ -277,6 +374,9 @@ export const useConversationStore = defineStore("conversation", () => {
     create,
     send,
     streamSend,
+    stopGeneration,
+    isGeneratingMessage,
+    withdraw,
     reset,
   };
 });
diff --git a/src/types/risk.ts b/src/types/risk.ts
index 13d9681..31e06cd 100644
--- a/src/types/risk.ts
+++ b/src/types/risk.ts
@@ -53,6 +53,7 @@ export interface RiskAssessmentResult {
     similarity?: number | null;
   }>;
   aiSuggestions?: string[];
+  aiSolutionCards?: AiSolutionReport[];
   riskBadge?: string | null;
   alertText?: string | null;
   categoryWarning?: {
@@ -84,6 +85,24 @@ export interface RiskAssessmentResult {
   dimensionScores?: RiskDimensionScore[];
 }
 
+export interface AiSolutionReport {
+  title?: string;
+  confidence?: string | null;
+  analysisBase?: string | null;
+  standardFallbackEnabled?: boolean;
+  standards?: Array<{
+    category: string;
+    riskPoint: string;
+    rule: string;
+    source: string | null;
+    status: string;
+  }>;
+  similarCases?: NonNullable<RiskAssessmentResult["similarCases"]>;
+  risks?: Array<{ level: string; title: string; detail: string }>;
+  suggestions?: string[];
+  warning?: string | null;
+}
+
 export type RiskReportResult = RiskAssessmentResult;
 
 export interface ModelInfo {
-- 
2.47.2


From d05be62e024e9c884aeaf735fab3fab74c2b6fe4 Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Wed, 9 Sep 2026 15:51:43 +0800
Subject: [PATCH 09/31] =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=BE=9B=E5=BA=94?=
 =?UTF-8?q?=E5=95=86=E6=90=9C=E7=B4=A2=E4=B8=8B=E6=8B=89=E4=B8=8E=E5=8D=A1?=
 =?UTF-8?q?=E7=89=87=E6=93=8D=E4=BD=9C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

供应商画像选择器改为支持输入筛选的动态下拉框，输入关键词实时匹配并刷新画像；删除暂未实现的收藏方案按钮，保留已接入操作。
---
 .../assistant/AssistantResponseCard.vue       |   8 -
 src/pages/SupplierProfilePage.vue             | 164 ++++++++++++++++--
 2 files changed, 153 insertions(+), 19 deletions(-)

diff --git a/src/components/assistant/AssistantResponseCard.vue b/src/components/assistant/AssistantResponseCard.vue
index fc4b033..401f1ad 100644
--- a/src/components/assistant/AssistantResponseCard.vue
+++ b/src/components/assistant/AssistantResponseCard.vue
@@ -403,14 +403,6 @@ function generateReport() {
       >
         查看标准详情
       </button>
-      <button
-        v-if="card.type === 'solution'"
-        type="button"
-        disabled
-        title="功能开发中"
-      >
-        📌 收藏方案
-      </button>
       <button
         v-if="card.type === 'solution'"
         type="button"
diff --git a/src/pages/SupplierProfilePage.vue b/src/pages/SupplierProfilePage.vue
index 460b67a..8c3fcb4 100644
--- a/src/pages/SupplierProfilePage.vue
+++ b/src/pages/SupplierProfilePage.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, onMounted, ref, watch } from "vue";
+import { computed, onBeforeUnmount, onMounted, ref, watch } from "vue";
 import { useRoute, useRouter } from "vue-router";
 
 import { fetchSupplierOptions } from "@/api/suppliers";
@@ -10,6 +10,11 @@ const router = useRouter();
 const route = useRoute();
 const supplierNames = ref<string[]>([]);
 const selected = ref("");
+const supplierQuery = ref("");
+const supplierResults = ref<string[]>([]);
+const supplierDropdownOpen = ref(false);
+const supplierSearching = ref(false);
+let supplierSearchTimer: ReturnType<typeof setTimeout> | undefined;
 const profile = ref<SupplierProfile | null>(null);
 const loading = ref(false);
 const error = ref("");
@@ -89,11 +94,64 @@ async function loadOptions() {
       typeof route.query.supplier === "string"
         ? route.query.supplier
         : (response.data.data?.defaultSupplier ?? supplierNames.value[0] ?? "");
+    supplierQuery.value = selected.value;
+    supplierResults.value = supplierNames.value;
     if (selected.value) await loadProfile();
   } catch {
     error.value = "供应商列表加载失败，请重试。";
   }
 }
+
+function openSupplierDropdown() {
+  supplierDropdownOpen.value = true;
+  if (!supplierQuery.value || supplierQuery.value === selected.value) {
+    supplierResults.value = supplierNames.value;
+  }
+}
+
+function searchSuppliers(value: string) {
+  if (supplierSearchTimer) clearTimeout(supplierSearchTimer);
+  const keyword = value.trim();
+  if (!keyword) {
+    supplierResults.value = supplierNames.value;
+    supplierSearching.value = false;
+    return;
+  }
+  const local = supplierNames.value.filter((name) => name.includes(keyword));
+  supplierResults.value = local;
+  supplierSearching.value = true;
+  supplierSearchTimer = setTimeout(async () => {
+    try {
+      const response = await fetchSupplierOptions(keyword);
+      supplierResults.value =
+        response.data.data?.items.map((item) => item.name) ?? [];
+    } catch {
+      supplierResults.value = local;
+    } finally {
+      supplierSearching.value = false;
+    }
+  }, 180);
+}
+
+function onSupplierInput(event: Event) {
+  supplierQuery.value = (event.target as HTMLInputElement).value;
+  supplierDropdownOpen.value = true;
+  searchSuppliers(supplierQuery.value);
+}
+
+function selectSupplier(name: string) {
+  selected.value = name;
+  supplierQuery.value = name;
+  supplierDropdownOpen.value = false;
+  chooseSupplier();
+}
+
+function closeSupplierDropdown() {
+  window.setTimeout(() => {
+    supplierDropdownOpen.value = false;
+    if (selected.value) supplierQuery.value = selected.value;
+  }, 120);
+}
 async function loadProfile() {
   if (!selected.value) return;
   loading.value = true;
@@ -116,11 +174,15 @@ function chooseSupplier() {
   void loadProfile();
 }
 onMounted(() => void loadOptions());
+onBeforeUnmount(() => {
+  if (supplierSearchTimer) clearTimeout(supplierSearchTimer);
+});
 watch(
   () => route.query.supplier,
   (value) => {
     if (typeof value === "string" && value !== selected.value) {
       selected.value = value;
+      supplierQuery.value = value;
       void loadProfile();
     }
   },
@@ -132,16 +194,46 @@ watch(
     <div class="supplier-inner">
       <header class="supplier-head">
         <h1>供应商深度画像</h1>
-        <select
-          v-model="selected"
-          class="supplier-select"
-          aria-label="选择供应商"
-          @change="chooseSupplier"
-        >
-          <option v-for="name in supplierNames" :key="name" :value="name">
-            {{ name }}
-          </option>
-        </select>
+        <div class="supplier-combobox" @focusout="closeSupplierDropdown">
+          <input
+            :value="supplierQuery"
+            class="supplier-select"
+            type="text"
+            role="combobox"
+            aria-label="搜索并选择供应商"
+            aria-autocomplete="list"
+            :aria-expanded="supplierDropdownOpen"
+            placeholder="输入供应商名称"
+            @focus="openSupplierDropdown"
+            @input="onSupplierInput"
+          />
+          <div
+            v-if="supplierDropdownOpen"
+            class="supplier-options"
+            role="listbox"
+          >
+            <button
+              v-for="name in supplierResults"
+              :key="name"
+              type="button"
+              class="supplier-option"
+              :class="{ active: name === selected }"
+              role="option"
+              :aria-selected="name === selected"
+              @mousedown.prevent="selectSupplier(name)"
+            >
+              {{ name }}
+            </button>
+            <span v-if="supplierSearching" class="supplier-option-state"
+              >搜索中…</span
+            >
+            <span
+              v-else-if="!supplierResults.length"
+              class="supplier-option-state"
+              >未找到匹配供应商</span
+            >
+          </div>
+        </div>
         <span v-if="profile" class="tier-badge" :class="tierClass">{{
           tierLabel
         }}</span>
@@ -418,6 +510,8 @@ watch(
   font-weight: 650;
 }
 .supplier-select {
+  width: 180px;
+  min-height: 34px;
   padding: 7px 14px;
   border: 1px solid #e4e4e2;
   border-radius: 5px;
@@ -428,6 +522,47 @@ watch(
   font-size: 13px;
   cursor: pointer;
 }
+.supplier-combobox {
+  position: relative;
+  z-index: 5;
+}
+.supplier-combobox .supplier-select {
+  cursor: text;
+}
+.supplier-options {
+  position: absolute;
+  top: calc(100% + 4px);
+  right: 0;
+  left: 0;
+  max-height: 260px;
+  overflow-y: auto;
+  border: 1px solid var(--color-border-strong);
+  border-radius: 5px;
+  padding: 4px 0;
+  background: #fff;
+  box-shadow: var(--shadow-lg);
+}
+.supplier-option {
+  display: block;
+  width: 100%;
+  border: 0;
+  padding: 8px 12px;
+  background: #fff;
+  color: var(--color-text-secondary);
+  font-size: 12px;
+  text-align: left;
+}
+.supplier-option:hover,
+.supplier-option.active {
+  background: var(--color-accent-subtle);
+  color: var(--color-accent);
+}
+.supplier-option-state {
+  display: block;
+  padding: 9px 12px;
+  color: var(--color-text-faint);
+  font-size: 11px;
+}
 .version-note {
   color: #999;
   font-size: 11px;
@@ -700,6 +835,13 @@ watch(
     order: 3;
     width: 100%;
   }
+  .supplier-combobox {
+    order: 3;
+    width: 100%;
+  }
+  .supplier-combobox .supplier-select {
+    width: 100%;
+  }
   .version-note {
     width: 100%;
   }
-- 
2.47.2


From ca9fc9ee9d888ab9e4d54ab1add0e423ffa135ea Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Wed, 9 Sep 2026 17:04:16 +0800
Subject: [PATCH 10/31] =?UTF-8?q?=E7=BB=9F=E4=B8=80=E5=89=8D=E7=AB=AF?=
 =?UTF-8?q?=E6=8A=A5=E5=91=8A=E5=8D=A1=E7=89=87=E5=B1=95=E7=A4=BA=E4=B8=8E?=
 =?UTF-8?q?=E8=BF=BD=E5=8A=A0=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../assistant/AssistantResponseCard.vue       |   8 +-
 src/pages/ReportPage.vue                      | 135 ++++++++++++------
 src/pages/RiskAssistantPage.vue               | 127 ++++++++++++----
 src/types/risk.ts                             |  38 +++++
 4 files changed, 238 insertions(+), 70 deletions(-)

diff --git a/src/components/assistant/AssistantResponseCard.vue b/src/components/assistant/AssistantResponseCard.vue
index 401f1ad..a220c22 100644
--- a/src/components/assistant/AssistantResponseCard.vue
+++ b/src/components/assistant/AssistantResponseCard.vue
@@ -15,11 +15,12 @@ import { computed, ref } from "vue";
 import { useRouter } from "vue-router";
 
 import type { AssistantResponseCard } from "@/types/conversation";
+import type { ReportCard } from "@/types/risk";
 
 const props = defineProps<{ card: AssistantResponseCard }>();
 const router = useRouter();
 const emit = defineEmits<{
-  generateReport: [card: AssistantResponseCard];
+  generateReport: [card: ReportCard];
 }>();
 interface CardData extends AssistantResponseCard {
   name?: string;
@@ -119,7 +120,7 @@ function formatCount(value: unknown) {
 }
 
 function generateReport() {
-  emit("generateReport", props.card);
+  emit("generateReport", JSON.parse(JSON.stringify(props.card)) as ReportCard);
 }
 </script>
 
@@ -389,8 +390,7 @@ function generateReport() {
       <button
         type="button"
         class="response-actions__primary"
-        :disabled="card.type !== 'solution'"
-        :title="card.type === 'solution' ? '追加到当前风险报告' : '功能开发中'"
+        title="追加到当前风险报告"
         @click="generateReport"
       >
         <CheckCircle2 :size="14" />生成报告
diff --git a/src/pages/ReportPage.vue b/src/pages/ReportPage.vue
index 19376fc..b11bd7b 100644
--- a/src/pages/ReportPage.vue
+++ b/src/pages/ReportPage.vue
@@ -4,7 +4,7 @@ import { computed } from "vue";
 import { useRouter } from "vue-router";
 
 import { downloadReportPdf, downloadReportWord } from "@/api/reports";
-import type { RiskReportResult } from "@/types/risk";
+import type { ReportCard, RiskReportResult } from "@/types/risk";
 import { formatRiskLevel } from "@/utils/risk";
 
 const router = useRouter();
@@ -16,6 +16,24 @@ try {
   parsed = null;
 }
 const report = computed(() => parsed);
+const reportCards = computed<ReportCard[]>(
+  () => {
+    if (!report.value) return [];
+    if (report.value.reportCards?.length) return report.value.reportCards;
+    return (report.value.aiSolutionCards ?? []).map((solution) => ({
+      type: "solution" as const,
+      title: solution.title || "AI 案例推理生成",
+      confidence: solution.confidence,
+      analysisBase: solution.analysisBase,
+      standardFallbackEnabled: solution.standardFallbackEnabled,
+      standards: solution.standards,
+      similarCases: solution.similarCases,
+      risks: solution.risks,
+      suggestions: solution.suggestions,
+      warning: solution.warning,
+    }));
+  },
+);
 const dimensionRows = computed(() => {
   if (!report.value) return [];
   if (report.value.dimensionScores?.length) {
@@ -277,47 +295,6 @@ function dimensionConclusion(item: {
         </template>
       </p>
 
-      <template v-if="report.aiSolutionCards?.length">
-        <h3 class="report-subsection-title">AI 案例推理方案明细（已追加）</h3>
-        <section
-          v-for="(solution, index) in report.aiSolutionCards"
-          :key="`${solution.title || 'solution'}-${index}`"
-          class="ai-solution-report"
-        >
-          <header>
-            <strong>{{ solution.title || "AI 案例推理生成" }}</strong>
-            <span v-if="solution.confidence"
-              >置信度：{{ solution.confidence }}</span
-            >
-          </header>
-          <p v-if="solution.analysisBase">
-            <b>分析基础：</b>{{ solution.analysisBase }}
-          </p>
-          <template v-if="solution.risks?.length">
-            <h3>风险项</h3>
-            <ul>
-              <li
-                v-for="risk in solution.risks"
-                :key="`${risk.title}-${risk.detail}`"
-              >
-                <b>{{ risk.level }} · {{ risk.title }}：</b>{{ risk.detail }}
-              </li>
-            </ul>
-          </template>
-          <template v-if="solution.suggestions?.length">
-            <h3>建议方案</h3>
-            <ol>
-              <li v-for="suggestion in solution.suggestions" :key="suggestion">
-                {{ suggestion }}
-              </li>
-            </ol>
-          </template>
-          <p v-if="solution.warning" class="ai-solution-report__warning">
-            {{ solution.warning }}
-          </p>
-        </section>
-      </template>
-
       <h2>七、标准判定结果</h2>
       <template v-if="report.standardJudgment?.length">
         <table>
@@ -347,6 +324,41 @@ function dimensionConclusion(item: {
         双引擎融合：历史异常经验引擎提供风险优先级，标准库提供可执行的检测阈值与验证任务。
       </p>
 
+      <template v-if="reportCards.length">
+        <h2>八、追加卡片分析</h2>
+        <section
+          v-for="(card, index) in reportCards"
+          :key="`${card.type}-${card.title}-${index}`"
+          class="report-card-detail"
+        >
+          <header><strong>{{ card.title }}</strong><span>{{ card.type }}</span></header>
+          <p v-if="card.name || card.material || card.category"><b>分析对象：</b>{{ card.name || card.material || card.category }}</p>
+          <p v-if="card.partyType"><b>对象类型：</b>{{ card.partyType }}</p>
+          <p v-if="card.question"><b>原始问题：</b>{{ card.question }}</p>
+          <p v-if="card.anomalyCount != null"><b>历史异常：</b>{{ card.anomalyCount }} 条</p>
+          <p v-if="card.cooperationCount != null"><b>合作次数：</b>{{ card.cooperationCount }} 次</p>
+          <p v-if="card.frequencyBasis"><b>数据口径：</b>{{ card.frequencyBasis }}</p>
+          <p v-if="card.dataAvailable != null"><b>数据状态：</b>{{ card.dataAvailable ? "有匹配数据" : "暂无匹配数据" }}</p>
+          <p v-if="card.frequencyCoefficient != null"><b>频次系数：</b>×{{ card.frequencyCoefficient.toFixed(2) }}</p>
+          <p v-if="card.supplierBaseScore != null"><b>供应商基础分：</b>{{ card.supplierBaseScore.toFixed(2) }} 分</p>
+          <p v-if="card.supplierScore != null"><b>供应商得分：</b>{{ card.supplierScore.toFixed(2) }} 分</p>
+          <p v-if="card.tier"><b>层级：</b>{{ card.tier }}</p>
+          <p v-if="card.matchedCount != null"><b>匹配数量：</b>{{ card.matchedCount }} 条</p>
+          <p v-if="card.analysisBase"><b>分析基础：</b>{{ card.analysisBase }}</p>
+          <p v-if="card.confidence"><b>置信度：</b>{{ card.confidence }}</p>
+          <p v-if="card.standardFallbackEnabled"><b>标准兜底校验：</b>已启用（无直接历史案例）</p>
+          <p v-if="card.detectedValues?.length"><b>检测值：</b>{{ card.detectedValues.map((item) => `${item.name}：${item.value}`).join("、") }}</p>
+          <p v-if="card.topProblems?.length"><b>高频问题：</b>{{ card.topProblems.map((item) => `${item.name}（${item.count}次）`).join("、") }}</p>
+          <p v-if="card.frequentProblems?.length"><b>常见问题：</b>{{ card.frequentProblems.map((item) => `${item.name}（${item.count}次）`).join("、") }}</p>
+          <template v-if="card.standards?.length"><p><b>关联标准：</b></p><ul class="report-card-detail__standards"><li v-for="standard in card.standards" :key="`${standard.category}-${standard.riskPoint}`">{{ standard.category }} · {{ standard.riskPoint }}：{{ standard.rule }}（{{ standard.source || "标准文件.xlsx" }}）· {{ standard.status }}</li></ul></template>
+          <template v-if="card.similarCases?.length"><p><b>相似案例：</b></p><ul class="report-card-detail__standards"><li v-for="(item, caseIndex) in card.similarCases" :key="`${item.date || 'case'}-${caseIndex}`">{{ item.date || "日期未知" }} · {{ item.product || "未命名产品" }} · {{ item.problem || item.description || "异常问题未填写" }} → {{ item.solution || "解决方案未填写" }}<template v-if="item.similarity != null">（相似度 {{ Math.round(item.similarity * 100) }}%）</template></li></ul></template>
+          <ul v-if="card.risks?.length"><li v-for="risk in card.risks" :key="`${risk.title}-${risk.detail}`"><b>{{ risk.level }} · {{ risk.title }}：</b>{{ risk.detail }}</li></ul>
+          <ol v-if="card.suggestions?.length"><li v-for="suggestion in card.suggestions" :key="suggestion">{{ suggestion }}</li></ol>
+          <p v-if="card.note"><b>备注：</b>{{ card.note }}</p>
+          <p v-if="card.warning" class="report-card-detail__warning">{{ card.warning }}</p>
+        </section>
+      </template>
+
       <footer class="report-footer">
         <span>编制：蝶雅风险预估系统</span
         ><span>生成时间：{{ generatedAt }}</span>
@@ -494,6 +506,45 @@ ol {
   color: #334155;
   font-size: 13px;
 }
+.report-card-detail {
+  margin: 0 0 14px;
+  border: 1px solid #dbe3ef;
+  border-left: 3px solid #2563eb;
+  border-radius: 6px;
+  padding: 12px 14px;
+  background: #fafcff;
+}
+.report-card-detail header {
+  display: flex;
+  justify-content: space-between;
+  margin-bottom: 7px;
+  color: #1d4ed8;
+  font-size: 13px;
+}
+.report-card-detail header span {
+  color: #64748b;
+  font-size: 10px;
+}
+.report-card-detail p,
+.report-card-detail li {
+  margin: 4px 0;
+  color: #334155;
+  font-size: 12px;
+  line-height: 1.6;
+}
+.report-card-detail ul {
+  margin: 4px 0;
+  padding-left: 20px;
+}
+.report-card-detail__standards {
+  color: #475569;
+}
+.report-card-detail__warning {
+  border-radius: 4px;
+  padding: 6px 8px;
+  background: #fffbeb;
+  color: #92400e !important;
+}
 .ai-solution-report header {
   display: flex;
   align-items: center;
diff --git a/src/pages/RiskAssistantPage.vue b/src/pages/RiskAssistantPage.vue
index dc030db..b63f5f9 100644
--- a/src/pages/RiskAssistantPage.vue
+++ b/src/pages/RiskAssistantPage.vue
@@ -11,7 +11,7 @@ import OcrRecognitionDialog from "@/components/ocr/OcrRecognitionDialog.vue";
 import { useConversationStore } from "@/stores/conversation.store";
 import { useAuthStore } from "@/stores/auth.store";
 import { storeToRefs } from "pinia";
-import type { AiSolutionReport, RiskAssessmentResult } from "@/types/risk";
+import type { ReportCard, RiskAssessmentResult } from "@/types/risk";
 
 const route = useRoute();
 const router = useRouter();
@@ -69,6 +69,29 @@ const toolLabel = computed(() => {
   if (tool.value === "cases") return "案例关键词";
   return "方案主题";
 });
+const toolDescription = computed(() => {
+  if (tool.value === "assessment")
+    return "填写品类、包装材质（必填），可补充规格、供应商、加工厂和开发阶段。";
+  if (tool.value === "material")
+    return "输入物料名称或组合，例如：软管、PET瓶、铝瓶+喷头、泵头。";
+  if (tool.value === "cases")
+    return "描述要检索的异常现象，例如：软管印刷遇水脱落、泵头漏液。";
+  if (tool.value === "solution")
+    return "描述需要生成方案的新品、品类、材质或风险问题，例如：铝瓶+喷头的密封验证方案。";
+  return "填写必要信息后，将生成一条带上下文的对话请求。";
+});
+const toolPlaceholder = computed(() => {
+  if (tool.value === "material") return "如：软管 / PET瓶 / 铝瓶+喷头";
+  if (tool.value === "cases") return "如：软管印刷遇水脱落，如何处理";
+  if (tool.value === "solution")
+    return "如：次氯酸消毒喷雾，铝瓶+喷头，生成验证方案";
+  return "请输入内容";
+});
+const toolSubmitLabel = computed(() =>
+  ["assessment", "material", "cases", "solution"].includes(tool.value ?? "")
+    ? "开始分析"
+    : "带入对话",
+);
 
 const loadingText = computed(() =>
   loading.value ? "正在调用风险评分引擎…" : "",
@@ -155,6 +178,27 @@ function submitTool() {
     ]
       .filter(Boolean)
       .join("，");
+  } else if (selectedTool === "material") {
+    const value = toolInput.value.trim();
+    if (!value) {
+      toolError.value = "请输入要查询的物料名称";
+      return;
+    }
+    toolInput.value = `查物料风险：${value}`;
+  } else if (selectedTool === "cases") {
+    const value = toolInput.value.trim();
+    if (!value) {
+      toolError.value = "请输入要检索的异常现象或关键词";
+      return;
+    }
+    toolInput.value = `搜索相似案例：${value}`;
+  } else if (selectedTool === "solution") {
+    const value = toolInput.value.trim();
+    if (!value) {
+      toolError.value = "请输入需要生成方案的产品或风险问题";
+      return;
+    }
+    toolInput.value = `生成 AI 案例推理方案：${value}`;
   }
   const finalValue = toolInput.value.trim();
   if (!finalValue && !toolFile.value) {
@@ -243,24 +287,54 @@ async function openFromRoute() {
   }
 }
 
+function readStoredReport() {
+  try {
+    const raw = sessionStorage.getItem("dieya-risk-report");
+    return raw ? (JSON.parse(raw) as RiskAssessmentResult) : null;
+  } catch {
+    return null;
+  }
+}
+
+function legacySolutionCards(result: RiskAssessmentResult): ReportCard[] {
+  return (result.aiSolutionCards ?? []).map((item) => ({
+    type: "solution" as const,
+    title: item.title || "AI 案例推理生成",
+    confidence: item.confidence,
+    analysisBase: item.analysisBase,
+    standardFallbackEnabled: item.standardFallbackEnabled,
+    standards: item.standards,
+    similarCases: item.similarCases,
+    risks: item.risks,
+    suggestions: item.suggestions,
+    warning: item.warning,
+  }));
+}
+
 function openReport(result: RiskAssessmentResult) {
-  sessionStorage.setItem("dieya-risk-report", JSON.stringify(result));
+  const stored = readStoredReport();
+  const merged: RiskAssessmentResult =
+    stored?.subjectId === result.subjectId
+      ? {
+          ...structuredClone(result),
+          reportCards: stored.reportCards?.length
+            ? stored.reportCards
+            : result.reportCards ?? [],
+          aiSolutionCards: stored.aiSolutionCards?.length
+            ? stored.aiSolutionCards
+            : result.aiSolutionCards ?? [],
+        }
+      : structuredClone(result);
+  sessionStorage.setItem("dieya-risk-report", JSON.stringify(merged));
   void router.push({ name: "report" });
 }
 
-function openSolutionReport(card: Record<string, unknown>) {
-  const solution = card as AiSolutionReport;
+function openSolutionReport(card: ReportCard) {
   const current = conversation.value?.messages
     .slice()
     .reverse()
     .find((message) => message.riskResult)?.riskResult;
-  let stored: RiskAssessmentResult | null = null;
-  try {
-    const raw = sessionStorage.getItem("dieya-risk-report");
-    stored = raw ? (JSON.parse(raw) as RiskAssessmentResult) : null;
-  } catch {
-    stored = null;
-  }
+  const stored = readStoredReport();
   const sameReport = Boolean(
     current && stored && current.subjectId === stored.subjectId,
   );
@@ -276,19 +350,23 @@ function openSolutionReport(card: Record<string, unknown>) {
             modelVersion: "ai-solution-card",
             factors: [],
           };
-  const existing = base.aiSolutionCards ?? [];
+  const existingCards = base.reportCards ?? [];
   const merged: RiskAssessmentResult = {
     ...base,
-    aiSolutionCards: [...existing, solution],
-    aiSuggestions: [
-      ...(base.aiSuggestions ?? []),
-      ...(solution.suggestions ?? []),
+    // All newly appended cards use one canonical collection.  Migrate old
+    // AI-only entries once so they are not lost when the first generic card
+    // is appended to an existing session.
+    aiSolutionCards: base.aiSolutionCards,
+    reportCards: [
+      ...(existingCards.length ? existingCards : legacySolutionCards(base)),
+      card,
     ],
-    similarCases: solution.similarCases?.length
-      ? [...(base.similarCases ?? []), ...solution.similarCases]
+    aiSuggestions: [...(base.aiSuggestions ?? []), ...(card.suggestions ?? [])],
+    similarCases: card.similarCases?.length
+      ? [...(base.similarCases ?? []), ...card.similarCases]
       : base.similarCases,
-    standardJudgment: solution.standards?.length
-      ? [...(base.standardJudgment ?? []), ...solution.standards]
+    standardJudgment: card.standards?.length
+      ? [...(base.standardJudgment ?? []), ...card.standards]
       : base.standardJudgment,
   };
   sessionStorage.setItem("dieya-risk-report", JSON.stringify(merged));
@@ -464,9 +542,7 @@ async function scrollToBottom(behavior: "smooth" | "auto" = "smooth") {
         </button>
         <p class="eyebrow">CHAT TOOL</p>
         <h2>{{ toolTitle }}</h2>
-        <p class="dialog-description">
-          填写必要信息后，将生成一条带上下文的对话请求。
-        </p>
+        <p class="dialog-description">{{ toolDescription }}</p>
         <div v-if="tool === 'assessment'" class="assessment-fields">
           <label
             >产品品类<input v-model="assessmentFields.category" autofocus
@@ -499,6 +575,7 @@ async function scrollToBottom(behavior: "smooth" | "auto" = "smooth") {
             v-if="tool !== 'ocr' && tool !== 'voice'"
             v-model="toolInput"
             :maxlength="tool === 'cases' ? 50 : 2000"
+            :placeholder="toolPlaceholder"
             autofocus
           />
           <input
@@ -517,7 +594,9 @@ async function scrollToBottom(behavior: "smooth" | "auto" = "smooth") {
           <button type="button" class="dialog-secondary" @click="closeTool">
             取消
           </button>
-          <button type="submit" class="dialog-primary">带入对话</button>
+          <button type="submit" class="dialog-primary">
+            {{ toolSubmitLabel }}
+          </button>
         </div>
       </form>
     </div>
diff --git a/src/types/risk.ts b/src/types/risk.ts
index 31e06cd..c480d42 100644
--- a/src/types/risk.ts
+++ b/src/types/risk.ts
@@ -54,6 +54,7 @@ export interface RiskAssessmentResult {
   }>;
   aiSuggestions?: string[];
   aiSolutionCards?: AiSolutionReport[];
+  reportCards?: ReportCard[];
   riskBadge?: string | null;
   alertText?: string | null;
   categoryWarning?: {
@@ -103,6 +104,43 @@ export interface AiSolutionReport {
   warning?: string | null;
 }
 
+export interface ReportCard {
+  type: "supplier" | "material" | "standard" | "compliance" | "solution";
+  title: string;
+  name?: string;
+  partyType?: string;
+  material?: string;
+  category?: string;
+  anomalyCount?: number | null;
+  cooperationCount?: number | null;
+  frequencyCoefficient?: number | null;
+  supplierBaseScore?: number | null;
+  supplierScore?: number | null;
+  tier?: string | null;
+  matchedCount?: number | null;
+  topProblems?: Array<{ name: string; count: number }>;
+  frequentProblems?: Array<{ name: string; count: number }>;
+  standards?: Array<{
+    category: string;
+    riskPoint: string;
+    rule: string;
+    source: string | null;
+    status: string;
+  }>;
+  similarCases?: NonNullable<RiskAssessmentResult["similarCases"]>;
+  confidence?: string | null;
+  analysisBase?: string | null;
+  risks?: Array<{ level: string; title: string; detail: string }>;
+  suggestions?: string[];
+  note?: string | null;
+  warning?: string | null;
+  question?: string | null;
+  detectedValues?: Array<{ name: string; value: string }>;
+  standardFallbackEnabled?: boolean;
+  frequencyBasis?: string | null;
+  dataAvailable?: boolean;
+}
+
 export type RiskReportResult = RiskAssessmentResult;
 
 export interface ModelInfo {
-- 
2.47.2


From 343c04530cc70c9fea6baf900ba91553e6ecb89d Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Wed, 9 Sep 2026 17:05:33 +0800
Subject: [PATCH 11/31] =?UTF-8?q?=E5=85=BC=E5=AE=B9=E6=97=A7=E6=8A=A5?=
 =?UTF-8?q?=E5=91=8A=E5=8D=A1=E7=89=87=E5=B9=B6=E4=BF=9D=E7=95=99=E8=BF=BD?=
 =?UTF-8?q?=E5=8A=A0=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/RiskAssistantPage.vue | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/pages/RiskAssistantPage.vue b/src/pages/RiskAssistantPage.vue
index b63f5f9..80a9867 100644
--- a/src/pages/RiskAssistantPage.vue
+++ b/src/pages/RiskAssistantPage.vue
@@ -313,13 +313,16 @@ function legacySolutionCards(result: RiskAssessmentResult): ReportCard[] {
 
 function openReport(result: RiskAssessmentResult) {
   const stored = readStoredReport();
+  const storedCards = stored
+    ? stored.reportCards?.length
+      ? stored.reportCards
+      : legacySolutionCards(stored)
+    : [];
   const merged: RiskAssessmentResult =
     stored?.subjectId === result.subjectId
       ? {
           ...structuredClone(result),
-          reportCards: stored.reportCards?.length
-            ? stored.reportCards
-            : result.reportCards ?? [],
+          reportCards: storedCards.length ? storedCards : result.reportCards ?? [],
           aiSolutionCards: stored.aiSolutionCards?.length
             ? stored.aiSolutionCards
             : result.aiSolutionCards ?? [],
-- 
2.47.2


From 8ed60807f9fb33cb0134393ee34ad132c1a763b9 Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Wed, 9 Sep 2026 17:23:56 +0800
Subject: [PATCH 12/31] =?UTF-8?q?=E6=8C=89=E7=B1=BB=E5=9E=8B=E5=BD=92?=
 =?UTF-8?q?=E5=B9=B6=E6=8A=A5=E5=91=8A=E9=A1=B5=E9=9D=A2=E8=BF=BD=E5=8A=A0?=
 =?UTF-8?q?=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/ReportPage.vue | 152 ++++++++++++++++++++++++---------------
 1 file changed, 96 insertions(+), 56 deletions(-)

diff --git a/src/pages/ReportPage.vue b/src/pages/ReportPage.vue
index b11bd7b..0f52aa7 100644
--- a/src/pages/ReportPage.vue
+++ b/src/pages/ReportPage.vue
@@ -34,6 +34,48 @@ const reportCards = computed<ReportCard[]>(
     }));
   },
 );
+const reportData = computed(() => {
+  const cards = reportCards.value;
+  const unique = <T>(items: T[], key: (item: T) => string) => {
+    const seen = new Set<string>();
+    return items.filter((item) => {
+      const value = key(item);
+      if (seen.has(value)) return false;
+      seen.add(value);
+      return true;
+    });
+  };
+  const standards = unique(
+    [
+      ...(report.value?.standardJudgment ?? []),
+      ...cards.flatMap((card) => card.standards ?? []),
+    ],
+    (item) => `${item.category}|${item.riskPoint}|${item.rule}|${item.status}`,
+  );
+  const similarCases = unique(
+    [
+      ...(report.value?.similarCases ?? []),
+      ...cards.flatMap((card) => card.similarCases ?? []),
+    ],
+    (item) => `${item.caseId}|${item.date}|${item.product}|${item.problem ?? item.description}|${item.solution}`,
+  );
+  const suggestions = unique(
+    [
+      ...(report.value?.aiSuggestions ?? []),
+      ...cards.flatMap((card) => card.suggestions ?? []),
+    ],
+    (item) => item,
+  );
+  return {
+    cards,
+    supplierCards: cards.filter((card) => card.type === "supplier"),
+    materialCards: cards.filter((card) => card.type === "material"),
+    solutionCards: cards.filter((card) => card.type === "solution"),
+    standards,
+    similarCases,
+    suggestions,
+  };
+});
 const dimensionRows = computed(() => {
   if (!report.value) return [];
   if (report.value.dimensionScores?.length) {
@@ -208,7 +250,7 @@ function dimensionConclusion(item: {
         </table>
       </template>
 
-      <template v-if="report.supplierFreq?.supplierName">
+      <template v-if="report.supplierFreq?.supplierName || reportData.supplierCards.length">
         <h2>三、供应商合作频次分析</h2>
         <table>
           <thead>
@@ -219,32 +261,55 @@ function dimensionConclusion(item: {
             </tr>
           </thead>
           <tbody>
-            <tr v-if="report.supplierFreq.cooperationCount != null">
+            <tr v-if="report.supplierFreq?.cooperationCount != null">
               <td>合作次数</td>
-              <td>{{ report.supplierFreq.cooperationCount }} 次</td>
+              <td>{{ report.supplierFreq?.cooperationCount }} 次</td>
               <td>近三年采购订单去重单据数</td>
             </tr>
             <tr>
               <td>异常次数</td>
-              <td>{{ report.supplierFreq.anomalyCount ?? 0 }} 次</td>
+              <td>{{ report.supplierFreq?.anomalyCount ?? 0 }} 次</td>
               <td>异常案例库统计</td>
             </tr>
-            <tr v-if="report.supplierFreq.alpha != null">
+            <tr v-if="report.supplierFreq?.alpha != null">
               <td>频次风险系数</td>
-              <td>×{{ report.supplierFreq.alpha.toFixed(2) }}</td>
+              <td>×{{ report.supplierFreq?.alpha?.toFixed(2) }}</td>
               <td>α = 1.0 +（采购订单数 / 100）× 0.3，最高1.5</td>
             </tr>
-            <tr v-if="report.supplierFreq.tier">
+            <tr v-if="report.supplierFreq?.tier">
               <td>供应商层级</td>
-              <td>{{ report.supplierFreq.tier }}</td>
-              <td>{{ report.supplierFreq.suggestion }}</td>
+              <td>{{ report.supplierFreq?.tier }}</td>
+              <td>{{ report.supplierFreq?.suggestion }}</td>
+            </tr>
+            <template v-for="(card, cardIndex) in reportData.supplierCards" :key="`supplier-card-${cardIndex}`">
+              <tr v-if="card.supplierScore != null"><td>供应商得分</td><td>{{ card.supplierScore.toFixed(2) }} 分</td><td>供应商画像统计</td></tr>
+              <tr v-if="card.supplierBaseScore != null"><td>供应商基础分</td><td>{{ card.supplierBaseScore.toFixed(2) }} 分</td><td>供应商画像统计</td></tr>
+              <tr v-if="card.topProblems?.length"><td>高频问题</td><td>{{ card.topProblems.map((item) => `${item.name}（${item.count}次）`).join("、") }}</td><td>异常案例库统计</td></tr>
+              <tr v-if="card.note"><td>备注</td><td>{{ card.note }}</td><td>供应商画像统计</td></tr>
+            </template>
+          </tbody>
+        </table>
+      </template>
+
+      <template v-if="reportData.materialCards.length">
+        <h2>四、物料风险分析</h2>
+        <table>
+          <thead><tr><th>物料/字段</th><th>分析结果</th></tr></thead>
+          <tbody>
+            <tr v-for="(card, index) in reportData.materialCards" :key="`material-${index}`">
+              <td>{{ card.material || card.title }}</td>
+              <td>
+                <span v-if="card.anomalyCount != null">历史异常：{{ card.anomalyCount }} 条；</span>
+                <span v-if="card.frequentProblems?.length">常见问题：{{ card.frequentProblems.map((item) => `${item.name}（${item.count}次）`).join("、") }}；</span>
+                <span v-if="card.suggestions?.length">建议：{{ card.suggestions.join("；") }}</span>
+              </td>
             </tr>
           </tbody>
         </table>
       </template>
 
-      <h2>四、相似案例匹配（{{ report.similarCases?.length || 0 }} 条）</h2>
-      <template v-if="report.similarCases?.length">
+      <h2>{{ reportData.materialCards.length ? "五" : "四" }}、相似案例匹配（{{ reportData.similarCases.length }} 条）</h2>
+      <template v-if="reportData.similarCases.length">
         <table>
           <thead>
             <tr>
@@ -256,7 +321,7 @@ function dimensionConclusion(item: {
           </thead>
           <tbody>
             <tr
-              v-for="item in report.similarCases"
+              v-for="item in reportData.similarCases"
               :key="`${item.date}-${item.product}-${item.problem}`"
             >
               <td>{{ item.date || "未知" }}</td>
@@ -271,11 +336,11 @@ function dimensionConclusion(item: {
         暂无相关案例，RAG 相似案例检索未返回匹配结果。
       </p>
 
-      <h2>五、预防建议</h2>
+      <h2>{{ reportData.materialCards.length ? "六" : "五" }}、预防建议</h2>
       <ol>
         <li
-          v-for="suggestion in report.aiSuggestions?.length
-            ? report.aiSuggestions
+          v-for="suggestion in reportData.suggestions.length
+            ? reportData.suggestions
             : ['优先针对低分维度安排专项验证，并明确责任人与完成节点。']"
           :key="suggestion"
         >
@@ -283,20 +348,30 @@ function dimensionConclusion(item: {
         </li>
       </ol>
 
-      <h2>六、AI 推理方案（无历史案例场景）</h2>
+      <h2>{{ reportData.materialCards.length ? "七" : "六" }}、AI 推理方案（无历史案例场景）</h2>
       <p class="report-paragraph">
-        <template v-if="report.similarCases?.length">
+        <template v-if="reportData.similarCases.length">
           本次评估已匹配
-          {{ report.similarCases.length }}
+          {{ reportData.similarCases.length }}
           条相似历史案例，当前采用历史案例与标准库双引擎结论，未单独触发无历史案例类比推理。
         </template>
         <template v-else>
           当前未匹配到足够历史案例，系统将基于相似品类、相似物料生成类比方案，并结合判定标准库进行规则兜底；实际执行前需由产品和品控确认。
         </template>
       </p>
+      <template v-if="reportData.solutionCards.length">
+        <section v-for="(card, index) in reportData.solutionCards" :key="`solution-${index}`" class="ai-solution-report">
+          <header><strong>{{ card.title }}</strong><span v-if="card.confidence">置信度：{{ card.confidence }}</span></header>
+          <p v-if="card.analysisBase"><b>分析基础：</b>{{ card.analysisBase }}</p>
+          <p v-if="card.standardFallbackEnabled"><b>标准兜底校验：</b>已启用（无直接历史案例）</p>
+          <ul v-if="card.risks?.length"><li v-for="risk in card.risks" :key="`${risk.title}-${risk.detail}`"><b>{{ risk.level }} · {{ risk.title }}：</b>{{ risk.detail }}</li></ul>
+          <ol v-if="card.suggestions?.length"><li v-for="suggestion in card.suggestions" :key="suggestion">{{ suggestion }}</li></ol>
+          <p v-if="card.warning" class="ai-solution-report__warning">{{ card.warning }}</p>
+        </section>
+      </template>
 
-      <h2>七、标准判定结果</h2>
-      <template v-if="report.standardJudgment?.length">
+      <h2>{{ reportData.materialCards.length ? "八" : "七" }}、标准判定结果</h2>
+      <template v-if="reportData.standards.length">
         <table>
           <thead>
             <tr>
@@ -308,7 +383,7 @@ function dimensionConclusion(item: {
           </thead>
           <tbody>
             <tr
-              v-for="standard in report.standardJudgment"
+              v-for="standard in reportData.standards"
               :key="`${standard.category}-${standard.riskPoint}`"
             >
               <td>{{ standard.category }} · {{ standard.riskPoint }}</td>
@@ -324,41 +399,6 @@ function dimensionConclusion(item: {
         双引擎融合：历史异常经验引擎提供风险优先级，标准库提供可执行的检测阈值与验证任务。
       </p>
 
-      <template v-if="reportCards.length">
-        <h2>八、追加卡片分析</h2>
-        <section
-          v-for="(card, index) in reportCards"
-          :key="`${card.type}-${card.title}-${index}`"
-          class="report-card-detail"
-        >
-          <header><strong>{{ card.title }}</strong><span>{{ card.type }}</span></header>
-          <p v-if="card.name || card.material || card.category"><b>分析对象：</b>{{ card.name || card.material || card.category }}</p>
-          <p v-if="card.partyType"><b>对象类型：</b>{{ card.partyType }}</p>
-          <p v-if="card.question"><b>原始问题：</b>{{ card.question }}</p>
-          <p v-if="card.anomalyCount != null"><b>历史异常：</b>{{ card.anomalyCount }} 条</p>
-          <p v-if="card.cooperationCount != null"><b>合作次数：</b>{{ card.cooperationCount }} 次</p>
-          <p v-if="card.frequencyBasis"><b>数据口径：</b>{{ card.frequencyBasis }}</p>
-          <p v-if="card.dataAvailable != null"><b>数据状态：</b>{{ card.dataAvailable ? "有匹配数据" : "暂无匹配数据" }}</p>
-          <p v-if="card.frequencyCoefficient != null"><b>频次系数：</b>×{{ card.frequencyCoefficient.toFixed(2) }}</p>
-          <p v-if="card.supplierBaseScore != null"><b>供应商基础分：</b>{{ card.supplierBaseScore.toFixed(2) }} 分</p>
-          <p v-if="card.supplierScore != null"><b>供应商得分：</b>{{ card.supplierScore.toFixed(2) }} 分</p>
-          <p v-if="card.tier"><b>层级：</b>{{ card.tier }}</p>
-          <p v-if="card.matchedCount != null"><b>匹配数量：</b>{{ card.matchedCount }} 条</p>
-          <p v-if="card.analysisBase"><b>分析基础：</b>{{ card.analysisBase }}</p>
-          <p v-if="card.confidence"><b>置信度：</b>{{ card.confidence }}</p>
-          <p v-if="card.standardFallbackEnabled"><b>标准兜底校验：</b>已启用（无直接历史案例）</p>
-          <p v-if="card.detectedValues?.length"><b>检测值：</b>{{ card.detectedValues.map((item) => `${item.name}：${item.value}`).join("、") }}</p>
-          <p v-if="card.topProblems?.length"><b>高频问题：</b>{{ card.topProblems.map((item) => `${item.name}（${item.count}次）`).join("、") }}</p>
-          <p v-if="card.frequentProblems?.length"><b>常见问题：</b>{{ card.frequentProblems.map((item) => `${item.name}（${item.count}次）`).join("、") }}</p>
-          <template v-if="card.standards?.length"><p><b>关联标准：</b></p><ul class="report-card-detail__standards"><li v-for="standard in card.standards" :key="`${standard.category}-${standard.riskPoint}`">{{ standard.category }} · {{ standard.riskPoint }}：{{ standard.rule }}（{{ standard.source || "标准文件.xlsx" }}）· {{ standard.status }}</li></ul></template>
-          <template v-if="card.similarCases?.length"><p><b>相似案例：</b></p><ul class="report-card-detail__standards"><li v-for="(item, caseIndex) in card.similarCases" :key="`${item.date || 'case'}-${caseIndex}`">{{ item.date || "日期未知" }} · {{ item.product || "未命名产品" }} · {{ item.problem || item.description || "异常问题未填写" }} → {{ item.solution || "解决方案未填写" }}<template v-if="item.similarity != null">（相似度 {{ Math.round(item.similarity * 100) }}%）</template></li></ul></template>
-          <ul v-if="card.risks?.length"><li v-for="risk in card.risks" :key="`${risk.title}-${risk.detail}`"><b>{{ risk.level }} · {{ risk.title }}：</b>{{ risk.detail }}</li></ul>
-          <ol v-if="card.suggestions?.length"><li v-for="suggestion in card.suggestions" :key="suggestion">{{ suggestion }}</li></ol>
-          <p v-if="card.note"><b>备注：</b>{{ card.note }}</p>
-          <p v-if="card.warning" class="report-card-detail__warning">{{ card.warning }}</p>
-        </section>
-      </template>
-
       <footer class="report-footer">
         <span>编制：蝶雅风险预估系统</span
         ><span>生成时间：{{ generatedAt }}</span>
-- 
2.47.2


From 77741c619fec2c9ad217644f4a9ffa2f33ccbe78 Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Wed, 9 Sep 2026 17:30:23 +0800
Subject: [PATCH 13/31] =?UTF-8?q?=E7=BB=9F=E4=B8=80=E6=8A=A5=E5=91=8A?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E7=AB=A0=E8=8A=82=E5=BD=92=E5=B9=B6=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/ReportPage.vue | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/src/pages/ReportPage.vue b/src/pages/ReportPage.vue
index 0f52aa7..2fa53ae 100644
--- a/src/pages/ReportPage.vue
+++ b/src/pages/ReportPage.vue
@@ -71,6 +71,7 @@ const reportData = computed(() => {
     supplierCards: cards.filter((card) => card.type === "supplier"),
     materialCards: cards.filter((card) => card.type === "material"),
     solutionCards: cards.filter((card) => card.type === "solution"),
+    standardCards: cards.filter((card) => ["standard", "compliance"].includes(card.type)),
     standards,
     similarCases,
     suggestions,
@@ -394,7 +395,11 @@ function dimensionConclusion(item: {
           </tbody>
         </table>
       </template>
-      <p v-else class="report-paragraph">暂无相关标准。</p>
+      <template v-for="(card, index) in reportData.standardCards" :key="`standard-card-${index}`">
+        <p v-if="card.detectedValues?.length" class="report-paragraph"><b>检测值：</b>{{ card.detectedValues.map((item) => `${item.name}：${item.value}`).join("、") }}</p>
+        <p v-if="card.note" class="report-paragraph"><b>补充说明：</b>{{ card.note }}</p>
+      </template>
+      <p v-if="!reportData.standards.length" class="report-paragraph">暂无相关标准。</p>
       <p class="report-paragraph report-engine-note">
         双引擎融合：历史异常经验引擎提供风险优先级，标准库提供可执行的检测阈值与验证任务。
       </p>
-- 
2.47.2


From c502bc17c4a9736465054f0df8abd55b19286d36 Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Wed, 9 Sep 2026 17:36:57 +0800
Subject: [PATCH 14/31] =?UTF-8?q?=E7=BB=9F=E4=B8=80=E6=8A=A5=E5=91=8A?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E6=8C=89=E7=B1=BB=E5=9E=8B=E8=BF=BD=E5=8A=A0?=
 =?UTF-8?q?=E5=86=85=E5=AE=B9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/RiskAssistantPage.vue | 7 -------
 1 file changed, 7 deletions(-)

diff --git a/src/pages/RiskAssistantPage.vue b/src/pages/RiskAssistantPage.vue
index 80a9867..672e4a4 100644
--- a/src/pages/RiskAssistantPage.vue
+++ b/src/pages/RiskAssistantPage.vue
@@ -364,13 +364,6 @@ function openSolutionReport(card: ReportCard) {
       ...(existingCards.length ? existingCards : legacySolutionCards(base)),
       card,
     ],
-    aiSuggestions: [...(base.aiSuggestions ?? []), ...(card.suggestions ?? [])],
-    similarCases: card.similarCases?.length
-      ? [...(base.similarCases ?? []), ...card.similarCases]
-      : base.similarCases,
-    standardJudgment: card.standards?.length
-      ? [...(base.standardJudgment ?? []), ...card.standards]
-      : base.standardJudgment,
   };
   sessionStorage.setItem("dieya-risk-report", JSON.stringify(merged));
   void router.push({ name: "report" });
-- 
2.47.2


From 71437dfa250c0fcf8fe159a95360421a1708b7f8 Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Thu, 10 Sep 2026 11:43:38 +0800
Subject: [PATCH 15/31] =?UTF-8?q?=E7=BB=9F=E4=B8=80=E7=99=BB=E5=BD=95?=
 =?UTF-8?q?=E6=88=90=E5=8A=9F=E5=90=8E=E8=BF=9B=E5=85=A5=E6=99=BA=E8=83=BD?=
 =?UTF-8?q?=E5=AF=B9=E8=AF=9D=E9=A1=B5=E9=9D=A2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/LoginPage.vue | 12 ++++--------
 1 file changed, 4 insertions(+), 8 deletions(-)

diff --git a/src/pages/LoginPage.vue b/src/pages/LoginPage.vue
index a433943..48f7835 100644
--- a/src/pages/LoginPage.vue
+++ b/src/pages/LoginPage.vue
@@ -7,24 +7,20 @@ import {
   Smartphone,
 } from "@lucide/vue";
 import { computed, ref } from "vue";
-import { useRoute, useRouter } from "vue-router";
+import { useRouter } from "vue-router";
 
 import { useAuthStore } from "@/stores/auth.store";
 
 const auth = useAuthStore();
-const route = useRoute();
 const router = useRouter();
 const mode = ref<"password" | "dingtalk">("password");
 const useDevelopmentLogin = ref(true);
 const username = ref("local-admin");
 const password = ref("risk-admin-2026");
 
-const redirectPath = computed(() => {
-  const redirect = route.query.redirect;
-  return typeof redirect === "string" && redirect.startsWith("/")
-    ? redirect
-    : "/assessment";
-});
+// 登录后的统一落点是智能对话页，避免从其他受保护页面跳转到登录后
+// 又回到原页面，保证用户进入系统后先看到对话工作台。
+const redirectPath = computed(() => "/assessment");
 
 async function submitPassword() {
   if (!username.value.trim() || password.value.length < 8 || auth.loading)
-- 
2.47.2


From f04aad9a59363f747b82dd11d556b3c2a54fcd9e Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Thu, 10 Sep 2026 11:43:38 +0800
Subject: [PATCH 16/31] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E9=A1=B6=E9=83=A8?=
 =?UTF-8?q?=E4=BE=9B=E5=BA=94=E5=95=86=E4=B8=8E=E6=8A=A5=E5=91=8A=E5=AF=BC?=
 =?UTF-8?q?=E8=88=AA=E8=B7=AF=E7=94=B1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/layout/AppHeader.vue | 19 +++++++++++--------
 1 file changed, 11 insertions(+), 8 deletions(-)

diff --git a/src/components/layout/AppHeader.vue b/src/components/layout/AppHeader.vue
index 09d1c6a..d7bb544 100644
--- a/src/components/layout/AppHeader.vue
+++ b/src/components/layout/AppHeader.vue
@@ -15,6 +15,14 @@ const router = useRouter();
 const route = useRoute();
 
 const navigation = ["对话", "看板", "供应商", "标准库", "报告", "管理"];
+const navigationRoutes: Record<string, string> = {
+  对话: "assessment",
+  看板: "overview",
+  供应商: "supplier",
+  标准库: "standards",
+  报告: "report",
+  管理: "review",
+};
 const visibleNavigation = computed(() =>
   navigation.filter(
     (item) => item !== "管理" || auth.hasPermission("risk_item.review"),
@@ -52,19 +60,14 @@ function prefetch(item: string) {
         v-for="item in visibleNavigation"
         :key="item"
         :to="{
-          name:
-            item === '看板'
-              ? 'overview'
-              : item === '标准库'
-                ? 'standards'
-                : item === '管理'
-                  ? 'review'
-                  : 'assessment',
+          name: navigationRoutes[item] || 'assessment',
         }"
         :class="{
           active:
             (item === '看板' && route.name === 'overview') ||
+            (item === '供应商' && route.name === 'supplier') ||
             (item === '标准库' && route.name === 'standards') ||
+            (item === '报告' && route.name === 'report') ||
             (item === '管理' && route.name === 'review') ||
             (item === '对话' && route.name === 'assessment'),
         }"
-- 
2.47.2


From 763d8cc545d265cee49fa15f6bb8ad85ae8f34ea Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Thu, 10 Sep 2026 11:43:39 +0800
Subject: [PATCH 17/31] =?UTF-8?q?=E7=BB=9F=E4=B8=80=E8=87=AA=E7=84=B6?=
 =?UTF-8?q?=E5=B9=B4=E5=BA=A6=E7=BB=9F=E8=AE=A1=E5=8F=A3=E5=BE=84=E5=B1=95?=
 =?UTF-8?q?=E7=A4=BA=E6=96=87=E6=A1=88?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/assistant/AssistantResponseCard.vue | 2 +-
 src/components/assistant/RiskAnalysisCard.vue      | 4 ++--
 src/components/risk/RiskAssessmentForm.vue         | 2 +-
 src/pages/ReportPage.vue                           | 2 +-
 src/pages/SupplierProfilePage.vue                  | 4 ++--
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/components/assistant/AssistantResponseCard.vue b/src/components/assistant/AssistantResponseCard.vue
index a220c22..4ea8beb 100644
--- a/src/components/assistant/AssistantResponseCard.vue
+++ b/src/components/assistant/AssistantResponseCard.vue
@@ -159,7 +159,7 @@ function generateReport() {
       <div class="metric-grid">
         <div>
           <b>{{ formatCount(data.anomalyCount) }}</b
-          ><span>近3年异常</span>
+          ><span>近3个自然年度异常</span>
         </div>
         <div v-if="data.cooperationCount != null">
           <b>{{ formatCount(data.cooperationCount) }}</b
diff --git a/src/components/assistant/RiskAnalysisCard.vue b/src/components/assistant/RiskAnalysisCard.vue
index 2bf4500..03c3a21 100644
--- a/src/components/assistant/RiskAnalysisCard.vue
+++ b/src/components/assistant/RiskAnalysisCard.vue
@@ -211,7 +211,7 @@ function openSupplier() {
           <div v-if="result.supplierFreq.supplierName">
             <span>{{ result.supplierFreq.supplierName }}</span>
             <strong
-              >近3年异常 {{ result.supplierFreq.anomalyCount ?? 0 }} 次</strong
+              >近3个自然年度异常 {{ result.supplierFreq.anomalyCount ?? 0 }} 次</strong
             >
           </div>
           <div v-if="result.supplierFreq.alpha != null">
@@ -251,7 +251,7 @@ function openSupplier() {
         >
           {{
             result.supplierFreq.note ||
-            "合作频次按近3年采购订单去重单据编号统计；异常数仍按异常案例库统计。"
+            "合作频次按自然年度边界采购订单去重单据编号统计；异常数按自然年度边界异常案例库统计。"
           }}
         </small>
       </section>
diff --git a/src/components/risk/RiskAssessmentForm.vue b/src/components/risk/RiskAssessmentForm.vue
index 86c7f2f..65b8101 100644
--- a/src/components/risk/RiskAssessmentForm.vue
+++ b/src/components/risk/RiskAssessmentForm.vue
@@ -38,7 +38,7 @@ function submit() {
   <form class="assessment-form" @submit.prevent="submit">
     <div class="form-intro">
       <strong>新品风险参数</strong>
-      <span>系统将结合近 3 年异常案例计算七维安全评分</span>
+      <span>系统将结合近3个自然年度异常案例计算七维安全评分</span>
     </div>
     <div class="form-grid">
       <label class="field-wide">
diff --git a/src/pages/ReportPage.vue b/src/pages/ReportPage.vue
index 2fa53ae..5e58512 100644
--- a/src/pages/ReportPage.vue
+++ b/src/pages/ReportPage.vue
@@ -265,7 +265,7 @@ function dimensionConclusion(item: {
             <tr v-if="report.supplierFreq?.cooperationCount != null">
               <td>合作次数</td>
               <td>{{ report.supplierFreq?.cooperationCount }} 次</td>
-              <td>近三年采购订单去重单据数</td>
+              <td>按自然年度边界采购订单去重单据数</td>
             </tr>
             <tr>
               <td>异常次数</td>
diff --git a/src/pages/SupplierProfilePage.vue b/src/pages/SupplierProfilePage.vue
index 8c3fcb4..3b688e6 100644
--- a/src/pages/SupplierProfilePage.vue
+++ b/src/pages/SupplierProfilePage.vue
@@ -247,7 +247,7 @@ watch(
         <section class="stat-row">
           <div class="stat-card clickable">
             <div class="stat-value blue">{{ profile.metric.anomalyTotal }}</div>
-            <div class="stat-label">近3年异常</div>
+            <div class="stat-label">近3个自然年度异常</div>
           </div>
           <div class="stat-card clickable">
             <div class="stat-value red">{{ supplierBaseScore ?? "—" }}</div>
@@ -332,7 +332,7 @@ watch(
           <table class="prototype-table">
             <thead>
               <tr>
-                <th>近 3 年异常数 N</th>
+                <th>近3个自然年度异常数 N</th>
                 <th>基础分</th>
                 <th>档位含义</th>
                 <th>在库示例</th>
-- 
2.47.2


From c2a0756d2f04b0e73556cf6e3bd108314ffcceb0 Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Thu, 10 Sep 2026 16:15:46 +0800
Subject: [PATCH 18/31] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E6=8A=A5=E5=91=8A?=
 =?UTF-8?q?=E4=BC=9A=E8=AF=9D=E5=85=B3=E8=81=94=E4=B8=8E=E4=BE=9B=E5=BA=94?=
 =?UTF-8?q?=E5=95=86=E6=90=9C=E7=B4=A2=E5=85=BC=E5=AE=B9=E6=80=A7?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/supplierProfile.ts        |  3 +-
 src/pages/ReportPage.vue          | 66 +++++++++++++++++++++++++------
 src/pages/RiskAssistantPage.vue   | 49 +++++++++++++++--------
 src/pages/SupplierProfilePage.vue | 26 +++++++++++-
 src/utils/conversationReports.ts  | 42 ++++++++++++++++++++
 5 files changed, 153 insertions(+), 33 deletions(-)
 create mode 100644 src/utils/conversationReports.ts

diff --git a/src/api/supplierProfile.ts b/src/api/supplierProfile.ts
index cb255e6..4eeb077 100644
--- a/src/api/supplierProfile.ts
+++ b/src/api/supplierProfile.ts
@@ -18,7 +18,8 @@ export async function fetchSupplierProfile(
   if (running) return { data: { data: await running } };
   const request = (async () => {
     const response = await http.get<ApiResponse<SupplierProfile>>(
-      `/v1/suppliers/${encodeURIComponent(key)}`,
+      "/v1/suppliers/profile",
+      { params: { supplier_name: key } },
     );
     if (!response.data.data) throw new Error("供应商画像响应为空");
     cache.set(key, { data: response.data.data, at: Date.now() });
diff --git a/src/pages/ReportPage.vue b/src/pages/ReportPage.vue
index 5e58512..32d2e7b 100644
--- a/src/pages/ReportPage.vue
+++ b/src/pages/ReportPage.vue
@@ -1,21 +1,40 @@
 <script setup lang="ts">
 import { ArrowLeft, Download, FileText } from "@lucide/vue";
-import { computed } from "vue";
-import { useRouter } from "vue-router";
+import { computed, onActivated, onMounted, shallowRef, watch } from "vue";
+import { useRoute, useRouter } from "vue-router";
 
 import { downloadReportPdf, downloadReportWord } from "@/api/reports";
+import { useAuthStore } from "@/stores/auth.store";
+import { useConversationStore } from "@/stores/conversation.store";
 import type { ReportCard, RiskReportResult } from "@/types/risk";
 import { formatRiskLevel } from "@/utils/risk";
+import { readConversationReport } from "@/utils/conversationReports";
 
 const router = useRouter();
-let parsed: RiskReportResult | null = null;
-try {
-  const raw = sessionStorage.getItem("dieya-risk-report");
-  parsed = raw ? (JSON.parse(raw) as RiskReportResult) : null;
-} catch {
-  parsed = null;
+const route = useRoute();
+const auth = useAuthStore();
+const conversationStore = useConversationStore();
+const report = shallowRef<RiskReportResult | null>(null);
+
+function loadReport() {
+  const conversationId =
+    route.query.conversation ?? conversationStore.current?.id;
+  report.value = readConversationReport(
+    typeof conversationId === "string" || typeof conversationId === "number"
+      ? conversationId
+      : null,
+    auth.user?.id,
+  );
 }
-const report = computed(() => parsed);
+
+// ReportPage is kept alive by MainLayout. Reload the session payload whenever
+// the page becomes active so a newly generated report is immediately visible.
+onMounted(loadReport);
+onActivated(loadReport);
+watch(
+  [() => route.query.conversation, () => conversationStore.current?.id],
+  loadReport,
+);
 const reportCards = computed<ReportCard[]>(
   () => {
     if (!report.value) return [];
@@ -124,6 +143,17 @@ async function downloadPdf() {
   URL.revokeObjectURL(url);
 }
 
+function returnToConversation() {
+  const conversationId =
+    route.query.conversation ?? conversationStore.current?.id;
+  void router.push({
+    name: "assessment",
+    ...(typeof conversationId === "string" || typeof conversationId === "number"
+      ? { query: { conversation: conversationId } }
+      : {}),
+  });
+}
+
 function notify(message: string) {
   window.alert(`${message}功能待接入服务端`);
 }
@@ -154,10 +184,20 @@ function dimensionConclusion(item: {
 <template>
   <div class="report-page">
     <header class="report-actions">
-      <button type="button" class="secondary-button" @click="downloadPdf">
+      <button
+        type="button"
+        class="secondary-button"
+        :disabled="!report"
+        @click="downloadPdf"
+      >
         <Download :size="15" />导出 PDF
       </button>
-      <button type="button" class="secondary-button" @click="downloadWord">
+      <button
+        type="button"
+        class="secondary-button"
+        :disabled="!report"
+        @click="downloadWord"
+      >
         <Download :size="15" />导出 Word
       </button>
       <button
@@ -167,12 +207,12 @@ function dimensionConclusion(item: {
       >
         <FileText :size="15" />钉钉发送
       </button>
-      <button type="button" class="primary-button" @click="router.back()">
+      <button type="button" class="primary-button" @click="returnToConversation">
         <ArrowLeft :size="15" />返回对话
       </button>
     </header>
     <p v-if="!report" class="report-empty">
-      暂无报告数据，请从风险评估结果卡片点击“生成报告”。
+      当前会话暂无报告，请返回对话后从风险评估结果卡片点击“生成报告”。
     </p>
     <article v-else class="report-sheet">
       <h1>新品风险预估报告</h1>
diff --git a/src/pages/RiskAssistantPage.vue b/src/pages/RiskAssistantPage.vue
index 672e4a4..819131d 100644
--- a/src/pages/RiskAssistantPage.vue
+++ b/src/pages/RiskAssistantPage.vue
@@ -12,6 +12,10 @@ import { useConversationStore } from "@/stores/conversation.store";
 import { useAuthStore } from "@/stores/auth.store";
 import { storeToRefs } from "pinia";
 import type { ReportCard, RiskAssessmentResult } from "@/types/risk";
+import {
+  readConversationReport,
+  writeConversationReport,
+} from "@/utils/conversationReports";
 
 const route = useRoute();
 const router = useRouter();
@@ -287,13 +291,14 @@ async function openFromRoute() {
   }
 }
 
-function readStoredReport() {
-  try {
-    const raw = sessionStorage.getItem("dieya-risk-report");
-    return raw ? (JSON.parse(raw) as RiskAssessmentResult) : null;
-  } catch {
-    return null;
-  }
+/**
+ * Vue/Pinia exposes conversation results as reactive proxies.  Those proxies
+ * cannot be passed to structuredClone (the browser reports DataCloneError),
+ * while the report payload only contains JSON data.  Serialising here also
+ * makes the value safe to put into sessionStorage.
+ */
+function cloneReport<T>(value: T): T {
+  return JSON.parse(JSON.stringify(value)) as T;
 }
 
 function legacySolutionCards(result: RiskAssessmentResult): ReportCard[] {
@@ -312,7 +317,9 @@ function legacySolutionCards(result: RiskAssessmentResult): ReportCard[] {
 }
 
 function openReport(result: RiskAssessmentResult) {
-  const stored = readStoredReport();
+  const conversationId = conversation.value?.id;
+  if (!conversationId) return;
+  const stored = readConversationReport(conversationId, auth.user?.id);
   const storedCards = stored
     ? stored.reportCards?.length
       ? stored.reportCards
@@ -321,31 +328,36 @@ function openReport(result: RiskAssessmentResult) {
   const merged: RiskAssessmentResult =
     stored?.subjectId === result.subjectId
       ? {
-          ...structuredClone(result),
+          ...cloneReport(result),
           reportCards: storedCards.length ? storedCards : result.reportCards ?? [],
           aiSolutionCards: stored.aiSolutionCards?.length
             ? stored.aiSolutionCards
             : result.aiSolutionCards ?? [],
         }
-      : structuredClone(result);
-  sessionStorage.setItem("dieya-risk-report", JSON.stringify(merged));
-  void router.push({ name: "report" });
+      : cloneReport(result);
+  writeConversationReport(conversationId, merged, auth.user?.id);
+  void router.push({
+    name: "report",
+    query: { conversation: String(conversationId) },
+  });
 }
 
 function openSolutionReport(card: ReportCard) {
+  const conversationId = conversation.value?.id;
+  if (!conversationId) return;
   const current = conversation.value?.messages
     .slice()
     .reverse()
     .find((message) => message.riskResult)?.riskResult;
-  const stored = readStoredReport();
+  const stored = readConversationReport(conversationId, auth.user?.id);
   const sameReport = Boolean(
     current && stored && current.subjectId === stored.subjectId,
   );
   const base: RiskAssessmentResult =
     sameReport && stored
-      ? structuredClone(stored)
+      ? cloneReport(stored)
       : current
-        ? structuredClone(current)
+        ? cloneReport(current)
         : stored || {
             subjectId: "AI 案例推理方案",
             score: 50,
@@ -365,8 +377,11 @@ function openSolutionReport(card: ReportCard) {
       card,
     ],
   };
-  sessionStorage.setItem("dieya-risk-report", JSON.stringify(merged));
-  void router.push({ name: "report" });
+  writeConversationReport(conversationId, merged, auth.user?.id);
+  void router.push({
+    name: "report",
+    query: { conversation: String(conversationId) },
+  });
 }
 
 async function submit(
diff --git a/src/pages/SupplierProfilePage.vue b/src/pages/SupplierProfilePage.vue
index 3b688e6..99b49d1 100644
--- a/src/pages/SupplierProfilePage.vue
+++ b/src/pages/SupplierProfilePage.vue
@@ -117,7 +117,7 @@ function searchSuppliers(value: string) {
     supplierSearching.value = false;
     return;
   }
-  const local = supplierNames.value.filter((name) => name.includes(keyword));
+  const local = supplierNames.value.filter((name) => matchesSupplier(name, keyword));
   supplierResults.value = local;
   supplierSearching.value = true;
   supplierSearchTimer = setTimeout(async () => {
@@ -133,6 +133,28 @@ function searchSuppliers(value: string) {
   }, 180);
 }
 
+function compactSupplierText(value: string) {
+  return value.toLocaleLowerCase().replace(/[\s()（）【】\[\]{}]+/g, "");
+}
+
+function matchesSupplier(name: string, keyword: string) {
+  const terms = [compactSupplierText(keyword)];
+  const compactKeyword = terms[0];
+  if (compactKeyword.endsWith("市") && compactKeyword.length > 2) {
+    terms.push(compactKeyword.slice(0, -1));
+  }
+  if (compactKeyword.endsWith("有限公司") && compactKeyword.length > 5) {
+    terms.push(compactKeyword.slice(0, -5));
+  }
+  const segments = name
+    .split(/[\/／、,，;；|\\]+/)
+    .map(compactSupplierText)
+    .filter(Boolean);
+  return terms.some((term) =>
+    segments.some((segment) => segment.includes(term) || term.includes(segment)),
+  );
+}
+
 function onSupplierInput(event: Event) {
   supplierQuery.value = (event.target as HTMLInputElement).value;
   supplierDropdownOpen.value = true;
@@ -230,7 +252,7 @@ watch(
             <span
               v-else-if="!supplierResults.length"
               class="supplier-option-state"
-              >未找到匹配供应商</span
+              >未找到匹配供应商，可尝试输入公司简称、城市名或完整名称</span
             >
           </div>
         </div>
diff --git a/src/utils/conversationReports.ts b/src/utils/conversationReports.ts
new file mode 100644
index 0000000..f14630a
--- /dev/null
+++ b/src/utils/conversationReports.ts
@@ -0,0 +1,42 @@
+import type { RiskReportResult } from "@/types/risk";
+
+const STORAGE_PREFIX = "dieya-risk-reports";
+type ReportMap = Record<string, RiskReportResult>;
+
+function storageKey(userId: number | string | null | undefined) {
+  return `${STORAGE_PREFIX}:${userId ?? "current-user"}`;
+}
+
+function readMap(userId: number | string | null | undefined): ReportMap {
+  try {
+    const raw = sessionStorage.getItem(storageKey(userId));
+    if (!raw) return {};
+    const parsed = JSON.parse(raw) as unknown;
+    return parsed && typeof parsed === "object" ? (parsed as ReportMap) : {};
+  } catch {
+    return {};
+  }
+}
+
+export function readConversationReport(
+  conversationId: number | string | null | undefined,
+  userId?: number | string | null,
+): RiskReportResult | null {
+  if (conversationId == null || String(conversationId).trim() === "") return null;
+  return readMap(userId)[String(conversationId)] ?? null;
+}
+
+export function writeConversationReport(
+  conversationId: number | string,
+  report: RiskReportResult,
+  userId?: number | string | null,
+) {
+  if (conversationId == null || String(conversationId).trim() === "") return;
+  const reports = readMap(userId);
+  reports[String(conversationId)] = report;
+  try {
+    sessionStorage.setItem(storageKey(userId), JSON.stringify(reports));
+  } catch {
+    // Storage failure should not prevent opening the report page.
+  }
+}
-- 
2.47.2


From fd26b766a3738b6ca8bbd36bcd5b34c46091ed9b Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Thu, 10 Sep 2026 17:33:54 +0800
Subject: [PATCH 19/31] =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=BE=9B=E5=BA=94?=
 =?UTF-8?q?=E5=95=86=E5=85=A8=E7=A7=B0=E6=90=9C=E7=B4=A2=E4=B8=8E=E4=B8=8B?=
 =?UTF-8?q?=E6=8B=89=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/suppliers.ts              |  4 ++++
 src/pages/SupplierProfilePage.vue | 28 ++++++++++++++--------------
 2 files changed, 18 insertions(+), 14 deletions(-)

diff --git a/src/api/suppliers.ts b/src/api/suppliers.ts
index 1fe4f44..2c5756a 100644
--- a/src/api/suppliers.ts
+++ b/src/api/suppliers.ts
@@ -5,6 +5,10 @@ export interface SupplierOption {
   name: string;
   anomalyCount: number;
   tier: string;
+  city?: string | null;
+  province?: string | null;
+  shortName?: string | null;
+  reviewStatus?: string | null;
 }
 export interface SupplierListData {
   items: SupplierOption[];
diff --git a/src/pages/SupplierProfilePage.vue b/src/pages/SupplierProfilePage.vue
index 99b49d1..9f5d5a5 100644
--- a/src/pages/SupplierProfilePage.vue
+++ b/src/pages/SupplierProfilePage.vue
@@ -11,7 +11,7 @@ const route = useRoute();
 const supplierNames = ref<string[]>([]);
 const selected = ref("");
 const supplierQuery = ref("");
-const supplierResults = ref<string[]>([]);
+const supplierResults = ref<Array<{ name: string; city?: string | null; anomalyCount: number; reviewStatus?: string | null }>>([]);
 const supplierDropdownOpen = ref(false);
 const supplierSearching = ref(false);
 let supplierSearchTimer: ReturnType<typeof setTimeout> | undefined;
@@ -95,7 +95,7 @@ async function loadOptions() {
         ? route.query.supplier
         : (response.data.data?.defaultSupplier ?? supplierNames.value[0] ?? "");
     supplierQuery.value = selected.value;
-    supplierResults.value = supplierNames.value;
+    supplierResults.value = (response.data.data?.items ?? []).map((item) => ({ name: item.name, city: item.city, anomalyCount: item.anomalyCount, reviewStatus: item.reviewStatus }));
     if (selected.value) await loadProfile();
   } catch {
     error.value = "供应商列表加载失败，请重试。";
@@ -105,7 +105,7 @@ async function loadOptions() {
 function openSupplierDropdown() {
   supplierDropdownOpen.value = true;
   if (!supplierQuery.value || supplierQuery.value === selected.value) {
-    supplierResults.value = supplierNames.value;
+    supplierResults.value = supplierNames.value.map((name) => ({ name, anomalyCount: 0 }));
   }
 }
 
@@ -113,20 +113,19 @@ function searchSuppliers(value: string) {
   if (supplierSearchTimer) clearTimeout(supplierSearchTimer);
   const keyword = value.trim();
   if (!keyword) {
-    supplierResults.value = supplierNames.value;
+    supplierResults.value = supplierNames.value.map((name) => ({ name, anomalyCount: 0 }));
     supplierSearching.value = false;
     return;
   }
   const local = supplierNames.value.filter((name) => matchesSupplier(name, keyword));
-  supplierResults.value = local;
+  supplierResults.value = local.map((name) => ({ name, anomalyCount: 0 }));
   supplierSearching.value = true;
   supplierSearchTimer = setTimeout(async () => {
     try {
       const response = await fetchSupplierOptions(keyword);
-      supplierResults.value =
-        response.data.data?.items.map((item) => item.name) ?? [];
+      supplierResults.value = (response.data.data?.items ?? []).map((item) => ({ name: item.name, city: item.city, anomalyCount: item.anomalyCount, reviewStatus: item.reviewStatus }));
     } catch {
-      supplierResults.value = local;
+      supplierResults.value = local.map((name) => ({ name, anomalyCount: 0 }));
     } finally {
       supplierSearching.value = false;
     }
@@ -235,16 +234,17 @@ watch(
             role="listbox"
           >
             <button
-              v-for="name in supplierResults"
-              :key="name"
+              v-for="item in supplierResults"
+              :key="item.name"
               type="button"
               class="supplier-option"
-              :class="{ active: name === selected }"
+              :class="{ active: item.name === selected }"
               role="option"
-              :aria-selected="name === selected"
-              @mousedown.prevent="selectSupplier(name)"
+              :aria-selected="item.name === selected"
+              @mousedown.prevent="selectSupplier(item.name)"
             >
-              {{ name }}
+              {{ item.name }}<small v-if="item.city"> · {{ item.city }}</small>
+              <small v-if="item.anomalyCount"> · {{ item.anomalyCount }} 条异常</small>
             </button>
             <span v-if="supplierSearching" class="supplier-option-state"
               >搜索中…</span
-- 
2.47.2


From 8ccc9755cbac39a19aeb6c3c6e5f0e9dcd6f3605 Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Fri, 11 Sep 2026 10:17:51 +0800
Subject: [PATCH 20/31] =?UTF-8?q?=E6=94=AF=E6=8C=81=E9=92=89=E9=92=89?=
 =?UTF-8?q?=E8=87=AA=E5=8A=A8=E5=85=8D=E7=99=BB=E5=B9=B6=E7=BB=9F=E4=B8=80?=
 =?UTF-8?q?=E9=A3=8E=E9=99=A9=E9=A2=84=E8=AD=A6=E5=93=81=E7=89=8C?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.html                                    |  3 +--
 src/api/dingtalk.ts                           |  2 +-
 src/components/assistant/AssistantWelcome.vue |  4 +--
 src/components/layout/AppHeader.vue           |  9 +------
 src/pages/LoginPage.vue                       | 25 +++++++++++++++----
 src/pages/OverviewPage.vue                    |  2 +-
 src/pages/ReportPage.vue                      | 10 ++++----
 src/pages/ReviewPage.vue                      |  2 +-
 src/pages/RiskAssistantPage.vue               |  2 +-
 src/router/index.ts                           |  2 +-
 src/utils/roles.ts                            |  2 +-
 11 files changed, 35 insertions(+), 28 deletions(-)

diff --git a/index.html b/index.html
index c1a47f9..91ca25a 100644
--- a/index.html
+++ b/index.html
@@ -4,11 +4,10 @@
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <meta name="theme-color" content="#17201d" />
-    <title>蝶雅风险预测</title>
+    <title>蝶雅风险预警助手</title>
   </head>
   <body>
     <div id="app"></div>
     <script type="module" src="/src/main.ts"></script>
   </body>
 </html>
-
diff --git a/src/api/dingtalk.ts b/src/api/dingtalk.ts
index 7ab49d8..e9b4824 100644
--- a/src/api/dingtalk.ts
+++ b/src/api/dingtalk.ts
@@ -3,7 +3,7 @@ import dd from "dingtalk-jsapi";
 import { getDingTalkConfig, loginWithDingTalk } from "@/api/auth";
 import type { AuthTokenData } from "@/types/auth";
 
-function isDingTalkContainer() {
+export function isDingTalkContainer() {
   return (
     typeof navigator !== "undefined" && /DingTalk/i.test(navigator.userAgent)
   );
diff --git a/src/components/assistant/AssistantWelcome.vue b/src/components/assistant/AssistantWelcome.vue
index 200409b..a555280 100644
--- a/src/components/assistant/AssistantWelcome.vue
+++ b/src/components/assistant/AssistantWelcome.vue
@@ -95,9 +95,9 @@ const visibleActions = computed(() =>
 <template>
   <section class="welcome">
     <div class="welcome__mark">蝶</div>
-    <h1>你好，我是风险预估助手 v2.3</h1>
+    <h1>你好，我是风险预警助手</h1>
     <p>
-      双引擎风险预估：历史异常经验引擎 +
+      双引擎风险预警：历史异常经验引擎 +
       判定标准规则引擎，帮助你在立项、开发和量产阶段提前识别风险。
     </p>
 
diff --git a/src/components/layout/AppHeader.vue b/src/components/layout/AppHeader.vue
index d7bb544..ea0e9ba 100644
--- a/src/components/layout/AppHeader.vue
+++ b/src/components/layout/AppHeader.vue
@@ -50,8 +50,7 @@ function prefetch(item: string) {
   <header class="app-header">
     <RouterLink class="brand" :to="{ name: 'assessment' }">
       <span class="brand__mark">蝶</span>
-      <span class="brand__name">风险预估助手</span>
-      <span class="brand__version">v2.3</span>
+      <span class="brand__name">风险预警助手</span>
       <span class="engine-badge">双引擎</span>
     </RouterLink>
 
@@ -143,11 +142,6 @@ function prefetch(item: string) {
   font-weight: 650;
 }
 
-.brand__version {
-  color: var(--color-text-faint);
-  font-size: 10px;
-}
-
 .engine-badge {
   border: 1px solid var(--color-accent-soft);
   border-radius: 999px;
@@ -252,7 +246,6 @@ nav a.active {
     padding-inline: 12px;
   }
 
-  .brand__version,
   .engine-badge,
   .top-navigation,
   .header-icon,
diff --git a/src/pages/LoginPage.vue b/src/pages/LoginPage.vue
index 48f7835..016be24 100644
--- a/src/pages/LoginPage.vue
+++ b/src/pages/LoginPage.vue
@@ -6,9 +6,10 @@ import {
   ShieldCheck,
   Smartphone,
 } from "@lucide/vue";
-import { computed, ref } from "vue";
+import { computed, onMounted, ref } from "vue";
 import { useRouter } from "vue-router";
 
+import { isDingTalkContainer } from "@/api/dingtalk";
 import { useAuthStore } from "@/stores/auth.store";
 
 const auth = useAuthStore();
@@ -17,6 +18,7 @@ const mode = ref<"password" | "dingtalk">("password");
 const useDevelopmentLogin = ref(true);
 const username = ref("local-admin");
 const password = ref("risk-admin-2026");
+const autoDingTalkAttempted = ref(false);
 
 // 登录后的统一落点是智能对话页，避免从其他受保护页面跳转到登录后
 // 又回到原页面，保证用户进入系统后先看到对话工作台。
@@ -46,6 +48,13 @@ async function submitDingTalk() {
     // The store exposes the server or container message below the form.
   }
 }
+
+onMounted(() => {
+  if (!isDingTalkContainer() || autoDingTalkAttempted.value) return;
+  autoDingTalkAttempted.value = true;
+  mode.value = "dingtalk";
+  void submitDingTalk();
+});
 </script>
 
 <template>
@@ -54,7 +63,7 @@ async function submitDingTalk() {
       <div class="login-card__brand">
         <span class="login-card__mark">蝶</span>
         <div>
-          <strong>风险预估助手</strong>
+          <strong>风险预警助手</strong>
           <small>Dieya Risk Prediction Console</small>
         </div>
       </div>
@@ -62,7 +71,7 @@ async function submitDingTalk() {
       <div class="login-card__intro">
         <span class="eyebrow">SECURE ACCESS</span>
         <h1>登录系统</h1>
-        <p>使用企业账号或钉钉工作台进入风险预估平台。</p>
+        <p>使用企业账号或钉钉工作台进入风险预警平台。</p>
       </div>
 
       <div class="login-tabs" role="tablist" aria-label="登录方式">
@@ -126,8 +135,14 @@ async function submitDingTalk() {
 
       <div v-else class="dingtalk-panel">
         <div class="dingtalk-panel__icon"><Smartphone :size="22" /></div>
-        <strong>从钉钉工作台快速进入</strong>
-        <p>在钉钉容器中点击授权，系统会读取组织身份并自动匹配角色权限。</p>
+        <strong>{{ auth.loading ? "正在获取钉钉身份" : "从钉钉工作台快速进入" }}</strong>
+        <p>
+          {{
+            auth.loading
+              ? "系统正在验证组织身份并匹配角色权限，请稍候。"
+              : "系统会读取组织身份并自动匹配角色权限。"
+          }}
+        </p>
         <button
           class="login-submit"
           type="button"
diff --git a/src/pages/OverviewPage.vue b/src/pages/OverviewPage.vue
index aedf913..4d09ed0 100644
--- a/src/pages/OverviewPage.vue
+++ b/src/pages/OverviewPage.vue
@@ -130,7 +130,7 @@ onMounted(() => void load());
     <header class="dashboard-header">
       <div>
         <p class="eyebrow">RISK INTELLIGENCE</p>
-        <h1>数据看板 <small>v2.3</small></h1>
+        <h1>数据看板</h1>
         <p class="dashboard-subtitle">
           历史异常、供应商风险与标准覆盖的全局视图
         </p>
diff --git a/src/pages/ReportPage.vue b/src/pages/ReportPage.vue
index 32d2e7b..6b8971d 100644
--- a/src/pages/ReportPage.vue
+++ b/src/pages/ReportPage.vue
@@ -127,7 +127,7 @@ async function downloadWord() {
   const url = URL.createObjectURL(blob);
   const anchor = document.createElement("a");
   anchor.href = url;
-  anchor.download = `蝶雅新品风险预估报告-${report.value.subjectId}.docx`;
+  anchor.download = `蝶雅新品风险预警报告-${report.value.subjectId}.docx`;
   anchor.click();
   URL.revokeObjectURL(url);
 }
@@ -138,7 +138,7 @@ async function downloadPdf() {
   const url = URL.createObjectURL(response.data);
   const anchor = document.createElement("a");
   anchor.href = url;
-  anchor.download = `蝶雅新品风险预估报告-${report.value.subjectId}.pdf`;
+  anchor.download = `蝶雅新品风险预警报告-${report.value.subjectId}.pdf`;
   anchor.click();
   URL.revokeObjectURL(url);
 }
@@ -215,9 +215,9 @@ function dimensionConclusion(item: {
       当前会话暂无报告，请返回对话后从风险评估结果卡片点击“生成报告”。
     </p>
     <article v-else class="report-sheet">
-      <h1>新品风险预估报告</h1>
+      <h1>新品风险预警报告</h1>
       <p class="report-subtitle">
-        蝶雅产品部 · 风险预估系统 · 自动生成 · {{ generatedAt }}
+        蝶雅产品部 · 风险预警系统 · 自动生成 · {{ generatedAt }}
       </p>
       <div class="report-meta">
         <span><b>产品/评估对象：</b>{{ report.subjectId }}</span>
@@ -445,7 +445,7 @@ function dimensionConclusion(item: {
       </p>
 
       <footer class="report-footer">
-        <span>编制：蝶雅风险预估系统</span
+        <span>编制：蝶雅风险预警系统</span
         ><span>生成时间：{{ generatedAt }}</span>
       </footer>
     </article>
diff --git a/src/pages/ReviewPage.vue b/src/pages/ReviewPage.vue
index 6d9b68c..a2ce509 100644
--- a/src/pages/ReviewPage.vue
+++ b/src/pages/ReviewPage.vue
@@ -87,7 +87,7 @@ const permissionRows = [
   },
   { role: "审核员", assess: true, submit: false, review: true, weights: false },
   {
-    role: "普通用户",
+    role: "user",
     assess: true,
     submit: false,
     review: false,
diff --git a/src/pages/RiskAssistantPage.vue b/src/pages/RiskAssistantPage.vue
index 819131d..2cc3d90 100644
--- a/src/pages/RiskAssistantPage.vue
+++ b/src/pages/RiskAssistantPage.vue
@@ -101,7 +101,7 @@ const loadingText = computed(() =>
   loading.value ? "正在调用风险评分引擎…" : "",
 );
 const canMonitor = computed(
-  () => auth.user?.role === "admin" || auth.user?.role === "manager",
+  () => auth.user?.role === "admin" || auth.user?.role === "product_manager",
 );
 
 onMounted(async () => {
diff --git a/src/router/index.ts b/src/router/index.ts
index 59cdaa0..b456c47 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -9,7 +9,7 @@ const router = createRouter({
 });
 
 router.afterEach((to) => {
-  document.title = `${String(to.meta.title ?? "风险预测")} | 蝶雅风险预测`;
+  document.title = `${String(to.meta.title ?? "风险预警助手")} | 蝶雅风险预警助手`;
 });
 
 router.beforeEach(async (to) => {
diff --git a/src/utils/roles.ts b/src/utils/roles.ts
index 160b8c9..ba24dad 100644
--- a/src/utils/roles.ts
+++ b/src/utils/roles.ts
@@ -2,7 +2,7 @@ export const roleLabels: Record<string, string> = {
   admin: "管理员",
   product_manager: "产品经理",
   reviewer: "审核员",
-  普通用户: "普通用户",
+  user: "普通用户",
 };
 
 export function roleLabel(role: string | null | undefined) {
-- 
2.47.2


From 73f574add4d8c62c7619acb36aea2dd0d295bdef Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Fri, 11 Sep 2026 17:06:31 +0800
Subject: [PATCH 21/31] =?UTF-8?q?=E6=94=AF=E6=8C=81=E5=A4=9A=E4=BC=9A?=
 =?UTF-8?q?=E8=AF=9D=E5=B9=B6=E5=8F=91=E6=B5=81=E5=BC=8F=E5=A4=84=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/RiskAssistantPage.vue  |  11 +-
 src/stores/conversation.store.ts | 260 +++++++++++++++++++------------
 2 files changed, 164 insertions(+), 107 deletions(-)

diff --git a/src/pages/RiskAssistantPage.vue b/src/pages/RiskAssistantPage.vue
index 2cc3d90..1aca3a8 100644
--- a/src/pages/RiskAssistantPage.vue
+++ b/src/pages/RiskAssistantPage.vue
@@ -390,7 +390,7 @@ async function submit(
   const value = prompt.value.trim();
   if (!value || loading.value) return;
   prompt.value = "";
-  await conversationStore.streamSend(
+  const sentConversation = await conversationStore.streamSend(
     value,
     (delta) => {
       void delta;
@@ -398,15 +398,16 @@ async function submit(
     messageType,
   );
   if (
-    conversation.value &&
-    route.query.conversation !== String(conversation.value.id)
+    sentConversation &&
+    conversation.value?.id === sentConversation.id &&
+    route.query.conversation !== String(sentConversation.id)
   ) {
     await router.replace({
       name: "assessment",
-      query: { conversation: String(conversation.value.id) },
+      query: { conversation: String(sentConversation.id) },
     });
   }
-  await scrollToBottom();
+  if (conversation.value?.id === sentConversation?.id) await scrollToBottom();
 }
 
 async function scrollToBottom(behavior: "smooth" | "auto" = "smooth") {
diff --git a/src/stores/conversation.store.ts b/src/stores/conversation.store.ts
index 0b6eeda..6ea9b66 100644
--- a/src/stores/conversation.store.ts
+++ b/src/stores/conversation.store.ts
@@ -1,5 +1,5 @@
 import { defineStore } from "pinia";
-import { ref } from "vue";
+import { computed, reactive, ref } from "vue";
 
 import {
   createConversation,
@@ -17,12 +17,19 @@ export const useConversationStore = defineStore("conversation", () => {
   const items = ref<ConversationSummary[]>([]);
   const current = ref<Conversation | null>(null);
   const loading = ref(false);
-  const sending = ref(false);
+  const plainSending = ref(false);
   const loadingOlder = ref(false);
   const error = ref<string | null>(null);
-  const generating = ref(false);
-  let activeController: AbortController | null = null;
-  let activeUserMessageId: number | null = null;
+  type StreamState = {
+    controller: AbortController;
+    userMessageId: number;
+    assistantMessageId: number;
+    serverUserMessageId: number | null;
+  };
+  const streamStates = reactive(new Map<number, StreamState>());
+  const conversationCache = reactive(new Map<number, Conversation>());
+  const sending = computed(() => plainSending.value || Boolean(current.value && streamStates.has(current.value.id)));
+  const generating = sending;
   let listRequest: Promise<void> | null = null;
   let listRequestSearch: string | undefined;
   let listLoadedAt = 0;
@@ -62,7 +69,19 @@ export const useConversationStore = defineStore("conversation", () => {
     try {
       const response = await fetchConversation(id);
       if (!response.data.data) throw new Error("对话响应为空");
-      current.value = response.data.data;
+      const remote = response.data.data;
+      const cached = conversationCache.get(id);
+      const stream = streamStates.get(id);
+      const merged = stream && cached
+        ? {
+            ...remote,
+            messages: mergePendingMessages(remote.messages, cached.messages, stream),
+            messageCount: Math.max(remote.messageCount, cached.messageCount),
+            messagesTotal: Math.max(remote.messagesTotal, cached.messagesTotal),
+          }
+        : remote;
+      conversationCache.set(id, merged);
+      current.value = merged;
     } catch (reason) {
       error.value = reason instanceof Error ? reason.message : "对话加载失败";
       throw reason;
@@ -80,20 +99,24 @@ export const useConversationStore = defineStore("conversation", () => {
     ) {
       return false;
     }
-    const offset = current.value.messagesOffset + current.value.messages.length;
+    const conversationId = current.value.id;
+    const base = conversationCache.get(conversationId) ?? current.value;
+    const offset = base.messagesOffset + base.messages.length;
     if (!current.value.hasMoreMessages) return false;
     loadingOlder.value = true;
     try {
-      const response = await fetchConversation(current.value.id, offset);
+      const response = await fetchConversation(conversationId, offset);
       if (!response.data.data) throw new Error("历史消息响应为空");
       const older = response.data.data;
-      current.value = {
-        ...current.value,
-        messages: [...older.messages, ...current.value.messages],
+      const updated = {
+        ...base,
+        messages: [...older.messages, ...base.messages],
         messagesOffset: 0,
         hasMoreMessages: older.hasMoreMessages,
         messagesTotal: older.messagesTotal,
       };
+      conversationCache.set(conversationId, updated);
+      if (current.value?.id === conversationId) current.value = updated;
       return true;
     } finally {
       loadingOlder.value = false;
@@ -103,6 +126,7 @@ export const useConversationStore = defineStore("conversation", () => {
   async function create(title?: string) {
     const response = await createConversation(title);
     if (!response.data.data) throw new Error("新建对话响应为空");
+    conversationCache.set(response.data.data.id, response.data.data);
     current.value = response.data.data;
     items.value = [toSummary(response.data.data), ...items.value];
     return current.value;
@@ -114,29 +138,30 @@ export const useConversationStore = defineStore("conversation", () => {
   ) {
     if (!current.value) await create();
     if (!current.value) throw new Error("当前对话不存在");
-    sending.value = true;
+    const conversationId = current.value.id;
+    plainSending.value = true;
     error.value = null;
     try {
       const response = await sendConversationMessage(
-        current.value.id,
+        conversationId,
         content,
         messageType,
       );
       if (!response.data.data) throw new Error("消息响应为空");
-      current.value = response.data.data;
+      setConversation(response.data.data);
       const index = items.value.findIndex(
-        (item) => item.id === current.value?.id,
+        (item) => item.id === conversationId,
       );
-      const summary = toSummary(current.value);
+      const summary = toSummary(response.data.data);
       if (index >= 0) items.value.splice(index, 1, summary);
       else items.value.unshift(summary);
       items.value.sort((a, b) => b.updatedAt.localeCompare(a.updatedAt));
-      return current.value;
+      return response.data.data;
     } catch (reason) {
       error.value = reason instanceof Error ? reason.message : "消息发送失败";
       throw reason;
     } finally {
-      sending.value = false;
+      plainSending.value = false;
     }
   }
 
@@ -147,13 +172,19 @@ export const useConversationStore = defineStore("conversation", () => {
   ) {
     if (!current.value) await create();
     if (!current.value) throw new Error("当前对话不存在");
-    sending.value = true;
-    generating.value = true;
-    activeController = new AbortController();
+    const conversationId = current.value.id;
+    if (streamStates.has(conversationId)) throw new Error("当前会话正在生成，请稍候");
+    const state: StreamState = {
+      controller: new AbortController(),
+      userMessageId: -Date.now(),
+      assistantMessageId: -Date.now() - 1,
+      serverUserMessageId: null,
+    };
+    streamStates.set(conversationId, state);
     error.value = null;
     const startedAt = new Date().toISOString();
     const userMessage = {
-      id: -Date.now(),
+      id: state.userMessageId,
       role: "user" as const,
       messageType,
       content,
@@ -162,9 +193,8 @@ export const useConversationStore = defineStore("conversation", () => {
       semantic: null,
       createdAt: startedAt,
     };
-    activeUserMessageId = userMessage.id;
     const assistantMessage = {
-      id: userMessage.id - 1,
+      id: state.assistantMessageId,
       role: "assistant" as const,
       messageType: "text" as const,
       content: "",
@@ -173,14 +203,15 @@ export const useConversationStore = defineStore("conversation", () => {
       semantic: null as Record<string, unknown> | null,
       createdAt: startedAt,
     };
-    current.value = {
+    const optimistic = {
       ...current.value,
       messages: [...current.value.messages, userMessage, assistantMessage],
       messageCount: current.value.messageCount + 2,
       messagesTotal: current.value.messagesTotal + 2,
     };
+    conversationCache.set(conversationId, optimistic);
+    current.value = optimistic;
     try {
-      const conversationId = current.value.id;
       await streamConversationMessage(
         conversationId,
         content,
@@ -191,132 +222,156 @@ export const useConversationStore = defineStore("conversation", () => {
             typeof event.data === "object" &&
             "messageId" in event.data &&
             typeof event.data.messageId === "number" &&
-            current.value
+            conversationCache.get(conversationId)
           ) {
             const serverMessageId = event.data.messageId;
-            const messages = current.value.messages.map((message) =>
-              message.id === userMessage.id
+            state.serverUserMessageId = serverMessageId;
+            const cached = conversationCache.get(conversationId);
+            if (!cached) return;
+            const messages = cached.messages.map((message) =>
+              message.id === state.userMessageId
                 ? { ...message, id: serverMessageId }
                 : message,
             );
-            activeUserMessageId = serverMessageId;
-            current.value = { ...current.value, messages };
+            setConversation({ ...cached, messages });
           }
           if (event.type === "delta" && event.content) onDelta(event.content);
-          if (event.type === "semantic" && event.data && current.value) {
-            const messages = [...current.value.messages];
-            const last = messages[messages.length - 1];
-            if (last?.role === "assistant") {
-              messages[messages.length - 1] = {
-                ...last,
+          if (event.type === "semantic" && event.data) {
+            const cached = conversationCache.get(conversationId);
+            if (!cached) return;
+            const messages = cached.messages.map((message) =>
+              message.id === state.assistantMessageId
+                ? {
+                    ...message,
                 semantic: event.data as Record<string, unknown>,
-              };
-              current.value = { ...current.value, messages };
-            }
+                  }
+                : message,
+            );
+            setConversation({ ...cached, messages });
           }
-          if (event.type === "delta" && event.content && current.value) {
-            const messages = [...current.value.messages];
-            const last = messages[messages.length - 1];
-            if (last?.role === "assistant") {
-              messages[messages.length - 1] = {
-                ...last,
-                content: last.content + event.content,
-              };
-              current.value = { ...current.value, messages };
-            }
+          if (event.type === "delta" && event.content) {
+            const cached = conversationCache.get(conversationId);
+            if (!cached) return;
+            const messages = cached.messages.map((message) =>
+              message.id === state.assistantMessageId
+                ? { ...message, content: message.content + event.content }
+                : message,
+            );
+            setConversation({ ...cached, messages });
           }
           if (event.type === "error")
             throw new Error(event.message || "AI 回复失败");
           if (event.type === "done" && event.data)
-            current.value = event.data as Conversation;
+            setConversation(event.data as Conversation);
         },
         messageType,
-        activeController.signal,
+        state.controller.signal,
       );
+      const completed = conversationCache.get(conversationId);
       if (
-        !current.value ||
-        !current.value.messages.some(
+        !completed ||
+        !completed.messages.some(
           (message) => message.role === "assistant" && message.content.trim(),
         )
       ) {
         throw new Error("AI 回复为空");
       }
-      const summary = toSummary(current.value);
+      const summary = toSummary(completed);
       const index = items.value.findIndex((item) => item.id === summary.id);
       if (index >= 0) items.value.splice(index, 1, summary);
       else items.value.unshift(summary);
-      return current.value;
+      return completed;
     } catch (reason) {
-      const conversationId = current.value?.id;
-      if (activeController?.signal.aborted) {
-        if (conversationId) {
-          try {
-            const response = await fetchConversation(conversationId);
-            if (response.data.data) current.value = response.data.data;
-          } catch {
+      if (state.controller.signal.aborted) {
+        try {
+          const response = await fetchConversation(conversationId);
+          if (response.data.data) setConversation(response.data.data);
+        } catch {
             // If the request was cancelled before persistence, remove both
             // temporary messages from the local conversation.
-            if (current.value) {
-              const messages = current.value.messages.filter(
+            const cached = conversationCache.get(conversationId);
+            if (cached) {
+              const messages = cached.messages.filter(
                 (message) =>
                   message.id !== assistantMessage.id &&
                   message.id !== userMessage.id,
               );
-              current.value = {
-                ...current.value,
+              setConversation({
+                ...cached,
                 messages,
-                messageCount: Math.max(0, current.value.messageCount - 2),
-                messagesTotal: Math.max(0, current.value.messagesTotal - 2),
-              };
+                messageCount: Math.max(0, cached.messageCount - 2),
+                messagesTotal: Math.max(0, cached.messagesTotal - 2),
+              });
             }
-          }
-          const summary = current.value ? toSummary(current.value) : null;
-          if (summary) {
-            const index = items.value.findIndex(
-              (item) => item.id === summary.id,
-            );
-            if (index >= 0) items.value.splice(index, 1, summary);
-            else items.value.unshift(summary);
-          }
         }
-        return current.value;
+        const completed = conversationCache.get(conversationId);
+        if (completed) upsertSummary(completed);
+        return completed ?? null;
       }
-      if (current.value) {
-        const messages = current.value.messages.filter(
+      const cached = conversationCache.get(conversationId);
+      if (cached) {
+        const messages = cached.messages.filter(
           (message) =>
             message.id !== assistantMessage.id && message.id !== userMessage.id,
         );
-        current.value = {
-          ...current.value,
+        setConversation({
+          ...cached,
           messages,
-          messageCount: Math.max(0, current.value.messageCount - 2),
-          messagesTotal: Math.max(0, current.value.messagesTotal - 2),
-        };
+          messageCount: Math.max(0, cached.messageCount - 2),
+          messagesTotal: Math.max(0, cached.messagesTotal - 2),
+        });
       }
-      if (conversationId) {
-        try {
-          const response = await fetchConversation(conversationId);
-          if (response.data.data) current.value = response.data.data;
-        } catch {
-          // Keep the local state when recovery is unavailable.
-        }
+      try {
+        const response = await fetchConversation(conversationId);
+        if (response.data.data) setConversation(response.data.data);
+      } catch {
+        // Keep the cached state when recovery is unavailable.
       }
-      error.value = reason instanceof Error ? reason.message : "AI 回复失败";
+      if (current.value?.id === conversationId)
+        error.value = reason instanceof Error ? reason.message : "AI 回复失败";
       throw reason;
     } finally {
-      sending.value = false;
-      generating.value = false;
-      activeController = null;
-      activeUserMessageId = null;
+      streamStates.delete(conversationId);
     }
   }
 
-  function stopGeneration() {
-    activeController?.abort();
+  function stopGeneration(conversationId = current.value?.id) {
+    if (conversationId) streamStates.get(conversationId)?.controller.abort();
   }
 
   function isGeneratingMessage(messageId: number) {
-    return activeUserMessageId === messageId && generating.value;
+    const state = current.value ? streamStates.get(current.value.id) : undefined;
+    return Boolean(state && (state.userMessageId === messageId || state.serverUserMessageId === messageId));
+  }
+
+  function setConversation(conversation: Conversation) {
+    conversationCache.set(conversation.id, conversation);
+    if (current.value?.id === conversation.id) current.value = conversation;
+    upsertSummary(conversation);
+  }
+
+  function mergePendingMessages(
+    remoteMessages: Conversation["messages"],
+    cachedMessages: Conversation["messages"],
+    state: StreamState,
+  ) {
+    const known = new Set(remoteMessages.map((message) => message.id));
+    const pending = cachedMessages.filter(
+      (message) =>
+        (message.id === state.assistantMessageId ||
+          message.id === state.userMessageId ||
+          message.id === state.serverUserMessageId) &&
+        !known.has(message.id),
+    );
+    return [...remoteMessages, ...pending];
+  }
+
+  function upsertSummary(conversation: Conversation) {
+    const summary = toSummary(conversation);
+    const index = items.value.findIndex((item) => item.id === summary.id);
+    if (index >= 0) items.value.splice(index, 1, summary);
+    else items.value.unshift(summary);
+    items.value.sort((a, b) => b.updatedAt.localeCompare(a.updatedAt));
   }
 
   async function withdraw(messageId: number) {
@@ -330,6 +385,7 @@ export const useConversationStore = defineStore("conversation", () => {
       );
       if (!response.data.data) throw new Error("撤回响应为空");
       current.value = response.data.data;
+      conversationCache.set(current.value.id, current.value);
       const index = items.value.findIndex(
         (item) => item.id === current.value?.id,
       );
-- 
2.47.2


From 5582f168c23cc9b0794fd2f1be975f84c9137560 Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Sun, 13 Sep 2026 16:28:00 +0800
Subject: [PATCH 22/31] =?UTF-8?q?=E4=BF=AE=E5=A4=8D=E9=92=89=E9=92=89?=
 =?UTF-8?q?=E7=94=A8=E6=88=B7=E8=87=AA=E5=8A=A8=E5=85=8D=E7=99=BB=E4=B8=8E?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=E5=90=8C=E6=AD=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue              | 26 +++++++++++++++++++++++---
 src/api/dingtalk.ts      | 35 ++++++++++++++++++++++++++++++++---
 src/pages/LoginPage.vue  | 13 +++++++++----
 src/stores/auth.store.ts |  4 ++--
 4 files changed, 66 insertions(+), 12 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 1ba91c8..3ae44b8 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -2,6 +2,7 @@
 import { onMounted, onUnmounted } from "vue";
 import { RouterView } from "vue-router";
 
+import { isDingTalkContainer } from "@/api/dingtalk";
 import router from "@/router";
 import { useAuthStore } from "@/stores/auth.store";
 
@@ -17,9 +18,28 @@ function handleAuthExpired() {
   }
 }
 
-onMounted(() =>
-  window.addEventListener("risk-auth-expired", handleAuthExpired),
-);
+async function syncDingTalkUser() {
+  if (
+    !isDingTalkContainer() ||
+    !auth.user?.dingtalkId ||
+    auth.user.dingtalkId.startsWith("local-")
+  ) {
+    return;
+  }
+  try {
+    await auth.dingTalkLogin(true);
+  } catch {
+    // A stale token must remain usable if DingTalk is temporarily unavailable.
+  }
+}
+
+onMounted(async () => {
+  window.addEventListener("risk-auth-expired", handleAuthExpired);
+  // Restore /auth/me first: on a hard refresh auth.user starts as null, so a
+  // synchronous check would skip the DingTalk profile resync entirely.
+  if (auth.token && !auth.user) await auth.restore();
+  await syncDingTalkUser();
+});
 onUnmounted(() =>
   window.removeEventListener("risk-auth-expired", handleAuthExpired),
 );
diff --git a/src/api/dingtalk.ts b/src/api/dingtalk.ts
index e9b4824..91aeac6 100644
--- a/src/api/dingtalk.ts
+++ b/src/api/dingtalk.ts
@@ -3,14 +3,43 @@ import dd from "dingtalk-jsapi";
 import { getDingTalkConfig, loginWithDingTalk } from "@/api/auth";
 import type { AuthTokenData } from "@/types/auth";
 
+declare global {
+  interface Window {
+    dingtalk?: { platform?: { invokeAPI?: unknown } };
+    DingTalkJSBridge?: unknown;
+  }
+}
+
 export function isDingTalkContainer() {
-  return (
-    typeof navigator !== "undefined" && /DingTalk/i.test(navigator.userAgent)
+  if (typeof window === "undefined" || typeof navigator === "undefined")
+    return false;
+  const userAgent =
+    navigator.userAgent ||
+    (navigator as Navigator & { swuserAgent?: string }).swuserAgent ||
+    "";
+  return Boolean(
+    /DingTalk|dingtalk-win|dd-web/i.test(userAgent) ||
+      window.DingTalkJSBridge ||
+      window.dingtalk?.platform?.invokeAPI ||
+      // DingTalk desktop can expose its container identity through window.name
+      // even when the embedded browser omits DingTalk from userAgent.
+      /dingtalk/i.test(window.name || ""),
   );
 }
 
+export async function waitForDingTalkContainer(timeoutMs = 5000) {
+  if (isDingTalkContainer()) return true;
+  const startedAt = Date.now();
+  while (Date.now() - startedAt < timeoutMs) {
+    await new Promise((resolve) => window.setTimeout(resolve, 100));
+    if (isDingTalkContainer()) return true;
+  }
+  return false;
+}
+
 export async function authenticateWithDingTalk(): Promise<AuthTokenData> {
-  if (!isDingTalkContainer()) throw new Error("请从钉钉工作台打开此应用");
+  if (!(await waitForDingTalkContainer()))
+    throw new Error("请从钉钉工作台打开此应用");
   const configResponse = await getDingTalkConfig();
   const config = configResponse.data.data;
   if (!config) throw new Error("钉钉免登配置不完整");
diff --git a/src/pages/LoginPage.vue b/src/pages/LoginPage.vue
index 016be24..1d1152b 100644
--- a/src/pages/LoginPage.vue
+++ b/src/pages/LoginPage.vue
@@ -9,7 +9,7 @@ import {
 import { computed, onMounted, ref } from "vue";
 import { useRouter } from "vue-router";
 
-import { isDingTalkContainer } from "@/api/dingtalk";
+import { waitForDingTalkContainer } from "@/api/dingtalk";
 import { useAuthStore } from "@/stores/auth.store";
 
 const auth = useAuthStore();
@@ -19,6 +19,7 @@ const useDevelopmentLogin = ref(true);
 const username = ref("local-admin");
 const password = ref("risk-admin-2026");
 const autoDingTalkAttempted = ref(false);
+const autoDingTalk = ref(false);
 
 // 登录后的统一落点是智能对话页，避免从其他受保护页面跳转到登录后
 // 又回到原页面，保证用户进入系统后先看到对话工作台。
@@ -49,11 +50,14 @@ async function submitDingTalk() {
   }
 }
 
-onMounted(() => {
-  if (!isDingTalkContainer() || autoDingTalkAttempted.value) return;
+onMounted(async () => {
+  if (autoDingTalkAttempted.value) return;
+  const inDingTalk = await waitForDingTalkContainer();
+  if (!inDingTalk || autoDingTalkAttempted.value) return;
   autoDingTalkAttempted.value = true;
+  autoDingTalk.value = true;
   mode.value = "dingtalk";
-  void submitDingTalk();
+  await submitDingTalk();
 });
 </script>
 
@@ -144,6 +148,7 @@ onMounted(() => {
           }}
         </p>
         <button
+          v-if="!autoDingTalk || auth.error"
           class="login-submit"
           type="button"
           :disabled="auth.loading"
diff --git a/src/stores/auth.store.ts b/src/stores/auth.store.ts
index bda4f84..74ae593 100644
--- a/src/stores/auth.store.ts
+++ b/src/stores/auth.store.ts
@@ -61,7 +61,7 @@ export const useAuthStore = defineStore("auth", () => {
     }
   }
 
-  async function dingTalkLogin() {
+  async function dingTalkLogin(preserveSessionOnFailure = false) {
     loading.value = true;
     error.value = null;
     try {
@@ -69,7 +69,7 @@ export const useAuthStore = defineStore("auth", () => {
       saveToken(response.accessToken);
       user.value = response.user;
     } catch (reason) {
-      clear();
+      if (!preserveSessionOnFailure) clear();
       error.value = reason instanceof Error ? reason.message : "钉钉免登失败";
       throw reason;
     } finally {
-- 
2.47.2


From 6402aaf83ea7fc69d3b9561dd66200cff618859e Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Sun, 13 Sep 2026 17:36:22 +0800
Subject: [PATCH 23/31] =?UTF-8?q?=E6=94=AF=E6=8C=81=E5=88=A0=E9=99=A4?=
 =?UTF-8?q?=E5=8E=86=E5=8F=B2=E4=BC=9A=E8=AF=9D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/conversations.ts             |  4 +++
 src/components/layout/AppSidebar.vue | 54 ++++++++++++++++++++++++++--
 src/stores/conversation.store.ts     | 12 +++++++
 3 files changed, 67 insertions(+), 3 deletions(-)

diff --git a/src/api/conversations.ts b/src/api/conversations.ts
index bae5a19..11d3139 100644
--- a/src/api/conversations.ts
+++ b/src/api/conversations.ts
@@ -29,6 +29,10 @@ export function fetchConversation(id: number, offset = 0) {
   });
 }
 
+export function deleteConversation(id: number) {
+  return http.delete<ApiResponse<null>>(`/v1/conversations/${id}`);
+}
+
 export function sendConversationMessage(
   id: number,
   content: string,
diff --git a/src/components/layout/AppSidebar.vue b/src/components/layout/AppSidebar.vue
index 972cf6d..85d2817 100644
--- a/src/components/layout/AppSidebar.vue
+++ b/src/components/layout/AppSidebar.vue
@@ -95,6 +95,18 @@ async function openConversation(id: number) {
   }
 }
 
+async function removeConversation(item: { id: number; title: string }) {
+  if (!window.confirm(`确定删除会话“${item.title}”吗？删除后无法恢复。`)) return;
+  try {
+    await conversationStore.remove(item.id);
+    if (conversationStore.current === null) {
+      await router.push({ name: "assessment", query: { new: String(Date.now()) } });
+    }
+  } catch {
+    // The store exposes the request error.
+  }
+}
+
 function searchConversations() {
   void conversationStore.loadList(search.value.trim() || undefined);
 }
@@ -131,14 +143,15 @@ function searchConversations() {
       <p v-else-if="!conversations.length" class="sidebar-state">
         暂无历史对话
       </p>
-      <button
+      <div
         v-for="item in conversations"
         :key="item.id"
         class="sidebar-item"
         :class="{
           'sidebar-item--active': conversationStore.current?.id === item.id,
         }"
-        type="button"
+        role="button"
+        tabindex="0"
         @click="openConversation(item.id)"
       >
         <span
@@ -148,7 +161,16 @@ function searchConversations() {
         ></span>
         <span v-else class="risk-dot risk-dot--empty"></span>
         <span class="sidebar-item__label">{{ item.title }}</span>
-      </button>
+        <button
+          type="button"
+          class="sidebar-item__delete"
+          title="删除会话"
+          aria-label="删除会话"
+          @click.stop="removeConversation(item)"
+        >
+          ×
+        </button>
+      </div>
     </section>
 
     <section>
@@ -264,6 +286,32 @@ section h2 {
   white-space: nowrap;
 }
 
+.sidebar-item__delete {
+  display: none;
+  width: 22px;
+  height: 22px;
+  flex: 0 0 22px;
+  margin-left: auto;
+  border: 0;
+  border-radius: 6px;
+  background: transparent;
+  color: var(--color-text-faint);
+  font-size: 18px;
+  line-height: 1;
+  cursor: pointer;
+}
+
+.sidebar-item:hover .sidebar-item__delete,
+.sidebar-item:focus-within .sidebar-item__delete {
+  display: inline-grid;
+  place-items: center;
+}
+
+.sidebar-item__delete:hover {
+  background: var(--color-danger-subtle);
+  color: var(--color-danger);
+}
+
 .risk-dot {
   width: 5px;
   height: 5px;
diff --git a/src/stores/conversation.store.ts b/src/stores/conversation.store.ts
index 6ea9b66..618937e 100644
--- a/src/stores/conversation.store.ts
+++ b/src/stores/conversation.store.ts
@@ -3,6 +3,7 @@ import { computed, reactive, ref } from "vue";
 
 import {
   createConversation,
+  deleteConversation,
   fetchConversation,
   fetchConversations,
   withdrawConversationMessage,
@@ -132,6 +133,16 @@ export const useConversationStore = defineStore("conversation", () => {
     return current.value;
   }
 
+  async function remove(id: number) {
+    const active = current.value?.id === id;
+    await deleteConversation(id);
+    streamStates.get(id)?.controller.abort();
+    streamStates.delete(id);
+    conversationCache.delete(id);
+    items.value = items.value.filter((item) => item.id !== id);
+    if (active) current.value = null;
+  }
+
   async function send(
     content: string,
     messageType: ConversationMessageType = "text",
@@ -428,6 +439,7 @@ export const useConversationStore = defineStore("conversation", () => {
     open,
     loadOlder,
     create,
+    remove,
     send,
     streamSend,
     stopGeneration,
-- 
2.47.2


From b5484c8adbd8012a6889be1aa761c0a3808e6e2a Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Mon, 14 Sep 2026 15:51:36 +0800
Subject: [PATCH 24/31] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=BF=AB=E6=8D=B7?=
 =?UTF-8?q?=E5=85=A5=E5=8F=A3=E4=B8=8E=E9=A3=8E=E9=99=A9=E9=A1=B9=E7=AE=A1?=
 =?UTF-8?q?=E7=90=86=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../assistant/AssistantComposer.vue           | 16 +++++++++++-
 .../assistant/AssistantResponseCard.vue       | 20 --------------
 src/components/assistant/AssistantWelcome.vue | 17 ++++++++++--
 src/components/assistant/RiskAnalysisCard.vue | 25 +-----------------
 src/components/layout/AppHeader.vue           | 10 +++----
 src/pages/ReviewPage.vue                      | 26 +++++++++----------
 src/pages/RiskAssistantPage.vue               | 22 ++++++++--------
 7 files changed, 60 insertions(+), 76 deletions(-)

diff --git a/src/components/assistant/AssistantComposer.vue b/src/components/assistant/AssistantComposer.vue
index 1b4edbc..5cb4c99 100644
--- a/src/components/assistant/AssistantComposer.vue
+++ b/src/components/assistant/AssistantComposer.vue
@@ -11,6 +11,8 @@ import {
   Search,
 } from "@lucide/vue";
 
+import { ref } from "vue";
+
 import { featureFlags } from "@/config/features";
 
 defineProps<{ modelValue: string; loading: boolean; canUpload: boolean }>();
@@ -31,6 +33,13 @@ const emit = defineEmits<{
       | "voice",
   ];
 }>();
+const textarea = ref<HTMLTextAreaElement | null>(null);
+
+function focus() {
+  textarea.value?.focus();
+}
+
+defineExpose({ focus });
 
 const functions: Array<{
   title: string;
@@ -115,6 +124,7 @@ const functions: Array<{
         <Camera :size="16" />
       </button>
       <textarea
+        ref="textarea"
         :value="modelValue"
         rows="1"
         placeholder="输入产品参数或问题…"
@@ -145,7 +155,11 @@ const functions: Array<{
         :key="item.title"
         class="function-card"
         type="button"
-        @click="emit('tool', item.tool)"
+        @click="
+          item.tool === 'assessment' || !item.prompt
+            ? emit('tool', item.tool)
+            : emit('select', item.prompt)
+        "
       >
         <span class="function-dot" :class="`function-dot--${item.tone}`"></span>
         <component :is="item.icon" :size="13" />
diff --git a/src/components/assistant/AssistantResponseCard.vue b/src/components/assistant/AssistantResponseCard.vue
index 4ea8beb..b7a51cc 100644
--- a/src/components/assistant/AssistantResponseCard.vue
+++ b/src/components/assistant/AssistantResponseCard.vue
@@ -258,7 +258,6 @@ function generateReport() {
               <b>{{ standard.riskPoint }}</b
               ><small>{{ standard.rule }} · {{ standard.source }}</small>
             </div>
-            <strong>{{ standard.status }}</strong>
           </div>
         </template>
         <p v-else class="empty">暂无直接匹配规则</p>
@@ -317,12 +316,6 @@ function generateReport() {
               {{ standard.source || "标准文件.xlsx" }}</small
             >
           </div>
-          <strong
-            :class="{
-              ok: standard.status === '合规' || standard.status === '打样必测',
-            }"
-            >{{ standard.status }}</strong
-          >
         </button>
         <p v-if="!data.standards?.length" class="empty">
           当前标准库暂无可匹配规则，请补充产品品类、包材或检测指标。
@@ -696,11 +689,6 @@ function generateReport() {
   color: var(--color-text-faint);
   font-size: 9px;
 }
-.standard-row > strong {
-  flex: 0 0 auto;
-  color: var(--color-warning);
-  font-size: 10px;
-}
 .solution-standard-row {
   display: flex;
   width: 100%;
@@ -753,14 +741,6 @@ function generateReport() {
   color: var(--color-text-faint);
   font-size: 10px;
 }
-.solution-standard-row > strong {
-  flex: 0 0 auto;
-  color: var(--color-warning);
-  font-size: 11px;
-}
-.solution-standard-row > strong.ok {
-  color: var(--color-success);
-}
 .suggestion-list {
   margin: 12px 0 0;
   padding-left: 18px;
diff --git a/src/components/assistant/AssistantWelcome.vue b/src/components/assistant/AssistantWelcome.vue
index a555280..828f402 100644
--- a/src/components/assistant/AssistantWelcome.vue
+++ b/src/components/assistant/AssistantWelcome.vue
@@ -13,7 +13,10 @@ import { computed } from "vue";
 
 import { featureFlags } from "@/config/features";
 
-const emit = defineEmits<{ select: [prompt: string] }>();
+const emit = defineEmits<{
+  select: [prompt: string];
+  tool: [value: "assessment" | "ocr"];
+}>();
 const props = defineProps<{ canUpload: boolean }>();
 
 const actions = [
@@ -23,6 +26,7 @@ const actions = [
     prompt: "帮我评估一款500ml PET瓶洗发水，泵头用祥印的，加工厂博元",
     icon: Search,
     tone: "blue",
+    tool: "assessment" as const,
   },
   {
     title: "查供应商",
@@ -69,6 +73,7 @@ const actions = [
     icon: Camera,
     tone: "sky",
     requiresUpload: true,
+    tool: "ocr" as const,
   },
   ...(featureFlags.voiceEntry
     ? [
@@ -90,6 +95,14 @@ const visibleActions = computed(() =>
       props.canUpload,
   ),
 );
+
+function handleAction(action: (typeof actions)[number]) {
+  if ("tool" in action && action.tool) {
+    emit("tool", action.tool);
+    return;
+  }
+  emit("select", action.prompt);
+}
 </script>
 
 <template>
@@ -107,7 +120,7 @@ const visibleActions = computed(() =>
         :key="action.title"
         class="welcome-action"
         type="button"
-        @click="emit('select', action.prompt)"
+        @click="handleAction(action)"
       >
         <span class="welcome-action__icon" :class="`tone-${action.tone}`">
           <component :is="action.icon" :size="16" />
diff --git a/src/components/assistant/RiskAnalysisCard.vue b/src/components/assistant/RiskAnalysisCard.vue
index 03c3a21..3afffa8 100644
--- a/src/components/assistant/RiskAnalysisCard.vue
+++ b/src/components/assistant/RiskAnalysisCard.vue
@@ -108,13 +108,6 @@ const standardCategories = computed(() => [
     (props.result.standardJudgment ?? []).map((item) => item.category),
   ),
 ]);
-const pendingStandardCount = computed(
-  () =>
-    (props.result.standardJudgment ?? []).filter(
-      (item) => !["合规", "合格", "达标"].includes(item.status),
-    ).length,
-);
-
 function openStandards(category = "all", keyword?: string) {
   void router.push({
     name: "standards",
@@ -287,18 +280,12 @@ function openSupplier() {
               {{ standard.source || "标准文件.xlsx" }}</small
             >
           </div>
-          <strong :class="{ 'status-action': standard.status !== '待检测' }">{{
-            standard.status
-          }}</strong>
         </button>
         <footer>
           <span class="standards-card__engine-icon">↻</span>
           <span
             ><b>双引擎融合：</b
-            >历史数据（经验引擎）提供风险优先级与相似案例；标准库（规则引擎）给出量化阈值与检测依据。<template
-              v-if="pendingStandardCount"
-              >{{ pendingStandardCount }} 项待检标准已加入检测任务清单</template
-            ></span
+            >历史数据（经验引擎）提供风险优先级与相似案例；标准库（规则引擎）给出量化阈值与检测依据。</span
           >
           <span class="standards-card__links">
             <button
@@ -895,16 +882,6 @@ h3 {
   font-size: 9px;
 }
 
-.standard-row > strong {
-  flex: 0 0 auto;
-  color: var(--color-warning);
-  font-size: 10px;
-}
-
-.standard-row > .status-action {
-  color: var(--color-success);
-}
-
 .standards-card__empty,
 .case-empty {
   margin: 8px 0;
diff --git a/src/components/layout/AppHeader.vue b/src/components/layout/AppHeader.vue
index ea0e9ba..fdd95c2 100644
--- a/src/components/layout/AppHeader.vue
+++ b/src/components/layout/AppHeader.vue
@@ -14,18 +14,18 @@ const { user } = storeToRefs(auth);
 const router = useRouter();
 const route = useRoute();
 
-const navigation = ["对话", "看板", "供应商", "标准库", "报告", "管理"];
+const navigation = ["对话", "看板", "供应商", "标准库", "报告", "风险项管理"];
 const navigationRoutes: Record<string, string> = {
   对话: "assessment",
   看板: "overview",
   供应商: "supplier",
   标准库: "standards",
   报告: "report",
-  管理: "review",
+  风险项管理: "review",
 };
 const visibleNavigation = computed(() =>
   navigation.filter(
-    (item) => item !== "管理" || auth.hasPermission("risk_item.review"),
+    (item) => item !== "风险项管理" || auth.hasPermission("risk_item.review"),
   ),
 );
 
@@ -34,7 +34,7 @@ const routeChunks: Record<string, () => Promise<unknown>> = {
   供应商: () => import("@/pages/SupplierProfilePage.vue"),
   标准库: () => import("@/pages/StandardsPage.vue"),
   报告: () => import("@/pages/ReportPage.vue"),
-  管理: () => import("@/pages/ReviewPage.vue"),
+  风险项管理: () => import("@/pages/ReviewPage.vue"),
 };
 const prefetched = new Set<string>();
 function prefetch(item: string) {
@@ -67,7 +67,7 @@ function prefetch(item: string) {
             (item === '供应商' && route.name === 'supplier') ||
             (item === '标准库' && route.name === 'standards') ||
             (item === '报告' && route.name === 'report') ||
-            (item === '管理' && route.name === 'review') ||
+            (item === '风险项管理' && route.name === 'review') ||
             (item === '对话' && route.name === 'assessment'),
         }"
         @mouseenter="prefetch(item)"
diff --git a/src/pages/ReviewPage.vue b/src/pages/ReviewPage.vue
index a2ce509..6c932ce 100644
--- a/src/pages/ReviewPage.vue
+++ b/src/pages/ReviewPage.vue
@@ -264,8 +264,8 @@ onMounted(() => {
   <div class="admin-page">
     <header class="admin-header">
       <div>
-        <p class="eyebrow">ADMIN CONSOLE</p>
-        <h1>管理工作台</h1>
+        <p class="eyebrow">RISK ITEM CONSOLE</p>
+        <h1>风险项管理工作台</h1>
         <p class="admin-description">风险项录入、审核与数据质量管理</p>
       </div>
       <div class="admin-header-actions">
@@ -692,8 +692,8 @@ onMounted(() => {
               ><ClipboardCheck :size="16"
             /></span>
             <div>
-              <h3>风险项录入</h3>
-              <p>表单录入并提交审核</p>
+              <h3>风险项表单录入</h3>
+              <p>填写风险项并提交审核</p>
             </div>
           </header>
           <button
@@ -701,7 +701,7 @@ onMounted(() => {
             type="button"
             @click="router.push({ name: 'risk-item-entry' })"
           >
-            <Plus :size="14" />打开录入表单
+            <Plus :size="14" />新建风险项
           </button>
         </article>
         <article
@@ -713,20 +713,20 @@ onMounted(() => {
               ><ImagePlus :size="16"
             /></span>
             <div>
-              <h3>OCR 识别录入</h3>
-              <p>上传检测报告、巡检单或异常报告</p>
+              <h3>风险项 OCR 录入</h3>
+              <p>识别报告并生成待审核风险项</p>
             </div>
           </header>
           <button class="tool-link" type="button" @click="ocrOpen = true">
-            <Upload :size="14" />开始 OCR 识别
+            <Upload :size="14" />识别并录入风险项
           </button>
         </article>
         <article v-if="featureFlags.voiceEntry" class="tool-card">
           <header>
             <span class="tool-icon tool-icon--purple"><Mic :size="16" /></span>
             <div>
-              <h3>语音录入</h3>
-              <p>口述异常信息，自动提取字段</p>
+              <h3>风险项语音录入</h3>
+              <p>口述异常并生成待审核风险项</p>
             </div>
           </header>
           <button class="voice-entry" type="button">
@@ -742,12 +742,12 @@ onMounted(() => {
               ><FileSpreadsheet :size="16"
             /></span>
             <div>
-              <h3>Excel 批量导入</h3>
-              <p>按模板批量进入审核队列</p>
+              <h3>风险项 Excel 批量导入</h3>
+              <p>按模板批量生成待审核风险项</p>
             </div>
           </header>
           <button class="tool-link" type="button">
-            <Upload :size="14" />上传 Excel 文件</button
+            <Upload :size="14" />批量导入风险项</button
           ><small class="tool-hint">单次最多 1000 条，自动去重校验</small>
         </article>
         <article class="tool-card config-card">
diff --git a/src/pages/RiskAssistantPage.vue b/src/pages/RiskAssistantPage.vue
index 1aca3a8..9874965 100644
--- a/src/pages/RiskAssistantPage.vue
+++ b/src/pages/RiskAssistantPage.vue
@@ -31,6 +31,7 @@ const withdrawingId = ref<number | null>(null);
 const prompt = ref("");
 const ocrOpen = ref(false);
 const scrollArea = ref<HTMLElement | null>(null);
+const composer = ref<InstanceType<typeof AssistantComposer> | null>(null);
 const tool = ref<
   | "assessment"
   | "supplier"
@@ -116,9 +117,11 @@ watch(
   },
 );
 
-function usePrompt(value: string) {
-  prompt.value = value;
-  void submit();
+async function usePrompt(value: string) {
+  const current = prompt.value.trim();
+  prompt.value = current ? `${current}\n${value}` : value;
+  await nextTick();
+  composer.value?.focus();
 }
 
 function openTool(
@@ -210,14 +213,9 @@ function submitTool() {
     return;
   }
   closeTool();
-  prompt.value =
-    finalValue || `${selectedTitle}：${toolFile.value?.name ?? "附件"}`;
-  const messageType = toolFile.value
-    ? selectedTool === "ocr"
-      ? "image"
-      : "audio"
-    : "text";
-  void submit(messageType);
+  void usePrompt(
+    finalValue || `${selectedTitle}：${toolFile.value?.name ?? "附件"}`,
+  );
 }
 
 function selectFile(event: Event) {
@@ -434,6 +432,7 @@ async function scrollToBottom(behavior: "smooth" | "auto" = "smooth") {
           v-if="!conversation?.messages.length"
           :can-upload="auth.hasPermission('risk_item.submit')"
           @select="usePrompt"
+          @tool="openTool"
         />
 
         <template
@@ -533,6 +532,7 @@ async function scrollToBottom(behavior: "smooth" | "auto" = "smooth") {
     </div>
 
     <AssistantComposer
+      ref="composer"
       v-model="prompt"
       :loading="loading"
       :can-upload="auth.hasPermission('risk_item.submit')"
-- 
2.47.2


From 92a86efe739a7b12c34f9db6126d142c1c8a40ed Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Tue, 15 Sep 2026 10:43:02 +0800
Subject: [PATCH 25/31] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=8A=A5=E5=91=8A?=
 =?UTF-8?q?=E4=BF=A1=E6=81=AF=E4=B8=8E=E5=AF=B9=E8=AF=9D=E6=80=9D=E8=80=83?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/ReportPage.vue        |   6 +-
 src/pages/RiskAssistantPage.vue | 161 +++++++++++++++++++++++++++++++-
 2 files changed, 157 insertions(+), 10 deletions(-)

diff --git a/src/pages/ReportPage.vue b/src/pages/ReportPage.vue
index 6b8971d..8a865e2 100644
--- a/src/pages/ReportPage.vue
+++ b/src/pages/ReportPage.vue
@@ -220,11 +220,7 @@ function dimensionConclusion(item: {
         蝶雅产品部 · 风险预警系统 · 自动生成 · {{ generatedAt }}
       </p>
       <div class="report-meta">
-        <span><b>产品/评估对象：</b>{{ report.subjectId }}</span>
-        ><span
-          ><b>供应商：</b
-          >{{ report.supplierFreq?.supplierName || "未指定" }}</span
-        ><span
+        <span
           ><b>报告编号：</b>RP-{{ report.subjectId.slice(0, 8) }}-{{
             report.score.toFixed(0)
           }}</span
diff --git a/src/pages/RiskAssistantPage.vue b/src/pages/RiskAssistantPage.vue
index 9874965..2b6d912 100644
--- a/src/pages/RiskAssistantPage.vue
+++ b/src/pages/RiskAssistantPage.vue
@@ -1,6 +1,6 @@
 <script setup lang="ts">
 import axios from "axios";
-import { computed, nextTick, onMounted, ref, watch } from "vue";
+import { computed, nextTick, onActivated, onMounted, ref, watch } from "vue";
 import { useRoute, useRouter } from "vue-router";
 
 import AssistantComposer from "@/components/assistant/AssistantComposer.vue";
@@ -45,6 +45,7 @@ const tool = ref<
 const toolInput = ref("");
 const toolError = ref("");
 const toolFile = ref<File | null>(null);
+const expandedReplies = ref(new Set<number>());
 const assessmentFields = ref({
   category: "",
   specification: "",
@@ -110,6 +111,12 @@ onMounted(async () => {
   await openFromRoute();
 });
 
+onActivated(async () => {
+  // MainLayout keeps this page alive. Returning from report/dashboard therefore
+  // does not remount it, so explicitly reveal the newest message on re-entry.
+  if (conversation.value?.messages.length) await scrollToBottom("auto");
+});
+
 watch(
   () => route.query.conversation,
   async () => {
@@ -124,6 +131,40 @@ async function usePrompt(value: string) {
   composer.value?.focus();
 }
 
+function toggleReply(messageId: number) {
+  const next = new Set(expandedReplies.value);
+  if (next.has(messageId)) next.delete(messageId);
+  else next.add(messageId);
+  expandedReplies.value = next;
+}
+
+function canCollapseReply(content: string) {
+  return content.trim().length > 90;
+}
+
+function isMessageThinking(messageId: number, index: number) {
+  const messages = conversation.value?.messages ?? [];
+  return (
+    generating.value &&
+    index === messages.length - 1 &&
+    messages[index]?.id === messageId &&
+    messages[index]?.role === "assistant"
+  );
+}
+
+function thinkingDuration(index: number) {
+  const messages = conversation.value?.messages ?? [];
+  const message = messages[index];
+  const previous = messages[index - 1];
+  if (!message || !previous || previous.role !== "user") return null;
+  const elapsed = Math.round(
+    (new Date(message.createdAt).getTime() -
+      new Date(previous.createdAt).getTime()) /
+      1000,
+  );
+  return elapsed > 0 ? elapsed : null;
+}
+
 function openTool(
   value:
     | "assessment"
@@ -275,7 +316,11 @@ async function openFromRoute() {
   const rawId = route.query.conversation;
   if (typeof rawId !== "string") return;
   const id = Number(rawId);
-  if (Number.isSafeInteger(id) && id > 0 && conversation.value?.id !== id) {
+  if (Number.isSafeInteger(id) && id > 0 && conversation.value?.id === id) {
+    await scrollToBottom("auto");
+    return;
+  }
+  if (Number.isSafeInteger(id) && id > 0) {
     try {
       await conversationStore.open(id);
       await scrollToBottom("auto");
@@ -436,7 +481,7 @@ async function scrollToBottom(behavior: "smooth" | "auto" = "smooth") {
         />
 
         <template
-          v-for="message in conversation?.messages ?? []"
+          v-for="(message, messageIndex) in conversation?.messages ?? []"
           :key="message.id"
         >
           <div class="message" :class="`message--${message.role}`">
@@ -487,13 +532,70 @@ async function scrollToBottom(behavior: "smooth" | "auto" = "smooth") {
               <div
                 v-if="
                   message.content &&
-                  !message.riskResult &&
-                  !message.responseCard
+                  (message.riskResult ||
+                    message.responseCard ||
+                    isMessageThinking(message.id, messageIndex))
                 "
+                class="assistant-thinking"
+              >
+                <button
+                  type="button"
+                  class="assistant-thinking__header"
+                  :disabled="
+                    isMessageThinking(message.id, messageIndex) ||
+                    !canCollapseReply(message.content)
+                  "
+                  @click="toggleReply(message.id)"
+                >
+                  <span v-if="isMessageThinking(message.id, messageIndex)"
+                    >思考中…</span
+                  >
+                  <span v-else>
+                    已完成<span v-if="thinkingDuration(messageIndex)">
+                      {{ thinkingDuration(messageIndex) }}s</span
+                    >
+                  </span>
+                  <span
+                    v-if="canCollapseReply(message.content)"
+                    class="assistant-thinking__arrow"
+                    >{{ expandedReplies.has(message.id) ? "⌄" : "›" }}</span
+                  >
+                </button>
+                <div
+                  class="assistant-bubble"
+                  :class="{
+                    'assistant-bubble--collapsed':
+                      canCollapseReply(message.content) &&
+                      !expandedReplies.has(message.id),
+                  }"
+                >
+                  {{ message.content }}
+                </div>
+              </div>
+              <div
+                v-else-if="message.content"
                 class="assistant-bubble"
+                :class="{
+                  'assistant-bubble--collapsed':
+                    canCollapseReply(message.content) &&
+                    !expandedReplies.has(message.id),
+                }"
               >
                 {{ message.content }}
               </div>
+              <button
+                v-if="
+                  message.content &&
+                  !message.riskResult &&
+                  !message.responseCard &&
+                  canCollapseReply(message.content)
+                "
+                type="button"
+                class="reply-toggle"
+                @click="toggleReply(message.id)"
+              >
+                {{ expandedReplies.has(message.id) ? "收起" : "展开全文" }}
+              </button>
               <RiskAnalysisCard
                 v-if="message.riskResult"
                 :result="message.riskResult"
@@ -740,6 +842,7 @@ async function scrollToBottom(behavior: "smooth" | "auto" = "smooth") {
 }
 
 .assistant-bubble {
+  position: relative;
   width: fit-content;
   max-width: 82%;
   border: 1px solid var(--color-border);
@@ -751,6 +854,54 @@ async function scrollToBottom(behavior: "smooth" | "auto" = "smooth") {
   line-height: 1.65;
 }
 
+.assistant-bubble--collapsed {
+  display: -webkit-box;
+  max-height: calc(2 * 1.65em + 22px);
+  overflow: hidden;
+  -webkit-box-orient: vertical;
+  -webkit-line-clamp: 2;
+}
+
+.assistant-thinking {
+  margin-bottom: 8px;
+}
+
+.assistant-thinking__header {
+  display: flex;
+  width: auto;
+  align-items: center;
+  gap: 5px;
+  border: 0;
+  margin: 0 0 5px 2px;
+  padding: 0;
+  background: transparent;
+  color: var(--color-text-muted);
+  font-size: 11px;
+  font-family: inherit;
+  cursor: pointer;
+}
+
+.assistant-thinking__header:disabled {
+  cursor: default;
+}
+
+.assistant-thinking__arrow {
+  color: var(--color-text-faint);
+  font-size: 15px;
+  line-height: 1;
+}
+
+.reply-toggle {
+  display: block;
+  margin-top: 4px;
+  border: 0;
+  padding: 0;
+  background: transparent;
+  color: var(--color-accent);
+  font-size: 11px;
+  cursor: pointer;
+}
+
 .semantic-strip {
   margin-bottom: 8px;
   color: var(--color-text-muted);
-- 
2.47.2


From 173e05eda65d5eec9121c725a6f6f6005d8f958a Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Tue, 15 Sep 2026 13:35:36 +0800
Subject: [PATCH 26/31] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=80=9D=E8=80=83?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E5=B1=95=E5=BC=80=E4=B8=8E=E6=94=B6=E8=B5=B7?=
 =?UTF-8?q?=E4=BA=A4=E4=BA=92?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/RiskAssistantPage.vue | 107 ++++++++++++++------------------
 1 file changed, 45 insertions(+), 62 deletions(-)

diff --git a/src/pages/RiskAssistantPage.vue b/src/pages/RiskAssistantPage.vue
index 2b6d912..e4dd651 100644
--- a/src/pages/RiskAssistantPage.vue
+++ b/src/pages/RiskAssistantPage.vue
@@ -1,5 +1,6 @@
 <script setup lang="ts">
 import axios from "axios";
+import { ChevronDown } from "@lucide/vue";
 import { computed, nextTick, onActivated, onMounted, ref, watch } from "vue";
 import { useRoute, useRouter } from "vue-router";
 
@@ -138,10 +139,6 @@ function toggleReply(messageId: number) {
   expandedReplies.value = next;
 }
 
-function canCollapseReply(content: string) {
-  return content.trim().length > 90;
-}
-
 function isMessageThinking(messageId: number, index: number) {
   const messages = conversation.value?.messages ?? [];
   return (
@@ -530,72 +527,41 @@ async function scrollToBottom(behavior: "smooth" | "auto" = "smooth") {
                 >
               </div>
               <div
-                v-if="
-                  message.content &&
-                  (message.riskResult ||
-                    message.responseCard ||
-                    isMessageThinking(message.id, messageIndex))
-                "
+                v-if="message.content || isMessageThinking(message.id, messageIndex)"
                 class="assistant-thinking"
               >
                 <button
                   type="button"
                   class="assistant-thinking__header"
-                  :disabled="
-                    isMessageThinking(message.id, messageIndex) ||
-                    !canCollapseReply(message.content)
-                  "
                   @click="toggleReply(message.id)"
                 >
-                  <span v-if="isMessageThinking(message.id, messageIndex)"
-                    >思考中…</span
+                  <span
+                    v-if="isMessageThinking(message.id, messageIndex)"
+                    class="assistant-thinking__status"
+                    >思考中</span
                   >
                   <span v-else>
-                    已完成<span v-if="thinkingDuration(messageIndex)">
+                    已完成<span v-if="thinkingDuration(messageIndex)" class="assistant-thinking__duration">
                       {{ thinkingDuration(messageIndex) }}s</span
                     >
                   </span>
-                  <span
-                    v-if="canCollapseReply(message.content)"
+                  <ChevronDown
+                    :size="13"
                     class="assistant-thinking__arrow"
-                    >{{ expandedReplies.has(message.id) ? "⌄" : "›" }}</span
-                  >
+                    :class="{ expanded: expandedReplies.has(message.id) }"
+                  />
                 </button>
                 <div
+                  v-if="message.content"
                   class="assistant-bubble"
                   :class="{
                     'assistant-bubble--collapsed':
-                      canCollapseReply(message.content) &&
                       !expandedReplies.has(message.id),
                   }"
                 >
                   {{ message.content }}
                 </div>
               </div>
-              <div
-                v-else-if="message.content"
-                class="assistant-bubble"
-                :class="{
-                  'assistant-bubble--collapsed':
-                    canCollapseReply(message.content) &&
-                    !expandedReplies.has(message.id),
-                }"
-              >
-                {{ message.content }}
-              </div>
-              <button
-                v-if="
-                  message.content &&
-                  !message.riskResult &&
-                  !message.responseCard &&
-                  canCollapseReply(message.content)
-                "
-                type="button"
-                class="reply-toggle"
-                @click="toggleReply(message.id)"
-              >
-                {{ expandedReplies.has(message.id) ? "收起" : "展开全文" }}
-              </button>
               <RiskAnalysisCard
                 v-if="message.riskResult"
                 :result="message.riskResult"
@@ -870,36 +836,53 @@ async function scrollToBottom(behavior: "smooth" | "auto" = "smooth") {
   display: flex;
   width: auto;
   align-items: center;
-  gap: 5px;
+  gap: 4px;
   border: 0;
-  margin: 0 0 5px 2px;
-  padding: 0;
+  margin: 0 0 6px;
+  padding: 3px 7px;
+  border-radius: 6px;
   background: transparent;
   color: var(--color-text-muted);
   font-size: 11px;
   font-family: inherit;
   cursor: pointer;
+  transition: background 0.15s, color 0.15s;
 }
 
-.assistant-thinking__header:disabled {
-  cursor: default;
+.assistant-thinking__header:hover {
+  background: var(--color-bg-warm);
+  color: var(--color-text-secondary);
 }
 
 .assistant-thinking__arrow {
   color: var(--color-text-faint);
-  font-size: 15px;
-  line-height: 1;
+  transition: transform 0.18s ease;
 }
 
-.reply-toggle {
-  display: block;
-  margin-top: 4px;
-  border: 0;
-  padding: 0;
-  background: transparent;
-  color: var(--color-accent);
-  font-size: 11px;
-  cursor: pointer;
+.assistant-thinking__arrow.expanded {
+  transform: rotate(180deg);
+}
+
+.assistant-thinking__status::before {
+  display: inline-block;
+  width: 5px;
+  height: 5px;
+  border-radius: 50%;
+  margin-right: 5px;
+  background: var(--color-accent);
+  content: "";
+  animation: thinking-pulse 1.1s ease-in-out infinite;
+}
+
+.assistant-thinking__duration {
+  margin-left: 3px;
+  color: var(--color-text-faint);
+}
+
+@keyframes thinking-pulse {
+  50% {
+    opacity: 0.35;
+  }
 }
 
 .semantic-strip {
-- 
2.47.2


From 7f74f5a041ed108bc15132a68e319397bea4e28d Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Tue, 15 Sep 2026 14:08:58 +0800
Subject: [PATCH 27/31] =?UTF-8?q?=E8=A7=84=E8=8C=83=E9=A3=8E=E9=99=A9?=
 =?UTF-8?q?=E6=8A=A5=E5=91=8A=E7=94=9F=E6=88=90=E4=B8=8E=E6=96=B9=E6=A1=88?=
 =?UTF-8?q?=E8=BF=BD=E5=8A=A0=E8=A7=84=E5=88=99?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../assistant/AssistantResponseCard.vue       |  8 ++-
 src/pages/RiskAssistantPage.vue               | 56 ++++++++++++-------
 2 files changed, 42 insertions(+), 22 deletions(-)

diff --git a/src/components/assistant/AssistantResponseCard.vue b/src/components/assistant/AssistantResponseCard.vue
index b7a51cc..64791d7 100644
--- a/src/components/assistant/AssistantResponseCard.vue
+++ b/src/components/assistant/AssistantResponseCard.vue
@@ -17,7 +17,10 @@ import { useRouter } from "vue-router";
 import type { AssistantResponseCard } from "@/types/conversation";
 import type { ReportCard } from "@/types/risk";
 
-const props = defineProps<{ card: AssistantResponseCard }>();
+const props = defineProps<{
+  card: AssistantResponseCard;
+  canAppendReport?: boolean;
+}>();
 const router = useRouter();
 const emit = defineEmits<{
   generateReport: [card: ReportCard];
@@ -381,12 +384,13 @@ function generateReport() {
 
     <div class="response-actions">
       <button
+        v-if="card.type === 'solution' && canAppendReport"
         type="button"
         class="response-actions__primary"
         title="追加到当前风险报告"
         @click="generateReport"
       >
-        <CheckCircle2 :size="14" />生成报告
+        <CheckCircle2 :size="14" />追加到报告
       </button>
       <button
         type="button"
diff --git a/src/pages/RiskAssistantPage.vue b/src/pages/RiskAssistantPage.vue
index e4dd651..d540ac7 100644
--- a/src/pages/RiskAssistantPage.vue
+++ b/src/pages/RiskAssistantPage.vue
@@ -47,6 +47,7 @@ const toolInput = ref("");
 const toolError = ref("");
 const toolFile = ref<File | null>(null);
 const expandedReplies = ref(new Set<number>());
+const primaryReportReady = ref(false);
 const assessmentFields = ref({
   category: "",
   specification: "",
@@ -116,15 +117,22 @@ onActivated(async () => {
   // MainLayout keeps this page alive. Returning from report/dashboard therefore
   // does not remount it, so explicitly reveal the newest message on re-entry.
   if (conversation.value?.messages.length) await scrollToBottom("auto");
+  refreshPrimaryReportState();
 });
 
 watch(
   () => route.query.conversation,
   async () => {
     await openFromRoute();
+    refreshPrimaryReportState();
   },
 );
 
+watch(
+  () => conversation.value?.id,
+  () => refreshPrimaryReportState(),
+);
+
 async function usePrompt(value: string) {
   const current = prompt.value.trim();
   prompt.value = current ? `${current}\n${value}` : value;
@@ -356,6 +364,28 @@ function legacySolutionCards(result: RiskAssessmentResult): ReportCard[] {
   }));
 }
 
+function isPrimaryRiskReport(
+  report: RiskAssessmentResult | null,
+): report is RiskAssessmentResult {
+  return Boolean(
+    report &&
+      (report.dimensionScores?.length ||
+        report.factors?.length ||
+        report.categoryWarning ||
+        report.supplierFreq),
+  );
+}
+
+function refreshPrimaryReportState() {
+  const conversationId = conversation.value?.id;
+  primaryReportReady.value = Boolean(
+    conversationId &&
+      isPrimaryRiskReport(
+        readConversationReport(conversationId, auth.user?.id),
+      ),
+  );
+}
+
 function openReport(result: RiskAssessmentResult) {
   const conversationId = conversation.value?.id;
   if (!conversationId) return;
@@ -376,6 +406,7 @@ function openReport(result: RiskAssessmentResult) {
         }
       : cloneReport(result);
   writeConversationReport(conversationId, merged, auth.user?.id);
+  primaryReportReady.value = true;
   void router.push({
     name: "report",
     query: { conversation: String(conversationId) },
@@ -384,27 +415,11 @@ function openReport(result: RiskAssessmentResult) {
 
 function openSolutionReport(card: ReportCard) {
   const conversationId = conversation.value?.id;
-  if (!conversationId) return;
-  const current = conversation.value?.messages
-    .slice()
-    .reverse()
-    .find((message) => message.riskResult)?.riskResult;
+  if (!conversationId || card.type !== "solution" || !primaryReportReady.value)
+    return;
   const stored = readConversationReport(conversationId, auth.user?.id);
-  const sameReport = Boolean(
-    current && stored && current.subjectId === stored.subjectId,
-  );
-  const base: RiskAssessmentResult =
-    sameReport && stored
-      ? cloneReport(stored)
-      : current
-        ? cloneReport(current)
-        : stored || {
-            subjectId: "AI 案例推理方案",
-            score: 50,
-            level: "medium",
-            modelVersion: "ai-solution-card",
-            factors: [],
-          };
+  if (!isPrimaryRiskReport(stored)) return;
+  const base = cloneReport(stored);
   const existingCards = base.reportCards ?? [];
   const merged: RiskAssessmentResult = {
     ...base,
@@ -571,6 +586,7 @@ async function scrollToBottom(behavior: "smooth" | "auto" = "smooth") {
               <AssistantResponseCard
                 v-if="message.responseCard"
                 :card="message.responseCard"
+                :can-append-report="primaryReportReady"
                 @generate-report="openSolutionReport"
               />
               <time class="message-time">{{
-- 
2.47.2


From d04e8888cb73740dd8f6f0121719da3807d50d8f Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Fri, 18 Sep 2026 11:37:16 +0800
Subject: [PATCH 28/31] =?UTF-8?q?=E4=BC=98=E5=8C=96=E6=A1=88=E4=BE=8B?=
 =?UTF-8?q?=E5=8D=A1=E7=89=87=E5=92=8C=E6=80=9D=E8=80=83=E8=BF=87=E7=A8=8B?=
 =?UTF-8?q?=E5=B1=95=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/conversations.ts                      |   6 +-
 .../assistant/AssistantComposer.vue           |  38 ++-
 .../assistant/AssistantResponseCard.vue       | 240 +++++++++++++++++-
 src/pages/RiskAssistantPage.vue               | 169 +++++++++++-
 src/types/conversation.ts                     |   2 +-
 5 files changed, 428 insertions(+), 27 deletions(-)

diff --git a/src/api/conversations.ts b/src/api/conversations.ts
index 11d3139..503e6f7 100644
--- a/src/api/conversations.ts
+++ b/src/api/conversations.ts
@@ -1,6 +1,6 @@
 import { http } from "@/api/http";
-import type { ApiResponse } from "@/types/api";
 import type { Conversation, ConversationSummary } from "@/types/conversation";
+import type { ApiResponse } from "@/types/api";
 
 export interface ConversationStreamEvent {
   type: "start" | "semantic" | "delta" | "done" | "error";
@@ -22,6 +22,10 @@ export function createConversation(title?: string) {
   });
 }
 
+export function directConversationQuery(kind: "supplier" | "material" | "cases" | "solution", query: string) {
+  return http.post<ApiResponse<Record<string, unknown>>>("/v1/conversations/direct-query", { kind, query });
+}
+
 export function fetchConversation(id: number, offset = 0) {
   return http.get<ApiResponse<Conversation>>(`/v1/conversations/${id}`, {
     params: { limit: 20, offset },
diff --git a/src/components/assistant/AssistantComposer.vue b/src/components/assistant/AssistantComposer.vue
index 5cb4c99..b84b7ac 100644
--- a/src/components/assistant/AssistantComposer.vue
+++ b/src/components/assistant/AssistantComposer.vue
@@ -47,6 +47,7 @@ const functions: Array<{
   icon: typeof Search;
   tone: string;
   prompt?: string;
+  isNew?: boolean;
   tool:
     "assessment" | "supplier" | "material" | "cases" | "solution" | "review";
 }> = [
@@ -89,6 +90,7 @@ const functions: Array<{
     tone: "purple",
     prompt: "帮我生成一个新品风险预防方案",
     tool: "solution",
+    isNew: true,
   },
   {
     title: "审核队列",
@@ -96,6 +98,7 @@ const functions: Array<{
     icon: ClipboardCheck,
     tone: "red",
     tool: "review",
+    isNew: true,
   },
 ];
 </script>
@@ -155,14 +158,11 @@ const functions: Array<{
         :key="item.title"
         class="function-card"
         type="button"
-        @click="
-          item.tool === 'assessment' || !item.prompt
-            ? emit('tool', item.tool)
-            : emit('select', item.prompt)
-        "
+        @click="emit('tool', item.tool)"
       >
         <span class="function-dot" :class="`function-dot--${item.tone}`"></span>
         <component :is="item.icon" :size="13" />
+        <span v-if="item.isNew" class="function-new">新</span>
         <span
           ><strong>{{ item.title }}</strong
           ><small>{{ item.description }}</small></span
@@ -253,8 +253,8 @@ const functions: Array<{
 .function-grid {
   display: grid;
   max-width: var(--content-width);
-  margin: 8px auto 0;
-  grid-template-columns: repeat(5, minmax(0, 1fr));
+  margin: 10px auto 0;
+  grid-template-columns: repeat(6, minmax(0, 1fr));
   gap: 6px;
 }
 
@@ -264,18 +264,22 @@ const functions: Array<{
   min-height: 44px;
   align-items: center;
   gap: 6px;
+  position: relative;
   overflow: hidden;
   border: 1px solid var(--color-border);
-  border-radius: 9px;
-  padding: 7px 8px;
+  border-radius: 8px;
+  padding: 8px 10px;
   background: var(--color-surface);
   color: var(--color-text-secondary);
   text-align: left;
+  cursor: pointer;
+  transition: border-color 0.15s, box-shadow 0.15s, transform 0.15s;
 }
 
 .function-card:hover {
   border-color: var(--color-border-strong);
   box-shadow: var(--shadow-sm);
+  transform: translateY(-1px);
 }
 
 .function-card > span:last-child {
@@ -292,12 +296,26 @@ const functions: Array<{
 
 .function-card strong {
   color: var(--color-text);
-  font-size: 10px;
+  font-size: 11px;
+  font-weight: 600;
 }
 
 .function-card small {
   color: var(--color-text-faint);
+  font-size: 9px;
+  margin-top: 1px;
+}
+
+.function-new {
+  position: absolute;
+  top: 2px;
+  right: 2px;
+  border-radius: 3px;
+  padding: 0 4px;
+  background: var(--color-accent-subtle);
+  color: var(--color-accent);
   font-size: 8px;
+  font-weight: 700;
 }
 
 .function-dot {
diff --git a/src/components/assistant/AssistantResponseCard.vue b/src/components/assistant/AssistantResponseCard.vue
index 64791d7..227ce31 100644
--- a/src/components/assistant/AssistantResponseCard.vue
+++ b/src/components/assistant/AssistantResponseCard.vue
@@ -7,8 +7,10 @@ import {
   Building2,
   CheckCircle2,
   ClipboardCheck,
+  ChevronDown,
   PackageSearch,
   Ruler,
+  Search,
   Sparkles,
 } from "@lucide/vue";
 import { computed, ref } from "vue";
@@ -24,6 +26,7 @@ const props = defineProps<{
 const router = useRouter();
 const emit = defineEmits<{
   generateReport: [card: ReportCard];
+  openAssessment: [];
 }>();
 interface CardData extends AssistantResponseCard {
   name?: string;
@@ -42,7 +45,6 @@ interface CardData extends AssistantResponseCard {
   suggestions?: string[];
   note?: string;
   detectedValues?: Array<{ name: string; value: string }>;
-  matchedCount?: number;
   standards?: Array<{
     category: string;
     riskPoint: string;
@@ -50,7 +52,17 @@ interface CardData extends AssistantResponseCard {
     source?: string | null;
     status: string;
   }>;
+  cases?: Array<{
+    caseId?: number | null;
+    date?: string | null;
+    product?: string | null;
+    problem?: string | null;
+    solution?: string | null;
+    similarity?: number | null;
+  }>;
+  matchedCount?: number;
   confidence?: string;
+  thinkingSummary?: string[];
   analysisBase?: string;
   risks?: Array<{ level: string; title: string; detail: string }>;
   similarCases?: Array<{
@@ -79,6 +91,7 @@ interface CardData extends AssistantResponseCard {
 const data = computed(() => props.card as CardData);
 type SolutionCase = NonNullable<CardData["similarCases"]>[number];
 const selectedCase = ref<SolutionCase | null>(null);
+const thinkingExpanded = ref(false);
 const standardCategories = computed(() =>
   [...new Set((data.value.standards ?? []).map((item) => item.category))].join(
     " / ",
@@ -135,6 +148,7 @@ function generateReport() {
         <PackageSearch v-else-if="card.type === 'material'" :size="16" />
         <BookOpenCheck v-else-if="card.type === 'standard'" :size="16" />
         <ClipboardCheck v-else-if="card.type === 'compliance'" :size="16" />
+        <Search v-else-if="card.type === 'cases'" :size="22" />
         <Bot v-else :size="16" />
       </span>
       <div>
@@ -151,11 +165,17 @@ function generateReport() {
         <small v-else-if="card.type === 'solution'"
           >AI 推理生成 · 置信度：{{ data.confidence }}</small
         >
+        <small v-else-if="card.type === 'cases'"
+          >匹配 {{ data.matchedCount ?? data.cases?.length ?? 0 }} 条相似历史案例</small
+        >
         <small v-else>标准库规则匹配 · 待品控确认</small>
       </div>
       <span v-if="card.type === 'solution'" class="solution-confidence"
         >置信度：{{ data.confidence || "中" }}</span
       >
+      <span v-else-if="card.type === 'cases'" class="case-semantic-badge"
+        >语义检索</span
+      >
     </header>
 
     <template v-if="card.type === 'supplier'">
@@ -273,7 +293,61 @@ function generateReport() {
       <p v-if="data.note" class="card-note">{{ data.note }}</p>
     </template>
 
+    <template v-else-if="card.type === 'cases'">
+      <section class="case-results">
+        <h4>相似案例 TOP {{ Math.min(3, data.cases?.length ?? 0) }}</h4>
+        <template v-if="data.cases?.length">
+          <button
+            v-for="(item, index) in data.cases.slice(0, 3)"
+            :key="`${item.caseId}-${index}`"
+            class="case-result-row"
+            type="button"
+            title="查看案例详情"
+            @click="openSimilarCase(item)"
+          >
+            <span class="case-result-rank">TOP {{ index + 1 }}</span>
+            <span class="case-result-text"
+              >{{ item.date || "日期未知" }}｜{{ item.product || "未命名产品" }}｜{{
+                item.problem || "异常问题未填写"
+              }} → {{ item.solution || "处理方案未填写" }}</span
+            >
+            <em v-if="item.similarity != null"
+              >相似度 {{ Math.round(item.similarity * 100) }}%</em
+            >
+          </button>
+        </template>
+        <p v-else class="empty">暂无匹配案例</p>
+      </section>
+      <section v-if="data.suggestions?.length" class="case-suggestions">
+        <h4>💡 处理建议</h4>
+        <ol>
+          <li v-for="suggestion in data.suggestions" :key="suggestion">{{ suggestion }}</li>
+        </ol>
+      </section>
+    </template>
+
     <template v-else>
+      <section
+        v-if="data.thinkingSummary?.length"
+        class="solution-thinking"
+      >
+        <button
+          type="button"
+          class="solution-thinking__header"
+          @click="thinkingExpanded = !thinkingExpanded"
+        >
+          <span class="solution-thinking__title">思考过程</span>
+          <span class="solution-thinking__status">已完成</span>
+          <ChevronDown
+            :size="13"
+            class="solution-thinking__arrow"
+            :class="{ expanded: thinkingExpanded }"
+          />
+        </button>
+        <ol v-if="thinkingExpanded" class="solution-thinking__steps">
+          <li v-for="step in data.thinkingSummary" :key="step">{{ step }}</li>
+        </ol>
+      </section>
       <div class="solution-base">
         <b>分析基础：</b
         >{{ data.analysisBase || "基于相似品类、相似物料与标准库规则生成。" }}
@@ -393,9 +467,20 @@ function generateReport() {
         <CheckCircle2 :size="14" />追加到报告
       </button>
       <button
+        v-if="card.type === 'cases'"
         type="button"
-        :disabled="card.type !== 'solution'"
-        :title="card.type === 'solution' ? '跳转判定标准库' : '功能开发中'"
+        class="response-actions__primary"
+        @click="emit('openAssessment')"
+      >
+        评估关联风险
+      </button>
+      <button v-if="card.type === 'cases'" type="button" @click="openStandardLibrary">
+        查看标准
+      </button>
+      <button
+        v-if="card.type === 'solution'"
+        type="button"
+        title="跳转判定标准库"
         @click="openStandardLibrary"
       >
         查看标准详情
@@ -523,6 +608,9 @@ function generateReport() {
 .response-card--material {
   border-left: 3px solid var(--color-warning);
 }
+.response-card--cases {
+  border-color: var(--color-border);
+}
 .response-card--standard,
 .response-card--compliance {
   border-left: 3px solid var(--color-accent);
@@ -571,6 +659,35 @@ function generateReport() {
   background: linear-gradient(135deg, var(--color-accent), var(--color-purple));
   color: #fff;
 }
+.response-card--cases .response-card__icon {
+  width: 34px;
+  height: 34px;
+  color: #111827;
+  background: transparent;
+}
+.response-card--cases .response-card__header {
+  position: relative;
+  align-items: flex-start;
+  padding-bottom: 16px;
+}
+.response-card--cases .response-card__header h3 {
+  color: var(--color-warning);
+  font-size: 14px;
+}
+.response-card--cases .response-card__header small {
+  display: block;
+  margin-top: 4px;
+  color: var(--color-text-secondary);
+}
+.case-semantic-badge {
+  margin-left: auto;
+  border-radius: 999px;
+  padding: 4px 9px;
+  background: #eff6ff;
+  color: #2563eb;
+  font-size: 10px;
+  white-space: nowrap;
+}
 .response-card--solution .response-card__header {
   margin-bottom: 14px;
   border-bottom: 0;
@@ -735,6 +852,77 @@ function generateReport() {
   min-width: 0;
   flex: 1;
 }
+
+.case-result-row {
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+  width: 100%;
+  margin-top: 5px;
+  border: 0;
+  border-radius: 6px;
+  padding: 7px 9px;
+  background: #f5f5f4;
+  color: var(--color-text-secondary);
+  font: inherit;
+  line-height: 1.4;
+  text-align: left;
+  cursor: pointer;
+}
+.case-result-row:hover {
+  background: #e7e5e4;
+}
+
+.case-result-rank {
+  flex: 0 0 auto;
+  border-radius: 999px;
+  padding: 2px 6px;
+  background: #eff6ff;
+  color: #2563eb;
+  font-size: 9px;
+  white-space: nowrap;
+}
+
+.case-result-row > div {
+  min-width: 0;
+  flex: 1;
+}
+
+.case-result-text {
+  min-width: 0;
+  flex: 1;
+  font-size: 11px;
+  overflow-wrap: anywhere;
+}
+.case-result-row em {
+  flex: 0 0 auto;
+  color: var(--color-accent);
+  font-size: 10px;
+  font-style: normal;
+  white-space: nowrap;
+}
+.case-suggestions {
+  margin-top: 15px;
+  border: 1px solid #86efac;
+  border-radius: 7px;
+  padding: 12px 14px;
+  background: #f0fdf4;
+  color: #166534;
+}
+.case-suggestions h4 {
+  margin: 0 0 7px;
+  color: #166534;
+  font-size: 12px;
+}
+.case-suggestions ol {
+  margin: 0;
+  padding-left: 17px;
+}
+.case-suggestions li {
+  margin: 4px 0;
+  font-size: 11px;
+  line-height: 1.45;
+}
 .solution-standard-row > div b {
   color: var(--color-text-secondary);
   font-weight: 500;
@@ -796,6 +984,52 @@ function generateReport() {
   font-size: 12px;
   line-height: 1.7;
 }
+.solution-thinking {
+  margin-top: 12px;
+  border: 1px solid var(--color-border-light);
+  border-radius: 7px;
+  background: var(--color-bg-warm);
+}
+.solution-thinking__header {
+  display: flex;
+  width: 100%;
+  align-items: center;
+  gap: 7px;
+  border: 0;
+  padding: 8px 10px;
+  background: transparent;
+  color: var(--color-text-secondary);
+  font: inherit;
+  font-size: 11px;
+  text-align: left;
+  cursor: pointer;
+}
+.solution-thinking__title {
+  font-weight: 650;
+}
+.solution-thinking__status {
+  color: var(--color-success);
+  font-size: 10px;
+}
+.solution-thinking__arrow {
+  margin-left: auto;
+  color: var(--color-text-faint);
+  transition: transform 0.18s ease;
+}
+.solution-thinking__arrow.expanded {
+  transform: rotate(180deg);
+}
+.solution-thinking__steps {
+  margin: 0;
+  border-top: 1px solid var(--color-border-light);
+  padding: 7px 12px 8px 27px;
+  color: var(--color-text-muted);
+  font-size: 10px;
+  line-height: 1.6;
+}
+.solution-thinking__steps li {
+  margin: 2px 0;
+}
 .solution-standards {
   margin-bottom: 10px;
   border: 1px solid #bfdbfe;
diff --git a/src/pages/RiskAssistantPage.vue b/src/pages/RiskAssistantPage.vue
index d540ac7..bdacaec 100644
--- a/src/pages/RiskAssistantPage.vue
+++ b/src/pages/RiskAssistantPage.vue
@@ -9,10 +9,12 @@ import AssistantWelcome from "@/components/assistant/AssistantWelcome.vue";
 import RiskAnalysisCard from "@/components/assistant/RiskAnalysisCard.vue";
 import AssistantResponseCard from "@/components/assistant/AssistantResponseCard.vue";
 import OcrRecognitionDialog from "@/components/ocr/OcrRecognitionDialog.vue";
+import { directConversationQuery } from "@/api/conversations";
 import { useConversationStore } from "@/stores/conversation.store";
 import { useAuthStore } from "@/stores/auth.store";
 import { storeToRefs } from "pinia";
 import type { ReportCard, RiskAssessmentResult } from "@/types/risk";
+import type { AssistantResponseCard as AssistantResponseCardData } from "@/types/conversation";
 import {
   readConversationReport,
   writeConversationReport,
@@ -46,6 +48,10 @@ const tool = ref<
 const toolInput = ref("");
 const toolError = ref("");
 const toolFile = ref<File | null>(null);
+const directResult = ref<Record<string, unknown> | null>(null);
+const directLoading = ref(false);
+const directUserPrompt = ref("");
+const directResponseCard = ref<AssistantResponseCardData | null>(null);
 const expandedReplies = ref(new Set<number>());
 const primaryReportReady = ref(false);
 const assessmentFields = ref({
@@ -96,9 +102,15 @@ const toolPlaceholder = computed(() => {
   return "请输入内容";
 });
 const toolSubmitLabel = computed(() =>
-  ["assessment", "material", "cases", "solution"].includes(tool.value ?? "")
-    ? "开始分析"
-    : "带入对话",
+  ["supplier", "material", "cases"].includes(tool.value ?? "")
+    ? directLoading.value
+      ? "查询中…"
+      : "查询"
+    : tool.value === "solution"
+      ? directLoading.value
+        ? "生成中…"
+        : "生成方案"
+      : "提交",
 );
 
 const loadingText = computed(() =>
@@ -186,7 +198,11 @@ function openTool(
     return;
   }
   if (value === "supplier") {
-    router.push({ name: "supplier" });
+    tool.value = "supplier";
+    toolInput.value = "";
+    toolFile.value = null;
+    toolError.value = "";
+    directResult.value = null;
     return;
   }
   if (value === "ocr") {
@@ -197,6 +213,7 @@ function openTool(
   toolInput.value = "";
   toolFile.value = null;
   toolError.value = "";
+  directResult.value = null;
   assessmentFields.value = {
     category: "",
     specification: "",
@@ -210,9 +227,32 @@ function openTool(
 function closeTool() {
   tool.value = null;
   toolError.value = "";
+  directResult.value = null;
 }
 
-function submitTool() {
+async function submitDirectTool(kind: "supplier" | "material" | "cases" | "solution", query: string) {
+  directLoading.value = true;
+  toolError.value = "";
+  try {
+    const response = await directConversationQuery(kind, query);
+    directResult.value = response.data.data ?? null;
+    if (response.data.data) {
+      directUserPrompt.value = query;
+      directResponseCard.value = response.data.data as AssistantResponseCardData;
+      closeTool();
+      await nextTick();
+      await scrollToBottom();
+    }
+  } catch (reason) {
+    toolError.value = axios.isAxiosError(reason)
+      ? String(reason.response?.data?.message || "查询失败")
+      : reason instanceof Error ? reason.message : "查询失败";
+  } finally {
+    directLoading.value = false;
+  }
+}
+
+async function submitTool() {
   const selectedTool = tool.value;
   const selectedTitle = toolTitle.value;
   if (selectedTool === "assessment") {
@@ -237,31 +277,33 @@ function submitTool() {
       toolError.value = "请输入要查询的物料名称";
       return;
     }
-    toolInput.value = `查物料风险：${value}`;
+    toolInput.value = value;
   } else if (selectedTool === "cases") {
     const value = toolInput.value.trim();
     if (!value) {
       toolError.value = "请输入要检索的异常现象或关键词";
       return;
     }
-    toolInput.value = `搜索相似案例：${value}`;
+    toolInput.value = value;
   } else if (selectedTool === "solution") {
     const value = toolInput.value.trim();
     if (!value) {
       toolError.value = "请输入需要生成方案的产品或风险问题";
       return;
     }
-    toolInput.value = `生成 AI 案例推理方案：${value}`;
+    toolInput.value = value;
   }
   const finalValue = toolInput.value.trim();
   if (!finalValue && !toolFile.value) {
     toolError.value = "请先填写必填内容";
     return;
   }
+  if (["supplier", "material", "cases", "solution"].includes(selectedTool ?? "")) {
+    await submitDirectTool(selectedTool as "supplier" | "material" | "cases" | "solution", finalValue);
+    return;
+  }
   closeTool();
-  void usePrompt(
-    finalValue || `${selectedTitle}：${toolFile.value?.name ?? "附件"}`,
-  );
+  void usePrompt(finalValue || `${selectedTitle}：${toolFile.value?.name ?? "附件"}`);
 }
 
 function selectFile(event: Event) {
@@ -588,6 +630,7 @@ async function scrollToBottom(behavior: "smooth" | "auto" = "smooth") {
                 :card="message.responseCard"
                 :can-append-report="primaryReportReady"
                 @generate-report="openSolutionReport"
+                @open-assessment="openTool('assessment')"
               />
               <time class="message-time">{{
                 formatMessageTime(message.createdAt)
@@ -596,6 +639,24 @@ async function scrollToBottom(behavior: "smooth" | "auto" = "smooth") {
           </div>
         </template>
 
+        <template v-if="directResponseCard">
+          <div class="message message--user">
+            <div class="message-avatar">{{ auth.user?.name?.slice(0, 1) ?? "我" }}</div>
+            <div class="user-bubble">{{ directUserPrompt }}</div>
+          </div>
+          <div class="message message--assistant">
+            <div class="message-avatar">蝶</div>
+            <div class="message-body">
+              <AssistantResponseCard
+                :card="directResponseCard"
+                :can-append-report="primaryReportReady"
+                @generate-report="openSolutionReport"
+                @open-assessment="openTool('assessment')"
+              />
+            </div>
+          </div>
+        </template>
+
         <div v-if="loading" class="message message--assistant">
           <div class="message-avatar">蝶</div>
           <div class="message-body">
@@ -686,11 +747,49 @@ async function scrollToBottom(behavior: "smooth" | "auto" = "smooth") {
           />
         </label>
         <p v-if="toolError" class="dialog-error">{{ toolError }}</p>
+        <section v-if="directResult" class="direct-result-card">
+          <template v-if="tool === 'supplier'">
+            <span class="direct-tier">{{ directResult.tier || "新供应商" }}</span>
+            <div class="direct-lines">
+              <p>近 3 年异常 <b>N={{ directResult.anomalyCount ?? 0 }}</b>（代理合作频次口径）</p>
+              <p>基础分 <b>{{ directResult.supplierBaseScore ?? 70 }}</b> · α <b>×{{ Number(directResult.frequencyCoefficient ?? 1).toFixed(2) }}</b></p>
+              <p>供应商得分 S供 = <b>{{ directResult.supplierScore ?? 70 }}</b> 分</p>
+            </div>
+            <p v-if="Array.isArray(directResult.topProblems) && directResult.topProblems.length">
+              高频异常：{{ (directResult.topProblems as Array<{name: string; count: number}>).map((item) => `${item.name}（${item.count} 条）`).join("、") }}
+            </p>
+            <p v-if="Array.isArray(directResult.suggestions)">建议：{{ (directResult.suggestions as string[]).join(" + ") }}</p>
+          </template>
+          <template v-else-if="tool === 'material'">
+            <strong>{{ directResult.title || "物料风险分析" }}</strong>
+            <p>物料：<b>{{ directResult.material || directResult.query }}</b> · 历史异常 {{ directResult.anomalyCount ?? 0 }} 条</p>
+            <p v-if="Array.isArray(directResult.frequentProblems) && directResult.frequentProblems.length">
+              高频问题：{{ (directResult.frequentProblems as Array<{name: string; count: number}>).map((item) => `${item.name}（${item.count} 条）`).join("、") }}
+            </p>
+            <p v-if="Array.isArray(directResult.suggestions)">建议：{{ (directResult.suggestions as string[]).join("；") }}</p>
+          </template>
+          <template v-else-if="tool === 'cases'">
+            <strong>相似案例检索</strong>
+            <p>关键词：{{ directResult.query }} · 匹配 {{ directResult.matchedCount ?? 0 }} 条</p>
+            <ul v-if="Array.isArray(directResult.cases)" class="direct-case-list">
+              <li v-for="(item, index) in (directResult.cases as Array<Record<string, unknown>>).slice(0, 5)" :key="index">
+                <b>{{ item.product || "未命名产品" }}</b>：{{ item.problem || item.description || "异常描述未填写" }}
+              </li>
+            </ul>
+          </template>
+          <template v-else>
+            <strong>{{ directResult.title || "AI 方案生成" }}</strong>
+            <p>{{ directResult.analysisBase || "已结合历史案例与标准库生成分析方案。" }}</p>
+            <ol v-if="Array.isArray(directResult.suggestions)" class="direct-suggestion-list">
+              <li v-for="item in directResult.suggestions as string[]" :key="item">{{ item }}</li>
+            </ol>
+          </template>
+        </section>
         <div class="dialog-actions">
           <button type="button" class="dialog-secondary" @click="closeTool">
             取消
           </button>
-          <button type="submit" class="dialog-primary">
+          <button type="submit" class="dialog-primary" :disabled="directLoading">
             {{ toolSubmitLabel }}
           </button>
         </div>
@@ -1070,6 +1169,52 @@ async function scrollToBottom(behavior: "smooth" | "auto" = "smooth") {
   color: white;
 }
 
+.direct-result-card {
+  margin-top: 14px;
+  border: 1px solid var(--color-border);
+  border-radius: 9px;
+  padding: 16px;
+  background: var(--color-bg-warm);
+  color: var(--color-text-secondary);
+  font-size: 13px;
+  line-height: 1.75;
+}
+
+.direct-result-card p {
+  margin: 3px 0;
+}
+
+.direct-result-card strong {
+  display: block;
+  margin-bottom: 8px;
+  color: var(--color-text);
+  font-size: 14px;
+}
+
+.direct-tier {
+  display: inline-block !important;
+  border-radius: 999px;
+  padding: 3px 10px;
+  background: var(--color-warning-soft);
+  color: #92400e !important;
+  font-size: 11px !important;
+}
+
+.direct-lines {
+  margin-top: 8px;
+}
+
+.direct-result-card ul,
+.direct-result-card ol {
+  margin: 8px 0 0;
+  padding-left: 20px;
+}
+
+.direct-case-list li,
+.direct-suggestion-list li {
+  margin: 3px 0;
+}
+
 @media (max-width: 760px) {
   .conversation-column {
     padding-inline: 12px;
diff --git a/src/types/conversation.ts b/src/types/conversation.ts
index e6cd8b8..54c3151 100644
--- a/src/types/conversation.ts
+++ b/src/types/conversation.ts
@@ -1,7 +1,7 @@
 import type { RiskAssessmentResult, RiskLevel } from "@/types/risk";
 
 export interface AssistantResponseCard {
-  type: "supplier" | "material" | "standard" | "compliance" | "solution";
+  type: "supplier" | "material" | "standard" | "compliance" | "solution" | "cases";
   title: string;
   [key: string]: unknown;
 }
-- 
2.47.2


From 31e5325cc66dd74eb2e566c9ef1b7719ce717d6f Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Fri, 18 Sep 2026 13:46:14 +0800
Subject: [PATCH 29/31] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=AE=A1=E6=A0=B8?=
 =?UTF-8?q?=E5=85=A5=E5=8F=A3=E6=9D=83=E9=99=90=E5=88=B7=E6=96=B0=E9=80=BB?=
 =?UTF-8?q?=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../assistant/AssistantComposer.vue           | 36 +++++++++++--------
 src/pages/RiskAssistantPage.vue               |  1 +
 src/router/index.ts                           |  4 +++
 3 files changed, 26 insertions(+), 15 deletions(-)

diff --git a/src/components/assistant/AssistantComposer.vue b/src/components/assistant/AssistantComposer.vue
index b84b7ac..386de18 100644
--- a/src/components/assistant/AssistantComposer.vue
+++ b/src/components/assistant/AssistantComposer.vue
@@ -15,7 +15,12 @@ import { ref } from "vue";
 
 import { featureFlags } from "@/config/features";
 
-defineProps<{ modelValue: string; loading: boolean; canUpload: boolean }>();
+const props = defineProps<{
+  modelValue: string;
+  loading: boolean;
+  canUpload: boolean;
+  canReview: boolean;
+}>();
 
 const emit = defineEmits<{
   "update:modelValue": [value: string];
@@ -153,21 +158,22 @@ const functions: Array<{
     </form>
 
     <div class="function-grid">
-      <button
-        v-for="item in functions"
-        :key="item.title"
-        class="function-card"
-        type="button"
-        @click="emit('tool', item.tool)"
-      >
-        <span class="function-dot" :class="`function-dot--${item.tone}`"></span>
-        <component :is="item.icon" :size="13" />
-        <span v-if="item.isNew" class="function-new">新</span>
-        <span
-          ><strong>{{ item.title }}</strong
-          ><small>{{ item.description }}</small></span
+      <template v-for="item in functions" :key="item.title">
+        <button
+          v-if="item.tool !== 'review' || props.canReview"
+          class="function-card"
+          type="button"
+          @click="emit('tool', item.tool)"
         >
-      </button>
+          <span class="function-dot" :class="`function-dot--${item.tone}`"></span>
+          <component :is="item.icon" :size="13" />
+          <span v-if="item.isNew" class="function-new">新</span>
+          <span
+            ><strong>{{ item.title }}</strong
+            ><small>{{ item.description }}</small></span
+          >
+        </button>
+      </template>
     </div>
   </div>
 </template>
diff --git a/src/pages/RiskAssistantPage.vue b/src/pages/RiskAssistantPage.vue
index bdacaec..74f0c87 100644
--- a/src/pages/RiskAssistantPage.vue
+++ b/src/pages/RiskAssistantPage.vue
@@ -681,6 +681,7 @@ async function scrollToBottom(behavior: "smooth" | "auto" = "smooth") {
       v-model="prompt"
       :loading="loading"
       :can-upload="auth.hasPermission('risk_item.submit')"
+      :can-review="auth.hasPermission('risk_item.review')"
       @submit="submit"
       @select="usePrompt"
       @tool="openTool"
diff --git a/src/router/index.ts b/src/router/index.ts
index b456c47..de3cd28 100644
--- a/src/router/index.ts
+++ b/src/router/index.ts
@@ -24,6 +24,10 @@ router.beforeEach(async (to) => {
     return { name: "login", query: { redirect: to.fullPath } };
   }
   const permission = to.meta.permission;
+  // Refresh the permission snapshot before protected navigation. A role or
+  // permission changed directly in the database must take effect without
+  // requiring the user to clear the old browser session first.
+  if (typeof permission === "string" && auth.token) await auth.restore();
   if (typeof permission === "string" && !auth.hasPermission(permission))
     return { name: "assessment" };
   return true;
-- 
2.47.2


From e172d82eb5163864195f20d10322b5a75d099f69 Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Fri, 18 Sep 2026 15:21:49 +0800
Subject: [PATCH 30/31] =?UTF-8?q?=E4=BC=98=E5=8C=96=E4=BE=9B=E5=BA=94?=
 =?UTF-8?q?=E5=95=86=E8=AF=84=E5=88=86=E8=AF=B4=E6=98=8E=E5=B9=B6=E9=9A=90?=
 =?UTF-8?q?=E8=97=8F=E5=BF=AB=E6=8D=B7=E5=85=A5=E5=8F=A3?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/layout/AppSidebar.vue | 58 ------------------------
 src/pages/SupplierProfilePage.vue    | 68 +++++++++++++++++++++++++++-
 2 files changed, 66 insertions(+), 60 deletions(-)

diff --git a/src/components/layout/AppSidebar.vue b/src/components/layout/AppSidebar.vue
index 85d2817..b1b8380 100644
--- a/src/components/layout/AppSidebar.vue
+++ b/src/components/layout/AppSidebar.vue
@@ -1,13 +1,7 @@
 <script setup lang="ts">
 import {
-  BarChart3,
-  BookOpenCheck,
-  Building2,
-  ClipboardCheck,
-  FileText,
   PenLine,
   Search,
-  Smartphone,
 } from "@lucide/vue";
 import { storeToRefs } from "pinia";
 import { onMounted, ref } from "vue";
@@ -25,34 +19,6 @@ const { items: conversations, loading: conversationsLoading } =
 const router = useRouter();
 const search = ref("");
 
-const shortcuts = [
-  { label: "数据看板", icon: BarChart3, route: "overview" },
-  {
-    label: "录入风险项",
-    icon: ClipboardCheck,
-    route: "risk-item-entry",
-    permission: "risk_item.submit",
-  },
-  {
-    label: "供应商画像",
-    icon: Building2,
-    route: "supplier",
-    permission: "supplier.read",
-  },
-  {
-    label: "判定标准库",
-    icon: BookOpenCheck,
-    route: "standards",
-    isNew: true,
-  },
-  { label: "最新报告", icon: FileText, route: "assessment" },
-  { label: "钉钉移动端", icon: Smartphone, route: "assessment" },
-];
-
-function canReview() {
-  return auth.hasPermission("risk_item.review");
-}
-
 onMounted(() => {
   // Keep the first non-chat navigation fast by warming the small route chunks
   // after the browser has finished the initial render. This does not block the
@@ -173,30 +139,6 @@ function searchConversations() {
       </div>
     </section>
 
-    <section>
-      <h2>快捷入口</h2>
-      <RouterLink
-        v-for="item in shortcuts.filter(
-          (item) => !item.permission || auth.hasPermission(item.permission),
-        )"
-        :key="item.label"
-        class="sidebar-item"
-        :to="{ name: item.route }"
-      >
-        <component :is="item.icon" :size="14" />
-        <span class="sidebar-item__label">{{ item.label }}</span>
-        <span v-if="item.isNew" class="new-label">新</span>
-      </RouterLink>
-      <RouterLink
-        v-if="canReview()"
-        class="sidebar-item"
-        :to="{ name: 'review' }"
-      >
-        <ClipboardCheck :size="14" />
-        <span class="sidebar-item__label">审核队列</span>
-      </RouterLink>
-    </section>
-
     <footer>
       <div class="knowledge-progress"><i></i></div>
       <p>{{ roleLabel(user?.role) }} · 知识库 2,448 / 3,000 条</p>
diff --git a/src/pages/SupplierProfilePage.vue b/src/pages/SupplierProfilePage.vue
index 9f5d5a5..9928a83 100644
--- a/src/pages/SupplierProfilePage.vue
+++ b/src/pages/SupplierProfilePage.vue
@@ -1,4 +1,5 @@
 <script setup lang="ts">
+import { ChevronDown, CircleHelp } from "@lucide/vue";
 import { computed, onBeforeUnmount, onMounted, ref, watch } from "vue";
 import { useRoute, useRouter } from "vue-router";
 
@@ -18,6 +19,7 @@ let supplierSearchTimer: ReturnType<typeof setTimeout> | undefined;
 const profile = ref<SupplierProfile | null>(null);
 const loading = ref(false);
 const error = ref("");
+const modelExpanded = ref(false);
 
 const maxCategoryCount = computed(() =>
   Math.max(
@@ -164,6 +166,7 @@ function selectSupplier(name: string) {
   selected.value = name;
   supplierQuery.value = name;
   supplierDropdownOpen.value = false;
+  modelExpanded.value = false;
   chooseSupplier();
 }
 
@@ -204,6 +207,7 @@ watch(
     if (typeof value === "string" && value !== selected.value) {
       selected.value = value;
       supplierQuery.value = value;
+      modelExpanded.value = false;
       void loadProfile();
     }
   },
@@ -299,7 +303,27 @@ watch(
           </div>
         </section>
 
-        <section class="supplier-panel">
+        <button
+          type="button"
+          class="model-disclosure"
+          :aria-expanded="modelExpanded"
+          aria-controls="supplier-risk-model"
+          @click="modelExpanded = !modelExpanded"
+        >
+          <span>本评分通过风险量化模型进行判定</span>
+          <CircleHelp :size="13" />
+          <ChevronDown
+            :size="15"
+            class="model-disclosure__arrow"
+            :class="{ expanded: modelExpanded }"
+          />
+        </button>
+
+        <section
+          v-if="modelExpanded"
+          id="supplier-risk-model"
+          class="supplier-panel model-panel"
+        >
           <h3>
             📐 合作频次 × 风险量化模型
             <span class="new-tag">含基础分档位表</span>
@@ -313,6 +337,14 @@ watch(
               profile.metric.cooperationTotal ?? "暂无"
             }}</b
             >。
+            <br v-if="supplierBaseScore != null && supplierScore != null" />
+            <template v-if="supplierBaseScore != null && supplierScore != null">
+              例：{{ profile.supplierName }} N={{
+                profile.metric.cooperationTotal ?? profile.metric.anomalyTotal
+              }} → 基础分 {{ supplierBaseScore }}，α =
+              {{ frequencyAlpha.toFixed(2) }} → S供 = {{ supplierBaseScore }} ×
+              {{ frequencyAlpha.toFixed(2) }} ≈ <b>{{ supplierScore }}</b>。
+            </template>
           </div>
           <table class="prototype-table">
             <thead>
@@ -624,7 +656,7 @@ watch(
   display: grid;
   grid-template-columns: repeat(6, 1fr);
   gap: 10px;
-  margin-bottom: 20px;
+  margin-bottom: 0;
 }
 .stat-card {
   min-width: 0;
@@ -667,6 +699,38 @@ watch(
   color: #666;
   font-size: 11px;
 }
+.model-disclosure {
+  display: flex;
+  width: fit-content;
+  align-items: center;
+  gap: 6px;
+  border: 0;
+  margin: 0 0 14px;
+  padding: 10px 6px;
+  background: transparent;
+  color: #777;
+  font: inherit;
+  font-size: 12px;
+  cursor: pointer;
+}
+.model-disclosure:hover {
+  color: #333;
+}
+.model-disclosure:focus-visible {
+  border-radius: 4px;
+  outline: 2px solid #93c5fd;
+  outline-offset: 1px;
+}
+.model-disclosure__arrow {
+  color: #999;
+  transition: transform 0.18s ease;
+}
+.model-disclosure__arrow.expanded {
+  transform: rotate(180deg);
+}
+.model-panel {
+  margin-top: 0;
+}
 .supplier-panel {
   margin-bottom: 14px;
   padding: 20px;
-- 
2.47.2


From 9359f11cd0fa54dc86c3dcb92cb92e266a08208c Mon Sep 17 00:00:00 2001
From: kx_guo <kx_guo@163.com>
Date: Fri, 18 Sep 2026 17:31:14 +0800
Subject: [PATCH 31/31] =?UTF-8?q?=E6=96=B0=E5=A2=9E=E9=A3=8E=E9=99=A9?=
 =?UTF-8?q?=E9=A1=B9=E6=92=A4=E5=9B=9E=E6=93=8D=E4=BD=9C=E5=B9=B6=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E9=98=9F=E5=88=97=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/api/riskItems.ts       |   4 ++
 src/pages/ReviewPage.vue   | 137 ++++++++++++++++++++++++++++++-------
 src/stores/review.store.ts |  17 +++++
 3 files changed, 134 insertions(+), 24 deletions(-)

diff --git a/src/api/riskItems.ts b/src/api/riskItems.ts
index 22b68b6..288bb51 100644
--- a/src/api/riskItems.ts
+++ b/src/api/riskItems.ts
@@ -28,6 +28,10 @@ export function updateRiskItem(itemId: number, payload: RiskItemUpdate) {
   return http.patch<ApiResponse<RiskItem>>(`/v1/risk-items/${itemId}`, payload);
 }
 
+export function withdrawRiskItem(itemId: number) {
+  return http.post<ApiResponse<null>>(`/v1/risk-items/${itemId}/withdraw`);
+}
+
 export function reviewRiskItem(itemId: number, payload: ReviewAction) {
   return http.post<ApiResponse<ReviewRecord>>(
     `/v1/risk-items/${itemId}/review`,
diff --git a/src/pages/ReviewPage.vue b/src/pages/ReviewPage.vue
index 6c932ce..a323e0b 100644
--- a/src/pages/ReviewPage.vue
+++ b/src/pages/ReviewPage.vue
@@ -15,6 +15,7 @@ import {
   RefreshCw,
   Save,
   SlidersHorizontal,
+  Undo2,
   Upload,
   Users,
   X,
@@ -40,6 +41,7 @@ const statusFilter = ref("待审核");
 const expandedId = ref<number | null>(null);
 const editingId = ref<number | null>(null);
 const reviewingId = ref<number | null>(null);
+const withdrawingId = ref<number | null>(null);
 const ocrOpen = ref(false);
 const attachmentError = ref("");
 const modelConfig = ref<ModelWeightConfig | null>(null);
@@ -245,6 +247,20 @@ async function review(item: RiskItem, action: "通过" | "驳回") {
     reviewingId.value = null;
   }
 }
+async function withdraw(item: RiskItem) {
+  if (withdrawingId.value !== null) return;
+  if (!window.confirm("确认撤回该风险项吗？撤回后将不再显示在审核队列中。"))
+    return;
+  withdrawingId.value = item.id;
+  try {
+    await store.withdraw(item.id);
+    if (expandedId.value === item.id) expandedId.value = null;
+  } catch {
+    // The exact API error is shown above the queue.
+  } finally {
+    withdrawingId.value = null;
+  }
+}
 function formatDate(value: string | null) {
   if (!value) return "未记录时间";
   return new Intl.DateTimeFormat("zh-CN", {
@@ -374,22 +390,37 @@ onMounted(() => {
             class="review-item"
             :class="{ expanded: expandedId === item.id }"
           >
-            <button
-              class="review-summary"
-              type="button"
-              @click="toggleItem(item.id)"
-            >
-              <span class="source-badge" :class="sourceClass(item.sourceType)"
-                ><component :is="sourceIcon(item.sourceType)" :size="13" />{{
-                  item.sourceType
-                }}</span
-              ><span class="review-title"
-                ><strong>{{ item.productName || "未填写产品名称" }}</strong
-                ><small
-                  >{{ item.productCategory || "未分类" }} ·
-                  {{ formatDate(item.submittedAt || item.createdAt) }}</small
-                ></span
-              ><span class="review-meta"
+            <div class="review-summary">
+              <button
+                class="review-summary__content"
+                type="button"
+                @click="toggleItem(item.id)"
+              >
+                <span class="source-badge" :class="sourceClass(item.sourceType)"
+                  ><component :is="sourceIcon(item.sourceType)" :size="13" />{{
+                    item.sourceType
+                  }}</span
+                ><span class="review-title"
+                  ><strong>{{ item.productName || "未填写产品名称" }}</strong
+                  ><small
+                    >{{ item.productCategory || "未分类" }} ·
+                    {{ formatDate(item.submittedAt || item.createdAt) }}</small
+                  ></span
+                >
+              </button>
+              <button
+                v-if="item.status === '待审核' || item.status === '待预审'"
+                class="review-withdraw"
+                type="button"
+                :disabled="withdrawingId !== null"
+                title="撤回风险项"
+                @click="withdraw(item)"
+              >
+                <Undo2 :size="12" />{{
+                  withdrawingId === item.id ? "撤回中" : "撤回"
+                }}
+              </button>
+              <span class="review-meta"
                 ><span
                   class="level-tag"
                   :class="levelClass(item.defectLevel)"
@@ -401,11 +432,17 @@ onMounted(() => {
                   :class="item.status === '待审核' ? 'is-pending' : 'is-pre'"
                   >{{ item.status }}</span
                 ></span
-              ><ChevronUp
-                v-if="expandedId === item.id"
-                :size="17"
-              /><ChevronDown v-else :size="17" />
-            </button>
+              >
+              <button
+                class="review-toggle"
+                type="button"
+                :aria-label="expandedId === item.id ? '收起风险项' : '展开风险项'"
+                @click="toggleItem(item.id)"
+              >
+                <ChevronUp v-if="expandedId === item.id" :size="17" />
+                <ChevronDown v-else :size="17" />
+              </button>
+            </div>
             <div v-if="expandedId === item.id" class="review-detail">
               <template v-if="editingId === item.id"
                 ><div class="edit-grid">
@@ -1068,16 +1105,68 @@ onMounted(() => {
 .review-summary {
   width: 100%;
   gap: 11px;
-  border: 0;
-  padding: 14px 5px;
+  padding: 8px 5px;
   background: transparent;
   color: var(--color-text);
-  text-align: left;
 }
 .review-summary:hover,
 .review-item.expanded .review-summary {
   background: var(--color-bg-warm);
 }
+.review-summary__content {
+  display: flex;
+  min-width: 0;
+  flex: 1;
+  align-items: center;
+  gap: 11px;
+  border: 0;
+  padding: 6px 0;
+  background: transparent;
+  color: var(--color-text);
+  font: inherit;
+  text-align: left;
+  cursor: pointer;
+}
+.review-withdraw {
+  display: inline-flex;
+  flex: 0 0 auto;
+  min-height: 26px;
+  align-items: center;
+  gap: 4px;
+  border: 1px solid var(--color-border);
+  border-radius: 5px;
+  padding: 0 8px;
+  background: var(--color-surface);
+  color: var(--color-text-muted);
+  font: inherit;
+  font-size: 10px;
+  cursor: pointer;
+}
+.review-withdraw:hover:not(:disabled) {
+  border-color: #fecaca;
+  background: #fef2f2;
+  color: var(--color-danger);
+}
+.review-withdraw:disabled {
+  cursor: wait;
+  opacity: 0.55;
+}
+.review-toggle {
+  display: grid;
+  width: 28px;
+  height: 28px;
+  flex: 0 0 28px;
+  place-items: center;
+  border: 0;
+  border-radius: 5px;
+  padding: 0;
+  background: transparent;
+  color: var(--color-text-secondary);
+  cursor: pointer;
+}
+.review-toggle:hover {
+  background: var(--color-surface);
+}
 .source-badge {
   display: inline-flex;
   min-width: 52px;
diff --git a/src/stores/review.store.ts b/src/stores/review.store.ts
index 5421ac5..6ffc681 100644
--- a/src/stores/review.store.ts
+++ b/src/stores/review.store.ts
@@ -7,6 +7,7 @@ import {
   fetchPendingRiskItems,
   reviewRiskItem,
   updateRiskItem,
+  withdrawRiskItem,
 } from "@/api/riskItems";
 import type {
   RiskItem,
@@ -76,6 +77,21 @@ export const useReviewStore = defineStore("review", () => {
     }
   }
 
+  async function withdraw(itemId: number) {
+    error.value = null;
+    try {
+      await withdrawRiskItem(itemId);
+      items.value = items.value.filter((item) => item.id !== itemId);
+    } catch (reason) {
+      error.value = axios.isAxiosError(reason)
+        ? String(reason.response?.data?.message || "撤回失败")
+        : reason instanceof Error
+          ? reason.message
+          : "撤回失败";
+      throw reason;
+    }
+  }
+
   return {
     items,
     loading,
@@ -85,5 +101,6 @@ export const useReviewStore = defineStore("review", () => {
     submit,
     update,
     review,
+    withdraw,
   };
 });
-- 
2.47.2