feat(front-end): 依据内部评审意见对前端 UI 进行二次升级优化

- 主题色统一改回科技蓝(呼应滨化 LOGO)
- 合并"采购需求人员"、移除审批人角色(审批在 OA)
- 发起委托归属采购需求人员，招标专员不含该功能
- 删除合并招标/定标审批/合同生成/合同管理/供应商入库/审批中心/流程配置页面
- 小滨助手默认展开可收起、各角色主动提醒、问答直接给出按钮/链接
- 待办中心去掉"事找人"前缀
- 新增后台智能体任务监控组件(招标专员/管理员)
- 发起委托增加导入采购计划/直接填写/选择模板(含自动)
- 项目列表:排序/高级搜索/委托人列/提交审批/列显隐
- 项目详情:修正流程步骤、委托人信息、方案与文件合一、提交审批
- 长短名单去分支与推荐部门列、寻源关联项目并支持三来源
- 开标去自动开标、专家管理去抽取与回避、供应商管理去新增与入库

front-end/src/app/components/XiaobinAssistant.tsx

@@ -1,14 +1,19 @@
 import { useState, useRef, useEffect } from "react";
 import { useNavigate } from "react-router";
-import { X, Send, Minus, Lock, ArrowRight } from "lucide-react";
+import { X, Send, Minus, Lock, ArrowRight, Sparkles } from "lucide-react";
 import { Button } from "./ui/button";
 import { cn } from "./ui/utils";
 import { useRole } from "../role-context";
 import type { RoleId } from "../roles";
 
+interface MsgAction {
+  label: string;
+  to: string;
+}
 interface Msg {
   role: "bot" | "user";
   text: string;
+  actions?: MsgAction[];
 }
 
 type ProactiveType = "urgent" | "ai" | "todo" | "risk" | "suggestion";
@@ -23,8 +28,8 @@ interface Proactive {
 
 const TYPE_STYLE: Record<ProactiveType, { bg: string; border: string; title: string; badge: string }> = {
   urgent: { bg: "bg-[#fff3e0]", border: "border-[#ffcc80]", title: "text-[#e65100]", badge: "🔥" },
-  ai: { bg: "bg-[#e8f5e9]", border: "border-[#a5d6a7]", title: "text-[#2e7d32]", badge: "✅" },
-  todo: { bg: "bg-[#e3f2fd]", border: "border-[#90caf9]", title: "text-[#0d47a1]", badge: "📋" },
+  ai: { bg: "bg-[#e3f2fd]", border: "border-[#90caf9]", title: "text-[#0d47a1]", badge: "✅" },
+  todo: { bg: "bg-[#e8f0fe]", border: "border-[#a3c2f0]", title: "text-[#1565c0]", badge: "📋" },
   risk: { bg: "bg-[#ffebee]", border: "border-[#ef9a9a]", title: "text-[#c62828]", badge: "⚠️" },
   suggestion: { bg: "bg-[#f5f5f5]", border: "border-[#e0e0e0]", title: "text-[#455a64]", badge: "💡" },
 };
@@ -32,61 +37,112 @@ const TYPE_STYLE: Record<ProactiveType, { bg: string; border: string; title: str
 // 各角色的主动提醒(最多 3~4 条，按优先级)
 const PROACTIVE: Partial<Record<RoleId, Proactive[]>> = {
   specialist: [
-    { type: "urgent", title: "BID-2026-005 今日需开标", content: "“2026年度防腐保温工程框架”已到开标时间，请立即组织评标", to: "/app/projects", actionLabel: "去处理" },
-    { type: "ai", title: "AI 已完成：寻源报告生成", content: "“年产5万吨聚丙烯项目”已自动寻源，匹配到 12 家潜在供应商", to: "/app/projects", actionLabel: "查看" },
-    { type: "todo", title: "您有 3 个委托单待审核", content: "来自技术部、采购部的委托申请已提交，请及时审核确认", to: "/app/delegation", actionLabel: "去审核" },
+    { type: "urgent", title: "BID-2026-005 今日需开标", content: "「2026年度防腐保温工程框架」已到开标时间，请立即组织评标。", to: "/app/projects", actionLabel: "去处理" },
+    { type: "ai", title: "AI 智慧寻源已完成", content: "「年产5万吨聚丙烯项目」已自动寻源，匹配到 12 家潜在供应商，请确认寻源结果。", to: "/app/projects/P2026005/sourcing", actionLabel: "查看结果" },
+    { type: "todo", title: "您有 3 个委托单待受理", content: "来自采购需求人员的委托申请已提交，请及时受理并立项。", to: "/app/projects", actionLabel: "去受理" },
   ],
-  supplier: [
-    { type: "urgent", title: "报名即将截止", content: "“年产5万吨聚丙烯项目”报名将于 7月15日截止，请尽快完成报名", to: "/app/bidding", actionLabel: "去报名" },
-    { type: "todo", title: "2 笔保证金待缴纳", content: "有 2 个项目需缴纳投标保证金，逾期将影响投标资格", to: "/app/bidding", actionLabel: "去缴纳" },
-    { type: "ai", title: "开标结果已公布", content: "“数字化交付平台”项目已完成开标，点击查看评标结果", to: "/app/bidding", actionLabel: "查看" },
+  requester: [
+    { type: "ai", title: "阀门采购项目已定标", content: "您的「氯碱车间耐腐蚀阀门采购」已完成定标，下一步请进入 SRM 生成采购合同。", to: "/app/projects", actionLabel: "查看项目" },
+    { type: "todo", title: "2 个 AI 预填委托单待确认", content: "AI 已根据采购计划为您预填委托单，确认无误后即可提交立项。", to: "/app/delegation", actionLabel: "去确认" },
   ],
   expert: [
-    { type: "urgent", title: "您收到催化剂采购项目的评标邀请", content: "请查看详情，接受邀请或申请回避（剩余不足 24 小时）", to: "/app/expert-tasks", actionLabel: "去查看" },
-    { type: "todo", title: "《评标纪律承诺书》待签署", content: "进入评审前需先签署当前项目的评标纪律承诺书", to: "/app/expert-tasks", actionLabel: "去签署" },
-    { type: "suggestion", title: "3 个评审项目待完成", content: "建议优先处理即将截止的评审任务，避免影响评审资格", to: "/app/expert-tasks", actionLabel: "查看" },
+    { type: "urgent", title: "保温材料招标项目评标邀请", content: "您有一个「保温材料招标项目」的评标邀请，可以选择接受或拒绝，点击查看详情。", to: "/app/expert-tasks", actionLabel: "查看详情" },
+    { type: "todo", title: "《评标纪律承诺书》待签署", content: "进入评审前需先签署当前项目的评标纪律承诺书。", to: "/app/expert-tasks", actionLabel: "去签署" },
   ],
-  approver: [
-    { type: "todo", title: "待审批事项 2 项", content: "有 2 个定标 / 立项审批等待您处理", to: "/app/approvals", actionLabel: "去审批" },
+  supplier: [
+    { type: "ai", title: "聚丙烯项目报名已通过", content: "您在「年产5万吨聚丙烯项目」中的报名已通过，请查看招标文件；如确认投标，可缴纳投标保证金。", to: "/app/bidding", actionLabel: "查看招标文件" },
+    { type: "urgent", title: "报名即将截止", content: "「污水处理提标改造工程」报名将于 7月15日截止，请尽快完成报名。", to: "/app/bidding", actionLabel: "去报名" },
   ],
   committee: [
-    { type: "risk", title: "异常决策待处理", content: "检测到 1 个项目触发异常上报，需领导小组决策", to: "/app/exceptions", actionLabel: "去处理" },
+    { type: "risk", title: "异常决策待处理", content: "检测到 1 个项目触发异常上报（有效投标人不足 3 家），需领导小组决策。", to: "/app/exceptions", actionLabel: "去处理" },
   ],
   auditor: [
-    { type: "risk", title: "围串标风险提示", content: "AI 检测到 1 组投标文件相似度偏高，建议核查", to: "/app/collusion", actionLabel: "去核查" },
+    { type: "risk", title: "围串标风险提示", content: "AI 检测到 1 组投标文件相似度偏高，建议核查。", to: "/app/collusion", actionLabel: "去核查" },
   ],
 };
 
-const quickReplies = ["如何发起招标委托?", "公开招标和邀请招标的区别?", "在线评标怎么打分?", "供应商如何入库?"];
+const quickReplies = [
+  "如何发起招标委托?",
+  "帮我统计本年度项目预算总和",
+  "在线评标怎么打分?",
+  "公开招标和邀请招标的区别?",
+];
 
-const knowledge: Record<string, string> = {
-  委托:
-    "发起招标委托很简单:① 点击工作台或项目管理页的「发起委托」按钮;② 在「填写需求」步骤用自然语言描述需求,点击「AI 智能解析」即可自动生成《招标委托表》;③ 确认预填单后提交审批即可。需要我带您过去吗?",
-  区别:
-    "公开招标面向所有符合条件的供应商发布寻源公告,参与方需报名审核;邀请招标则由您从长名单中筛选短名单进行定向邀请。两者在本平台均支持全流程线上闭环。",
-  评标:
-    "进入「在线评标室」后:左栏选择匿名投标人,中栏查看脱敏标书,右栏按技术分/商务分/价格分录入分数并填写评分说明,系统会同步展示 AI 雷同检测与价格合理性分析,最后点击「提交评分」。",
-  入库:
-    "在「供应商管理」页点击「发起入库流程」,或在短名单管理中对供应商点击「发起入库」,系统将自动同步工商风险信息并进入审批。",
-  合并:
-    "当系统中存在同类型未完成立项的委托时,系统会自动推送合并建议。您可以在立项阶段的「合并招标建议」卡片中查看并确认合并。",
-  上传:
-    "进入「投标中心」→ 选择项目 → 在「上传投标文件」区域上传文件,系统会自动加密并上链存证。开标前任何人都无法查看,投标截止前还可撤回重传。",
-};
+interface Knowledge {
+  text: string;
+  actions?: MsgAction[];
+}
+
+const knowledge: { key: string; ans: Knowledge }[] = [
+  {
+    key: "委托",
+    ans: {
+      text:
+        "发起招标委托很简单：①点击工作台或项目管理页的「发起委托」按钮；②在「填写需求」步骤用自然语言描述需求，点击「AI 智能解析」即可自动生成《招标委托书》；③确认预填单后提交审批即可。",
+      actions: [{ label: "现在去发起委托", to: "/app/delegation" }],
+    },
+  },
+  {
+    key: "统计",
+    ans: {
+      text: "据统计，本年度一共有 13 个项目，预算总和为 12,348 万元。",
+      actions: [{ label: "查看项目列表", to: "/app/projects" }],
+    },
+  },
+  {
+    key: "预算",
+    ans: {
+      text: "据统计，本年度一共有 13 个项目，预算总和为 12,348 万元。",
+      actions: [{ label: "查看项目列表", to: "/app/projects" }],
+    },
+  },
+  {
+    key: "区别",
+    ans: {
+      text:
+        "公开招标面向所有符合条件的供应商发布寻源公告，参与方需报名审核；邀请招标则由您从长名单中筛选短名单进行定向邀请。招标方式在需求委托阶段即已确定，两者均支持全流程线上闭环。",
+    },
+  },
+  {
+    key: "评标",
+    ans: {
+      text:
+        "进入「在线评标室」后：左栏选择匿名投标人，中栏查看脱敏标书，右栏按技术分/商务分/价格分录入分数并填写评分说明，系统会同步展示 AI 雷同检测与价格合理性分析，最后点击「提交评分」。",
+      actions: [{ label: "进入在线评标室", to: "/app/projects/P2026001/evaluation" }],
+    },
+  },
+  {
+    key: "入库",
+    ans: {
+      text:
+        "供应商在「供应商管理」中提交入库申请，AI 会自动核验工商与风险信息；审核通过后系统将自动入库，无需单独操作。",
+      actions: [{ label: "前往供应商管理", to: "/app/suppliers" }],
+    },
+  },
+  {
+    key: "上传",
+    ans: {
+      text:
+        "进入「投标中心」→ 选择项目 → 在「上传投标文件」区域上传文件，系统会自动加密并上链存证。开标前任何人都无法查看，投标截止前还可撤回重传。",
+      actions: [{ label: "进入投标中心", to: "/app/bidding" }],
+    },
+  },
+];
 
 const dataKeywords = ["报价", "投标价", "多少钱", "金额", "中标", "得分", "分数", "名单", "谁"];
 
 export function XiaobinAssistant() {
   const { sensitive, role, roleId } = useRole();
   const navigate = useNavigate();
-  const [open, setOpen] = useState(false);
+  // 默认展开：用户进入工作台即可看到小滨的主动提醒，可随时收起
+  const [open, setOpen] = useState(true);
   const [showChat, setShowChat] = useState(false);
   const [input, setInput] = useState("");
   const [proactive, setProactive] = useState<Proactive[]>(PROACTIVE[roleId] ?? []);
   const [msgs, setMsgs] = useState<Msg[]>([
     {
       role: "bot",
-      text: "您好,我是智能助手「小滨」👋 我可以为您解答系统操作与业务咨询。注意:我不参与任何业务决策哦。请问有什么可以帮您?",
+      text: "您好，我是智能助手「小滨」👋 我可以为您解答系统操作与业务咨询。注意：我不参与任何业务决策哦。请问有什么可以帮您？",
     },
   ]);
   const endRef = useRef<HTMLDivElement>(null);
@@ -103,14 +159,19 @@ export function XiaobinAssistant() {
   const gradient = `linear-gradient(135deg, ${role.bannerFrom}, ${role.bannerTo})`;
   const unread = proactive.length;
 
-  function answer(q: string) {
+  function answer(q: string): Knowledge {
     if (sensitive && dataKeywords.some((k) => q.includes(k))) {
-      return "当前为流程敏感期（如开标前），数据类问题暂无法回答。请等待系统通知。我可以继续为您讲解系统操作哦~";
+      return {
+        text: "当前为流程敏感期（如开标前），数据类问题暂无法回答。请等待系统通知。我可以继续为您讲解系统操作哦~",
+      };
     }
-    const key = Object.keys(knowledge).find((k) => q.includes(k));
-    return key
-      ? knowledge[key]
-      : "这是一个很好的问题。作为操作助手,我建议您查阅对应模块的帮助说明,或描述更具体的操作场景,我会尽力为您讲解系统使用方法。(温馨提示:业务决策需由有权限的人员完成)";
+    const hit = knowledge.find((k) => q.includes(k.key));
+    return (
+      hit?.ans ?? {
+        text:
+          "这是一个很好的问题。作为操作助手，我建议您查阅对应模块的帮助说明，或描述更具体的操作场景，我会尽力为您讲解系统使用方法。（温馨提示：业务决策需由有权限的人员完成）",
+      }
+    );
   }
 
   function send(text: string) {
@@ -119,17 +180,19 @@ export function XiaobinAssistant() {
     setShowChat(true);
     setMsgs((m) => [...m, { role: "user", text: q }]);
     setInput("");
-    setTimeout(() => setMsgs((m) => [...m, { role: "bot", text: answer(q) }]), 500);
+    setTimeout(() => {
+      const a = answer(q);
+      setMsgs((m) => [...m, { role: "bot", text: a.text, actions: a.actions }]);
+    }, 500);
   }
 
   function handleAction(p: Proactive) {
     if (p.to) navigate(p.to);
-    setOpen(false);
   }
 
   return (
     <>
-      {/* 悬浮球 + 呼吸光环 */}
+      {/* 悬浮球 + 呼吸光环（收起状态） */}
       {!open && (
         <button
           onClick={() => setOpen(true)}
@@ -163,14 +226,9 @@ export function XiaobinAssistant() {
                 </div>
               </div>
             </div>
-            <div className="flex items-center gap-1">
-              <button onClick={() => setOpen(false)} className="rounded-md p-1 hover:bg-white/15" title="最小化">
-                <Minus className="size-4" />
-              </button>
-              <button onClick={() => setOpen(false)} className="rounded-md p-1 hover:bg-white/15" title="关闭">
-                <X className="size-4" />
-              </button>
-            </div>
+            <button onClick={() => setOpen(false)} className="rounded-md p-1 hover:bg-white/15" title="收起">
+              <Minus className="size-4" />
+            </button>
           </div>
 
           {sensitive && (
@@ -182,6 +240,19 @@ export function XiaobinAssistant() {
           <div className="flex-1 space-y-3 overflow-y-auto bg-muted/30 p-4">
             {!showChat ? (
               <>
+                <div className="flex items-center justify-between">
+                  <span className="text-xs font-medium text-muted-foreground">
+                    📢 为您整理的今日提醒（{proactive.length}）
+                  </span>
+                  {proactive.length > 0 && (
+                    <button
+                      onClick={() => setShowChat(true)}
+                      className="text-xs text-primary hover:underline"
+                    >
+                      去提问 →
+                    </button>
+                  )}
+                </div>
                 {proactive.length === 0 && (
                   <div className="rounded-xl border bg-card p-4 text-center text-sm text-muted-foreground">
                     🎉 暂无待办，继续保持！
@@ -206,7 +277,7 @@ export function XiaobinAssistant() {
                       {p.to && (
                         <button
                           onClick={() => handleAction(p)}
-                          className={cn("mt-2 inline-flex items-center gap-0.5 text-xs font-bold underline", st.title)}
+                          className={cn("mt-2 inline-flex items-center gap-0.5 rounded-md bg-white/70 px-2 py-1 text-xs font-bold", st.title)}
                         >
                           {p.actionLabel ?? "去处理"} <ArrowRight className="size-3" />
                         </button>
@@ -238,13 +309,26 @@ export function XiaobinAssistant() {
                   <div key={i} className={cn("flex", m.role === "user" ? "justify-end" : "justify-start")}>
                     <div
                       className={cn(
-                        "max-w-[80%] rounded-2xl px-3.5 py-2.5 text-sm leading-relaxed",
+                        "max-w-[85%] rounded-2xl px-3.5 py-2.5 text-sm leading-relaxed",
                         m.role === "user"
                           ? "rounded-br-sm bg-primary text-primary-foreground"
                           : "rounded-bl-sm border bg-card text-card-foreground",
                       )}
                     >
-                      {m.text}
+                      <div>{m.text}</div>
+                      {m.actions && m.actions.length > 0 && (
+                        <div className="mt-2 flex flex-wrap gap-2">
+                          {m.actions.map((a) => (
+                            <button
+                              key={a.to}
+                              onClick={() => navigate(a.to)}
+                              className="inline-flex items-center gap-1 rounded-lg bg-primary px-2.5 py-1.5 text-xs font-medium text-primary-foreground hover:opacity-90"
+                            >
+                              <Sparkles className="size-3.5" /> {a.label}
+                            </button>
+                          ))}
+                        </div>
+                      )}
                     </div>
                   </div>
                 ))}