From e002f0d989ffd907fbe9e4a7ce60c2462a0351c0 Mon Sep 17 00:00:00 2001
From: wangys <3401275564@qq.com>
Date: Fri, 12 Dec 2025 18:32:14 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8E=9F=E5=9E=8B?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .gitignore                                    |     2 +-
 江西城市生命线-可交互原型/frontend/index.html |    13 +
 .../frontend/package-lock.json                |  2196 ++
 .../frontend/package.json                     |    24 +
 .../frontend/public/avatar.svg                |     8 +
 .../frontend/public/favicon.svg               |     5 +
 .../frontend/public/logo.jpg                  |   Bin 0 -> 33240 bytes
 .../frontend/src/App.vue                      |    47 +
 .../frontend/src/api/project.js               |   221 +
 .../frontend/src/components/Sidebar.vue       |   269 +
 .../frontend/src/components/UserPanel.vue     |    79 +
 .../frontend/src/components/project/BiddingInfo.vue |   804 +
 .../frontend/src/components/project/FileSubmission.vue |   599 +
 .../frontend/src/components/project/ProjectDetail.vue |   277 +
 .../frontend/src/components/project/README.md |   227 +
 .../src/components/project/ResultAnnouncement.vue |  1028 +
 .../src/components/project/开标信息编辑功能说明.md |   405 +
 .../src/components/project/投标单位报价编辑功能说明.md |   428 +
 .../frontend/src/components/project/更新日志.md |   185 +
 .../src/components/project/检查清单编辑功能说明.md |   332 +
 .../frontend/src/components/project/流程步骤条说明.md |   353 +
 .../frontend/src/components/project/集成示例.md |   335 +
 .../frontend/src/components/workflow/WorkflowEditor.vue |   618 +
 .../frontend/src/main.js                      |    20 +
 .../frontend/src/router/index.js              |    62 +
 .../frontend/src/stores/agent.js              |    91 +
 .../frontend/src/stores/chat.js               |    99 +
 .../frontend/src/stores/workflow.js           |   140 +
 .../frontend/src/styles/main.scss             |    72 +
 .../frontend/src/views/AdminView.vue          |  4051 ++++
 .../frontend/src/views/AgentChatView.vue      |   453 +
 .../frontend/src/views/AppsView.vue           |   473 +
 .../frontend/src/views/BiddingView.vue        | 18847 ++++++++++++++++
 .../frontend/src/views/ChatView.vue           |   899 +
 .../frontend/src/views/EmergencyView.vue      |   179 +
 .../frontend/src/views/HazardView.vue         |   180 +
 .../frontend/src/views/KnowledgeView.vue      |   202 +
 .../frontend/src/views/ProfileView.vue        |   276 +
 .../frontend/src/views/ServiceView.vue        |  2017 ++
 .../frontend/src/views/WorkflowView.vue       |    88 +
 .../frontend/vite.config.js                   |    22 +
 41 files changed, 36625 insertions(+), 1 deletion(-)
 create mode 100644 江西城市生命线-可交互原型/frontend/index.html
 create mode 100644 江西城市生命线-可交互原型/frontend/package-lock.json
 create mode 100644 江西城市生命线-可交互原型/frontend/package.json
 create mode 100644 江西城市生命线-可交互原型/frontend/public/avatar.svg
 create mode 100644 江西城市生命线-可交互原型/frontend/public/favicon.svg
 create mode 100644 江西城市生命线-可交互原型/frontend/public/logo.jpg
 create mode 100644 江西城市生命线-可交互原型/frontend/src/App.vue
 create mode 100644 江西城市生命线-可交互原型/frontend/src/api/project.js
 create mode 100644 江西城市生命线-可交互原型/frontend/src/components/Sidebar.vue
 create mode 100644 江西城市生命线-可交互原型/frontend/src/components/UserPanel.vue
 create mode 100644 江西城市生命线-可交互原型/frontend/src/components/project/BiddingInfo.vue
 create mode 100644 江西城市生命线-可交互原型/frontend/src/components/project/FileSubmission.vue
 create mode 100644 江西城市生命线-可交互原型/frontend/src/components/project/ProjectDetail.vue
 create mode 100644 江西城市生命线-可交互原型/frontend/src/components/project/README.md
 create mode 100644 江西城市生命线-可交互原型/frontend/src/components/project/ResultAnnouncement.vue
 create mode 100644 江西城市生命线-可交互原型/frontend/src/components/project/开标信息编辑功能说明.md
 create mode 100644 江西城市生命线-可交互原型/frontend/src/components/project/投标单位报价编辑功能说明.md
 create mode 100644 江西城市生命线-可交互原型/frontend/src/components/project/更新日志.md
 create mode 100644 江西城市生命线-可交互原型/frontend/src/components/project/检查清单编辑功能说明.md
 create mode 100644 江西城市生命线-可交互原型/frontend/src/components/project/流程步骤条说明.md
 create mode 100644 江西城市生命线-可交互原型/frontend/src/components/project/集成示例.md
 create mode 100644 江西城市生命线-可交互原型/frontend/src/components/workflow/WorkflowEditor.vue
 create mode 100644 江西城市生命线-可交互原型/frontend/src/main.js
 create mode 100644 江西城市生命线-可交互原型/frontend/src/router/index.js
 create mode 100644 江西城市生命线-可交互原型/frontend/src/stores/agent.js
 create mode 100644 江西城市生命线-可交互原型/frontend/src/stores/chat.js
 create mode 100644 江西城市生命线-可交互原型/frontend/src/stores/workflow.js
 create mode 100644 江西城市生命线-可交互原型/frontend/src/styles/main.scss
 create mode 100644 江西城市生命线-可交互原型/frontend/src/views/AdminView.vue
 create mode 100644 江西城市生命线-可交互原型/frontend/src/views/AgentChatView.vue
 create mode 100644 江西城市生命线-可交互原型/frontend/src/views/AppsView.vue
 create mode 100644 江西城市生命线-可交互原型/frontend/src/views/BiddingView.vue
 create mode 100644 江西城市生命线-可交互原型/frontend/src/views/ChatView.vue
 create mode 100644 江西城市生命线-可交互原型/frontend/src/views/EmergencyView.vue
 create mode 100644 江西城市生命线-可交互原型/frontend/src/views/HazardView.vue
 create mode 100644 江西城市生命线-可交互原型/frontend/src/views/KnowledgeView.vue
 create mode 100644 江西城市生命线-可交互原型/frontend/src/views/ProfileView.vue
 create mode 100644 江西城市生命线-可交互原型/frontend/src/views/ServiceView.vue
 create mode 100644 江西城市生命线-可交互原型/frontend/src/views/WorkflowView.vue
 create mode 100644 江西城市生命线-可交互原型/frontend/vite.config.js

diff --git a/.gitignore b/.gitignore
index fc3d87bf..12ab2e8a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -199,4 +199,4 @@ cython_debug/
 
 # PyPI configuration file
 .pypirc
-
+江西城市生命线-可交互原型/frontend/node_modules/*
\ No newline at end of file
diff --git a/江西城市生命线-可交互原型/frontend/index.html b/江西城市生命线-可交互原型/frontend/index.html
new file mode 100644
index 00000000..ea8e8246
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="zh-CN">
+  <head>
+    <meta charset="UTF-8" />
+    <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>AI数智化平台</title>
+  </head>
+  <body>
+    <div id="app"></div>
+    <script type="module" src="/src/main.js"></script>
+  </body>
+</html>
diff --git a/江西城市生命线-可交互原型/frontend/package-lock.json b/江西城市生命线-可交互原型/frontend/package-lock.json
new file mode 100644
index 00000000..ff0ee6bb
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/package-lock.json
@@ -0,0 +1,2196 @@
+{
+  "name": "urbanmind-frontend",
+  "version": "1.0.0",
+  "lockfileVersion": 3,
+  "requires": true,
+  "packages": {
+    "": {
+      "name": "urbanmind-frontend",
+      "version": "1.0.0",
+      "dependencies": {
+        "@element-plus/icons-vue": "^2.3.1",
+        "axios": "^1.6.2",
+        "element-plus": "^2.4.4",
+        "pinia": "^2.1.7",
+        "vue": "^3.3.11",
+        "vue-router": "^4.2.5"
+      },
+      "devDependencies": {
+        "@vitejs/plugin-vue": "^4.5.2",
+        "sass": "^1.69.5",
+        "vite": "^5.0.10"
+      }
+    },
+    "node_modules/@babel/helper-string-parser": {
+      "version": "7.27.1",
+      "resolved": "https://registry.npmjs.org/@babel/helper-string-parser/-/helper-string-parser-7.27.1.tgz",
+      "integrity": "sha512-qMlSxKbpRlAridDExk92nSobyDdpPijUq2DW6oDnUqd0iOGxmQjyqhMIihI9+zv4LPyZdRje2cavWPbCbWm3eA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/helper-validator-identifier": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/helper-validator-identifier/-/helper-validator-identifier-7.28.5.tgz",
+      "integrity": "sha512-qSs4ifwzKJSV39ucNjsvc6WVHs6b7S03sOh2OcHF9UHfVPqWWALUsNUVzhSBiItjRZoLHx7nIarVjqKVusUZ1Q==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@babel/parser": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/parser/-/parser-7.28.5.tgz",
+      "integrity": "sha512-KKBU1VGYR7ORr3At5HAtUQ+TV3SzRCXmA/8OdDZiLDBIZxVyzXuztPjfLd3BV1PRAQGCMWWSHYhL0F8d5uHBDQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/types": "^7.28.5"
+      },
+      "bin": {
+        "parser": "bin/babel-parser.js"
+      },
+      "engines": {
+        "node": ">=6.0.0"
+      }
+    },
+    "node_modules/@babel/types": {
+      "version": "7.28.5",
+      "resolved": "https://registry.npmjs.org/@babel/types/-/types-7.28.5.tgz",
+      "integrity": "sha512-qQ5m48eI/MFLQ5PxQj4PFaprjyCTLI37ElWMmNs0K8Lk3dVeOdNpB3ks8jc7yM5CDmVC73eMVk/trk3fgmrUpA==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/helper-string-parser": "^7.27.1",
+        "@babel/helper-validator-identifier": "^7.28.5"
+      },
+      "engines": {
+        "node": ">=6.9.0"
+      }
+    },
+    "node_modules/@ctrl/tinycolor": {
+      "version": "3.6.1",
+      "resolved": "https://registry.npmjs.org/@ctrl/tinycolor/-/tinycolor-3.6.1.tgz",
+      "integrity": "sha512-SITSV6aIXsuVNV3f3O0f2n/cgyEDWoSqtZMYiAmcsYHydcKrOz3gUxB/iXd/Qf08+IZX4KpgNbvUdMBmWz+kcA==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=10"
+      }
+    },
+    "node_modules/@element-plus/icons-vue": {
+      "version": "2.3.2",
+      "resolved": "https://registry.npmjs.org/@element-plus/icons-vue/-/icons-vue-2.3.2.tgz",
+      "integrity": "sha512-OzIuTaIfC8QXEPmJvB4Y4kw34rSXdCJzxcD1kFStBvr8bK6X1zQAYDo0CNMjojnfTqRQCJ0I7prlErcoRiET2A==",
+      "license": "MIT",
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
+    "node_modules/@esbuild/aix-ppc64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/aix-ppc64/-/aix-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1SDgH6ZSPTlggy1yI6+Dbkiz8xzpHJEVAlF/AM1tHPLsf5STom9rwtjE4hKAF20FfXXNTFqEYXyJNWh1GiZedQ==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "aix"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm/-/android-arm-0.21.5.tgz",
+      "integrity": "sha512-vCPvzSjpPHEi1siZdlvAlsPxXl7WbOVUBBAowWug4rJHb68Ox8KualB+1ocNvT5fjv6wpkX6o/iEpbDrf68zcg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-arm64/-/android-arm64-0.21.5.tgz",
+      "integrity": "sha512-c0uX9VAUBQ7dTDCjq+wdyGLowMdtR/GoC2U5IYk/7D1H1JYC0qseD7+11iMP2mRLN9RcCMRcjC4YMclCzGwS/A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/android-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/android-x64/-/android-x64-0.21.5.tgz",
+      "integrity": "sha512-D7aPRUUNHRBwHxzxRvp856rjUHRFW1SdQATKXH2hqA0kAZb1hKmi02OpYRacl0TxIGz/ZmXWlbZgjwWYaCakTA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-arm64/-/darwin-arm64-0.21.5.tgz",
+      "integrity": "sha512-DwqXqZyuk5AiWWf3UfLiRDJ5EDd49zg6O9wclZ7kUMv2WRFr4HKjXp/5t8JZ11QbQfUS6/cRCKGwYhtNAY88kQ==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/darwin-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/darwin-x64/-/darwin-x64-0.21.5.tgz",
+      "integrity": "sha512-se/JjF8NlmKVG4kNIuyWMV/22ZaerB+qaSi5MdrXtd6R08kvs2qCN4C09miupktDitvh8jRFflwGFBQcxZRjbw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-arm64/-/freebsd-arm64-0.21.5.tgz",
+      "integrity": "sha512-5JcRxxRDUJLX8JXp/wcBCy3pENnCgBR9bN6JsY4OmhfUtIHe3ZW0mawA7+RDAcMLrMIZaf03NlQiX9DGyB8h4g==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/freebsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/freebsd-x64/-/freebsd-x64-0.21.5.tgz",
+      "integrity": "sha512-J95kNBj1zkbMXtHVH29bBriQygMXqoVQOQYA+ISs0/2l3T9/kj42ow2mpqerRBxDJnmkUDCaQT/dfNXWX/ZZCQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm/-/linux-arm-0.21.5.tgz",
+      "integrity": "sha512-bPb5AHZtbeNGjCKVZ9UGqGwo8EUu4cLq68E95A53KlxAPRmUyYv2D6F0uUI65XisGOL1hBP5mTronbgo+0bFcA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-arm64/-/linux-arm64-0.21.5.tgz",
+      "integrity": "sha512-ibKvmyYzKsBeX8d8I7MH/TMfWDXBF3db4qM6sy+7re0YXya+K1cem3on9XgdT2EQGMu4hQyZhan7TeQ8XkGp4Q==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ia32": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ia32/-/linux-ia32-0.21.5.tgz",
+      "integrity": "sha512-YvjXDqLRqPDl2dvRODYmmhz4rPeVKYvppfGYKSNGdyZkA01046pLWyRKKI3ax8fbJoK5QbxblURkwK/MWY18Tg==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-loong64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-loong64/-/linux-loong64-0.21.5.tgz",
+      "integrity": "sha512-uHf1BmMG8qEvzdrzAqg2SIG/02+4/DHB6a9Kbya0XDvwDEKCoC8ZRWI5JJvNdUjtciBGFQ5PuBlpEOXQj+JQSg==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-mips64el": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-mips64el/-/linux-mips64el-0.21.5.tgz",
+      "integrity": "sha512-IajOmO+KJK23bj52dFSNCMsz1QP1DqM6cwLUv3W1QwyxkyIWecfafnI555fvSGqEKwjMXVLokcV5ygHW5b3Jbg==",
+      "cpu": [
+        "mips64el"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-ppc64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-ppc64/-/linux-ppc64-0.21.5.tgz",
+      "integrity": "sha512-1hHV/Z4OEfMwpLO8rp7CvlhBDnjsC3CttJXIhBi+5Aj5r+MBvy4egg7wCbe//hSsT+RvDAG7s81tAvpL2XAE4w==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-riscv64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-riscv64/-/linux-riscv64-0.21.5.tgz",
+      "integrity": "sha512-2HdXDMd9GMgTGrPWnJzP2ALSokE/0O5HhTUvWIbD3YdjME8JwvSCnNGBnTThKGEB91OZhzrJ4qIIxk/SBmyDDA==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-s390x": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-s390x/-/linux-s390x-0.21.5.tgz",
+      "integrity": "sha512-zus5sxzqBJD3eXxwvjN1yQkRepANgxE9lgOW2qLnmr8ikMTphkjgXu1HR01K4FJg8h1kEEDAqDcZQtbrRnB41A==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/linux-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/linux-x64/-/linux-x64-0.21.5.tgz",
+      "integrity": "sha512-1rYdTpyv03iycF1+BhzrzQJCdOuAOtaqHTWJZCWvijKD2N5Xu0TtVC8/+1faWqcP9iBCWOmjmhoH94dH82BxPQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/netbsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/netbsd-x64/-/netbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-Woi2MXzXjMULccIwMnLciyZH4nCIMpWQAs049KEeMvOcNADVxo0UBIQPfSmxB3CWKedngg7sWZdLvLczpe0tLg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "netbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/openbsd-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/openbsd-x64/-/openbsd-x64-0.21.5.tgz",
+      "integrity": "sha512-HLNNw99xsvx12lFBUwoT8EVCsSvRNDVxNpjZ7bPn947b8gJPzeHWyNVhFsaerc0n3TsbOINvRP2byTZ5LKezow==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openbsd"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/sunos-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/sunos-x64/-/sunos-x64-0.21.5.tgz",
+      "integrity": "sha512-6+gjmFpfy0BHU5Tpptkuh8+uw3mnrvgs+dSPQXQOv3ekbordwnzTVEb4qnIvQcYXq6gzkyTnoZ9dZG+D4garKg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "sunos"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-arm64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-arm64/-/win32-arm64-0.21.5.tgz",
+      "integrity": "sha512-Z0gOTd75VvXqyq7nsl93zwahcTROgqvuAcYDUr+vOv8uHhNSKROyU961kgtCD1e95IqPKSQKH7tBTslnS3tA8A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-ia32": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-ia32/-/win32-ia32-0.21.5.tgz",
+      "integrity": "sha512-SWXFF1CL2RVNMaVs+BBClwtfZSvDgtL//G/smwAc5oVK/UPu2Gu9tIaRgFmYFFKrmg3SyAjSrElf0TiJ1v8fYA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@esbuild/win32-x64": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/@esbuild/win32-x64/-/win32-x64-0.21.5.tgz",
+      "integrity": "sha512-tQd/1efJuzPC6rCFwEvLtci/xNFcTZknmXs98FYDfGE4wP9ClFV98nyKrzJKVPMhdDnjzLhdUyMX4PsQAPjwIw==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/@floating-ui/core": {
+      "version": "1.7.3",
+      "resolved": "https://registry.npmjs.org/@floating-ui/core/-/core-1.7.3.tgz",
+      "integrity": "sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/utils": "^0.2.10"
+      }
+    },
+    "node_modules/@floating-ui/dom": {
+      "version": "1.7.4",
+      "resolved": "https://registry.npmjs.org/@floating-ui/dom/-/dom-1.7.4.tgz",
+      "integrity": "sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA==",
+      "license": "MIT",
+      "dependencies": {
+        "@floating-ui/core": "^1.7.3",
+        "@floating-ui/utils": "^0.2.10"
+      }
+    },
+    "node_modules/@floating-ui/utils": {
+      "version": "0.2.10",
+      "resolved": "https://registry.npmjs.org/@floating-ui/utils/-/utils-0.2.10.tgz",
+      "integrity": "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==",
+      "license": "MIT"
+    },
+    "node_modules/@jridgewell/sourcemap-codec": {
+      "version": "1.5.5",
+      "resolved": "https://registry.npmjs.org/@jridgewell/sourcemap-codec/-/sourcemap-codec-1.5.5.tgz",
+      "integrity": "sha512-cYQ9310grqxueWbl+WuIUIaiUaDcj7WOq5fVhEljNVgRfOUhY9fy2zTvfoqWsnebh8Sl70VScFbICvJnLKB0Og==",
+      "license": "MIT"
+    },
+    "node_modules/@parcel/watcher": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher/-/watcher-2.5.1.tgz",
+      "integrity": "sha512-dfUnCxiN9H4ap84DvD2ubjw+3vUNpstxa0TneY/Paat8a3R4uQZDLSvWjmznAY/DoahqTHl9V46HF/Zs3F29pg==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "detect-libc": "^1.0.3",
+        "is-glob": "^4.0.3",
+        "micromatch": "^4.0.5",
+        "node-addon-api": "^7.0.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher-android-arm64": "2.5.1",
+        "@parcel/watcher-darwin-arm64": "2.5.1",
+        "@parcel/watcher-darwin-x64": "2.5.1",
+        "@parcel/watcher-freebsd-x64": "2.5.1",
+        "@parcel/watcher-linux-arm-glibc": "2.5.1",
+        "@parcel/watcher-linux-arm-musl": "2.5.1",
+        "@parcel/watcher-linux-arm64-glibc": "2.5.1",
+        "@parcel/watcher-linux-arm64-musl": "2.5.1",
+        "@parcel/watcher-linux-x64-glibc": "2.5.1",
+        "@parcel/watcher-linux-x64-musl": "2.5.1",
+        "@parcel/watcher-win32-arm64": "2.5.1",
+        "@parcel/watcher-win32-ia32": "2.5.1",
+        "@parcel/watcher-win32-x64": "2.5.1"
+      }
+    },
+    "node_modules/@parcel/watcher-android-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-android-arm64/-/watcher-android-arm64-2.5.1.tgz",
+      "integrity": "sha512-KF8+j9nNbUN8vzOFDpRMsaKBHZ/mcjEjMToVMJOhTozkDonQFFrRcfdLWn6yWKCmJKmdVxSgHiYvTCef4/qcBA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-arm64/-/watcher-darwin-arm64-2.5.1.tgz",
+      "integrity": "sha512-eAzPv5osDmZyBhou8PoF4i6RQXAfeKL9tjb3QzYuccXFMQU0ruIc/POh30ePnaOyD1UXdlKguHBmsTs53tVoPw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-darwin-x64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-darwin-x64/-/watcher-darwin-x64-2.5.1.tgz",
+      "integrity": "sha512-1ZXDthrnNmwv10A0/3AJNZ9JGlzrF82i3gNQcWOzd7nJ8aj+ILyW1MTxVk35Db0u91oD5Nlk9MBiujMlwmeXZg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-freebsd-x64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-freebsd-x64/-/watcher-freebsd-x64-2.5.1.tgz",
+      "integrity": "sha512-SI4eljM7Flp9yPuKi8W0ird8TI/JK6CSxju3NojVI6BjHsTyK7zxA9urjVjEKJ5MBYC+bLmMcbAWlZ+rFkLpJQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-glibc/-/watcher-linux-arm-glibc-2.5.1.tgz",
+      "integrity": "sha512-RCdZlEyTs8geyBkkcnPWvtXLY44BCeZKmGYRtSgtwwnHR4dxfHRG3gR99XdMEdQ7KeiDdasJwwvNSF5jKtDwdA==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm-musl": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm-musl/-/watcher-linux-arm-musl-2.5.1.tgz",
+      "integrity": "sha512-6E+m/Mm1t1yhB8X412stiKFG3XykmgdIOqhjWj+VL8oHkKABfu/gjFj8DvLrYVHSBNC+/u5PeNrujiSQ1zwd1Q==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-glibc/-/watcher-linux-arm64-glibc-2.5.1.tgz",
+      "integrity": "sha512-LrGp+f02yU3BN9A+DGuY3v3bmnFUggAITBGriZHUREfNEzZh/GO06FF5u2kx8x+GBEUYfyTGamol4j3m9ANe8w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-arm64-musl": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-arm64-musl/-/watcher-linux-arm64-musl-2.5.1.tgz",
+      "integrity": "sha512-cFOjABi92pMYRXS7AcQv9/M1YuKRw8SZniCDw0ssQb/noPkRzA+HBDkwmyOJYp5wXcsTrhxO0zq1U11cK9jsFg==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-glibc": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-glibc/-/watcher-linux-x64-glibc-2.5.1.tgz",
+      "integrity": "sha512-GcESn8NZySmfwlTsIur+49yDqSny2IhPeZfXunQi48DMugKeZ7uy1FX83pO0X22sHntJ4Ub+9k34XQCX+oHt2A==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-linux-x64-musl": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-linux-x64-musl/-/watcher-linux-x64-musl-2.5.1.tgz",
+      "integrity": "sha512-n0E2EQbatQ3bXhcH2D1XIAANAcTZkQICBPVaxMeaCVBtOpBZpWJuf7LwyWPSBDITb7In8mqQgJ7gH8CILCURXg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-arm64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-arm64/-/watcher-win32-arm64-2.5.1.tgz",
+      "integrity": "sha512-RFzklRvmc3PkjKjry3hLF9wD7ppR4AKcWNzH7kXR7GUe0Igb3Nz8fyPwtZCSquGrhU5HhUNDr/mKBqj7tqA2Vw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-ia32": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-ia32/-/watcher-win32-ia32-2.5.1.tgz",
+      "integrity": "sha512-c2KkcVN+NJmuA7CGlaGD1qJh1cLfDnQsHjE89E60vUEMlqduHGCdCLJCID5geFVM0dOtA3ZiIO8BoEQmzQVfpQ==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@parcel/watcher-win32-x64": {
+      "version": "2.5.1",
+      "resolved": "https://registry.npmjs.org/@parcel/watcher-win32-x64/-/watcher-win32-x64-2.5.1.tgz",
+      "integrity": "sha512-9lHBdJITeNR++EvSQVUcaZoWupyHfXe1jZvGZ06O/5MflPcuPLtEphScIBL+AiCWBO46tDSHzWyD0uDmmZqsgA==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ],
+      "engines": {
+        "node": ">= 10.0.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/parcel"
+      }
+    },
+    "node_modules/@popperjs/core": {
+      "name": "@sxzz/popperjs-es",
+      "version": "2.11.7",
+      "resolved": "https://registry.npmjs.org/@sxzz/popperjs-es/-/popperjs-es-2.11.7.tgz",
+      "integrity": "sha512-Ccy0NlLkzr0Ex2FKvh2X+OyERHXJ88XJ1MXtsI9y9fGexlaXaVTPzBCRBwIxFkORuOb+uBqeu+RqnpgYTEZRUQ==",
+      "license": "MIT",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/popperjs"
+      }
+    },
+    "node_modules/@rollup/rollup-android-arm-eabi": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm-eabi/-/rollup-android-arm-eabi-4.53.3.tgz",
+      "integrity": "sha512-mRSi+4cBjrRLoaal2PnqH82Wqyb+d3HsPUN/W+WslCXsZsyHa9ZeQQX/pQsZaVIWDkPcpV6jJ+3KLbTbgnwv8w==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-android-arm64": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-android-arm64/-/rollup-android-arm64-4.53.3.tgz",
+      "integrity": "sha512-CbDGaMpdE9sh7sCmTrTUyllhrg65t6SwhjlMJsLr+J8YjFuPmCEjbBSx4Z/e4SmDyH3aB5hGaJUP2ltV/vcs4w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "android"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-arm64": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-arm64/-/rollup-darwin-arm64-4.53.3.tgz",
+      "integrity": "sha512-Nr7SlQeqIBpOV6BHHGZgYBuSdanCXuw09hon14MGOLGmXAFYjx1wNvquVPmpZnl0tLjg25dEdr4IQ6GgyToCUA==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-darwin-x64": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-darwin-x64/-/rollup-darwin-x64-4.53.3.tgz",
+      "integrity": "sha512-DZ8N4CSNfl965CmPktJ8oBnfYr3F8dTTNBQkRlffnUarJ2ohudQD17sZBa097J8xhQ26AwhHJ5mvUyQW8ddTsQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-arm64": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-arm64/-/rollup-freebsd-arm64-4.53.3.tgz",
+      "integrity": "sha512-yMTrCrK92aGyi7GuDNtGn2sNW+Gdb4vErx4t3Gv/Tr+1zRb8ax4z8GWVRfr3Jw8zJWvpGHNpss3vVlbF58DZ4w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-freebsd-x64": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-freebsd-x64/-/rollup-freebsd-x64-4.53.3.tgz",
+      "integrity": "sha512-lMfF8X7QhdQzseM6XaX0vbno2m3hlyZFhwcndRMw8fbAGUGL3WFMBdK0hbUBIUYcEcMhVLr1SIamDeuLBnXS+Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "freebsd"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-gnueabihf": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-gnueabihf/-/rollup-linux-arm-gnueabihf-4.53.3.tgz",
+      "integrity": "sha512-k9oD15soC/Ln6d2Wv/JOFPzZXIAIFLp6B+i14KhxAfnq76ajt0EhYc5YPeX6W1xJkAdItcVT+JhKl1QZh44/qw==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm-musleabihf": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm-musleabihf/-/rollup-linux-arm-musleabihf-4.53.3.tgz",
+      "integrity": "sha512-vTNlKq+N6CK/8UktsrFuc+/7NlEYVxgaEgRXVUVK258Z5ymho29skzW1sutgYjqNnquGwVUObAaxae8rZ6YMhg==",
+      "cpu": [
+        "arm"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-gnu": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-gnu/-/rollup-linux-arm64-gnu-4.53.3.tgz",
+      "integrity": "sha512-RGrFLWgMhSxRs/EWJMIFM1O5Mzuz3Xy3/mnxJp/5cVhZ2XoCAxJnmNsEyeMJtpK+wu0FJFWz+QF4mjCA7AUQ3w==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-arm64-musl": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-arm64-musl/-/rollup-linux-arm64-musl-4.53.3.tgz",
+      "integrity": "sha512-kASyvfBEWYPEwe0Qv4nfu6pNkITLTb32p4yTgzFCocHnJLAHs+9LjUu9ONIhvfT/5lv4YS5muBHyuV84epBo/A==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-loong64-gnu": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-loong64-gnu/-/rollup-linux-loong64-gnu-4.53.3.tgz",
+      "integrity": "sha512-JiuKcp2teLJwQ7vkJ95EwESWkNRFJD7TQgYmCnrPtlu50b4XvT5MOmurWNrCj3IFdyjBQ5p9vnrX4JM6I8OE7g==",
+      "cpu": [
+        "loong64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-ppc64-gnu": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-ppc64-gnu/-/rollup-linux-ppc64-gnu-4.53.3.tgz",
+      "integrity": "sha512-EoGSa8nd6d3T7zLuqdojxC20oBfNT8nexBbB/rkxgKj5T5vhpAQKKnD+h3UkoMuTyXkP5jTjK/ccNRmQrPNDuw==",
+      "cpu": [
+        "ppc64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-gnu": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-gnu/-/rollup-linux-riscv64-gnu-4.53.3.tgz",
+      "integrity": "sha512-4s+Wped2IHXHPnAEbIB0YWBv7SDohqxobiiPA1FIWZpX+w9o2i4LezzH/NkFUl8LRci/8udci6cLq+jJQlh+0g==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-riscv64-musl": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-riscv64-musl/-/rollup-linux-riscv64-musl-4.53.3.tgz",
+      "integrity": "sha512-68k2g7+0vs2u9CxDt5ktXTngsxOQkSEV/xBbwlqYcUrAVh6P9EgMZvFsnHy4SEiUl46Xf0IObWVbMvPrr2gw8A==",
+      "cpu": [
+        "riscv64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-s390x-gnu": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-s390x-gnu/-/rollup-linux-s390x-gnu-4.53.3.tgz",
+      "integrity": "sha512-VYsFMpULAz87ZW6BVYw3I6sWesGpsP9OPcyKe8ofdg9LHxSbRMd7zrVrr5xi/3kMZtpWL/wC+UIJWJYVX5uTKg==",
+      "cpu": [
+        "s390x"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-gnu": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-gnu/-/rollup-linux-x64-gnu-4.53.3.tgz",
+      "integrity": "sha512-3EhFi1FU6YL8HTUJZ51imGJWEX//ajQPfqWLI3BQq4TlvHy4X0MOr5q3D2Zof/ka0d5FNdPwZXm3Yyib/UEd+w==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-linux-x64-musl": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-linux-x64-musl/-/rollup-linux-x64-musl-4.53.3.tgz",
+      "integrity": "sha512-eoROhjcc6HbZCJr+tvVT8X4fW3/5g/WkGvvmwz/88sDtSJzO7r/blvoBDgISDiCjDRZmHpwud7h+6Q9JxFwq1Q==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "linux"
+      ]
+    },
+    "node_modules/@rollup/rollup-openharmony-arm64": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-openharmony-arm64/-/rollup-openharmony-arm64-4.53.3.tgz",
+      "integrity": "sha512-OueLAWgrNSPGAdUdIjSWXw+u/02BRTcnfw9PN41D2vq/JSEPnJnVuBgw18VkN8wcd4fjUs+jFHVM4t9+kBSNLw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "openharmony"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-arm64-msvc": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-arm64-msvc/-/rollup-win32-arm64-msvc-4.53.3.tgz",
+      "integrity": "sha512-GOFuKpsxR/whszbF/bzydebLiXIHSgsEUp6M0JI8dWvi+fFa1TD6YQa4aSZHtpmh2/uAlj/Dy+nmby3TJ3pkTw==",
+      "cpu": [
+        "arm64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-ia32-msvc": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-ia32-msvc/-/rollup-win32-ia32-msvc-4.53.3.tgz",
+      "integrity": "sha512-iah+THLcBJdpfZ1TstDFbKNznlzoxa8fmnFYK4V67HvmuNYkVdAywJSoteUszvBQ9/HqN2+9AZghbajMsFT+oA==",
+      "cpu": [
+        "ia32"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-gnu": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-gnu/-/rollup-win32-x64-gnu-4.53.3.tgz",
+      "integrity": "sha512-J9QDiOIZlZLdcot5NXEepDkstocktoVjkaKUtqzgzpt2yWjGlbYiKyp05rWwk4nypbYUNoFAztEgixoLaSETkg==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@rollup/rollup-win32-x64-msvc": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/@rollup/rollup-win32-x64-msvc/-/rollup-win32-x64-msvc-4.53.3.tgz",
+      "integrity": "sha512-UhTd8u31dXadv0MopwGgNOBpUVROFKWVQgAg5N1ESyCz8AuBcMqm4AuTjrwgQKGDfoFuz02EuMRHQIw/frmYKQ==",
+      "cpu": [
+        "x64"
+      ],
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "win32"
+      ]
+    },
+    "node_modules/@types/estree": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/@types/estree/-/estree-1.0.8.tgz",
+      "integrity": "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/@types/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/@types/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-FOvQ0YPD5NOfPgMzJihoT+Za5pdkDJWcbpuj1DjaKZIr/gxodQjY/uWEFlTNqW2ugXHUiL8lRQgw63dzKHZdeQ==",
+      "license": "MIT"
+    },
+    "node_modules/@types/lodash-es": {
+      "version": "4.17.12",
+      "resolved": "https://registry.npmjs.org/@types/lodash-es/-/lodash-es-4.17.12.tgz",
+      "integrity": "sha512-0NgftHUcV4v34VhXm8QBSftKVXtbkBG3ViCjs6+eJ5a6y6Mi/jiFGPc1sC7QK+9BFhWrURE3EOggmWaSxL9OzQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/lodash": "*"
+      }
+    },
+    "node_modules/@types/web-bluetooth": {
+      "version": "0.0.16",
+      "resolved": "https://registry.npmjs.org/@types/web-bluetooth/-/web-bluetooth-0.0.16.tgz",
+      "integrity": "sha512-oh8q2Zc32S6gd/j50GowEjKLoOVOwHP/bWVjKJInBwQqdOYMdPrf1oVlelTlyfFK3CKxL1uahMDAr+vy8T7yMQ==",
+      "license": "MIT"
+    },
+    "node_modules/@vitejs/plugin-vue": {
+      "version": "4.6.2",
+      "resolved": "https://registry.npmjs.org/@vitejs/plugin-vue/-/plugin-vue-4.6.2.tgz",
+      "integrity": "sha512-kqf7SGFoG+80aZG6Pf+gsZIVvGSCKE98JbiWqcCV9cThtg91Jav0yvYFC9Zb+jKetNGF6ZKeoaxgZfND21fWKw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "^14.18.0 || >=16.0.0"
+      },
+      "peerDependencies": {
+        "vite": "^4.0.0 || ^5.0.0",
+        "vue": "^3.2.25"
+      }
+    },
+    "node_modules/@vue/compiler-core": {
+      "version": "3.5.25",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-core/-/compiler-core-3.5.25.tgz",
+      "integrity": "sha512-vay5/oQJdsNHmliWoZfHPoVZZRmnSWhug0BYT34njkYTPqClh3DNWLkZNJBVSjsNMrg0CCrBfoKkjZQPM/QVUw==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.28.5",
+        "@vue/shared": "3.5.25",
+        "entities": "^4.5.0",
+        "estree-walker": "^2.0.2",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-dom": {
+      "version": "3.5.25",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-dom/-/compiler-dom-3.5.25.tgz",
+      "integrity": "sha512-4We0OAcMZsKgYoGlMjzYvaoErltdFI2/25wqanuTu+S4gismOTRTBPi4IASOjxWdzIwrYSjnqONfKvuqkXzE2Q==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-core": "3.5.25",
+        "@vue/shared": "3.5.25"
+      }
+    },
+    "node_modules/@vue/compiler-sfc": {
+      "version": "3.5.25",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-sfc/-/compiler-sfc-3.5.25.tgz",
+      "integrity": "sha512-PUgKp2rn8fFsI++lF2sO7gwO2d9Yj57Utr5yEsDf3GNaQcowCLKL7sf+LvVFvtJDXUp/03+dC6f2+LCv5aK1ag==",
+      "license": "MIT",
+      "dependencies": {
+        "@babel/parser": "^7.28.5",
+        "@vue/compiler-core": "3.5.25",
+        "@vue/compiler-dom": "3.5.25",
+        "@vue/compiler-ssr": "3.5.25",
+        "@vue/shared": "3.5.25",
+        "estree-walker": "^2.0.2",
+        "magic-string": "^0.30.21",
+        "postcss": "^8.5.6",
+        "source-map-js": "^1.2.1"
+      }
+    },
+    "node_modules/@vue/compiler-ssr": {
+      "version": "3.5.25",
+      "resolved": "https://registry.npmjs.org/@vue/compiler-ssr/-/compiler-ssr-3.5.25.tgz",
+      "integrity": "sha512-ritPSKLBcParnsKYi+GNtbdbrIE1mtuFEJ4U1sWeuOMlIziK5GtOL85t5RhsNy4uWIXPgk+OUdpnXiTdzn8o3A==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.25",
+        "@vue/shared": "3.5.25"
+      }
+    },
+    "node_modules/@vue/devtools-api": {
+      "version": "6.6.4",
+      "resolved": "https://registry.npmjs.org/@vue/devtools-api/-/devtools-api-6.6.4.tgz",
+      "integrity": "sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==",
+      "license": "MIT"
+    },
+    "node_modules/@vue/reactivity": {
+      "version": "3.5.25",
+      "resolved": "https://registry.npmjs.org/@vue/reactivity/-/reactivity-3.5.25.tgz",
+      "integrity": "sha512-5xfAypCQepv4Jog1U4zn8cZIcbKKFka3AgWHEFQeK65OW+Ys4XybP6z2kKgws4YB43KGpqp5D/K3go2UPPunLA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/shared": "3.5.25"
+      }
+    },
+    "node_modules/@vue/runtime-core": {
+      "version": "3.5.25",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-core/-/runtime-core-3.5.25.tgz",
+      "integrity": "sha512-Z751v203YWwYzy460bzsYQISDfPjHTl+6Zzwo/a3CsAf+0ccEjQ8c+0CdX1WsumRTHeywvyUFtW6KvNukT/smA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.25",
+        "@vue/shared": "3.5.25"
+      }
+    },
+    "node_modules/@vue/runtime-dom": {
+      "version": "3.5.25",
+      "resolved": "https://registry.npmjs.org/@vue/runtime-dom/-/runtime-dom-3.5.25.tgz",
+      "integrity": "sha512-a4WrkYFbb19i9pjkz38zJBg8wa/rboNERq3+hRRb0dHiJh13c+6kAbgqCPfMaJ2gg4weWD3APZswASOfmKwamA==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/reactivity": "3.5.25",
+        "@vue/runtime-core": "3.5.25",
+        "@vue/shared": "3.5.25",
+        "csstype": "^3.1.3"
+      }
+    },
+    "node_modules/@vue/server-renderer": {
+      "version": "3.5.25",
+      "resolved": "https://registry.npmjs.org/@vue/server-renderer/-/server-renderer-3.5.25.tgz",
+      "integrity": "sha512-UJaXR54vMG61i8XNIzTSf2Q7MOqZHpp8+x3XLGtE3+fL+nQd+k7O5+X3D/uWrnQXOdMw5VPih+Uremcw+u1woQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-ssr": "3.5.25",
+        "@vue/shared": "3.5.25"
+      },
+      "peerDependencies": {
+        "vue": "3.5.25"
+      }
+    },
+    "node_modules/@vue/shared": {
+      "version": "3.5.25",
+      "resolved": "https://registry.npmjs.org/@vue/shared/-/shared-3.5.25.tgz",
+      "integrity": "sha512-AbOPdQQnAnzs58H2FrrDxYj/TJfmeS2jdfEEhgiKINy+bnOANmVizIEgq1r+C5zsbs6l1CCQxtcj71rwNQ4jWg==",
+      "license": "MIT"
+    },
+    "node_modules/@vueuse/core": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/core/-/core-9.13.0.tgz",
+      "integrity": "sha512-pujnclbeHWxxPRqXWmdkKV5OX4Wk4YeK7wusHqRwU0Q7EFusHoqNA/aPhB6KCh9hEqJkLAJo7bb0Lh9b+OIVzw==",
+      "license": "MIT",
+      "dependencies": {
+        "@types/web-bluetooth": "^0.0.16",
+        "@vueuse/metadata": "9.13.0",
+        "@vueuse/shared": "9.13.0",
+        "vue-demi": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/metadata": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/metadata/-/metadata-9.13.0.tgz",
+      "integrity": "sha512-gdU7TKNAUVlXXLbaF+ZCfte8BjRJQWPCa2J55+7/h+yDtzw3vOoGQDRXzI6pyKyo6bXFT5/QoPE4hAknExjRLQ==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/@vueuse/shared": {
+      "version": "9.13.0",
+      "resolved": "https://registry.npmjs.org/@vueuse/shared/-/shared-9.13.0.tgz",
+      "integrity": "sha512-UrnhU+Cnufu4S6JLCPZnkWh0WwZGUp72ktOF2DFptMlOs3TOdVv8xJN53zhHGARmVOsz5KqOls09+J1NR6sBKw==",
+      "license": "MIT",
+      "dependencies": {
+        "vue-demi": "*"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      }
+    },
+    "node_modules/async-validator": {
+      "version": "4.2.5",
+      "resolved": "https://registry.npmjs.org/async-validator/-/async-validator-4.2.5.tgz",
+      "integrity": "sha512-7HhHjtERjqlNbZtqNqy2rckN/SpOOlmDliet+lP7k+eKZEjPk3DgyeU9lIXLdeLz0uBbbVp+9Qdow9wJWgwwfg==",
+      "license": "MIT"
+    },
+    "node_modules/asynckit": {
+      "version": "0.4.0",
+      "resolved": "https://registry.npmjs.org/asynckit/-/asynckit-0.4.0.tgz",
+      "integrity": "sha512-Oei9OH4tRh0YqU3GxhX79dM/mwVgvbZJaSNaRk+bshkj0S5cfHcgYakreBjrHwatXKbz+IoIdYLxrKim2MjW0Q==",
+      "license": "MIT"
+    },
+    "node_modules/axios": {
+      "version": "1.13.2",
+      "resolved": "https://registry.npmjs.org/axios/-/axios-1.13.2.tgz",
+      "integrity": "sha512-VPk9ebNqPcy5lRGuSlKx752IlDatOjT9paPlm8A7yOuW2Fbvp4X3JznJtT4f0GzGLLiWE9W8onz51SqLYwzGaA==",
+      "license": "MIT",
+      "dependencies": {
+        "follow-redirects": "^1.15.6",
+        "form-data": "^4.0.4",
+        "proxy-from-env": "^1.1.0"
+      }
+    },
+    "node_modules/braces": {
+      "version": "3.0.3",
+      "resolved": "https://registry.npmjs.org/braces/-/braces-3.0.3.tgz",
+      "integrity": "sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "fill-range": "^7.1.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/call-bind-apply-helpers": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/call-bind-apply-helpers/-/call-bind-apply-helpers-1.0.2.tgz",
+      "integrity": "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/chokidar": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/chokidar/-/chokidar-4.0.3.tgz",
+      "integrity": "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "readdirp": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14.16.0"
+      },
+      "funding": {
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/combined-stream": {
+      "version": "1.0.8",
+      "resolved": "https://registry.npmjs.org/combined-stream/-/combined-stream-1.0.8.tgz",
+      "integrity": "sha512-FQN4MRfuJeHf7cBbBMJFXhKSDq+2kAArBlmRBvcvFE5BB1HZKXtSFASDhdlz9zOYwxh8lDdnvmMOe/+5cdoEdg==",
+      "license": "MIT",
+      "dependencies": {
+        "delayed-stream": "~1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.8"
+      }
+    },
+    "node_modules/csstype": {
+      "version": "3.2.3",
+      "resolved": "https://registry.npmjs.org/csstype/-/csstype-3.2.3.tgz",
+      "integrity": "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==",
+      "license": "MIT"
+    },
+    "node_modules/dayjs": {
+      "version": "1.11.19",
+      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.19.tgz",
+      "integrity": "sha512-t5EcLVS6QPBNqM2z8fakk/NKel+Xzshgt8FFKAn+qwlD1pzZWxh0nVCrvFK7ZDb6XucZeF9z8C7CBWTRIVApAw==",
+      "license": "MIT"
+    },
+    "node_modules/delayed-stream": {
+      "version": "1.0.0",
+      "resolved": "https://registry.npmjs.org/delayed-stream/-/delayed-stream-1.0.0.tgz",
+      "integrity": "sha512-ZySD7Nf91aLB0RxL4KGrKHBXl7Eds1DAmEdcoVawXnLD7SDhpNgtuII2aAkg7a7QS41jxPSZ17p4VdGnMHk3MQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/detect-libc": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
+      "integrity": "sha512-pGjwhsmsp4kL2RTz08wcOlGN83otlqHeD/Z5T8GXZB+/YcpQ/dgo+lbU8ZsGxV0HIvqqxo9l7mqYwyYMD9bKDg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "optional": true,
+      "bin": {
+        "detect-libc": "bin/detect-libc.js"
+      },
+      "engines": {
+        "node": ">=0.10"
+      }
+    },
+    "node_modules/dunder-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/dunder-proto/-/dunder-proto-1.0.1.tgz",
+      "integrity": "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "gopd": "^1.2.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/element-plus": {
+      "version": "2.12.0",
+      "resolved": "https://registry.npmjs.org/element-plus/-/element-plus-2.12.0.tgz",
+      "integrity": "sha512-M9YLSn2np9OnqrSKWsiXvGe3qnF8pd94+TScsHj1aTMCD+nSEvucXermf807qNt6hOP040le0e5Aft7E9ZfHmA==",
+      "license": "MIT",
+      "dependencies": {
+        "@ctrl/tinycolor": "^3.4.1",
+        "@element-plus/icons-vue": "^2.3.2",
+        "@floating-ui/dom": "^1.0.1",
+        "@popperjs/core": "npm:@sxzz/popperjs-es@^2.11.7",
+        "@types/lodash": "^4.17.20",
+        "@types/lodash-es": "^4.17.12",
+        "@vueuse/core": "^9.1.0",
+        "async-validator": "^4.2.5",
+        "dayjs": "^1.11.19",
+        "lodash": "^4.17.21",
+        "lodash-es": "^4.17.21",
+        "lodash-unified": "^1.0.3",
+        "memoize-one": "^6.0.0",
+        "normalize-wheel-es": "^1.2.0"
+      },
+      "peerDependencies": {
+        "vue": "^3.2.0"
+      }
+    },
+    "node_modules/entities": {
+      "version": "4.5.0",
+      "resolved": "https://registry.npmjs.org/entities/-/entities-4.5.0.tgz",
+      "integrity": "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw==",
+      "license": "BSD-2-Clause",
+      "engines": {
+        "node": ">=0.12"
+      },
+      "funding": {
+        "url": "https://github.com/fb55/entities?sponsor=1"
+      }
+    },
+    "node_modules/es-define-property": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/es-define-property/-/es-define-property-1.0.1.tgz",
+      "integrity": "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-errors": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/es-errors/-/es-errors-1.3.0.tgz",
+      "integrity": "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-object-atoms": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/es-object-atoms/-/es-object-atoms-1.1.1.tgz",
+      "integrity": "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/es-set-tostringtag": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/es-set-tostringtag/-/es-set-tostringtag-2.1.0.tgz",
+      "integrity": "sha512-j6vWzfrGVfyXxge+O0x5sh6cvxAog0a/4Rdd2K36zCMV5eJ+/+tOAngRO8cODMNWbVRdVlmGZQL2YS3yR8bIUA==",
+      "license": "MIT",
+      "dependencies": {
+        "es-errors": "^1.3.0",
+        "get-intrinsic": "^1.2.6",
+        "has-tostringtag": "^1.0.2",
+        "hasown": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/esbuild": {
+      "version": "0.21.5",
+      "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.21.5.tgz",
+      "integrity": "sha512-mg3OPMV4hXywwpoDxu3Qda5xCKQi+vCTZq8S9J/EpkhB2HzKXq4SNFZE3+NK93JYxc8VMSep+lOUSC/RVKaBqw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "esbuild": "bin/esbuild"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "optionalDependencies": {
+        "@esbuild/aix-ppc64": "0.21.5",
+        "@esbuild/android-arm": "0.21.5",
+        "@esbuild/android-arm64": "0.21.5",
+        "@esbuild/android-x64": "0.21.5",
+        "@esbuild/darwin-arm64": "0.21.5",
+        "@esbuild/darwin-x64": "0.21.5",
+        "@esbuild/freebsd-arm64": "0.21.5",
+        "@esbuild/freebsd-x64": "0.21.5",
+        "@esbuild/linux-arm": "0.21.5",
+        "@esbuild/linux-arm64": "0.21.5",
+        "@esbuild/linux-ia32": "0.21.5",
+        "@esbuild/linux-loong64": "0.21.5",
+        "@esbuild/linux-mips64el": "0.21.5",
+        "@esbuild/linux-ppc64": "0.21.5",
+        "@esbuild/linux-riscv64": "0.21.5",
+        "@esbuild/linux-s390x": "0.21.5",
+        "@esbuild/linux-x64": "0.21.5",
+        "@esbuild/netbsd-x64": "0.21.5",
+        "@esbuild/openbsd-x64": "0.21.5",
+        "@esbuild/sunos-x64": "0.21.5",
+        "@esbuild/win32-arm64": "0.21.5",
+        "@esbuild/win32-ia32": "0.21.5",
+        "@esbuild/win32-x64": "0.21.5"
+      }
+    },
+    "node_modules/estree-walker": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/estree-walker/-/estree-walker-2.0.2.tgz",
+      "integrity": "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w==",
+      "license": "MIT"
+    },
+    "node_modules/fill-range": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/fill-range/-/fill-range-7.1.1.tgz",
+      "integrity": "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "to-regex-range": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/follow-redirects": {
+      "version": "1.15.11",
+      "resolved": "https://registry.npmjs.org/follow-redirects/-/follow-redirects-1.15.11.tgz",
+      "integrity": "sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ==",
+      "funding": [
+        {
+          "type": "individual",
+          "url": "https://github.com/sponsors/RubenVerborgh"
+        }
+      ],
+      "license": "MIT",
+      "engines": {
+        "node": ">=4.0"
+      },
+      "peerDependenciesMeta": {
+        "debug": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/form-data": {
+      "version": "4.0.5",
+      "resolved": "https://registry.npmjs.org/form-data/-/form-data-4.0.5.tgz",
+      "integrity": "sha512-8RipRLol37bNs2bhoV67fiTEvdTrbMUYcFTiy3+wuuOnUog2QBHCZWXDRijWQfAkhBj2Uf5UnVaiWwA5vdd82w==",
+      "license": "MIT",
+      "dependencies": {
+        "asynckit": "^0.4.0",
+        "combined-stream": "^1.0.8",
+        "es-set-tostringtag": "^2.1.0",
+        "hasown": "^2.0.2",
+        "mime-types": "^2.1.12"
+      },
+      "engines": {
+        "node": ">= 6"
+      }
+    },
+    "node_modules/fsevents": {
+      "version": "2.3.3",
+      "resolved": "https://registry.npmjs.org/fsevents/-/fsevents-2.3.3.tgz",
+      "integrity": "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "MIT",
+      "optional": true,
+      "os": [
+        "darwin"
+      ],
+      "engines": {
+        "node": "^8.16.0 || ^10.6.0 || >=11.0.0"
+      }
+    },
+    "node_modules/function-bind": {
+      "version": "1.1.2",
+      "resolved": "https://registry.npmjs.org/function-bind/-/function-bind-1.1.2.tgz",
+      "integrity": "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA==",
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-intrinsic": {
+      "version": "1.3.0",
+      "resolved": "https://registry.npmjs.org/get-intrinsic/-/get-intrinsic-1.3.0.tgz",
+      "integrity": "sha512-9fSjSaos/fRIVIp+xSJlE6lfwhES7LNtKaCBIamHsjr2na1BiABJPo0mOjjz8GJDURarmCPGqaiVg5mfjb98CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "call-bind-apply-helpers": "^1.0.2",
+        "es-define-property": "^1.0.1",
+        "es-errors": "^1.3.0",
+        "es-object-atoms": "^1.1.1",
+        "function-bind": "^1.1.2",
+        "get-proto": "^1.0.1",
+        "gopd": "^1.2.0",
+        "has-symbols": "^1.1.0",
+        "hasown": "^2.0.2",
+        "math-intrinsics": "^1.1.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/get-proto": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/get-proto/-/get-proto-1.0.1.tgz",
+      "integrity": "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g==",
+      "license": "MIT",
+      "dependencies": {
+        "dunder-proto": "^1.0.1",
+        "es-object-atoms": "^1.0.0"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/gopd": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/gopd/-/gopd-1.2.0.tgz",
+      "integrity": "sha512-ZUKRh6/kUFoAiTAtTYPZJ3hw9wNxx+BIBOijnlG9PnrJsCcSjs1wyyD6vJpaYtgnzDrKYRSqf3OO6Rfa93xsRg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-symbols": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/has-symbols/-/has-symbols-1.1.0.tgz",
+      "integrity": "sha512-1cDNdwJ2Jaohmb3sg4OmKaMBwuC48sYni5HUw2DvsC8LjGTLK9h+eb1X6RyuOHe4hT0ULCW68iomhjUoKUqlPQ==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/has-tostringtag": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/has-tostringtag/-/has-tostringtag-1.0.2.tgz",
+      "integrity": "sha512-NqADB8VjPFLM2V0VvHUewwwsw0ZWBaIdgo+ieHtK3hasLz4qeCRjYcqfB6AQrBggRKppKF8L52/VqdVsO47Dlw==",
+      "license": "MIT",
+      "dependencies": {
+        "has-symbols": "^1.0.3"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/ljharb"
+      }
+    },
+    "node_modules/hasown": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/hasown/-/hasown-2.0.2.tgz",
+      "integrity": "sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==",
+      "license": "MIT",
+      "dependencies": {
+        "function-bind": "^1.1.2"
+      },
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/immutable": {
+      "version": "5.1.4",
+      "resolved": "https://registry.npmjs.org/immutable/-/immutable-5.1.4.tgz",
+      "integrity": "sha512-p6u1bG3YSnINT5RQmx/yRZBpenIl30kVxkTLDyHLIMk0gict704Q9n+thfDI7lTRm9vXdDYutVzXhzcThxTnXA==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/is-extglob": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
+      "integrity": "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-glob": {
+      "version": "4.0.3",
+      "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
+      "integrity": "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "is-extglob": "^2.1.1"
+      },
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/is-number": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/is-number/-/is-number-7.0.0.tgz",
+      "integrity": "sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=0.12.0"
+      }
+    },
+    "node_modules/lodash": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash/-/lodash-4.17.21.tgz",
+      "integrity": "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg==",
+      "license": "MIT"
+    },
+    "node_modules/lodash-es": {
+      "version": "4.17.21",
+      "resolved": "https://registry.npmjs.org/lodash-es/-/lodash-es-4.17.21.tgz",
+      "integrity": "sha512-mKnC+QJ9pWVzv+C4/U3rRsHapFfHvQFoFB92e52xeyGMcX6/OlIl78je1u8vePzYZSkkogMPJ2yjxxsb89cxyw==",
+      "license": "MIT"
+    },
+    "node_modules/lodash-unified": {
+      "version": "1.0.3",
+      "resolved": "https://registry.npmjs.org/lodash-unified/-/lodash-unified-1.0.3.tgz",
+      "integrity": "sha512-WK9qSozxXOD7ZJQlpSqOT+om2ZfcT4yO+03FuzAHD0wF6S0l0090LRPDx3vhTTLZ8cFKpBn+IOcVXK6qOcIlfQ==",
+      "license": "MIT",
+      "peerDependencies": {
+        "@types/lodash-es": "*",
+        "lodash": "*",
+        "lodash-es": "*"
+      }
+    },
+    "node_modules/magic-string": {
+      "version": "0.30.21",
+      "resolved": "https://registry.npmjs.org/magic-string/-/magic-string-0.30.21.tgz",
+      "integrity": "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ==",
+      "license": "MIT",
+      "dependencies": {
+        "@jridgewell/sourcemap-codec": "^1.5.5"
+      }
+    },
+    "node_modules/math-intrinsics": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/math-intrinsics/-/math-intrinsics-1.1.0.tgz",
+      "integrity": "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4"
+      }
+    },
+    "node_modules/memoize-one": {
+      "version": "6.0.0",
+      "resolved": "https://registry.npmjs.org/memoize-one/-/memoize-one-6.0.0.tgz",
+      "integrity": "sha512-rkpe71W0N0c0Xz6QD0eJETuWAJGnJ9afsl1srmwPrI+yBCkge5EycXXbYRyvL29zZVUWQCY7InPRCv3GDXuZNw==",
+      "license": "MIT"
+    },
+    "node_modules/micromatch": {
+      "version": "4.0.8",
+      "resolved": "https://registry.npmjs.org/micromatch/-/micromatch-4.0.8.tgz",
+      "integrity": "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "braces": "^3.0.3",
+        "picomatch": "^2.3.1"
+      },
+      "engines": {
+        "node": ">=8.6"
+      }
+    },
+    "node_modules/mime-db": {
+      "version": "1.52.0",
+      "resolved": "https://registry.npmjs.org/mime-db/-/mime-db-1.52.0.tgz",
+      "integrity": "sha512-sPU4uV7dYlvtWJxwwxHD0PuihVNiE7TyAbQ5SWxDCB9mUYvOgroQOwYQQOKPJ8CIbE+1ETVlOoK1UC2nU3gYvg==",
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/mime-types": {
+      "version": "2.1.35",
+      "resolved": "https://registry.npmjs.org/mime-types/-/mime-types-2.1.35.tgz",
+      "integrity": "sha512-ZDY+bPm5zTTF+YpCrAU9nK0UgICYPT0QtT1NZWFv4s++TNkcgVaT0g6+4R2uI4MjQjzysHB1zxuWL50hzaeXiw==",
+      "license": "MIT",
+      "dependencies": {
+        "mime-db": "1.52.0"
+      },
+      "engines": {
+        "node": ">= 0.6"
+      }
+    },
+    "node_modules/nanoid": {
+      "version": "3.3.11",
+      "resolved": "https://registry.npmjs.org/nanoid/-/nanoid-3.3.11.tgz",
+      "integrity": "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w==",
+      "funding": [
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "bin": {
+        "nanoid": "bin/nanoid.cjs"
+      },
+      "engines": {
+        "node": "^10 || ^12 || ^13.7 || ^14 || >=15.0.1"
+      }
+    },
+    "node_modules/node-addon-api": {
+      "version": "7.1.1",
+      "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
+      "integrity": "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true
+    },
+    "node_modules/normalize-wheel-es": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/normalize-wheel-es/-/normalize-wheel-es-1.2.0.tgz",
+      "integrity": "sha512-Wj7+EJQ8mSuXr2iWfnujrimU35R2W4FAErEyTmJoJ7ucwTn2hOUSsRehMb5RSYkxXGTM7Y9QpvPmp++w5ftoJw==",
+      "license": "BSD-3-Clause"
+    },
+    "node_modules/picocolors": {
+      "version": "1.1.1",
+      "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
+      "integrity": "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==",
+      "license": "ISC"
+    },
+    "node_modules/picomatch": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/picomatch/-/picomatch-2.3.1.tgz",
+      "integrity": "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "engines": {
+        "node": ">=8.6"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/jonschlinkert"
+      }
+    },
+    "node_modules/pinia": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/pinia/-/pinia-2.3.1.tgz",
+      "integrity": "sha512-khUlZSwt9xXCaTbbxFYBKDc/bWAGWJjOgvxETwkTN7KRm66EeT1ZdZj6i2ceh9sP2Pzqsbc704r2yngBrxBVug==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-api": "^6.6.3",
+        "vue-demi": "^0.14.10"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.4.4",
+        "vue": "^2.7.0 || ^3.5.11"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/postcss": {
+      "version": "8.5.6",
+      "resolved": "https://registry.npmjs.org/postcss/-/postcss-8.5.6.tgz",
+      "integrity": "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg==",
+      "funding": [
+        {
+          "type": "opencollective",
+          "url": "https://opencollective.com/postcss/"
+        },
+        {
+          "type": "tidelift",
+          "url": "https://tidelift.com/funding/github/npm/postcss"
+        },
+        {
+          "type": "github",
+          "url": "https://github.com/sponsors/ai"
+        }
+      ],
+      "license": "MIT",
+      "dependencies": {
+        "nanoid": "^3.3.11",
+        "picocolors": "^1.1.1",
+        "source-map-js": "^1.2.1"
+      },
+      "engines": {
+        "node": "^10 || ^12 || >=14"
+      }
+    },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "license": "MIT"
+    },
+    "node_modules/readdirp": {
+      "version": "4.1.2",
+      "resolved": "https://registry.npmjs.org/readdirp/-/readdirp-4.1.2.tgz",
+      "integrity": "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14.18.0"
+      },
+      "funding": {
+        "type": "individual",
+        "url": "https://paulmillr.com/funding/"
+      }
+    },
+    "node_modules/rollup": {
+      "version": "4.53.3",
+      "resolved": "https://registry.npmjs.org/rollup/-/rollup-4.53.3.tgz",
+      "integrity": "sha512-w8GmOxZfBmKknvdXU1sdM9NHcoQejwF/4mNgj2JuEEdRaHwwF12K7e9eXn1nLZ07ad+du76mkVsyeb2rKGllsA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@types/estree": "1.0.8"
+      },
+      "bin": {
+        "rollup": "dist/bin/rollup"
+      },
+      "engines": {
+        "node": ">=18.0.0",
+        "npm": ">=8.0.0"
+      },
+      "optionalDependencies": {
+        "@rollup/rollup-android-arm-eabi": "4.53.3",
+        "@rollup/rollup-android-arm64": "4.53.3",
+        "@rollup/rollup-darwin-arm64": "4.53.3",
+        "@rollup/rollup-darwin-x64": "4.53.3",
+        "@rollup/rollup-freebsd-arm64": "4.53.3",
+        "@rollup/rollup-freebsd-x64": "4.53.3",
+        "@rollup/rollup-linux-arm-gnueabihf": "4.53.3",
+        "@rollup/rollup-linux-arm-musleabihf": "4.53.3",
+        "@rollup/rollup-linux-arm64-gnu": "4.53.3",
+        "@rollup/rollup-linux-arm64-musl": "4.53.3",
+        "@rollup/rollup-linux-loong64-gnu": "4.53.3",
+        "@rollup/rollup-linux-ppc64-gnu": "4.53.3",
+        "@rollup/rollup-linux-riscv64-gnu": "4.53.3",
+        "@rollup/rollup-linux-riscv64-musl": "4.53.3",
+        "@rollup/rollup-linux-s390x-gnu": "4.53.3",
+        "@rollup/rollup-linux-x64-gnu": "4.53.3",
+        "@rollup/rollup-linux-x64-musl": "4.53.3",
+        "@rollup/rollup-openharmony-arm64": "4.53.3",
+        "@rollup/rollup-win32-arm64-msvc": "4.53.3",
+        "@rollup/rollup-win32-ia32-msvc": "4.53.3",
+        "@rollup/rollup-win32-x64-gnu": "4.53.3",
+        "@rollup/rollup-win32-x64-msvc": "4.53.3",
+        "fsevents": "~2.3.2"
+      }
+    },
+    "node_modules/sass": {
+      "version": "1.94.2",
+      "resolved": "https://registry.npmjs.org/sass/-/sass-1.94.2.tgz",
+      "integrity": "sha512-N+7WK20/wOr7CzA2snJcUSSNTCzeCGUTFY3OgeQP3mZ1aj9NMQ0mSTXwlrnd89j33zzQJGqIN52GIOmYrfq46A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "chokidar": "^4.0.0",
+        "immutable": "^5.0.2",
+        "source-map-js": ">=0.6.2 <2.0.0"
+      },
+      "bin": {
+        "sass": "sass.js"
+      },
+      "engines": {
+        "node": ">=14.0.0"
+      },
+      "optionalDependencies": {
+        "@parcel/watcher": "^2.4.1"
+      }
+    },
+    "node_modules/source-map-js": {
+      "version": "1.2.1",
+      "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
+      "integrity": "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA==",
+      "license": "BSD-3-Clause",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
+    "node_modules/to-regex-range": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/to-regex-range/-/to-regex-range-5.0.1.tgz",
+      "integrity": "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "is-number": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=8.0"
+      }
+    },
+    "node_modules/vite": {
+      "version": "5.4.21",
+      "resolved": "https://registry.npmjs.org/vite/-/vite-5.4.21.tgz",
+      "integrity": "sha512-o5a9xKjbtuhY6Bi5S3+HvbRERmouabWbyUcpXXUA1u+GNUKoROi9byOJ8M0nHbHYHkYICiMlqxkg1KkYmm25Sw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "esbuild": "^0.21.3",
+        "postcss": "^8.4.43",
+        "rollup": "^4.20.0"
+      },
+      "bin": {
+        "vite": "bin/vite.js"
+      },
+      "engines": {
+        "node": "^18.0.0 || >=20.0.0"
+      },
+      "funding": {
+        "url": "https://github.com/vitejs/vite?sponsor=1"
+      },
+      "optionalDependencies": {
+        "fsevents": "~2.3.3"
+      },
+      "peerDependencies": {
+        "@types/node": "^18.0.0 || >=20.0.0",
+        "less": "*",
+        "lightningcss": "^1.21.0",
+        "sass": "*",
+        "sass-embedded": "*",
+        "stylus": "*",
+        "sugarss": "*",
+        "terser": "^5.4.0"
+      },
+      "peerDependenciesMeta": {
+        "@types/node": {
+          "optional": true
+        },
+        "less": {
+          "optional": true
+        },
+        "lightningcss": {
+          "optional": true
+        },
+        "sass": {
+          "optional": true
+        },
+        "sass-embedded": {
+          "optional": true
+        },
+        "stylus": {
+          "optional": true
+        },
+        "sugarss": {
+          "optional": true
+        },
+        "terser": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue": {
+      "version": "3.5.25",
+      "resolved": "https://registry.npmjs.org/vue/-/vue-3.5.25.tgz",
+      "integrity": "sha512-YLVdgv2K13WJ6n+kD5owehKtEXwdwXuj2TTyJMsO7pSeKw2bfRNZGjhB7YzrpbMYj5b5QsUebHpOqR3R3ziy/g==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/compiler-dom": "3.5.25",
+        "@vue/compiler-sfc": "3.5.25",
+        "@vue/runtime-dom": "3.5.25",
+        "@vue/server-renderer": "3.5.25",
+        "@vue/shared": "3.5.25"
+      },
+      "peerDependencies": {
+        "typescript": "*"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-demi": {
+      "version": "0.14.10",
+      "resolved": "https://registry.npmjs.org/vue-demi/-/vue-demi-0.14.10.tgz",
+      "integrity": "sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==",
+      "hasInstallScript": true,
+      "license": "MIT",
+      "bin": {
+        "vue-demi-fix": "bin/vue-demi-fix.js",
+        "vue-demi-switch": "bin/vue-demi-switch.js"
+      },
+      "engines": {
+        "node": ">=12"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/antfu"
+      },
+      "peerDependencies": {
+        "@vue/composition-api": "^1.0.0-rc.1",
+        "vue": "^3.0.0-0 || ^2.6.0"
+      },
+      "peerDependenciesMeta": {
+        "@vue/composition-api": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/vue-router": {
+      "version": "4.6.3",
+      "resolved": "https://registry.npmjs.org/vue-router/-/vue-router-4.6.3.tgz",
+      "integrity": "sha512-ARBedLm9YlbvQomnmq91Os7ck6efydTSpRP3nuOKCvgJOHNrhRoJDSKtee8kcL1Vf7nz6U+PMBL+hTvR3bTVQg==",
+      "license": "MIT",
+      "dependencies": {
+        "@vue/devtools-api": "^6.6.4"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/posva"
+      },
+      "peerDependencies": {
+        "vue": "^3.5.0"
+      }
+    }
+  }
+}
diff --git a/江西城市生命线-可交互原型/frontend/package.json b/江西城市生命线-可交互原型/frontend/package.json
new file mode 100644
index 00000000..05a740a1
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/package.json
@@ -0,0 +1,24 @@
+{
+  "name": "urbanmind-frontend",
+  "version": "1.0.0",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview"
+  },
+  "dependencies": {
+    "axios": "^1.6.2",
+    "vue": "^3.3.11",
+    "vue-router": "^4.2.5",
+    "pinia": "^2.1.7",
+    "@element-plus/icons-vue": "^2.3.1",
+    "element-plus": "^2.4.4"
+  },
+  "devDependencies": {
+    "@vitejs/plugin-vue": "^4.5.2",
+    "sass": "^1.69.5",
+    "vite": "^5.0.10"
+  }
+}
diff --git a/江西城市生命线-可交互原型/frontend/public/avatar.svg b/江西城市生命线-可交互原型/frontend/public/avatar.svg
new file mode 100644
index 00000000..b537ce1d
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/public/avatar.svg
@@ -0,0 +1,8 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <circle cx="50" cy="50" r="50" fill="#ffe4c4"/>
+  <circle cx="50" cy="38" r="18" fill="#ffd1a1"/>
+  <ellipse cx="50" cy="75" rx="28" ry="20" fill="#ff6b6b"/>
+  <circle cx="38" cy="35" r="3" fill="#333"/>
+  <circle cx="62" cy="35" r="3" fill="#333"/>
+  <path d="M42 48 Q50 55 58 48" stroke="#333" stroke-width="2" fill="none"/>
+</svg>
diff --git a/江西城市生命线-可交互原型/frontend/public/favicon.svg b/江西城市生命线-可交互原型/frontend/public/favicon.svg
new file mode 100644
index 00000000..0064d6fc
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/public/favicon.svg
@@ -0,0 +1,5 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100">
+  <rect width="100" height="100" rx="20" fill="#7c3aed"/>
+  <path d="M30 70V40h10v30H30zm15-30h10v30H45V40zm15 0h10v30H60V40z" fill="white"/>
+  <rect x="25" y="30" width="50" height="5" rx="2" fill="white"/>
+</svg>
diff --git a/江西城市生命线-可交互原型/frontend/public/logo.jpg b/江西城市生命线-可交互原型/frontend/public/logo.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..18b5da66cc063dfe01fb3d76330d033153403f40
GIT binary patch
literal 33240
zcmdqIcUV(h(>J=2rc_ayQliqk2uLR)(uIgf5rkktnt=2c2!e>z2nZ-BL8?fJNbf35
zKzfOENa!`8h7gjI`+m#!ywCHV?>guFb-s6VE!bJ?ooi<AnOXDu%`D0v${cXkNY79Y
zprHW(8tM-~nFMqI20D5MdO8LMdIm;DhSN-EnV8O;Vd7+CXF1Em$;->b$<2LHKm>G=
zPl%tJ`;zn}AyF|2Nr?*}nX5A5S4G4n#Q*vd8b(G&rqfL4nV8OtU*x_h{{Q-*d<QsA
z(=gD9(b8N2PI1uCa?nuP01#D9dYZov;NK6LQ?yih8Bd>KVy0eDbrv{9LrZ&#j+UOD
zj*fbDDE0pU9S8ln%ktU`=gl56Uh(3*_9E%iX`!3tKe+A=;)E3*c}JXK;^yJKa8X25
zOk6@zQR%v}imIB<EnPi*14AS8dlr^f*7t25KXH8O<m}?=<Ll=i5Ev93`7-KN^y`?|
z<dnCmY3c9YXXNDO<rfrwF8cDVqOz*GrnavBXKPz~N9V7u?xEq4(J}O&@rij1c42X8
zd1ZACzq7lye{e`RBL1Zp4M6*EYEggxn_~Z@7Y9|ZQ*?B+bc}!LMRO{EI%qlQ=r7AN
zoYOXAeCT!l%C#4#Id3L?D*tgtNZ~Gy>yh^$6SuJ9ya@g;)&AD(|CwSD|DQDbPsRS1
zUK0QdEe-YM(Q*J_fLIVKo_*>c$5)ak#u#!s(EKjCiawy`TU^ks<G!{i3&F+Lpac)A
z#IUh+LCB9#Jq-$gs;fclJf{H1G62kt0-Uk@OjghmPCi)l6RTI2(eUPa<M{1nRxAJG
z0u|H{>-l>XV|#HXklP=fzSSo<#_DQZOCo~I{-788OhOlr#k3bl+{64+LCt>cZJF@p
z^lhe13eXt<|Nfcwk8@5eApXA@lGkga961yRV<5Mrufds;Thz%~u7|<>?G)gA*Jpmd
zkS=MA8A-m)NNkA#e*Ok1htq1wBMu8bw?fCt2OX6jfwS;<#OzJ5u?B}l9p4T-H03DW
z%kcl48{y#|Q4X^1rT~(_aboN)_$8FL67+h-y|nd@n_0n;bb&(v+a@0yZ`iE>uGP1I
znJ(x5$YGU49%<&wY=fRgC4A9HSxphm{+ye3j|FukR7a9ROG-5amTf+*uG1DiFQk7(
zFh0)#@oRu_F;Qw&?$2>&#UDZ}gb`|z$&A~bVBpW2*LGn4WT6rKV%?qwV*)-FYYQ&>
zc-Y+OC(|72U-y9gmIAP>TiNrYH~bPbzD$oBRp>0q>Mg1+7jn`Nz5KlB^Bem86rXGJ
z_H+r+TL|W5(fdq55RD=wu0;i__CiA_Ii&jKh(&=+0k6pZc_=dMI(|6@<{l`Dmo3&D
zirl$*wOs7@bFJBahnw+SdbGO+1h1?!>?d*C-(Bv##Qj?)FX_V>FD<-b<lpW544m-h
z<km#VY+_zry5;p*mo6oofl(~w?j0Ik&i{TuS;%7(EWzORqO$orLZdQ|8^7~2E?uVp
z1IqC4#hY^H-H1-Fd~Fk~Y#WSic^T~W_cwqw!wvedP|{=k)a+T9XFy4#JL}g|%+`io
ziCkhHp<PcOZ#mPx%>9}#9qOWRL$KmlZVfy>dtpz>ps~NQq<VR2vc~&-!z}MAG}NkR
z_M3ids9>lZ`8=zkSi0q_#oX$I){Zm+?XrM!GT+qWSry`|a3*n-0v^@LPD?O{`M5@!
zHP}}ZpPvV{e>)q>{4`wiTI|sT`k)L~Y=l|Ai57|@*jzrJvQOUuR<IwOgYvF4s|=)A
z;`aMLdYE?V@jZ#@yyv$8huj`u)cL=AD*s2$bM*zzcFcfqrXLUbIo9NDiYR~;cYv|P
z-aURKN_!?;O>Gw$O96Nq)o~cExH|!jqj`3Ne{7RlKr`Nfy2PCj+DND}?9NFpNgE>}
zQh_TtId7y2l{ZknhVUn|=j@UPQD<tiY~N?u#t0hnr#U@NHr#SPHC7Qg@v1a5`1_~2
zkIRy_{><{4At$bp{D~$K7YgPEXfjqCX)%1BX9!ut_v;5Y_kG;bV`t{Ovr`BU@O{I5
zr^)xr9yQEHgz?9<gU<QdT|YF;H2>-nV5iF;b-i<XJX-exU3^3^n?W{vO*0$mMjS@@
zrMYEdcZg~(T-4X^Wc&>PNgF>(N1{ptlx$7DRt`%){5D*gQ&kz|-^pUcbti<z(izB!
z75|q}W{VL^+yetEo<(klmlcv&>wTm*Pe!3j!E8&}gpYVeJwm{zvQH(I2;sK;s!How
z^%oylZ~#_#@7LB1)JrYlz)34Y5~fQ@ecyeDgSGU7aQ)BsM`j_(5PMazLRX*y{}|&@
zgXg=iY?G21swFBq)Xux{GMEBXw)uJX(8jKjSz*khB>3W5a7uIfJSMPK>Ui>lA4k#V
zq!)JJy1acR?(u<V>>rzT=-C??&*_p}E-jwj7xW?vk-uX{vQqaJoXb0kE`GTZ{^iS6
zKmg#R`ThrXkr3+msJfhBWts&12pZ_Rd??$N5obh@!chQY^rO*|M)gzE`rT5$cJ%m;
zCojY<_+t^J9)Y`^GXgk~w*i7eEoT+$b{ur&r1Ri@`nxKE`#b$@h>6EgG)r38+3=M#
zMnt7NyEk@y5X^!+_)NQoycoFNs&%Hy5N23xJMKv}IUYG73Q!-*%&{GB^@6Z`P#9$y
z;z{o!y*((0B0xXC_SqAOuHA&nxT-}h<pzlKo{StSo3=Gps0KXV>P)$}<4jwKhbO}H
zvCN&wHk+#6C2SJ&^(zoZ?H$yd)cdEsq9&Yxx74cVpPF`#aYD2;Zt54!$Q9dnPsBdr
zBbXjf8-j7?(HenHks1PJfjyQN1EPIb<-{iIzW%UOBJavyqS+^UyKPZ`XfTt8#N4k9
zl<x^Quis~kpkvSN;rhA<T4T=uRiVpPLSK7<U{+4E8}$D}21o$rLfFL+V2?|jn*~$%
zY?&o&Mk3FJei}Dr_P8{6{#S=erv|!zq98x?%Zy=A(R6>1@3NdyThuh7P9tL<I)S{E
zsY_@tdT^~JsYqX7!E}13!8(kk5OF&cf=K(NlFg7N8b26o1U%TatX$`7GCg3Hxjx}m
zT$lOe&d;dnt_@&e^nuk1`X?&7o;{*b(?N0i`ssbK8Xcd&wTnUg;kI(|Sj|_ARX||C
zPsDiAJDnn!PP((o!+hHo@WGh&@W}`TXl}3?A~L+lBLx4laSrw?jcW0&i5K1W))zj`
z7|x+C6#vcGMaIFoD?!oM-373jO-~IDe>~)wQT@fToFl8fu=D&ms~KSx|Fm;{DO#i{
ze&9i1#vFZhW#6_q=*aETM()=wuSsFpJZ^YiET;LYE02~Co;z2w0I8lHa+Cr~HyL=1
ze(@sSDO?SBegjx~g6N<C{4h7+F6No(WHm>bQlb9a$ogEo*i;6wb6)HRJ9{9_rx9Vs
zyXc=Vv=4jQbxl|v8C2ADxXd+05c{d798oFmi)5dWY5L~95tRJ2Q+9J2K>@5CyzC$1
zeGXm>Y6wUZpGL%$xW(*zH76rzgVour5nCvXb~d{O-YI4ee#YgTtNo>x*zUnVmgRKt
zv;}|p0oP7pTmOWU?TDOcHSU`1`$E|}b|&YV+K`)o_ZLkSu_<3cDXiy(^(>{)3<}U@
zH8gD$hB^Q8HQbN$dG0D<sqUMp*HE~eE3x2HDYPe~*d7uTAkow7bvdaY6B1$}81USM
zrakmBF7m*$acr(~l;kG#XZ2fls`O*<>N(n9GhQ$0{1;oMH3k@8tk?(^qh?F9q6?>8
zc}ysP^d{!oRlz*A$SHKe>TCtF&9;^OW8UQbk`HNFJJMpuKa4?PG$g4_PnK0dLEH%F
z&x~O8*K&@}{?(DrFnCb(4A?wlDx3YihSafywa%h325}bRJ#Ei?y3Lin;Gj#0d`fDp
zQ4Z(%J?!Fpr(qJ<U8Z|4W8?jwknn}@uyCvF!5dr~(lUw!SSGV=h;{wOtE+KGG?xFJ
z9sM6XM+HDwtJY%Z>lu!;wj(ds>Z7!ui_udl{6*mDXAWe>509F)kaKcvfll%uR-*+t
zf56pm$j;EP@WC4(&Ope)V|-e!hCVbzKoI?WSNXQsTe;9L@9&0{NKGn%Bem#o(AMp<
zGq$Uzc6KI>>r*z<OP39k&I^18r5bG9j6JB|^_);QBmXAIV1jfW=D%={Zh3#@(+TeY
z<Bzb5!+k{<0om^?Ck0#L>?GEo6u{<06V>baiYF~Npv{wY)-@$AgxT&UbBv?VWefi6
z!RIHx_J$f_5fjm^^$vj=5|6z~rV{CfBI#&nlbV{}fouRGcP!z2I|!t8X+61F39<3V
z5F?{WryZ8iLw@EqN&%iEIJM6RqxVCa9=9E)*E@c=dA+K!)@6LUPe&G;O6v)Q1*ibT
z<bOn(f1NkxVh`Kn;L&PKKO6>4FzTaM#<&-5H7$CrsIx8qxwzge8rXsUp2gaN_Q39D
zoIQ71*<HbCN^<$@7R2EUsvpEdNV$u5dhMz7@u`o}bdSfQVDXJF>f-z~Hw05~;Q3w(
z(2l(DU~T3~#*&@r1=!}zH9hsMCmOF?{kpdFwO5m%4+9H31UU&od6S*Rvo@;(`n<+&
z1|1Kw=jalGzIQ0ZGaX%lCn{(0;`Uo!h4D?c7p`&-x*z+sT`nsV28Z3fX5rm7=kP|p
z{~<P`pfI!q+8a_d-5U^~;F0VyRUv;U8m^g(+1{irB{cRI1_tyER$epum=G7!dHhUk
zg#tK2MydjzYyMf-UwYr?Wq5;4OtcCnH-7?YSKBN=e45nkJ?U}3CD3G@)y*iJm6`;#
zBzLG4M&%&PhT{zx<DNeHc|UmS27`a+YGs5`Vx!=VIoc8OIT$zYFude)24;d40==YI
zGpxre6nu+)nijn+xcqfrO;Y`R^32TrMU_M)+0Fr)lpCOrP|oeLIYJdC^Bro-WJImB
zTi<JmE9vI1?(C}z4y?Jnb5=v}Z`6m`tKXh%GLJgnyS#QsdwJ4MnO)H#yqjEd?X;#r
zU+@zWym+>`uow#M{dj2JrS3HPuAJ<*0shA6Db^uw7c3ILF$;MMza~z*W%GZq=l{1W
z;$Qkm^^%oH=3fc!pQ6QUf_s0pmws}uTR-jqPt$p;Wii$gS~_OA8XYkQNq!$)u^T7~
zAe*+_{gU0J7)_?9z6O`TWh^+NQBXK`*TQ&m0lVR^l5v}Oj*aSHFF2smq^E@SB9hMV
zq(SxY{BR{y(Xb-my>wKthX=6#6VZlF_^_<ms~{SF%23gpmA2HT;#+-led0{_Oh{(*
zak=h=0MG0TqT!MYM07d1uO>{Ra!jtjby{#}f0-kHx_tyLY;fk1=hUg?GF36!M9J+J
z;HMOTH!uc^v@sxo9sY=v=^gz#crD0&-0rrHe3iv8)C>xARCMR<#=mD7Hc@a~dK=Cx
z*cwGkTL8WYtj=9i<aj@L_ilE5u?N$i1=<%$+b<yh#Niy-9!!lcTj4t1oUy$t(%^M+
z$ZJ7*wSBzSZ1t3G4>bUqV4g20B+Tu_wp|+A;O~9XH>u-9gBAPgz^L^_{b{p0a&Ecp
zw5L|z%=ys^O=h%WCkI;4v2YcBe5`gC>fum}ljrN2?o!bd`dC5jx&{O|Iawbgg@(}|
z%dC!>$07J!h3?WOIXcygQ-Ha<&wp#Z2&<&oWshtGp#nQCxCQx##hN}m4!QJGPty*;
zq*YJ?yMg=A%#0UuPEW5sv>MP$@H>FLjn(6;J{5MrS!T*8oH!27PA|$Kso}Kp1M*kL
zs%^qPx{GusouXs2F#OSZ7ji*k7y9Ai$IZUn&kyWpZtp&T2pI||8goDLHid|WO9Y^F
z2=oOruCu%_Ie{1nVdWSfAvSq_xcc&1Hlm}})|%z;`Hd$Ajbj$Ga@}!A%;SDqRif4S
zYz6q|84{Ps>}$W`OsUM{+Qv*X7qQHXHw_+563?~C$`7zLegHxiz2V%bmWnXmz%T2B
z6qAouCrdYT_pj7<@61kkA8tVDNVl{vFP;6_d|Yswy1X@frrkZR3gtNFn(!pVl{}c^
zU`rcZ7GO38?U@tNef#?X8{k3=h}%`RP<jj}6spnTxl~EBFY`Ynx&KFy0ul=w1G6>i
z76pEUndD7C*Ze_Gt(Q)Jo_#t2VJhBDRTWNVJEO7tV(0i2yXnW*tI#h>(Vqi#T5VG2
z8%AK7xzp1rDT)VX2FqkRD@B^4LeIjP2kpXR2kGZ^K(omzadg{Vw6ypy(M6~M=)`%e
zNa~u+P*qiZD{|9}`Ls|xJ*e@>8c+d=?h>q)_vAGyB=s6TCXSj-4KNNMD^TAz)jNnF
zl5m)4UF|XB#6|IEpN=%9YkL&-CzJIUHT+N|8gla{j6bW9PjOo*E`@D+d|mMj@Wae)
z`9oo}>ioDbC<??{X{QVw*;FKKY~Fa&bLn^ThssP&@9{^SOlMHS_|8p;<Fg%Gg0j9_
z2ji(N(%bms*CSg(Yxj=tFb=bIzwX=My7wgcIk1mX#XEJh&=8!}9=N@knL?4i4pV?3
z-eV8YC9owIK01*s71+=*pMzEk(&~V4S7W<hhTaR^2rd_`)raBK?l6wni=Py48Eb^`
z;`YSVq|rO+;8;<43J`h`-@*yA$D?CvWb-jnBQIJO6LLd8YP}S_rd5a1%BLG(tO@If
zp3``kLwKdhtXmNpHbcDA?<kB^lRQ~Uhy$WMACMZEj$e&0B+n>k$%$ItvC;fdjl7*$
zg@bN1mcxHyh6L9L_w_Ftj4NLODQ^Dk?Bd&LgXOArnzDxC{{^#xG{eTVq}7}vrD3Y>
zqT~B60l#S|K$`p;FG3ykcmdr>RC<|FhH@;lr2u6OA7zG5mK_*(QMM-~O52;rICR?Q
z`Rt*&#9psqe~k`OfPppz@Tab^PeWPOk-U4Cx^4JGLsr=jVO8Cr<84R4mjVccF$G2&
z;%}kJoP%3_tW4He>$E-vsn%+xn<bGlld81*2kk+nv4q`L1FfIU5<_O%K8rGK0NZkW
zm>*F`8;CefCwN+sW=DDB7(Z*NB~*<&Oz_Mi_Z_ua9;R?KpJAV7nQhC%r~Fb`zEDO1
z4*KenK~etlm$V)bOAMAZUwVH9Wsp;MtPrKy!&;XKiNhvs{s$AKzwbN)`*A;Ij?fH8
z`JH?w8H(26TINgo+9-glZRV=M>XNkCDX^+dxYkn*t0`#tB4Rv@qw2>4rKL}bljU82
zBz)slvw#v2jDs2=bO`42ZsHY)ubt{o;QYD2JxM{mfd5-FU4Zj{+OXonZpX}U;S^c?
znoJb}wKh}h&Y8~Q_({3bUp3bk<znEKPO%!d9V-TWvR(3$j-z{95eHOcn}c0*rY$<D
zY_zUXn@N}tx$j+V;3*q{JaWczL~ikjt?ci*fBan?@Z8R(`*GF<?pyG!ud0l@pP!~K
zr7pf7U+}*FKG9IDNc8;;p8ZfGDiCf8>9ssqI#|-#HKD@K7~+SF++@}ZD!E13r{XO(
z#f(OjLfR^ZN<2J0kX!AZ7m^TjG)fzS{3jWWL0^vULiHc#{hUHpLF&F!06%4)4Fi%m
zZJRi%3MO$ZOMsXrDx<fnSRc)Kub~bC4XKxed6I&goLXm2;gHc53~}?**GAEK#U2Ha
z_C9N}FU_vpclH<c`f((+40P<Lv3Zss*=CEabSpj)h3P_xrkvjLS#BFl|5Ub$l|mAt
zzp(Or54${4L+@sLX5sdsL$ou=lpYB4B}`hVZO1E3TX|hMIB=m-9^d*5PUNAwVQs<I
zZYa*R-|SmMd<K1LThjd$AUhvcyPR@lH3k31opOT2y^{I~xEt-b#Zzy~y9KuHB01Ae
zN~I9;u~N`efns;Yw%*?^FX(ZOS-PM3655}#ai$c+OUO0Ag++N4uOGU&yPU;pG$xF5
zz+(`FdtIo=Fa?syh?YoT+@^xm<m&ad{M01y8v1y1ZJAax8o0wq>*FIbJ$1;#Vt@Z*
z-c!vk;gq9{z5Ya=`8_JZR)6=l@G<+VO&fz&cyaO#>!Lk%e<vJDrRr;AV=Ttl);I=R
z1HBdyd!^@Ga5?Rw;L;Z-v59cSM%DbDQbMHhP&Q*<Q+@2XR@pqfG%SvQXrJN6aldyL
zY$%>s#dTin<TPzxkYr#Gx?}w!G23csv9xUrE#K>=__hB+w;><b6RqsTRN2X1Q<C`Z
z*0z}YC%sicy$wynZ1!>uo#VTNyB({a1}mra?`d~_@H%yVlCSw$=nbOPTSDhSCjM2i
zcWZ0;q_aQ#Cl@yc+Wx_v^cHS|C4q4|7`7UPJbQtLN{fZ21DQ@TI0DXs{zQNuSmLF3
zY0KPf>|P31|5#4hxval_LlE)>W`^(kV!Ih8HTK^2OS|^~m6s3ybgG;J%**2Wy^oTp
z9Of>#Sx$s;cRJ&+<u$lsDQ2FXh52=rK*;^EvM1bQmT7M;?G{{0N{YA{f6g>G%&$Mt
z>A(?RRxoJzrK`~8ELd*o*OOHJZ<l^(wMPMd&~LNUXvVd!r3hhj%g9|zJ2z=~rE1b6
z<GS{TV&waZfd~kSSC!b&*zyBJ+sHGokU!P>SY`(0Kz4=pYP|TJ)nE~U9dICPx{drR
zYyRIc>HmM8`;uOtnh<~R#(u_jvNu31)g$>AS3b<iHF9Lmm&>Es{-mZuhQx~vbWGl6
zBn00KI>aJ6!Zjm1;k+7rbM48RIu?m*C-BAYUorXpxeoK-xm#8}$a5{u2+qI~W0xHH
z0mbU>%^GhfFY?F-j=cvVDfYtpnufWhz&ZJ+!pVlJ!XJ`d@|H_E*(!lY$qf`Bf_%#J
z^^9t?{_a9`r9lQ}$@j+Zq%y_}SdrLp$n9lDu7l+WGH0N|k9m;cpv(+DNI6}n?;Y|^
z?;(6nMR0@$zx{%IDiGVQ|JxmWd<E_L6?u1>dk$XzP8u@DXzI3tpdt5WaSTe2HX0?M
z)>ONa^#XGsj=CQ3xm(KvR&`W9haUEL6s9|ejIo(P<UnVf)t+1{o|trre}<7i%XD4n
z`{T&NL{pzEAHz8~qFEK!J_Ua^g0wBC3rZtK9>up#K%3bMg@YsQCy${7`h6t(WMG9!
zoZnVjv&A2?p2=hbPXg_^uy}|o0i6Myh!fng(>xgVX!N~-g02TL?UnD&O|~3b!-WRO
zexvB6!=KwAS2!EVjG?$dK9KF)*2o88{Bo++$&ZcDZ|p1J$VQWbz?RnPjJ`OPjG=iS
z1SX*&m+dz@9oz_*_-DH-W5#x;6Erd3n{-o@7qrQ#le2b{fA04NgeX3@z46LW<juU<
zjV@s{PkvxTD+cju-z`*fY?;h)oL4(ML!5`Ts7qB=N_06c>`Xq_2X@2R`(8kwuiA??
z5#Y!2D;ZS<NcyJDrVp+%`wUNd)IskgPg$3%hl>P0OTMZL+g1J!<<rF)XlRWw^$1A`
z+!U%Ge<X~!nw86Es(qnPQ!i|-=4*A$u#CINy)-`O!F$~_9fRRhhuBg8#)#1+q~ewB
z&aDN9RTSCfFeY+VImXT?uiOmhqUkj6ap2DwM2E3X5g@H+UCGMm5=FyBefibzp*d?h
z9Rr+a8+TJ0m^(~O87pBAPV!28t7?Zx4BSMLBi~)W-yEQOpq+u^lbPrxeyg5uJs5U=
zLOi3}rqlff7)y$9!Um&*rW(zP_^D|M5Wfwc7Z4O2tXa(vR8VS!?AmqB7-kY;Hktt7
zag!a6hnnhh2d+I>QG1-JIcc*4pZ?y06FMwk$xd2@-hfG*ymv48t(J~hGA>T!b$O$_
z^_FOGVtp*jC}3?hRE^VhKc(Z&`Mi~PBB|q(g?=_|J^(wOgN#SE5}jk0+tDemhdOkV
zKW|^3BZ9D=W%oj?>Q)3nLmHaSGQKj``XQ0^wl|BAWok$t8{dB_XFCNZ6HVk=>&rf!
z$~AFukzPR^8cT8m$4{*KXK_u9RH9kyqVfqbodP6U>9WWe9X_|^9Yrx&E@>s_G(V#N
zQJWa}5pJ+$d!&WrjUd?1h*1C}D<Ap9nA+GO1>cy`_iXD~uM9yN4nnWPe;(k$B!cto
z;Tn{zs!x*hJWm1oUnNk0uzV^MeG7kzQ4hPkKcU&5w}Q$9&xZse$uLFF<9#`5aUhq>
zQxii0mRt2GK+9bUfbRxZcnP$eC2k5X5BXa4BB|m+{y|(b3cx%`4d}b`x$xN{IAIYq
zUYj`kI@BNGv#KVw)c;SiQrUt3s>|P^Yc=TC?S16hbt1{Z&%^&w)SriV<^QG1frn5H
z24t5zMKq1wfxJYXtAg_q(w0p}N-GJUVh77;ZF65u32?Gm$3H}@+SfctbuoHd=U6vr
zn&+yYp-u&%_tQAd9<;oMh0K@I)k9t1RIZPmX3sd<yBrKElenI?IGnGBO3QFR642$s
zOmub@^Li_mUJOC#Wto9iXyIy0g#<i?!E?$b<AK}Cx)5@({Ry5EZ9e)+Co!X?qNW(S
z6e^$#!?JfG&Yl5>7Oa|Pz5XUa>d9E!10_ya^t>FaoQ$KEA2lyOycQ+|AX*hA_h!xR
z{VE?pD-^=@-f#F?u<}?BS2c(<40&FzukpkrR3ILyMQ*sBxYsRo%gUu0{T9!ugK`E^
zfYz*wQyGcb3Etqv8JZ<S<V{9e{FM|J4?8vUVp$uPngzdmR#C1LK=4RNZ_v9bYs~|`
z9Yp~yQe7kpkAV;wshsKI8icHRUqe@GxrjefKqL&(4u8Lw%C$7h5+*(w_;Yh_y~nX)
zBqCkcaw_=+THuFZR_XxkHlB4hs`0YlmsR`^k>94V#VR6NPia4#4Iz$E)4|}OX!G9o
zJ4G*3q8y(l7Q`Nvzyk2#5LTXlGu6Ld|MuUe4FB7d8(J!g4@eO8^^p*ykr`Bp0#IN0
zU$)!wAGQns+jisr({`P#HVM(_&xcxXa~hB54il6>7hNV2I*RD?<UFr+M2z3prgQrE
zI|!v+X7qN^)b!l6z}bu<F7XX2<k5bp`y9ywdkCMKW*geQ{c7y~Q)Ks*dFyz0vG}XY
zRD&Ww1^@Od9x|!tFTeVd##ZXQtL^MF(l%TudtYJIRcZ-IfNK5YMSp3u`|le4raEU8
zxwp-qWI)`fy32@FFBsPh``caQPLBTe?n;;pUS>I#Bqmr`r0*%vYP4cGZB#~sjWF!T
zT95s-$Q5)cWtDj3G72kqveV_XlCL$>4T5w)L9S%>k;)at)T$@7Q6EVwJ^Ya`;yG;Y
z=1W%GNnE)1xu`Qkzt{{)1@}L<@z6uX{$t!M$pVCHAX%OCDv(La)SSz%W!#UH2t^I;
zYJJFQeoU2o7Spojf;^mWA$$SP2L_^!Gn`Hco@7bHMm-rC7#f!Tes7U0dd~eW)&`fD
zUSz+)qkJ_+_|Mh41FkxISPo_is#C7z=u3ULm!r6rD8PkAw<5xIR*}8b>c_r2(plcz
z^Zr;~p%HZ2-*Q>~yIgkucfXGobE#~2kG2oz%ii}0Rnmn~A31YNJ9M|7%9pjUQW^3=
z>O|{5PK+VPQyX6sPvjI<zep`X2=;=K6d)_u^DmKQn_A}sUdxgobCV|KW;;>8QCDix
z8mtz*87~}^xXrEIK`8dRJo;qwpj@q<>O-dCIp6%YIaY{tH%%U!)l@O&G&p9i<fagq
zcHP~uWr$}+t2XY_tDttF)Avr)kOP(@xP3_yN8Q`?o5;3)Xil?F17W{R0iNSx^Tha%
z@scX3RfftsF#na?{#z&n6Bd2{j<n*Pe_6NTpgm0?DYWr6tNzUhs5#vt_$J>G+HZb4
zUW;qAJMZw?YK7qS=>i_|@dZ$pl-fJVy?w6}xR3#+$XHis(78ZI+NbSX>lH&jmf}xz
z92>e?btXS!rFxqc2%XkAzv@)4+|pu^)-L|$VD1Hasdx_ZsEbi%vC`?SUqxo-ac`^j
z^9G^U;QwYDEq~dD9SGN`VMPHn_F9g2sHWl%e`>j-3a=DDLYn-2DGm=M?G90Z?H)MZ
zVg<ygCFGhVi<Wz)<X6q04%d<sVcK)x(?D*^I9btJzJ0LxO*ZRVs-bwNfABP?g+Rz1
zJ29ORCB}|P+aR$^hZA|&y|P=V9JS2q{57d1F!kL@QQw`7=gHAu=JsDdHnIO@enIW~
zM0=;<w^qO5|1N3e?BA09hv5J5k!sY<xWBEUTPm4gi@8s-nmcwk!s*G9x`f{9)joKo
zLWR@5rG8aER8$Pxw-Rf+3?*bg>3Si#8_j*@L1(H?qEilP-d~9~y4JXmrLa=aXhr5h
zP@9qJ3gEM^C;+Co;1yGT;I7VNrrIyQ`8_iIh0dsVE%Skd|K%_Qdo3yQ(tB#0;-dhu
zr7hpqk1oKS@9t`S%xQKXBFhK%n770Z4GG8>q^Rq^nSLQgXrjr<xgToKV2En0#k%y|
zqlRAU;v{Bmbs2B`JtLq^jtP>x25oo)x;`<l-%FRxe|4XKE^&^mgr=s+A8U}OVF7N%
zCJ!mV>E=?6qz1W6t_DS!$oLrf%1AWIXiX6^-hkoGeU&xTdfR+vYvoB8$ClEe1t-nU
z0}4=)6*o7_;;MB8-`AkI!F{%}*To@+%OB*Y(b1(I!#o&_{yogP3r-hon?8g$Z1yYd
z&2Glv88?;v$;?BGzbzLYtVtI}5RQbvHv%};tcIvKtv_l3pPsPi&LFcQC(11KxhqkA
zSDig4A}E`^1pY*hzASpq1*ZF4A*59K*J)}a&M5_YP|Vb<NptG9pSi*CW@Un8zv<U_
zT^AQ7Z6@}4U4Z6@X@M+5(j9K*BRq2rz%`Awp%y1?a@`e_;hA*ev>&jzY_^%$quADi
zZxun`M>K?d=s>ftjvPIY7jh6|O?=;H1xe?ztd9g_$3l9T#|cq#80)r#lY#Ev$|2_z
z27GP^7E8NGd-8uq@kNxBT;mnYjwSSC`@gIAvzqvz2znA8dsl9!*nFOrdAFq>013<X
z`$b>8u_jKtQ}v29*y;x&cA~J=<iR(F#z7D3(6V1O(1U>kuOq?ea>2S|LlXNAc^K1A
zKYpd{%afL`FT835924|;J7>&>F9@tJCj0DVvk!YR5Ky}K#5nGv`Sq2u%@3?UApPgz
ze&{bX<-|nQ(r!{O4ie{wpkM#$CJ1V93wcd=A|`PyKp%=RUnRr~x^04~Yr0^g9QM|$
zA+qD3U%}j@oywWZ6rjM{7pxPx!fpfX6aS+=`0SgoSz~g2o-?z8{P#O*$)OUXJL#Jc
zyvvqY=65pRn@S^pSDy~=CsdP?<`Ia-2WP4ChdaB?sMZrE@oen0fzKMX&c;HO&FY{{
z0W8nXsFFFwXhMx8v?5nS)UBmUFH^hPF4shz(&u-J(&Yyj^MgD$)^Q^+FfK6NEFSK;
zrtR1u>~jvg_!9JNf!b&WagZt}L}3$nzS}UbW$gF0gQc&EUF)L&)4JPR!EAdp<tR6`
zfatxVeHqssJ}F*?CmELC1!tBA*i2ye@txR$Tx^W!5KL=mmCVP;qEKzy60iq7fNLCJ
z!X!z0V_HJ%vmPT;?M@t5#=6+I=Adhx4T8<zY3vHWqau{EG<`?+Thv-xUr$}bi;Oeo
zIOPy)=G5nC5d;?;+7iD|(Mzja=v?hkwN&Kq-+G!>IHX#&BXCPM_*Eo6<OhhkB!8G%
zv<t&pHu_X!t(v_!J`lrc+&?^Tkwb~4>^mY~`MSxmC`XrUT&@|+V5qr1=%}qnr!4e=
zdMu=TSZa31Q-F=ixt@Tz(0jG~rBR2BE8h~e!e8uf-{24XbPNgHT7vFb`?@J^E>0?h
zl`K_jNF197MvQIpv|qGH*hlJz+<EveBtE$i%?mQKSHePR0@Ht-`vHpet&`Ro;{Dli
zD+$W`izQx9Pya&Mos^VbAS`$FVnSJY{{1yISh3Q_DPzTJZ1M5e*w-!Bd%#aagH1x_
z$nnFr?`%5#UO#g%D4&yJ{~jLt17-eS+S*y<1mV9DFmlI?)Ht$IfQs9NItT8OZ+UXS
z|EMif09_>*)PBhf*S`>SKd$2S6w+J|Qk2X2sLAIy%YU4Q|Jzw!PB@R)$Y9Evi+DDD
z*S_Kt;$ZAmmvHKz6g^g6MOsa_0~ZRAw02DX@eRK6r+C%osQ6!IN_q&}3n8_jx$H8j
zP9#Sq^z`M}0OjBqkW8NRHSnw^XK2ttnGOcs{xHAmdfa@G1?rV$NO|{9cztu}T1aRx
zY+qx@M5s$TajVm(;zOEN9y-B_qx<MlXrlQW4I_*4i~2ch6rf8WIzCJ!5Ye`Q@AZAQ
zfjBks=j~nagr+SXJ5h@n-+~nFmqM6V0<uKLHY<BI6%>0%PDac|5ns9Xts)v}a{^6A
z>GQuqf`Qo}$w(oP=N952aqMiNWZz~MSpgK)HCHtJ3Y9awG)q$5F?T`du&b7A(LrbB
ztHBx;TCbWnQL=<`+*qs4P??|1#WD5JM_kw3V{XQUt4iL$27KC|JHCfYkZS*+Vk#D8
z6wCFg8)-YcJqWr+qpb)sGFsBgp1`%d-UqX|8iwReHOguc_YHZDOVklNQmY^JG4@Hh
z1dpCOV`Ij)$L}o73J@6%kk1?Hi{+gyT)PY(VHwuvC$IFtN#|<2Teq@two^EDmbo}G
z*Qh%NADT*TVRF5`t#W*){^*cFMcO+^NOgIrCf}k}r|tK*ZtI#&M^JS2&JLAvC9%!k
z$D<O+mwq2K3w*1u9PXO9JHSr?zAs{l?5>K)7c)Zjt!q4%{yMc!uc?rD5M#}6UWw1e
zJbI;=sKk3uJDl+=Cvok7$#geB3wrFG&%5*RQW2_&G&#G3V2hh$xvc*YbKye6W+eb$
z@#`f_&h_PHucoZ2ITBs3<0OI}%LjQ&Cg!oc`OXH>*@PO63Iscs?rG||g|o;{{@P;q
zV=_Du4-EGIbFYHro#7F%LoFc*ErMQ3$&sW(PyhJ%(+7Fz|AG7-6-?Nt0K)xusKuzS
zR3B(BV?6M}O`3e3CPd7`{XAH>kG3|n9up)wNlXpf2<Xo3eRkqHJ2~EFQYOwk>X`hg
z-H#eJazPb*U_0m<EYGm_f}&t$>Olz!_aNh%i+CR6AgBUF3im@1k02+fnsOSU2h?o+
z4O<ljfJ#t#b#$dw54L4S<iuB#1j0R{rr+KIVu-L|@Q&mvbpMDNTPK>mmG(S06)3=!
zvQ+9_$YYb@Wg)0OH4mqO^|OOWmZHwRB3vu{525Dde&mj+19cP1d-yw4n$#M6e3xwa
z8??VGx68G()bhi=WhuasnvaJ?=MCy|?RHjj?V>lSc;fQrd2$ny0^CG>a$81Cc#?JM
z#ZE%N<S4tkfaA6>cv4S1nOWn(pmt94JDlFaV1|*|4bUSPRe@x`Yzlz>N`6{jzo^AY
z^)9sm@cJLPf}I^Kfx2gA6lrWcXa7Q%(^5AJbWDX$orq`(u%0*DCG{O*b4URu;A9OL
zm;%^|k`3*FVD!-9>=yor>=c<uRyYdNan4ESn(}__w%!sMY%znt9p0`Qx$G><c68f)
zR7d_{(x16Rsh;Ljgfo5@&}|u&wxyS!+1$d$@cVgd^3=2pBVnU*o0UykA(Kaze9k-}
z4gOs7OV+7oU#^bLzF&86R*`d&&D}2B+>jBeZ^}@S!PxZ+Cq$WTx&6?(1aqmYPc{af
zj`U>kuUd#Z?gVYn9_rUEuRegb&4TO+J!X>3+IhGBL`-VJC*hW4Xc0#0nW!CazFK{A
zhxG>^&$O)RE|hFxLv2W0-9lD?s*AAq@6M@=_=~sA?8}#GLiGeI-<sWM@5;VwcAE|H
zGwkXZNycZ%`4GkbWN{9jA))mpkfg7*zZcNjA2VSUcTU}<`_EdN!(;>O8;JOHn*1@W
z$!&oMyQX0-U9K+tTHDe*g4GN2{N8$5f8D4KmztUfqCx6+i?bW33Z|tH)nj9)FB?kJ
z4d1}z5`?e~NKWhig0;@D+$S$yQjyMt23G9k(|56ET|eZx4R|Gt7G;YS+dy1FSZX(h
zeUbVe?-*V7wq7xK=&jqJho%|6h=1r&YLrOm{oMl|t{D=03%QSwlD~jae{--&0Zy4C
zNP$dq(KZ9P6a3Krv>L&$sy30DkI*>4^BryY_Z9_LGt6Kq)U<jQrA62-5>TIS-;tOU
z!RCKM7EQtNqpo}O4&4_FB=xif)?48&r3Q3^itU=W(`CUT(53xd6%`+J>@Eora9+#k
zu2aOqU<%bZOOEF2v?{Yd>=z6rR)$l}Ydq!dv{UKovsv$3b=qW{WGA&=Y;(wT<arP_
z(%gz?JALM-{ST2At!z&akpX;>nB44nEm|aC`DsY4gwI{$@_BIO(kBXVNmB_z+N<?C
zqN3D|(YgIq5XcWyL(;8}vXydT@yG7Wz^#OEC}orzJ)02+bgVEXE?vn*UO`txyeyZN
zTIzQy1#cqH(rwY$s=J6RkIaJ)9_#vpD?~Hyw%U$-gpU~t)PoMSsjWo=={q^ip7KZ~
z{|4ufT3+u#d#4(ztA6*3`m2A$yM<H3mOVm)^~-vSLl>Q`gAN6d5%u7JUpsTaP+xHQ
zUfLy^F0m@u<zsykB&9P;+)Y5%p8~uLFnN?VZ^}JSRP00#hB6kI070htAwET}JUr<Y
z8ffKf7exFQ8nO&gUt6BczRGPS3sP^Yu#CP~P{eyIsj|fE^9yV>cOt*$w%ihqWM8Hx
zJc;h53kfaXq`Uj!m-&Mn@SxFO9h%C5qePZ395+8RWjg>@foyt|<Vik^zgdRx7%nW)
zaAznLReJI>vI)-BkD(7Pz3x2ZoF#Ej!z2Gb<R&{cq@>+SdgCG#kf@t1`XtFzhc<%!
zb1CSYOK)Bv;@+_Jxv_w|lOHI+*F|{#Q$%CnI(5(5EUkvIA7(Zxm<?3~ejh6A$=N?W
zp?XoXb1I7N#I2!BZmuJo%uBGHZ<2KAQMAl4<f<?JbvwT0g*TXKQyf4gfL%c^k+_64
z2&RSI7PMhorx0+8P39@MO_KvL$1ZT1cBB5upuUD2Cq6GpMe^6&+17!`v2d`ob=W<c
z*kfi4c%!}0wZ=*<I#Ld8oCWz{ZJJqn7%athC*)xZO+2g<i=-n&{!oh^*U&F8asF*!
z=v6NfI@rm0bRte$MX<x8+h*t?<?0mRnF|1<rF-+Yf&YYk(X103-4|<xCy>wKtD5_(
zSjEiE(kq&t=N;$nc^!csLV-J~iZsM@7eCLSQ~gdFR%dGruRLFabC_E#v%hQ>A{4js
zT^aJreCOW7?L2gY=FzFGXSg;X+mi*LjrW3DyUq%fkd)?Ez}2NxLdZ@_JuP-(PVIId
zr<8D}1;2+%=*!g0UwI`io${P8#?%woTbGRn3qZK!wbQqBA=k?VSqf*rA?!mO2+A8Z
zb3#~<fPm*+y_DNS0v^J<s^=e^Gm_Z<!G{>29cx6k2a|I#AH$BV$D9;qrn>4T3HSUh
z1j6}gR-^{^pb1tpT!a9Zc~AO3qM4!>w)Vx`cTJ>DFp<2sS;WP}nA9!;#1_n9y9sE%
zFWF{3ZQJ@CJl9$%q4T7WycUwx)PS9b@)26B@nto##Te#-jK!EgkuPHueqJJ<1rwJw
zGJdu+);8Csh1BI`IJx%=m)5<@TG$tDetYtfOlKG>EGUfceaFogFyXR$ils9`I0;^t
z7#n<u{mh`eafrL_$z|+`k>kEKKnUf7ahJBvoDD`AoDj2Sstznl8?UF~Cns9@&+2`;
zt1=?_`7fpJUXgbG9LvS&AkGT}Guco#XukJS^v4-$>_|WF$e;c*C;1}TaIYPJwH$l6
z4uod5s;Rv}+veAMos4|9AoXoiTV!67Sa1pH3C$ud^|GbQp)U@5uD;%s{v1`E^5-1z
zYdK5)9$Au5fbE2HRGFA62oLsqEsS^Yh;=hQb7d^zRoNFCqiXk#%(m9dIwA|x$GpQv
z5Z&OS69ZQRVyq*6FFfZ92k7=yv)O|OeBISsiT5r(jdSAq_!4+M|N5a7wXmLS0xk3G
z%(^~6V$EsJ$MCgBXeG5Z_9(#pc#6Q;+p&a04CCf`Ec@BDb8v_0>rn+#PsQC2-Wv$a
z+;-AxrKP&1j~SGcbd9>f%Q)8+uaD)69`g<OS+_Ij6nBz;iFH<Q{ZH(%I;1i3&e!Uu
zN-vSB-^Plj;27Rh><hYp^}ko!Xyw}deOv{3#-vN{X}0%%80g4*k@n;gOV)>sqg*oQ
zHnsI&MSzh^uTNImx8oX(ZtrLJV|Mi!YrR=jR}Yee|NMYYKcS^&C*MC)fDQz~JnI@Y
z-|__!xIhH-sIL{|pwy#>c=V1MoQJ5pbWlk<g(Qjo3-AFob`leU<d%-tf8_^Zp6z^G
z^7HEh!?W*i{sKuF(!L43ho11;g>F(wFQMt^lgL~OF!&8^dLCq1WpPI2F^k?g&Z0WK
z<z(vWUV4}y61@D5GbcF~*t<p0!HOl=DH4pny#lSuACg?)^N>I^`NaTy?lv3?y-Nj1
z_<45<@F4w&DXSTNY+2(-paAbTrJK|JVMP>xDWs!ik1dkAwo)_5i{Srqv&EqPU+Pff
z@>Ozw;dGW1&g#4UC0tFc2g)zgdcG#PYu@sH68RDS%~kfCEH`6pK->B3N%+H6S$Jic
z`Qebn(&=9-;0d7}{zK~akma`LfmW?nHXr^tnSJB!$NvgjAs7C+NH{cat{d5xiklq2
zU30!J>Ce6}Iwi5aJFhNlgV@K{ec94}%oT^gP_sa;Cr<;OJ~9*&&M>VMtjuZ5-4j|t
zjyGuALfL2BybHItg|D`CRvMx~mi;F?Qh$om2)54B&4SJxlAFC>dg24%)G)tdF@i2O
z)%a>as*o>P$9yq4gnJKCD?gTApbG@z58qinx3r|s)<au2!~O5Jy*RqKoZt&TyA?H?
zxWAfOBhi$4j~L#@zW87sb;WYoA8h$!H`Jbgay;zj(6C!6;o<xtUMxZJ*d%Hb>!sP5
zonRmawr9lNv~rOxNd2Ohpn5N>>j820_I-1cN@K)+&pAd45JC$sy`K}i-`|y4YlS31
z8*6KaHb@Hj{A<A@IhPo5w+gAP<G!HVM5}-RFRuK`8XmTDyl)%ISAepB){D1?*3#{T
zMzIo~r%|bNGSoij>bXVp6YOE;6t?Pi*=W*WRC2!DGjiXIXW>yx!xu%8e2xtvK)YgS
z!-~T;`|h8`Ny5A1l#~aEPSlZTaP)~EHI>$r3FZpg{x1{04}FW-?|EUKE}!W(-JCiy
z*w4$?bdg$rzpJgwd6#wtF^(YLP(z=<3dxc7gZ6UA@)Y0~qYc#s-cs`qw+X35{OtBQ
za=jp#oghzb>#k!<>1=U99&!1ih$L#p?haMGNK`(c5~N91M%26dPYOnNlTf)m@bG4*
zXare`k6P@=_KFIH9BaY5R3pjFj^szp)+nk8JM|xlU4^56xBRxsr0)Nrr*2YwKb=mk
zXAlKbs5kWs4p{X=D`!d3z7XO8{Di4F3YFF3(sIPMg52Mr07NeT#o29+BeK4%0zn#Y
zx#l8aTa<??&^VjV`8Ma>e<Bk2e+4A)e+MK{{{%=b{}Ui#{~M5m{BHq?8~jHG9a$7F
zl9u9edUy6Pk&#&2DLotBk9}dywWqu>o*ks-PHs>O+nI0fJp-Pyw?-6EDeLgD+WMJ}
zlyv*7yoW_0HnE!QkB2wrhBq84DiR*myrA>S*#mr0ADYz(<5i^(D>bzsgtT$x?F*3e
zMrz2MJ;9>`)Dr><qce|Wu$%gM>?zjX)KYe^2B&8U%eMOEvG^|8P%Ie|ynF38SivuU
z*wefPWSbhIvd?SSE5d128+2tbR?;~)D9_-NUYeeY#T`T81K<vwq60e58P3>f^`%23
zd1BTyK9O}H%9<K6@0|mmm3jmTCto`AcEq>9(`1K*tS*&dJ;CAct$*|9sOy>-Vs0>Y
z6=pVvI2-6DQ|vO-38<X^v?~P0UH(qwzqquXb3PueXg3(2gV_{$SeYAXXw>AA92~H5
z9C84DU9OWQC$kW_b4r^UlC6e^+frJE@3M4WNqx9>`UfgeOJEl66u5q~PK?F_YpE66
z>2h+hxf_M-eb{56wQ}HnWS^<usuoq5rhLeq9NB#4;&ozVq(y>1nEM&Lf_!Ct083NG
zf+bJTh>?3A_=QyF_tVR+?6~TunQFew&&%ifBsM<FPA!pFl2||4IZ2Nt6(cRps#@+)
zu`eR{MGGM=;H>-Lc)LJ7cD0sVray0wI@VabvOZ766XSK?>XM}eyPqGC{-FD^u8i<m
z;@R>)pGQ_s8OqIBC)vv~AY?_upy-8Q>-xr#%S%u11m97+E10^G<uGAmWOkbs&g80Z
zh`*j1MlJWQsh-}y(<-#n8(I!MjUMwNAV3W8>O+jhPz<$6!sI5kUtpj;aJ-bS*3fU5
zgn-BuIf^%DAms@)X5=xvUh(HAsZ@}vOD&0%Pk^N@buaXbCN~AP>q$y|TI$+WkAW1J
zufC>|p{B?KP&7B2p5T_DEFa#Tx?~BM>H3lRzmj`!<jjZRtW}lIKLmdXcSgM_)(WZ%
za2gs$2y=#9R5a6lYE7+LqB_Ab)h%oqvO~89d&;JZjQJk<^at_6{ov*=)^0Fnl1HgN
z%#i+2EMkw!2@HE+DL_p8XZYx?VBP(P=t1}lcA-?ZWBuNUd&#rQL0el-tRKdxN^d*|
za_=-Xj8;i(%ZVf}9jxgHe^c!-*zh(aqQ_<{lz+r1Dn++v$yASjQJH=G6w5GeaJ&U>
z*4HKpp)>(a=v;reJ6V7rI%#B=4E+T=9v^|1yglg8i5Dk2)s?L^bDiWjLQ1I}%wwgO
z$K))BhPz{VF{!!MooOX{RH`B<Gplf~%<U(bx6x<*{=m3fO~6$-TeoFp4vy7Vs%GR>
zhH$XX3W}E?kDr7PqKfo$rdNknC&pv)f7S+yFr!^m975(IJAzbDPTA~zp!m;M2vu0R
zcn5*I^DXBVkRzkuR~b)&TiT$k)(^tR4%Oar7&U)>-~oF5tCT(A0n82`aPqQ{`hpYm
zagWSE?Wof{t0zSsEt%n9^BbVt5lgvv4M<*~&dp3KJpIJP_^q2;m(u(-xo#|!?-8@Y
z(ZAr_EzTc(+5*o1A!r#^y7R(v9FIJl1oNY(1iO9KOucS^^htLKt@Ehpr{YRHX@_QS
z<!z0x#jnOc{@ueGz8n!eN3@cd-=47jsW#J4=o0g=*e0{<97t>Nku}y|g%9!mFq8rq
z5fY~JlJZi=rxT6kyTnG&cDNK>!ApeH`BK#xu2|!hancgg1<q~93u^{+G$YB>&eAs)
zGERoW`%PN50``3~2YqJIuYB1GahfM<o18TBVR9$$8!wdndOEn!IIswAr9CPK5ttVc
zKf+Ph&@GN~XKhnXA~CGj59Iq~b3^>WX?SAnF+(gs09l<NwS-m&-}C4u;`KvpKTlDB
zS>ebdrrnR8+M|_H$O^Z5_bsFkN#5=zUS2T!>IK1lVyL~)u`x`1r1|oFmjJSWvuSbR
zwhmp%SqPuQoc!EbePB+YGl}};KD-Pis|NwfhhJ^1wME*eexFmxvHQId3^0l|ZT|#+
z+m2N_6B(Fx(4$|)n3~W$C{Lt`0@=;JK;?(=lVou%tpvk?k^uYq&1B--QA+LJ^q~H?
zaB<q6<}+damKnU2XqZP#P;tDmz>8KLj}UJ1F#=N0UPgoZRG6l6DcR+nuvt;S;{o8B
ziB>c0q%=%OfVQ=0-bB_xNyg$#oufv(`v;DF@6$wveNGw(<fLftKFmrfe+%Km@Dln=
zxqC9t>|{AkKpp4J_!z3=l75gu?I1h&=)*PoVMS0P$Dw;IBtmLuYJaIY^CZr%$*Zat
zdQ0%x49FN>S-oX>CQh7JvxaplU^1&CT&o&|1iQ5emLcYyNm7OV2|5;hW&T-r{|H8(
z>~;=Z-G<&Uk<?-Ck)liBtdL&;7BWbG@Y}DK@Q6euJJ*%B$~7VbU{Xa~js#J5kZ^~w
zEbJGVHst}{hmd<GTFoOFl2rTrP^>`HACb9U-BgSPb%vh*9(Vm?eo%1DYrT8l6ON00
zsFBY)fVz9qXFc|4xV?o7dK=f<5<%wg*F;2@zR9bpmGBB%-mcR$GwcI?bUp|j#4c0Y
zAIsNFfM<k?_KTfyRYiW_v$MuQ{wK^IB-yvV?3r!ITL*QHz1hzdtOV9h)NzR)eBn&a
z^^Zf>rNrG4qe2$sR6Kg47&igtCS;kwt)hPq?#0mD^V;e68NEl0;(es)pQx>LF#Rw6
z_FVsh1cp-oWy;@{jB9ohRVPUA=pA<?r#9pNN?I=E#7fW{no?<3LGIc8F8G_GHC8ZL
zL#AatnaaqTqdOGV&YJ07zt1h6Wyr?CSpm8sPP@!L@qcyq<>65OZQCP>M3W*}GO|Pz
z*=3uMJx$iJPelpY_jN=l+k_Be6tcx6TZB>8EKSz2@7cGpj4{UaeEsg{ci;E#cfarP
zJje0=_jVkPj?dR;@ZGM@bzbLrogYZEbAey_weu&z!xg(HZh|M0BVlv0s2_DHrA~6a
z%e5`Ll;$*-NB)-7<DSOd{w9LB%eekc`G*lr-=Y^QcUMSpdEay2eNu##H$d72H^rmU
zJW;D8dX=81hoT{$(P4XGd(-cuhdXb@odWBZHUh27&Nj`~Gim#>B0N9priUv@5%>Hy
znpsG;->S(u3G*5pX2!oktoacTG~&tNz(BKXO0Si*Zh|UjimzvAw(sQzGg8fLH6gx~
zxBP0lat_Ne^uA+YyB7BTP_Vv+WAq!>{<V%zOSZ*=uHG)cL9n#O_BH;xL<xHUJ`@TS
zzK;f9&I{uZN|Ar7m1urJgzuQ%xkk|G_jS!7uXfZQyqHh0eZevJfXzTt@7zd3AxUux
zO}bTaPG%Xr=G4gPN`6$I1L-<Aq<au_iFB{_OpG~x7Cykxb%rJ3i88GCH%PoBVBBYV
z(c@rij1;sdZ-ycUfX6KxeuFllvOqQ78!gHI?sHSY{g-Z<{`9=m2PuHV2S)jCv;ju#
zKMs{_PPRrBNn$8B0;GQN4<^3a&Bc`1{{ZldHuxR%5p*B4g4o?clbHiG{IIJ)U6S{r
z6ScwUH%Jxp7?awDtkWYe29lst&49(zoC1vJ@I7+Qq!+ug{Tt*^88qj#I5}cZ)vy+&
z0-gmK@E@8DsB6??`&m3t(g$Z&1DmI<Y`f4^fIkqJ2b1?x_oMe8G~^$mp>uD(0vrN>
zge7cToG5H7RC^x;1-=-d&uV~B3RFcXhx8%0F7`lIhJS;0M9AkG0uJB*2F)qHL*mPi
zAlYatvQBGZpZhazs=NhAzVlq(Cjy*++AE-l4K4_|=r`M>;QDmONpJ1Z;HlTyjD(sS
zMoDeDi+~8-mZVM%CnENG04Pf$CmpM+dFZtuba^5_$n#{2pj|M)f1iSUgX};6vZet=
zGWhEd-sWXU{hm+hLXJqSq8tyimGp9)hylVql^0w_I0VJ`1lHPb+oNo4t~=0N$SYlD
zHMt-x7Io3F^h3?i$bovJ!o8k4_8hZ_ksixS?$lA{?%yEPIRxafDb{)L!!>ub!i+q2
z<NdLQDU6(4R>F(Lhh?PPptS>CrxUZy3O>nP)b(D-jkW_9<hugON-N4@RYiP4W}`XI
zdu+jOhGmsS4OlB@Q5HMbU*3Jo_G|x*e46J#(%F>6SKg)JXD2crx))5UIy^k5@2z+|
zUS_!&KY(UdftZmLTI>>RKMx8ZCdOugD#WL>MP+i<Vdyq&7^A8e2Q$Enosk=6wQPjh
zyO<rSO(7fOg6VC}Ka5UFEsO8;#5dm6RT)_S7A=es*wKVBd440nIQ7oON-9J$DKp4y
zqgzpth1tbU0Zg|X;u~QuHx3keVxdDqs0YCc!4Q*OQDGUbQ!%0yXD!Dxd)o6q^Rx9t
zHg|$m9<TMc)?XNm%UWonFA;Pgh3hA2;$@g+pOlaM*j(r5s!F7xXvw4@Ow$t$Eg?#M
zce)Y;?7R|AGUfBeH^avQ9*!WEs!|gUJD(dqBuj=tGlQfM_k#H950Fi9rwu&}!Mq1g
z9)#~0*l4<PwMwoXhD7D0>P@_Yu^;BFhTvuc1CzO}E%?t-d&>}WbpAJ15I3oPDV7z7
zrzzl?t1l&X$7sQaAgcE^p|tM!e!;EzR;`qZXL%PLgiD)V??NJY_&A{vO3p07rB71K
zqH+>#aSMDQCi7R_u0s_PIVJ>?4bn_ahNie(tir=d1<(jJCt<_8Z}KN8aY6<i5~%ya
zc{wL4r5JUw#Y@``7I}kcFIk+k=&j$NyV^ypLf&4?mZ}3wD>K|w+_u9*Dst_TBRe()
z8H|2ErQsi;E0nalc4GFI3%I;WQxj=qK9E~vame}T)v~<JxXE+jcW>w%AMtX?{Pa5q
zqxKWt$2^Ster+re&`KOXe@Igr<mS|ewa<jEA<raE#a~^^%}`l53CMh?$&q{^KVId{
zIjM2)^3~xA0Q<Ln{zX7JmPy!%^+MD7c?8>9p*tg?Df0N#G~6xKG4xNnEIN?X414Sj
z=9r)3todLrpM2}kTNqZ6sKJwu&t7)gUYHSztrWjVD%!9bK%edK(PB)hVu%{oAVLZS
z_DaCfXqH{n^O4Plfj8>T=S>HH$R3U{A~Sf_CgVdv%3MT$(iQia(N4q}QVLkS$v~Dg
zgRBo|sy_6@8BJce*bZ6(+WCKj!V{IpF|ibwbJfK4PfI>Opo4M_uLEep8fxf2;s*Mk
z7d<bEW-~rw4DzzUK!M8<3&y>rSYvB>W2_CO>mq82BePVpDO63gjou~z-iNGe{gOZK
z1n9?|hwb{Wo;5E8WJoDam%EF16+Kb61MuA`RofF*O|H&d-R`2#;-#%pY=Jc+H%pin
zLsHCf;soAX#?hwf-gU0r&kjjXnH(F-%XVnD+b_0+#KV)RfN<sXx(dWkVtQch!|dSt
zuWc8>r=4ZDnV)w*-3xI!q3NM|17n;G?w*Y4)e&lOy-*QX7iY7Cq>%zaL7)$~<I4$;
zLnMEC$K?7}f9&V2^}g-$Fka)q3BMmSt=gse#IRl?4N}`oj9=dNt!m9xwEFe4$xyZV
zIwC`Ex^cX;ukXF0BDu4$oAjPHF9K}sMzjUKInK7b)~Bl1d8o1^TJAdp@Z%e!0w*ns
zi*#B>ha=1FoS7TS2uv!(rncN1+sA7Q*B7YAB;pqeKKurao>zuyRBfh4RakOao{~0S
zzimo*j)(FUHf}U|Zrp@O!bc{{>A!usNZ)imM0n7dKf}7873T8rc7_>jd~~tvdh_mA
zT0E3BtCA@94Kt#p_N8yN0>j?u71N$@iQRyC5cf3p<qgzQm~sm!m_x&~53{<fD8Ih5
zQXp1h$DwoIZFy2nr28+q(*qK&IfaL1vzuC7)G%tP-T4wMHqNG1BhR+~eHL~WLHg3d
zJ~B~!DX_Tal&uoqjxplib^6|VdH`9rWT2nd;)Ygz)u+F3=v2kL&8+putZTX{(k|=!
zpTF)8^g>l`Mopzu5_rVdXcZg+_+)XFx)CFWU_P1l@%XuyDxYPD*r!1dfCg>ad`zap
zCb>eo*2lg}?fJR@YNp*tx{${$R}=KP6Kb@Kwm$8$?GkeibQWt7P4&=&%T95&Ent^2
zg)y}UW^<>)wtV=NLUR}T@6rS77{MoD8Woj3W|8vtV*T!6EOF2+JWU`WM})!V^YPfM
za01)@^!oUUeKVDBpw6fSR=9%iotV(|PrxxMio`$Fx+nhuD*_X4XMNqjHa;p;3DV0q
zvvExQY2h%~XKiz5ls}SHY<(j1w0<xYu)y)uzQl=djyNWRkdUr)3H3~Sja=j>C>KW`
zCVC%=>yT2MWh~9&e&m6Z?7hCHMB02&U8}P@w+z}qSW~pnt5~p-fje%!qPS3grTOY(
z+HGIcn&@qKeQi~w;$y+gxp;=wffqUg!nE16(Irf0VV<mKt|Xe9o3MK5@r31|3dtsG
zV1rbxLFqNae*Q6YD=m*0zF(*KPk`cQ`GJm{Bhu}H5_rm4Ts_K3k14QJfcDU?yR*7a
z349Z@W^L_f9}1*0(34KBT+aRve`3(TuF2tCU=`sBK!qCwwjhp*esNmy`uyp0<UBox
z`K6<WNIv^y!Qb2xMCY+1aH>`@_<&yPHz?;JChzY@N-5Qc(?LMBKItOmygz^Ntd8!a
zUoX6u=Zs<Wk&eO34A~Y3ge=6INI+N<RmmB<0@Nn|I{}A735+YNHYf1;KNyE~v&m<3
z!ToqutLhdR@y!hcZDsMf9q#lrhx4ux(aDcBR!1l})DQY&uk|@*S(9hcABKSJ&FP*>
z{9*bo3p7&Zni4u|a88^4T`hr}6XLy;bqVja0d~Lz7F*@jo$3>s_gu^=l-WXsD%l54
zb!M!@Fg!>ry|-1>ai`z8vG|O_Yyv8v9ltvcYgP!KaAN;tb-OLD?U%t~kv#2^bwaan
zpI+gXSv({~h(jT6gn6=ij}nk+-;8;|85Mik=`pRv<HccZn*Chhx*vvQ(&N*&sZnf>
z-&!{ezvwxg@^^9Jp0<6VCqbbLWDg5ru(I;^wGnwes?~3y)>s47OKQQ{xPDVcsSoRc
zQkd`#2Vq4GA4@EL-rqH%PNv8Yeb-W-XJ9^vvc>W&HlW;#c2~K02^IxmmY!tLtd?@F
zA86k%<?us|NQ|!FmwLZk<k$V!^C7WMuQGaYTtUDI)tr@kkp9KGqCnVj*S>Au|Cg2X
zG}z~2Ef%pw0aBb29FuSn=U`d>VhX}(pfsnlYV2HB(tDVykpnp*D+iPT`%+!|3}}3j
zq=&rD^DeVW{54+{kq$6$muvzFD^#5<fXTPM570F+HW7b6VhJ3NffzqTkUVzmJG4p!
zudL`Gtb(Qh@6u2*|9@z9VyIonEt)~>$}i{+Coy_I2$0EOOQW#iR3^1(;ZpTn!p7gy
z^SJ*=;I}5H#M7pMfEL{fF#P{-`knFrjef_ZHeDB}nTsx=jsuS+$Xhlg_U_AP?^0PG
zyl&3B`1oC@9EG+mzV1dAdc<^+EaSAsNQzReJs&WU=@Fpr$(^sPVoFbjj}A;fTA7Sd
zeo}MrNvmb@40JA-06BbC3f-|aJ>^}Bof%L2L`uTk(v-9EZ=#+6t~t?h?&Nn20$d`D
z74RQuxDilx1rSE8SaLx0L%K(y(=;`sdkvG9H%i+9wX5iWQzQ0KoV#u9fb@+F=IiWt
z!^h&egWW5rC+dj}a4vezt(u(+=2r}#8)&d~c+s&M!&9#hkLY`P%*bC-=dW2TIsr7^
zCWS~pgPg0xi7NWGA|Y4gLTXAmD=7v=Rh2Ur^^DxKM)LiSp{I{;LTR3wv+eFYn7tzr
zd{)J!*f7KC3nLjpbZOY8u=_f~x}ANR!9;UoRKHA6kIndjB!YEdxA=5#V-ku)dk+9a
z-koXc>EXd2T%RTvi%Zp!4sD6J$UP65BnN3D)WORALvDOWB{4t#1GXZFqhw@ltk=A=
z0$IVDe0UQRqd3TM8*|5CwcGQ;h@*`fa6-#jen+ApI<Ma#=AEw}{1$F~dN>j1QM$5R
zxc!mx3NNXE{}|Gpju;6tM;6rny1G_HyST*-rg+<YY%wN!Jrw7EqI6?fQ{|CdTfN*W
zlm#Pjs#2UU{?|>iGnBNIWaAcGJb`uShW`4wD|m6P%5xt;f`FhUIqO8eG6Obs%v4ON
zGB-lnU?lO&X*YmWF{BB^W2s%~?w0zlM&1V-|0YwxfMj-k8-t;%5aw0xSmm)qE4i6b
zEviDXO^CgU#d!eCOl5v%@HD~N{ya)mn?|K7uQ_(YYO5>L)%JXupRdhu&E3a!S9n(3
zo7=&pU>$<lZR)KJ4@|=p=RR)XMwy#bncv;8{`mFe!TPxQ_Xlo%R*YmJ3)o4&vq0xl
zGrY>j^!WC*j$2CmuQv<0HYAjfh3~_YNXTg^ihBQOvx)+Bw7lo`(^YA%;{9Ll7cPuT
zb+iniZkUY5x3SX9A&;xjIojNi9r;l|??B~r&Ae!SyZYW)#_aFHl6B?a+x7(qj;*~D
z-#Sj|2^*ezd`64)@%4i2do+6X&UDGSvV#c%vYXlQ@;~p1JPoDOze)Fi)Yoj9b#AjX
zztr(K!_~Kv&OhX;H4N6xo{|O!g2E5(QEnz4SVw)W^=>0Gzcj}rBjY_J3t;aG>3K?U
zym#qw>FXu_Gt534M*VhDHWOXF9c^DEa6A(OMD|turYn`jQacDX;|HC|&XjU>nWZYt
z-XBBa)D+0473M#?4l7O@IvNSZc^?E5Ki=ScA|{`B)9oRD5A4)N(h$5~q54IIGPfM@
zeObPFvY;-`<GIHP_b|^lp3xvYhMBZR7{q<$@rjwnT|Q_wYmUA10D$^|1BdL}J1P!@
zaAMq-0Zx6X#)*e<Mf(Yz0dxL|+o87H5f>JOviw?a5Mamrq%28KXC&S)mPuEiJ&|ZW
zC)D}eLr<F|kAr#K+_-tcqV%nQv7;|LITok<t20e7`G;QFT#|L$>W((4ZyGkf0bpl-
z$mWTK%@vZVP&1C9a|+4jsKS%=OKhUA^Kd!VWs>vrY&COlB^3lPLlnEsH~A#YamXG)
z7rEL`L*_?FQb!uN0XDV*!ZP~S&-vn-nEQ{PB;k-WCY4-xp9$Qw@564e>;kNRZ5AMK
z)VV*lOP1yr0G>0RT7&iZv&hD7SYscq=&^&?+v#_{{-G|3{Q=s_&{6Jy*=U05V5kC`
z&TpYvg`q!Xuc<b+YK*d(RC`4$=j{|wNLfL=qjC<s#n&mmcO(vNxt8SAsAfIwmxVIT
zU}Y(ghyI0r`Pvn|Gv=6wHE|D2!++dfr@#7I@s+K>z1T<C+gD58l~+VgObEY?7Gx;<
z_LSx3YLNoi5tRO?EnJ%97j?eo0|61WGLDfzZr}W#n~>Ci%2(t&dEWQ^dA_gBNoc=8
zrQHGBI8^(<eLjAb>CWA3^N_pMt7&3&I!|X=C7BGLG5uMQajM?eD(pL7IjTEx-t5(<
zh@~)1&mpiOT}S}sE}>)+74$H$6mdnB-``C=>(Vo~;zJk!0<%vW#S*jvbdS_@2UErk
zVq0~pGwt)$Kjk0u9$*4DvWg*C)3ueG7qG_~7$+&}Y2NxKS#3=cDuXYXbiA}oP@`qG
zjf*tAvj7%+j$o2j#6D9<jr3BMJ#{OL-}6zK7{h1P<OeW;D#k<)x7K>T-jP#^W+f$j
z+Rig~6I#O=v%NsZ6*T*4Q}y?Q6la;)%_a7W^CvVs+R?2nUwQ5O-4VH2ynU@D*~=C{
z=gZcJr3cJ;5e_X0c|;0ht-@CdKbVnUx6>e>kjM00JBF-Sw0N?Q%W&qRIx>So9xVGL
zEsaDBWR5*j%<#9ka+gr~Y6{iG`5{00z>@f!#Fr%=W{v#j)1D>B#6<AVIKKvJ3!&Xv
z2)%h@fsL^6T$<Uk3BP7rx>Rk-Zc8=Caj0n(;0)G<X{BWPNRT!jzD><+aitrD`p)5L
zyh2`*2MS(Lo18MXuHJ=TDmyfL=tfNJAoeU@dehx%6pTPuyWw{REoO(CKq<xg8odd~
za$l(=Kv#qB7wQvkU{*_>rF&QAwD?Q7DP_-IdD@@&y>B@XKKfUCb$B<j0z*NWLWrkP
zfIy%Vq5JnE*88pp-vAc<uNCQBCEg<%Jyc~8kV2!lT*>p;cH>>TD2m@G5-&ql%g4mp
z_wxd9lEob9;D<CUqrE&oqOCRX3bkUE{yx_ma~5^lOyyp+fo!43jxp4S2}l{qXrk(F
zX=%!QsbpTq#KCV+>h7q~v@D%jG1D104MA^!HuU132Ixq~l%kA#$<!WD>xs4n+97TX
z<wOmw&8?h{5vWPipvjWv2Oo#)@1jNYBj`&4U7t2EY89AUEL*JSmbfZ8iKyCBbZ_#D
zAzwn`{NjSy50w2XT`LNel>LRs`q`3}DbNr;e~5|D7JqMbQ$dY|R!r7Fb5B#?ZN<v!
z4copT<>@t{ropgDt+L2riAWJi9Ce!qHfvE~V3TOt1Ig^T<C=bF6-b%vB3R+CgX~Dp
zvbf8FMRi}vmb-m^1e9!f7Lm^ZHd#w`6!ZR(;a#}BCOfkcn~CB3O8bnUV8Y`;%FSB+
znDtM6I;J8XJT9@wDX8xX+G3{elyd>X52Ih+Tk3MHRO~Xt!)lM%;(-kQ9#v?>{V!z?
zTH<xq{bhFOS2w0FSC*$Xr+$ASX58}lgTmzydx~}=k$&*=rGQGY;Q1@P9Ur-4DpNC%
z12~6w(V{(2MaJ#Pe;2Ipi2QXt3Z|Hmb3`VaQgc)cl^w3YEOg1U3&*0bIMD1s|6Y$~
zKLlh_bF?K$d<Sw-W{qu&w6XUBX$?lwQ!W6)RI4bR*~tnVCAt=V7=m1r#k`3N<~q0y
z$V!UykoW~^pW}WzzULRV5h2wCRJz&XfWPpk{I|aqq!Cx){Xn5>fs*tZx-yTL7wzsw
zhSejx)`51?=tHm$@Sz3NW6{6p(-CU;zX(RYcx>!F2Sh6TsT`E^e#PF>uS)uR;e9*|
zM^I0nW(U`ViE23CPdS$}F}cK|?=4M}`?7u3{rdt<nY9o_6np~UV^2d4_Jx4I(ue|Z
z+5e_*-?tc87D?2F`Sz1Jy|Sn32g+K3R@jf5u7@Dt3C1QO3C7633{8d&%mV|kT~s2X
zET2-muHr-5o7O+ql#(vBSR3RMr<C}D@yo?Vx;DdLeZNs*OvqtAa<;8$a(B>mE_q6`
zAx8XFp6U%i8rqa4CMhD5uC3Y<oHG?{;EiE$;0(RtP?Cf^m~wWd_;HeI8(th{coV$e
zPAn$LOAcc*8HAF!c4-$U$!z!2d*|Q3uMK%$6MV-aUc9g)q&Ho)lAs)45c3>!Z)*tP
z>$P!E(h{N_kIJgt#kNA3t6wOwc(c{I)Kx+qLQm&nCJ-&2q?rco63LOGJT{(!SZ@{G
z)OA7O+;?AoNU3Y|uX_a>j!;|GFZQ3lcp=b-9DurwA4GzcJoEi<`e!XaH5F(=k&bQi
z>dVUT$!!eE)AXvi%M-ELnzGL+6Vs<nwciw9AxF=(OwB&GPFHXnO1m4}v!~3qt@4ym
z-R#4V;3#3?Xb>;g-e85^>)k|(;8SOR?W6V-*ovUVV^ZLD8XKuj_mjh-6r8?oL8Z@X
zFfBqQ$d!cR$v;IxHsQHSPPPp6@(A*iSbu|jm0=;_@pW=BDtvyZ7KR?g1cNi!(&_#u
zsoe!3!sXBNfODYFIWeM#QDO0_#{-GFrEjkXS9CPkR(RZUN&>_i11HOZbUtc27khHQ
zJhyAuv}<7Fbwb}4N-v#J0-xbYCE8Xx3$Pnj?-?-2Q|_=6K1i4nB^w4G4Fw)(kJhSG
z@t#oyg?~NK0Kq@`kx_ye`p7$aXLEb`1Dp&WW82bdjS>GCq%(Mz>1t^?reT)}Y3TI5
z!``7o8Bmnmh;^kCYdihN%en{SJpyr}OX%Syy#t}Jb@6exJ-k5S?kz4Ys&YeveM|7$
zsf$tvTweoZ;>R&;pV)cgn>>-T&G@wR{$IIo$EjK&h*SL@tMR_G4Vgrsr-%K=37cN+
zb@-+tjH=MuU?8)1y8eNTKKSm(dki(zi9E;=Lug5mN=HYF+5M+qd6GG9Z=6&w2VS=6
z=q_6aO*Nm~Jl5ouEH?uU;i+CwtJ4~e$pOe2Y`A+@CBmJZx%GD$X@DvVFNy1@?j0HT
zNLBP&|9ukmVk6)Ja-dmvdnBNhzBr{#M;kaX0`7K+Z~pLvzO&4DUftFxG>x{Cv;5ZN
zgrQbPa0?*9`(x{qZh|c4#M9|DEz>XF+E1qZUzasb*@2s<LS*)ni<a3fO7lGn5Vw2B
z$94NU`H|<!zC$yEw-0oOttW$62?9PM-FyN@3K%0!-B>`Pbr%NgieXH%!oxuNUhF5Q
z6W?^FDsh=xlgW24v77O@b6ZC&8_V3RP?8lSMoASplNqpKIuLt;_-n8I=eM#ePz~Dc
z<$y$(4E$EFH?s>>@giTxJb4{f!(8`ph)P>sA1t#OLv(nUa?xn!@)(n(!`<&+gsADC
zfrw*#2y+AxfF^zj14V;ynkZKlI=omklwpvja+CgUIB9gqeOV*8Z3;}cI6=2bQMeQC
z!XI~2vTN+S;-0TEZc%~B^f0gDyibp%g*vw^LD)E6hOvnL9-ZDz2xG|L%y5Vlg3E67
zQbn~K{Xy>&AZMNAqMx>LpE?z8KZ`wWMO)ESFsg&Tty|ec3GDxYA)s1}+Eq{bIY&;s
ze$Eg@eM(sguY5ByuC5Tgm<xwI#R2`U{Xpw|=nXU%NgPJVt1t~1|B>xAFs~;pwDs;a
zQOwvyerG(M)a_p#gM5TJzD$g+<+NIa3(F^RaC*7!rKsspF2JjSJXVpUNW9;>lOs^u
zT91^O^PsP+?L!UQ@UQ%!s(w8lQn?Xut)x38+1WWbU~f<2a$AiTL+@<P8TlU)Z+v%_
z;E(^+&zSQ$UD3(kKC{`aId2@NaaU4@BBHyE91%B8(k4mGm}g%VNMWmLr>@2qOp;b)
z00A~(dsYVD%$4xo;g}wb`Q}0Lh3WOzUcMKj-cg0#*tWRiq=^FPfIaAN`7|x5)5zMl
z*))pElJP(-XD;{?ph0T*I<_M}x)RDPKKx}W-7n9mdE)BR$XFCL#<2<VguhtsP>McY
zg+O18_{1N_7svmCjsGT_i6)3P``Ggb@eGE-2DUF)MfjNLXhT7(qMbp(v)h|}tv*6#
zeRwL1vOOdIrx@qRqRT`tQ_vJ9b?gk=$I}uwc?!)Z_y_L)q(BQDs|6UIl;nO6dgB&-
z2dazK>wmIqc>&|qSs=D1$d!}MemYk9InW8_1ddKAci5OJIX0!w|5@P`0iCS&=DF&+
zFUYbF1Q<~7KbSH7oTZZsm5wz-d-zkm$@Wu2BM^qi?lql)v5c@nmXZ(`l95huV2g!H
z0{b<jFB`VcGXgjL2B_kN79EQ{>hw5PS4~9qN}s|-)K27J%vEJtBFbf6t!>pA$+F3Q
z{Q4`J@N<uC*<?XQd6WA$=uDl4lk*IR4TNE-S@-Hp5_7>FtqG4C#s<l>8)q%Ezw$yr
zOX=3s61RK3AH*>Bts5dEmlMiXB9710Z%^Y_S1^?=Dfu&NVuQi5COj^0#M4hD({pd;
zdC;3&1wRQ#Sok5E$k3=KEu|6f&6kLWy%W3{^*@f>d|uJC`H4<fM^MfcTHE+N`1-+O
z{&<*n^N&TfMAiKlHx`nzCas9lKmq2c+vd-&Ap8NKb8X)RN`&_SB75ga<xbvz9-9Oj
z^6JFVa~`(XFr0vE9iUC!;M66ne>-wUR$1x;{Cd8PQftJw*l<DGgxeu!H=Fk+MXj;x
zCALcIFXK=0gcp(n@#^_Nk6c9cp$B44bO90@u<RE;qg<6@2OTC#2^Q{*nfb>7EHNO_
zbea)`CCaHRT>1LJ=8`6YaeyqoJwz0LMixkiJ)8Ml|0v0@|MjG`_N0H>KIrfSlpAla
z7Me{5qG_b9WOFb#n=LUlDN;xr&$1+Je1nzxdCTYt?;#u-%V`Ftp?)D3L((v5qU*gh
z$Imb*t72Y<NRepjqzW_jZpTms@cQ2heuE4yQNeH5_I(ymY`RpkN^z8wG<H}7x(Out
z`^YAq`x@50I|n7Yi<U!beY&awV)6$4iGCnoA&|-N1YVb!?OCyBV9$E$y4D&`02)|;
zHqaY9iV#bY7b+&j)N090PWllF)O&}hvg@QdAXZ_0X97@%ylU}wneK_gyxpb$ykT7P
z12!R@_KrAIsBuS35`LQuEJh3QUK<=sVR}Ah-VAMIjbgd3sQ!S$UCK%cCh~*0OU1$G
z^(QWZ)t_U3*}aJVNYMz8MG^8_WLZA=UULY^i5=63Y#U%W^tA3L=uYetUQcio<o=5A
zMcHF1=a$Gi7j4zHt{WR9cDd07&AJ2KJK`K>SEbwE03e|4NeEZ*GXlV;{sx^rE8~2}
z;T_<MA^I#9*{DgQvXGu19X2%Iv^gk}bGTxF2&6!}h^QBk3(j71sj$uByz!-u%Bio>
z;(N%3U~+H(90!-e`Fjes^kZb2<7(zS6M^2r_%FCf?CDA{``A@n?WmUN;Tm8Q0v5^2
zpUgfKO)<=LFeAsRaGiQ(;Nj9)9Ee@{#6AsuDoBX@bh$=TpL6)>=cN4C$c6NSENb{z
zG`W-^C+xyZ#4!!d2$PE-ZW@ycXEB^+-@T80_q4Cww=Rf=8ZE;-;i9$4g8G()oBQt{
zDh1ov=bCnsmygQvFlkX-h%)lKR6lg(1C%V`^t1S{<0nvp?Q(1}^0ZCtKSk)MH;e{4
z8oY`~8jAXW5{Ip?>wC+gj?}X!FO2a^9A|Q`jPSy4)>HHWUn&K;|2Eo5j22Dz)0Ik<
z&hY`V2s1IW@<Hr$ASr_y<mGy>4d{5eF~%h5tiD!jx=)UKk*dR~(T=k0YSX)_91EU2
zPQSSEKPUgK3HP)6kcIJLjhd|eqjM~Vc^VwbCjmm_f6}*?{86rt|EIj>LU#arc!=<d
z4Qmhlc3+9t(ml9?9E_{nZg+7iBzd8N9R2F8iAT3J`<>jvFD*m67?KV3@;|J;{;(tx
z{=+}X^$#nsBe$Wt=vQ!PzcBJjHC_}cL6mEPvRM1&e>-1WLUGe_7p?vDEmwG?naM6`
zbg&LZ%m8|b*I)bw+2DSI-ooDo9S4w#JrFwZI@q2280EiecIKwvy^Z~43H)}Wp3<?8
z_~3*Y02LWl8|fg_{NCzbxuS7hrI`faSb-H)K+k`l((Uct@wevQeMX?>np&)qn7TQ;
z7#1!3Ar8#)7r1h{{(zVX)D0kDB;FjG2oFssTU8&92mJ;~eFJb32SB|XFO6!n;Y$Tf
zct7>`xxe7DTg0|;Oh^4{-#b>bEM=V(_QuMlYd-dk#p8o_z4Kh1W-iWl=J(Q$C)Dmd
z<mbhAp}Cb<gA_5DcRH>*z*n_L<fCmqME&H+AzUoZC(+JUJ`<0WaquaYkd>5}I`{oK
z+A~pkOPMavrY3iICEcVov+$N+Ri@9!b!CPf-Yw>!)rU%Sfy!9vKtqF;-rC7s6&|2V
zqKx!nDo*`t`rBx4hl>4^vU{o_aGt21dJXs89ph!qT;r)7CG&5_zdElq1H?)4t(YVY
zK~_*r4y)Ia4zOZW*rtPm+$-XXLd(k<X$yf0`B&Tt$VrlCSKV#L>d%R@%C?Xu$aMcf
z(jwrND!$oLL5x8VSb42yy-SM0yNI>V)V=IAJO<{7p_gbCLDxo(!w_^4ZijO~(`pkj
z`O_J{@;i03$7cF~#mN7{!p=iX&PprRq4=D5lvm7@)SR`n)*s#tc5L0Dsn`7WGcUAn
z8`%G7!&o>UF<N*0Xn^~zWdR!5^hrG|pQ#sxjV5PJvjFOo_Hpu~h5^6~$39qUtwBl7
zrAANG{w25j=V|)IE+iw_r;cgRx9II~h<#bAdP+vB8zw&FvIBOQM;U+Z*qVV`uka3h
zAHQ=SVGHk`tcXk_BH4!#eAD92p|;D5+5o_`cvBiwS%WY(y?@%#*P3IFFEO?LM8k8!
ztvqg^pM3BoPsV`?02rQ-BADhLJ}LQyCh!9c%TJ&-OpdOTBii<rxt2OU!TQfusqfHb
z?3V;42MyY)IIj8p+;fxo^$zU@6bPQJ{J9SS%YZe9wYn(N8BJBTc66l52`LWPGcUfD
zYR`u}Qai1pn0KKf4(Sgglj#%khDL_f0sEx288iIWT{=quTwM9oUUq9s`>O%XBcYEM
z9RPO!S8Kkn?AwB|39B0abwLMfl#h@A)ouX3Dr(<SE7%rEffX+9ef-WuOscpqs8&*4
zR0V!?{JQd2`uZo7>m+1xkOp3;Pg<)o-i%jHvc8GU`f0M;b#RxSn?gVW(8oGr>DqS<
za$}qk$c`E{{=_#&2=C7?QMu+?8O-w_Xu;y%REFgc4}II+3%2}Y-aIoE1=-+KZ_KdD
z*z?m-GyVxt<Y`}*3lQ%SO_eC91=&cgcdbJIe4F0KSS=@eM%A-VdyGNQWE)^}hJD!V
zUUUgp)5u=v?%@NXHC#VSbd;+&h8OL0+`jXwy!`1&`IDKUL1PQc9ov9yBbNDz3Loi_
z<)i3{YmY8vhz_&P^Jf_+d{>iXSSWP|PK0JDom!r2VQuM<p0}1<**>b|(^u!j`y2F_
zHhjtacJrHU>%C^z2$d_Fph|^b_2sJG;>pLW`smL>v$^HwMO>o*6C@?;S!K-$(O{9~
zZ{O4pIuF_{<V^w-61I67Pg64=(^eg#D3>mm6OQSJ%v>E>B&5Lk!xh7dpmbsr&Eh4&
z7^~_g*W(UIFhznVCda>oXIr|rW7r{&_k`z=TlT#GxY55dyFW9$KmY&FtZpX{*y|1v
zRl5+Q1ak_`y?TOSb@2SQ;D|51XI~$aXgQ7ix7t^k3EeT_nU~)MEglIA@{!+C2)+~o
zkfmW~P$a_%F(3_)MeI@FKZ9MOwlQ^t1`K@Pd|vwhKGTpq4p{(P+iWmf<xBPd5(Oj9
zIvRG$miS9Ir_H6!0kPGuOlY?|xZa5)dPI1XF5%dlKt=-WIf7nnV>csHuSsgO$f_(+
z&-{gTslVW9iLgNTXi}a24SgY=sKp?~_?%~jGUlUcqEOh%ChsPyP5xfrOcg;Ut}B&A
zY_h`A+4i#Hr?LysxF=RY{+ndfPOy~8%io}?vh2ePc(leQtR;R*a)=k&jOPZopR?9{
zvB^Sm_B5v*RFnsv6;w5_&#1YkU(`FT5WYwqj_n%P9$7$dyRD%QpKZ-?f4vjTGck^$
zdH=Et_7hY`^}d`jwZR>9Gg(Z@x?pT*$!>ki>d7_gsyZmx5?vC|7C|{Ry}=aWEPf}}
zism;6a+bQKPRc?@(s>Qk=3POujBPE?dkH&)<^ow)+A<Yh-$3-EZ-E?h;uL#*X|s;2
zPKoU{VKnx~szOCuaqJdoD&TZ}GuazcyYi9%YeF;oC1hES(lGaVf38xoM0*aQ3uH2_
z<YdbfB_}QsS%`kmC%av@H<p8*J0!2yRyXR<2<Z&|#MsqD9Y;340)o_nSO|k(5&xD-
z2K3PL4eIcuhNo_X#!s?>`NWC$17~+@DY$F2(!Q8GF;nOm$i^v#-=GOJg$4-wq3JmZ
zhi^X&-&EXZslei#1=VsEZ!DMzyBY*lQcxE-x*Z;;U(PGFiLt)i5eNt|zHn|Te_y1p
z!Mv*ghh=g0rP=j!t{A=aK3mleWYNiADc>=geH91FlEcnBD`wa3*}Pz+gXB3g2>^a~
zqHHa!+38JfX?p?U+sLQ06URwHbY<}yEuXG6=ggmXmurVky3UZ9z$JmV&a}8Psvmb?
z)s`*d1NOQNJ^hL-`sqw8+q<AFaV|>^m4IICTs<IBXS3%$+Ts<SMFINx6736+cr)bA
z1N>XKAi+qjo*)!1wljW}-&&jSDJnRJu`vtDI2dkFc>W+q;d`xzUKwGDUOIURyO~D;
z)-<K7fbv=Z83EbMtFt~DVvk0_a)XP%L6QeJ`sD#+a@IqQ09VQt1UnLUN}O^MGOhKO
z!9S)p{W0^=6{lVR6X=q@Q2or2Q`&&^82XoyO10L0>IB5JnDSv;3UMpsU$PEHpic6a
zsk@V54J-pn{CUfFolY{=ZHwloUZx(KO`mO>xpF5a)-FTgqnD#vk%y@S^p9*3OQt}{
z*NPX;YC0`%#8O%N>nyW}EgVjr(`RdYJz=}X<#U~C2ai9B7Eymhi^ivVG&XO9^R5WA
z#pW1#yR!OcJ?=g_Q{)9Cj!T@vz>55q`p>!6Sj!wr=f;hYlA~Z^o+I<mOZWu4$qT5b
z84<0J?N*?8evA(C$5e2!3Dwj;<!?U|4P5D?3xD(}BOva~198U!h&w|K$AH`(fUPSZ
zCdt?FS$`3R@1i0Cm^UIR><;f8ojAuex1<<G-S*!k;AX8*t(ap@HrEEESK>G>*@d0g
z+7=l8{sjL*GuQN5cfA<S@Poi+#}y~LpdnS9u6}-Ry%d$TIu^PRho&BnhED7GHBtQl
z@%fZC22g(?GlLgWcO9`EIH{4~D{jG}M|bmIQ-D73e}44nPU8P@C-+bh(5*Wa5Hb<c
zg@>D|9PeG1Mld*7IImAujH<B^xnt*cWa<$TCi#Z?zV`L{7AIA{0v0t7v-l70{9#dp
z1<o08sL>BrB~*VM!Njb2z3NFk?_{5l3!Kbe*eoOgBLw8{*Jgk?clGFr<%R#eC)yiv
zJWn7Cn>PDku|L^#mMf>b0HXs;6P@`D+Ml)u_A5FDEC&q$V97d<B%Kj0Uoi&ikqdGI
z%fCUQN+UNoE?QqGF6{U?6^^h8;v008*`RU2*S^Yf#^boO0~!WJPVO~w$V>w_EC})6
zZwfE`OOWVKOpx5v7kw#Xv%zJ#gx8v*QC)NKNY3qYg^D60s}ecSFSK`ZFYhPmwrLbE
zr3AD*tFlP0^F7}iD=CkgQ3lrs?GosxCf??zxdzE$?|y_xgnuBQ?o(`+aMb~1&FJmx
zr1aOme!*?tj%PlU@K4LB#dq?GG){$GSAB0Q1T^wDPn`OxbUSyM{6w-lUI><`3OsV$
z=(p{d>w_vZqvcYMNBYZ7_l)0y03g{Anj9!yu4`yRjon(lC!%psi-z{t6#H(fx7?Lm
zN9fl;R_|z0pS{ce<MM9o&jRw{r?eE&LR(>IMJx|z(ZSX2tDN)}L}lodY|Rx!^>TV}
zEzdjUt?QKQ^efi5DC$X)?;R2Ht7?T;;YBrDfV`>!j_!`LRcd{9KAsx+@~cUz9z=!Y
z*_4iX;YwE;XD`@=Zf?AP1`w<rYltK{Z35i&wTsl!C1eq%t1e`jmfEfiJJ8ysEeTLT
z+d8}-$*V#;GgsCI4^7{UhSHddb~MkkiHeymqBJ8JS?d>yfdsT}`=e+$Y1)>!5n22G
zgw3Sg3gCO=j;45}Z-^>3r_h^h67%z8U23ZmS+ZJQg(9Ua4ABC!VqMV*^D!vTnR7Ze
z0KQ{{w@hxg0{HG2{ZTK(zYpR4M~OtvS8^rdmwlSS|1jHNw+Qkh{3sk|?ydH`_ve8O
zcnev{bbtGni<;KJL1NGy^(i%&C{CsZ&do;|d1Ddm5~9*y?r0Jpv}GN-li+#?nHPm?
zA{|;aYTU2-)#{>%ulh9FBBWP#IRf=co{>c{(4vxnUC+rgUUCFTc%`z~nfLxVU6%1D
zb}yx7jm3sY-!BSOC`)|}k5ZO9H_NjFe~<i@Oh8gLj|y2&fmZ}LIlzMGAF(P}d~gw|
zpd?;A00gT{0AK_C;s5siKQG3g^XW-IvIJgG-3<VO!~+s@{$coZeM~~smqfitisfVA
zbvA~-HT8|$*;qw^muh`fWvhC=X|J2y6xuG~+>b6_c#}7tbtu2}RqG?LlBM1MKkUd%
z|D4*xL%SK=7F7vlSq?Dn{?OHv{iXU%&ibiJ$<uHb&~fMQwD@$)fh0w=cJmgy#oFO+
zW#4j@oBtKYj}lipuL~TkEiGxV(yaIY|F&Dp|Kfa*zlZlkIp2VQf4R$DEW+8dPYp)y
KO|{#5)%+JC)oXA7

literal 0
HcmV?d00001

diff --git a/江西城市生命线-可交互原型/frontend/src/App.vue b/江西城市生命线-可交互原型/frontend/src/App.vue
new file mode 100644
index 00000000..05e892fd
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/App.vue
@@ -0,0 +1,47 @@
+<template>
+  <div class="app-container">
+    <Sidebar 
+      v-if="!isFullPageRoute"
+      :collapsed="sidebarCollapsed" 
+      @toggle="sidebarCollapsed = !sidebarCollapsed" 
+    />
+    <main class="main-content" :class="{ 'full-page': isFullPageRoute }">
+      <router-view />
+    </main>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed } from 'vue'
+import { useRoute } from 'vue-router'
+import Sidebar from '@/components/Sidebar.vue'
+
+const sidebarCollapsed = ref(false)
+const route = useRoute()
+
+// 判断是否为全页面路由（不需要显示侧边栏）
+const isFullPageRoute = computed(() => {
+  return route.path === '/admin'
+})
+</script>
+
+<style lang="scss">
+.app-container {
+  display: flex;
+  height: 100vh;
+  width: 100vw;
+  overflow: hidden;
+  background-color: #f5f5f5;
+}
+
+.main-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  
+  &.full-page {
+    width: 100vw;
+  }
+}
+</style>
diff --git a/江西城市生命线-可交互原型/frontend/src/api/project.js b/江西城市生命线-可交互原型/frontend/src/api/project.js
new file mode 100644
index 00000000..033ee110
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/api/project.js
@@ -0,0 +1,221 @@
+/**
+ * 项目管理 API 服务
+ */
+
+import axios from 'axios'
+
+const API_BASE_URL = import.meta.env.VITE_API_BASE_URL || '/api'
+
+// 创建 axios 实例
+const apiClient = axios.create({
+  baseURL: API_BASE_URL,
+  timeout: 10000,
+  headers: {
+    'Content-Type': 'application/json'
+  }
+})
+
+// 请求拦截器
+apiClient.interceptors.request.use(
+  config => {
+    // 可以在这里添加 token
+    const token = localStorage.getItem('token')
+    if (token) {
+      config.headers.Authorization = `Bearer ${token}`
+    }
+    return config
+  },
+  error => {
+    return Promise.reject(error)
+  }
+)
+
+// 响应拦截器
+apiClient.interceptors.response.use(
+  response => {
+    return response.data
+  },
+  error => {
+    console.error('API Error:', error)
+    return Promise.reject(error)
+  }
+)
+
+/**
+ * 项目管理 API
+ */
+export const projectApi = {
+  /**
+   * 获取项目列表
+   * @param {Object} params - 查询参数
+   * @returns {Promise}
+   */
+  getProjects(params = {}) {
+    return apiClient.get('/projects', { params })
+  },
+
+  /**
+   * 获取项目详情
+   * @param {Number} projectId - 项目ID
+   * @returns {Promise}
+   */
+  getProjectDetail(projectId) {
+    return apiClient.get(`/projects/${projectId}`)
+  },
+
+  /**
+   * 创建项目
+   * @param {Object} data - 项目数据
+   * @returns {Promise}
+   */
+  createProject(data) {
+    return apiClient.post('/projects', data)
+  },
+
+  /**
+   * 更新项目
+   * @param {Number} projectId - 项目ID
+   * @param {Object} data - 项目数据
+   * @returns {Promise}
+   */
+  updateProject(projectId, data) {
+    return apiClient.put(`/projects/${projectId}`, data)
+  },
+
+  /**
+   * 删除项目
+   * @param {Number} projectId - 项目ID
+   * @returns {Promise}
+   */
+  deleteProject(projectId) {
+    return apiClient.delete(`/projects/${projectId}`)
+  },
+
+  /**
+   * 更新文件提交信息
+   * @param {Number} projectId - 项目ID
+   * @param {Object} data - 提交信息
+   * @returns {Promise}
+   */
+  updateSubmission(projectId, data) {
+    return apiClient.put(`/projects/${projectId}/submission`, data)
+  },
+
+  /**
+   * 标记为已提交
+   * @param {Number} projectId - 项目ID
+   * @param {Object} data - 提交确认信息
+   * @returns {Promise}
+   */
+  markAsSubmitted(projectId, data) {
+    return apiClient.post(`/projects/${projectId}/submit`, data)
+  },
+
+  /**
+   * 更新开标信息
+   * @param {Number} projectId - 项目ID
+   * @param {Object} data - 开标信息
+   * @returns {Promise}
+   */
+  updateBiddingInfo(projectId, data) {
+    return apiClient.put(`/projects/${projectId}/bidding`, data)
+  },
+
+  /**
+   * 上传开标媒体文件
+   * @param {Number} projectId - 项目ID
+   * @param {FormData} formData - 文件数据
+   * @returns {Promise}
+   */
+  uploadBiddingMedia(projectId, formData) {
+    return apiClient.post(`/projects/${projectId}/bidding/media`, formData, {
+      headers: {
+        'Content-Type': 'multipart/form-data'
+      }
+    })
+  },
+
+  /**
+   * 更新结果公示
+   * @param {Number} projectId - 项目ID
+   * @param {Object} data - 结果信息
+   * @returns {Promise}
+   */
+  updateResult(projectId, data) {
+    return apiClient.put(`/projects/${projectId}/result`, data)
+  },
+
+  /**
+   * 添加经验总结
+   * @param {Number} projectId - 项目ID
+   * @param {Object} data - 经验总结
+   * @returns {Promise}
+   */
+  addExperience(projectId, data) {
+    return apiClient.post(`/projects/${projectId}/experience`, data)
+  },
+
+  /**
+   * 归档项目
+   * @param {Number} projectId - 项目ID
+   * @param {Object} data - 归档信息
+   * @returns {Promise}
+   */
+  archiveProject(projectId, data) {
+    return apiClient.post(`/projects/${projectId}/archive`, data)
+  },
+
+  /**
+   * 导出项目信息
+   * @param {Number} projectId - 项目ID
+   * @returns {Promise}
+   */
+  exportProject(projectId) {
+    return apiClient.get(`/projects/${projectId}/export`, {
+      responseType: 'blob'
+    })
+  },
+
+  /**
+   * 下载文件
+   * @param {Number} projectId - 项目ID
+   * @param {String} fileType - 文件类型
+   * @returns {Promise}
+   */
+  downloadFile(projectId, fileType) {
+    return apiClient.get(`/projects/${projectId}/files/${fileType}`, {
+      responseType: 'blob'
+    })
+  }
+}
+
+/**
+ * 文件上传辅助函数
+ * @param {File} file - 文件对象
+ * @param {String} type - 文件类型
+ * @returns {FormData}
+ */
+export function createFileFormData(file, type) {
+  const formData = new FormData()
+  formData.append('file', file)
+  formData.append('type', type)
+  return formData
+}
+
+/**
+ * 下载文件辅助函数
+ * @param {Blob} blob - 文件数据
+ * @param {String} filename - 文件名
+ */
+export function downloadBlob(blob, filename) {
+  const url = window.URL.createObjectURL(blob)
+  const link = document.createElement('a')
+  link.href = url
+  link.download = filename
+  document.body.appendChild(link)
+  link.click()
+  document.body.removeChild(link)
+  window.URL.revokeObjectURL(url)
+}
+
+export default projectApi
diff --git a/江西城市生命线-可交互原型/frontend/src/components/Sidebar.vue b/江西城市生命线-可交互原型/frontend/src/components/Sidebar.vue
new file mode 100644
index 00000000..13a68e26
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/components/Sidebar.vue
@@ -0,0 +1,269 @@
+<template>
+  <aside class="sidebar" :class="{ collapsed: collapsed }">
+    <div class="sidebar-header">
+      <div class="logo">
+        <img src="/logo.jpg" alt="Logo" class="logo-img" />
+        <span v-if="!collapsed" class="logo-text">AI数智化平台</span>
+      </div>
+      <div class="collapse-btn" @click="$emit('toggle')">
+        <el-icon><DArrowLeft v-if="!collapsed" /><DArrowRight v-else /></el-icon>
+      </div>
+    </div>
+
+    <nav class="nav-menu">
+      <div class="nav-section">
+        <div
+          v-for="item in menuItems"
+          :key="item.key"
+          class="nav-item"
+          :class="{ active: activeMenu === item.key }"
+          @click="handleMenuClick(item)"
+        >
+          <el-icon><component :is="item.icon" /></el-icon>
+          <span v-if="!collapsed">{{ item.label }}</span>
+        </div>
+      </div>
+
+    </nav>
+
+    <!-- User Info -->
+    <el-dropdown class="user-section" trigger="click" @command="handleUserCommand">
+      <div class="user-info-wrapper">
+        <div class="user-avatar">
+          <img src="/avatar.svg" alt="User" @error="handleAvatarError" />
+        </div>
+        <span v-if="!collapsed" class="user-name">李志鹏</span>
+      </div>
+      <template #dropdown>
+        <el-dropdown-menu>
+          <el-dropdown-item command="profile">
+            <el-icon><User /></el-icon>
+            个人中心
+          </el-dropdown-item>
+          <el-dropdown-item command="admin" divided>
+            <el-icon><Setting /></el-icon>
+            管理后台
+          </el-dropdown-item>
+        </el-dropdown-menu>
+      </template>
+    </el-dropdown>
+  </aside>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { useRouter } from 'vue-router'
+import {
+  Plus,
+  Collection,
+  Warning,
+  Document,
+  Edit,
+  Tickets,
+  DataLine,
+  Grid,
+  Service,
+  Refresh,
+  ChatDotRound,
+  DArrowLeft,
+  DArrowRight,
+  User,
+  Setting,
+  Connection
+} from '@element-plus/icons-vue'
+
+const props = defineProps({
+  collapsed: {
+    type: Boolean,
+    default: false
+  }
+})
+
+const router = useRouter()
+const activeMenu = ref('chat')
+
+const menuItems = [
+  { key: 'chat', label: '泰豪AI助手', icon: 'ChatDotRound', path: '/' },
+  { key: 'apps', label: '全部应用', icon: 'Grid', path: '/apps' },
+  { key: 'workflow', label: '智能体编排', icon: 'Connection', path: '/workflow' },
+  { key: 'bidding', label: '招标助手', icon: 'Document', path: '/bidding' },
+  { key: 'service', label: '泰豪小电（客服）', icon: 'Service', path: '/service' }
+]
+
+const emit = defineEmits(['toggle'])
+
+const handleMenuClick = (item) => {
+  activeMenu.value = item.key
+  router.push(item.path)
+}
+
+
+const handleAvatarError = (e) => {
+  e.target.src = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiByPSI1MCIgZmlsbD0iI2ZmZTRjNCIvPjxjaXJjbGUgY3g9IjUwIiBjeT0iNDAiIHI9IjIwIiBmaWxsPSIjZmZkMWExIi8+PGVsbGlwc2UgY3g9IjUwIiBjeT0iODAiIHJ4PSIyNSIgcnk9IjE1IiBmaWxsPSIjZmY2YjZiIi8+PC9zdmc+'
+}
+
+const handleUserCommand = (command) => {
+  if (command === 'profile') {
+    router.push('/profile')
+  } else if (command === 'admin') {
+    router.push('/admin')
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.sidebar {
+  width: 220px;
+  height: 100%;
+  background: #F0EAF4;
+  display: flex;
+  flex-direction: column;
+  color: #333;
+  flex-shrink: 0;
+  transition: width 0.3s ease;
+  
+  &.collapsed {
+    width: 64px;
+    
+    .sidebar-header {
+      padding: 16px 12px;
+      justify-content: center;
+      
+      .logo {
+        justify-content: center;
+      }
+      
+      .collapse-btn {
+        position: static;
+        margin-left: 0;
+      }
+    }
+    
+    .nav-item {
+      justify-content: center;
+      padding: 12px;
+    }
+    
+    .user-section {
+      justify-content: center;
+      padding: 16px 12px;
+    }
+  }
+}
+
+.sidebar-header {
+  padding: 16px 20px;
+  border-bottom: 1px solid rgba(0, 0, 0, 0.08);
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+}
+
+.collapse-btn {
+  width: 28px;
+  height: 28px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  border-radius: 6px;
+  cursor: pointer;
+  color: #888;
+  transition: all 0.2s;
+  
+  &:hover {
+    background: rgba(124, 58, 237, 0.1);
+    color: #7c3aed;
+  }
+}
+
+.logo {
+  display: flex;
+  align-items: center;
+  gap: 10px;
+  
+  .logo-img {
+    width: 40px;
+    height: 40px;
+    border-radius: 6px;
+    object-fit: contain;
+    background: #fff;
+    padding: 2px;
+  }
+  
+  .logo-text {
+    font-size: 16px;
+    font-weight: 600;
+  }
+}
+
+.nav-menu {
+  flex: 1;
+  overflow-y: auto;
+  padding: 12px 0;
+}
+
+.nav-item {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 14px 20px;
+  margin-bottom: 4px;
+  cursor: pointer;
+  transition: all 0.2s ease;
+  color: #555;
+  font-size: 14px;
+  
+  &:hover {
+    background: rgba(124, 58, 237, 0.1);
+    color: #7c3aed;
+  }
+  
+  &.active {
+    background: rgba(124, 58, 237, 0.15);
+    color: #7c3aed;
+  }
+  
+  .el-icon {
+    font-size: 18px;
+  }
+}
+
+.nav-section {
+  padding: 8px 0;
+}
+
+
+.user-section {
+  padding: 16px 20px;
+  border-top: 1px solid rgba(0, 0, 0, 0.08);
+  cursor: pointer;
+  transition: background 0.2s;
+  
+  &:hover {
+    background: rgba(124, 58, 237, 0.05);
+  }
+  
+  .user-info-wrapper {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+  }
+  
+  .user-avatar {
+    width: 36px;
+    height: 36px;
+    
+    img {
+      width: 100%;
+      height: 100%;
+      border-radius: 50%;
+      object-fit: cover;
+    }
+  }
+  
+  .user-name {
+    font-size: 14px;
+    font-weight: 500;
+  }
+}
+</style>
diff --git a/江西城市生命线-可交互原型/frontend/src/components/UserPanel.vue b/江西城市生命线-可交互原型/frontend/src/components/UserPanel.vue
new file mode 100644
index 00000000..a048b6ba
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/components/UserPanel.vue
@@ -0,0 +1,79 @@
+<template>
+  <aside class="user-panel">
+    <div class="user-avatar">
+      <div class="avatar-wrapper">
+        <img src="/avatar.svg" alt="User Avatar" @error="handleAvatarError" />
+        <div class="mic-icon">
+          <el-icon><Microphone /></el-icon>
+        </div>
+      </div>
+      <span class="user-name">{{ userName }}</span>
+    </div>
+  </aside>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { Microphone } from '@element-plus/icons-vue'
+
+const userName = ref('李志鹏')
+
+const handleAvatarError = (e) => {
+  e.target.src = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAxMDAgMTAwIj48Y2lyY2xlIGN4PSI1MCIgY3k9IjUwIiByPSI1MCIgZmlsbD0iI2ZmZTRjNCIvPjxjaXJjbGUgY3g9IjUwIiBjeT0iNDAiIHI9IjIwIiBmaWxsPSIjZmZkMWExIi8+PGVsbGlwc2UgY3g9IjUwIiBjeT0iODAiIHJ4PSIyNSIgcnk9IjE1IiBmaWxsPSIjZmY2YjZiIi8+PC9zdmc+'
+}
+</script>
+
+<style lang="scss" scoped>
+.user-panel {
+  width: 100px;
+  background: #f9fafb;
+  border-left: 1px solid #e5e7eb;
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  padding: 20px 10px;
+}
+
+.user-avatar {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 8px;
+  
+  .avatar-wrapper {
+    position: relative;
+    width: 60px;
+    height: 60px;
+    
+    img {
+      width: 100%;
+      height: 100%;
+      border-radius: 50%;
+      object-fit: cover;
+      border: 2px solid #e5e7eb;
+    }
+    
+    .mic-icon {
+      position: absolute;
+      bottom: -4px;
+      right: -4px;
+      width: 24px;
+      height: 24px;
+      background: #10b981;
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #fff;
+      font-size: 12px;
+      border: 2px solid #fff;
+    }
+  }
+  
+  .user-name {
+    font-size: 12px;
+    color: #374151;
+    font-weight: 500;
+  }
+}
+</style>
diff --git a/江西城市生命线-可交互原型/frontend/src/components/project/BiddingInfo.vue b/江西城市生命线-可交互原型/frontend/src/components/project/BiddingInfo.vue
new file mode 100644
index 00000000..beba0c18
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/components/project/BiddingInfo.vue
@@ -0,0 +1,804 @@
+<template>
+  <div class="bidding-info-panel">
+    <!-- 开标会议信息 -->
+    <el-card class="section-card">
+      <template #header>
+        <div class="card-header">
+          <h3>
+            <el-icon><Bell /></el-icon>
+            开标会议信息
+          </h3>
+        </div>
+      </template>
+
+      <div class="info-grid">
+        <!-- 开标时间 -->
+        <div class="info-section">
+          <h4>📅 开标时间</h4>
+          <div class="info-content">
+            <div class="info-item">
+              <span class="label">日期:</span>
+              <el-date-picker
+                v-model="biddingInfo.dateValue"
+                type="date"
+                placeholder="选择日期"
+                format="YYYY-MM-DD"
+                value-format="YYYY-MM-DD"
+                style="width: 200px;"
+              />
+            </div>
+            <div class="info-item">
+              <span class="label">时间:</span>
+              <el-time-picker
+                v-model="biddingInfo.timeValue"
+                placeholder="选择时间"
+                format="HH:mm:ss"
+                value-format="HH:mm:ss"
+                style="width: 150px;"
+              />
+            </div>
+            <div class="info-item">
+              <span class="label">倒计时:</span>
+              <el-tag type="warning" size="large">
+                <el-icon><Clock /></el-icon>
+                {{ biddingInfo.countdown }}
+              </el-tag>
+            </div>
+            <div class="info-item">
+              <span class="label">状态:</span>
+              <el-tag type="warning" size="large">
+                🟡 {{ biddingInfo.statusText }}
+              </el-tag>
+            </div>
+          </div>
+        </div>
+
+        <!-- 开标地点 -->
+        <div class="info-section">
+          <h4>📍 开标地点</h4>
+          <div class="info-content">
+            <div class="info-item">
+              <span class="label">地址:</span>
+              <el-input
+                v-model="biddingInfo.location.address"
+                placeholder="请输入开标地址"
+                style="width: 300px;"
+              />
+            </div>
+            <div class="info-item">
+              <span class="label">联系电话:</span>
+              <el-input
+                v-model="biddingInfo.location.phone"
+                placeholder="请输入联系电话"
+                style="width: 200px;"
+              />
+            </div>
+            <div class="info-item">
+              <span class="label">备注:</span>
+              <el-input
+                v-model="biddingInfo.location.note"
+                type="textarea"
+                :rows="2"
+                placeholder="请输入备注信息"
+                style="width: 300px;"
+              />
+            </div>
+          </div>
+        </div>
+
+        <!-- 参会人员 -->
+        <div class="info-section">
+          <h4>👥 参会人员</h4>
+          <div class="info-content">
+            <div 
+              v-for="(person, index) in biddingInfo.attendees" 
+              :key="index"
+              class="info-item editable-person"
+            >
+              <span class="label">{{ person.role }}:</span>
+              <div class="person-inputs">
+                <el-input
+                  v-model="person.name"
+                  placeholder="姓名"
+                  style="width: 120px;"
+                />
+                <el-input
+                  v-model="person.phone"
+                  placeholder="电话"
+                  style="width: 150px;"
+                />
+                <el-button
+                  link
+                  type="danger"
+                  size="small"
+                  @click="removePerson(index)"
+                >
+                  <el-icon><Delete /></el-icon>
+                  删除
+                </el-button>
+              </div>
+            </div>
+            <el-button
+              type="primary"
+              plain
+              size="small"
+              @click="addPerson"
+              style="margin-top: 12px;"
+            >
+              <el-icon><Plus /></el-icon>
+              添加参会人员
+            </el-button>
+          </div>
+        </div>
+
+        <!-- 开标流程 -->
+        <div class="info-section">
+          <h4>📋 开标流程</h4>
+          <div class="info-content">
+            <el-timeline>
+              <el-timeline-item
+                v-for="(step, index) in biddingInfo.process"
+                :key="index"
+                :timestamp="step.time"
+              >
+                {{ step.description }}
+              </el-timeline-item>
+            </el-timeline>
+          </div>
+        </div>
+      </div>
+    </el-card>
+
+    <!-- 开标记录 -->
+    <el-card class="section-card">
+      <template #header>
+        <div class="card-header">
+          <h3>
+            <el-icon><Document /></el-icon>
+            开标记录
+          </h3>
+        </div>
+      </template>
+
+      <div class="record-summary">
+        <div class="summary-item">
+          <span class="summary-label">参与投标单位:</span>
+          <span class="summary-value">{{ biddingInfo.record.totalBidders }}家</span>
+        </div>
+        <div class="summary-item">
+          <span class="summary-label">我方报价排名:</span>
+          <span class="summary-value highlight">第{{ biddingInfo.record.ourRanking }}名</span>
+        </div>
+        <div class="summary-item">
+          <span class="summary-label">最高报价:</span>
+          <span class="summary-value">{{ formatPrice(biddingInfo.record.highestPrice) }}</span>
+        </div>
+        <div class="summary-item">
+          <span class="summary-label">最低报价:</span>
+          <span class="summary-value">{{ formatPrice(biddingInfo.record.lowestPrice) }}</span>
+        </div>
+        <div class="summary-item">
+          <span class="summary-label">我方报价:</span>
+          <span class="summary-value price">{{ formatPrice(biddingInfo.record.ourPrice) }}</span>
+        </div>
+        <div class="summary-item">
+          <span class="summary-label">控制价:</span>
+          <span class="summary-value">{{ formatPrice(biddingInfo.record.controlPrice) }}</span>
+        </div>
+      </div>
+
+      <div class="bidders-table">
+        <div class="table-header">
+          <h4>所有投标单位报价</h4>
+          <el-button type="primary" size="small" @click="addBidder">
+            <el-icon><Plus /></el-icon>
+            添加投标单位
+          </el-button>
+        </div>
+        <el-table :data="biddingInfo.record.allBidders" border stripe>
+          <el-table-column label="排名" width="80" align="center">
+            <template #default="{ row }">
+              <el-input-number
+                v-model="row.rank"
+                :min="1"
+                :max="99"
+                controls-position="right"
+                size="small"
+              />
+            </template>
+          </el-table-column>
+          <el-table-column label="投标单位" min-width="250">
+            <template #default="{ row }">
+              <el-input
+                v-model="row.company"
+                placeholder="请输入投标单位名称"
+                :class="{ 'our-company-input': row.isOur }"
+              />
+            </template>
+          </el-table-column>
+          <el-table-column label="报价金额" width="180" align="right">
+            <template #default="{ row }">
+              <el-input-number
+                v-model="row.price"
+                :min="0"
+                :precision="2"
+                :step="1000"
+                controls-position="right"
+                :class="{ 'our-price-input': row.isOur }"
+              />
+            </template>
+          </el-table-column>
+          <el-table-column label="工期(天)" width="120" align="center">
+            <template #default="{ row }">
+              <el-input-number
+                v-model="row.workDays"
+                :min="1"
+                :max="999"
+                controls-position="right"
+                size="small"
+              />
+            </template>
+          </el-table-column>
+          <el-table-column label="操作" width="150" align="center">
+            <template #default="{ row, $index }">
+              <el-button
+                link
+                type="primary"
+                size="small"
+                @click="markAsOur($index)"
+                :disabled="row.isOur"
+              >
+                {{ row.isOur ? '我方' : '标记为我方' }}
+              </el-button>
+              <el-button
+                link
+                type="danger"
+                size="small"
+                @click="removeBidder($index)"
+              >
+                删除
+              </el-button>
+            </template>
+          </el-table-column>
+        </el-table>
+      </div>
+
+      <div class="record-actions">
+        <el-button type="success" @click="saveBiddingRecord">
+          <el-icon><Check /></el-icon>
+          保存开标记录
+        </el-button>
+        <el-button type="primary" @click="downloadRecord">
+          <el-icon><Download /></el-icon>
+          下载开标记录表
+        </el-button>
+      </div>
+    </el-card>
+
+    <!-- 现场照片/视频 -->
+    <el-card class="section-card">
+      <template #header>
+        <div class="card-header">
+          <h3>
+            <el-icon><Picture /></el-icon>
+            现场照片/视频
+          </h3>
+          <div class="header-actions">
+            <el-button size="small" @click="uploadPhoto">
+              <el-icon><Upload /></el-icon>
+              上传照片
+            </el-button>
+            <el-button size="small" @click="uploadVideo">
+              <el-icon><VideoCamera /></el-icon>
+              上传视频
+            </el-button>
+          </div>
+        </div>
+      </template>
+
+      <div class="media-grid">
+        <div v-for="photo in biddingInfo.media.photos" :key="photo.url" class="media-item">
+          <img :src="photo.url" :alt="photo.description" />
+          <div class="media-info">
+            <span class="media-desc">{{ photo.description }}</span>
+            <span class="media-time">{{ photo.uploadTime }}</span>
+          </div>
+        </div>
+      </div>
+
+      <div v-if="biddingInfo.media.videos.length > 0" class="video-list">
+        <div v-for="video in biddingInfo.media.videos" :key="video.url" class="video-item">
+          <el-icon class="video-icon"><VideoCamera /></el-icon>
+          <div class="video-info">
+            <span class="video-desc">{{ video.description }}</span>
+            <span class="video-meta">{{ video.uploadTime }} · {{ video.duration }}</span>
+          </div>
+          <el-button link type="primary" @click="playVideo(video)">
+            <el-icon><VideoPlay /></el-icon>
+            播放
+          </el-button>
+        </div>
+      </div>
+    </el-card>
+
+    <!-- 操作按钮 -->
+    <div class="action-buttons">
+      <el-button size="large" @click="editBiddingInfo">
+        <el-icon><Edit /></el-icon>
+        编辑开标信息
+      </el-button>
+      <el-button size="large" @click="setReminder">
+        <el-icon><Bell /></el-icon>
+        设置开标提醒
+      </el-button>
+      <el-button size="large" type="primary" @click="exportReport">
+        <el-icon><Download /></el-icon>
+        导出开标报告
+      </el-button>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { 
+  Bell, Clock, Document, View, 
+  Download, Picture, Upload, VideoCamera, VideoPlay, Edit, Delete, Plus, Check
+} from '@element-plus/icons-vue'
+
+const props = defineProps({
+  project: {
+    type: Object,
+    required: true
+  }
+})
+
+const emit = defineEmits(['update'])
+
+// 开标信息数据
+const biddingInfo = ref({
+  date: '2024-12-15 (星期日)',
+  time: '09:30:00',
+  dateValue: '2024-12-15',  // 日期选择器绑定值
+  timeValue: '09:30:00',    // 时间选择器绑定值
+  countdown: '还剩6天2小时15分钟',
+  statusText: '待开标',
+  
+  location: {
+    address: 'XX市公共资源交易中心3楼开标室A',
+    phone: '0791-88888888',
+    note: '需携带法人授权委托书原件及身份证'
+  },
+  
+  attendees: [
+    { role: '投标代表', name: '张三', phone: '13800138000' },
+    { role: '技术负责人', name: '李四', phone: '13900139000' },
+    { role: '备选人员', name: '王五', phone: '13700137000' }
+  ],
+  
+  process: [
+    { time: '09:00 - 09:30', description: '签到入场' },
+    { time: '09:30 - 09:45', description: '宣读开标纪律' },
+    { time: '09:45 - 10:30', description: '唱标(报价、工期等)' },
+    { time: '10:30 - 11:00', description: '投标文件密封检查' },
+    { time: '11:00 - 11:30', description: '答疑与记录' }
+  ],
+  
+  record: {
+    totalBidders: 8,
+    ourRanking: 3,
+    highestPrice: 3200000.00,
+    lowestPrice: 2650000.00,
+    ourPrice: 2850000.00,
+    controlPrice: 3500000.00,
+    
+    allBidders: [
+      { rank: 1, company: 'XX机电设备有限公司', price: 2650000.00, workDays: 55 },
+      { rank: 2, company: 'XX电力工程有限公司', price: 2750000.00, workDays: 60 },
+      { rank: 3, company: '我方(XX电力设备有限公司)', price: 2850000.00, workDays: 60, isOur: true },
+      { rank: 4, company: 'XX建设集团', price: 2900000.00, workDays: 65 },
+      { rank: 5, company: 'XX科技股份', price: 2950000.00, workDays: 70 },
+      { rank: 6, company: 'XX工程公司', price: 3050000.00, workDays: 60 },
+      { rank: 7, company: 'XX实业有限公司', price: 3100000.00, workDays: 75 },
+      { rank: 8, company: 'XX集团', price: 3200000.00, workDays: 80 }
+    ]
+  },
+  
+  media: {
+    photos: [
+      { url: '/images/bidding-1.jpg', uploadTime: '2024-12-15 09:35:00', description: '签到现场' },
+      { url: '/images/bidding-2.jpg', uploadTime: '2024-12-15 10:15:00', description: '唱标现场' }
+    ],
+    videos: [
+      { url: '/videos/bidding-record.mp4', uploadTime: '2024-12-15 12:00:00', description: '开标会议录音', duration: '2小时15分' }
+    ]
+  }
+})
+
+// 格式化价格
+const formatPrice = (price) => {
+  return '¥' + price.toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 })
+}
+
+// 方法
+// 添加参会人员
+const addPerson = () => {
+  biddingInfo.value.attendees.push({
+    role: '参会人员',
+    name: '',
+    phone: ''
+  })
+  ElMessage.success('已添加参会人员，请填写信息')
+}
+
+// 删除参会人员
+const removePerson = (index) => {
+  ElMessageBox.confirm('确定要删除这个参会人员吗？', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => {
+    biddingInfo.value.attendees.splice(index, 1)
+    ElMessage.success('删除成功')
+  }).catch(() => {
+    ElMessage.info('已取消删除')
+  })
+}
+
+// 添加投标单位
+const addBidder = () => {
+  const newRank = biddingInfo.value.record.allBidders.length + 1
+  biddingInfo.value.record.allBidders.push({
+    rank: newRank,
+    company: '',
+    price: 0,
+    workDays: 60,
+    isOur: false
+  })
+  ElMessage.success('已添加投标单位，请填写信息')
+}
+
+// 删除投标单位
+const removeBidder = (index) => {
+  ElMessageBox.confirm('确定要删除这个投标单位吗？', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => {
+    biddingInfo.value.record.allBidders.splice(index, 1)
+    // 重新排序
+    biddingInfo.value.record.allBidders.forEach((bidder, idx) => {
+      bidder.rank = idx + 1
+    })
+    ElMessage.success('删除成功')
+  }).catch(() => {
+    ElMessage.info('已取消删除')
+  })
+}
+
+// 标记为我方
+const markAsOur = (index) => {
+  // 先清除所有的我方标记
+  biddingInfo.value.record.allBidders.forEach(bidder => {
+    bidder.isOur = false
+  })
+  // 标记当前为我方
+  biddingInfo.value.record.allBidders[index].isOur = true
+  ElMessage.success('已标记为我方')
+}
+
+// 保存开标记录
+const saveBiddingRecord = () => {
+  // 验证数据
+  const hasEmpty = biddingInfo.value.record.allBidders.some(
+    b => !b.company || b.price <= 0
+  )
+  
+  if (hasEmpty) {
+    ElMessage.warning('请完整填写所有投标单位信息')
+    return
+  }
+  
+  ElMessage.success('开标记录已保存')
+  emit('update')
+}
+
+const downloadRecord = () => {
+  ElMessage.success('开标记录表已下载')
+}
+
+const uploadPhoto = () => {
+  ElMessage.info('打开照片上传对话框')
+}
+
+const uploadVideo = () => {
+  ElMessage.info('打开视频上传对话框')
+}
+
+const playVideo = (video) => {
+  ElMessage.info(`播放视频: ${video.description}`)
+}
+
+const editBiddingInfo = () => {
+  ElMessage.info('进入编辑模式')
+  emit('update')
+}
+
+const setReminder = () => {
+  ElMessage.success('开标提醒已设置')
+}
+
+const exportReport = () => {
+  ElMessage.success('开标报告已导出')
+}
+</script>
+
+<style lang="scss" scoped>
+.bidding-info-panel {
+  .section-card {
+    margin-bottom: 24px;
+
+    .card-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+
+      h3 {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        font-size: 18px;
+        font-weight: 600;
+        color: #1f2937;
+        margin: 0;
+      }
+
+      .header-actions {
+        display: flex;
+        gap: 8px;
+      }
+    }
+  }
+
+  .info-grid {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 24px;
+
+    .info-section {
+      h4 {
+        font-size: 16px;
+        font-weight: 600;
+        color: #1f2937;
+        margin: 0 0 16px 0;
+      }
+
+      .info-content {
+        .info-item {
+          display: flex;
+          align-items: flex-start;
+          gap: 12px;
+          padding: 12px 0;
+          border-bottom: 1px solid #f3f4f6;
+
+          &:last-child {
+            border-bottom: none;
+          }
+
+          .label {
+            font-size: 14px;
+            color: #6b7280;
+            min-width: 80px;
+            flex-shrink: 0;
+          }
+
+          .value {
+            font-size: 14px;
+            color: #1f2937;
+            font-weight: 500;
+            flex: 1;
+
+            &.note {
+              color: #f59e0b;
+            }
+          }
+
+          .action-links {
+            display: flex;
+            gap: 12px;
+          }
+
+          &.editable-person {
+            .person-inputs {
+              display: flex;
+              align-items: center;
+              gap: 12px;
+              flex: 1;
+            }
+          }
+        }
+      }
+    }
+  }
+
+  .record-summary {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 16px;
+    margin-bottom: 24px;
+    padding: 20px;
+    background: #f9fafb;
+    border-radius: 12px;
+
+    .summary-item {
+      display: flex;
+      flex-direction: column;
+      gap: 8px;
+
+      .summary-label {
+        font-size: 13px;
+        color: #6b7280;
+      }
+
+      .summary-value {
+        font-size: 18px;
+        font-weight: 600;
+        color: #1f2937;
+
+        &.highlight {
+          color: #7c3aed;
+        }
+
+        &.price {
+          color: #ef4444;
+        }
+      }
+    }
+  }
+
+  .bidders-table {
+    margin-bottom: 24px;
+
+    .table-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 16px;
+
+      h4 {
+        font-size: 16px;
+        font-weight: 600;
+        color: #1f2937;
+        margin: 0;
+      }
+    }
+
+    :deep(.el-input-number) {
+      width: 100%;
+    }
+
+    :deep(.our-company-input) {
+      .el-input__inner {
+        color: #7c3aed;
+        font-weight: 600;
+      }
+    }
+
+    :deep(.our-price-input) {
+      .el-input-number__decrease,
+      .el-input-number__increase {
+        background-color: #fef2f2;
+      }
+      
+      input {
+        color: #ef4444;
+        font-weight: 600;
+      }
+    }
+
+    .our-company {
+      color: #7c3aed;
+      font-weight: 600;
+    }
+
+    .our-price {
+      color: #ef4444;
+      font-weight: 600;
+    }
+  }
+
+  .record-actions {
+    display: flex;
+    gap: 12px;
+    padding-top: 16px;
+    border-top: 1px solid #e5e7eb;
+  }
+
+  .media-grid {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(200px, 1fr));
+    gap: 16px;
+    margin-bottom: 24px;
+
+    .media-item {
+      border-radius: 8px;
+      overflow: hidden;
+      border: 2px solid #e5e7eb;
+      transition: all 0.3s;
+
+      &:hover {
+        border-color: #a78bfa;
+        box-shadow: 0 4px 12px rgba(167, 139, 250, 0.1);
+      }
+
+      img {
+        width: 100%;
+        height: 150px;
+        object-fit: cover;
+      }
+
+      .media-info {
+        padding: 12px;
+        background: #fff;
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+
+        .media-desc {
+          font-size: 14px;
+          color: #1f2937;
+          font-weight: 500;
+        }
+
+        .media-time {
+          font-size: 12px;
+          color: #9ca3af;
+        }
+      }
+    }
+  }
+
+  .video-list {
+    .video-item {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      padding: 16px;
+      background: #f9fafb;
+      border-radius: 8px;
+      margin-bottom: 12px;
+
+      .video-icon {
+        font-size: 32px;
+        color: #7c3aed;
+      }
+
+      .video-info {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+
+        .video-desc {
+          font-size: 14px;
+          color: #1f2937;
+          font-weight: 500;
+        }
+
+        .video-meta {
+          font-size: 12px;
+          color: #9ca3af;
+        }
+      }
+    }
+  }
+
+  .action-buttons {
+    display: flex;
+    gap: 12px;
+    padding-top: 24px;
+    border-top: 1px solid #e5e7eb;
+  }
+}
+</style>
diff --git a/江西城市生命线-可交互原型/frontend/src/components/project/FileSubmission.vue b/江西城市生命线-可交互原型/frontend/src/components/project/FileSubmission.vue
new file mode 100644
index 00000000..e2382eff
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/components/project/FileSubmission.vue
@@ -0,0 +1,599 @@
+<template>
+  <div class="file-submission-panel">
+    <!-- 已生成标书文件 -->
+    <el-card class="section-card">
+      <template #header>
+        <div class="card-header">
+          <h3>
+            <el-icon><Document /></el-icon>
+            已生成标书文件
+          </h3>
+        </div>
+      </template>
+
+      <!-- 商务标书 -->
+      <div class="document-item">
+        <div class="doc-icon">📑</div>
+        <div class="doc-content">
+          <div class="doc-header">
+            <h4>商务标书</h4>
+            <el-tag type="success" size="large">
+              <el-icon><CircleCheck /></el-icon>
+              {{ businessDoc.status }}
+            </el-tag>
+          </div>
+          <div class="doc-details">
+            <div class="detail-row">
+              <span class="label">文件名称:</span>
+              <span class="value">{{ businessDoc.fileName }}</span>
+            </div>
+            <div class="detail-row">
+              <span class="label">生成时间:</span>
+              <span class="value">{{ businessDoc.generateTime }}</span>
+            </div>
+            <div class="detail-row">
+              <span class="label">文件大小:</span>
+              <span class="value">{{ businessDoc.fileSize }}</span>
+            </div>
+            <div class="detail-row">
+              <span class="label">页数:</span>
+              <span class="value">{{ businessDoc.pages }}页</span>
+            </div>
+          </div>
+          <div class="doc-actions">
+            <el-button size="small" @click="previewDoc(businessDoc)">
+              <el-icon><View /></el-icon>
+              预览
+            </el-button>
+            <el-button size="small" type="primary" @click="downloadDoc(businessDoc)">
+              <el-icon><Download /></el-icon>
+              下载
+            </el-button>
+            <el-button size="small" @click="regenerateDoc(businessDoc)">
+              <el-icon><Refresh /></el-icon>
+              重新生成
+            </el-button>
+          </div>
+        </div>
+      </div>
+
+      <el-divider />
+
+      <!-- 技术标书 -->
+      <div class="document-item">
+        <div class="doc-icon">📘</div>
+        <div class="doc-content">
+          <div class="doc-header">
+            <h4>技术标书</h4>
+            <el-tag type="success" size="large">
+              <el-icon><CircleCheck /></el-icon>
+              {{ technicalDoc.status }}
+            </el-tag>
+          </div>
+          <div class="doc-details">
+            <div class="detail-row">
+              <span class="label">文件名称:</span>
+              <span class="value">{{ technicalDoc.fileName }}</span>
+            </div>
+            <div class="detail-row">
+              <span class="label">生成时间:</span>
+              <span class="value">{{ technicalDoc.generateTime }}</span>
+            </div>
+            <div class="detail-row">
+              <span class="label">文件大小:</span>
+              <span class="value">{{ technicalDoc.fileSize }}</span>
+            </div>
+            <div class="detail-row">
+              <span class="label">页数:</span>
+              <span class="value">{{ technicalDoc.pages }}页</span>
+            </div>
+          </div>
+          <div class="doc-actions">
+            <el-button size="small" @click="previewDoc(technicalDoc)">
+              <el-icon><View /></el-icon>
+              预览
+            </el-button>
+            <el-button size="small" type="primary" @click="downloadDoc(technicalDoc)">
+              <el-icon><Download /></el-icon>
+              下载
+            </el-button>
+            <el-button size="small" @click="regenerateDoc(technicalDoc)">
+              <el-icon><Refresh /></el-icon>
+              重新生成
+            </el-button>
+          </div>
+        </div>
+      </div>
+
+    </el-card>
+
+    <!-- 关键时间节点 -->
+    <el-card class="section-card">
+      <template #header>
+        <div class="card-header">
+          <h3>
+            <el-icon><Calendar /></el-icon>
+            关键时间节点
+          </h3>
+        </div>
+      </template>
+
+      <el-timeline>
+        <el-timeline-item
+          v-for="(milestone, index) in timeMilestones"
+          :key="index"
+          :timestamp="milestone.time"
+          :type="milestone.type"
+        >
+          <div class="milestone-content">
+            <span>{{ milestone.label }}</span>
+            <el-tag v-if="milestone.countdown" type="warning" size="small">
+              <el-icon><Clock /></el-icon>
+              {{ milestone.countdown }}
+            </el-tag>
+          </div>
+        </el-timeline-item>
+      </el-timeline>
+    </el-card>
+
+    <!-- 提交前检查清单 -->
+    <el-card class="section-card">
+      <template #header>
+        <div class="card-header">
+          <h3>
+            <el-icon><Warning /></el-icon>
+            提交前检查清单
+          </h3>
+          <div class="checklist-progress">
+            <span>完成度: {{ checklistProgress }}%</span>
+            <el-progress 
+              :percentage="checklistProgress" 
+              :color="checklistProgress === 100 ? '#10b981' : '#f59e0b'"
+              style="width: 200px;"
+            />
+          </div>
+        </div>
+      </template>
+
+      <div class="checklist">
+        <el-checkbox-group v-model="checkedItems" @change="updateProgress">
+          <div 
+            v-for="item in checklistItems" 
+            :key="item.id"
+            class="checklist-item"
+          >
+            <el-checkbox :label="item.id">
+              <span v-if="!item.editing">{{ item.label }}</span>
+              <el-input 
+                v-else
+                v-model="item.label"
+                size="small"
+                style="width: 300px;"
+                @blur="item.editing = false"
+                @keyup.enter="item.editing = false"
+              />
+            </el-checkbox>
+            <div class="item-actions">
+              <el-tag v-if="item.required" type="danger" size="small">必须</el-tag>
+              <el-button 
+                v-if="!item.editing"
+                link 
+                type="primary" 
+                size="small"
+                @click="editItem(item)"
+              >
+                <el-icon><Edit /></el-icon>
+                编辑
+              </el-button>
+              <el-button 
+                link 
+                type="danger" 
+                size="small"
+                @click="deleteItem(item.id)"
+              >
+                <el-icon><Delete /></el-icon>
+                删除
+              </el-button>
+            </div>
+          </div>
+        </el-checkbox-group>
+
+        <!-- 添加新项按钮 -->
+        <el-button 
+          class="add-item-btn"
+          type="primary" 
+          plain
+          @click="showAddItemDialog = true"
+        >
+          <el-icon><Plus /></el-icon>
+          添加检查项
+        </el-button>
+      </div>
+
+      <div class="action-buttons">
+        <el-button 
+          type="success" 
+          size="large"
+          :disabled="checklistProgress < 100"
+          @click="markAsSubmitted"
+        >
+          <el-icon><CircleCheck /></el-icon>
+          标记为已提交
+        </el-button>
+        <el-button size="large" @click="setReminder">
+          <el-icon><Bell /></el-icon>
+          设置提醒
+        </el-button>
+        <el-button size="large" @click="exportChecklist">
+          <el-icon><Download /></el-icon>
+          导出提交清单
+        </el-button>
+      </div>
+    </el-card>
+
+    <!-- 添加检查项对话框 -->
+    <el-dialog
+      v-model="showAddItemDialog"
+      title="添加检查项"
+      width="500px"
+    >
+      <el-form :model="newItemForm" label-width="80px">
+        <el-form-item label="检查项">
+          <el-input 
+            v-model="newItemForm.label" 
+            placeholder="请输入检查项内容"
+            maxlength="50"
+            show-word-limit
+          />
+        </el-form-item>
+        <el-form-item label="是否必须">
+          <el-switch v-model="newItemForm.required" />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button @click="showAddItemDialog = false">取消</el-button>
+        <el-button type="primary" @click="addNewItem">确定</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed } from 'vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { 
+  Document, CircleCheck, View, Download, Refresh, 
+  Calendar, Warning, Edit, Bell, Clock, Delete, Plus
+} from '@element-plus/icons-vue'
+
+const props = defineProps({
+  project: {
+    type: Object,
+    required: true
+  }
+})
+
+const emit = defineEmits(['update'])
+
+// 文档数据
+const businessDoc = ref({
+  fileName: '某数据中心发电机组采购-商务标.pdf',
+  generateTime: '2024-12-08 14:30:25',
+  fileSize: '15.6 MB',
+  pages: 85,
+  status: '已完成'
+})
+
+const technicalDoc = ref({
+  fileName: '某数据中心发电机组采购-技术标.pdf',
+  generateTime: '2024-12-08 15:45:10',
+  fileSize: '28.3 MB',
+  pages: 156,
+  status: '已完成'
+})
+
+// 时间节点
+const timeMilestones = ref([
+  {
+    label: '标书生成开始',
+    time: '2024-12-08 09:00:00',
+    type: 'success'
+  },
+  {
+    label: '标书生成完成',
+    time: '2024-12-09 10:30:00',
+    type: 'success'
+  },
+  {
+    label: '内部审核时间',
+    time: '2024-12-09 14:00:00 - 16:30:00',
+    type: 'success'
+  },
+  {
+    label: '投标截止时间',
+    time: '2024-12-14 17:00:00',
+    type: 'warning',
+    countdown: '还剩5天3小时'
+  },
+  {
+    label: '提交方式',
+    time: '线上提交 + 纸质文件',
+    type: 'info'
+  }
+])
+
+// 检查清单
+const checklistItems = ref([
+  { id: 1, label: '商务标完整性检查', required: true, editing: false },
+  { id: 2, label: '技术标完整性检查', required: true, editing: false },
+  { id: 3, label: '保证金缴纳凭证', required: true, editing: false },
+  { id: 4, label: '资质证书齐全', required: true, editing: false },
+  { id: 5, label: '授权委托书签字盖章', required: false, editing: false },
+  { id: 6, label: '纸质文件打印装订', required: false, editing: false },
+  { id: 7, label: '投标文件密封完好', required: false, editing: false }
+])
+
+const checkedItems = ref([1, 2, 3, 4, 5])
+
+const checklistProgress = computed(() => {
+  return Math.round((checkedItems.value.length / checklistItems.value.length) * 100)
+})
+
+// 新增检查项相关
+const showAddItemDialog = ref(false)
+const newItemForm = ref({
+  label: '',
+  required: false
+})
+
+let nextItemId = 8
+
+// 方法
+const previewDoc = (doc) => {
+  ElMessage.info(`预览文件: ${doc.fileName}`)
+}
+
+const downloadDoc = (doc) => {
+  ElMessage.success(`下载文件: ${doc.fileName}`)
+}
+
+const regenerateDoc = (doc) => {
+  ElMessage.info(`重新生成: ${doc.fileName}`)
+}
+
+const updateProgress = () => {
+  // 进度更新逻辑
+}
+
+const markAsSubmitted = () => {
+  ElMessage.success('项目已标记为已提交')
+  emit('update')
+}
+
+const setReminder = () => {
+  ElMessage.success('提醒已设置')
+}
+
+const exportChecklist = () => {
+  ElMessage.success('提交清单已导出')
+}
+
+// 编辑检查项
+const editItem = (item) => {
+  item.editing = true
+}
+
+// 删除检查项
+const deleteItem = (id) => {
+  ElMessageBox.confirm('确定要删除这个检查项吗？', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => {
+    const index = checklistItems.value.findIndex(item => item.id === id)
+    if (index > -1) {
+      checklistItems.value.splice(index, 1)
+      // 同时从已选中项中移除
+      const checkedIndex = checkedItems.value.indexOf(id)
+      if (checkedIndex > -1) {
+        checkedItems.value.splice(checkedIndex, 1)
+      }
+      ElMessage.success('删除成功')
+    }
+  }).catch(() => {
+    ElMessage.info('已取消删除')
+  })
+}
+
+// 添加新检查项
+const addNewItem = () => {
+  if (!newItemForm.value.label.trim()) {
+    ElMessage.warning('请输入检查项内容')
+    return
+  }
+  
+  checklistItems.value.push({
+    id: nextItemId++,
+    label: newItemForm.value.label,
+    required: newItemForm.value.required,
+    editing: false
+  })
+  
+  ElMessage.success('添加成功')
+  showAddItemDialog.value = false
+  newItemForm.value = {
+    label: '',
+    required: false
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.file-submission-panel {
+  .section-card {
+    margin-bottom: 24px;
+
+    .card-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+
+      h3 {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        font-size: 18px;
+        font-weight: 600;
+        color: #1f2937;
+        margin: 0;
+      }
+
+      .checklist-progress {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        font-size: 14px;
+        color: #6b7280;
+      }
+    }
+  }
+
+  .document-item {
+    display: flex;
+    gap: 20px;
+    padding: 20px;
+    background: #f9fafb;
+    border-radius: 12px;
+    border: 2px solid #e5e7eb;
+    transition: all 0.3s;
+
+    &:hover {
+      border-color: #a78bfa;
+      box-shadow: 0 4px 12px rgba(167, 139, 250, 0.1);
+    }
+
+    .doc-icon {
+      font-size: 48px;
+      flex-shrink: 0;
+    }
+
+    .doc-content {
+      flex: 1;
+
+      .doc-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: 16px;
+        padding-bottom: 12px;
+        border-bottom: 2px solid #e5e7eb;
+
+        h4 {
+          font-size: 16px;
+          font-weight: 600;
+          color: #1f2937;
+          margin: 0;
+        }
+      }
+
+      .doc-details {
+        display: grid;
+        grid-template-columns: repeat(2, 1fr);
+        gap: 12px;
+        margin-bottom: 16px;
+
+        .detail-row {
+          display: flex;
+          align-items: center;
+          gap: 8px;
+
+          .label {
+            font-size: 13px;
+            color: #6b7280;
+            min-width: 80px;
+          }
+
+          .value {
+            font-size: 14px;
+            color: #1f2937;
+            font-weight: 500;
+
+            &.price-amount {
+              color: #ef4444;
+              font-size: 16px;
+              font-weight: 600;
+            }
+          }
+        }
+      }
+
+      .doc-actions {
+        display: flex;
+        gap: 8px;
+      }
+    }
+  }
+
+  .milestone-content {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+  }
+
+  .checklist {
+    .checklist-item {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      padding: 12px 16px;
+      margin-bottom: 8px;
+      background: #f9fafb;
+      border-radius: 8px;
+      transition: all 0.2s;
+
+      &:hover {
+        background: #f3f4f6;
+        
+        .item-actions {
+          opacity: 1;
+        }
+      }
+
+      :deep(.el-checkbox) {
+        flex: 1;
+      }
+
+      .item-actions {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        opacity: 0.6;
+        transition: opacity 0.2s;
+
+        .el-tag {
+          margin-right: 8px;
+        }
+      }
+    }
+
+    .add-item-btn {
+      width: 100%;
+      margin-top: 16px;
+      border-style: dashed;
+      
+      &:hover {
+        border-color: #7c3aed;
+        color: #7c3aed;
+      }
+    }
+  }
+
+  .action-buttons {
+    display: flex;
+    gap: 12px;
+    margin-top: 24px;
+    padding-top: 24px;
+    border-top: 1px solid #e5e7eb;
+  }
+}
+</style>
diff --git a/江西城市生命线-可交互原型/frontend/src/components/project/ProjectDetail.vue b/江西城市生命线-可交互原型/frontend/src/components/project/ProjectDetail.vue
new file mode 100644
index 00000000..05c863d8
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/components/project/ProjectDetail.vue
@@ -0,0 +1,277 @@
+<template>
+  <div class="project-detail-panel">
+    <!-- 项目头部 -->
+    <div class="project-header">
+      <div class="header-left">
+        <el-button @click="backToList" link>
+          <el-icon><ArrowLeft /></el-icon>
+          返回列表
+        </el-button>
+      </div>
+      <div class="header-center">
+        <h2>{{ project.name }}</h2>
+        <el-tag :type="getStatusTagType(project.status)" size="large">
+          {{ getStatusText(project.status) }}
+        </el-tag>
+      </div>
+      <div class="header-right">
+        <el-button @click="exportProject">
+          <el-icon><Download /></el-icon>
+          导出项目
+        </el-button>
+        <el-button type="primary" @click="editProject">
+          <el-icon><Edit /></el-icon>
+          编辑项目
+        </el-button>
+      </div>
+    </div>
+
+    <!-- Tab切换 -->
+    <el-tabs v-model="activeTab" class="project-tabs">
+      <el-tab-pane label="基本信息" name="basic">
+        <div class="basic-info-panel">
+          <el-descriptions :column="2" border>
+            <el-descriptions-item label="项目名称">
+              {{ project.name }}
+            </el-descriptions-item>
+            <el-descriptions-item label="招标单位">
+              {{ project.client || 'XX科技有限公司' }}
+            </el-descriptions-item>
+            <el-descriptions-item label="创建时间">
+              {{ project.createTime }}
+            </el-descriptions-item>
+            <el-descriptions-item label="当前进度">
+              {{ project.progress }}
+            </el-descriptions-item>
+            <el-descriptions-item label="项目状态">
+              <el-tag :type="getStatusTagType(project.status)">
+                {{ getStatusText(project.status) }}
+              </el-tag>
+            </el-descriptions-item>
+            <el-descriptions-item label="项目经理">
+              张三
+            </el-descriptions-item>
+          </el-descriptions>
+
+          <div class="project-timeline">
+            <h3>项目流程</h3>
+            <el-steps :active="getActiveStep(project.progress)" align-center>
+              <el-step 
+                v-for="(step, index) in projectSteps" 
+                :key="index"
+                :title="step.title"
+                :description="step.description"
+                :status="getStepStatus(project.progress, step.key)"
+              >
+                <template #icon>
+                  <el-icon v-if="getStepStatus(project.progress, step.key) === 'finish'">
+                    <CircleCheck />
+                  </el-icon>
+                  <el-icon v-else-if="getStepStatus(project.progress, step.key) === 'process'">
+                    <Loading />
+                  </el-icon>
+                  <span v-else>{{ index + 1 }}</span>
+                </template>
+              </el-step>
+            </el-steps>
+          </div>
+        </div>
+      </el-tab-pane>
+      
+      <el-tab-pane name="submission">
+        <template #label>
+          <span class="tab-label">
+            <el-icon><Document /></el-icon>
+            文件提交
+          </span>
+        </template>
+        <FileSubmission :project="project" @update="handleUpdate" />
+      </el-tab-pane>
+      
+      <el-tab-pane name="bidding">
+        <template #label>
+          <span class="tab-label">
+            <el-icon><Bell /></el-icon>
+            开标信息
+          </span>
+        </template>
+        <BiddingInfo :project="project" @update="handleUpdate" />
+      </el-tab-pane>
+      
+      <el-tab-pane name="result">
+        <template #label>
+          <span class="tab-label">
+            <el-icon><Trophy /></el-icon>
+            结果公示
+          </span>
+        </template>
+        <ResultAnnouncement :project="project" @update="handleUpdate" />
+      </el-tab-pane>
+    </el-tabs>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed } from 'vue'
+import { ElMessage } from 'element-plus'
+import { 
+  ArrowLeft, Download, Edit, Document, Bell, Trophy,
+  CircleCheck, Loading
+} from '@element-plus/icons-vue'
+import FileSubmission from './FileSubmission.vue'
+import BiddingInfo from './BiddingInfo.vue'
+import ResultAnnouncement from './ResultAnnouncement.vue'
+
+const props = defineProps({
+  project: {
+    type: Object,
+    required: true
+  }
+})
+
+const emit = defineEmits(['back', 'update'])
+
+const activeTab = ref('basic')
+
+// 项目流程步骤
+const projectSteps = [
+  { key: 'info-extract', title: '信息提取', description: '招标文件解析' },
+  { key: 'doc-prepare', title: '文件准备', description: '标书文件生成' },
+  { key: 'submission', title: '文件提交', description: '投标文件提交' },
+  { key: 'bidding', title: '开标', description: '开标会议' },
+  { key: 'evaluation', title: '评标', description: '评标过程' },
+  { key: 'result', title: '结果公示', description: '中标公示' }
+]
+
+// 状态相关
+const getStatusTagType = (status) => {
+  const typeMap = {
+    'ongoing': '',
+    'pending': 'warning',
+    'won': 'success',
+    'lost': 'info',
+    'failed': 'danger'
+  }
+  return typeMap[status] || 'info'
+}
+
+const getStatusText = (status) => {
+  const textMap = {
+    'ongoing': '进行中',
+    'pending': '待提交',
+    'won': '已中标',
+    'lost': '未中标',
+    'failed': '流标',
+    '信息提取': '信息提取',
+    '文件准备': '文件准备',
+    '文件提交': '文件提交',
+    '开标': '开标',
+    '评标': '评标',
+    '结果公示': '结果公示'
+  }
+  return textMap[status] || status
+}
+
+const getActiveStep = (progress) => {
+  const stepMap = {
+    '信息提取': 0,
+    '文件准备': 1,
+    '文件提交': 2,
+    '开标': 3,
+    '评标': 4,
+    '结果公示': 5
+  }
+  return stepMap[progress] || 0
+}
+
+const getStepStatus = (progress, stepKey) => {
+  const currentStep = getActiveStep(progress)
+  const stepIndex = projectSteps.findIndex(s => s.key === stepKey)
+  
+  if (stepIndex < currentStep) return 'finish'
+  if (stepIndex === currentStep) return 'process'
+  return 'wait'
+}
+
+// 方法
+const backToList = () => {
+  emit('back')
+}
+
+const exportProject = () => {
+  ElMessage.success('项目信息导出成功')
+}
+
+const editProject = () => {
+  ElMessage.info('进入编辑模式')
+}
+
+const handleUpdate = () => {
+  ElMessage.success('信息更新成功')
+  emit('update')
+}
+</script>
+
+<style lang="scss" scoped>
+.project-detail-panel {
+  .project-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 24px;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    border-radius: 12px;
+    margin-bottom: 24px;
+
+    .header-left {
+      flex: 0 0 auto;
+    }
+
+    .header-center {
+      flex: 1;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 16px;
+
+      h2 {
+        color: #fff;
+        font-size: 24px;
+        font-weight: 600;
+        margin: 0;
+      }
+    }
+
+    .header-right {
+      flex: 0 0 auto;
+      display: flex;
+      gap: 12px;
+    }
+  }
+
+  .project-tabs {
+    :deep(.el-tabs__header) {
+      margin-bottom: 24px;
+    }
+
+    .tab-label {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+    }
+  }
+
+  .basic-info-panel {
+    .project-timeline {
+      margin-top: 32px;
+
+      h3 {
+        font-size: 18px;
+        font-weight: 600;
+        color: #1f2937;
+        margin: 0 0 24px 0;
+      }
+    }
+  }
+}
+</style>
diff --git a/江西城市生命线-可交互原型/frontend/src/components/project/README.md b/江西城市生命线-可交互原型/frontend/src/components/project/README.md
new file mode 100644
index 00000000..cdfee349
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/components/project/README.md
@@ -0,0 +1,227 @@
+# 项目管理组件使用说明
+
+## 组件概述
+
+本目录包含招标助手系统的项目管理功能组件,实现了进行中项目的三个核心功能模块:
+
+1. **文件提交模块** (`FileSubmission.vue`)
+2. **开标信息模块** (`BiddingInfo.vue`)
+3. **结果公示模块** (`ResultAnnouncement.vue`)
+4. **项目详情主组件** (`ProjectDetail.vue`)
+
+## 组件结构
+
+```
+components/project/
+├── ProjectDetail.vue        # 项目详情主组件
+├── FileSubmission.vue       # 文件提交模块
+├── BiddingInfo.vue          # 开标信息模块
+├── ResultAnnouncement.vue   # 结果公示模块
+└── README.md               # 本文件
+```
+
+## 使用方法
+
+### 1. 在 BiddingView.vue 中集成
+
+在 `BiddingView.vue` 的项目详情部分引入 `ProjectDetail` 组件:
+
+```vue
+<template>
+  <div v-if="activeNav === 'project-ongoing'" class="panel">
+    <!-- 项目列表 -->
+    <div v-if="!selectedProject" class="project-list">
+      <!-- 项目卡片列表 -->
+    </div>
+
+    <!-- 项目详情 -->
+    <ProjectDetail 
+      v-else 
+      :project="selectedProject" 
+      @back="selectedProject = null"
+      @update="handleProjectUpdate"
+    />
+  </div>
+</template>
+
+<script setup>
+import ProjectDetail from '@/components/project/ProjectDetail.vue'
+
+const selectedProject = ref(null)
+
+const handleProjectUpdate = () => {
+  // 刷新项目数据
+  console.log('项目已更新')
+}
+</script>
+```
+
+### 2. 单独使用各个子组件
+
+如果需要单独使用某个功能模块:
+
+```vue
+<template>
+  <!-- 只使用文件提交模块 -->
+  <FileSubmission :project="projectData" @update="handleUpdate" />
+  
+  <!-- 只使用开标信息模块 -->
+  <BiddingInfo :project="projectData" @update="handleUpdate" />
+  
+  <!-- 只使用结果公示模块 -->
+  <ResultAnnouncement :project="projectData" @update="handleUpdate" />
+</template>
+
+<script setup>
+import FileSubmission from '@/components/project/FileSubmission.vue'
+import BiddingInfo from '@/components/project/BiddingInfo.vue'
+import ResultAnnouncement from '@/components/project/ResultAnnouncement.vue'
+</script>
+```
+
+## 组件 Props
+
+### ProjectDetail
+
+| 参数 | 类型 | 必填 | 说明 |
+|------|------|------|------|
+| project | Object | 是 | 项目对象 |
+
+### FileSubmission / BiddingInfo / ResultAnnouncement
+
+| 参数 | 类型 | 必填 | 说明 |
+|------|------|------|------|
+| project | Object | 是 | 项目对象 |
+
+## 组件 Events
+
+### ProjectDetail
+
+| 事件名 | 参数 | 说明 |
+|--------|------|------|
+| back | - | 返回项目列表 |
+| update | - | 项目信息已更新 |
+
+### FileSubmission / BiddingInfo / ResultAnnouncement
+
+| 事件名 | 参数 | 说明 |
+|--------|------|------|
+| update | - | 模块信息已更新 |
+
+## 数据结构
+
+### 项目对象 (Project)
+
+```javascript
+{
+  id: Number,              // 项目ID
+  name: String,            // 项目名称
+  client: String,          // 招标单位
+  status: String,          // 项目状态: ongoing/pending/won/lost/failed
+  progress: String,        // 当前进度: 信息提取/文件准备/文件提交/开标/评标/结果公示
+  createTime: String,      // 创建时间
+  // ... 其他字段
+}
+```
+
+## API 接口
+
+项目管理相关的 API 接口已在 `src/api/project.js` 中定义:
+
+```javascript
+import { projectApi } from '@/api/project'
+
+// 获取项目详情
+const project = await projectApi.getProjectDetail(projectId)
+
+// 更新文件提交信息
+await projectApi.updateSubmission(projectId, data)
+
+// 更新开标信息
+await projectApi.updateBiddingInfo(projectId, data)
+
+// 更新结果公示
+await projectApi.updateResult(projectId, data)
+```
+
+## 功能特性
+
+### 文件提交模块
+
+- ✅ 展示商务标、技术标、报价文件详细信息
+- ✅ 文件预览、下载、重新生成
+- ✅ 关键时间节点时间轴展示
+- ✅ 提交前检查清单(7项)
+- ✅ 完成度进度条
+- ✅ 标记为已提交功能
+
+### 开标信息模块
+
+- ✅ 开标时间倒计时提醒
+- ✅ 开标地点地图导航
+- ✅ 参会人员信息管理
+- ✅ 开标流程时间轴
+- ✅ 开标记录详细展示
+- ✅ 所有投标单位报价对比表
+- ✅ 现场照片/视频上传
+
+### 结果公示模块
+
+- ✅ 三种结果类型切换(中标/未中标/流标)
+- ✅ **中标情况**:
+  - 公示信息、中标详情
+  - 综合得分展示
+  - 合同签订信息
+  - 项目执行进度跟踪
+- ✅ **未中标情况**:
+  - 得分差距分析
+  - 失败原因总结
+  - 改进建议列表
+- ✅ **流标情况**:
+  - 流标原因分析
+  - 后续处理方案
+  - 保证金退还状态
+
+## 样式定制
+
+所有组件都使用 SCSS 编写样式,支持自定义主题色:
+
+```scss
+// 主色调
+$primary-color: #7c3aed;
+$success-color: #10b981;
+$warning-color: #f59e0b;
+$danger-color: #ef4444;
+
+// 可以在组件中覆盖这些变量
+```
+
+## 注意事项
+
+1. **Element Plus 依赖**: 组件依赖 Element Plus UI 库,确保已正确安装
+2. **图标组件**: 使用 Element Plus Icons,需要单独引入
+3. **响应式设计**: 组件已适配不同屏幕尺寸
+4. **数据模拟**: 当前使用模拟数据,实际使用时需连接后端 API
+5. **权限控制**: 某些操作可能需要权限验证
+
+## 开发计划
+
+- [ ] 添加文件上传进度显示
+- [ ] 实现实时倒计时功能
+- [ ] 添加数据导出为 Excel 功能
+- [ ] 实现地图导航集成
+- [ ] 添加消息通知提醒
+- [ ] 优化移动端显示
+
+## 更新日志
+
+### v1.0.0 (2024-12-08)
+- ✅ 完成文件提交模块
+- ✅ 完成开标信息模块
+- ✅ 完成结果公示模块
+- ✅ 完成项目详情主组件
+- ✅ 创建 API 服务文件
+
+## 技术支持
+
+如有问题,请联系开发团队或查看项目文档。
diff --git a/江西城市生命线-可交互原型/frontend/src/components/project/ResultAnnouncement.vue b/江西城市生命线-可交互原型/frontend/src/components/project/ResultAnnouncement.vue
new file mode 100644
index 00000000..047896fa
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/components/project/ResultAnnouncement.vue
@@ -0,0 +1,1028 @@
+<template>
+  <div class="result-announcement-panel">
+    <!-- 结果类型选择器(仅用于演示) -->
+    <el-card class="section-card">
+      <el-radio-group v-model="resultType" size="large">
+        <el-radio-button label="won">✅ 已中标</el-radio-button>
+        <el-radio-button label="lost">❌ 未中标</el-radio-button>
+        <el-radio-button label="failed">⚠️ 流标</el-radio-button>
+      </el-radio-group>
+    </el-card>
+
+    <!-- 已中标情况 -->
+    <div v-if="resultType === 'won'">
+      <!-- 公示信息 -->
+      <el-card class="section-card">
+        <template #header>
+          <div class="card-header">
+            <h3>
+              <el-icon><Document /></el-icon>
+              公示信息
+            </h3>
+          </div>
+        </template>
+
+        <div class="info-grid">
+          <div class="info-item">
+            <span class="label">公示时间:</span>
+            <span class="value">{{ wonInfo.announcement.publishTime }}</span>
+          </div>
+          <div class="info-item">
+            <span class="label">公示期限:</span>
+            <span class="value">{{ wonInfo.announcement.publicityPeriod.description }}</span>
+          </div>
+          <div class="info-item">
+            <span class="label">公示网站:</span>
+            <el-button link type="primary" @click="viewPublicityPage">
+              查看公示页面
+            </el-button>
+          </div>
+          <div class="info-item">
+            <span class="label">公示文件:</span>
+            <el-button link type="primary" @click="downloadNotice">
+              下载中标通知书
+            </el-button>
+          </div>
+        </div>
+      </el-card>
+
+      <!-- 中标详情 -->
+      <el-card class="section-card">
+        <template #header>
+          <div class="card-header">
+            <h3>
+              <el-icon><Trophy /></el-icon>
+              中标详情
+            </h3>
+          </div>
+        </template>
+
+        <div class="winning-details">
+          <div class="detail-row highlight">
+            <span class="label">中标单位:</span>
+            <span class="value">{{ wonInfo.winningDetails.winningCompany }}</span>
+          </div>
+          <div class="detail-row highlight">
+            <span class="label">中标金额:</span>
+            <span class="value price">{{ wonInfo.winningDetails.winningAmountText }}</span>
+          </div>
+          <div class="detail-row">
+            <span class="label">中标日期:</span>
+            <span class="value">{{ wonInfo.winningDetails.winningDate }}</span>
+          </div>
+          <div class="detail-row">
+            <span class="label">中标排名:</span>
+            <span class="value">第{{ wonInfo.winningDetails.ranking }}名 / 共{{ wonInfo.winningDetails.totalBidders }}家投标单位</span>
+          </div>
+        </div>
+
+        <div class="score-section">
+          <h4>综合得分</h4>
+          <div class="score-grid">
+            <div class="score-item total">
+              <span class="score-label">总分</span>
+              <span class="score-value">{{ wonInfo.winningDetails.comprehensiveScore.total }}分</span>
+            </div>
+            <div class="score-item">
+              <span class="score-label">商务标</span>
+              <span class="score-value">{{ wonInfo.winningDetails.comprehensiveScore.businessScore }}/{{ wonInfo.winningDetails.comprehensiveScore.businessMaxScore }}分</span>
+            </div>
+            <div class="score-item">
+              <span class="score-label">技术标</span>
+              <span class="score-value">{{ wonInfo.winningDetails.comprehensiveScore.technicalScore }}/{{ wonInfo.winningDetails.comprehensiveScore.technicalMaxScore }}分</span>
+            </div>
+            <div class="score-item">
+              <span class="score-label">报价</span>
+              <span class="score-value">{{ wonInfo.winningDetails.comprehensiveScore.priceScore }}/{{ wonInfo.winningDetails.comprehensiveScore.priceMaxScore }}分</span>
+            </div>
+          </div>
+        </div>
+
+        <div class="requirements-section">
+          <h4>项目要求</h4>
+          <div class="req-grid">
+            <div class="req-item">
+              <span class="req-label">工期要求:</span>
+              <span class="req-value">{{ wonInfo.winningDetails.requirements.workDaysText }}</span>
+            </div>
+            <div class="req-item">
+              <span class="req-label">质保期:</span>
+              <span class="req-value">{{ wonInfo.winningDetails.requirements.warrantyPeriodText }}</span>
+            </div>
+            <div class="req-item">
+              <span class="req-label">履约保证金:</span>
+              <span class="req-value">{{ wonInfo.winningDetails.requirements.performanceBondText }}</span>
+            </div>
+          </div>
+        </div>
+      </el-card>
+
+      <!-- 合同签订 -->
+      <el-card class="section-card">
+        <template #header>
+          <div class="card-header">
+            <h3>
+              <el-icon><Document /></el-icon>
+              合同签订
+            </h3>
+          </div>
+        </template>
+
+        <div class="contract-info">
+          <div class="info-row">
+            <span class="label">合同签订时间:</span>
+            <span class="value">{{ wonInfo.contract.signingTime }}</span>
+          </div>
+          <div class="info-row">
+            <span class="label">合同编号:</span>
+            <span class="value">{{ wonInfo.contract.contractNumber }}</span>
+          </div>
+          <div class="info-row">
+            <span class="label">合同金额:</span>
+            <span class="value price">{{ wonInfo.contract.contractAmountText }}</span>
+          </div>
+          <div class="info-row">
+            <span class="label">合同期限:</span>
+            <span class="value">{{ wonInfo.contract.contractPeriod.startDate }} 至 {{ wonInfo.contract.contractPeriod.endDate }} ({{ wonInfo.contract.contractPeriod.days }}天)</span>
+          </div>
+          <div class="info-row">
+            <span class="label">合同状态:</span>
+            <el-tag type="success">🟢 {{ wonInfo.contract.contractStatusText }}</el-tag>
+          </div>
+        </div>
+
+        <div class="payment-terms">
+          <h4>付款方式</h4>
+          <el-timeline>
+            <el-timeline-item
+              v-for="(term, index) in wonInfo.contract.paymentTerms"
+              :key="index"
+              :timestamp="term.description"
+            >
+              <div class="payment-item">
+                <span class="payment-stage">{{ term.stage }}</span>
+                <span class="payment-amount">{{ term.percentage }}% ({{ formatPrice(term.amount) }})</span>
+              </div>
+            </el-timeline-item>
+          </el-timeline>
+        </div>
+
+        <el-button type="primary" @click="uploadContract">
+          <el-icon><Upload /></el-icon>
+          上传合同扫描件
+        </el-button>
+      </el-card>
+
+      <!-- 项目执行 -->
+      <el-card class="section-card">
+        <template #header>
+          <div class="card-header">
+            <h3>
+              <el-icon><Briefcase /></el-icon>
+              项目执行
+            </h3>
+          </div>
+        </template>
+
+        <div class="execution-info">
+          <div class="info-row">
+            <span class="label">项目经理:</span>
+            <span class="value">{{ wonInfo.projectExecution.projectManager }}</span>
+          </div>
+          <div class="info-row">
+            <span class="label">开工日期:</span>
+            <span class="value">{{ wonInfo.projectExecution.startDate }}</span>
+          </div>
+          <div class="info-row">
+            <span class="label">预计完工:</span>
+            <span class="value">{{ wonInfo.projectExecution.expectedEndDate }}</span>
+          </div>
+          <div class="info-row">
+            <span class="label">执行进度:</span>
+            <el-progress :percentage="wonInfo.projectExecution.progress" />
+          </div>
+        </div>
+
+        <div class="milestones">
+          <h4>项目里程碑</h4>
+          <el-steps :active="1" align-center>
+            <el-step 
+              v-for="(milestone, index) in wonInfo.projectExecution.milestones" 
+              :key="index"
+              :title="milestone.name"
+              :description="milestone.date"
+              :status="milestone.status === 'completed' ? 'finish' : milestone.status === 'ongoing' ? 'process' : 'wait'"
+            />
+          </el-steps>
+        </div>
+      </el-card>
+    </div>
+
+    <!-- 未中标情况 -->
+    <div v-if="resultType === 'lost'">
+      <el-card class="section-card">
+        <template #header>
+          <div class="card-header">
+            <h3>
+              <el-icon><WarningFilled /></el-icon>
+              未中标信息
+            </h3>
+          </div>
+        </template>
+
+        <div class="lost-details">
+          <div class="detail-row">
+            <span class="label">中标状态:</span>
+            <el-tag type="info" size="large">❌ 未中标</el-tag>
+          </div>
+          <div class="detail-row">
+            <span class="label">公示时间:</span>
+            <span class="value">{{ lostInfo.announcement.publishTime }}</span>
+          </div>
+          <div class="detail-row">
+            <span class="label">我方排名:</span>
+            <span class="value">第{{ lostInfo.lostDetails.ourRanking }}名 / 共{{ lostInfo.lostDetails.totalBidders }}家投标单位</span>
+          </div>
+          <div class="detail-row">
+            <span class="label">我方得分:</span>
+            <span class="value">{{ lostInfo.lostDetails.ourScore }}分</span>
+          </div>
+          <div class="detail-row">
+            <span class="label">中标单位:</span>
+            <span class="value">{{ lostInfo.lostDetails.winningCompany }}</span>
+          </div>
+          <div class="detail-row">
+            <span class="label">中标金额:</span>
+            <span class="value">{{ lostInfo.lostDetails.winningAmountText }}</span>
+          </div>
+          <div class="detail-row">
+            <span class="label">中标得分:</span>
+            <span class="value">{{ lostInfo.lostDetails.winningScore }}分</span>
+          </div>
+        </div>
+
+        <div class="gap-analysis">
+          <h4>得分差距分析</h4>
+          <div class="gap-grid">
+            <div class="gap-item">
+              <span class="gap-label">商务标</span>
+              <div class="gap-compare">
+                <span class="our-score">我方: {{ lostInfo.lostDetails.scoreGap.businessOur }}分</span>
+                <span class="gap-value negative">{{ lostInfo.lostDetails.scoreGap.businessGap }}分</span>
+                <span class="winner-score">中标方: {{ lostInfo.lostDetails.scoreGap.businessWinner }}分</span>
+              </div>
+            </div>
+            <div class="gap-item">
+              <span class="gap-label">技术标</span>
+              <div class="gap-compare">
+                <span class="our-score">我方: {{ lostInfo.lostDetails.scoreGap.technicalOur }}分</span>
+                <span class="gap-value negative">{{ lostInfo.lostDetails.scoreGap.technicalGap }}分</span>
+                <span class="winner-score">中标方: {{ lostInfo.lostDetails.scoreGap.technicalWinner }}分</span>
+              </div>
+            </div>
+            <div class="gap-item">
+              <span class="gap-label">报价</span>
+              <div class="gap-compare">
+                <span class="our-score">我方: {{ lostInfo.lostDetails.scoreGap.priceOur }}分</span>
+                <span class="gap-value negative">{{ lostInfo.lostDetails.scoreGap.priceGap }}分</span>
+                <span class="winner-score">中标方: {{ lostInfo.lostDetails.scoreGap.priceWinner }}分</span>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <div class="failure-analysis">
+          <h4>失败原因分析</h4>
+          <div class="reasons-section">
+            <h5>主要原因</h5>
+            <ul>
+              <li v-for="(reason, index) in lostInfo.failureAnalysis.mainReasons" :key="index">
+                {{ reason }}
+              </li>
+            </ul>
+          </div>
+          <div class="reasons-section">
+            <h5>次要原因</h5>
+            <ul>
+              <li v-for="(reason, index) in lostInfo.failureAnalysis.secondaryReasons" :key="index">
+                {{ reason }}
+              </li>
+            </ul>
+          </div>
+          <div class="reasons-section">
+            <h5>改进建议</h5>
+            <ul class="improvements">
+              <li v-for="(improvement, index) in lostInfo.failureAnalysis.improvements" :key="index">
+                {{ improvement }}
+              </li>
+            </ul>
+          </div>
+        </div>
+
+        <div class="action-buttons">
+          <el-button @click="submitObjection">
+            <el-icon><Warning /></el-icon>
+            质疑投诉
+          </el-button>
+          <el-button type="primary" @click="addExperience">
+            <el-icon><Edit /></el-icon>
+            经验总结
+          </el-button>
+        </div>
+      </el-card>
+    </div>
+
+    <!-- 流标情况 -->
+    <div v-if="resultType === 'failed'">
+      <el-card class="section-card">
+        <template #header>
+          <div class="card-header">
+            <h3>
+              <el-icon><WarningFilled /></el-icon>
+              流标信息
+            </h3>
+          </div>
+        </template>
+
+        <div class="failed-details">
+          <div class="detail-row">
+            <span class="label">项目状态:</span>
+            <el-tag type="danger" size="large">⚠️ 流标</el-tag>
+          </div>
+          <div class="detail-row">
+            <span class="label">流标公告时间:</span>
+            <span class="value">{{ failedInfo.announcement.publishTime }}</span>
+          </div>
+          <div class="detail-row">
+            <span class="label">流标类型:</span>
+            <span class="value">{{ failedInfo.failedDetails.failedTypeText }}</span>
+          </div>
+          <div class="detail-row">
+            <span class="label">报名单位:</span>
+            <span class="value">{{ failedInfo.failedDetails.registeredBidders }}家</span>
+          </div>
+          <div class="detail-row">
+            <span class="label">实际投标:</span>
+            <span class="value">{{ failedInfo.failedDetails.actualBidders }}家</span>
+          </div>
+        </div>
+
+        <div class="failed-reasons">
+          <h4>流标原因</h4>
+          <div class="reason-main">
+            <strong>主要原因:</strong> {{ failedInfo.failedReasons.mainReason }}
+          </div>
+          <div class="reason-details">
+            <h5>具体说明:</h5>
+            <ul>
+              <li v-for="(detail, index) in failedInfo.failedReasons.details" :key="index">
+                {{ detail }}
+              </li>
+            </ul>
+          </div>
+          <div class="reason-factors">
+            <h5>其他因素:</h5>
+            <ul>
+              <li v-for="(factor, index) in failedInfo.failedReasons.otherFactors" :key="index">
+                {{ factor }}
+              </li>
+            </ul>
+          </div>
+        </div>
+
+        <div class="follow-up">
+          <h4>后续处理</h4>
+          <div class="follow-info">
+            <div class="info-row">
+              <span class="label">处理方式:</span>
+              <span class="value">{{ failedInfo.followUp.handleMethodText }}</span>
+            </div>
+            <div class="info-row">
+              <span class="label">预计重新招标时间:</span>
+              <span class="value">{{ failedInfo.followUp.expectedRebidDate }}</span>
+            </div>
+          </div>
+          <div class="adjustments">
+            <h5>调整内容:</h5>
+            <ul>
+              <li v-for="(adj, index) in failedInfo.followUp.adjustments" :key="index">
+                {{ adj }}
+              </li>
+            </ul>
+          </div>
+          <div class="strategy">
+            <h5>我方策略:</h5>
+            <ul>
+              <li v-for="(strategy, index) in failedInfo.followUp.ourStrategy" :key="index">
+                {{ strategy }}
+              </li>
+            </ul>
+          </div>
+        </div>
+
+        <div class="deposit-refund">
+          <h4>保证金退还</h4>
+          <div class="refund-info">
+            <div class="info-row">
+              <span class="label">保证金金额:</span>
+              <span class="value">{{ failedInfo.depositRefund.depositAmountText }}</span>
+            </div>
+            <div class="info-row">
+              <span class="label">退还状态:</span>
+              <el-tag type="success">{{ failedInfo.depositRefund.refundStatusText }}</el-tag>
+            </div>
+            <div class="info-row">
+              <span class="label">退还时间:</span>
+              <span class="value">{{ failedInfo.depositRefund.refundTime }}</span>
+            </div>
+            <div class="info-row">
+              <span class="label">到账时间:</span>
+              <span class="value">{{ failedInfo.depositRefund.receivedTime }}</span>
+            </div>
+          </div>
+        </div>
+
+        <div class="action-buttons">
+          <el-button type="primary" @click="followRebid">
+            <el-icon><Refresh /></el-icon>
+            跟进重新招标
+          </el-button>
+          <el-button @click="addExperience">
+            <el-icon><Edit /></el-icon>
+            经验总结
+          </el-button>
+        </div>
+      </el-card>
+    </div>
+
+    <!-- 通用操作按钮 -->
+    <div class="common-actions">
+      <el-button size="large" @click="editResult">
+        <el-icon><Edit /></el-icon>
+        编辑结果信息
+      </el-button>
+      <el-button size="large" type="primary" @click="exportReport">
+        <el-icon><Download /></el-icon>
+        导出报告
+      </el-button>
+      <el-button size="large" @click="archiveProject">
+        <el-icon><FolderAdd /></el-icon>
+        归档项目
+      </el-button>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { ElMessage } from 'element-plus'
+import { 
+  Document, Trophy, WarningFilled, Warning, Edit, Download, 
+  FolderAdd, Upload, Briefcase, Refresh 
+} from '@element-plus/icons-vue'
+
+const props = defineProps({
+  project: {
+    type: Object,
+    required: true
+  }
+})
+
+const emit = defineEmits(['update'])
+
+// 结果类型
+const resultType = ref('won') // won / lost / failed
+
+// 中标信息
+const wonInfo = ref({
+  announcement: {
+    publishTime: '2024-12-18 10:00:00',
+    publicityPeriod: {
+      description: '3个工作日 (2024-12-18 至 2024-12-21)'
+    }
+  },
+  winningDetails: {
+    winningCompany: '我方(XX电力设备有限公司)',
+    winningAmountText: '¥2,850,000.00',
+    winningDate: '2024-12-18',
+    ranking: 1,
+    totalBidders: 8,
+    comprehensiveScore: {
+      total: 92.5,
+      businessScore: 28.5,
+      businessMaxScore: 30,
+      technicalScore: 45.0,
+      technicalMaxScore: 50,
+      priceScore: 19.0,
+      priceMaxScore: 20
+    },
+    requirements: {
+      workDaysText: '60天',
+      warrantyPeriodText: '3年',
+      performanceBondText: '¥285,000.00 (合同金额的10%)'
+    }
+  },
+  contract: {
+    signingTime: '2024-12-22 14:00:00',
+    contractNumber: 'XXDC-2024-1215-001',
+    contractAmountText: '¥2,850,000.00',
+    contractPeriod: {
+      startDate: '2024-12-22',
+      endDate: '2025-02-20',
+      days: 60
+    },
+    contractStatusText: '已签订',
+    paymentTerms: [
+      { stage: '预付款', percentage: 30, amount: 855000.00, description: '合同签订后7日内' },
+      { stage: '到货验收', percentage: 50, amount: 1425000.00, description: '设备到货验收合格后' },
+      { stage: '质保期满', percentage: 20, amount: 570000.00, description: '质保期满无质量问题' }
+    ]
+  },
+  projectExecution: {
+    projectManager: '张三',
+    startDate: '2024-12-25',
+    expectedEndDate: '2025-02-23',
+    progress: 5,
+    milestones: [
+      { name: '项目启动', date: '2024-12-25', status: 'completed' },
+      { name: '设备采购', date: '2025-01-05', status: 'ongoing' },
+      { name: '设备到货', date: '2025-01-20', status: 'pending' },
+      { name: '安装调试', date: '2025-02-01', status: 'pending' },
+      { name: '验收交付', date: '2025-02-23', status: 'pending' }
+    ]
+  }
+})
+
+// 未中标信息
+const lostInfo = ref({
+  announcement: {
+    publishTime: '2024-12-18 10:00:00'
+  },
+  lostDetails: {
+    ourRanking: 3,
+    totalBidders: 8,
+    ourScore: 88.5,
+    winningCompany: 'XX机电设备有限公司',
+    winningAmountText: '¥2,750,000.00',
+    winningScore: 93.2,
+    scoreGap: {
+      businessOur: 27.5,
+      businessWinner: 28.8,
+      businessGap: -1.3,
+      technicalOur: 43.0,
+      technicalWinner: 45.5,
+      technicalGap: -2.5,
+      priceOur: 18.0,
+      priceWinner: 18.9,
+      priceGap: -0.9
+    }
+  },
+  failureAnalysis: {
+    mainReasons: [
+      '技术方案深度不够,缺少创新点',
+      '项目经理资质略低于中标方',
+      '类似业绩数量少于中标方'
+    ],
+    secondaryReasons: [
+      '报价略高,性价比不够突出',
+      '本地服务网点未充分体现'
+    ],
+    improvements: [
+      '加强技术方案的创新性和深度',
+      '培养高级项目管理人才',
+      '积累更多类似项目业绩',
+      '优化报价策略,提升性价比'
+    ]
+  }
+})
+
+// 流标信息
+const failedInfo = ref({
+  announcement: {
+    publishTime: '2024-12-18 10:00:00'
+  },
+  failedDetails: {
+    failedTypeText: '投标人不足3家',
+    registeredBidders: 8,
+    actualBidders: 2
+  },
+  failedReasons: {
+    mainReason: '投标人数量不足法定要求',
+    details: [
+      '报名单位8家,实际投标2家',
+      '6家单位未按时提交投标文件',
+      '技术要求过高,部分企业无法满足',
+      '工期要求紧张,影响投标意愿'
+    ],
+    otherFactors: [
+      '项目预算偏低,利润空间有限',
+      '同期竞争项目较多'
+    ]
+  },
+  followUp: {
+    handleMethodText: '重新招标',
+    expectedRebidDate: '2024-12-25',
+    adjustments: [
+      '适当放宽技术要求',
+      '延长工期至90天',
+      '提高项目预算5%'
+    ],
+    ourStrategy: [
+      '继续跟进重新招标',
+      '优化技术方案',
+      '调整报价策略'
+    ]
+  },
+  depositRefund: {
+    depositAmountText: '¥50,000.00',
+    refundStatusText: '已退还',
+    refundTime: '2024-12-20 15:30:00',
+    receivedTime: '2024-12-21 10:15:00'
+  }
+})
+
+// 格式化价格
+const formatPrice = (price) => {
+  return '¥' + price.toLocaleString('zh-CN', { minimumFractionDigits: 2, maximumFractionDigits: 2 })
+}
+
+// 方法
+const viewPublicityPage = () => {
+  ElMessage.info('打开公示页面')
+}
+
+const downloadNotice = () => {
+  ElMessage.success('中标通知书已下载')
+}
+
+const uploadContract = () => {
+  ElMessage.info('打开合同上传对话框')
+}
+
+const submitObjection = () => {
+  ElMessage.info('打开质疑投诉对话框')
+}
+
+const addExperience = () => {
+  ElMessage.info('打开经验总结对话框')
+}
+
+const followRebid = () => {
+  ElMessage.info('跟进重新招标项目')
+}
+
+const editResult = () => {
+  ElMessage.info('进入编辑模式')
+  emit('update')
+}
+
+const exportReport = () => {
+  ElMessage.success('报告已导出')
+}
+
+const archiveProject = () => {
+  ElMessage.success('项目已归档')
+}
+</script>
+
+<style lang="scss" scoped>
+.result-announcement-panel {
+  .section-card {
+    margin-bottom: 24px;
+
+    .card-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+
+      h3 {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        font-size: 18px;
+        font-weight: 600;
+        color: #1f2937;
+        margin: 0;
+      }
+    }
+  }
+
+  .info-grid {
+    display: grid;
+    grid-template-columns: repeat(2, 1fr);
+    gap: 16px;
+
+    .info-item {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 12px;
+      background: #f9fafb;
+      border-radius: 8px;
+
+      .label {
+        font-size: 14px;
+        color: #6b7280;
+        min-width: 100px;
+      }
+
+      .value {
+        font-size: 14px;
+        color: #1f2937;
+        font-weight: 500;
+      }
+    }
+  }
+
+  .winning-details {
+    margin-bottom: 24px;
+
+    .detail-row {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 12px 0;
+      border-bottom: 1px solid #f3f4f6;
+
+      &.highlight {
+        background: #fef3c7;
+        padding: 16px;
+        border-radius: 8px;
+        border: none;
+        margin-bottom: 8px;
+      }
+
+      .label {
+        font-size: 14px;
+        color: #6b7280;
+        min-width: 100px;
+      }
+
+      .value {
+        font-size: 14px;
+        color: #1f2937;
+        font-weight: 500;
+
+        &.price {
+          color: #ef4444;
+          font-size: 18px;
+          font-weight: 600;
+        }
+      }
+    }
+  }
+
+  .score-section {
+    margin: 24px 0;
+    padding: 20px;
+    background: #f9fafb;
+    border-radius: 12px;
+
+    h4 {
+      font-size: 16px;
+      font-weight: 600;
+      color: #1f2937;
+      margin: 0 0 16px 0;
+    }
+
+    .score-grid {
+      display: grid;
+      grid-template-columns: repeat(4, 1fr);
+      gap: 16px;
+
+      .score-item {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        gap: 8px;
+        padding: 16px;
+        background: #fff;
+        border-radius: 8px;
+        border: 2px solid #e5e7eb;
+
+        &.total {
+          border-color: #10b981;
+          background: #f0fdf4;
+
+          .score-value {
+            color: #10b981;
+            font-size: 32px;
+          }
+        }
+
+        .score-label {
+          font-size: 13px;
+          color: #6b7280;
+        }
+
+        .score-value {
+          font-size: 24px;
+          font-weight: 600;
+          color: #1f2937;
+        }
+      }
+    }
+  }
+
+  .requirements-section {
+    h4 {
+      font-size: 16px;
+      font-weight: 600;
+      color: #1f2937;
+      margin: 0 0 16px 0;
+    }
+
+    .req-grid {
+      display: grid;
+      grid-template-columns: repeat(3, 1fr);
+      gap: 16px;
+
+      .req-item {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+
+        .req-label {
+          font-size: 13px;
+          color: #6b7280;
+        }
+
+        .req-value {
+          font-size: 14px;
+          color: #1f2937;
+          font-weight: 500;
+        }
+      }
+    }
+  }
+
+  .contract-info,
+  .execution-info,
+  .lost-details,
+  .failed-details {
+    margin-bottom: 24px;
+
+    .info-row {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 12px 0;
+      border-bottom: 1px solid #f3f4f6;
+
+      .label {
+        font-size: 14px;
+        color: #6b7280;
+        min-width: 120px;
+      }
+
+      .value {
+        font-size: 14px;
+        color: #1f2937;
+        font-weight: 500;
+
+        &.price {
+          color: #ef4444;
+          font-size: 16px;
+          font-weight: 600;
+        }
+      }
+    }
+  }
+
+  .payment-terms,
+  .milestones {
+    margin: 24px 0;
+
+    h4 {
+      font-size: 16px;
+      font-weight: 600;
+      color: #1f2937;
+      margin: 0 0 16px 0;
+    }
+
+    .payment-item {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+
+      .payment-stage {
+        font-weight: 500;
+      }
+
+      .payment-amount {
+        color: #ef4444;
+        font-weight: 600;
+      }
+    }
+  }
+
+  .gap-analysis {
+    margin: 24px 0;
+    padding: 20px;
+    background: #fef2f2;
+    border-radius: 12px;
+
+    h4 {
+      font-size: 16px;
+      font-weight: 600;
+      color: #1f2937;
+      margin: 0 0 16px 0;
+    }
+
+    .gap-grid {
+      display: grid;
+      gap: 16px;
+
+      .gap-item {
+        padding: 16px;
+        background: #fff;
+        border-radius: 8px;
+
+        .gap-label {
+          font-size: 14px;
+          font-weight: 600;
+          color: #1f2937;
+          display: block;
+          margin-bottom: 12px;
+        }
+
+        .gap-compare {
+          display: flex;
+          align-items: center;
+          justify-content: space-between;
+          gap: 12px;
+
+          .our-score {
+            color: #6b7280;
+          }
+
+          .gap-value {
+            font-weight: 600;
+            padding: 4px 12px;
+            border-radius: 4px;
+
+            &.negative {
+              color: #ef4444;
+              background: #fee2e2;
+            }
+          }
+
+          .winner-score {
+            color: #10b981;
+            font-weight: 600;
+          }
+        }
+      }
+    }
+  }
+
+  .failure-analysis,
+  .failed-reasons,
+  .follow-up,
+  .deposit-refund {
+    margin: 24px 0;
+
+    h4, h5 {
+      font-size: 16px;
+      font-weight: 600;
+      color: #1f2937;
+      margin: 0 0 12px 0;
+    }
+
+    h5 {
+      font-size: 14px;
+      margin-top: 16px;
+    }
+
+    ul {
+      margin: 0;
+      padding-left: 24px;
+
+      li {
+        margin: 8px 0;
+        color: #4b5563;
+      }
+
+      &.improvements li {
+        color: #10b981;
+      }
+    }
+
+    .reason-main {
+      padding: 12px;
+      background: #fef2f2;
+      border-radius: 8px;
+      margin-bottom: 16px;
+    }
+  }
+
+  .action-buttons,
+  .common-actions {
+    display: flex;
+    gap: 12px;
+    margin-top: 24px;
+    padding-top: 24px;
+    border-top: 1px solid #e5e7eb;
+  }
+}
+</style>
diff --git a/江西城市生命线-可交互原型/frontend/src/components/project/开标信息编辑功能说明.md b/江西城市生命线-可交互原型/frontend/src/components/project/开标信息编辑功能说明.md
new file mode 100644
index 00000000..10fe0c9a
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/components/project/开标信息编辑功能说明.md
@@ -0,0 +1,405 @@
+# 开标信息编辑功能说明
+
+## 📝 功能概述
+
+开标会议信息现已支持完整的编辑功能，用户可以自定义开标时间、地点、参会人员等信息。
+
+## ✨ 新增功能
+
+### 1. **编辑开标时间** 📅
+
+**日期选择**:
+- 使用日期选择器选择开标日期
+- 格式：YYYY-MM-DD
+- 宽度：200px
+
+**时间选择**:
+- 使用时间选择器选择开标时间
+- 格式：HH:mm:ss
+- 宽度：150px
+
+### 2. **编辑开标地点** 📍
+
+**可编辑字段**:
+- **地址**: 文本输入框（300px）
+- **联系电话**: 文本输入框（200px）
+- **备注**: 多行文本框（2行，300px）
+
+**删除的功能**:
+- ❌ 查看地图按钮
+- ❌ 一键导航按钮
+
+### 3. **编辑参会人员** 👥
+
+**编辑功能**:
+- 每个参会人员可编辑姓名和电话
+- 姓名输入框：120px
+- 电话输入框：150px
+
+**删除功能**:
+- 每个参会人员旁边有"删除"按钮
+- 点击删除会弹出确认对话框
+- 确认后删除该参会人员
+
+**添加功能**:
+- 底部有"添加参会人员"按钮
+- 点击后添加新的空白参会人员
+- 默认角色为"参会人员"
+
+## 🎨 界面布局
+
+### 开标时间区域
+```
+📅 开标时间
+├─ 日期: [日期选择器: 2024-12-15]
+├─ 时间: [时间选择器: 09:30:00]
+├─ 倒计时: [还剩6天2小时15分钟]
+└─ 状态: [🟡 待开标]
+```
+
+### 开标地点区域
+```
+📍 开标地点
+├─ 地址: [输入框: XX市公共资源交易中心3楼开标室A]
+├─ 联系电话: [输入框: 0791-88888888]
+└─ 备注: [文本框: 需携带法人授权委托书原件及身份证]
+```
+
+### 参会人员区域
+```
+👥 参会人员
+├─ 投标代表: [姓名: 张三] [电话: 13800138000] [删除]
+├─ 技术负责人: [姓名: 李四] [电话: 13900139000] [删除]
+├─ 备选人员: [姓名: 王五] [电话: 13700137000] [删除]
+└─ [+ 添加参会人员]
+```
+
+## 💻 代码实现
+
+### 模板结构
+
+```vue
+<!-- 开标时间 -->
+<div class="info-item">
+  <span class="label">日期:</span>
+  <el-date-picker
+    v-model="biddingInfo.dateValue"
+    type="date"
+    format="YYYY-MM-DD"
+  />
+</div>
+
+<div class="info-item">
+  <span class="label">时间:</span>
+  <el-time-picker
+    v-model="biddingInfo.timeValue"
+    format="HH:mm:ss"
+  />
+</div>
+
+<!-- 开标地点 -->
+<div class="info-item">
+  <span class="label">地址:</span>
+  <el-input
+    v-model="biddingInfo.location.address"
+    placeholder="请输入开标地址"
+  />
+</div>
+
+<!-- 参会人员 -->
+<div 
+  v-for="(person, index) in biddingInfo.attendees" 
+  :key="index"
+  class="info-item editable-person"
+>
+  <span class="label">{{ person.role }}:</span>
+  <div class="person-inputs">
+    <el-input v-model="person.name" placeholder="姓名" />
+    <el-input v-model="person.phone" placeholder="电话" />
+    <el-button @click="removePerson(index)">删除</el-button>
+  </div>
+</div>
+
+<el-button @click="addPerson">
+  添加参会人员
+</el-button>
+```
+
+### 数据结构
+
+```javascript
+const biddingInfo = ref({
+  dateValue: '2024-12-15',  // 日期选择器绑定值
+  timeValue: '09:30:00',    // 时间选择器绑定值
+  countdown: '还剩6天2小时15分钟',
+  statusText: '待开标',
+  
+  location: {
+    address: 'XX市公共资源交易中心3楼开标室A',
+    phone: '0791-88888888',
+    note: '需携带法人授权委托书原件及身份证'
+  },
+  
+  attendees: [
+    { role: '投标代表', name: '张三', phone: '13800138000' },
+    { role: '技术负责人', name: '李四', phone: '13900139000' },
+    { role: '备选人员', name: '王五', phone: '13700137000' }
+  ]
+})
+```
+
+### 核心方法
+
+#### 1. 添加参会人员
+```javascript
+const addPerson = () => {
+  biddingInfo.value.attendees.push({
+    role: '参会人员',
+    name: '',
+    phone: ''
+  })
+  ElMessage.success('已添加参会人员，请填写信息')
+}
+```
+
+#### 2. 删除参会人员
+```javascript
+const removePerson = (index) => {
+  ElMessageBox.confirm('确定要删除这个参会人员吗？', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => {
+    biddingInfo.value.attendees.splice(index, 1)
+    ElMessage.success('删除成功')
+  }).catch(() => {
+    ElMessage.info('已取消删除')
+  })
+}
+```
+
+## 🎨 样式实现
+
+```scss
+.info-item {
+  &.editable-person {
+    .person-inputs {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      flex: 1;
+    }
+  }
+}
+```
+
+## 🔄 已删除的功能
+
+### 地图导航功能
+```javascript
+// ❌ 已删除
+const viewMap = () => {
+  ElMessage.info('打开地图查看开标地点')
+}
+
+const navigate = () => {
+  ElMessage.info('启动导航到开标地点')
+}
+```
+
+**删除原因**:
+- 简化界面，减少不必要的功能
+- 用户可以直接复制地址使用第三方地图应用
+
+## 📊 组件导入变更
+
+### 新增导入
+```javascript
+import { ElMessageBox } from 'element-plus'
+import { Delete, Plus } from '@element-plus/icons-vue'
+```
+
+### 删除导入
+```javascript
+// ❌ 已删除
+import { Location, Position } from '@element-plus/icons-vue'
+```
+
+## 🎯 使用场景
+
+### 场景 1: 修改开标时间
+项目经理收到通知，开标时间延期。
+
+**操作步骤**:
+1. 点击日期选择器，选择新的日期
+2. 点击时间选择器，选择新的时间
+3. 系统自动更新倒计时
+
+### 场景 2: 更新开标地点
+开标地点临时变更。
+
+**操作步骤**:
+1. 在地址输入框中修改新地址
+2. 更新联系电话
+3. 在备注中添加变更说明
+
+### 场景 3: 调整参会人员
+技术负责人临时有事，需要更换。
+
+**操作步骤**:
+1. 找到"技术负责人"行
+2. 修改姓名和电话
+3. 或点击"删除"按钮移除
+4. 点击"添加参会人员"添加新人员
+
+### 场景 4: 增加参会人员
+需要增加一名备用人员。
+
+**操作步骤**:
+1. 点击"添加参会人员"按钮
+2. 填写新人员的姓名
+3. 填写新人员的电话
+
+## ⚠️ 注意事项
+
+### 1. 数据验证
+建议添加数据验证：
+
+```javascript
+const addPerson = () => {
+  // 检查是否有未填写完整的人员
+  const hasEmpty = biddingInfo.value.attendees.some(
+    p => !p.name || !p.phone
+  )
+  
+  if (hasEmpty) {
+    ElMessage.warning('请先完成当前人员信息的填写')
+    return
+  }
+  
+  biddingInfo.value.attendees.push({
+    role: '参会人员',
+    name: '',
+    phone: ''
+  })
+}
+```
+
+### 2. 电话号码格式
+建议添加电话号码格式验证：
+
+```javascript
+const validatePhone = (phone) => {
+  const phoneReg = /^1[3-9]\d{9}$/
+  return phoneReg.test(phone)
+}
+```
+
+### 3. 最少参会人员
+建议至少保留一名参会人员：
+
+```javascript
+const removePerson = (index) => {
+  if (biddingInfo.value.attendees.length <= 1) {
+    ElMessage.warning('至少需要保留一名参会人员')
+    return
+  }
+  // ... 删除逻辑
+}
+```
+
+### 4. 保存提示
+修改后建议添加保存按钮：
+
+```vue
+<el-button type="primary" @click="saveBiddingInfo">
+  保存修改
+</el-button>
+```
+
+## 🚀 后续优化建议
+
+### 1. 角色选择
+为参会人员添加角色下拉选择：
+
+```vue
+<el-select v-model="person.role" placeholder="选择角色">
+  <el-option label="投标代表" value="投标代表" />
+  <el-option label="技术负责人" value="技术负责人" />
+  <el-option label="备选人员" value="备选人员" />
+  <el-option label="其他" value="其他" />
+</el-select>
+```
+
+### 2. 批量导入
+支持从 Excel 批量导入参会人员：
+
+```vue
+<el-upload
+  accept=".xlsx,.xls"
+  :on-change="importAttendees"
+>
+  <el-button>批量导入</el-button>
+</el-upload>
+```
+
+### 3. 历史记录
+记录开标信息的修改历史：
+
+```javascript
+const history = ref([])
+
+const saveBiddingInfo = () => {
+  history.value.push({
+    time: new Date(),
+    data: JSON.parse(JSON.stringify(biddingInfo.value))
+  })
+}
+```
+
+### 4. 自动提醒
+根据开标时间自动设置提醒：
+
+```javascript
+watch(() => biddingInfo.value.dateValue, (newDate) => {
+  // 自动设置提前1天、3小时、30分钟的提醒
+  setReminders(newDate)
+})
+```
+
+## 📸 效果对比
+
+### 修改前
+```
+📍 开标地点
+地址: XX市公共资源交易中心3楼开标室A
+联系电话: 0791-88888888
+导航: [查看地图] [一键导航]  ← 删除
+备注: 需携带法人授权委托书原件及身份证
+
+👥 参会人员
+投标代表: 张三 (13800138000)  ← 不可编辑
+技术负责人: 李四 (13900139000)
+备选人员: 王五 (13700137000)
+```
+
+### 修改后
+```
+📍 开标地点
+地址: [输入框]  ← 可编辑
+联系电话: [输入框]
+备注: [文本框]
+
+👥 参会人员
+投标代表: [姓名] [电话] [删除]  ← 可编辑、可删除
+技术负责人: [姓名] [电话] [删除]
+备选人员: [姓名] [电话] [删除]
+[+ 添加参会人员]  ← 可添加
+```
+
+---
+
+**版本**: v1.4.0  
+**更新时间**: 2024-12-08  
+**功能状态**: ✅ 已实现  
+**适用模块**: BiddingInfo.vue
diff --git a/江西城市生命线-可交互原型/frontend/src/components/project/投标单位报价编辑功能说明.md b/江西城市生命线-可交互原型/frontend/src/components/project/投标单位报价编辑功能说明.md
new file mode 100644
index 00000000..49962fe6
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/components/project/投标单位报价编辑功能说明.md
@@ -0,0 +1,428 @@
+# 投标单位报价编辑功能说明
+
+## 📝 功能概述
+
+开标记录中的"所有投标单位报价"表格现已支持完整的编辑功能，用户可以添加、编辑、删除投标单位信息，并标记我方单位。
+
+## ✨ 新增功能
+
+### 1. **编辑投标单位信息** ✏️
+
+**可编辑字段**:
+- **排名**: 数字输入框（1-99）
+- **投标单位**: 文本输入框
+- **报价金额**: 数字输入框（精度2位小数，步长1000）
+- **工期(天)**: 数字输入框（1-999）
+
+### 2. **添加投标单位** ➕
+
+**操作方式**:
+- 点击表格右上角的"添加投标单位"按钮
+- 自动添加新行，排名自动递增
+- 填写单位名称、报价金额、工期
+
+**默认值**:
+```javascript
+{
+  rank: 自动递增,
+  company: '',
+  price: 0,
+  workDays: 60,
+  isOur: false
+}
+```
+
+### 3. **删除投标单位** 🗑️
+
+**操作方式**:
+- 点击每行的"删除"按钮
+- 弹出确认对话框
+- 确认后删除该投标单位
+- 自动重新排序（rank 重新计算）
+
+### 4. **标记为我方** 🏷️
+
+**操作方式**:
+- 点击"标记为我方"按钮
+- 自动清除其他单位的我方标记
+- 标记当前单位为我方
+- 我方单位名称和报价高亮显示
+
+**视觉效果**:
+- 单位名称：紫色加粗（#7c3aed）
+- 报价金额：红色加粗（#ef4444）
+- 按钮文字：显示"我方"并禁用
+
+### 5. **保存开标记录** 💾
+
+**操作方式**:
+- 点击"保存开标记录"按钮
+- 验证所有单位信息是否完整
+- 保存成功后触发更新事件
+
+**验证规则**:
+- 单位名称不能为空
+- 报价金额必须大于0
+
+## 🎨 界面布局
+
+### 表格头部
+```
+所有投标单位报价                [+ 添加投标单位]
+```
+
+### 表格内容
+```
+┌────┬──────────────┬────────┬────────┬──────────────┐
+│排名│ 投标单位      │报价金额│工期(天)│ 操作          │
+├────┼──────────────┼────────┼────────┼──────────────┤
+│ 1  │[输入框]      │[数字]  │[数字]  │[标记][删除]  │
+│ 2  │[输入框]      │[数字]  │[数字]  │[标记][删除]  │
+│ 3  │[输入框]★     │[数字]★ │[数字]  │[我方][删除]  │
+└────┴──────────────┴────────┴────────┴──────────────┘
+★ = 我方单位高亮显示
+```
+
+### 操作按钮
+```
+[✓ 保存开标记录]  [📥 下载开标记录表]
+```
+
+## 💻 代码实现
+
+### 模板结构
+
+```vue
+<div class="bidders-table">
+  <!-- 表头 -->
+  <div class="table-header">
+    <h4>所有投标单位报价</h4>
+    <el-button @click="addBidder">添加投标单位</el-button>
+  </div>
+
+  <!-- 可编辑表格 -->
+  <el-table :data="biddingInfo.record.allBidders">
+    <!-- 排名 -->
+    <el-table-column label="排名">
+      <template #default="{ row }">
+        <el-input-number v-model="row.rank" />
+      </template>
+    </el-table-column>
+
+    <!-- 投标单位 -->
+    <el-table-column label="投标单位">
+      <template #default="{ row }">
+        <el-input 
+          v-model="row.company"
+          :class="{ 'our-company-input': row.isOur }"
+        />
+      </template>
+    </el-table-column>
+
+    <!-- 报价金额 -->
+    <el-table-column label="报价金额">
+      <template #default="{ row }">
+        <el-input-number 
+          v-model="row.price"
+          :class="{ 'our-price-input': row.isOur }"
+        />
+      </template>
+    </el-table-column>
+
+    <!-- 工期 -->
+    <el-table-column label="工期(天)">
+      <template #default="{ row }">
+        <el-input-number v-model="row.workDays" />
+      </template>
+    </el-table-column>
+
+    <!-- 操作 -->
+    <el-table-column label="操作">
+      <template #default="{ row, $index }">
+        <el-button 
+          @click="markAsOur($index)"
+          :disabled="row.isOur"
+        >
+          {{ row.isOur ? '我方' : '标记为我方' }}
+        </el-button>
+        <el-button @click="removeBidder($index)">
+          删除
+        </el-button>
+      </template>
+    </el-table-column>
+  </el-table>
+</div>
+
+<!-- 操作按钮 -->
+<div class="record-actions">
+  <el-button type="success" @click="saveBiddingRecord">
+    保存开标记录
+  </el-button>
+  <el-button type="primary" @click="downloadRecord">
+    下载开标记录表
+  </el-button>
+</div>
+```
+
+### 核心方法
+
+#### 1. 添加投标单位
+```javascript
+const addBidder = () => {
+  const newRank = biddingInfo.value.record.allBidders.length + 1
+  biddingInfo.value.record.allBidders.push({
+    rank: newRank,
+    company: '',
+    price: 0,
+    workDays: 60,
+    isOur: false
+  })
+  ElMessage.success('已添加投标单位，请填写信息')
+}
+```
+
+#### 2. 删除投标单位
+```javascript
+const removeBidder = (index) => {
+  ElMessageBox.confirm('确定要删除这个投标单位吗？', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => {
+    biddingInfo.value.record.allBidders.splice(index, 1)
+    // 重新排序
+    biddingInfo.value.record.allBidders.forEach((bidder, idx) => {
+      bidder.rank = idx + 1
+    })
+    ElMessage.success('删除成功')
+  })
+}
+```
+
+#### 3. 标记为我方
+```javascript
+const markAsOur = (index) => {
+  // 先清除所有的我方标记
+  biddingInfo.value.record.allBidders.forEach(bidder => {
+    bidder.isOur = false
+  })
+  // 标记当前为我方
+  biddingInfo.value.record.allBidders[index].isOur = true
+  ElMessage.success('已标记为我方')
+}
+```
+
+#### 4. 保存开标记录
+```javascript
+const saveBiddingRecord = () => {
+  // 验证数据
+  const hasEmpty = biddingInfo.value.record.allBidders.some(
+    b => !b.company || b.price <= 0
+  )
+  
+  if (hasEmpty) {
+    ElMessage.warning('请完整填写所有投标单位信息')
+    return
+  }
+  
+  ElMessage.success('开标记录已保存')
+  emit('update')
+}
+```
+
+## 🎨 样式实现
+
+### 表头样式
+```scss
+.table-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16px;
+}
+```
+
+### 我方单位高亮
+```scss
+// 单位名称高亮
+:deep(.our-company-input) {
+  .el-input__inner {
+    color: #7c3aed;  // 紫色
+    font-weight: 600;
+  }
+}
+
+// 报价金额高亮
+:deep(.our-price-input) {
+  input {
+    color: #ef4444;  // 红色
+    font-weight: 600;
+  }
+}
+```
+
+### 数字输入框
+```scss
+:deep(.el-input-number) {
+  width: 100%;  // 填满单元格
+}
+```
+
+## 🎯 使用场景
+
+### 场景 1: 录入开标结果
+开标会议结束后，需要录入所有投标单位的报价信息。
+
+**操作步骤**:
+1. 点击"添加投标单位"按钮8次（假设8家单位）
+2. 依次填写每家单位的名称、报价、工期
+3. 找到我方单位，点击"标记为我方"
+4. 点击"保存开标记录"
+
+### 场景 2: 修正错误信息
+发现某家单位的报价录入错误。
+
+**操作步骤**:
+1. 找到对应的单位行
+2. 修改报价金额
+3. 点击"保存开标记录"
+
+### 场景 3: 删除无效单位
+某家单位临时弃标，需要删除。
+
+**操作步骤**:
+1. 找到对应的单位行
+2. 点击"删除"按钮
+3. 确认删除
+4. 系统自动重新排序
+5. 点击"保存开标记录"
+
+### 场景 4: 调整排名
+根据最终评分调整排名顺序。
+
+**操作步骤**:
+1. 修改各单位的排名数字
+2. 点击"保存开标记录"
+
+## ⚠️ 注意事项
+
+### 1. 数据验证
+保存时会验证：
+- 单位名称不能为空
+- 报价金额必须大于0
+
+### 2. 自动排序
+删除单位后会自动重新排序，确保排名连续。
+
+### 3. 唯一我方
+同时只能有一个单位被标记为"我方"，标记新的会自动清除旧的。
+
+### 4. 报价格式
+报价金额支持两位小数，步长为1000元。
+
+## 🚀 后续优化建议
+
+### 1. 批量导入
+支持从 Excel 批量导入投标单位信息：
+
+```vue
+<el-upload
+  accept=".xlsx,.xls"
+  :on-change="importBidders"
+>
+  <el-button>批量导入</el-button>
+</el-upload>
+```
+
+### 2. 自动排序
+根据报价金额自动排序：
+
+```javascript
+const autoSort = () => {
+  biddingInfo.value.record.allBidders.sort((a, b) => a.price - b.price)
+  biddingInfo.value.record.allBidders.forEach((bidder, idx) => {
+    bidder.rank = idx + 1
+  })
+}
+```
+
+### 3. 数据导出
+导出为 Excel 格式：
+
+```javascript
+const exportToExcel = () => {
+  // 使用 xlsx 库导出
+  const data = biddingInfo.value.record.allBidders.map(b => ({
+    '排名': b.rank,
+    '投标单位': b.company,
+    '报价金额': b.price,
+    '工期': b.workDays
+  }))
+  // ... 导出逻辑
+}
+```
+
+### 4. 历史对比
+对比上次开标记录：
+
+```javascript
+const compareWithHistory = () => {
+  // 显示与历史记录的差异
+}
+```
+
+### 5. 价格区间验证
+验证报价是否在合理区间：
+
+```javascript
+const validatePrice = (price) => {
+  const controlPrice = biddingInfo.value.record.controlPrice
+  if (price > controlPrice) {
+    ElMessage.warning('报价超过控制价')
+  }
+}
+```
+
+## 📸 效果对比
+
+### 修改前
+```
+所有投标单位报价
+
+排名 | 投标单位 | 报价金额 | 工期
+-----|----------|----------|------
+  1  | XX公司   | ¥2,650,000 | 55
+  2  | XX公司   | ¥2,750,000 | 60
+  3  | 我方     | ¥2,850,000 | 60  ← 只读显示
+```
+
+### 修改后
+```
+所有投标单位报价              [+ 添加投标单位]
+
+排名 | 投标单位 | 报价金额 | 工期 | 操作
+-----|----------|----------|------|-------------
+ [1] | [输入框] | [数字]   | [60] | [标记][删除]
+ [2] | [输入框] | [数字]   | [60] | [标记][删除]
+ [3] | [输入框]★| [数字]★  | [60] | [我方][删除]  ← 可编辑
+
+[✓ 保存开标记录]  [📥 下载开标记录表]
+```
+
+## 🔄 按钮变更
+
+### 删除的按钮
+- ❌ "查看详细记录"
+
+### 新增的按钮
+- ✅ "添加投标单位"
+- ✅ "保存开标记录"
+- ✅ "标记为我方"
+- ✅ "删除"（每行）
+
+---
+
+**版本**: v1.5.0  
+**更新时间**: 2024-12-08  
+**功能状态**: ✅ 已实现  
+**适用模块**: BiddingInfo.vue
diff --git a/江西城市生命线-可交互原型/frontend/src/components/project/更新日志.md b/江西城市生命线-可交互原型/frontend/src/components/project/更新日志.md
new file mode 100644
index 00000000..1364c8a1
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/components/project/更新日志.md
@@ -0,0 +1,185 @@
+# 项目管理组件更新日志
+
+## v1.1.0 (2024-12-08)
+
+### 🎨 界面优化
+
+#### FileSubmission.vue - 文件提交模块
+
+**变更内容**:
+
+1. **删除报价文件部分**
+   - 移除了报价文件的展示区域
+   - 删除了相关的数据定义 (`priceDoc`)
+   - 删除了"修改报价"功能 (`modifyPrice`)
+
+2. **调整状态显示布局**
+   - 将状态标签从详情列表中移到标题旁边
+   - 状态标签尺寸从 `small` 改为 `large`
+   - 添加了 `doc-header` 容器，使标题和状态在同一行
+   - 在标题和详情之间添加了分隔线
+
+**视觉效果**:
+```
+之前:
+┌─────────────────────────────┐
+│ 📑 商务标书                  │
+│                             │
+│ 文件名称: xxx.pdf           │
+│ 生成时间: 2024-12-08        │
+│ 文件大小: 15.6 MB           │
+│ 页数: 85页                  │
+│ 状态: [已完成]              │
+│                             │
+│ [预览] [下载] [重新生成]    │
+└─────────────────────────────┘
+
+现在:
+┌─────────────────────────────┐
+│ 📑 商务标书      [已完成]   │
+│ ─────────────────────────── │
+│ 文件名称: xxx.pdf           │
+│ 生成时间: 2024-12-08        │
+│ 文件大小: 15.6 MB           │
+│ 页数: 85页                  │
+│                             │
+│ [预览] [下载] [重新生成]    │
+└─────────────────────────────┘
+```
+
+**样式变更**:
+- 新增 `.doc-header` 样式
+  - `display: flex` - 横向布局
+  - `justify-content: space-between` - 两端对齐
+  - `border-bottom: 2px solid #e5e7eb` - 底部分隔线
+  - `padding-bottom: 12px` - 底部内边距
+
+**数据结构变更**:
+```javascript
+// 删除
+const priceDoc = ref({
+  fileName: '某数据中心发电机组采购-报价表.xlsx',
+  generateTime: '2024-12-09 10:20:15',
+  fileSize: '2.1 MB',
+  amount: '¥2,850,000.00',
+  status: '已完成'
+})
+
+// 删除
+const modifyPrice = () => {
+  ElMessage.info('打开报价修改对话框')
+}
+```
+
+### 📊 影响范围
+
+**受影响的功能**:
+- ✅ 文件提交模块 - 界面优化
+- ⚠️ 报价文件相关功能 - 已移除
+
+**不受影响的功能**:
+- ✅ 商务标书展示和操作
+- ✅ 技术标书展示和操作
+- ✅ 时间节点展示
+- ✅ 检查清单功能
+- ✅ 提交功能
+
+### 🔄 迁移指南
+
+如果您的代码中引用了报价文件相关功能，请进行以下调整：
+
+1. **移除报价文件引用**
+```javascript
+// 删除这些引用
+priceDoc.value
+modifyPrice()
+```
+
+2. **更新文档数量**
+```javascript
+// 之前: 3个文件（商务标、技术标、报价文件）
+// 现在: 2个文件（商务标、技术标）
+```
+
+3. **更新检查清单**
+```javascript
+// 如果检查清单中包含"报价文件核对"，建议移除或调整
+```
+
+### 🎯 优化效果
+
+**优点**:
+1. ✅ 界面更简洁，状态一目了然
+2. ✅ 减少了冗余信息
+3. ✅ 状态标签更突出
+4. ✅ 视觉层次更清晰
+
+**注意事项**:
+1. ⚠️ 如果业务需要报价文件，需要在其他地方展示
+2. ⚠️ 确保后端API不再返回报价文件数据
+3. ⚠️ 更新相关文档和测试用例
+
+### 📝 文件变更清单
+
+**修改的文件**:
+- `FileSubmission.vue` (模板、脚本、样式)
+
+**修改的行数**:
+- 删除: ~50 行
+- 新增: ~15 行
+- 修改: ~10 行
+
+**代码差异**:
+```diff
+- 报价文件展示区域 (HTML)
+- priceDoc 数据定义 (JavaScript)
+- modifyPrice 函数 (JavaScript)
++ doc-header 容器 (HTML)
++ doc-header 样式 (CSS)
+```
+
+### 🧪 测试建议
+
+1. **视觉测试**
+   - 检查状态标签是否正确显示在标题旁边
+   - 确认分隔线是否正常显示
+   - 验证标签尺寸是否合适
+
+2. **功能测试**
+   - 测试预览、下载、重新生成按钮
+   - 确认没有报价相关的错误
+   - 验证其他功能正常工作
+
+3. **响应式测试**
+   - 测试不同屏幕尺寸下的显示效果
+   - 确保移动端显示正常
+
+### 📸 截图对比
+
+**优化前**:
+- 状态标签在详情列表中
+- 报价文件占用额外空间
+- 信息密集度高
+
+**优化后**:
+- 状态标签在标题旁边，更醒目
+- 移除报价文件，界面更简洁
+- 信息层次更清晰
+
+---
+
+## v1.0.0 (2024-12-08)
+
+### 🎉 初始版本
+
+- ✅ 实现文件提交模块
+- ✅ 实现开标信息模块
+- ✅ 实现结果公示模块
+- ✅ 集成到 BiddingView 页面
+- ✅ 完成文档编写
+
+---
+
+**维护者**: Cascade AI Assistant  
+**更新时间**: 2024-12-08  
+**版本**: v1.1.0
diff --git a/江西城市生命线-可交互原型/frontend/src/components/project/检查清单编辑功能说明.md b/江西城市生命线-可交互原型/frontend/src/components/project/检查清单编辑功能说明.md
new file mode 100644
index 00000000..cc02bd39
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/components/project/检查清单编辑功能说明.md
@@ -0,0 +1,332 @@
+# 检查清单编辑功能说明
+
+## 📝 功能概述
+
+文件提交模块的"提交前检查清单"现已支持完整的编辑功能，用户可以自定义检查项内容。
+
+## ✨ 新增功能
+
+### 1. **编辑检查项** ✏️
+
+**操作方式**:
+- 鼠标悬停在检查项上，显示"编辑"按钮
+- 点击"编辑"按钮
+- 检查项文本变为可编辑的输入框
+- 修改内容后按 `Enter` 或点击外部区域保存
+
+**特点**:
+- ✅ 即时编辑，无需额外对话框
+- ✅ 支持键盘快捷键（Enter 保存）
+- ✅ 自动失焦保存
+
+### 2. **删除检查项** 🗑️
+
+**操作方式**:
+- 鼠标悬停在检查项上，显示"删除"按钮
+- 点击"删除"按钮
+- 弹出确认对话框
+- 确认后删除该检查项
+
+**特点**:
+- ✅ 二次确认，防止误删
+- ✅ 自动更新完成度进度
+- ✅ 同步移除已勾选状态
+
+**安全机制**:
+```javascript
+// 删除时会同时：
+1. 从检查清单中移除
+2. 从已勾选项中移除
+3. 重新计算完成度
+```
+
+### 3. **添加检查项** ➕
+
+**操作方式**:
+- 点击检查清单底部的"添加检查项"按钮
+- 在弹出的对话框中输入检查项内容
+- 设置是否为必须项（开关）
+- 点击"确定"添加
+
+**特点**:
+- ✅ 支持自定义检查项内容
+- ✅ 可设置必须/非必须
+- ✅ 字数限制（最多50字）
+- ✅ 实时显示字数统计
+
+**对话框字段**:
+| 字段 | 类型 | 说明 |
+|------|------|------|
+| 检查项 | 文本输入 | 最多50字，显示字数统计 |
+| 是否必须 | 开关 | 开启后显示"必须"标签 |
+
+## 🎨 界面设计
+
+### 检查项布局
+
+```
+┌─────────────────────────────────────────────────┐
+│ ☑ 商务标完整性检查    [必须] [编辑] [删除]      │
+│ ☑ 技术标完整性检查    [必须] [编辑] [删除]      │
+│ ☑ 保证金缴纳凭证      [必须] [编辑] [删除]      │
+│ ☐ 授权委托书签字盖章          [编辑] [删除]      │
+│                                                 │
+│ [+ 添加检查项]                                  │
+└─────────────────────────────────────────────────┘
+```
+
+### 交互效果
+
+**默认状态**:
+- 编辑/删除按钮半透明（opacity: 0.6）
+
+**鼠标悬停**:
+- 背景色变浅
+- 编辑/删除按钮完全显示（opacity: 1）
+
+**编辑状态**:
+- 文本变为输入框
+- 输入框宽度 300px
+- 自动聚焦
+
+## 🔧 技术实现
+
+### 数据结构
+
+```javascript
+const checklistItems = ref([
+  { 
+    id: 1, 
+    label: '商务标完整性检查', 
+    required: true,    // 是否必须
+    editing: false     // 是否正在编辑
+  },
+  // ...
+])
+```
+
+### 核心方法
+
+#### 1. 编辑检查项
+```javascript
+const editItem = (item) => {
+  item.editing = true  // 切换为编辑状态
+}
+```
+
+#### 2. 删除检查项
+```javascript
+const deleteItem = (id) => {
+  ElMessageBox.confirm('确定要删除这个检查项吗？', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => {
+    // 从列表中删除
+    const index = checklistItems.value.findIndex(item => item.id === id)
+    checklistItems.value.splice(index, 1)
+    
+    // 从已选中项中移除
+    const checkedIndex = checkedItems.value.indexOf(id)
+    checkedItems.value.splice(checkedIndex, 1)
+    
+    ElMessage.success('删除成功')
+  })
+}
+```
+
+#### 3. 添加检查项
+```javascript
+const addNewItem = () => {
+  if (!newItemForm.value.label.trim()) {
+    ElMessage.warning('请输入检查项内容')
+    return
+  }
+  
+  checklistItems.value.push({
+    id: nextItemId++,
+    label: newItemForm.value.label,
+    required: newItemForm.value.required,
+    editing: false
+  })
+  
+  ElMessage.success('添加成功')
+  showAddItemDialog.value = false
+}
+```
+
+## 📊 完成度计算
+
+完成度会根据检查项的增删自动更新：
+
+```javascript
+const checklistProgress = computed(() => {
+  return Math.round(
+    (checkedItems.value.length / checklistItems.value.length) * 100
+  )
+})
+```
+
+**示例**:
+- 总共 7 项检查项
+- 已勾选 5 项
+- 完成度 = 5 / 7 × 100% ≈ 71%
+
+## 🎯 使用场景
+
+### 场景 1: 自定义检查项
+项目经理可以根据不同项目的特点，添加特定的检查项。
+
+**示例**:
+```
+原有检查项:
+- 商务标完整性检查
+- 技术标完整性检查
+
+新增检查项:
+- 环保资质证明
+- 安全生产许可证
+- 项目经理证书
+```
+
+### 场景 2: 修改检查项描述
+根据实际情况，调整检查项的描述更加准确。
+
+**示例**:
+```
+修改前: 授权委托书签字盖章
+修改后: 法人授权委托书签字并加盖公章
+```
+
+### 场景 3: 删除不适用的检查项
+某些检查项可能不适用于当前项目，可以删除。
+
+**示例**:
+```
+删除: 纸质文件打印装订
+原因: 本项目仅需电子投标
+```
+
+## ⚠️ 注意事项
+
+### 1. 数据持久化
+当前实现使用前端状态管理，刷新页面后修改会丢失。
+
+**建议**:
+- 集成后端 API，保存到数据库
+- 或使用 localStorage 本地存储
+
+### 2. 必须项限制
+标记为"必须"的检查项建议不允许删除，或删除时给予警告。
+
+**改进方案**:
+```javascript
+const deleteItem = (id) => {
+  const item = checklistItems.value.find(i => i.id === id)
+  
+  if (item.required) {
+    ElMessageBox.confirm(
+      '这是必须项，删除可能影响提交，确定要删除吗？',
+      '警告',
+      { type: 'warning' }
+    ).then(() => {
+      // 执行删除
+    })
+  } else {
+    // 正常删除
+  }
+}
+```
+
+### 3. 字数限制
+检查项内容限制在 50 字以内，确保界面美观。
+
+### 4. ID 管理
+新增检查项使用递增 ID，确保唯一性。
+
+```javascript
+let nextItemId = 8  // 从现有最大 ID + 1 开始
+```
+
+## 🎨 样式特点
+
+### 1. 悬停效果
+```scss
+.checklist-item {
+  &:hover {
+    background: #f3f4f6;  // 背景变浅
+    
+    .item-actions {
+      opacity: 1;  // 按钮完全显示
+    }
+  }
+}
+```
+
+### 2. 添加按钮
+```scss
+.add-item-btn {
+  width: 100%;
+  border-style: dashed;  // 虚线边框
+  
+  &:hover {
+    border-color: #7c3aed;  // 紫色边框
+    color: #7c3aed;         // 紫色文字
+  }
+}
+```
+
+### 3. 操作按钮
+```scss
+.item-actions {
+  opacity: 0.6;  // 默认半透明
+  transition: opacity 0.2s;  // 平滑过渡
+}
+```
+
+## 📸 效果展示
+
+### 默认状态
+- 检查项正常显示
+- 操作按钮半透明
+
+### 悬停状态
+- 背景色变浅
+- 操作按钮完全显示
+
+### 编辑状态
+- 文本变为输入框
+- 可直接修改内容
+
+### 添加对话框
+- 简洁的表单界面
+- 字数统计提示
+- 必须项开关
+
+## 🚀 后续优化建议
+
+1. **拖拽排序**
+   - 支持拖拽调整检查项顺序
+   - 使用 `vue-draggable` 库
+
+2. **批量操作**
+   - 批量删除
+   - 批量设置必须项
+
+3. **模板功能**
+   - 保存常用检查清单为模板
+   - 快速应用模板
+
+4. **历史记录**
+   - 记录修改历史
+   - 支持撤销/重做
+
+5. **权限控制**
+   - 不同角色有不同编辑权限
+   - 普通用户只能查看，管理员可编辑
+
+---
+
+**版本**: v1.2.0  
+**更新时间**: 2024-12-08  
+**功能状态**: ✅ 已实现
diff --git a/江西城市生命线-可交互原型/frontend/src/components/project/流程步骤条说明.md b/江西城市生命线-可交互原型/frontend/src/components/project/流程步骤条说明.md
new file mode 100644
index 00000000..6aa215a0
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/components/project/流程步骤条说明.md
@@ -0,0 +1,353 @@
+# 项目流程步骤条说明
+
+## 📍 功能概述
+
+在文件提交模块顶部添加了项目信息头部和流程步骤条，清晰展示当前项目所处的阶段。
+
+## 🎨 界面布局
+
+### 1. 项目信息头部
+
+```
+┌─────────────────────────────────────────────┐
+│  某数据中心发电机组采购项目                  │
+│  创建时间：2024-11-20 09:30:00  [进行中]    │
+└─────────────────────────────────────────────┘
+```
+
+**特点**:
+- 🎨 渐变紫色背景（#667eea → #764ba2）
+- 📝 显示项目名称
+- 📅 显示创建时间
+- 🏷️ 显示项目状态标签
+
+### 2. 流程步骤条
+
+```
+招标信息提取 → 撰写投标文件 → 文件提交 → 开标 → 结果公示
+   (完成)        (完成)       (进行中)  (待进行) (待进行)
+     ✓            ✓            ⟳         4        5
+```
+
+**5个步骤**:
+1. **招标信息提取** - 已完成 ✓
+2. **撰写投标文件** - 已完成 ✓
+3. **文件提交** - 进行中 ⟳ (当前)
+4. **开标** - 待进行
+5. **结果公示** - 待进行
+
+## 🎯 步骤状态
+
+### 已完成步骤
+- **图标**: 绿色对勾 ✓
+- **颜色**: #10b981 (绿色)
+- **描述**: "已完成"
+
+### 进行中步骤 (当前)
+- **图标**: 紫色旋转加载图标 ⟳
+- **颜色**: #7c3aed (紫色)
+- **描述**: "进行中"
+- **动画**: 持续旋转
+
+### 待进行步骤
+- **图标**: 数字序号
+- **颜色**: 默认灰色
+- **描述**: "待进行"
+
+## 💻 代码实现
+
+### 模板结构
+
+```vue
+<template>
+  <div class="file-submission-panel">
+    <!-- 项目信息头部 -->
+    <div class="project-header">
+      <h2>{{ project.name }}</h2>
+      <div class="project-meta">
+        <span>创建时间：{{ project.createTime }}</span>
+        <el-tag type="warning" size="large">进行中</el-tag>
+      </div>
+    </div>
+
+    <!-- 项目流程步骤条 -->
+    <el-card class="timeline-card">
+      <div class="project-timeline-header">
+        <h3>项目流程</h3>
+      </div>
+      <el-steps :active="2" align-center>
+        <!-- 步骤1: 招标信息提取 -->
+        <el-step title="招标信息提取" description="已完成">
+          <template #icon>
+            <el-icon color="#10b981"><CircleCheck /></el-icon>
+          </template>
+        </el-step>
+        
+        <!-- 步骤2: 撰写投标文件 -->
+        <el-step title="撰写投标文件" description="已完成">
+          <template #icon>
+            <el-icon color="#10b981"><CircleCheck /></el-icon>
+          </template>
+        </el-step>
+        
+        <!-- 步骤3: 文件提交 (当前) -->
+        <el-step title="文件提交" description="进行中" status="process">
+          <template #icon>
+            <el-icon color="#7c3aed">
+              <Loading class="rotating" />
+            </el-icon>
+          </template>
+        </el-step>
+        
+        <!-- 步骤4: 开标 -->
+        <el-step title="开标" description="待进行">
+          <template #icon>
+            <span>4</span>
+          </template>
+        </el-step>
+        
+        <!-- 步骤5: 结果公示 -->
+        <el-step title="结果公示" description="待进行">
+          <template #icon>
+            <span>5</span>
+          </template>
+        </el-step>
+      </el-steps>
+    </el-card>
+    
+    <!-- 其他内容... -->
+  </div>
+</template>
+```
+
+### 样式实现
+
+```scss
+// 项目信息头部
+.project-header {
+  background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+  padding: 24px 32px;
+  border-radius: 12px;
+  margin-bottom: 24px;
+  color: white;
+
+  h2 {
+    font-size: 24px;
+    font-weight: 600;
+    margin: 0 0 12px 0;
+  }
+
+  .project-meta {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    font-size: 14px;
+    opacity: 0.95;
+  }
+}
+
+// 流程步骤卡片
+.timeline-card {
+  margin-bottom: 24px;
+  
+  .project-timeline-header {
+    margin-bottom: 20px;
+    
+    h3 {
+      font-size: 18px;
+      font-weight: 600;
+      color: #1f2937;
+      margin: 0;
+    }
+  }
+
+  :deep(.el-steps) {
+    .el-step__title {
+      font-size: 14px;
+      font-weight: 500;
+    }
+
+    .el-step__description {
+      font-size: 12px;
+    }
+
+    .el-step.is-process {
+      .el-step__title {
+        color: #7c3aed;
+        font-weight: 600;
+      }
+    }
+
+    .rotating {
+      animation: rotate 2s linear infinite;
+    }
+  }
+}
+
+// 旋转动画
+@keyframes rotate {
+  from {
+    transform: rotate(0deg);
+  }
+  to {
+    transform: rotate(360deg);
+  }
+}
+```
+
+## 🎨 视觉效果
+
+### 项目头部
+- **背景**: 渐变紫色（从 #667eea 到 #764ba2）
+- **文字**: 白色
+- **圆角**: 12px
+- **内边距**: 24px 32px
+
+### 步骤条
+- **对齐**: 居中对齐
+- **当前步骤**: 紫色高亮
+- **完成步骤**: 绿色对勾
+- **待进行**: 灰色数字
+
+### 动画效果
+- **旋转图标**: 2秒一圈，无限循环
+- **平滑过渡**: 所有状态变化都有过渡效果
+
+## 📊 步骤索引说明
+
+```javascript
+:active="2"  // 当前激活的步骤索引（从0开始）
+```
+
+**索引对应**:
+- 0 = 招标信息提取
+- 1 = 撰写投标文件
+- 2 = 文件提交 ← 当前
+- 3 = 开标
+- 4 = 结果公示
+
+## 🔄 其他模块适配
+
+### BiddingInfo.vue (开标信息)
+```vue
+<el-steps :active="3" align-center>
+  <!-- 前3步已完成 -->
+  <el-step title="开标" description="进行中" status="process">
+    <!-- 当前步骤 -->
+  </el-step>
+</el-steps>
+```
+
+### ResultAnnouncement.vue (结果公示)
+```vue
+<el-steps :active="4" align-center>
+  <!-- 前4步已完成 -->
+  <el-step title="结果公示" description="进行中" status="process">
+    <!-- 当前步骤 -->
+  </el-step>
+</el-steps>
+```
+
+## 💡 使用建议
+
+### 1. 动态步骤索引
+根据项目实际进度动态设置 `active` 值：
+
+```javascript
+const currentStepIndex = computed(() => {
+  const stepMap = {
+    '招标信息提取': 0,
+    '撰写投标文件': 1,
+    '文件提交': 2,
+    '开标': 3,
+    '结果公示': 4
+  }
+  return stepMap[project.value.progress] || 0
+})
+```
+
+### 2. 步骤点击跳转
+可以为步骤添加点击事件，实现快速跳转：
+
+```vue
+<el-step 
+  @click="jumpToStep(0)"
+  title="招标信息提取"
+>
+</el-step>
+```
+
+### 3. 响应式设计
+在移动端可以使用垂直步骤条：
+
+```vue
+<el-steps 
+  :active="2" 
+  :direction="isMobile ? 'vertical' : 'horizontal'"
+>
+</el-steps>
+```
+
+## 🎯 优化建议
+
+### 1. 步骤时间显示
+在描述中显示完成时间：
+
+```vue
+<el-step 
+  title="招标信息提取" 
+  description="已完成 (2024-11-20)"
+>
+</el-step>
+```
+
+### 2. 进度百分比
+在头部显示整体进度：
+
+```vue
+<div class="project-meta">
+  <span>创建时间：{{ project.createTime }}</span>
+  <span>整体进度：60%</span>
+  <el-progress :percentage="60" style="width: 100px;" />
+</div>
+```
+
+### 3. 步骤详情提示
+鼠标悬停显示步骤详情：
+
+```vue
+<el-tooltip content="已于2024-11-20完成">
+  <el-step title="招标信息提取" />
+</el-tooltip>
+```
+
+## 📸 效果预览
+
+### 完整界面
+```
+┌─────────────────────────────────────────────────┐
+│ 某数据中心发电机组采购项目                       │
+│ 创建时间：2024-11-20 09:30:00  [进行中]         │
+└─────────────────────────────────────────────────┘
+
+┌─────────────────────────────────────────────────┐
+│ 项目流程                                         │
+│                                                  │
+│  ✓          ✓          ⟳         4         5    │
+│ 招标信息  撰写投标   文件提交   开标   结果公示  │
+│  提取      文件                                  │
+│ 已完成    已完成     进行中    待进行  待进行    │
+└─────────────────────────────────────────────────┘
+
+┌─────────────────────────────────────────────────┐
+│ 已生成标书文件                                   │
+│ ...                                              │
+└─────────────────────────────────────────────────┘
+```
+
+---
+
+**版本**: v1.3.0  
+**更新时间**: 2024-12-08  
+**功能状态**: ✅ 已实现  
+**适用模块**: FileSubmission.vue
diff --git a/江西城市生命线-可交互原型/frontend/src/components/project/集成示例.md b/江西城市生命线-可交互原型/frontend/src/components/project/集成示例.md
new file mode 100644
index 00000000..2cbafb3c
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/components/project/集成示例.md
@@ -0,0 +1,335 @@
+# 项目管理模块集成示例
+
+## 在 BiddingView.vue 中集成项目详情组件
+
+### 步骤 1: 导入组件
+
+在 `BiddingView.vue` 的 `<script setup>` 部分添加导入:
+
+```javascript
+import ProjectDetail from '@/components/project/ProjectDetail.vue'
+```
+
+### 步骤 2: 修改模板
+
+找到 `project-ongoing` 部分,修改为:
+
+```vue
+<!-- 进行中项目 -->
+<div v-if="activeNav === 'project-ongoing'" class="panel">
+  <div class="panel-header">
+    <h3>进行中项目</h3>
+    <div class="header-actions">
+      <el-input 
+        v-model="projectSearch" 
+        placeholder="搜索项目名称..." 
+        style="width: 200px; margin-right: 12px;"
+        clearable
+      >
+        <template #prefix>
+          <el-icon><Search /></el-icon>
+        </template>
+      </el-input>
+      <el-button type="primary" @click="showCreateProjectDialog = true">
+        <el-icon><Plus /></el-icon>
+        创建项目
+      </el-button>
+    </div>
+  </div>
+  
+  <!-- 项目列表 -->
+  <div v-if="!selectedProject" class="project-list">
+    <div 
+      v-for="project in filteredOngoingProjects" 
+      :key="project.id"
+      class="project-card"
+      @click="viewProjectDetail(project)"
+    >
+      <div class="project-card-header">
+        <div class="project-title">
+          <h4>{{ project.name }}</h4>
+          <el-tag :type="getProgressTagType(project.progress)" size="small">
+            {{ project.progress }}
+          </el-tag>
+        </div>
+        <div class="project-meta">
+          <span class="meta-item">
+            <el-icon><Clock /></el-icon>
+            创建时间：{{ project.createTime }}
+          </span>
+        </div>
+      </div>
+      <div class="project-progress-bar">
+        <div class="progress-info">
+          <span>当前进度</span>
+          <span>{{ getProgressPercentage(project.progress) }}%</span>
+        </div>
+        <el-progress 
+          :percentage="getProgressPercentage(project.progress)" 
+          :color="getProgressColor(project.progress)"
+          :show-text="false"
+        />
+      </div>
+    </div>
+  </div>
+
+  <!-- 项目详情 - 使用新组件 -->
+  <ProjectDetail 
+    v-else 
+    :project="selectedProject" 
+    @back="selectedProject = null"
+    @update="handleProjectUpdate"
+  />
+</div>
+```
+
+### 步骤 3: 添加处理函数
+
+在 `<script setup>` 部分添加:
+
+```javascript
+// 项目详情处理
+const handleProjectUpdate = () => {
+  ElMessage.success('项目信息已更新')
+  // 可以在这里重新加载项目数据
+  // loadProjectData(selectedProject.value.id)
+}
+```
+
+## 完整示例代码
+
+```vue
+<template>
+  <div class="bidding-system">
+    <!-- 侧边栏保持不变 -->
+    <aside class="bidding-sidebar">
+      <!-- ... 侧边栏内容 ... -->
+    </aside>
+
+    <div class="bidding-content">
+      <header class="content-header">
+        <!-- ... 头部内容 ... -->
+      </header>
+
+      <div class="content-main">
+        <!-- 进行中项目 -->
+        <div v-if="activeNav === 'project-ongoing'" class="panel">
+          <div class="panel-header">
+            <h3>进行中项目</h3>
+            <div class="header-actions">
+              <el-input 
+                v-model="projectSearch" 
+                placeholder="搜索项目名称..." 
+                style="width: 200px; margin-right: 12px;"
+                clearable
+              >
+                <template #prefix>
+                  <el-icon><Search /></el-icon>
+                </template>
+              </el-input>
+              <el-button type="primary" @click="showCreateProjectDialog = true">
+                <el-icon><Plus /></el-icon>
+                创建项目
+              </el-button>
+            </div>
+          </div>
+          
+          <!-- 项目列表 -->
+          <div v-if="!selectedProject" class="project-list">
+            <div 
+              v-for="project in filteredOngoingProjects" 
+              :key="project.id"
+              class="project-card"
+              @click="viewProjectDetail(project)"
+            >
+              <div class="project-card-header">
+                <div class="project-title">
+                  <h4>{{ project.name }}</h4>
+                  <el-tag :type="getProgressTagType(project.progress)" size="small">
+                    {{ project.progress }}
+                  </el-tag>
+                </div>
+                <div class="project-meta">
+                  <span class="meta-item">
+                    <el-icon><Clock /></el-icon>
+                    创建时间：{{ project.createTime }}
+                  </span>
+                </div>
+              </div>
+              <div class="project-progress-bar">
+                <div class="progress-info">
+                  <span>当前进度</span>
+                  <span>{{ getProgressPercentage(project.progress) }}%</span>
+                </div>
+                <el-progress 
+                  :percentage="getProgressPercentage(project.progress)" 
+                  :color="getProgressColor(project.progress)"
+                  :show-text="false"
+                />
+              </div>
+            </div>
+          </div>
+
+          <!-- 项目详情 -->
+          <ProjectDetail 
+            v-else 
+            :project="selectedProject" 
+            @back="selectedProject = null"
+            @update="handleProjectUpdate"
+          />
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed } from 'vue'
+import { ElMessage } from 'element-plus'
+import ProjectDetail from '@/components/project/ProjectDetail.vue'
+
+// 导航状态
+const activeNav = ref('kb-overview')
+const selectedProject = ref(null)
+const projectSearch = ref('')
+
+// 项目数据
+const ongoingProjects = ref([
+  {
+    id: 1,
+    name: '某数据中心发电机组采购项目',
+    client: 'XX科技有限公司',
+    status: 'ongoing',
+    progress: '文件提交',
+    createTime: '2024-11-01 10:30:00'
+  },
+  {
+    id: 2,
+    name: 'XX医院应急电源系统项目',
+    client: 'XX市人民医院',
+    status: 'ongoing',
+    progress: '开标',
+    createTime: '2024-11-05 14:20:00'
+  },
+  {
+    id: 3,
+    name: '工业园区配电工程项目',
+    client: 'XX工业园管委会',
+    status: 'won',
+    progress: '结果公示',
+    createTime: '2024-10-15 09:15:00'
+  }
+])
+
+// 过滤项目
+const filteredOngoingProjects = computed(() => {
+  if (!projectSearch.value) return ongoingProjects.value
+  return ongoingProjects.value.filter(p => 
+    p.name.includes(projectSearch.value)
+  )
+})
+
+// 查看项目详情
+const viewProjectDetail = (project) => {
+  selectedProject.value = project
+}
+
+// 项目更新处理
+const handleProjectUpdate = () => {
+  ElMessage.success('项目信息已更新')
+}
+
+// 辅助函数
+const getProgressTagType = (progress) => {
+  const typeMap = {
+    '信息提取': 'info',
+    '文件准备': 'warning',
+    '文件提交': 'warning',
+    '开标': '',
+    '评标': '',
+    '结果公示': 'success'
+  }
+  return typeMap[progress] || 'info'
+}
+
+const getProgressPercentage = (progress) => {
+  const percentageMap = {
+    '信息提取': 16,
+    '文件准备': 33,
+    '文件提交': 50,
+    '开标': 66,
+    '评标': 83,
+    '结果公示': 100
+  }
+  return percentageMap[progress] || 0
+}
+
+const getProgressColor = (progress) => {
+  const percentage = getProgressPercentage(progress)
+  if (percentage >= 80) return '#10b981'
+  if (percentage >= 50) return '#3b82f6'
+  if (percentage >= 30) return '#f59e0b'
+  return '#ef4444'
+}
+</script>
+```
+
+## 测试步骤
+
+1. **启动开发服务器**
+   ```bash
+   cd frontend
+   npm run dev
+   ```
+
+2. **访问页面**
+   - 打开浏览器访问 `http://localhost:5173`
+   - 进入招标助手系统
+   - 点击左侧导航"项目管理" → "进行中项目"
+
+3. **测试功能**
+   - 点击任意项目卡片进入详情
+   - 切换不同 Tab 查看各个模块
+   - 测试文件提交模块的检查清单
+   - 测试开标信息模块的报价对比表
+   - 测试结果公示模块的三种结果类型切换
+
+## 注意事项
+
+1. **确保依赖已安装**
+   ```bash
+   npm install element-plus @element-plus/icons-vue
+   ```
+
+2. **检查路径**
+   - 确保组件路径正确: `@/components/project/ProjectDetail.vue`
+   - 如果使用相对路径,根据实际情况调整
+
+3. **样式冲突**
+   - 新组件的样式使用了 `scoped`,不会影响现有样式
+   - 如有冲突,可以调整组件内的样式
+
+4. **数据对接**
+   - 当前使用模拟数据
+   - 实际使用时需要对接后端 API
+   - 参考 `src/api/project.js` 中的接口定义
+
+## 后续优化建议
+
+1. **性能优化**
+   - 使用虚拟滚动处理大量项目列表
+   - 懒加载项目详情数据
+
+2. **用户体验**
+   - 添加加载状态提示
+   - 添加错误处理和重试机制
+   - 实现数据缓存
+
+3. **功能扩展**
+   - 添加项目搜索和筛选
+   - 实现项目排序功能
+   - 添加批量操作功能
+
+4. **移动端适配**
+   - 优化移动端布局
+   - 添加触摸手势支持
diff --git a/江西城市生命线-可交互原型/frontend/src/components/workflow/WorkflowEditor.vue b/江西城市生命线-可交互原型/frontend/src/components/workflow/WorkflowEditor.vue
new file mode 100644
index 00000000..072cebce
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/components/workflow/WorkflowEditor.vue
@@ -0,0 +1,618 @@
+<template>
+  <div class="workflow-editor">
+    <!-- 左侧节点面板 -->
+    <aside class="node-panel">
+      <div class="panel-header">
+        <h3>节点库</h3>
+      </div>
+      <div class="node-categories">
+        <div class="category" v-for="category in categories" :key="category.key">
+          <div class="category-title">{{ category.label }}</div>
+          <div class="node-list">
+            <div
+              v-for="nodeType in getNodesByCategory(category.key)"
+              :key="nodeType.type"
+              class="node-item"
+              draggable="true"
+              @dragstart="onDragStart($event, nodeType)"
+            >
+              <div class="node-icon" :style="{ background: nodeType.color }">
+                {{ nodeType.icon }}
+              </div>
+              <span class="node-label">{{ nodeType.label }}</span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </aside>
+
+    <!-- 画布区域 -->
+    <main class="canvas-container">
+      <!-- 工具栏 -->
+      <div class="canvas-toolbar">
+        <el-button-group>
+          <el-button size="small" @click="zoomIn">
+            <el-icon><ZoomIn /></el-icon>
+          </el-button>
+          <el-button size="small" @click="zoomOut">
+            <el-icon><ZoomOut /></el-icon>
+          </el-button>
+          <el-button size="small" @click="resetZoom">
+            <el-icon><FullScreen /></el-icon>
+          </el-button>
+        </el-button-group>
+        <el-button size="small" type="danger" @click="clearCanvas">
+          <el-icon><Delete /></el-icon>
+          清空
+        </el-button>
+      </div>
+
+      <!-- 画布 -->
+      <div
+        ref="canvasRef"
+        class="canvas"
+        :style="canvasStyle"
+        @drop="onDrop"
+        @dragover.prevent
+        @click="onCanvasClick"
+        @mousedown="onCanvasMouseDown"
+        @mousemove="onCanvasMouseMove"
+        @mouseup="onCanvasMouseUp"
+      >
+        <!-- 网格背景 -->
+        <svg class="grid-background" width="100%" height="100%">
+          <defs>
+            <pattern id="grid" width="20" height="20" patternUnits="userSpaceOnUse">
+              <path d="M 20 0 L 0 0 0 20" fill="none" stroke="#e5e7eb" stroke-width="0.5"/>
+            </pattern>
+          </defs>
+          <rect width="100%" height="100%" fill="url(#grid)" />
+        </svg>
+
+        <!-- 连接线 -->
+        <svg class="connections-layer" width="100%" height="100%">
+          <g v-for="conn in connections" :key="conn.id">
+            <path
+              :d="getConnectionPath(conn)"
+              fill="none"
+              stroke="#94a3b8"
+              stroke-width="2"
+              class="connection-line"
+              @click="onConnectionClick(conn)"
+            />
+          </g>
+          <!-- 临时连接线 -->
+          <path
+            v-if="tempConnection"
+            :d="tempConnectionPath"
+            fill="none"
+            stroke="#7c3aed"
+            stroke-width="2"
+            stroke-dasharray="5,5"
+          />
+        </svg>
+
+        <!-- 节点 -->
+        <div
+          v-for="node in nodes"
+          :key="node.id"
+          class="workflow-node"
+          :class="{ selected: selectedNodeId === node.id }"
+          :style="getNodeStyle(node)"
+          @mousedown.stop="onNodeMouseDown($event, node)"
+        >
+          <div class="node-header" :style="{ background: node.color }">
+            <span class="node-icon">{{ node.icon }}</span>
+            <span class="node-title">{{ node.label }}</span>
+            <el-icon class="delete-btn" @click.stop="deleteNode(node.id)"><Close /></el-icon>
+          </div>
+          <div class="node-body">
+            <!-- 输入端口 -->
+            <div
+              v-for="input in node.inputs"
+              :key="input.id"
+              class="port input-port"
+              @mousedown.stop="onPortMouseDown($event, node, input, 'input')"
+              @mouseup.stop="onPortMouseUp($event, node, input, 'input')"
+            >
+              <div class="port-dot"></div>
+            </div>
+            <!-- 输出端口 -->
+            <div
+              v-for="output in node.outputs"
+              :key="output.id"
+              class="port output-port"
+              @mousedown.stop="onPortMouseDown($event, node, output, 'output')"
+            >
+              <div class="port-dot"></div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </main>
+
+    <!-- 右侧属性面板 -->
+    <aside class="property-panel" v-if="selectedNode">
+      <div class="panel-header">
+        <h3>节点属性</h3>
+        <el-icon class="close-btn" @click="selectNode(null)"><Close /></el-icon>
+      </div>
+      <div class="property-content">
+        <el-form label-position="top" size="small">
+          <el-form-item label="节点类型">
+            <el-input :value="selectedNode.label" disabled />
+          </el-form-item>
+          <el-form-item label="节点ID">
+            <el-input :value="selectedNode.id" disabled />
+          </el-form-item>
+          <el-form-item label="位置 X">
+            <el-input-number v-model="selectedNode.x" :step="10" />
+          </el-form-item>
+          <el-form-item label="位置 Y">
+            <el-input-number v-model="selectedNode.y" :step="10" />
+          </el-form-item>
+        </el-form>
+      </div>
+    </aside>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, onMounted } from 'vue'
+import { useWorkflowStore } from '@/stores/workflow'
+import { ZoomIn, ZoomOut, FullScreen, Delete, Close } from '@element-plus/icons-vue'
+
+const workflowStore = useWorkflowStore()
+
+// 响应式数据
+const canvasRef = ref(null)
+const scale = ref(1)
+const panOffset = ref({ x: 0, y: 0 })
+const isDragging = ref(false)
+const dragNode = ref(null)
+const dragOffset = ref({ x: 0, y: 0 })
+const tempConnection = ref(null)
+const isPanning = ref(false)
+const panStart = ref({ x: 0, y: 0 })
+
+// 节点分类
+const categories = [
+  { key: 'control', label: '流程控制' },
+  { key: 'ai', label: 'AI 能力' },
+  { key: 'logic', label: '逻辑处理' },
+  { key: 'integration', label: '集成' },
+  { key: 'transform', label: '数据转换' }
+]
+
+// 计算属性
+const nodes = computed(() => workflowStore.nodes)
+const connections = computed(() => workflowStore.connections)
+const selectedNodeId = computed(() => workflowStore.selectedNodeId)
+const selectedNode = computed(() => workflowStore.getNode(selectedNodeId.value))
+const nodeTypes = computed(() => workflowStore.nodeTypes)
+
+const canvasStyle = computed(() => ({
+  transform: `scale(${scale.value}) translate(${panOffset.value.x}px, ${panOffset.value.y}px)`
+}))
+
+// 根据分类获取节点
+const getNodesByCategory = (category) => {
+  return nodeTypes.value.filter(n => n.category === category)
+}
+
+// 节点样式
+const getNodeStyle = (node) => ({
+  left: `${node.x}px`,
+  top: `${node.y}px`,
+  width: `${node.width}px`
+})
+
+// 连接线路径
+const getConnectionPath = (conn) => {
+  const sourceNode = workflowStore.getNode(conn.sourceNodeId)
+  const targetNode = workflowStore.getNode(conn.targetNodeId)
+  if (!sourceNode || !targetNode) return ''
+  
+  const startX = sourceNode.x + sourceNode.width
+  const startY = sourceNode.y + 30
+  const endX = targetNode.x
+  const endY = targetNode.y + 30
+  
+  const controlPointOffset = Math.abs(endX - startX) / 2
+  return `M ${startX} ${startY} C ${startX + controlPointOffset} ${startY}, ${endX - controlPointOffset} ${endY}, ${endX} ${endY}`
+}
+
+// 临时连接线路径
+const tempConnectionPath = computed(() => {
+  if (!tempConnection.value) return ''
+  const { startX, startY, endX, endY } = tempConnection.value
+  const controlPointOffset = Math.abs(endX - startX) / 2
+  return `M ${startX} ${startY} C ${startX + controlPointOffset} ${startY}, ${endX - controlPointOffset} ${endY}, ${endX} ${endY}`
+})
+
+// 拖拽开始
+const onDragStart = (event, nodeType) => {
+  event.dataTransfer.setData('nodeType', nodeType.type)
+}
+
+// 放置节点
+const onDrop = (event) => {
+  const nodeType = event.dataTransfer.getData('nodeType')
+  if (!nodeType) return
+  
+  const rect = canvasRef.value.getBoundingClientRect()
+  const x = (event.clientX - rect.left) / scale.value - panOffset.value.x
+  const y = (event.clientY - rect.top) / scale.value - panOffset.value.y
+  
+  workflowStore.addNode(nodeType, { x, y })
+}
+
+// 画布点击
+const onCanvasClick = () => {
+  workflowStore.selectNode(null)
+}
+
+// 画布拖拽
+const onCanvasMouseDown = (event) => {
+  if (event.button === 1 || event.shiftKey) {
+    isPanning.value = true
+    panStart.value = { x: event.clientX, y: event.clientY }
+  }
+}
+
+const onCanvasMouseMove = (event) => {
+  // 节点拖拽
+  if (isDragging.value && dragNode.value) {
+    const rect = canvasRef.value.getBoundingClientRect()
+    const x = (event.clientX - rect.left) / scale.value - dragOffset.value.x
+    const y = (event.clientY - rect.top) / scale.value - dragOffset.value.y
+    workflowStore.updateNodePosition(dragNode.value.id, x, y)
+  }
+  
+  // 画布平移
+  if (isPanning.value) {
+    const dx = event.clientX - panStart.value.x
+    const dy = event.clientY - panStart.value.y
+    panOffset.value.x += dx / scale.value
+    panOffset.value.y += dy / scale.value
+    panStart.value = { x: event.clientX, y: event.clientY }
+  }
+  
+  // 连接线拖拽
+  if (tempConnection.value) {
+    const rect = canvasRef.value.getBoundingClientRect()
+    tempConnection.value.endX = (event.clientX - rect.left) / scale.value
+    tempConnection.value.endY = (event.clientY - rect.top) / scale.value
+  }
+}
+
+const onCanvasMouseUp = () => {
+  isDragging.value = false
+  dragNode.value = null
+  isPanning.value = false
+  tempConnection.value = null
+}
+
+// 节点拖拽
+const onNodeMouseDown = (event, node) => {
+  workflowStore.selectNode(node.id)
+  isDragging.value = true
+  dragNode.value = node
+  
+  const rect = canvasRef.value.getBoundingClientRect()
+  dragOffset.value = {
+    x: (event.clientX - rect.left) / scale.value - node.x,
+    y: (event.clientY - rect.top) / scale.value - node.y
+  }
+}
+
+// 端口操作
+const onPortMouseDown = (event, node, port, portType) => {
+  if (portType === 'output') {
+    tempConnection.value = {
+      sourceNodeId: node.id,
+      sourcePortId: port.id,
+      startX: node.x + node.width,
+      startY: node.y + 30,
+      endX: node.x + node.width,
+      endY: node.y + 30
+    }
+  }
+}
+
+const onPortMouseUp = (event, node, port, portType) => {
+  if (portType === 'input' && tempConnection.value) {
+    workflowStore.addConnection(
+      tempConnection.value.sourceNodeId,
+      tempConnection.value.sourcePortId,
+      node.id,
+      port.id
+    )
+  }
+  tempConnection.value = null
+}
+
+// 连接线点击
+const onConnectionClick = (conn) => {
+  workflowStore.deleteConnection(conn.id)
+}
+
+// 删除节点
+const deleteNode = (nodeId) => {
+  workflowStore.deleteNode(nodeId)
+}
+
+// 选择节点
+const selectNode = (nodeId) => {
+  workflowStore.selectNode(nodeId)
+}
+
+// 缩放
+const zoomIn = () => {
+  scale.value = Math.min(scale.value + 0.1, 2)
+}
+
+const zoomOut = () => {
+  scale.value = Math.max(scale.value - 0.1, 0.5)
+}
+
+const resetZoom = () => {
+  scale.value = 1
+  panOffset.value = { x: 0, y: 0 }
+}
+
+// 清空画布
+const clearCanvas = () => {
+  workflowStore.clearCanvas()
+}
+</script>
+
+<style lang="scss" scoped>
+.workflow-editor {
+  display: flex;
+  height: 100%;
+  background: #f8fafc;
+}
+
+// 左侧节点面板
+.node-panel {
+  width: 240px;
+  background: #fff;
+  border-right: 1px solid #e5e7eb;
+  display: flex;
+  flex-direction: column;
+  
+  .panel-header {
+    padding: 16px;
+    border-bottom: 1px solid #e5e7eb;
+    
+    h3 {
+      margin: 0;
+      font-size: 16px;
+      color: #1f2937;
+    }
+  }
+  
+  .node-categories {
+    flex: 1;
+    overflow-y: auto;
+    padding: 12px;
+  }
+  
+  .category {
+    margin-bottom: 16px;
+    
+    .category-title {
+      font-size: 12px;
+      color: #6b7280;
+      margin-bottom: 8px;
+      font-weight: 500;
+    }
+  }
+  
+  .node-list {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+  }
+  
+  .node-item {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 10px 12px;
+    background: #f9fafb;
+    border: 1px solid #e5e7eb;
+    border-radius: 8px;
+    cursor: grab;
+    transition: all 0.2s;
+    
+    &:hover {
+      border-color: #7c3aed;
+      box-shadow: 0 2px 8px rgba(124, 58, 237, 0.15);
+    }
+    
+    &:active {
+      cursor: grabbing;
+    }
+    
+    .node-icon {
+      width: 28px;
+      height: 28px;
+      border-radius: 6px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #fff;
+      font-size: 14px;
+    }
+    
+    .node-label {
+      font-size: 13px;
+      color: #374151;
+    }
+  }
+}
+
+// 画布区域
+.canvas-container {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  
+  .canvas-toolbar {
+    padding: 12px 16px;
+    background: #fff;
+    border-bottom: 1px solid #e5e7eb;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+  
+  .canvas {
+    flex: 1;
+    position: relative;
+    overflow: hidden;
+    transform-origin: 0 0;
+    
+    .grid-background {
+      position: absolute;
+      top: 0;
+      left: 0;
+      pointer-events: none;
+    }
+    
+    .connections-layer {
+      position: absolute;
+      top: 0;
+      left: 0;
+      pointer-events: none;
+      
+      .connection-line {
+        pointer-events: stroke;
+        cursor: pointer;
+        
+        &:hover {
+          stroke: #ef4444;
+          stroke-width: 3;
+        }
+      }
+    }
+  }
+}
+
+// 工作流节点
+.workflow-node {
+  position: absolute;
+  background: #fff;
+  border: 2px solid #e5e7eb;
+  border-radius: 8px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  cursor: move;
+  user-select: none;
+  
+  &.selected {
+    border-color: #7c3aed;
+    box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.2);
+  }
+  
+  .node-header {
+    padding: 8px 12px;
+    border-radius: 6px 6px 0 0;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    color: #fff;
+    
+    .node-icon {
+      font-size: 14px;
+    }
+    
+    .node-title {
+      flex: 1;
+      font-size: 13px;
+      font-weight: 500;
+    }
+    
+    .delete-btn {
+      cursor: pointer;
+      opacity: 0.7;
+      
+      &:hover {
+        opacity: 1;
+      }
+    }
+  }
+  
+  .node-body {
+    padding: 8px 12px;
+    min-height: 20px;
+    position: relative;
+  }
+  
+  .port {
+    position: absolute;
+    top: 50%;
+    transform: translateY(-50%);
+    
+    &.input-port {
+      left: -8px;
+    }
+    
+    &.output-port {
+      right: -8px;
+    }
+    
+    .port-dot {
+      width: 12px;
+      height: 12px;
+      background: #fff;
+      border: 2px solid #94a3b8;
+      border-radius: 50%;
+      cursor: crosshair;
+      transition: all 0.2s;
+      
+      &:hover {
+        background: #7c3aed;
+        border-color: #7c3aed;
+        transform: scale(1.3);
+      }
+    }
+  }
+}
+
+// 右侧属性面板
+.property-panel {
+  width: 280px;
+  background: #fff;
+  border-left: 1px solid #e5e7eb;
+  
+  .panel-header {
+    padding: 16px;
+    border-bottom: 1px solid #e5e7eb;
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    
+    h3 {
+      margin: 0;
+      font-size: 16px;
+      color: #1f2937;
+    }
+    
+    .close-btn {
+      cursor: pointer;
+      color: #6b7280;
+      
+      &:hover {
+        color: #1f2937;
+      }
+    }
+  }
+  
+  .property-content {
+    padding: 16px;
+  }
+}
+</style>
diff --git a/江西城市生命线-可交互原型/frontend/src/main.js b/江西城市生命线-可交互原型/frontend/src/main.js
new file mode 100644
index 00000000..5d8c9791
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/main.js
@@ -0,0 +1,20 @@
+import { createApp } from 'vue'
+import { createPinia } from 'pinia'
+import ElementPlus from 'element-plus'
+import 'element-plus/dist/index.css'
+import * as ElementPlusIconsVue from '@element-plus/icons-vue'
+import App from './App.vue'
+import router from './router'
+import './styles/main.scss'
+
+const app = createApp(App)
+
+// Register all Element Plus icons
+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+  app.component(key, component)
+}
+
+app.use(createPinia())
+app.use(router)
+app.use(ElementPlus)
+app.mount('#app')
diff --git a/江西城市生命线-可交互原型/frontend/src/router/index.js b/江西城市生命线-可交互原型/frontend/src/router/index.js
new file mode 100644
index 00000000..4de0ba0b
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/router/index.js
@@ -0,0 +1,62 @@
+import { createRouter, createWebHistory } from 'vue-router'
+import ChatView from '@/views/ChatView.vue'
+
+const routes = [
+  {
+    path: '/',
+    name: 'chat',
+    component: ChatView
+  },
+  {
+    path: '/knowledge',
+    name: 'knowledge',
+    component: () => import('@/views/KnowledgeView.vue')
+  },
+  {
+    path: '/apps',
+    name: 'apps',
+    component: () => import('@/views/AppsView.vue')
+  },
+  {
+    path: '/workflow',
+    name: 'workflow',
+    component: () => import('@/views/WorkflowView.vue')
+  },
+  {
+    path: '/service',
+    name: 'service',
+    component: () => import('@/views/ServiceView.vue')
+  },
+  {
+    path: '/bidding',
+    name: 'bidding',
+    component: () => import('@/views/BiddingView.vue')
+  },
+  {
+    path: '/hazard',
+    name: 'hazard',
+    component: () => import('@/views/HazardView.vue')
+  },
+  {
+    path: '/emergency',
+    name: 'emergency',
+    component: () => import('@/views/EmergencyView.vue')
+  },
+  {
+    path: '/profile',
+    name: 'profile',
+    component: () => import('@/views/ProfileView.vue')
+  },
+  {
+    path: '/admin',
+    name: 'admin',
+    component: () => import('@/views/AdminView.vue')
+  }
+]
+
+const router = createRouter({
+  history: createWebHistory(),
+  routes
+})
+
+export default router
diff --git a/江西城市生命线-可交互原型/frontend/src/stores/agent.js b/江西城市生命线-可交互原型/frontend/src/stores/agent.js
new file mode 100644
index 00000000..39640050
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/stores/agent.js
@@ -0,0 +1,91 @@
+import { defineStore } from 'pinia'
+import { ref, computed } from 'vue'
+
+export const useAgentStore = defineStore('agent', () => {
+  // 智能体列表
+  const agents = ref([
+    {
+      id: 'default',
+      name: '泰豪AI助手',
+      description: '通用AI智能助手，可以回答各类问题',
+      icon: '🤖',
+      color: '#7c3aed',
+      category: 'office',
+      usage: 25000
+    },
+    {
+      id: 'xiaohongshu',
+      name: '小红书文案生成',
+      description: '一键生成爆款小红书文案，支持多种风格，自动添加热门话题标签',
+      icon: '📕',
+      color: '#ff2442',
+      category: 'content',
+      usage: 12580
+    },
+    {
+      id: 'contract',
+      name: '泰豪合同助手',
+      description: '智能合同审核、条款分析、风险提示，提高合同处理效率',
+      icon: '📄',
+      color: '#7c3aed',
+      category: 'business',
+      usage: 8320
+    },
+    {
+      id: 'video',
+      name: '泰豪短视频助手',
+      description: '短视频脚本创作、文案优化、热门话题推荐',
+      icon: '🎬',
+      color: '#10b981',
+      category: 'content',
+      usage: 5640
+    },
+    {
+      id: 'email',
+      name: '邮件写作助手',
+      description: '商务邮件、会议邀请、工作汇报等各类邮件智能生成',
+      icon: '✉️',
+      color: '#6366f1',
+      category: 'office',
+      usage: 7230
+    },
+    {
+      id: 'translate',
+      name: '多语言翻译',
+      description: '支持中英日韩等多语言互译，专业术语精准翻译',
+      icon: '🌐',
+      color: '#14b8a6',
+      category: 'office',
+      usage: 11200
+    }
+  ])
+
+  // 当前选中的智能体ID
+  const currentAgentId = ref('default')
+
+  // 当前智能体
+  const currentAgent = computed(() => {
+    return agents.value.find(a => a.id === currentAgentId.value) || agents.value[0]
+  })
+
+  // 设置当前智能体
+  const setCurrentAgent = (agentId) => {
+    const agent = agents.value.find(a => a.id === agentId)
+    if (agent) {
+      currentAgentId.value = agentId
+    }
+  }
+
+  // 添加新智能体
+  const addAgent = (agent) => {
+    agents.value.push(agent)
+  }
+
+  return {
+    agents,
+    currentAgentId,
+    currentAgent,
+    setCurrentAgent,
+    addAgent
+  }
+})
diff --git a/江西城市生命线-可交互原型/frontend/src/stores/chat.js b/江西城市生命线-可交互原型/frontend/src/stores/chat.js
new file mode 100644
index 00000000..75653635
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/stores/chat.js
@@ -0,0 +1,99 @@
+import { defineStore } from 'pinia'
+import { ref } from 'vue'
+import axios from 'axios'
+
+const api = axios.create({
+  baseURL: '/api',
+  timeout: 30000
+})
+
+export const useChatStore = defineStore('chat', () => {
+  const messages = ref([])
+  const isLoading = ref(false)
+  const currentSession = ref(null)
+
+  // Mock responses for when backend is not available
+  const mockResponses = {
+    '城市生命线': '城市生命线是指城市中维持城市正常运转的关键基础设施系统，包括供水、供电、供气、通信、交通等系统。这些系统如同城市的"生命线"，一旦发生故障，将对城市运行和居民生活产生重大影响。',
+    '关键设施': '城市生命线关键设施包括：\n1. 供水系统：水厂、管网、加压站\n2. 供电系统：变电站、配电网\n3. 供气系统：门站、调压站、管网\n4. 通信系统：基站、光纤网络\n5. 交通系统：道路、桥梁、隧道',
+    '消防安全': '消防安全隐患常见问题及处理措施：\n1. 消防通道堵塞 - 立即清理，保持畅通\n2. 灭火器过期 - 及时更换检修\n3. 电气线路老化 - 专业检测更换\n4. 易燃物品堆放 - 规范存储管理\n5. 消防设施损坏 - 定期检查维护',
+    '排水': '如何平衡排水能力和生态环境保护：\n1. 采用海绵城市理念，增加透水面积\n2. 建设生态调蓄池，减缓雨水径流\n3. 推广透水铺装，促进雨水下渗\n4. 保护自然水系，维护生态平衡\n5. 雨污分流改造，提高污水处理效率'
+  }
+
+  const getMockResponse = (input) => {
+    for (const [key, value] of Object.entries(mockResponses)) {
+      if (input.includes(key)) {
+        return value
+      }
+    }
+    return `您好！关于"${input}"的问题，我正在为您查询相关资料。作为城市生命线智能助手，我可以帮助您：\n\n1. 查询城市生命线相关知识\n2. 识别潜在安全隐患\n3. 编制应急预案\n4. 撰写公文报告\n\n请问还有什么可以帮助您的？`
+  }
+
+  const sendMessage = async (content) => {
+    isLoading.value = true
+    try {
+      const response = await api.post('/chat/send', {
+        content,
+        role: 'user',
+        sessionId: currentSession.value
+      })
+      return response.data
+    } catch (error) {
+      console.log('Backend not available, using mock response')
+      // Return mock response when backend is not available
+      return {
+        id: Date.now().toString(),
+        content: getMockResponse(content),
+        role: 'assistant',
+        timestamp: new Date().toISOString()
+      }
+    } finally {
+      isLoading.value = false
+    }
+  }
+
+  const getHistory = async () => {
+    try {
+      const response = await api.get('/chat/history')
+      messages.value = response.data
+      return response.data
+    } catch (error) {
+      console.log('Backend not available')
+      return []
+    }
+  }
+
+  const getSuggestions = async () => {
+    try {
+      const response = await api.get('/chat/suggestions')
+      return response.data
+    } catch (error) {
+      return [
+        '城市生命线关键设施有哪些？',
+        '消防安全隐患常见问题以及处理措施有哪些？',
+        '如何平衡排水能力和生态环境保护？'
+      ]
+    }
+  }
+
+  const newChat = async () => {
+    try {
+      await api.post('/chat/new')
+      messages.value = []
+      currentSession.value = Date.now().toString()
+    } catch (error) {
+      messages.value = []
+      currentSession.value = Date.now().toString()
+    }
+  }
+
+  return {
+    messages,
+    isLoading,
+    currentSession,
+    sendMessage,
+    getHistory,
+    getSuggestions,
+    newChat
+  }
+})
diff --git a/江西城市生命线-可交互原型/frontend/src/stores/workflow.js b/江西城市生命线-可交互原型/frontend/src/stores/workflow.js
new file mode 100644
index 00000000..002abb27
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/stores/workflow.js
@@ -0,0 +1,140 @@
+import { defineStore } from 'pinia'
+import { ref, computed } from 'vue'
+
+export const useWorkflowStore = defineStore('workflow', () => {
+  // 节点列表
+  const nodes = ref([])
+  
+  // 连接线列表
+  const connections = ref([])
+  
+  // 选中的节点ID
+  const selectedNodeId = ref(null)
+  
+  // 节点ID计数器
+  let nodeIdCounter = 1
+  
+  // 节点类型定义
+  const nodeTypes = [
+    { type: 'start', label: '开始', icon: '▶', color: '#10b981', category: 'control' },
+    { type: 'end', label: '结束', icon: '⏹', color: '#ef4444', category: 'control' },
+    { type: 'llm', label: 'LLM 模型', icon: '🤖', color: '#7c3aed', category: 'ai' },
+    { type: 'knowledge', label: '知识库', icon: '📚', color: '#3b82f6', category: 'ai' },
+    { type: 'condition', label: '条件判断', icon: '⋔', color: '#f59e0b', category: 'logic' },
+    { type: 'code', label: '代码执行', icon: '{ }', color: '#6366f1', category: 'logic' },
+    { type: 'http', label: 'HTTP 请求', icon: '🌐', color: '#14b8a6', category: 'integration' },
+    { type: 'variable', label: '变量赋值', icon: '𝑥=', color: '#8b5cf6', category: 'logic' },
+    { type: 'template', label: '模板转换', icon: '📝', color: '#ec4899', category: 'transform' },
+    { type: 'loop', label: '循环', icon: '↻', color: '#f97316', category: 'logic' }
+  ]
+
+  // 添加节点
+  const addNode = (type, position) => {
+    const nodeType = nodeTypes.find(n => n.type === type)
+    if (!nodeType) return null
+    
+    const newNode = {
+      id: `node_${nodeIdCounter++}`,
+      type: type,
+      label: nodeType.label,
+      icon: nodeType.icon,
+      color: nodeType.color,
+      x: position.x,
+      y: position.y,
+      width: 180,
+      height: 60,
+      inputs: type !== 'start' ? [{ id: 'in_1', label: '输入' }] : [],
+      outputs: type !== 'end' ? [{ id: 'out_1', label: '输出' }] : []
+    }
+    
+    nodes.value.push(newNode)
+    return newNode
+  }
+
+  // 更新节点位置
+  const updateNodePosition = (nodeId, x, y) => {
+    const node = nodes.value.find(n => n.id === nodeId)
+    if (node) {
+      node.x = x
+      node.y = y
+    }
+  }
+
+  // 删除节点
+  const deleteNode = (nodeId) => {
+    const index = nodes.value.findIndex(n => n.id === nodeId)
+    if (index > -1) {
+      nodes.value.splice(index, 1)
+      // 删除相关连接
+      connections.value = connections.value.filter(
+        c => c.sourceNodeId !== nodeId && c.targetNodeId !== nodeId
+      )
+    }
+    if (selectedNodeId.value === nodeId) {
+      selectedNodeId.value = null
+    }
+  }
+
+  // 添加连接
+  const addConnection = (sourceNodeId, sourcePortId, targetNodeId, targetPortId) => {
+    // 检查是否已存在相同连接
+    const exists = connections.value.some(
+      c => c.sourceNodeId === sourceNodeId && 
+           c.sourcePortId === sourcePortId &&
+           c.targetNodeId === targetNodeId &&
+           c.targetPortId === targetPortId
+    )
+    if (exists) return null
+    
+    const newConnection = {
+      id: `conn_${Date.now()}`,
+      sourceNodeId,
+      sourcePortId,
+      targetNodeId,
+      targetPortId
+    }
+    connections.value.push(newConnection)
+    return newConnection
+  }
+
+  // 删除连接
+  const deleteConnection = (connectionId) => {
+    const index = connections.value.findIndex(c => c.id === connectionId)
+    if (index > -1) {
+      connections.value.splice(index, 1)
+    }
+  }
+
+  // 选中节点
+  const selectNode = (nodeId) => {
+    selectedNodeId.value = nodeId
+  }
+
+  // 清空画布
+  const clearCanvas = () => {
+    nodes.value = []
+    connections.value = []
+    selectedNodeId.value = null
+    nodeIdCounter = 1
+  }
+
+  // 获取节点
+  const getNode = (nodeId) => {
+    return nodes.value.find(n => n.id === nodeId)
+  }
+
+  return {
+    nodes,
+    connections,
+    selectedNodeId,
+    nodeTypes,
+    addNode,
+    updateNodePosition,
+    deleteNode,
+    addConnection,
+    deleteConnection,
+    selectNode,
+    clearCanvas,
+    getNode
+  }
+})
diff --git a/江西城市生命线-可交互原型/frontend/src/styles/main.scss b/江西城市生命线-可交互原型/frontend/src/styles/main.scss
new file mode 100644
index 00000000..752bc42e
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/styles/main.scss
@@ -0,0 +1,72 @@
+* {
+  margin: 0;
+  padding: 0;
+  box-sizing: border-box;
+}
+
+html, body {
+  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
+  font-size: 14px;
+  line-height: 1.5;
+  color: #333;
+  background-color: #f5f5f5;
+}
+
+:root {
+  --primary-color: #7c3aed;
+  --primary-light: #a78bfa;
+  --primary-dark: #5b21b6;
+  --sidebar-bg: #4a1d7e;
+  --sidebar-hover: rgba(255, 255, 255, 0.1);
+  --sidebar-active: rgba(255, 255, 255, 0.2);
+  --text-white: #ffffff;
+  --text-gray: #9ca3af;
+  --border-color: #e5e7eb;
+  --card-bg: #ffffff;
+  --shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+}
+
+// Scrollbar styles
+::-webkit-scrollbar {
+  width: 6px;
+  height: 6px;
+}
+
+::-webkit-scrollbar-track {
+  background: transparent;
+}
+
+::-webkit-scrollbar-thumb {
+  background: #d1d5db;
+  border-radius: 3px;
+  
+  &:hover {
+    background: #9ca3af;
+  }
+}
+
+// Input styles
+input, textarea {
+  font-family: inherit;
+  font-size: inherit;
+}
+
+// Button reset
+button {
+  border: none;
+  background: none;
+  cursor: pointer;
+  font-family: inherit;
+  font-size: inherit;
+}
+
+// Link reset
+a {
+  text-decoration: none;
+  color: inherit;
+}
+
+// List reset
+ul, ol {
+  list-style: none;
+}
diff --git a/江西城市生命线-可交互原型/frontend/src/views/AdminView.vue b/江西城市生命线-可交互原型/frontend/src/views/AdminView.vue
new file mode 100644
index 00000000..3b1669b2
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/views/AdminView.vue
@@ -0,0 +1,4051 @@
+<template>
+  <div class="admin-system">
+    <!-- 内容区域 -->
+    <div class="admin-container">
+      <!-- 左侧主导航 -->
+      <aside class="admin-sidebar-main">
+        <div class="sidebar-header">
+          <div class="logo" @click="backToMain">
+            <img src="/logo.jpg" alt="Logo" class="logo-img" />
+            <span class="logo-text">管理后台</span>
+          </div>
+        </div>
+        
+        <nav class="main-nav">
+          <div class="section-title">系统管理</div>
+          <div 
+            v-for="item in navItems" 
+            :key="item.key"
+            class="main-nav-item"
+            :class="{ active: activeNav === item.key }"
+            @click="activeNav = item.key"
+          >
+            <el-icon>
+              <Setting v-if="item.key === 'platform'" />
+              <Document v-else-if="item.key === 'bidding'" />
+              <Service v-else-if="item.key === 'service'" />
+            </el-icon>
+            <span>{{ item.label }}</span>
+          </div>
+          
+          <div class="nav-divider"></div>
+          
+          <div class="section-title">个人设置</div>
+          <div 
+            class="main-nav-item"
+            :class="{ active: activeNav === 'profile' }"
+            @click="activeNav = 'profile'"
+          >
+            <el-icon><User /></el-icon>
+            <span>个人中心</span>
+          </div>
+        </nav>
+        
+        <!-- 用户信息和返回按钮 -->
+        <div class="sidebar-footer">
+          <div class="user-section">
+            <div class="user-avatar" @click="goToProfile">
+              <img src="/avatar.svg" alt="User" />
+            </div>
+            <span class="user-name">李志鹏</span>
+            <el-tooltip content="返回主系统" placement="top">
+              <div class="back-icon" @click="backToMain">
+                <el-icon><Back /></el-icon>
+              </div>
+            </el-tooltip>
+          </div>
+        </div>
+      </aside>
+
+      <!-- 左侧子级导航（根据不同系统显示不同内容） -->
+      <aside class="admin-sidebar-sub">
+        <!-- 平台管理后台的子导航 -->
+        <nav v-if="activeNav === 'platform'" class="sub-nav">
+          <div class="sub-nav-title">平台管理</div>
+          <div 
+            v-for="item in platformSubNav" 
+            :key="item.key"
+            class="sub-nav-item"
+            :class="{ active: activeSubNav === item.key }"
+            @click="activeSubNav = item.key"
+          >
+            <el-icon>
+              <DataLine v-if="item.key === 'dashboard'" />
+              <User v-else-if="item.key === 'users'" />
+              <Document v-else-if="item.key === 'knowledge'" />
+              <Setting v-else-if="item.key === 'settings'" />
+            </el-icon>
+            <span>{{ item.label }}</span>
+          </div>
+        </nav>
+
+        <!-- 智能标书管理后台的子导航 -->
+        <nav v-if="activeNav === 'bidding'" class="sub-nav">
+          <div class="sub-nav-title">标书管理</div>
+          <div 
+            v-for="item in biddingSubNav" 
+            :key="item.key"
+            class="sub-nav-item"
+            :class="{ active: activeSubNav === item.key }"
+            @click="activeSubNav = item.key"
+          >
+            <el-icon>
+              <DataLine v-if="item.key === 'dashboard'" />
+              <Document v-else-if="item.key === 'projects'" />
+              <Files v-else-if="item.key === 'templates'" />
+              <Setting v-else-if="item.key === 'settings'" />
+            </el-icon>
+            <span>{{ item.label }}</span>
+          </div>
+        </nav>
+
+        <!-- 泰豪小电管理后台的子导航 -->
+        <nav v-if="activeNav === 'service'" class="sub-nav">
+          <div class="sub-nav-title">客服管理</div>
+          <template v-for="item in serviceSubNav" :key="item.key">
+            <!-- 普通导航项 -->
+            <div 
+              v-if="!item.children"
+              class="sub-nav-item"
+              :class="{ active: activeSubNav === item.key }"
+              @click="activeSubNav = item.key"
+            >
+              <el-icon>
+                <DataLine v-if="item.icon === 'DataLine'" />
+                <Document v-else-if="item.icon === 'Document'" />
+                <Tickets v-else-if="item.icon === 'Tickets'" />
+                <ChatDotRound v-else-if="item.icon === 'ChatDotRound'" />
+                <Service v-else-if="item.icon === 'Service'" />
+                <List v-else-if="item.icon === 'List'" />
+                <User v-else-if="item.icon === 'User'" />
+              </el-icon>
+              <span>{{ item.label }}</span>
+            </div>
+            
+            <!-- 带子级的导航项 -->
+            <div v-else class="sub-nav-group">
+              <div 
+                class="sub-nav-item has-children"
+                :class="{ expanded: logNavExpanded }"
+                @click="logNavExpanded = !logNavExpanded"
+              >
+                <el-icon><List /></el-icon>
+                <span>{{ item.label }}</span>
+                <el-icon class="arrow-icon"><ArrowDown /></el-icon>
+              </div>
+              <div v-show="logNavExpanded" class="sub-nav-children">
+                <div 
+                  v-for="child in item.children" 
+                  :key="child.key"
+                  class="sub-nav-child-item"
+                  :class="{ active: activeSubNav === child.key }"
+                  @click="activeSubNav = child.key"
+                >
+                  <span>{{ child.label }}</span>
+                </div>
+              </div>
+            </div>
+          </template>
+        </nav>
+      </aside>
+
+      <!-- 主内容区 -->
+      <div class="admin-main">
+      <!-- 平台管理后台 -->
+      <div v-if="activeNav === 'platform'" class="admin-content">
+        <div class="content-header">
+          <h1>平台管理后台</h1>
+          <p class="subtitle">AI数智化平台系统管理</p>
+        </div>
+
+        <div class="dashboard-cards">
+          <div class="stat-card">
+            <div class="stat-icon" style="background: #409eff;">
+              <el-icon><User /></el-icon>
+            </div>
+            <div class="stat-info">
+              <div class="stat-label">用户总数</div>
+              <div class="stat-value">1,248</div>
+            </div>
+          </div>
+          
+          <div class="stat-card">
+            <div class="stat-icon" style="background: #67c23a;">
+              <el-icon><Document /></el-icon>
+            </div>
+            <div class="stat-info">
+              <div class="stat-label">知识库文档</div>
+              <div class="stat-value">856</div>
+            </div>
+          </div>
+          
+          <div class="stat-card">
+            <div class="stat-icon" style="background: #e6a23c;">
+              <el-icon><ChatDotRound /></el-icon>
+            </div>
+            <div class="stat-info">
+              <div class="stat-label">今日对话</div>
+              <div class="stat-value">342</div>
+            </div>
+          </div>
+          
+          <div class="stat-card">
+            <div class="stat-icon" style="background: #f56c6c;">
+              <el-icon><Warning /></el-icon>
+            </div>
+            <div class="stat-info">
+              <div class="stat-label">待处理告警</div>
+              <div class="stat-value">12</div>
+            </div>
+          </div>
+        </div>
+
+        <el-card style="margin-top: 24px;">
+          <template #header>
+            <div class="card-header">
+              <span>系统配置</span>
+              <el-button type="primary" size="small">保存配置</el-button>
+            </div>
+          </template>
+          <el-form label-width="150px">
+            <el-form-item label="系统名称">
+              <el-input v-model="platformConfig.systemName" />
+            </el-form-item>
+            <el-form-item label="AI模型">
+              <el-select v-model="platformConfig.aiModel" style="width: 100%;">
+                <el-option label="GPT-4" value="gpt-4" />
+                <el-option label="Claude-3" value="claude-3" />
+                <el-option label="文心一言" value="ernie" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="最大并发数">
+              <el-input-number v-model="platformConfig.maxConcurrency" :min="1" :max="1000" />
+            </el-form-item>
+            <el-form-item label="会话超时(分钟)">
+              <el-input-number v-model="platformConfig.sessionTimeout" :min="5" :max="120" />
+            </el-form-item>
+          </el-form>
+        </el-card>
+      </div>
+
+      <!-- 智能标书管理后台 -->
+      <div v-if="activeNav === 'bidding'" class="admin-content">
+        <div class="content-header">
+          <h1>智能标书管理后台</h1>
+          <p class="subtitle">招标助手系统管理</p>
+        </div>
+
+        <div class="dashboard-cards">
+          <div class="stat-card">
+            <div class="stat-icon" style="background: #409eff;">
+              <el-icon><Document /></el-icon>
+            </div>
+            <div class="stat-info">
+              <div class="stat-label">标书总数</div>
+              <div class="stat-value">486</div>
+            </div>
+          </div>
+          
+          <div class="stat-card">
+            <div class="stat-icon" style="background: #67c23a;">
+              <el-icon><Select /></el-icon>
+            </div>
+            <div class="stat-info">
+              <div class="stat-label">中标率</div>
+              <div class="stat-value">78.5%</div>
+            </div>
+          </div>
+          
+          <div class="stat-card">
+            <div class="stat-icon" style="background: #e6a23c;">
+              <el-icon><Clock /></el-icon>
+            </div>
+            <div class="stat-info">
+              <div class="stat-label">进行中项目</div>
+              <div class="stat-value">23</div>
+            </div>
+          </div>
+          
+          <div class="stat-card">
+            <div class="stat-icon" style="background: #909399;">
+              <el-icon><Files /></el-icon>
+            </div>
+            <div class="stat-info">
+              <div class="stat-label">模板库</div>
+              <div class="stat-value">156</div>
+            </div>
+          </div>
+        </div>
+
+        <el-card style="margin-top: 24px;">
+          <template #header>
+            <div class="card-header">
+              <span>标书模板管理</span>
+              <el-button type="primary" size="small">新增模板</el-button>
+            </div>
+          </template>
+          <el-table :data="biddingTemplates" style="width: 100%">
+            <el-table-column prop="name" label="模板名称" />
+            <el-table-column prop="category" label="类别" width="120" />
+            <el-table-column prop="usage" label="使用次数" width="100" align="center" />
+            <el-table-column prop="updateTime" label="更新时间" width="180" />
+            <el-table-column label="操作" width="150">
+              <template>
+                <el-button type="primary" link size="small">编辑</el-button>
+                <el-button type="danger" link size="small">删除</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </el-card>
+      </div>
+
+      <!-- 泰豪小电管理后台 -->
+      <div v-if="activeNav === 'service'" class="admin-content">
+        <!-- 运营看板 -->
+        <template v-if="activeSubNav === 'dashboard'">
+          <div class="content-header">
+            <h1>数据概览</h1>
+            <p class="subtitle">泰豪小电智能客服运营数据</p>
+          </div>
+
+          <!-- 核心指标卡片 -->
+          <div class="dashboard-stats">
+            <div class="stat-card clickable" @click="activeSubNav = 'conversation'">
+              <div class="stat-icon" style="background: linear-gradient(135deg, #409eff, #66b1ff);">
+                <el-icon><ChatDotRound /></el-icon>
+              </div>
+              <div class="stat-info">
+                <div class="stat-value">1,258</div>
+                <div class="stat-label">咨询次数</div>
+                <div class="stat-trend up">
+                  <el-icon><Top /></el-icon>
+                  <span>较昨日 +12.5%</span>
+                </div>
+              </div>
+            </div>
+            
+            <div class="stat-card clickable" @click="goToTickets('pending')">
+              <div class="stat-icon" style="background: linear-gradient(135deg, #e6a23c, #f5c06a);">
+                <el-icon><Clock /></el-icon>
+              </div>
+              <div class="stat-info">
+                <div class="stat-value">{{ dashboardData.pendingTickets }}</div>
+                <div class="stat-label">待处理工单</div>
+                <div class="stat-trend">
+                  <span>点击查看详情</span>
+                  <el-icon><Right /></el-icon>
+                </div>
+              </div>
+            </div>
+            
+            <div class="stat-card clickable" @click="goToTickets('completed')">
+              <div class="stat-icon" style="background: linear-gradient(135deg, #67c23a, #95d475);">
+                <el-icon><Select /></el-icon>
+              </div>
+              <div class="stat-info">
+                <div class="stat-value">{{ dashboardData.completedTickets }}</div>
+                <div class="stat-label">已处理工单</div>
+                <div class="stat-trend">
+                  <span>点击查看详情</span>
+                  <el-icon><Right /></el-icon>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- 问题分类统计和产品词云 -->
+          <div class="dashboard-charts">
+            <el-card class="chart-card">
+              <template #header>
+                <div class="card-header">
+                  <span>问题分类统计</span>
+                  <el-radio-group v-model="questionStatPeriod" size="small">
+                    <el-radio-button label="today">今日</el-radio-button>
+                    <el-radio-button label="week">本周</el-radio-button>
+                    <el-radio-button label="month">本月</el-radio-button>
+                  </el-radio-group>
+                </div>
+              </template>
+              <div class="question-stats">
+                <div 
+                  v-for="item in questionCategories" 
+                  :key="item.name"
+                  class="question-stat-item clickable"
+                  @click="goToConversationByCategory(item.name)"
+                >
+                  <div class="stat-bar-header">
+                    <span class="stat-name">{{ item.name }}</span>
+                    <span class="stat-count">{{ item.count }} 次</span>
+                  </div>
+                  <div class="stat-bar">
+                    <div 
+                      class="stat-bar-fill" 
+                      :style="{ width: item.percent + '%', background: item.color }"
+                    ></div>
+                  </div>
+                </div>
+              </div>
+            </el-card>
+
+            <el-card class="chart-card">
+              <template #header>
+                <div class="card-header">
+                  <span>涉及产品词云</span>
+                  <el-button type="primary" link size="small" @click="activeSubNav = 'conversation'">
+                    查看详情
+                    <el-icon><Right /></el-icon>
+                  </el-button>
+                </div>
+              </template>
+              <div class="product-cloud">
+                <span 
+                  v-for="(product, index) in productCloudData" 
+                  :key="index"
+                  class="cloud-tag"
+                  :style="{ 
+                    fontSize: product.size + 'px', 
+                    color: product.color,
+                    opacity: 0.7 + product.weight * 0.3
+                  }"
+                  @click="goToConversationByProduct(product.name)"
+                >
+                  {{ product.name }}
+                </span>
+              </div>
+            </el-card>
+          </div>
+
+          <!-- 快捷入口 -->
+          <el-card class="quick-entry-card">
+            <template #header>
+              <span>快捷入口</span>
+            </template>
+            <div class="quick-entries">
+              <div class="quick-entry-item" @click="activeSubNav = 'knowledge'">
+                <el-icon class="entry-icon" style="background: #409eff;"><Document /></el-icon>
+                <span>知识库管理</span>
+              </div>
+              <div class="quick-entry-item" @click="activeSubNav = 'tickets'">
+                <el-icon class="entry-icon" style="background: #e6a23c;"><Tickets /></el-icon>
+                <span>工单管理</span>
+              </div>
+              <div class="quick-entry-item" @click="activeSubNav = 'conversation'">
+                <el-icon class="entry-icon" style="background: #67c23a;"><ChatDotRound /></el-icon>
+                <span>对话数据</span>
+              </div>
+              <div class="quick-entry-item" @click="activeSubNav = 'agent'">
+                <el-icon class="entry-icon" style="background: #909399;"><Service /></el-icon>
+                <span>智能体管理</span>
+              </div>
+              <div class="quick-entry-item" @click="activeSubNav = 'crm'">
+                <el-icon class="entry-icon" style="background: #f56c6c;"><User /></el-icon>
+                <span>CRM管理</span>
+              </div>
+            </div>
+          </el-card>
+        </template>
+
+        <!-- 知识库管理 -->
+        <template v-if="activeSubNav === 'knowledge'">
+          <div class="content-header">
+            <div class="header-title">
+              <h1>知识库管理</h1>
+              <p class="subtitle">管理外部和内部知识库文档</p>
+            </div>
+            <el-button type="primary" @click="showKbUploadDialog = true">
+              <el-icon><Upload /></el-icon>
+              上传文档
+            </el-button>
+          </div>
+
+          <el-card>
+            <el-tabs v-model="activeKbType">
+              <el-tab-pane label="外部知识库" name="external">
+                <p class="tab-desc">面向客户的知识库内容，包含设备操作指南、故障解决方案等</p>
+                
+                <div class="kb-categories">
+                  <div 
+                    v-for="cat in externalKbCategories" 
+                    :key="cat.key"
+                    class="kb-category-card"
+                    :class="{ active: activeExternalKbCat === cat.key }"
+                    @click="activeExternalKbCat = cat.key"
+                  >
+                    <el-icon :style="{ color: cat.color }"><component :is="cat.icon" /></el-icon>
+                    <span class="cat-name">{{ cat.name }}</span>
+                    <span class="cat-count">{{ cat.count }} 个文件</span>
+                  </div>
+                </div>
+                
+                <div class="kb-files-section">
+                  <div class="section-toolbar">
+                    <h3>{{ currentExternalCatName }}</h3>
+                    <el-input 
+                      v-model="externalKbSearch" 
+                      placeholder="搜索文件名" 
+                      style="width: 240px;"
+                      :prefix-icon="Search"
+                      clearable
+                    />
+                  </div>
+                  
+                  <el-table :data="filteredExternalKbFiles" style="width: 100%">
+                    <el-table-column prop="name" label="文件名" min-width="280">
+                      <template #default="{ row }">
+                        <div class="file-name-cell">
+                          <el-icon class="file-icon"><Document /></el-icon>
+                          <span>{{ row.name }}</span>
+                        </div>
+                      </template>
+                    </el-table-column>
+                    <el-table-column prop="uploader" label="上传人员" width="120" />
+                    <el-table-column prop="uploadTime" label="上传时间" width="180" />
+                    <el-table-column label="操作" width="180" align="center">
+                      <template #default="{ row }">
+                        <el-button type="primary" link size="small" @click="previewKbFile(row)">
+                          <el-icon><View /></el-icon>预览
+                        </el-button>
+                        <el-button type="success" link size="small" @click="downloadKbFile(row)">
+                          <el-icon><Download /></el-icon>下载
+                        </el-button>
+                        <el-button type="danger" link size="small" @click="deleteKbFile(row, 'external')">
+                          <el-icon><Delete /></el-icon>删除
+                        </el-button>
+                      </template>
+                    </el-table-column>
+                  </el-table>
+                </div>
+              </el-tab-pane>
+              
+              <el-tab-pane label="内部知识库" name="internal">
+                <p class="tab-desc">内部技术资料与服务规范，仅供内部员工使用</p>
+                
+                <div class="kb-categories">
+                  <div 
+                    v-for="cat in internalKbCategories" 
+                    :key="cat.key"
+                    class="kb-category-card"
+                    :class="{ active: activeInternalKbCat === cat.key }"
+                    @click="activeInternalKbCat = cat.key"
+                  >
+                    <el-icon :style="{ color: cat.color }"><component :is="cat.icon" /></el-icon>
+                    <span class="cat-name">{{ cat.name }}</span>
+                    <span class="cat-count">{{ cat.count }} 个文件</span>
+                  </div>
+                </div>
+                
+                <div class="kb-files-section">
+                  <div class="section-toolbar">
+                    <h3>{{ currentInternalCatName }}</h3>
+                    <el-input 
+                      v-model="internalKbSearch" 
+                      placeholder="搜索文件名" 
+                      style="width: 240px;"
+                      :prefix-icon="Search"
+                      clearable
+                    />
+                  </div>
+                  
+                  <el-table :data="filteredInternalKbFiles" style="width: 100%">
+                    <el-table-column prop="name" label="文件名" min-width="280">
+                      <template #default="{ row }">
+                        <div class="file-name-cell">
+                          <el-icon class="file-icon"><Document /></el-icon>
+                          <span>{{ row.name }}</span>
+                        </div>
+                      </template>
+                    </el-table-column>
+                    <el-table-column prop="uploader" label="上传人员" width="120" />
+                    <el-table-column prop="uploadTime" label="上传时间" width="180" />
+                    <el-table-column label="操作" width="180" align="center">
+                      <template #default="{ row }">
+                        <el-button type="primary" link size="small" @click="previewKbFile(row)">
+                          <el-icon><View /></el-icon>预览
+                        </el-button>
+                        <el-button type="success" link size="small" @click="downloadKbFile(row)">
+                          <el-icon><Download /></el-icon>下载
+                        </el-button>
+                        <el-button type="danger" link size="small" @click="deleteKbFile(row, 'internal')">
+                          <el-icon><Delete /></el-icon>删除
+                        </el-button>
+                      </template>
+                    </el-table-column>
+                  </el-table>
+                </div>
+              </el-tab-pane>
+            </el-tabs>
+          </el-card>
+        </template>
+
+        <!-- 工单管理 -->
+        <template v-if="activeSubNav === 'tickets'">
+          <div class="content-header">
+            <div class="header-title">
+              <h1>工单管理</h1>
+              <p class="subtitle">查看和处理客户服务工单</p>
+            </div>
+            <el-button type="primary" @click="showCreateTicketDialog = true">
+              <el-icon><Plus /></el-icon>
+              创建工单
+            </el-button>
+          </div>
+
+          <!-- 筛选区 -->
+          <el-card class="filter-card">
+            <div class="ticket-filters">
+              <el-radio-group v-model="ticketStatusFilter" @change="filterTickets">
+                <el-radio-button label="all">全部</el-radio-button>
+                <el-radio-button label="pending">
+                  待处理 <el-badge :value="ticketCounts.pending" :max="99" />
+                </el-radio-button>
+                <el-radio-button label="processing">处理中</el-radio-button>
+                <el-radio-button label="completed">已完成</el-radio-button>
+                <el-radio-button label="closed">已关闭</el-radio-button>
+              </el-radio-group>
+              
+              <div class="filter-right">
+                <el-select v-model="ticketTypeFilter" placeholder="故障类型" clearable style="width: 140px;">
+                  <el-option label="电气系统故障" value="electrical" />
+                  <el-option label="机械故障" value="mechanical" />
+                  <el-option label="控制系统故障" value="control" />
+                  <el-option label="配件更换" value="parts" />
+                  <el-option label="安装调试" value="install" />
+                  <el-option label="其他" value="other" />
+                </el-select>
+                <el-select v-model="ticketUrgencyFilter" placeholder="紧急程度" clearable style="width: 120px;">
+                  <el-option label="紧急" value="urgent" />
+                  <el-option label="普通" value="normal" />
+                  <el-option label="低" value="low" />
+                </el-select>
+                <el-input 
+                  v-model="ticketSearchKeyword" 
+                  placeholder="搜索工单号/客户/设备" 
+                  style="width: 200px;"
+                  :prefix-icon="Search"
+                  clearable
+                />
+              </div>
+            </div>
+          </el-card>
+
+          <!-- 工单列表 -->
+          <el-card>
+            <el-table :data="filteredTicketList" style="width: 100%">
+              <el-table-column prop="ticketNo" label="工单号" width="140">
+                <template #default="{ row }">
+                  <span class="ticket-no">{{ row.ticketNo }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column prop="customerName" label="客户信息" width="150">
+                <template #default="{ row }">
+                  <div class="customer-info">
+                    <span class="name">{{ row.customerName }}</span>
+                    <span class="phone">{{ row.customerPhone }}</span>
+                  </div>
+                </template>
+              </el-table-column>
+              <el-table-column prop="faultType" label="故障类型" width="120">
+                <template #default="{ row }">
+                  <el-tag size="small">{{ row.faultTypeName }}</el-tag>
+                </template>
+              </el-table-column>
+              <el-table-column prop="deviceModel" label="设备型号" width="120" />
+              <el-table-column prop="urgency" label="紧急程度" width="100">
+                <template #default="{ row }">
+                  <el-tag 
+                    :type="row.urgency === 'urgent' ? 'danger' : row.urgency === 'normal' ? 'warning' : 'info'" 
+                    size="small"
+                  >
+                    {{ row.urgencyName }}
+                  </el-tag>
+                </template>
+              </el-table-column>
+              <el-table-column prop="status" label="状态" width="100">
+                <template #default="{ row }">
+                  <el-tag 
+                    :type="getTicketStatusType(row.status)" 
+                    size="small"
+                  >
+                    {{ row.statusName }}
+                  </el-tag>
+                </template>
+              </el-table-column>
+              <el-table-column prop="assignee" label="处理人" width="100">
+                <template #default="{ row }">
+                  <span v-if="row.assignee">{{ row.assignee }}</span>
+                  <span v-else class="unassigned">未指派</span>
+                </template>
+              </el-table-column>
+              <el-table-column prop="source" label="来源" width="100">
+                <template #default="{ row }">
+                  <el-tag :type="row.source === 'chat' ? 'success' : ''" size="small" effect="plain">
+                    {{ row.source === 'chat' ? '小电对话' : '手动创建' }}
+                  </el-tag>
+                </template>
+              </el-table-column>
+              <el-table-column prop="createTime" label="创建时间" width="160" />
+              <el-table-column label="操作" width="200" fixed="right">
+                <template #default="{ row }">
+                  <el-button type="primary" link size="small" @click="viewTicketDetail(row)">
+                    详情
+                  </el-button>
+                  <el-button 
+                    v-if="row.source === 'chat'" 
+                    type="success" 
+                    link 
+                    size="small" 
+                    @click="viewTicketConversation(row)"
+                  >
+                    对话
+                  </el-button>
+                  <el-button 
+                    v-if="row.status === 'pending'" 
+                    type="warning" 
+                    link 
+                    size="small" 
+                    @click="showAssignDialog(row)"
+                  >
+                    指派
+                  </el-button>
+                  <el-button 
+                    v-if="row.status === 'processing'" 
+                    type="success" 
+                    link 
+                    size="small" 
+                    @click="completeTicket(row)"
+                  >
+                    完成
+                  </el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+            
+            <div class="table-pagination">
+              <el-pagination
+                v-model:current-page="ticketCurrentPage"
+                :page-size="10"
+                :total="ticketTotal"
+                layout="total, prev, pager, next"
+              />
+            </div>
+          </el-card>
+        </template>
+        
+        <!-- 创建工单弹窗 -->
+        <el-dialog v-model="showCreateTicketDialog" title="创建工单" width="650px">
+          <el-form :model="ticketForm" label-width="90px">
+            <el-row :gutter="20">
+              <el-col :span="12">
+                <el-form-item label="客户姓名" required>
+                  <el-input v-model="ticketForm.customerName" placeholder="请输入客户姓名" :prefix-icon="User" />
+                </el-form-item>
+              </el-col>
+              <el-col :span="12">
+                <el-form-item label="联系电话" required>
+                  <el-input v-model="ticketForm.customerPhone" placeholder="请输入联系电话" :prefix-icon="Phone" />
+                </el-form-item>
+              </el-col>
+            </el-row>
+            <el-form-item label="设备型号" required>
+              <el-select v-model="ticketForm.deviceModel" placeholder="请选择设备型号" style="width: 100%;">
+                <el-option label="TH-500GF" value="TH-500GF" />
+                <el-option label="TH-300D" value="TH-300D" />
+                <el-option label="TH-800GF" value="TH-800GF" />
+                <el-option label="S-200X" value="S-200X" />
+                <el-option label="S-150X" value="S-150X" />
+                <el-option label="G-100S" value="G-100S" />
+                <el-option label="G-200S" value="G-200S" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="故障类型" required>
+              <el-select v-model="ticketForm.faultType" placeholder="请选择故障类型" style="width: 100%;">
+                <el-option label="电气系统故障" value="electrical" />
+                <el-option label="机械故障" value="mechanical" />
+                <el-option label="控制系统故障" value="control" />
+                <el-option label="配件更换" value="parts" />
+                <el-option label="安装调试" value="install" />
+                <el-option label="其他" value="other" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="故障描述" required>
+              <el-input 
+                v-model="ticketForm.faultDesc" 
+                type="textarea" 
+                :rows="4" 
+                placeholder="请详细描述故障现象..."
+              />
+            </el-form-item>
+            <el-form-item label="紧急程度" required>
+              <el-select v-model="ticketForm.urgency" placeholder="请选择紧急程度" style="width: 100%;">
+                <el-option label="紧急" value="urgent" />
+                <el-option label="普通" value="normal" />
+                <el-option label="低" value="low" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="现场地址">
+              <el-input v-model="ticketForm.address" placeholder="请输入现场详细地址" />
+            </el-form-item>
+            <el-form-item label="故障照片">
+              <el-upload
+                action="#"
+                list-type="picture-card"
+                :auto-upload="false"
+                :limit="9"
+              >
+                <el-icon><Plus /></el-icon>
+                <template #tip>
+                  <div class="el-upload__tip">支持jpg、png格式，最多上传9张</div>
+                </template>
+              </el-upload>
+            </el-form-item>
+            <el-form-item label="设备铭牌">
+              <el-input v-model="ticketForm.nameplate" placeholder="请输入设备铭牌信息" />
+            </el-form-item>
+          </el-form>
+          <template #footer>
+            <el-button @click="showCreateTicketDialog = false">取消</el-button>
+            <el-button type="primary" @click="submitCreateTicket">提交工单</el-button>
+          </template>
+        </el-dialog>
+        
+        <!-- 工单详情弹窗 -->
+        <el-dialog v-model="showTicketDetailDialog" title="工单详情" width="750px">
+          <div class="ticket-detail" v-if="currentTicket">
+            <div class="detail-header">
+              <div class="ticket-info">
+                <span class="ticket-no">{{ currentTicket.ticketNo }}</span>
+                <el-tag :type="getTicketStatusType(currentTicket.status)">{{ currentTicket.statusName }}</el-tag>
+                <el-tag :type="currentTicket.urgency === 'urgent' ? 'danger' : currentTicket.urgency === 'normal' ? 'warning' : 'info'">
+                  {{ currentTicket.urgencyName }}
+                </el-tag>
+              </div>
+              <div class="detail-actions">
+                <el-button 
+                  v-if="currentTicket.source === 'chat'" 
+                  type="primary" 
+                  size="small"
+                  @click="viewTicketConversation(currentTicket)"
+                >
+                  <el-icon><ChatDotRound /></el-icon>
+                  查看对话
+                </el-button>
+              </div>
+            </div>
+            
+            <el-descriptions :column="2" border>
+              <el-descriptions-item label="客户姓名">{{ currentTicket.customerName }}</el-descriptions-item>
+              <el-descriptions-item label="联系电话">{{ currentTicket.customerPhone }}</el-descriptions-item>
+              <el-descriptions-item label="设备型号">{{ currentTicket.deviceModel }}</el-descriptions-item>
+              <el-descriptions-item label="故障类型">{{ currentTicket.faultTypeName }}</el-descriptions-item>
+              <el-descriptions-item label="现场地址" :span="2">{{ currentTicket.address || '-' }}</el-descriptions-item>
+              <el-descriptions-item label="故障描述" :span="2">{{ currentTicket.faultDesc }}</el-descriptions-item>
+              <el-descriptions-item label="设备铭牌" :span="2">{{ currentTicket.nameplate || '-' }}</el-descriptions-item>
+              <el-descriptions-item label="工单来源">
+                <el-tag :type="currentTicket.source === 'chat' ? 'success' : ''" size="small">
+                  {{ currentTicket.source === 'chat' ? '小电对话' : '手动创建' }}
+                </el-tag>
+              </el-descriptions-item>
+              <el-descriptions-item label="处理人">{{ currentTicket.assignee || '未指派' }}</el-descriptions-item>
+              <el-descriptions-item label="创建时间">{{ currentTicket.createTime }}</el-descriptions-item>
+              <el-descriptions-item label="更新时间">{{ currentTicket.updateTime }}</el-descriptions-item>
+            </el-descriptions>
+            
+            <!-- 故障照片 -->
+            <div class="detail-section" v-if="currentTicket.images && currentTicket.images.length > 0">
+              <h4>
+                <el-icon><Picture /></el-icon>
+                故障照片
+              </h4>
+              <div class="ticket-images">
+                <el-image 
+                  v-for="(img, index) in currentTicket.images" 
+                  :key="index"
+                  :src="img"
+                  :preview-src-list="currentTicket.images"
+                  :initial-index="index"
+                  fit="cover"
+                  class="ticket-image-item"
+                >
+                  <template #error>
+                    <div class="image-error">
+                      <el-icon><Picture /></el-icon>
+                    </div>
+                  </template>
+                </el-image>
+              </div>
+            </div>
+            
+            <div class="detail-section">
+              <h4>处理记录</h4>
+              <el-timeline>
+                <el-timeline-item 
+                  v-for="(log, index) in currentTicket.logs" 
+                  :key="index"
+                  :timestamp="log.time"
+                  :type="log.type"
+                >
+                  <div class="log-content">
+                    <span class="log-operator">{{ log.operator }}</span>
+                    <span class="log-action">{{ log.action }}</span>
+                  </div>
+                  <div v-if="log.remark" class="log-remark">{{ log.remark }}</div>
+                </el-timeline-item>
+              </el-timeline>
+            </div>
+          </div>
+          <template #footer>
+            <el-button @click="showTicketDetailDialog = false">关闭</el-button>
+            <el-button v-if="currentTicket?.status === 'pending'" type="warning" @click="showAssignDialogFromDetail">
+              指派工程师
+            </el-button>
+            <el-button v-if="currentTicket?.status === 'processing'" type="success" @click="completeTicket(currentTicket)">
+              完成工单
+            </el-button>
+          </template>
+        </el-dialog>
+        
+        <!-- 指派工程师弹窗 -->
+        <el-dialog v-model="showAssignTicketDialog" title="指派工程师" width="600px">
+          <div class="assign-dialog">
+            <div class="ai-recommend" v-if="aiRecommendEngineer">
+              <div class="recommend-header">
+                <el-icon><MagicStick /></el-icon>
+                <span>智能推荐</span>
+              </div>
+              <div class="recommend-content">
+                <div class="engineer-card recommended" @click="selectedEngineer = aiRecommendEngineer.id">
+                  <el-radio :model-value="selectedEngineer" :value="aiRecommendEngineer.id">
+                    <div class="engineer-info">
+                      <el-avatar :size="40">{{ aiRecommendEngineer.name.charAt(0) }}</el-avatar>
+                      <div class="info-text">
+                        <div class="name">{{ aiRecommendEngineer.name }}</div>
+                        <div class="title">{{ aiRecommendEngineer.title }}</div>
+                      </div>
+                      <div class="match-score">
+                        <span class="score">{{ aiRecommendEngineer.matchScore }}%</span>
+                        <span class="label">匹配度</span>
+                      </div>
+                    </div>
+                  </el-radio>
+                </div>
+                <div class="recommend-reason">
+                  <el-icon><InfoFilled /></el-icon>
+                  <span>{{ aiRecommendEngineer.reason }}</span>
+                </div>
+              </div>
+            </div>
+            
+            <div class="engineer-list">
+              <div class="list-header">
+                <span>全部工程师</span>
+                <el-input 
+                  v-model="engineerSearch" 
+                  placeholder="搜索工程师" 
+                  style="width: 180px;"
+                  size="small"
+                  clearable
+                />
+              </div>
+              <div class="list-content">
+                <div 
+                  v-for="eng in filteredEngineers" 
+                  :key="eng.id"
+                  class="engineer-card"
+                  :class="{ selected: selectedEngineer === eng.id }"
+                  @click="selectedEngineer = eng.id"
+                >
+                  <el-radio :model-value="selectedEngineer" :value="eng.id">
+                    <div class="engineer-info">
+                      <el-avatar :size="36">{{ eng.name.charAt(0) }}</el-avatar>
+                      <div class="info-text">
+                        <div class="name">{{ eng.name }}</div>
+                        <div class="title">{{ eng.title }} | 当前工单: {{ eng.currentTickets }}个</div>
+                      </div>
+                    </div>
+                  </el-radio>
+                </div>
+              </div>
+            </div>
+          </div>
+          <template #footer>
+            <el-button @click="showAssignTicketDialog = false">取消</el-button>
+            <el-button type="primary" @click="confirmAssignTicket" :disabled="!selectedEngineer">确认指派</el-button>
+          </template>
+        </el-dialog>
+        
+        <!-- 对话记录弹窗 -->
+        <el-dialog v-model="showConversationDialog" title="对话记录" width="700px">
+          <el-tabs v-model="conversationTab">
+            <el-tab-pane label="对话记录" name="record">
+              <div class="conversation-record">
+                <div 
+                  v-for="(msg, index) in currentConversation" 
+                  :key="index"
+                  class="message-item"
+                  :class="msg.role"
+                >
+                  <div class="message-avatar">
+                    <el-avatar v-if="msg.role === 'user'" :size="36">客</el-avatar>
+                    <el-avatar v-else :size="36" style="background: #7c3aed;">电</el-avatar>
+                  </div>
+                  <div class="message-content">
+                    <div class="message-header">
+                      <span class="sender">{{ msg.role === 'user' ? '客户' : '小电' }}</span>
+                      <span class="time">{{ msg.time }}</span>
+                    </div>
+                    <div class="message-text">{{ msg.content }}</div>
+                  </div>
+                </div>
+              </div>
+            </el-tab-pane>
+            <el-tab-pane label="对话纪要" name="summary">
+              <div class="conversation-summary">
+                <div class="summary-section">
+                  <h4><el-icon><Document /></el-icon> 问题概述</h4>
+                  <p>{{ conversationSummary.overview }}</p>
+                </div>
+                <div class="summary-section">
+                  <h4><el-icon><Warning /></el-icon> 客户诉求</h4>
+                  <ul>
+                    <li v-for="(item, index) in conversationSummary.demands" :key="index">{{ item }}</li>
+                  </ul>
+                </div>
+                <div class="summary-section">
+                  <h4><el-icon><InfoFilled /></el-icon> 关键信息</h4>
+                  <el-descriptions :column="1" border size="small">
+                    <el-descriptions-item label="设备型号">{{ conversationSummary.deviceModel }}</el-descriptions-item>
+                    <el-descriptions-item label="故障现象">{{ conversationSummary.faultSymptom }}</el-descriptions-item>
+                    <el-descriptions-item label="发生时间">{{ conversationSummary.occurTime }}</el-descriptions-item>
+                  </el-descriptions>
+                </div>
+              </div>
+            </el-tab-pane>
+          </el-tabs>
+        </el-dialog>
+
+        <!-- 对话数据管理 -->
+        <template v-if="activeSubNav === 'conversation'">
+          <div class="content-header">
+            <div class="header-title">
+              <h1>对话数据管理</h1>
+              <p class="subtitle">管理和分析客服对话数据</p>
+            </div>
+            <el-button type="primary" @click="exportConversations">
+              <el-icon><Download /></el-icon>
+              导出数据
+            </el-button>
+          </div>
+
+          <!-- 筛选区 -->
+          <el-card class="filter-card">
+            <div class="conversation-filters">
+              <el-date-picker
+                v-model="conversationDateRange"
+                type="daterange"
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                style="width: 260px;"
+                value-format="YYYY-MM-DD"
+              />
+              <el-select v-model="conversationCategoryFilter" placeholder="问题分类" clearable style="width: 140px;">
+                <el-option label="设备操作咨询" value="device" />
+                <el-option label="故障报修" value="fault" />
+                <el-option label="配件购买" value="parts" />
+                <el-option label="保修政策" value="warranty" />
+                <el-option label="安装指导" value="install" />
+                <el-option label="其他问题" value="other" />
+              </el-select>
+              <el-select v-model="conversationStatusFilter" placeholder="对话状态" clearable style="width: 120px;">
+                <el-option label="已完成" value="completed" />
+                <el-option label="已转工单" value="ticket" />
+                <el-option label="未解决" value="unresolved" />
+              </el-select>
+              <el-input 
+                v-model="conversationSearchKeyword" 
+                placeholder="搜索客户/设备/内容" 
+                style="width: 200px;"
+                :prefix-icon="Search"
+                clearable
+              />
+            </div>
+          </el-card>
+
+          <!-- 对话列表 -->
+          <el-card>
+            <el-table :data="filteredConversationList" style="width: 100%">
+              <el-table-column prop="sessionId" label="会话ID" width="140">
+                <template #default="{ row }">
+                  <span class="session-id">{{ row.sessionId }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column prop="customerName" label="客户信息" width="140">
+                <template #default="{ row }">
+                  <div class="customer-info">
+                    <span class="name">{{ row.customerName }}</span>
+                    <span class="phone">{{ row.customerPhone }}</span>
+                  </div>
+                </template>
+              </el-table-column>
+              <el-table-column prop="category" label="问题分类" width="120">
+                <template #default="{ row }">
+                  <el-tag size="small">{{ row.categoryName }}</el-tag>
+                </template>
+              </el-table-column>
+              <el-table-column prop="deviceModel" label="涉及产品" width="110" />
+              <el-table-column prop="summary" label="对话摘要" min-width="200">
+                <template #default="{ row }">
+                  <span class="conversation-summary-text">{{ row.summary }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column prop="messageCount" label="消息数" width="80" align="center" />
+              <el-table-column prop="status" label="状态" width="100">
+                <template #default="{ row }">
+                  <el-tag 
+                    :type="row.status === 'completed' ? 'success' : row.status === 'ticket' ? 'warning' : 'danger'" 
+                    size="small"
+                  >
+                    {{ row.statusName }}
+                  </el-tag>
+                </template>
+              </el-table-column>
+              <el-table-column prop="satisfaction" label="满意度" width="100">
+                <template #default="{ row }">
+                  <div class="satisfaction-stars" v-if="row.satisfaction">
+                    <el-icon v-for="n in row.satisfaction" :key="n" class="star-filled"><StarFilled /></el-icon>
+                    <el-icon v-for="n in (5 - row.satisfaction)" :key="'empty-' + n" class="star-empty"><Star /></el-icon>
+                  </div>
+                  <span v-else class="no-rating">未评价</span>
+                </template>
+              </el-table-column>
+              <el-table-column prop="startTime" label="对话时间" width="160" />
+              <el-table-column label="操作" width="120" fixed="right">
+                <template #default="{ row }">
+                  <el-button type="primary" link size="small" @click="viewConversationDetail(row)">
+                    <el-icon><View /></el-icon>
+                    查看
+                  </el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+            
+            <div class="table-pagination">
+              <el-pagination
+                v-model:current-page="conversationCurrentPage"
+                :page-size="10"
+                :total="conversationTotal"
+                layout="total, prev, pager, next"
+              />
+            </div>
+          </el-card>
+        </template>
+        
+        <!-- 对话详情弹窗 -->
+        <el-dialog v-model="showConversationDetailDialog" title="对话详情" width="800px">
+          <div class="conversation-detail-header" v-if="currentConversationDetail">
+            <div class="detail-info">
+              <span class="session-id">{{ currentConversationDetail.sessionId }}</span>
+              <el-tag :type="currentConversationDetail.status === 'completed' ? 'success' : currentConversationDetail.status === 'ticket' ? 'warning' : 'danger'" size="small">
+                {{ currentConversationDetail.statusName }}
+              </el-tag>
+              <el-tag size="small">{{ currentConversationDetail.categoryName }}</el-tag>
+            </div>
+            <div class="detail-meta">
+              <span>客户：{{ currentConversationDetail.customerName }}</span>
+              <span>设备：{{ currentConversationDetail.deviceModel }}</span>
+              <span>时间：{{ currentConversationDetail.startTime }}</span>
+            </div>
+          </div>
+          
+          <el-tabs v-model="conversationDetailTab">
+            <el-tab-pane label="对话记录" name="record">
+              <div class="conversation-record">
+                <div 
+                  v-for="(msg, index) in currentConversationMessages" 
+                  :key="index"
+                  class="message-item"
+                  :class="msg.role"
+                >
+                  <div class="message-avatar">
+                    <el-avatar v-if="msg.role === 'user'" :size="36">客</el-avatar>
+                    <el-avatar v-else :size="36" style="background: #7c3aed;">电</el-avatar>
+                  </div>
+                  <div class="message-content">
+                    <div class="message-header">
+                      <span class="sender">{{ msg.role === 'user' ? '客户' : '小电' }}</span>
+                      <span class="time">{{ msg.time }}</span>
+                    </div>
+                    <div class="message-text">{{ msg.content }}</div>
+                  </div>
+                </div>
+              </div>
+            </el-tab-pane>
+            <el-tab-pane label="对话概要" name="summary">
+              <div class="conversation-summary" v-if="currentConversationDetail">
+                <div class="summary-section">
+                  <h4><el-icon><Document /></el-icon> 问题概述</h4>
+                  <p>{{ currentConversationDetail.summaryDetail?.overview }}</p>
+                </div>
+                <div class="summary-section">
+                  <h4><el-icon><Warning /></el-icon> 客户诉求</h4>
+                  <ul>
+                    <li v-for="(item, index) in currentConversationDetail.summaryDetail?.demands" :key="index">{{ item }}</li>
+                  </ul>
+                </div>
+                <div class="summary-section">
+                  <h4><el-icon><Select /></el-icon> 解决方案</h4>
+                  <p>{{ currentConversationDetail.summaryDetail?.solution }}</p>
+                </div>
+                <div class="summary-section">
+                  <h4><el-icon><InfoFilled /></el-icon> 关键信息</h4>
+                  <el-descriptions :column="2" border size="small">
+                    <el-descriptions-item label="涉及设备">{{ currentConversationDetail.deviceModel }}</el-descriptions-item>
+                    <el-descriptions-item label="问题分类">{{ currentConversationDetail.categoryName }}</el-descriptions-item>
+                    <el-descriptions-item label="对话时长">{{ currentConversationDetail.duration }}</el-descriptions-item>
+                    <el-descriptions-item label="消息数量">{{ currentConversationDetail.messageCount }} 条</el-descriptions-item>
+                    <el-descriptions-item label="是否转工单">
+                      <el-tag :type="currentConversationDetail.status === 'ticket' ? 'warning' : 'info'" size="small">
+                        {{ currentConversationDetail.status === 'ticket' ? '是' : '否' }}
+                      </el-tag>
+                    </el-descriptions-item>
+                    <el-descriptions-item label="客户满意度">
+                      <div class="satisfaction-stars" v-if="currentConversationDetail.satisfaction">
+                        <el-icon v-for="n in currentConversationDetail.satisfaction" :key="n" class="star-filled"><StarFilled /></el-icon>
+                      </div>
+                      <span v-else>未评价</span>
+                    </el-descriptions-item>
+                  </el-descriptions>
+                </div>
+              </div>
+            </el-tab-pane>
+          </el-tabs>
+        </el-dialog>
+
+        <!-- 智能体管理 -->
+        <template v-if="activeSubNav === 'agent'">
+          <div class="content-header">
+            <div class="header-title">
+              <h1>智能体管理</h1>
+              <p class="subtitle">配置和管理AI智能客服</p>
+            </div>
+          </div>
+          
+          <el-card class="agent-config-card">
+            <!-- 智能体头部信息 -->
+            <div class="agent-header">
+              <div class="agent-avatar">
+                <el-avatar :size="56" style="background: linear-gradient(135deg, #7c3aed, #a855f7);">
+                  <el-icon :size="28"><Service /></el-icon>
+                </el-avatar>
+              </div>
+              <div class="agent-info">
+                <h2>泰豪小电</h2>
+                <span class="agent-type">智能问答助手</span>
+              </div>
+              <el-tag type="success" class="agent-status">已发布</el-tag>
+            </div>
+            
+            <el-divider />
+            
+            <!-- 配置表单 -->
+            <el-form :model="agentConfig" label-position="top" class="agent-form">
+              <el-form-item label="助手名称">
+                <el-input v-model="agentConfig.name" placeholder="请输入助手名称" />
+              </el-form-item>
+              
+              <el-form-item label="对话风格">
+                <el-radio-group v-model="agentConfig.style">
+                  <el-radio value="professional">简洁专业</el-radio>
+                  <el-radio value="friendly">友好亲切</el-radio>
+                  <el-radio value="detailed">详细解答</el-radio>
+                </el-radio-group>
+              </el-form-item>
+              
+              <el-form-item label="助手描述" class="full-width">
+                <el-input 
+                  v-model="agentConfig.description" 
+                  type="textarea" 
+                  :rows="2"
+                  placeholder="请输入助手描述，将作为开场白展示"
+                />
+              </el-form-item>
+              
+              <el-form-item label="功能开关" class="full-width">
+                <div class="feature-switches">
+                  <el-checkbox v-model="agentConfig.features.autoGreeting">自动问候</el-checkbox>
+                  <el-checkbox v-model="agentConfig.features.smartRecommend">智能推荐</el-checkbox>
+                  <el-checkbox v-model="agentConfig.features.conversationRecord">对话记录</el-checkbox>
+                  <el-checkbox v-model="agentConfig.features.voiceChat">语音对话</el-checkbox>
+                  <el-checkbox v-model="agentConfig.features.ticketGuide">工单引导</el-checkbox>
+                  <el-checkbox v-model="agentConfig.features.satisfaction">满意度评价</el-checkbox>
+                </div>
+              </el-form-item>
+              
+              <el-form-item label="响应延迟（毫秒）">
+                <el-input-number 
+                  v-model="agentConfig.responseDelay" 
+                  :min="0" 
+                  :max="5000" 
+                  :step="100"
+                  style="width: 100%;"
+                />
+                <div class="form-tip">模拟AI思考时间，建议设置为800-1500ms</div>
+              </el-form-item>
+              
+              <el-form-item label="最大回复长度（字符）">
+                <el-input-number 
+                  v-model="agentConfig.maxReplyLength" 
+                  :min="100" 
+                  :max="2000" 
+                  :step="100"
+                  style="width: 100%;"
+                />
+              </el-form-item>
+              
+              <el-form-item class="form-actions">
+                <el-button type="primary" @click="saveAgentConfig">保存配置</el-button>
+                <el-button @click="resetAgentConfig">重置</el-button>
+              </el-form-item>
+            </el-form>
+          </el-card>
+        </template>
+
+        <!-- 知识库日志 -->
+        <template v-if="activeSubNav === 'log-knowledge'">
+          <div class="content-header">
+            <div class="header-title">
+              <h1>知识库日志</h1>
+              <p class="subtitle">查看知识库操作记录</p>
+            </div>
+            <el-button @click="exportKnowledgeLogs">
+              <el-icon><Download /></el-icon>
+              导出日志
+            </el-button>
+          </div>
+          
+          <el-card class="filter-card">
+            <div class="log-filters">
+              <el-date-picker
+                v-model="knowledgeLogDateRange"
+                type="daterange"
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                style="width: 260px;"
+                value-format="YYYY-MM-DD"
+              />
+              <el-select v-model="knowledgeLogTypeFilter" placeholder="操作类型" clearable style="width: 120px;">
+                <el-option label="上传" value="upload" />
+                <el-option label="更新" value="update" />
+                <el-option label="删除" value="delete" />
+                <el-option label="重新索引" value="reindex" />
+              </el-select>
+              <el-select v-model="knowledgeLogOperatorFilter" placeholder="操作人" clearable style="width: 120px;">
+                <el-option label="李志鹏" value="李志鹏" />
+                <el-option label="张伟" value="张伟" />
+                <el-option label="系统" value="系统" />
+              </el-select>
+              <el-input 
+                v-model="knowledgeLogSearch" 
+                placeholder="搜索文档名称" 
+                style="width: 180px;"
+                :prefix-icon="Search"
+                clearable
+              />
+            </div>
+          </el-card>
+          
+          <el-card>
+            <el-table :data="filteredKnowledgeLogs" style="width: 100%">
+              <el-table-column prop="time" label="操作时间" width="170" />
+              <el-table-column prop="type" label="操作类型" width="100">
+                <template #default="{ row }">
+                  <el-tag 
+                    :type="row.type === 'upload' ? 'success' : row.type === 'delete' ? 'danger' : row.type === 'update' ? 'warning' : 'info'" 
+                    size="small"
+                  >
+                    {{ row.typeName }}
+                  </el-tag>
+                </template>
+              </el-table-column>
+              <el-table-column prop="docName" label="文档名称" min-width="200" />
+              <el-table-column prop="category" label="文档分类" width="120" />
+              <el-table-column prop="operator" label="操作人" width="100" />
+              <el-table-column prop="result" label="操作结果" width="100">
+                <template #default="{ row }">
+                  <el-tag :type="row.result === 'success' ? 'success' : 'danger'" size="small">
+                    {{ row.result === 'success' ? '成功' : '失败' }}
+                  </el-tag>
+                </template>
+              </el-table-column>
+              <el-table-column prop="remark" label="备注" min-width="150" />
+            </el-table>
+            
+            <div class="table-pagination">
+              <el-pagination
+                v-model:current-page="knowledgeLogPage"
+                :page-size="10"
+                :total="knowledgeLogTotal"
+                layout="total, prev, pager, next"
+              />
+            </div>
+          </el-card>
+        </template>
+
+        <!-- 工单日志 -->
+        <template v-if="activeSubNav === 'log-ticket'">
+          <div class="content-header">
+            <div class="header-title">
+              <h1>工单日志</h1>
+              <p class="subtitle">查看工单操作记录</p>
+            </div>
+            <el-button @click="exportTicketLogs">
+              <el-icon><Download /></el-icon>
+              导出日志
+            </el-button>
+          </div>
+          
+          <el-card class="filter-card">
+            <div class="log-filters">
+              <el-date-picker
+                v-model="ticketLogDateRange"
+                type="daterange"
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                style="width: 260px;"
+                value-format="YYYY-MM-DD"
+              />
+              <el-input 
+                v-model="ticketLogNoFilter" 
+                placeholder="工单号" 
+                style="width: 160px;"
+                clearable
+              />
+              <el-select v-model="ticketLogTypeFilter" placeholder="操作类型" clearable style="width: 120px;">
+                <el-option label="创建" value="create" />
+                <el-option label="指派" value="assign" />
+                <el-option label="转派" value="transfer" />
+                <el-option label="完成" value="complete" />
+                <el-option label="关闭" value="close" />
+              </el-select>
+              <el-select v-model="ticketLogOperatorFilter" placeholder="操作人" clearable style="width: 120px;">
+                <el-option label="系统" value="系统" />
+                <el-option label="李志鹏" value="李志鹏" />
+                <el-option label="小李" value="小李" />
+                <el-option label="小王" value="小王" />
+              </el-select>
+            </div>
+          </el-card>
+          
+          <el-card>
+            <el-table :data="filteredTicketLogs" style="width: 100%">
+              <el-table-column prop="time" label="操作时间" width="170" />
+              <el-table-column prop="ticketNo" label="工单号" width="160">
+                <template #default="{ row }">
+                  <span class="ticket-no">{{ row.ticketNo }}</span>
+                </template>
+              </el-table-column>
+              <el-table-column prop="type" label="操作类型" width="100">
+                <template #default="{ row }">
+                  <el-tag 
+                    :type="row.type === 'create' ? 'primary' : row.type === 'assign' ? 'warning' : row.type === 'complete' ? 'success' : row.type === 'close' ? 'info' : ''" 
+                    size="small"
+                  >
+                    {{ row.typeName }}
+                  </el-tag>
+                </template>
+              </el-table-column>
+              <el-table-column prop="operator" label="操作人" width="100" />
+              <el-table-column prop="content" label="操作内容" min-width="250" />
+              <el-table-column prop="ip" label="IP地址" width="140" />
+            </el-table>
+            
+            <div class="table-pagination">
+              <el-pagination
+                v-model:current-page="ticketLogPage"
+                :page-size="10"
+                :total="ticketLogTotal"
+                layout="total, prev, pager, next"
+              />
+            </div>
+          </el-card>
+        </template>
+
+        <!-- 系统日志 -->
+        <template v-if="activeSubNav === 'log-system'">
+          <div class="content-header">
+            <div class="header-title">
+              <h1>系统日志</h1>
+              <p class="subtitle">查看系统配置变更与异常信息</p>
+            </div>
+            <el-button @click="exportSystemLogs">
+              <el-icon><Download /></el-icon>
+              导出日志
+            </el-button>
+          </div>
+          
+          <el-card class="filter-card">
+            <div class="log-filters">
+              <el-date-picker
+                v-model="systemLogDateRange"
+                type="daterange"
+                range-separator="至"
+                start-placeholder="开始日期"
+                end-placeholder="结束日期"
+                style="width: 260px;"
+                value-format="YYYY-MM-DD"
+              />
+              <el-select v-model="systemLogTypeFilter" placeholder="日志类型" clearable style="width: 120px;">
+                <el-option label="配置变更" value="config" />
+                <el-option label="系统异常" value="error" />
+              </el-select>
+              <el-select v-model="systemLogLevelFilter" placeholder="日志级别" clearable style="width: 120px;">
+                <el-option label="INFO" value="info" />
+                <el-option label="WARN" value="warn" />
+                <el-option label="ERROR" value="error" />
+              </el-select>
+              <el-select v-model="systemLogModuleFilter" placeholder="模块" clearable style="width: 140px;">
+                <el-option label="智能体配置" value="agent" />
+                <el-option label="知识库索引" value="knowledge" />
+                <el-option label="对话服务" value="chat" />
+                <el-option label="API调用" value="api" />
+              </el-select>
+            </div>
+          </el-card>
+          
+          <el-card>
+            <el-table :data="filteredSystemLogs" style="width: 100%">
+              <el-table-column prop="time" label="时间" width="170" />
+              <el-table-column prop="logType" label="类型" width="100">
+                <template #default="{ row }">
+                  <el-tag :type="row.logType === 'config' ? 'primary' : 'danger'" size="small">
+                    {{ row.logType === 'config' ? '配置变更' : '系统异常' }}
+                  </el-tag>
+                </template>
+              </el-table-column>
+              <el-table-column prop="level" label="级别" width="80">
+                <template #default="{ row }">
+                  <span 
+                    class="log-level"
+                    :class="row.level"
+                  >
+                    {{ row.level.toUpperCase() }}
+                  </span>
+                </template>
+              </el-table-column>
+              <el-table-column prop="module" label="模块" width="120">
+                <template #default="{ row }">
+                  <el-tag size="small" type="info">{{ row.moduleName }}</el-tag>
+                </template>
+              </el-table-column>
+              <el-table-column prop="operator" label="操作人" width="100" />
+              <el-table-column prop="content" label="内容" min-width="300" />
+            </el-table>
+            
+            <div class="table-pagination">
+              <el-pagination
+                v-model:current-page="systemLogPage"
+                :page-size="10"
+                :total="systemLogTotal"
+                layout="total, prev, pager, next"
+              />
+            </div>
+          </el-card>
+        </template>
+
+        <!-- CRM管理 -->
+        <template v-if="activeSubNav === 'crm'">
+          <div class="content-header">
+            <div class="header-title">
+              <h1>CRM管理</h1>
+              <p class="subtitle">客户关系管理系统</p>
+            </div>
+            <el-button type="primary">
+              <el-icon><User /></el-icon>
+              新建客户
+            </el-button>
+          </div>
+          <el-card>
+            <div class="placeholder-content">
+              <el-icon class="placeholder-icon"><User /></el-icon>
+              <h3>CRM管理功能开发中</h3>
+              <p>此功能正在开发中，敬请期待...</p>
+            </div>
+          </el-card>
+        </template>
+      </div>
+      
+      <!-- 知识库上传对话框 -->
+      <el-dialog v-model="showKbUploadDialog" title="上传知识库文件" width="600px">
+        <el-form :model="kbUploadForm" label-width="100px">
+          <el-form-item label="选择文件" required>
+            <el-upload
+              :auto-upload="false"
+              :on-change="handleKbFileChange"
+              :limit="1"
+              accept=".pdf,.doc,.docx,.xls,.xlsx,.ppt,.pptx"
+            >
+              <template #trigger>
+                <el-button type="primary">
+                  <el-icon><Upload /></el-icon>
+                  选择文件
+                </el-button>
+              </template>
+              <template #tip>
+                <div class="el-upload__tip">支持 PDF、Word、Excel、PPT 格式</div>
+              </template>
+            </el-upload>
+          </el-form-item>
+          <el-form-item label="文件名称" required>
+            <el-input v-model="kbUploadForm.name" placeholder="上传时自动识别" />
+          </el-form-item>
+          <el-form-item label="知识库类型" required>
+            <el-radio-group v-model="kbUploadForm.type" @change="kbUploadForm.category = ''">
+              <el-radio label="external">外部知识库</el-radio>
+              <el-radio label="internal">内部知识库</el-radio>
+            </el-radio-group>
+          </el-form-item>
+          <el-form-item label="文件分类" required>
+            <el-select v-model="kbUploadForm.category" placeholder="请选择分类" style="width: 100%;">
+              <template v-if="kbUploadForm.type === 'external'">
+                <el-option label="设备操作指南" value="device-guide" />
+                <el-option label="常见故障解决方案" value="fault-solution" />
+                <el-option label="三包外服务政策" value="service-policy" />
+                <el-option label="配件咨询话术" value="parts-consult" />
+              </template>
+              <template v-else>
+                <el-option label="技术维修手册" value="tech-manual" />
+                <el-option label="产品参数明细" value="product-params" />
+                <el-option label="内部服务流程规范" value="service-process" />
+                <el-option label="客户服务话术模板" value="service-script" />
+              </template>
+            </el-select>
+          </el-form-item>
+          <el-form-item label="上传人员" required>
+            <el-input v-model="kbUploadForm.uploader" placeholder="自动匹配当前用户" />
+          </el-form-item>
+          <el-form-item>
+            <el-button type="primary" @click="aiRecognizeKbFile" :loading="kbAiRecognizing">
+              <el-icon><MagicStick /></el-icon>
+              AI智能识别
+            </el-button>
+            <span style="margin-left: 12px; color: #909399; font-size: 13px;">自动识别并填充分类信息</span>
+          </el-form-item>
+        </el-form>
+        <template #footer>
+          <el-button @click="showKbUploadDialog = false">取消</el-button>
+          <el-button type="primary" @click="confirmKbUpload">确认上传</el-button>
+        </template>
+      </el-dialog>
+
+      <!-- 个人中心 -->
+      <div v-if="activeNav === 'profile'" class="admin-content profile-content">
+        <div class="content-header">
+          <h1>个人中心</h1>
+          <p class="subtitle">管理您的个人信息和账户设置</p>
+        </div>
+
+        <div class="profile-main">
+          <el-tabs v-model="activeProfileTab">
+            <el-tab-pane label="基本信息" name="basic">
+              <el-card>
+                <div class="profile-section">
+                  <div class="avatar-section">
+                    <el-avatar :size="100" src="/avatar.svg">李志鹏</el-avatar>
+                    <el-button type="primary" size="small" style="margin-top: 16px;">
+                      <el-icon><Upload /></el-icon>
+                      更换头像
+                    </el-button>
+                  </div>
+
+                  <el-form :model="profileForm" label-width="100px" style="max-width: 600px;">
+                    <el-form-item label="姓名">
+                      <el-input v-model="profileForm.name" />
+                    </el-form-item>
+                    <el-form-item label="工号">
+                      <el-input v-model="profileForm.employeeId" disabled />
+                    </el-form-item>
+                    <el-form-item label="部门">
+                      <el-input v-model="profileForm.department" />
+                    </el-form-item>
+                    <el-form-item label="职位">
+                      <el-input v-model="profileForm.position" />
+                    </el-form-item>
+                    <el-form-item label="手机号">
+                      <el-input v-model="profileForm.phone" />
+                    </el-form-item>
+                    <el-form-item label="邮箱">
+                      <el-input v-model="profileForm.email" />
+                    </el-form-item>
+                    <el-form-item>
+                      <el-button type="primary" @click="saveProfile">保存修改</el-button>
+                      <el-button @click="resetProfile">重置</el-button>
+                    </el-form-item>
+                  </el-form>
+                </div>
+              </el-card>
+            </el-tab-pane>
+
+            <el-tab-pane label="账户安全" name="security">
+              <el-card>
+                <div class="security-section">
+                  <div class="security-item">
+                    <div class="security-info">
+                      <h3>登录密码</h3>
+                      <p>定期更换密码可以提高账户安全性</p>
+                    </div>
+                    <el-button type="primary" link @click="showPasswordDialog = true">修改密码</el-button>
+                  </div>
+                  
+                  <el-divider />
+                  
+                  <div class="security-item">
+                    <div class="security-info">
+                      <h3>双因素认证</h3>
+                      <p>开启后登录需要验证码，更加安全</p>
+                    </div>
+                    <el-switch v-model="twoFactorEnabled" />
+                  </div>
+                </div>
+              </el-card>
+            </el-tab-pane>
+
+            <el-tab-pane label="操作日志" name="logs">
+              <el-card>
+                <el-table :data="operationLogs" style="width: 100%">
+                  <el-table-column prop="time" label="时间" width="180" />
+                  <el-table-column prop="action" label="操作" width="200" />
+                  <el-table-column prop="ip" label="IP地址" width="150" />
+                  <el-table-column prop="device" label="设备" />
+                </el-table>
+              </el-card>
+            </el-tab-pane>
+          </el-tabs>
+        </div>
+      </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed } from 'vue'
+import { useRouter } from 'vue-router'
+import {
+  Setting,
+  Document,
+  Service,
+  Back,
+  User,
+  Warning,
+  Select,
+  Clock,
+  Files,
+  DArrowRight,
+  DataLine,
+  Tickets,
+  Upload,
+  View,
+  Download,
+  Delete,
+  Search,
+  MagicStick,
+  Tools,
+  QuestionFilled,
+  ChatDotRound,
+  List,
+  ArrowDown,
+  Top,
+  Right,
+  Plus,
+  Phone,
+  InfoFilled,
+  Picture,
+  StarFilled,
+  Star
+} from '@element-plus/icons-vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+
+const router = useRouter()
+const activeNav = ref('platform')
+const activeSubNav = ref('dashboard')
+
+const navItems = [
+  { key: 'platform', label: '平台管理后台', icon: 'Setting' },
+  { key: 'bidding', label: '智能标书管理后台', icon: 'Document' },
+  { key: 'service', label: '泰豪小电管理后台', icon: 'Service' }
+]
+
+// 平台管理后台的子导航
+const platformSubNav = [
+  { key: 'dashboard', label: '数据概览', icon: 'DataLine' },
+  { key: 'users', label: '用户管理', icon: 'User' },
+  { key: 'knowledge', label: '知识库', icon: 'Document' },
+  { key: 'settings', label: '系统配置', icon: 'Setting' }
+]
+
+// 智能标书管理后台的子导航
+const biddingSubNav = [
+  { key: 'dashboard', label: '数据概览', icon: 'DataLine' },
+  { key: 'projects', label: '项目管理', icon: 'Document' },
+  { key: 'templates', label: '模板库', icon: 'Files' },
+  { key: 'settings', label: '系统配置', icon: 'Setting' }
+]
+
+// 泰豪小电管理后台的子导航
+const serviceSubNav = [
+  { key: 'dashboard', label: '数据概览', icon: 'DataLine' },
+  { key: 'knowledge', label: '知识库', icon: 'Document' },
+  { key: 'tickets', label: '工单管理', icon: 'Tickets' },
+  { key: 'conversation', label: '对话数据管理', icon: 'ChatDotRound' },
+  { key: 'agent', label: '智能体管理', icon: 'Service' },
+  { 
+    key: 'logs', 
+    label: '日志管理', 
+    icon: 'List',
+    children: [
+      { key: 'log-knowledge', label: '知识库日志' },
+      { key: 'log-ticket', label: '工单日志' },
+      { key: 'log-system', label: '系统日志' }
+    ]
+  },
+  { key: 'crm', label: 'CRM管理', icon: 'User' }
+]
+
+// 日志导航展开状态
+const logNavExpanded = ref(false)
+
+// 数据概览
+const dashboardData = ref({
+  consultations: 1258,
+  pendingTickets: 23,
+  completedTickets: 156
+})
+
+const questionStatPeriod = ref('today')
+
+const questionCategories = ref([
+  { name: '设备操作咨询', count: 386, percent: 85, color: '#409eff' },
+  { name: '故障报修', count: 298, percent: 65, color: '#e6a23c' },
+  { name: '配件购买', count: 215, percent: 47, color: '#67c23a' },
+  { name: '保修政策', count: 189, percent: 42, color: '#909399' },
+  { name: '安装指导', count: 112, percent: 25, color: '#f56c6c' },
+  { name: '其他问题', count: 58, percent: 13, color: '#b3d8ff' }
+])
+
+const productCloudData = ref([
+  { name: 'TH-500GF', size: 24, weight: 1, color: '#409eff' },
+  { name: 'S-200X', size: 20, weight: 0.8, color: '#67c23a' },
+  { name: 'TH-300D', size: 18, weight: 0.7, color: '#e6a23c' },
+  { name: 'G-100S', size: 22, weight: 0.9, color: '#f56c6c' },
+  { name: 'TH-800GF', size: 16, weight: 0.6, color: '#909399' },
+  { name: 'S-150X', size: 19, weight: 0.75, color: '#7c3aed' },
+  { name: 'TH-1000D', size: 15, weight: 0.5, color: '#00d4ff' },
+  { name: 'G-200S', size: 17, weight: 0.65, color: '#ff6b6b' },
+  { name: 'TH-600GF', size: 21, weight: 0.85, color: '#ffa940' },
+  { name: 'S-300X', size: 14, weight: 0.45, color: '#36cfc9' },
+  { name: 'TH-400D', size: 16, weight: 0.55, color: '#b37feb' },
+  { name: 'G-150S', size: 18, weight: 0.7, color: '#ff85c0' }
+])
+
+// 跳转方法
+const goToTickets = (status) => {
+  activeSubNav.value = 'tickets'
+  // 可以存储筛选状态供工单管理页面使用
+  ElMessage.info(`跳转至工单管理 - ${status === 'pending' ? '待处理' : '已处理'}工单`)
+}
+
+const goToConversationByCategory = (category) => {
+  activeSubNav.value = 'conversation'
+  ElMessage.info(`跳转至对话数据 - 分类：${category}`)
+}
+
+const goToConversationByProduct = (product) => {
+  activeSubNav.value = 'conversation'
+  ElMessage.info(`跳转至对话数据 - 产品：${product}`)
+}
+
+// 工单管理
+const ticketStatusFilter = ref('all')
+const ticketTypeFilter = ref('')
+const ticketUrgencyFilter = ref('')
+const ticketSearchKeyword = ref('')
+const ticketCurrentPage = ref(1)
+const ticketTotal = ref(45)
+
+const ticketCounts = ref({
+  pending: 23,
+  processing: 8,
+  completed: 12,
+  closed: 2
+})
+
+const showCreateTicketDialog = ref(false)
+const showTicketDetailDialog = ref(false)
+const showAssignTicketDialog = ref(false)
+const showConversationDialog = ref(false)
+const currentTicket = ref(null)
+const selectedEngineer = ref('')
+const engineerSearch = ref('')
+const conversationTab = ref('record')
+
+const ticketForm = ref({
+  customerName: '',
+  customerPhone: '',
+  deviceModel: '',
+  faultType: '',
+  faultDesc: '',
+  urgency: 'normal',
+  address: '',
+  nameplate: ''
+})
+
+const ticketList = ref([
+  {
+    id: 1,
+    ticketNo: 'WO202501130001',
+    customerName: '张伟',
+    customerPhone: '138****5678',
+    deviceModel: 'TH-500GF',
+    faultType: 'electrical',
+    faultTypeName: '电气系统故障',
+    faultDesc: '发电机启动后电压不稳定，波动范围较大，影响正常使用',
+    urgency: 'urgent',
+    urgencyName: '紧急',
+    status: 'pending',
+    statusName: '待处理',
+    source: 'chat',
+    assignee: null,
+    address: '江西省南昌市红谷滩区xxx路xxx号',
+    nameplate: 'TH-500GF-2023-001',
+    images: [
+      'https://picsum.photos/400/300?random=1',
+      'https://picsum.photos/400/300?random=2',
+      'https://picsum.photos/400/300?random=3'
+    ],
+    createTime: '2025-01-13 09:30:00',
+    updateTime: '2025-01-13 09:30:00',
+    logs: [
+      { time: '2025-01-13 09:30:00', operator: '系统', action: '工单创建', type: 'primary', remark: '客户通过小电对话提交' }
+    ]
+  },
+  {
+    id: 2,
+    ticketNo: 'WO202501130002',
+    customerName: '李明',
+    customerPhone: '139****1234',
+    deviceModel: 'S-200X',
+    faultType: 'mechanical',
+    faultTypeName: '机械故障',
+    faultDesc: '静音发电机运行时有异常噪音，疑似轴承磨损',
+    urgency: 'normal',
+    urgencyName: '普通',
+    status: 'processing',
+    statusName: '处理中',
+    source: 'chat',
+    assignee: '小李',
+    address: '江西省九江市浔阳区xxx街xxx号',
+    nameplate: 'S-200X-2022-156',
+    images: [
+      'https://picsum.photos/400/300?random=4',
+      'https://picsum.photos/400/300?random=5'
+    ],
+    createTime: '2025-01-12 14:20:00',
+    updateTime: '2025-01-13 08:15:00',
+    logs: [
+      { time: '2025-01-12 14:20:00', operator: '系统', action: '工单创建', type: 'primary', remark: '客户通过小电对话提交' },
+      { time: '2025-01-12 15:00:00', operator: '管理员', action: '指派工程师', type: 'warning', remark: '指派给小李工程师处理' },
+      { time: '2025-01-13 08:15:00', operator: '小李', action: '开始处理', type: 'success', remark: '已联系客户，计划今日上门检修' }
+    ]
+  },
+  {
+    id: 3,
+    ticketNo: 'WO202501120003',
+    customerName: '王芳',
+    customerPhone: '137****9876',
+    deviceModel: 'TH-300D',
+    faultType: 'control',
+    faultTypeName: '控制系统故障',
+    faultDesc: '控制面板显示屏不亮，无法查看运行状态',
+    urgency: 'urgent',
+    urgencyName: '紧急',
+    status: 'pending',
+    statusName: '待处理',
+    source: 'manual',
+    assignee: null,
+    address: '江西省赣州市章贡区xxx路xxx号',
+    images: [
+      'https://picsum.photos/400/300?random=6'
+    ],
+    nameplate: 'TH-300D-2023-089',
+    createTime: '2025-01-12 10:45:00',
+    updateTime: '2025-01-12 10:45:00',
+    logs: [
+      { time: '2025-01-12 10:45:00', operator: '客服小张', action: '工单创建', type: 'primary', remark: '电话接报后手动创建' }
+    ]
+  },
+  {
+    id: 4,
+    ticketNo: 'WO202501110004',
+    customerName: '赵强',
+    customerPhone: '136****5432',
+    deviceModel: 'G-100S',
+    faultType: 'parts',
+    faultTypeName: '配件更换',
+    faultDesc: '需要更换空气滤芯和机油滤芯',
+    urgency: 'low',
+    urgencyName: '低',
+    status: 'completed',
+    statusName: '已完成',
+    source: 'chat',
+    assignee: '小王',
+    address: '江西省上饶市信州区xxx街xxx号',
+    nameplate: 'G-100S-2021-234',
+    createTime: '2025-01-11 16:30:00',
+    updateTime: '2025-01-12 17:00:00',
+    logs: [
+      { time: '2025-01-11 16:30:00', operator: '系统', action: '工单创建', type: 'primary', remark: '客户通过小电对话提交' },
+      { time: '2025-01-11 17:00:00', operator: '管理员', action: '指派工程师', type: 'warning', remark: '指派给小王工程师处理' },
+      { time: '2025-01-12 09:00:00', operator: '小王', action: '开始处理', type: 'success', remark: '已准备配件，前往客户现场' },
+      { time: '2025-01-12 17:00:00', operator: '小王', action: '完成工单', type: 'success', remark: '已完成滤芯更换，设备运行正常' }
+    ]
+  },
+  {
+    id: 5,
+    ticketNo: 'WO202501100005',
+    customerName: '孙丽',
+    customerPhone: '135****8765',
+    deviceModel: 'TH-800GF',
+    faultType: 'install',
+    faultTypeName: '安装调试',
+    faultDesc: '新购发电机组需要安装调试',
+    urgency: 'normal',
+    urgencyName: '普通',
+    status: 'processing',
+    statusName: '处理中',
+    source: 'manual',
+    assignee: '小张',
+    address: '江西省宜春市袁州区xxx路xxx号',
+    nameplate: 'TH-800GF-2025-003',
+    createTime: '2025-01-10 11:00:00',
+    updateTime: '2025-01-13 10:00:00',
+    logs: [
+      { time: '2025-01-10 11:00:00', operator: '销售小刘', action: '工单创建', type: 'primary', remark: '新机销售后创建安装工单' },
+      { time: '2025-01-10 14:00:00', operator: '管理员', action: '指派工程师', type: 'warning', remark: '指派给小张工程师处理' },
+      { time: '2025-01-13 10:00:00', operator: '小张', action: '进行中', type: 'success', remark: '安装基本完成，正在进行调试' }
+    ]
+  }
+])
+
+const engineerList = ref([
+  { id: 1, name: '小李', title: '高级工程师', currentTickets: 2, skills: ['电气系统', '控制系统'] },
+  { id: 2, name: '小王', title: '工程师', currentTickets: 1, skills: ['机械维修', '配件更换'] },
+  { id: 3, name: '小张', title: '高级工程师', currentTickets: 1, skills: ['安装调试', '电气系统'] },
+  { id: 4, name: '小陈', title: '工程师', currentTickets: 0, skills: ['机械维修', '控制系统'] },
+  { id: 5, name: '小刘', title: '技术专家', currentTickets: 3, skills: ['电气系统', '机械维修', '控制系统'] }
+])
+
+const aiRecommendEngineer = ref(null)
+
+const currentConversation = ref([])
+const conversationSummary = ref({
+  overview: '',
+  demands: [],
+  deviceModel: '',
+  faultSymptom: '',
+  occurTime: ''
+})
+
+// 工单筛选
+const filteredTicketList = computed(() => {
+  return ticketList.value.filter(ticket => {
+    if (ticketStatusFilter.value !== 'all' && ticket.status !== ticketStatusFilter.value) return false
+    if (ticketTypeFilter.value && ticket.faultType !== ticketTypeFilter.value) return false
+    if (ticketUrgencyFilter.value && ticket.urgency !== ticketUrgencyFilter.value) return false
+    if (ticketSearchKeyword.value) {
+      const keyword = ticketSearchKeyword.value.toLowerCase()
+      if (!ticket.ticketNo.toLowerCase().includes(keyword) &&
+          !ticket.customerName.toLowerCase().includes(keyword) &&
+          !ticket.deviceModel.toLowerCase().includes(keyword)) {
+        return false
+      }
+    }
+    return true
+  })
+})
+
+const filteredEngineers = computed(() => {
+  if (!engineerSearch.value) return engineerList.value
+  return engineerList.value.filter(eng => 
+    eng.name.includes(engineerSearch.value) || eng.title.includes(engineerSearch.value)
+  )
+})
+
+// 工单状态类型
+const getTicketStatusType = (status) => {
+  const typeMap = {
+    pending: 'warning',
+    processing: 'primary',
+    completed: 'success',
+    closed: 'info'
+  }
+  return typeMap[status] || 'info'
+}
+
+const filterTickets = () => {
+  ticketCurrentPage.value = 1
+}
+
+// 查看工单详情
+const viewTicketDetail = (ticket) => {
+  currentTicket.value = ticket
+  showTicketDetailDialog.value = true
+}
+
+// 查看对话记录
+const viewTicketConversation = (ticket) => {
+  currentConversation.value = [
+    { role: 'user', content: '你好，我的发电机出问题了', time: '09:25:30' },
+    { role: 'assistant', content: '您好！我是泰豪小电，很高兴为您服务。请问您的发电机是什么型号？出现了什么问题？', time: '09:25:32' },
+    { role: 'user', content: '型号是TH-500GF，启动后电压一直跳，不稳定', time: '09:26:15' },
+    { role: 'assistant', content: '了解了。TH-500GF电压不稳定可能有以下几种原因：\n1. AVR（自动电压调节器）故障\n2. 发电机转速不稳\n3. 负载过大或不平衡\n请问这个问题是一直存在还是最近才出现的？', time: '09:26:18' },
+    { role: 'user', content: '最近两天才开始的，之前用着挺好的', time: '09:27:05' },
+    { role: 'assistant', content: '明白了。建议您先检查一下负载情况，如果负载正常，可能需要专业工程师上门检查AVR和调速系统。您需要我帮您创建一个维修工单吗？', time: '09:27:08' },
+    { role: 'user', content: '好的，帮我创建工单吧，比较着急', time: '09:28:00' },
+    { role: 'assistant', content: '好的，我已为您创建紧急维修工单。请问您方便提供一下现场地址和联系电话吗？我们会尽快安排工程师上门服务。', time: '09:28:03' }
+  ]
+  conversationSummary.value = {
+    overview: '客户反映TH-500GF发电机组启动后电压不稳定，波动范围较大，问题最近两天才出现，之前运行正常。可能原因包括AVR故障、转速不稳或负载问题。客户希望尽快安排上门维修。',
+    demands: [
+      '尽快安排工程师上门检修',
+      '解决电压不稳定问题',
+      '确保设备正常运行'
+    ],
+    deviceModel: 'TH-500GF',
+    faultSymptom: '启动后电压不稳定，波动范围较大',
+    occurTime: '最近两天'
+  }
+  conversationTab.value = 'record'
+  showConversationDialog.value = true
+}
+
+// 显示指派弹窗
+const showAssignDialog = (ticket) => {
+  currentTicket.value = ticket
+  selectedEngineer.value = ''
+  // 生成AI推荐
+  generateAIRecommend(ticket)
+  showAssignTicketDialog.value = true
+}
+
+const showAssignDialogFromDetail = () => {
+  selectedEngineer.value = ''
+  generateAIRecommend(currentTicket.value)
+  showAssignTicketDialog.value = true
+}
+
+// AI智能推荐工程师
+const generateAIRecommend = (ticket) => {
+  // 模拟AI推荐逻辑
+  const faultTypeMap = {
+    electrical: { engId: 1, skill: '电气系统' },
+    mechanical: { engId: 2, skill: '机械维修' },
+    control: { engId: 1, skill: '控制系统' },
+    parts: { engId: 2, skill: '配件更换' },
+    install: { engId: 3, skill: '安装调试' },
+    other: { engId: 4, skill: '综合维修' }
+  }
+  
+  const recommend = faultTypeMap[ticket.faultType] || faultTypeMap.other
+  const engineer = engineerList.value.find(e => e.id === recommend.engId)
+  
+  if (engineer) {
+    aiRecommendEngineer.value = {
+      ...engineer,
+      matchScore: 85 + Math.floor(Math.random() * 10),
+      reason: `客户问题涉及${ticket.deviceModel}${ticket.faultTypeName}，${engineer.name}工程师在${recommend.skill}方面有丰富项目经验，历史工单解决率98%，平均响应时间2小时。`
+    }
+  }
+}
+
+// 确认指派
+const confirmAssignTicket = () => {
+  const engineer = engineerList.value.find(e => e.id === selectedEngineer.value)
+  if (engineer && currentTicket.value) {
+    currentTicket.value.assignee = engineer.name
+    currentTicket.value.status = 'processing'
+    currentTicket.value.statusName = '处理中'
+    currentTicket.value.logs.push({
+      time: new Date().toLocaleString('zh-CN', { hour12: false }).replace(/\//g, '-'),
+      operator: '管理员',
+      action: '指派工程师',
+      type: 'warning',
+      remark: `指派给${engineer.name}工程师处理`
+    })
+    engineer.currentTickets++
+    ticketCounts.value.pending--
+    showAssignTicketDialog.value = false
+    ElMessage.success(`已成功指派给${engineer.name}工程师`)
+  }
+}
+
+// 完成工单
+const completeTicket = (ticket) => {
+  ElMessageBox.confirm('确认完成该工单？', '完成确认', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'success'
+  }).then(() => {
+    ticket.status = 'completed'
+    ticket.statusName = '已完成'
+    ticket.logs.push({
+      time: new Date().toLocaleString('zh-CN', { hour12: false }).replace(/\//g, '-'),
+      operator: ticket.assignee,
+      action: '完成工单',
+      type: 'success',
+      remark: '工单已处理完成'
+    })
+    ticketCounts.value.completed++
+    showTicketDetailDialog.value = false
+    ElMessage.success('工单已完成')
+  }).catch(() => {})
+}
+
+// 创建工单
+const submitCreateTicket = () => {
+  if (!ticketForm.value.customerName || !ticketForm.value.customerPhone || 
+      !ticketForm.value.deviceModel || !ticketForm.value.faultType || !ticketForm.value.faultDesc) {
+    ElMessage.warning('请填写必填信息')
+    return
+  }
+  
+  const faultTypeNames = {
+    electrical: '电气系统故障',
+    mechanical: '机械故障',
+    control: '控制系统故障',
+    parts: '配件更换',
+    install: '安装调试',
+    other: '其他'
+  }
+  const urgencyNames = { urgent: '紧急', normal: '普通', low: '低' }
+  
+  const newTicket = {
+    id: Date.now(),
+    ticketNo: 'WO' + new Date().toISOString().slice(0, 10).replace(/-/g, '') + String(ticketList.value.length + 1).padStart(4, '0'),
+    customerName: ticketForm.value.customerName,
+    customerPhone: ticketForm.value.customerPhone.replace(/(\d{3})\d{4}(\d{4})/, '$1****$2'),
+    deviceModel: ticketForm.value.deviceModel,
+    faultType: ticketForm.value.faultType,
+    faultTypeName: faultTypeNames[ticketForm.value.faultType],
+    faultDesc: ticketForm.value.faultDesc,
+    urgency: ticketForm.value.urgency,
+    urgencyName: urgencyNames[ticketForm.value.urgency],
+    status: 'pending',
+    statusName: '待处理',
+    source: 'manual',
+    assignee: null,
+    address: ticketForm.value.address,
+    nameplate: ticketForm.value.nameplate,
+    createTime: new Date().toLocaleString('zh-CN', { hour12: false }).replace(/\//g, '-'),
+    updateTime: new Date().toLocaleString('zh-CN', { hour12: false }).replace(/\//g, '-'),
+    logs: [
+      { 
+        time: new Date().toLocaleString('zh-CN', { hour12: false }).replace(/\//g, '-'), 
+        operator: '李志鹏', 
+        action: '工单创建', 
+        type: 'primary', 
+        remark: '手动创建工单' 
+      }
+    ]
+  }
+  
+  ticketList.value.unshift(newTicket)
+  ticketCounts.value.pending++
+  ticketTotal.value++
+  showCreateTicketDialog.value = false
+  ticketForm.value = {
+    customerName: '',
+    customerPhone: '',
+    deviceModel: '',
+    faultType: '',
+    faultDesc: '',
+    urgency: 'normal',
+    address: '',
+    nameplate: ''
+  }
+  ElMessage.success('工单创建成功')
+}
+
+// 对话数据管理
+const conversationDateRange = ref(null)
+const conversationCategoryFilter = ref('')
+const conversationStatusFilter = ref('')
+const conversationSearchKeyword = ref('')
+const conversationCurrentPage = ref(1)
+const conversationTotal = ref(86)
+const showConversationDetailDialog = ref(false)
+const conversationDetailTab = ref('record')
+const currentConversationDetail = ref(null)
+const currentConversationMessages = ref([])
+
+const conversationList = ref([
+  {
+    id: 1,
+    sessionId: 'CONV20250113001',
+    customerName: '张伟',
+    customerPhone: '138****5678',
+    category: 'fault',
+    categoryName: '故障报修',
+    deviceModel: 'TH-500GF',
+    summary: '发电机启动后电压不稳定，需要工程师上门检修',
+    messageCount: 12,
+    status: 'ticket',
+    statusName: '已转工单',
+    satisfaction: 5,
+    startTime: '2025-01-13 09:25:00',
+    duration: '8分32秒',
+    summaryDetail: {
+      overview: '客户反映TH-500GF发电机组启动后电压不稳定，波动范围较大，问题最近两天才出现，之前运行正常。经过诊断，可能原因包括AVR故障、转速不稳或负载问题。',
+      demands: ['尽快安排工程师上门检修', '解决电压不稳定问题', '确保设备正常运行'],
+      solution: '已为客户创建紧急维修工单，安排工程师上门检查AVR和调速系统。'
+    },
+    messages: [
+      { role: 'user', content: '你好，我的发电机出问题了', time: '09:25:30' },
+      { role: 'assistant', content: '您好！我是泰豪小电，很高兴为您服务。请问您的发电机是什么型号？出现了什么问题？', time: '09:25:32' },
+      { role: 'user', content: '型号是TH-500GF，启动后电压一直跳，不稳定', time: '09:26:15' },
+      { role: 'assistant', content: '了解了。TH-500GF电压不稳定可能有以下几种原因：\n1. AVR（自动电压调节器）故障\n2. 发电机转速不稳\n3. 负载过大或不平衡\n请问这个问题是一直存在还是最近才出现的？', time: '09:26:18' },
+      { role: 'user', content: '最近两天才开始的，之前用着挺好的', time: '09:27:05' },
+      { role: 'assistant', content: '明白了。建议您先检查一下负载情况，如果负载正常，可能需要专业工程师上门检查AVR和调速系统。您需要我帮您创建一个维修工单吗？', time: '09:27:08' },
+      { role: 'user', content: '好的，帮我创建工单吧，比较着急', time: '09:28:00' },
+      { role: 'assistant', content: '好的，我已为您创建紧急维修工单。请问您方便提供一下现场地址和联系电话吗？我们会尽快安排工程师上门服务。', time: '09:28:03' }
+    ]
+  },
+  {
+    id: 2,
+    sessionId: 'CONV20250113002',
+    customerName: '李娜',
+    customerPhone: '139****2345',
+    category: 'device',
+    categoryName: '设备操作咨询',
+    deviceModel: 'S-200X',
+    summary: '咨询静音发电机的操作方法和保养周期',
+    messageCount: 8,
+    status: 'completed',
+    statusName: '已完成',
+    satisfaction: 5,
+    startTime: '2025-01-13 10:15:00',
+    duration: '5分18秒',
+    summaryDetail: {
+      overview: '客户咨询S-200X静音发电机的日常操作方法和保养周期，包括启动流程、停机注意事项和定期保养项目。',
+      demands: ['了解设备操作方法', '了解保养周期和保养项目'],
+      solution: '详细介绍了设备的启动/停机流程，以及建议每200小时或3个月进行一次常规保养的计划。'
+    },
+    messages: [
+      { role: 'user', content: '请问S-200X发电机怎么操作？', time: '10:15:20' },
+      { role: 'assistant', content: '您好！S-200X静音发电机的操作非常简单，我来为您介绍一下：\n\n【启动流程】\n1. 检查燃油和机油液位\n2. 打开燃油开关\n3. 将启动开关转到"ON"位置\n4. 按下启动按钮\n\n请问您还有其他问题吗？', time: '10:15:25' },
+      { role: 'user', content: '保养周期是多久？需要保养哪些项目？', time: '10:17:00' },
+      { role: 'assistant', content: 'S-200X建议每运行200小时或每3个月进行一次常规保养，保养项目包括：\n1. 更换机油和机油滤芯\n2. 检查/更换空气滤芯\n3. 检查燃油滤芯\n4. 检查火花塞（汽油机）\n5. 检查蓄电池电量\n\n如需专业保养服务，可以预约我们的工程师上门。', time: '10:17:05' }
+    ]
+  },
+  {
+    id: 3,
+    sessionId: 'CONV20250112003',
+    customerName: '王强',
+    customerPhone: '137****8765',
+    category: 'parts',
+    categoryName: '配件购买',
+    deviceModel: 'G-100S',
+    summary: '咨询空气滤芯和机油滤芯的价格和购买方式',
+    messageCount: 6,
+    status: 'completed',
+    statusName: '已完成',
+    satisfaction: 4,
+    startTime: '2025-01-12 14:30:00',
+    duration: '3分45秒',
+    summaryDetail: {
+      overview: '客户需要购买G-100S发电机的空气滤芯和机油滤芯，咨询配件价格和购买渠道。',
+      demands: ['了解配件价格', '了解购买方式'],
+      solution: '提供了配件价格信息，并引导客户通过官方渠道或授权经销商购买。'
+    },
+    messages: [
+      { role: 'user', content: 'G-100S的滤芯多少钱？', time: '14:30:15' },
+      { role: 'assistant', content: '您好！G-100S发电机的滤芯价格如下：\n- 空气滤芯：￥85/个\n- 机油滤芯：￥45/个\n\n您可以通过以下方式购买：\n1. 拨打售后热线订购\n2. 联系当地授权经销商\n3. 官方商城在线购买\n\n请问您需要哪种滤芯？', time: '14:30:20' }
+    ]
+  },
+  {
+    id: 4,
+    sessionId: 'CONV20250112004',
+    customerName: '赵敏',
+    customerPhone: '136****4321',
+    category: 'warranty',
+    categoryName: '保修政策',
+    deviceModel: 'TH-300D',
+    summary: '咨询设备保修期限和保修范围',
+    messageCount: 5,
+    status: 'completed',
+    statusName: '已完成',
+    satisfaction: null,
+    startTime: '2025-01-12 16:45:00',
+    duration: '2分58秒',
+    summaryDetail: {
+      overview: '客户咨询TH-300D柴油发电机的保修政策，包括保修期限和保修范围。',
+      demands: ['了解保修期限', '了解保修范围'],
+      solution: '告知客户整机保修2年或2000小时，核心部件保修3年，人为损坏和易损件不在保修范围内。'
+    },
+    messages: [
+      { role: 'user', content: '我买的TH-300D保修多久？', time: '16:45:10' },
+      { role: 'assistant', content: '您好！TH-300D柴油发电机的保修政策如下：\n\n【保修期限】\n- 整机保修：2年或累计运行2000小时（以先到者为准）\n- 核心部件（发动机、发电机）：3年\n\n【保修范围】\n- 因产品质量问题导致的故障\n- 不包含人为损坏、使用不当\n- 不包含易损件（滤芯、皮带等）\n\n请问您的设备遇到什么问题了吗？', time: '16:45:15' }
+    ]
+  },
+  {
+    id: 5,
+    sessionId: 'CONV20250111005',
+    customerName: '孙丽',
+    customerPhone: '135****9876',
+    category: 'install',
+    categoryName: '安装指导',
+    deviceModel: 'TH-800GF',
+    summary: '咨询新购发电机的安装要求和注意事项',
+    messageCount: 10,
+    status: 'ticket',
+    statusName: '已转工单',
+    satisfaction: 5,
+    startTime: '2025-01-11 11:00:00',
+    duration: '12分15秒',
+    summaryDetail: {
+      overview: '客户新购TH-800GF大型发电机组，咨询安装场地要求、电气接入规范和通风散热要求。由于安装较为复杂，已创建安装调试工单。',
+      demands: ['了解安装场地要求', '了解电气接入规范', '安排专业安装服务'],
+      solution: '详细介绍了安装要求后，已创建安装调试工单，安排工程师上门进行专业安装。'
+    },
+    messages: [
+      { role: 'user', content: '我刚买了TH-800GF，安装有什么要求？', time: '11:00:30' },
+      { role: 'assistant', content: '恭喜您购买TH-800GF发电机组！这款设备功率较大，安装需要注意以下几点：\n\n【场地要求】\n1. 安装场地需平整坚固，承重不小于2吨/平米\n2. 预留设备四周各1米以上的维护空间\n3. 地面需做防震处理\n\n【通风要求】\n1. 进风口面积不小于2平方米\n2. 排风口面积不小于1.5平方米\n\n您的安装场地是否具备这些条件？', time: '11:00:35' }
+    ]
+  }
+])
+
+// 对话数据筛选
+const filteredConversationList = computed(() => {
+  return conversationList.value.filter(conv => {
+    if (conversationCategoryFilter.value && conv.category !== conversationCategoryFilter.value) return false
+    if (conversationStatusFilter.value && conv.status !== conversationStatusFilter.value) return false
+    if (conversationSearchKeyword.value) {
+      const keyword = conversationSearchKeyword.value.toLowerCase()
+      if (!conv.customerName.toLowerCase().includes(keyword) &&
+          !conv.deviceModel.toLowerCase().includes(keyword) &&
+          !conv.summary.toLowerCase().includes(keyword)) {
+        return false
+      }
+    }
+    return true
+  })
+})
+
+// 查看对话详情
+const viewConversationDetail = (conv) => {
+  currentConversationDetail.value = conv
+  currentConversationMessages.value = conv.messages || []
+  conversationDetailTab.value = 'record'
+  showConversationDetailDialog.value = true
+}
+
+// 导出对话数据
+const exportConversations = () => {
+  ElMessage.success('对话数据导出中，请稍候...')
+}
+
+// 智能体配置
+const agentConfig = ref({
+  name: '泰豪小电',
+  description: '您好！我是泰豪小电，有什么可以帮助您的吗？',
+  style: 'friendly',
+  features: {
+    autoGreeting: true,
+    smartRecommend: true,
+    conversationRecord: true,
+    voiceChat: false,
+    ticketGuide: true,
+    satisfaction: true
+  },
+  responseDelay: 1000,
+  maxReplyLength: 500
+})
+
+const defaultAgentConfig = {
+  name: '泰豪小电',
+  description: '您好！我是泰豪小电，有什么可以帮助您的吗？',
+  style: 'friendly',
+  features: {
+    autoGreeting: true,
+    smartRecommend: true,
+    conversationRecord: true,
+    voiceChat: false,
+    ticketGuide: true,
+    satisfaction: true
+  },
+  responseDelay: 1000,
+  maxReplyLength: 500
+}
+
+const saveAgentConfig = () => {
+  ElMessage.success('智能体配置保存成功')
+}
+
+const resetAgentConfig = () => {
+  agentConfig.value = { ...defaultAgentConfig, features: { ...defaultAgentConfig.features } }
+  ElMessage.info('配置已重置')
+}
+
+// 知识库日志
+const knowledgeLogDateRange = ref(null)
+const knowledgeLogTypeFilter = ref('')
+const knowledgeLogOperatorFilter = ref('')
+const knowledgeLogSearch = ref('')
+const knowledgeLogPage = ref(1)
+const knowledgeLogTotal = ref(45)
+
+const knowledgeLogs = ref([
+  { id: 1, time: '2025-01-13 14:30:00', type: 'upload', typeName: '上传', docName: 'TH-800GF安装指南.pdf', category: '产品文档', operator: '李志鹏', result: 'success', remark: '文件大小3.2MB' },
+  { id: 2, time: '2025-01-13 11:20:00', type: 'update', typeName: '更新', docName: 'S-200X操作手册.pdf', category: '产品文档', operator: '李志鹏', result: 'success', remark: '更新第3章内容' },
+  { id: 3, time: '2025-01-13 10:15:00', type: 'reindex', typeName: '重新索引', docName: '常见故障处理指南.docx', category: '维修知识', operator: '系统', result: 'success', remark: '自动触发重新索引' },
+  { id: 4, time: '2025-01-12 16:45:00', type: 'delete', typeName: '删除', docName: '旧版产品目录.pdf', category: '产品文档', operator: '张伟', result: 'success', remark: '文档已过期' },
+  { id: 5, time: '2025-01-12 14:30:00', type: 'upload', typeName: '上传', docName: '2025年配件价格表.xlsx', category: '配件信息', operator: '李志鹏', result: 'success', remark: '文件大小1.5MB' },
+  { id: 6, time: '2025-01-12 10:00:00', type: 'upload', typeName: '上传', docName: '发电机保养规范.pdf', category: '维修知识', operator: '李志鹏', result: 'fail', remark: '文件格式不支持' },
+  { id: 7, time: '2025-01-11 15:20:00', type: 'update', typeName: '更新', docName: 'TH-500GF技术参数.pdf', category: '产品文档', operator: '张伟', result: 'success', remark: '更新技术参数表' }
+])
+
+const filteredKnowledgeLogs = computed(() => {
+  return knowledgeLogs.value.filter(log => {
+    if (knowledgeLogTypeFilter.value && log.type !== knowledgeLogTypeFilter.value) return false
+    if (knowledgeLogOperatorFilter.value && log.operator !== knowledgeLogOperatorFilter.value) return false
+    if (knowledgeLogSearch.value && !log.docName.toLowerCase().includes(knowledgeLogSearch.value.toLowerCase())) return false
+    return true
+  })
+})
+
+const exportKnowledgeLogs = () => {
+  ElMessage.success('知识库日志导出中...')
+}
+
+// 工单日志
+const ticketLogDateRange = ref(null)
+const ticketLogNoFilter = ref('')
+const ticketLogTypeFilter = ref('')
+const ticketLogOperatorFilter = ref('')
+const ticketLogPage = ref(1)
+const ticketLogTotal = ref(128)
+
+const ticketLogs = ref([
+  { id: 1, time: '2025-01-13 15:00:00', ticketNo: 'WO202501130001', type: 'assign', typeName: '指派', operator: '李志鹏', content: '将工单指派给小李工程师', ip: '192.168.1.100' },
+  { id: 2, time: '2025-01-13 09:30:00', ticketNo: 'WO202501130001', type: 'create', typeName: '创建', operator: '系统', content: '客户通过小电对话创建工单', ip: '-' },
+  { id: 3, time: '2025-01-13 08:15:00', ticketNo: 'WO202501130002', type: 'complete', typeName: '完成', operator: '小李', content: '工单处理完成，故障已修复', ip: '192.168.1.105' },
+  { id: 4, time: '2025-01-12 15:00:00', ticketNo: 'WO202501130002', type: 'assign', typeName: '指派', operator: '李志鹏', content: '将工单指派给小李工程师', ip: '192.168.1.100' },
+  { id: 5, time: '2025-01-12 14:20:00', ticketNo: 'WO202501130002', type: 'create', typeName: '创建', operator: '系统', content: '客户通过小电对话创建工单', ip: '-' },
+  { id: 6, time: '2025-01-12 10:45:00', ticketNo: 'WO202501120003', type: 'create', typeName: '创建', operator: '李志鹏', content: '手动创建工单', ip: '192.168.1.100' },
+  { id: 7, time: '2025-01-11 16:30:00', ticketNo: 'WO202501110004', type: 'close', typeName: '关闭', operator: '李志鹏', content: '客户确认问题已解决，关闭工单', ip: '192.168.1.100' }
+])
+
+const filteredTicketLogs = computed(() => {
+  return ticketLogs.value.filter(log => {
+    if (ticketLogNoFilter.value && !log.ticketNo.includes(ticketLogNoFilter.value)) return false
+    if (ticketLogTypeFilter.value && log.type !== ticketLogTypeFilter.value) return false
+    if (ticketLogOperatorFilter.value && log.operator !== ticketLogOperatorFilter.value) return false
+    return true
+  })
+})
+
+const exportTicketLogs = () => {
+  ElMessage.success('工单日志导出中...')
+}
+
+// 系统日志
+const systemLogDateRange = ref(null)
+const systemLogTypeFilter = ref('')
+const systemLogLevelFilter = ref('')
+const systemLogModuleFilter = ref('')
+const systemLogPage = ref(1)
+const systemLogTotal = ref(89)
+
+const systemLogs = ref([
+  { id: 1, time: '2025-01-13 14:00:00', logType: 'config', level: 'info', module: 'agent', moduleName: '智能体配置', operator: '李志鹏', content: '修改响应延迟：1000ms -> 1200ms' },
+  { id: 2, time: '2025-01-13 11:30:00', logType: 'error', level: 'warn', module: 'api', moduleName: 'API调用', operator: '系统', content: 'Dify API响应超时，已自动重试（耗时3.2s）' },
+  { id: 3, time: '2025-01-13 10:00:00', logType: 'config', level: 'info', module: 'agent', moduleName: '智能体配置', operator: '李志鹏', content: '开启功能：工单引导' },
+  { id: 4, time: '2025-01-12 18:45:00', logType: 'error', level: 'error', module: 'knowledge', moduleName: '知识库索引', operator: '系统', content: '文档索引失败：发电机保养规范.pdf，原因：文件格式不支持' },
+  { id: 5, time: '2025-01-12 15:30:00', logType: 'config', level: 'info', module: 'agent', moduleName: '智能体配置', operator: '李志鹏', content: '修改对话风格：简洁专业 -> 友好亲切' },
+  { id: 6, time: '2025-01-12 09:00:00', logType: 'error', level: 'warn', module: 'chat', moduleName: '对话服务', operator: '系统', content: '对话会话超时自动关闭，会话ID：CONV20250111008' },
+  { id: 7, time: '2025-01-11 16:20:00', logType: 'config', level: 'info', module: 'agent', moduleName: '智能体配置', operator: '张伟', content: '修改助手描述' },
+  { id: 8, time: '2025-01-11 11:00:00', logType: 'error', level: 'error', module: 'api', moduleName: 'API调用', operator: '系统', content: 'Dify API连接失败，错误码：503，已切换备用节点' }
+])
+
+const filteredSystemLogs = computed(() => {
+  return systemLogs.value.filter(log => {
+    if (systemLogTypeFilter.value && log.logType !== systemLogTypeFilter.value) return false
+    if (systemLogLevelFilter.value && log.level !== systemLogLevelFilter.value) return false
+    if (systemLogModuleFilter.value && log.module !== systemLogModuleFilter.value) return false
+    return true
+  })
+})
+
+const exportSystemLogs = () => {
+  ElMessage.success('系统日志导出中...')
+}
+
+const platformConfig = ref({
+  systemName: 'AI数智化平台',
+  aiModel: 'gpt-4',
+  maxConcurrency: 100,
+  sessionTimeout: 30
+})
+
+const biddingTemplates = ref([
+  { name: '工程类标书模板', category: '工程建设', usage: 45, updateTime: '2024-12-01 10:30' },
+  { name: '服务类标书模板', category: '服务采购', usage: 32, updateTime: '2024-11-28 14:20' },
+  { name: '货物采购模板', category: '货物采购', usage: 28, updateTime: '2024-11-25 09:15' }
+])
+
+const knowledgeBase = ref([
+  { title: '设备操作手册_TH-500GF', category: '产品文档', size: '2.3MB', status: '已索引', uploadTime: '2024-11-15 10:20' },
+  { title: '常见故障排查指南', category: '技术文档', size: '856KB', status: '已索引', uploadTime: '2024-11-14 14:30' },
+  { title: '维修案例汇总2023Q3', category: '案例库', size: '1.2MB', status: '处理中', uploadTime: '2024-11-10 09:15' }
+])
+
+// 知识库管理
+const activeKbType = ref('external')
+const activeExternalKbCat = ref('device-guide')
+const activeInternalKbCat = ref('tech-manual')
+const externalKbSearch = ref('')
+const internalKbSearch = ref('')
+const showKbUploadDialog = ref(false)
+const kbAiRecognizing = ref(false)
+const kbUploadForm = ref({
+  name: '',
+  type: 'external',
+  category: '',
+  uploader: '李志鹏'
+})
+
+// 外部知识库分类
+const externalKbCategories = ref([
+  { key: 'device-guide', name: '设备操作指南', count: 24, icon: 'Tools', color: '#409eff' },
+  { key: 'fault-solution', name: '常见故障解决方案', count: 36, icon: 'QuestionFilled', color: '#e6a23c' },
+  { key: 'service-policy', name: '三包外服务政策', count: 12, icon: 'Tickets', color: '#67c23a' },
+  { key: 'parts-consult', name: '配件咨询话术', count: 18, icon: 'ChatDotRound', color: '#909399' }
+])
+
+// 外部知识库文件
+const externalKbFiles = ref([
+  { id: 1, name: 'TH-500GF发电机组操作手册.pdf', category: 'device-guide', uploader: '张三', uploadTime: '2025-01-10 10:30' },
+  { id: 2, name: 'S-200X静音发电机使用指南.pdf', category: 'device-guide', uploader: '李四', uploadTime: '2025-01-08 14:20' },
+  { id: 3, name: '发电机无法启动故障排查指南.pdf', category: 'fault-solution', uploader: '王五', uploadTime: '2025-01-05 09:15' },
+  { id: 4, name: '电压不稳定常见原因及解决方案.docx', category: 'fault-solution', uploader: '张三', uploadTime: '2025-01-03 16:45' },
+  { id: 5, name: '三包服务政策说明书(2025版).pdf', category: 'service-policy', uploader: '李四', uploadTime: '2024-12-20 11:00' },
+  { id: 6, name: '延保服务套餐介绍.pdf', category: 'service-policy', uploader: '张三', uploadTime: '2024-12-15 15:30' },
+  { id: 7, name: '配件价格查询话术模板.docx', category: 'parts-consult', uploader: '王五', uploadTime: '2024-12-10 09:00' },
+  { id: 8, name: '滤芯更换周期咨询话术.docx', category: 'parts-consult', uploader: '李四', uploadTime: '2024-12-08 14:00' }
+])
+
+// 内部知识库分类
+const internalKbCategories = ref([
+  { key: 'tech-manual', name: '技术维修手册', count: 45, icon: 'Tools', color: '#409eff' },
+  { key: 'product-params', name: '产品参数明细', count: 28, icon: 'Document', color: '#67c23a' },
+  { key: 'service-process', name: '内部服务流程规范', count: 15, icon: 'Tickets', color: '#e6a23c' },
+  { key: 'service-script', name: '客户服务话术模板', count: 22, icon: 'ChatDotRound', color: '#909399' }
+])
+
+// 内部知识库文件
+const internalKbFiles = ref([
+  { id: 1, name: 'TH系列发电机维修手册(内部版).pdf', category: 'tech-manual', uploader: '技术部', uploadTime: '2025-01-12 09:00' },
+  { id: 2, name: 'S系列静音发电机拆装指南.pdf', category: 'tech-manual', uploader: '技术部', uploadTime: '2025-01-10 11:30' },
+  { id: 3, name: '控制系统故障诊断流程.pdf', category: 'tech-manual', uploader: '技术部', uploadTime: '2025-01-08 14:00' },
+  { id: 4, name: 'TH-500GF产品参数表.xlsx', category: 'product-params', uploader: '产品部', uploadTime: '2025-01-05 10:00' },
+  { id: 5, name: 'S-200X技术规格书.pdf', category: 'product-params', uploader: '产品部', uploadTime: '2025-01-03 15:30' },
+  { id: 6, name: '售后服务标准流程(内部).pdf', category: 'service-process', uploader: '服务部', uploadTime: '2024-12-28 09:00' },
+  { id: 7, name: '工单处理规范V2.0.docx', category: 'service-process', uploader: '服务部', uploadTime: '2024-12-25 11:00' },
+  { id: 8, name: '电话接待话术模板(内部).docx', category: 'service-script', uploader: '培训部', uploadTime: '2024-12-20 14:00' },
+  { id: 9, name: '投诉处理话术指南.docx', category: 'service-script', uploader: '培训部', uploadTime: '2024-12-18 16:30' }
+])
+
+// 当前分类名称
+const currentExternalCatName = computed(() => {
+  const cat = externalKbCategories.value.find(c => c.key === activeExternalKbCat.value)
+  return cat ? cat.name : ''
+})
+
+const currentInternalCatName = computed(() => {
+  const cat = internalKbCategories.value.find(c => c.key === activeInternalKbCat.value)
+  return cat ? cat.name : ''
+})
+
+// 过滤后的文件列表
+const filteredExternalKbFiles = computed(() => {
+  return externalKbFiles.value.filter(f => {
+    if (f.category !== activeExternalKbCat.value) return false
+    if (externalKbSearch.value && !f.name.includes(externalKbSearch.value)) return false
+    return true
+  })
+})
+
+const filteredInternalKbFiles = computed(() => {
+  return internalKbFiles.value.filter(f => {
+    if (f.category !== activeInternalKbCat.value) return false
+    if (internalKbSearch.value && !f.name.includes(internalKbSearch.value)) return false
+    return true
+  })
+})
+
+// 知识库操作方法
+const handleKbFileChange = (file) => {
+  kbUploadForm.value.name = file.name.replace(/\.[^.]+$/, '')
+}
+
+const aiRecognizeKbFile = () => {
+  kbAiRecognizing.value = true
+  setTimeout(() => {
+    const externalMap = { '操作': 'device-guide', '指南': 'device-guide', '故障': 'fault-solution', '解决': 'fault-solution', '三包': 'service-policy', '服务': 'service-policy', '配件': 'parts-consult', '话术': 'parts-consult' }
+    const internalMap = { '维修': 'tech-manual', '手册': 'tech-manual', '参数': 'product-params', '规格': 'product-params', '流程': 'service-process', '规范': 'service-process', '话术': 'service-script', '模板': 'service-script' }
+    const categoryMap = kbUploadForm.value.type === 'external' ? externalMap : internalMap
+    
+    for (const [keyword, category] of Object.entries(categoryMap)) {
+      if (kbUploadForm.value.name.includes(keyword)) {
+        kbUploadForm.value.category = category
+        break
+      }
+    }
+    if (!kbUploadForm.value.category) {
+      kbUploadForm.value.category = kbUploadForm.value.type === 'external' ? 'device-guide' : 'tech-manual'
+    }
+    kbAiRecognizing.value = false
+    ElMessage.success('AI识别完成，已自动填充分类信息')
+  }, 1500)
+}
+
+const confirmKbUpload = () => {
+  if (!kbUploadForm.value.name || !kbUploadForm.value.category) {
+    ElMessage.warning('请填写完整信息')
+    return
+  }
+  const newFile = {
+    id: Date.now(),
+    name: kbUploadForm.value.name + '.pdf',
+    category: kbUploadForm.value.category,
+    uploader: kbUploadForm.value.uploader,
+    uploadTime: new Date().toLocaleString('zh-CN', { hour12: false }).replace(/\//g, '-')
+  }
+  if (kbUploadForm.value.type === 'external') {
+    externalKbFiles.value.unshift(newFile)
+    const cat = externalKbCategories.value.find(c => c.key === kbUploadForm.value.category)
+    if (cat) cat.count++
+  } else {
+    internalKbFiles.value.unshift(newFile)
+    const cat = internalKbCategories.value.find(c => c.key === kbUploadForm.value.category)
+    if (cat) cat.count++
+  }
+  showKbUploadDialog.value = false
+  kbUploadForm.value = { name: '', type: 'external', category: '', uploader: '李志鹏' }
+  ElMessage.success('文件上传成功')
+}
+
+const previewKbFile = (file) => {
+  ElMessage.info(`正在预览：${file.name}`)
+}
+
+const downloadKbFile = (file) => {
+  ElMessage.success(`开始下载：${file.name}`)
+}
+
+const deleteKbFile = (file, type) => {
+  ElMessageBox.confirm(`确定要删除文件"${file.name}"吗?`, '删除确认', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => {
+    if (type === 'external') {
+      const idx = externalKbFiles.value.findIndex(f => f.id === file.id)
+      if (idx > -1) {
+        externalKbFiles.value.splice(idx, 1)
+        const cat = externalKbCategories.value.find(c => c.key === file.category)
+        if (cat) cat.count--
+      }
+    } else {
+      const idx = internalKbFiles.value.findIndex(f => f.id === file.id)
+      if (idx > -1) {
+        internalKbFiles.value.splice(idx, 1)
+        const cat = internalKbCategories.value.find(c => c.key === file.category)
+        if (cat) cat.count--
+      }
+    }
+    ElMessage.success('删除成功')
+  }).catch(() => {})
+}
+
+const backToMain = () => {
+  router.push('/')
+}
+
+const goToProfile = () => {
+  activeNav.value = 'profile'
+}
+
+// 个人中心数据
+const activeProfileTab = ref('basic')
+const showPasswordDialog = ref(false)
+const twoFactorEnabled = ref(false)
+
+const profileForm = ref({
+  name: '李志鹏',
+  employeeId: 'TH20230001',
+  department: '技术研发部',
+  position: '高级工程师',
+  phone: '13800138000',
+  email: 'lizhipeng@taihao.com'
+})
+
+const operationLogs = ref([
+  { time: '2024-12-06 18:30:00', action: '登录系统', ip: '192.168.1.100', device: 'Windows 11 / Chrome' },
+  { time: '2024-12-06 14:20:00', action: '修改个人信息', ip: '192.168.1.100', device: 'Windows 11 / Chrome' },
+  { time: '2024-12-05 09:15:00', action: '登录系统', ip: '192.168.1.100', device: 'Windows 11 / Chrome' },
+  { time: '2024-12-04 16:45:00', action: '创建工单', ip: '192.168.1.100', device: 'Windows 11 / Chrome' }
+])
+
+const saveProfile = () => {
+  ElMessage.success('个人信息保存成功！')
+}
+
+const resetProfile = () => {
+  ElMessage.info('已重置为原始信息')
+}
+</script>
+
+<style lang="scss" scoped>
+.admin-system {
+  display: flex;
+  height: 100vh;
+  background: #f5f7fa;
+}
+
+// 内容容器
+.admin-container {
+  flex: 1;
+  display: flex;
+  overflow: hidden;
+}
+
+// 左侧主导航
+.admin-sidebar-main {
+  width: 200px;
+  background: #F0EAF4;
+  border-right: 1px solid #e4e7ed;
+  display: flex;
+  flex-direction: column;
+  
+  .sidebar-header {
+    padding: 20px;
+    border-bottom: 1px solid rgba(0, 0, 0, 0.08);
+    
+    .logo {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      cursor: pointer;
+      transition: opacity 0.2s;
+      
+      &:hover {
+        opacity: 0.8;
+      }
+      
+      .logo-img {
+        width: 36px;
+        height: 36px;
+        border-radius: 6px;
+        object-fit: contain;
+      }
+      
+      .logo-text {
+        font-size: 16px;
+        font-weight: 600;
+        color: #303133;
+      }
+    }
+  }
+  
+  .main-nav {
+    flex: 1;
+    padding: 16px 0;
+    overflow-y: auto;
+    
+    .section-title {
+      padding: 8px 20px;
+      font-size: 12px;
+      color: #909399;
+      margin-bottom: 8px;
+    }
+    
+    .main-nav-item {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      padding: 12px 20px;
+      cursor: pointer;
+      color: #606266;
+      font-size: 14px;
+      transition: all 0.2s;
+      
+      &:hover {
+        background: rgba(124, 58, 237, 0.1);
+        color: #7c3aed;
+      }
+      
+      &.active {
+        background: rgba(124, 58, 237, 0.15);
+        color: #7c3aed;
+        font-weight: 600;
+      }
+      
+      .el-icon {
+        font-size: 18px;
+      }
+    }
+    
+    .nav-divider {
+      height: 1px;
+      background: rgba(0, 0, 0, 0.08);
+      margin: 12px 20px;
+    }
+  }
+  
+  .sidebar-footer {
+    margin-top: auto;
+    padding: 16px;
+    border-top: 1px solid rgba(0, 0, 0, 0.08);
+    
+    .user-section {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      
+      .user-avatar {
+        width: 36px;
+        height: 36px;
+        cursor: pointer;
+        transition: transform 0.2s;
+        
+        &:hover {
+          transform: scale(1.1);
+        }
+        
+        img {
+          width: 100%;
+          height: 100%;
+          border-radius: 50%;
+          object-fit: cover;
+        }
+      }
+      
+      .user-name {
+        flex: 1;
+        font-size: 14px;
+        font-weight: 500;
+        color: #303133;
+      }
+      
+      .back-icon {
+        width: 32px;
+        height: 32px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        border-radius: 6px;
+        cursor: pointer;
+        color: #606266;
+        transition: all 0.2s;
+        
+        &:hover {
+          color: #7c3aed;
+          background: rgba(124, 58, 237, 0.1);
+        }
+        
+        .el-icon {
+          font-size: 18px;
+        }
+      }
+    }
+  }
+}
+
+// 左侧子导航
+.admin-sidebar-sub {
+  width: 180px;
+  background: #fff;
+  border-right: 1px solid #e4e7ed;
+  display: flex;
+  flex-direction: column;
+  overflow-y: auto;
+  
+  .sub-nav {
+    padding: 16px 0;
+    
+    .sub-nav-title {
+      padding: 8px 20px;
+      font-size: 12px;
+      color: #909399;
+      margin-bottom: 8px;
+    }
+    
+    .sub-nav-item {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      padding: 10px 20px;
+      cursor: pointer;
+      color: #606266;
+      font-size: 14px;
+      transition: all 0.2s;
+      
+      &:hover {
+        background: rgba(124, 58, 237, 0.1);
+        color: #7c3aed;
+      }
+      
+      &.active {
+        background: rgba(124, 58, 237, 0.15);
+        color: #7c3aed;
+        border-right: 3px solid #7c3aed;
+      }
+      
+      .el-icon {
+        font-size: 16px;
+      }
+    }
+  }
+}
+
+.admin-main {
+  flex: 1;
+  overflow-y: auto;
+}
+
+.admin-content {
+  .content-header {
+    padding: 32px 40px;
+    background: #fff;
+    border-bottom: 1px solid #e4e7ed;
+    
+    h1 {
+      font-size: 28px;
+      margin: 0 0 8px 0;
+      color: #303133;
+    }
+    
+    .subtitle {
+      font-size: 14px;
+      color: #909399;
+      margin: 0;
+    }
+  }
+  
+  .dashboard-cards {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 20px;
+    padding: 24px 40px;
+  }
+  
+  .stat-card {
+    background: #fff;
+    padding: 24px;
+    border-radius: 8px;
+    display: flex;
+    gap: 16px;
+    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.05);
+    
+    .stat-icon {
+      width: 56px;
+      height: 56px;
+      border-radius: 8px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 28px;
+      color: #fff;
+    }
+    
+    .stat-info {
+      flex: 1;
+    }
+    
+    .stat-label {
+      font-size: 14px;
+      color: #909399;
+      margin-bottom: 8px;
+    }
+    
+    .stat-value {
+      font-size: 28px;
+      font-weight: 600;
+      color: #303133;
+    }
+  }
+  
+  :deep(.el-card) {
+    margin: 0 40px 24px;
+  }
+  
+  .card-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+  }
+}
+
+// 个人中心样式
+.profile-content {
+  .profile-main {
+    padding: 24px 40px;
+  }
+  
+  .profile-section {
+    .avatar-section {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      margin-bottom: 32px;
+      padding: 24px;
+      background: #f5f7fa;
+      border-radius: 8px;
+    }
+  }
+  
+  .security-section {
+    .security-item {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 20px 0;
+      
+      .security-info {
+        h3 {
+          font-size: 16px;
+          margin: 0 0 8px 0;
+          color: #303133;
+        }
+        
+        p {
+          font-size: 14px;
+          color: #909399;
+          margin: 0;
+        }
+      }
+    }
+  }
+}
+
+// 知识库管理样式
+.content-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: flex-start;
+  margin-bottom: 24px;
+  
+  .header-title {
+    h1 {
+      font-size: 24px;
+      margin: 0 0 8px 0;
+      color: #303133;
+    }
+    
+    .subtitle {
+      font-size: 14px;
+      color: #909399;
+      margin: 0;
+    }
+  }
+}
+
+.tab-desc {
+  font-size: 14px;
+  color: #909399;
+  margin: 0 0 20px 0;
+}
+
+.kb-categories {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 16px;
+  margin-bottom: 24px;
+}
+
+.kb-category-card {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 10px;
+  padding: 20px 16px;
+  background: #f5f7fa;
+  border: 2px solid transparent;
+  border-radius: 8px;
+  cursor: pointer;
+  transition: all 0.2s;
+  
+  &:hover {
+    border-color: #409eff;
+    background: #ecf5ff;
+  }
+  
+  &.active {
+    border-color: #409eff;
+    background: #ecf5ff;
+  }
+  
+  .el-icon {
+    font-size: 28px;
+  }
+  
+  .cat-name {
+    font-size: 14px;
+    font-weight: 500;
+    color: #303133;
+    text-align: center;
+  }
+  
+  .cat-count {
+    font-size: 12px;
+    color: #909399;
+  }
+}
+
+.kb-files-section {
+  background: #fafafa;
+  padding: 20px;
+  border-radius: 8px;
+}
+
+.section-toolbar {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 16px;
+  
+  h3 {
+    font-size: 16px;
+    margin: 0;
+    color: #303133;
+  }
+}
+
+.file-name-cell {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  
+  .file-icon {
+    color: #409eff;
+    font-size: 18px;
+  }
+}
+
+// 日志导航样式
+.sub-nav-group {
+  .sub-nav-item.has-children {
+    justify-content: flex-start;
+    
+    .arrow-icon {
+      margin-left: auto;
+      transition: transform 0.2s;
+    }
+    
+    &.expanded .arrow-icon {
+      transform: rotate(180deg);
+    }
+  }
+}
+
+.sub-nav-children {
+  background: rgba(124, 58, 237, 0.05);
+  
+  .sub-nav-child-item {
+    padding: 8px 20px 8px 44px;
+    cursor: pointer;
+    color: #606266;
+    font-size: 13px;
+    transition: all 0.2s;
+    
+    &:hover {
+      background: rgba(124, 58, 237, 0.1);
+      color: #7c3aed;
+    }
+    
+    &.active {
+      background: rgba(124, 58, 237, 0.15);
+      color: #7c3aed;
+    }
+  }
+}
+
+// 数据概览样式
+.dashboard-stats {
+  display: grid;
+  grid-template-columns: repeat(3, 1fr);
+  gap: 20px;
+  padding: 0 40px;
+  margin-bottom: 24px;
+  
+  .stat-card {
+    background: #fff;
+    border-radius: 12px;
+    padding: 24px;
+    display: flex;
+    align-items: flex-start;
+    gap: 20px;
+    box-shadow: 0 2px 12px rgba(0, 0, 0, 0.08);
+    transition: all 0.3s;
+    
+    &.clickable {
+      cursor: pointer;
+      
+      &:hover {
+        transform: translateY(-4px);
+        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.12);
+      }
+    }
+    
+    .stat-icon {
+      width: 60px;
+      height: 60px;
+      border-radius: 12px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 28px;
+      color: #fff;
+      flex-shrink: 0;
+    }
+    
+    .stat-info {
+      flex: 1;
+      
+      .stat-value {
+        font-size: 32px;
+        font-weight: 700;
+        color: #303133;
+        line-height: 1.2;
+      }
+      
+      .stat-label {
+        font-size: 14px;
+        color: #909399;
+        margin-top: 4px;
+      }
+      
+      .stat-trend {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+        font-size: 12px;
+        color: #909399;
+        margin-top: 8px;
+        
+        &.up {
+          color: #67c23a;
+        }
+        
+        &.down {
+          color: #f56c6c;
+        }
+      }
+    }
+  }
+}
+
+.dashboard-charts {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 20px;
+  padding: 0 40px;
+  margin-bottom: 24px;
+  
+  .chart-card {
+    margin: 0 !important;
+  }
+}
+
+.question-stats {
+  .question-stat-item {
+    padding: 12px 0;
+    border-bottom: 1px solid #f0f0f0;
+    
+    &:last-child {
+      border-bottom: none;
+    }
+    
+    &.clickable {
+      cursor: pointer;
+      padding: 12px;
+      margin: 0 -12px;
+      border-radius: 8px;
+      
+      &:hover {
+        background: #f5f7fa;
+      }
+    }
+    
+    .stat-bar-header {
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 8px;
+      
+      .stat-name {
+        font-size: 14px;
+        color: #303133;
+      }
+      
+      .stat-count {
+        font-size: 14px;
+        color: #606266;
+        font-weight: 500;
+      }
+    }
+    
+    .stat-bar {
+      height: 8px;
+      background: #f0f0f0;
+      border-radius: 4px;
+      overflow: hidden;
+      
+      .stat-bar-fill {
+        height: 100%;
+        border-radius: 4px;
+        transition: width 0.6s ease;
+      }
+    }
+  }
+}
+
+.product-cloud {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16px 24px;
+  padding: 20px 0;
+  justify-content: center;
+  align-items: center;
+  min-height: 180px;
+  
+  .cloud-tag {
+    cursor: pointer;
+    transition: all 0.2s;
+    font-weight: 500;
+    
+    &:hover {
+      transform: scale(1.15);
+      opacity: 1 !important;
+    }
+  }
+}
+
+.quick-entry-card {
+  margin: 0 40px 24px !important;
+}
+
+.quick-entries {
+  display: flex;
+  gap: 24px;
+  justify-content: center;
+  
+  .quick-entry-item {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 12px;
+    padding: 20px 32px;
+    cursor: pointer;
+    border-radius: 12px;
+    transition: all 0.2s;
+    
+    &:hover {
+      background: #f5f7fa;
+      
+      .entry-icon {
+        transform: scale(1.1);
+      }
+    }
+    
+    .entry-icon {
+      width: 48px;
+      height: 48px;
+      border-radius: 12px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 24px;
+      color: #fff;
+      transition: transform 0.2s;
+    }
+    
+    span {
+      font-size: 14px;
+      color: #606266;
+    }
+  }
+}
+
+// 工单管理样式
+.filter-card {
+  margin: 0 40px 16px !important;
+}
+
+.ticket-filters {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 12px;
+  
+  .el-radio-group {
+    .el-badge {
+      margin-left: 4px;
+    }
+  }
+  
+  .filter-right {
+    display: flex;
+    gap: 12px;
+  }
+}
+
+.ticket-no {
+  font-family: monospace;
+  color: #409eff;
+  font-weight: 500;
+}
+
+.customer-info {
+  display: flex;
+  flex-direction: column;
+  gap: 2px;
+  
+  .name {
+    font-weight: 500;
+    color: #303133;
+  }
+  
+  .phone {
+    font-size: 12px;
+    color: #909399;
+  }
+}
+
+.unassigned {
+  color: #c0c4cc;
+  font-style: italic;
+}
+
+.table-pagination {
+  display: flex;
+  justify-content: flex-end;
+  margin-top: 16px;
+}
+
+// 工单详情样式
+.ticket-detail {
+  .detail-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+    
+    .ticket-info {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      
+      .ticket-no {
+        font-size: 18px;
+        font-weight: 600;
+      }
+    }
+  }
+  
+  .detail-section {
+    margin-top: 24px;
+    
+    h4 {
+      font-size: 15px;
+      margin: 0 0 16px 0;
+      color: #303133;
+    }
+  }
+  
+  .log-content {
+    .log-operator {
+      font-weight: 500;
+      margin-right: 8px;
+    }
+    
+    .log-action {
+      color: #606266;
+    }
+  }
+  
+  .log-remark {
+    margin-top: 4px;
+    font-size: 13px;
+    color: #909399;
+  }
+}
+
+.ticket-images {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  
+  .ticket-image-item {
+    width: 120px;
+    height: 90px;
+    border-radius: 8px;
+    overflow: hidden;
+    cursor: pointer;
+    border: 1px solid #e4e7ed;
+    transition: all 0.2s;
+    
+    &:hover {
+      border-color: #409eff;
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+    }
+  }
+  
+  .image-error {
+    width: 100%;
+    height: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: #f5f7fa;
+    color: #c0c4cc;
+    font-size: 24px;
+  }
+}
+
+.detail-section h4 {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+  
+  .el-icon {
+    color: #7c3aed;
+  }
+}
+
+// 对话数据管理样式
+.conversation-filters {
+  display: flex;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+
+.session-id {
+  font-family: monospace;
+  color: #7c3aed;
+  font-weight: 500;
+}
+
+.conversation-summary-text {
+  display: -webkit-box;
+  -webkit-line-clamp: 2;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  color: #606266;
+  font-size: 13px;
+}
+
+.satisfaction-stars {
+  display: flex;
+  gap: 2px;
+  
+  .star-filled {
+    color: #f7ba2a;
+  }
+  
+  .star-empty {
+    color: #e4e7ed;
+  }
+}
+
+.no-rating {
+  color: #c0c4cc;
+  font-size: 12px;
+}
+
+.conversation-detail-header {
+  margin-bottom: 20px;
+  padding-bottom: 16px;
+  border-bottom: 1px solid #e4e7ed;
+  
+  .detail-info {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    margin-bottom: 12px;
+    
+    .session-id {
+      font-size: 18px;
+      font-weight: 600;
+    }
+  }
+  
+  .detail-meta {
+    display: flex;
+    gap: 24px;
+    font-size: 13px;
+    color: #909399;
+  }
+}
+
+// 智能体管理样式
+.agent-config-card {
+  margin: 0 40px !important;
+}
+
+.agent-header {
+  display: flex;
+  align-items: center;
+  gap: 16px;
+  
+  .agent-info {
+    flex: 1;
+    
+    h2 {
+      margin: 0 0 4px 0;
+      font-size: 20px;
+      font-weight: 600;
+      color: #303133;
+    }
+    
+    .agent-type {
+      font-size: 14px;
+      color: #909399;
+    }
+  }
+}
+
+.agent-form {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 0 40px;
+  
+  .el-form-item {
+    margin-bottom: 24px;
+    
+    &.full-width {
+      grid-column: 1 / -1;
+    }
+  }
+  
+  .feature-switches {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 12px 24px;
+    
+    .el-checkbox {
+      margin-right: 0;
+    }
+  }
+  
+  .form-tip {
+    margin-top: 8px;
+    font-size: 12px;
+    color: #909399;
+  }
+  
+  .form-actions {
+    grid-column: 1 / -1;
+    margin-top: 16px;
+  }
+}
+
+// 日志管理样式
+.log-filters {
+  display: flex;
+  gap: 12px;
+  flex-wrap: wrap;
+}
+
+.log-level {
+  display: inline-block;
+  padding: 2px 8px;
+  border-radius: 4px;
+  font-size: 12px;
+  font-weight: 600;
+  
+  &.info {
+    background: #e6f7ff;
+    color: #1890ff;
+  }
+  
+  &.warn {
+    background: #fff7e6;
+    color: #fa8c16;
+  }
+  
+  &.error {
+    background: #fff2f0;
+    color: #ff4d4f;
+  }
+}
+
+// 指派工程师弹窗样式
+.assign-dialog {
+  .ai-recommend {
+    background: linear-gradient(135deg, #f0e6ff, #e6f0ff);
+    border-radius: 12px;
+    padding: 16px;
+    margin-bottom: 20px;
+    
+    .recommend-header {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      color: #7c3aed;
+      font-weight: 600;
+      margin-bottom: 12px;
+      
+      .el-icon {
+        font-size: 18px;
+      }
+    }
+    
+    .engineer-card.recommended {
+      background: #fff;
+      border: 2px solid #7c3aed;
+      border-radius: 8px;
+      padding: 12px;
+      
+      .match-score {
+        text-align: center;
+        
+        .score {
+          display: block;
+          font-size: 24px;
+          font-weight: 700;
+          color: #7c3aed;
+        }
+        
+        .label {
+          font-size: 12px;
+          color: #909399;
+        }
+      }
+    }
+    
+    .recommend-reason {
+      display: flex;
+      align-items: flex-start;
+      gap: 8px;
+      margin-top: 12px;
+      padding: 12px;
+      background: rgba(255, 255, 255, 0.6);
+      border-radius: 8px;
+      font-size: 13px;
+      color: #606266;
+      line-height: 1.6;
+      
+      .el-icon {
+        color: #7c3aed;
+        margin-top: 2px;
+        flex-shrink: 0;
+      }
+    }
+  }
+  
+  .engineer-list {
+    .list-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 12px;
+      
+      span {
+        font-weight: 500;
+        color: #303133;
+      }
+    }
+    
+    .list-content {
+      max-height: 240px;
+      overflow-y: auto;
+      
+      .engineer-card {
+        padding: 12px;
+        border: 1px solid #e4e7ed;
+        border-radius: 8px;
+        margin-bottom: 8px;
+        cursor: pointer;
+        transition: all 0.2s;
+        
+        &:hover {
+          border-color: #409eff;
+          background: #f5f7fa;
+        }
+        
+        &.selected {
+          border-color: #409eff;
+          background: #ecf5ff;
+        }
+      }
+    }
+  }
+  
+  .engineer-info {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    
+    .info-text {
+      flex: 1;
+      
+      .name {
+        font-weight: 500;
+        color: #303133;
+      }
+      
+      .title {
+        font-size: 12px;
+        color: #909399;
+        margin-top: 2px;
+      }
+    }
+  }
+}
+
+// 对话记录弹窗样式
+.conversation-record {
+  max-height: 400px;
+  overflow-y: auto;
+  padding: 16px;
+  background: #f5f7fa;
+  border-radius: 8px;
+  
+  .message-item {
+    display: flex;
+    gap: 12px;
+    margin-bottom: 16px;
+    
+    &.user {
+      flex-direction: row-reverse;
+      
+      .message-content {
+        align-items: flex-end;
+        
+        .message-text {
+          background: #409eff;
+          color: #fff;
+        }
+      }
+    }
+    
+    &.assistant {
+      .message-content {
+        .message-text {
+          background: #fff;
+        }
+      }
+    }
+    
+    .message-content {
+      display: flex;
+      flex-direction: column;
+      max-width: 70%;
+      
+      .message-header {
+        display: flex;
+        gap: 8px;
+        margin-bottom: 4px;
+        font-size: 12px;
+        
+        .sender {
+          color: #606266;
+          font-weight: 500;
+        }
+        
+        .time {
+          color: #909399;
+        }
+      }
+      
+      .message-text {
+        padding: 12px 16px;
+        border-radius: 12px;
+        line-height: 1.6;
+        white-space: pre-wrap;
+      }
+    }
+  }
+}
+
+.conversation-summary {
+  .summary-section {
+    margin-bottom: 24px;
+    
+    &:last-child {
+      margin-bottom: 0;
+    }
+    
+    h4 {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      font-size: 15px;
+      margin: 0 0 12px 0;
+      color: #303133;
+      
+      .el-icon {
+        color: #7c3aed;
+      }
+    }
+    
+    p {
+      margin: 0;
+      line-height: 1.8;
+      color: #606266;
+    }
+    
+    ul {
+      margin: 0;
+      padding-left: 20px;
+      
+      li {
+        line-height: 1.8;
+        color: #606266;
+      }
+    }
+  }
+}
+
+// 占位页面样式
+.placeholder-content {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  padding: 80px 20px;
+  text-align: center;
+  
+  .placeholder-icon {
+    font-size: 64px;
+    color: #dcdfe6;
+    margin-bottom: 24px;
+  }
+  
+  h3 {
+    font-size: 18px;
+    color: #606266;
+    margin: 0 0 12px 0;
+  }
+  
+  p {
+    font-size: 14px;
+    color: #909399;
+    margin: 0;
+  }
+}
+
+</style>
diff --git a/江西城市生命线-可交互原型/frontend/src/views/AgentChatView.vue b/江西城市生命线-可交互原型/frontend/src/views/AgentChatView.vue
new file mode 100644
index 00000000..94fb5305
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/views/AgentChatView.vue
@@ -0,0 +1,453 @@
+<template>
+  <div class="agent-chat-view">
+    <!-- Header -->
+    <header class="chat-header">
+      <div class="header-left">
+        <el-button :icon="ArrowLeft" circle size="small" @click="goBack" />
+        <div class="agent-info">
+          <span class="agent-name">{{ agentName }}</span>
+          <span class="agent-status">在线</span>
+        </div>
+      </div>
+    </header>
+
+    <!-- Chat Content -->
+    <div class="chat-content" ref="chatContentRef">
+      <!-- Welcome Message -->
+      <div v-if="messages.length === 0" class="welcome-section">
+        <div class="ai-avatar">
+          <span class="avatar-emoji">{{ agentEmoji }}</span>
+        </div>
+        <h2 class="welcome-title">{{ agentName }}</h2>
+        <p class="welcome-text">{{ agentDescription }}</p>
+        
+        <!-- Quick Actions -->
+        <div class="quick-actions">
+          <div
+            v-for="(action, index) in quickActions"
+            :key="index"
+            class="action-item"
+            @click="handleQuickAction(action)"
+          >
+            {{ action }}
+          </div>
+        </div>
+      </div>
+
+      <!-- Chat Messages -->
+      <div v-else class="messages-container">
+        <div
+          v-for="message in messages"
+          :key="message.id"
+          class="message"
+          :class="message.role"
+        >
+          <div class="message-avatar">
+            <span v-if="message.role === 'assistant'" class="ai-avatar-small">{{ agentEmoji }}</span>
+            <div v-else class="user-avatar-small">👤</div>
+          </div>
+          <div class="message-content">
+            <div class="message-text">{{ message.content }}</div>
+          </div>
+        </div>
+        
+        <!-- Loading indicator -->
+        <div v-if="isLoading" class="message assistant">
+          <div class="message-avatar">
+            <span class="ai-avatar-small">{{ agentEmoji }}</span>
+          </div>
+          <div class="message-content">
+            <div class="typing-indicator">
+              <span></span>
+              <span></span>
+              <span></span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Input Area -->
+    <div class="input-area">
+      <div class="input-wrapper">
+        <textarea
+          v-model="inputText"
+          :placeholder="inputPlaceholder"
+          @keydown.enter.prevent="handleSend"
+          rows="1"
+        ></textarea>
+        <button class="send-btn" @click="handleSend" :disabled="!inputText.trim()">
+          <el-icon><Promotion /></el-icon>
+        </button>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, onMounted, nextTick } from 'vue'
+import { useRoute, useRouter } from 'vue-router'
+import { ArrowLeft, Promotion } from '@element-plus/icons-vue'
+
+const route = useRoute()
+const router = useRouter()
+
+const inputText = ref('')
+const isLoading = ref(false)
+const chatContentRef = ref(null)
+const messages = ref([])
+
+const agentId = computed(() => route.query.id || 'default')
+const agentName = computed(() => route.query.name || 'AI助手')
+
+const agentConfig = {
+  xiaohongshu: {
+    emoji: '📕',
+    description: '我是小红书文案生成助手，可以帮你创作爆款笔记文案，支持种草、测评、教程等多种风格。',
+    placeholder: '描述你想要的文案主题，如：推荐一款平价护肤品...',
+    quickActions: ['帮我写一篇美食探店笔记', '生成护肤品种草文案', '写一篇旅行攻略', '创作穿搭分享文案']
+  },
+  contract: {
+    emoji: '📄',
+    description: '我是泰豪合同助手，可以帮你审核合同条款、识别风险点、提供修改建议。',
+    placeholder: '请粘贴合同内容或描述你的需求...',
+    quickActions: ['审核这份合同的风险点', '解读合同关键条款', '生成合同模板', '对比两份合同差异']
+  },
+  video: {
+    emoji: '🎬',
+    description: '我是泰豪短视频助手，专注于短视频脚本创作、文案优化和热门话题推荐。',
+    placeholder: '告诉我你想创作什么类型的短视频...',
+    quickActions: ['写一个产品介绍脚本', '生成热门话题文案', '优化视频标题', '创作口播文案']
+  },
+  bidding: {
+    emoji: '📋',
+    description: '我是招标文件助手，可以帮你解读招标文件、生成投标方案、进行合规性检查。',
+    placeholder: '请描述你的招标需求或粘贴招标文件内容...',
+    quickActions: ['解读招标文件要求', '生成投标技术方案', '检查投标文件合规性', '分析竞争对手情况']
+  },
+  service: {
+    emoji: '⚡',
+    description: '我是泰豪小电智能客服，可以帮您解答电力相关问题、查询用电信息、办理业务咨询。',
+    placeholder: '请描述您的用电问题或业务需求...',
+    quickActions: ['查询本月用电量', '咨询电费账单', '报修故障', '了解优惠政策']
+  },
+  default: {
+    emoji: '🤖',
+    description: '我是您的AI智能助手，有什么可以帮助您的？',
+    placeholder: '请输入您的问题...',
+    quickActions: ['介绍一下你的功能', '帮我写一段文案', '回答一个问题', '帮我分析数据']
+  }
+}
+
+const currentConfig = computed(() => agentConfig[agentId.value] || agentConfig.default)
+const agentEmoji = computed(() => currentConfig.value.emoji)
+const agentDescription = computed(() => currentConfig.value.description)
+const inputPlaceholder = computed(() => currentConfig.value.placeholder)
+const quickActions = computed(() => currentConfig.value.quickActions)
+
+const goBack = () => {
+  router.push('/apps')
+}
+
+const scrollToBottom = async () => {
+  await nextTick()
+  if (chatContentRef.value) {
+    chatContentRef.value.scrollTop = chatContentRef.value.scrollHeight
+  }
+}
+
+const handleQuickAction = (action) => {
+  inputText.value = action
+  handleSend()
+}
+
+const generateResponse = (input) => {
+  const responses = {
+    xiaohongshu: `好的，我来帮你生成一篇小红书文案！\n\n📝 **${input}**\n\n---\n\n姐妹们！今天必须给你们安利这个宝藏好物！✨\n\n用了一周真的爱不释手～效果绝绝子！\n\n💫 亮点：\n• 性价比超高\n• 效果立竿见影\n• 回购无限次\n\n🏷️ #好物分享 #真实测评 #平价好物 #必入清单\n\n---\n\n这篇文案你觉得怎么样？需要我调整风格或者添加更多内容吗？`,
+    contract: `我已经分析了您的需求，以下是我的建议：\n\n📋 **合同审核要点**\n\n1. **主体资格** - 需确认双方签约主体的合法性\n2. **权利义务** - 条款表述需更加明确\n3. **违约责任** - 建议增加违约金上限条款\n4. **争议解决** - 建议约定明确的管辖法院\n\n⚠️ **风险提示**\n• 付款条件需细化\n• 交付标准需量化\n• 保密条款期限建议延长\n\n需要我针对某个条款详细解读吗？`,
+    video: `好的！我来为您创作短视频脚本：\n\n🎬 **${input}**\n\n---\n\n**【开场 0-3秒】**\n钩子：一句话抓住注意力\n\n**【正文 3-50秒】**\n• 痛点引入\n• 解决方案\n• 效果展示\n\n**【结尾 50-60秒】**\n引导互动 + 关注提示\n\n---\n\n🔥 推荐话题：\n#热门挑战 #干货分享 #涨知识\n\n需要我把脚本内容写得更详细吗？`,
+    bidding: `收到您的招标需求："${input}"\n\n📋 **招标文件分析**\n\n我已为您解读关键要点：\n\n**1. 资质要求**\n• 企业资质等级要求\n• 业绩证明材料\n• 人员配置要求\n\n**2. 技术要求**\n• 技术方案要点\n• 实施计划安排\n• 质量保证措施\n\n**3. 商务要求**\n• 报价构成说明\n• 付款方式条款\n• 履约保证金\n\n⚠️ **注意事项**\n• 投标截止时间\n• 必须响应的条款\n• 否决性条款\n\n需要我帮您生成投标技术方案吗？`,
+    service: `您好！感谢使用泰豪小电智能客服 ⚡\n\n关于您的问题："${input}"\n\n📊 **查询结果**\n\n我已为您查询到相关信息：\n\n**用电账户信息**\n• 户号：3201****8856\n• 用户类型：居民用电\n• 电价：0.52元/度\n\n**本月用电情况**\n• 当前读数：2856度\n• 本月用电：186度\n• 预计电费：96.72元\n\n💡 **温馨提示**\n• 您可以通过微信公众号缴费\n• 峰谷电价可节省约15%电费\n• 如有故障可拨打24小时热线\n\n还有其他问题需要帮助吗？`,
+    default: `收到您的问题："${input}"\n\n我来为您详细解答：\n\n这是一个很好的问题！根据我的分析...\n\n如果您还有其他问题，随时可以问我！`
+  }
+  
+  return responses[agentId.value] || responses.default
+}
+
+const handleSend = async () => {
+  const text = inputText.value.trim()
+  if (!text || isLoading.value) return
+
+  messages.value.push({
+    id: Date.now().toString(),
+    content: text,
+    role: 'user'
+  })
+  inputText.value = ''
+  
+  await scrollToBottom()
+  isLoading.value = true
+  
+  // Simulate API delay
+  setTimeout(async () => {
+    messages.value.push({
+      id: Date.now().toString() + '_ai',
+      content: generateResponse(text),
+      role: 'assistant'
+    })
+    isLoading.value = false
+    await scrollToBottom()
+  }, 1000)
+}
+</script>
+
+<style lang="scss" scoped>
+.agent-chat-view {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  background: #fff;
+}
+
+.chat-header {
+  padding: 12px 24px;
+  border-bottom: 1px solid #e5e7eb;
+  display: flex;
+  align-items: center;
+  
+  .header-left {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    
+    .agent-info {
+      display: flex;
+      flex-direction: column;
+      
+      .agent-name {
+        font-size: 16px;
+        font-weight: 600;
+        color: #1f2937;
+      }
+      
+      .agent-status {
+        font-size: 12px;
+        color: #10b981;
+      }
+    }
+  }
+}
+
+.chat-content {
+  flex: 1;
+  overflow-y: auto;
+  padding: 40px 80px;
+}
+
+.welcome-section {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 400px;
+  
+  .ai-avatar {
+    width: 80px;
+    height: 80px;
+    background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);
+    border-radius: 20px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 20px;
+    
+    .avatar-emoji {
+      font-size: 40px;
+    }
+  }
+  
+  .welcome-title {
+    font-size: 22px;
+    font-weight: 600;
+    color: #1f2937;
+    margin-bottom: 12px;
+  }
+  
+  .welcome-text {
+    color: #6b7280;
+    font-size: 14px;
+    text-align: center;
+    max-width: 500px;
+    margin-bottom: 32px;
+    line-height: 1.6;
+  }
+}
+
+.quick-actions {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 12px;
+  justify-content: center;
+  max-width: 600px;
+  
+  .action-item {
+    padding: 10px 20px;
+    background: #f3f4f6;
+    border: 1px solid #e5e7eb;
+    border-radius: 20px;
+    font-size: 14px;
+    color: #374151;
+    cursor: pointer;
+    transition: all 0.2s;
+    
+    &:hover {
+      background: #7c3aed;
+      border-color: #7c3aed;
+      color: #fff;
+    }
+  }
+}
+
+.messages-container {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+  
+  .message {
+    display: flex;
+    gap: 12px;
+    
+    &.user {
+      flex-direction: row-reverse;
+      
+      .message-content .message-text {
+        background: #7c3aed;
+        color: #fff;
+      }
+    }
+    
+    .message-avatar {
+      flex-shrink: 0;
+      
+      .ai-avatar-small {
+        width: 40px;
+        height: 40px;
+        background: linear-gradient(135deg, #7c3aed 0%, #5b21b6 100%);
+        border-radius: 12px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 20px;
+      }
+      
+      .user-avatar-small {
+        width: 40px;
+        height: 40px;
+        background: #e5e7eb;
+        border-radius: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 18px;
+      }
+    }
+    
+    .message-content {
+      max-width: 70%;
+      
+      .message-text {
+        padding: 14px 18px;
+        background: #f3f4f6;
+        border-radius: 16px;
+        color: #1f2937;
+        line-height: 1.7;
+        white-space: pre-wrap;
+      }
+    }
+  }
+}
+
+.typing-indicator {
+  display: flex;
+  gap: 4px;
+  padding: 16px;
+  background: #f3f4f6;
+  border-radius: 16px;
+  
+  span {
+    width: 8px;
+    height: 8px;
+    background: #9ca3af;
+    border-radius: 50%;
+    animation: typing 1.4s infinite ease-in-out both;
+    
+    &:nth-child(1) { animation-delay: -0.32s; }
+    &:nth-child(2) { animation-delay: -0.16s; }
+  }
+}
+
+@keyframes typing {
+  0%, 80%, 100% {
+    transform: scale(0.6);
+    opacity: 0.5;
+  }
+  40% {
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+
+.input-area {
+  padding: 20px 80px 30px;
+  background: #fff;
+  
+  .input-wrapper {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    background: #f9fafb;
+    border: 1px solid #e5e7eb;
+    border-radius: 12px;
+    padding: 12px 16px;
+    
+    textarea {
+      flex: 1;
+      border: none;
+      background: transparent;
+      resize: none;
+      outline: none;
+      font-size: 14px;
+      color: #1f2937;
+      min-height: 24px;
+      max-height: 120px;
+      
+      &::placeholder {
+        color: #9ca3af;
+      }
+    }
+    
+    .send-btn {
+      width: 40px;
+      height: 40px;
+      background: #7c3aed;
+      border: none;
+      border-radius: 10px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #fff;
+      cursor: pointer;
+      transition: all 0.2s;
+      
+      &:hover:not(:disabled) {
+        background: #5b21b6;
+      }
+      
+      &:disabled {
+        background: #d1d5db;
+        cursor: not-allowed;
+      }
+    }
+  }
+}
+</style>
diff --git a/江西城市生命线-可交互原型/frontend/src/views/AppsView.vue b/江西城市生命线-可交互原型/frontend/src/views/AppsView.vue
new file mode 100644
index 00000000..a4b4225c
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/views/AppsView.vue
@@ -0,0 +1,473 @@
+<template>
+  <div class="apps-view">
+    <header class="page-header">
+      <h1>全部应用</h1>
+      <p>选择智能体开始对话，助力您的工作效率提升</p>
+    </header>
+
+    <div class="toolbar-section">
+      <el-input
+        v-model="searchText"
+        placeholder="搜索智能体..."
+        size="large"
+        :prefix-icon="Search"
+        clearable
+        class="search-input"
+      />
+      <el-button type="primary" size="large" @click="showCreateDialog = true">
+        <el-icon><Plus /></el-icon>
+        新增智能体
+      </el-button>
+    </div>
+
+    <div class="category-tabs">
+      <span
+        v-for="cat in categories"
+        :key="cat.key"
+        class="tab-item"
+        :class="{ active: activeCategory === cat.key }"
+        @click="activeCategory = cat.key"
+      >
+        {{ cat.label }}
+      </span>
+    </div>
+
+    <div class="agents-grid">
+      <div
+        v-for="agent in filteredAgents"
+        :key="agent.id"
+        class="agent-card"
+        @click="handleAgentClick(agent)"
+      >
+        <div class="card-header">
+          <div class="agent-icon" :style="{ background: agent.imageUrl ? 'transparent' : agent.color }">
+            <img v-if="agent.imageUrl" :src="agent.imageUrl" :alt="agent.name" />
+            <span v-else>{{ agent.icon }}</span>
+          </div>
+        </div>
+        <h3 class="agent-name">{{ agent.name }}</h3>
+        <p class="agent-desc">{{ agent.description }}</p>
+        <div class="card-footer">
+          <span class="usage-count">{{ agent.usage }} 次使用</span>
+          <el-button type="primary" size="small" round>开始对话</el-button>
+        </div>
+      </div>
+    </div>
+
+    <!-- 新增智能体对话框 -->
+    <el-dialog
+      v-model="showCreateDialog"
+      title="新增智能体"
+      width="520px"
+      :close-on-click-modal="false"
+    >
+      <el-form :model="newAgent" label-width="80px" label-position="top">
+        <el-form-item label="智能体图片">
+          <div class="upload-area" @click="triggerUpload">
+            <input
+              type="file"
+              ref="fileInput"
+              accept="image/*"
+              @change="handleFileChange"
+              style="display: none"
+            />
+            <div v-if="newAgent.imageUrl" class="preview-image">
+              <img :src="newAgent.imageUrl" alt="preview" />
+              <div class="change-tip">点击更换</div>
+            </div>
+            <div v-else class="upload-placeholder">
+              <el-icon class="upload-icon"><Plus /></el-icon>
+              <span>上传图片</span>
+            </div>
+          </div>
+        </el-form-item>
+        <el-form-item label="智能体名称">
+          <el-input v-model="newAgent.name" placeholder="请输入智能体名称" />
+        </el-form-item>
+        <el-form-item label="智能体介绍">
+          <el-input
+            v-model="newAgent.description"
+            type="textarea"
+            :rows="3"
+            placeholder="请输入智能体功能介绍"
+          />
+        </el-form-item>
+        <el-form-item label="API链接">
+          <el-input v-model="newAgent.apiUrl" placeholder="请输入API接口地址" />
+        </el-form-item>
+        <el-form-item label="分类">
+          <el-select v-model="newAgent.category" placeholder="请选择分类" style="width: 100%">
+            <el-option label="内容创作" value="content" />
+            <el-option label="办公助手" value="office" />
+            <el-option label="业务助手" value="business" />
+          </el-select>
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button @click="showCreateDialog = false">取消</el-button>
+        <el-button type="primary" @click="handleCreateAgent">保存</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed } from 'vue'
+import { useRouter } from 'vue-router'
+import { Search, Plus } from '@element-plus/icons-vue'
+import { ElMessage } from 'element-plus'
+import { useAgentStore } from '@/stores/agent'
+
+const router = useRouter()
+const agentStore = useAgentStore()
+const searchText = ref('')
+const activeCategory = ref('all')
+
+const categories = [
+  { key: 'all', label: '全部' },
+  { key: 'content', label: '内容创作' },
+  { key: 'office', label: '办公助手' },
+  { key: 'business', label: '业务助手' }
+]
+
+const agents = ref([
+  {
+    id: 'xiaohongshu',
+    name: '小红书文案生成',
+    description: '一键生成爆款小红书文案，支持多种风格，自动添加热门话题标签',
+    icon: '📕',
+    color: '#ff2442',
+    category: 'content',
+    usage: 12580
+  },
+  {
+    id: 'contract',
+    name: '泰豪合同助手',
+    description: '智能合同审核、条款分析、风险提示，提高合同处理效率',
+    icon: '📄',
+    color: '#7c3aed',
+    category: 'business',
+    usage: 8320
+  },
+  {
+    id: 'video',
+    name: '泰豪短视频助手',
+    description: '短视频脚本创作、文案优化、热门话题推荐',
+    icon: '🎬',
+    color: '#10b981',
+    category: 'content',
+    usage: 5640
+  },
+  {
+    id: 'email',
+    name: '邮件写作助手',
+    description: '商务邮件、会议邀请、工作汇报等各类邮件智能生成',
+    icon: '✉️',
+    color: '#6366f1',
+    category: 'office',
+    usage: 7230
+  },
+  {
+    id: 'translate',
+    name: '多语言翻译',
+    description: '支持中英日韩等多语言互译，专业术语精准翻译',
+    icon: '🌐',
+    color: '#14b8a6',
+    category: 'office',
+    usage: 11200
+  }
+])
+
+const filteredAgents = computed(() => {
+  let result = agents.value
+  
+  if (activeCategory.value !== 'all') {
+    result = result.filter(a => a.category === activeCategory.value)
+  }
+  
+  if (searchText.value) {
+    const keyword = searchText.value.toLowerCase()
+    result = result.filter(a => 
+      a.name.toLowerCase().includes(keyword) || 
+      a.description.toLowerCase().includes(keyword)
+    )
+  }
+  
+  return result
+})
+
+const handleAgentClick = (agent) => {
+  // 先设置当前智能体
+  agentStore.setCurrentAgent(agent.id)
+  router.push({
+    path: '/',
+    query: { agentId: agent.id }
+  })
+}
+
+// 新增智能体相关
+const showCreateDialog = ref(false)
+const fileInput = ref(null)
+const newAgent = ref({
+  name: '',
+  description: '',
+  apiUrl: '',
+  category: '',
+  imageUrl: ''
+})
+
+const triggerUpload = () => {
+  fileInput.value?.click()
+}
+
+const handleFileChange = (e) => {
+  const file = e.target.files[0]
+  if (file) {
+    const reader = new FileReader()
+    reader.onload = (event) => {
+      newAgent.value.imageUrl = event.target.result
+    }
+    reader.readAsDataURL(file)
+  }
+}
+
+const handleCreateAgent = () => {
+  if (!newAgent.value.name) {
+    ElMessage.warning('请输入智能体名称')
+    return
+  }
+  if (!newAgent.value.description) {
+    ElMessage.warning('请输入智能体介绍')
+    return
+  }
+  
+  // 生成随机颜色
+  const colors = ['#7c3aed', '#10b981', '#f59e0b', '#3b82f6', '#ef4444', '#6366f1', '#14b8a6']
+  const randomColor = colors[Math.floor(Math.random() * colors.length)]
+  
+  // 添加新智能体
+  agents.value.unshift({
+    id: 'custom_' + Date.now(),
+    name: newAgent.value.name,
+    description: newAgent.value.description,
+    icon: newAgent.value.imageUrl ? '' : '🤖',
+    imageUrl: newAgent.value.imageUrl,
+    color: randomColor,
+    category: newAgent.value.category || 'office',
+    apiUrl: newAgent.value.apiUrl,
+    usage: 0
+  })
+  
+  // 重置表单
+  newAgent.value = {
+    name: '',
+    description: '',
+    apiUrl: '',
+    category: '',
+    imageUrl: ''
+  }
+  showCreateDialog.value = false
+  ElMessage.success('智能体创建成功')
+}
+</script>
+
+<style lang="scss" scoped>
+.apps-view {
+  padding: 32px 48px;
+  height: 100%;
+  overflow-y: auto;
+  background: #f9fafb;
+}
+
+.page-header {
+  margin-bottom: 24px;
+  
+  h1 {
+    font-size: 24px;
+    color: #1f2937;
+    margin-bottom: 8px;
+  }
+  
+  p {
+    color: #6b7280;
+    font-size: 14px;
+  }
+}
+
+.toolbar-section {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  gap: 16px;
+  margin-bottom: 24px;
+  
+  .search-input {
+    max-width: 400px;
+  }
+}
+
+.category-tabs {
+  display: flex;
+  gap: 8px;
+  margin-bottom: 24px;
+  
+  .tab-item {
+    padding: 8px 20px;
+    border-radius: 20px;
+    font-size: 14px;
+    color: #6b7280;
+    background: #fff;
+    border: 1px solid #e5e7eb;
+    cursor: pointer;
+    transition: all 0.2s;
+    
+    &:hover {
+      color: #7c3aed;
+      border-color: #7c3aed;
+    }
+    
+    &.active {
+      color: #fff;
+      background: #7c3aed;
+      border-color: #7c3aed;
+    }
+  }
+}
+
+.agents-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+  gap: 20px;
+}
+
+.agent-card {
+  background: #fff;
+  border: 1px solid #e5e7eb;
+  border-radius: 16px;
+  padding: 24px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  
+  &:hover {
+    border-color: #7c3aed;
+    box-shadow: 0 8px 24px rgba(124, 58, 237, 0.12);
+    transform: translateY(-4px);
+  }
+  
+  .card-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    margin-bottom: 16px;
+    
+    .agent-icon {
+      width: 52px;
+      height: 52px;
+      border-radius: 14px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 26px;
+      overflow: hidden;
+      
+      img {
+        width: 100%;
+        height: 100%;
+        object-fit: cover;
+      }
+    }
+  }
+  
+  .agent-name {
+    font-size: 17px;
+    font-weight: 600;
+    color: #1f2937;
+    margin-bottom: 8px;
+  }
+  
+  .agent-desc {
+    font-size: 13px;
+    color: #6b7280;
+    line-height: 1.6;
+    margin-bottom: 16px;
+    display: -webkit-box;
+    -webkit-line-clamp: 2;
+    -webkit-box-orient: vertical;
+    overflow: hidden;
+  }
+  
+  .card-footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    
+    .usage-count {
+      font-size: 12px;
+      color: #9ca3af;
+    }
+  }
+}
+
+.upload-area {
+  width: 120px;
+  height: 120px;
+  border: 2px dashed #d1d5db;
+  border-radius: 12px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  cursor: pointer;
+  transition: all 0.2s;
+  overflow: hidden;
+  
+  &:hover {
+    border-color: #7c3aed;
+  }
+  
+  .upload-placeholder {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 8px;
+    color: #9ca3af;
+    
+    .upload-icon {
+      font-size: 28px;
+    }
+    
+    span {
+      font-size: 13px;
+    }
+  }
+  
+  .preview-image {
+    width: 100%;
+    height: 100%;
+    position: relative;
+    
+    img {
+      width: 100%;
+      height: 100%;
+      object-fit: cover;
+    }
+    
+    .change-tip {
+      position: absolute;
+      bottom: 0;
+      left: 0;
+      right: 0;
+      background: rgba(0, 0, 0, 0.6);
+      color: #fff;
+      text-align: center;
+      font-size: 12px;
+      padding: 4px 0;
+      opacity: 0;
+      transition: opacity 0.2s;
+    }
+    
+    &:hover .change-tip {
+      opacity: 1;
+    }
+  }
+}
+</style>
diff --git a/江西城市生命线-可交互原型/frontend/src/views/BiddingView.vue b/江西城市生命线-可交互原型/frontend/src/views/BiddingView.vue
new file mode 100644
index 00000000..da51dbff
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/views/BiddingView.vue
@@ -0,0 +1,18847 @@
+<template>
+  <div class="bidding-system">
+    <aside class="bidding-sidebar">
+      <div class="sidebar-header">
+        <div class="system-title">
+          <div class="title-icon-wrapper">
+            <el-icon class="title-icon"><Document /></el-icon>
+          </div>
+          <div class="title-info">
+            <span class="title-text">招标助手</span>
+            <span class="title-desc">Bidding Assistant</span>
+          </div>
+        </div>
+      </div>
+      <nav class="bidding-nav">
+        <div v-for="item in navItems" :key="item.key" class="nav-group">
+          <div class="nav-item" :class="{ active: activeNav === item.key && !item.children, expanded: item.expanded }" @click="handleNavClick(item)">
+            <div class="nav-left">
+              <el-icon class="nav-icon"><component :is="item.icon" /></el-icon>
+              <span class="nav-label">{{ item.label }}</span>
+            </div>
+            <el-icon v-if="item.children" class="nav-arrow"><ArrowDown v-if="item.expanded" /><ArrowRight v-else /></el-icon>
+          </div>
+          <div v-if="item.children && item.expanded" class="nav-children">
+            <div v-for="child in item.children" :key="child.key" class="nav-child" :class="{ active: activeNav === child.key }" @click.stop="activeNav = child.key">
+              <span class="child-dot"></span>
+              <span>{{ child.label }}</span>
+            </div>
+          </div>
+        </div>
+      </nav>
+    </aside>
+    <div class="bidding-content">
+      <header class="content-header">
+        <div class="header-left">
+          <el-breadcrumb separator="/">
+            <el-breadcrumb-item>招标助手</el-breadcrumb-item>
+            <el-breadcrumb-item v-if="activeNav === 'step-detail' && currentStepProject" @click="backToProjectDetail" style="cursor: pointer;">进行中项目</el-breadcrumb-item>
+            <el-breadcrumb-item v-if="activeNav === 'step-detail' && currentStepDetail">{{ currentStepDetail.title }}</el-breadcrumb-item>
+            <el-breadcrumb-item v-if="activeNav !== 'step-detail'">{{ currentNavLabel }}</el-breadcrumb-item>
+          </el-breadcrumb>
+        </div>
+        <div class="header-right">
+          <el-button circle size="small">
+            <el-icon><Refresh /></el-icon>
+          </el-button>
+        </div>
+      </header>
+      <div class="content-main">
+        <!-- 知识库总览 -->
+        <div v-if="activeNav === 'kb-overview'" class="panel">
+          <div class="panel-header">
+            <h3>知识库总览</h3>
+            <el-button type="primary" size="small" @click="showUploadDialog = true">
+              <el-icon><Upload /></el-icon>
+              上传文件
+            </el-button>
+          </div>
+          <div class="stats-cards">
+            <div class="stat-card"><div class="stat-value">{{ totalFiles }}</div><div class="stat-label">文档总数</div></div>
+            <div class="stat-card"><div class="stat-value">4</div><div class="stat-label">分类目录</div></div>
+            <div class="stat-card"><div class="stat-value">{{ monthlyFiles }}</div><div class="stat-label">本月新增</div></div>
+            <div class="stat-card"><div class="stat-value">98.5%</div><div class="stat-label">分类准确率</div></div>
+          </div>
+          <div class="kb-categories">
+            <div class="category-card" v-for="cat in kbCategories" :key="cat.name" @click="viewCategory(cat.key)">
+              <div class="cat-icon" :style="{ background: cat.color }">
+                <el-icon><component :is="cat.icon" /></el-icon>
+              </div>
+              <div class="cat-info">
+                <div class="cat-name">{{ cat.name }}</div>
+                <div class="cat-count">{{ cat.count }} 个文件</div>
+              </div>
+            </div>
+          </div>
+        </div>
+        
+        <!-- 分类管理 -->
+        <div v-if="activeNav === 'kb-category'" class="panel category-management">
+          <div class="category-layout">
+            <!-- 左侧分类导航 -->
+            <div class="category-sidebar">
+              <div class="category-nav-header">
+                <div class="header-title">
+                  <h4>文件分类</h4>
+                  <span class="header-subtitle">{{ kbCategories.length }} 个分类</span>
+                </div>
+              </div>
+              <div class="category-nav-list">
+                <div 
+                  v-for="cat in kbCategories" 
+                  :key="cat.key"
+                  class="category-nav-item"
+                  :class="{ active: activeCategoryTab === cat.key }"
+                  @click="activeCategoryTab = cat.key"
+                >
+                  <div class="category-nav-icon" :style="{ background: cat.color }">
+                    <el-icon><component :is="cat.icon" /></el-icon>
+                  </div>
+                  <div class="category-nav-info">
+                    <div class="category-nav-name">{{ cat.name }}</div>
+                    <div class="category-nav-count">{{ cat.count }} 个文件</div>
+                  </div>
+                  <el-icon class="nav-arrow-icon">
+                    <ArrowRight />
+                  </el-icon>
+                </div>
+              </div>
+              
+              <!-- 侧边栏底部统计 -->
+              <div class="category-sidebar-footer">
+                <div class="footer-stat">
+                  <div class="stat-icon">📊</div>
+                  <div class="stat-info">
+                    <div class="stat-label">总文件数</div>
+                    <div class="stat-value">{{ totalFiles }}</div>
+                  </div>
+                </div>
+              </div>
+            </div>
+            
+            <!-- 右侧文件列表 -->
+            <div class="category-content">
+              <!-- 顶部信息栏 -->
+              <div class="category-content-header">
+                <div class="header-info">
+                  <div class="category-title-wrapper">
+                    <div class="category-icon-large" :style="{ background: getCurrentCategoryColor() }">
+                      <el-icon><component :is="getCurrentCategoryIcon()" /></el-icon>
+                    </div>
+                    <div class="category-title-info">
+                      <h3>{{ getCategoryLabel(activeCategoryTab) }}</h3>
+                      <p class="category-desc">{{ getCategoryFiles(activeCategoryTab).length }} 个文件</p>
+                    </div>
+                  </div>
+                  <div class="header-actions">
+                    <el-button type="primary" @click="showUploadDialog = true">
+                      <el-icon><Upload /></el-icon>
+                      上传文件
+                    </el-button>
+                  </div>
+                </div>
+                
+                <!-- 搜索和筛选栏 -->
+                <div class="category-toolbar">
+                  <el-input 
+                    v-model="categorySearch" 
+                    placeholder="搜索文件名..." 
+                    style="width: 300px;"
+                    clearable
+                  >
+                    <template #prefix>
+                      <el-icon><Search /></el-icon>
+                    </template>
+                  </el-input>
+                  <div class="toolbar-right">
+                    <el-button circle>
+                      <el-icon><Refresh /></el-icon>
+                    </el-button>
+                  </div>
+                </div>
+              </div>
+              
+              <!-- 文件列表 -->
+              <div class="category-table-wrapper">
+                <el-table 
+                  :data="filteredCategoryFiles" 
+                  style="width: 100%"
+                  :empty-text="categorySearch ? '未找到匹配的文件' : '暂无文件'"
+                  stripe
+                >
+                  <el-table-column type="index" label="#" width="60" />
+                  <el-table-column prop="name" label="文件名称" min-width="220">
+                    <template #default="{ row }">
+                      <div class="file-name-cell">
+                        <el-icon class="file-icon" :style="{ color: getFileIconColor(row.name) }">
+                          <Document />
+                        </el-icon>
+                        <span class="file-name">{{ row.name }}</span>
+                      </div>
+                    </template>
+                  </el-table-column>
+                  <el-table-column prop="description" label="文件描述" min-width="180" show-overflow-tooltip />
+                  <el-table-column prop="uploadTime" label="上传时间" width="180" sortable />
+                  <el-table-column prop="size" label="文件大小" width="120" align="right" />
+                  <el-table-column label="操作" width="200" fixed="right">
+                    <template #default="{ row }">
+                      <div class="table-actions">
+                        <el-button type="primary" link size="small" @click="downloadFile(row)">
+                          <el-icon><Download /></el-icon>
+                          下载
+                        </el-button>
+                        <el-button type="danger" link size="small" @click="deleteFile(row)">
+                          <el-icon><Delete /></el-icon>
+                          删除
+                        </el-button>
+                      </div>
+                    </template>
+                  </el-table-column>
+                </el-table>
+              </div>
+            </div>
+          </div>
+        </div>
+        
+        <!-- 历史文件 -->
+        <div v-if="activeNav === 'kb-history'" class="panel">
+          <div class="panel-header">
+            <h3>历史文件</h3>
+            <div class="header-actions">
+              <el-input 
+                v-model="historySearch" 
+                placeholder="搜索文件名..." 
+                style="width: 200px; margin-right: 12px;"
+                clearable
+              >
+                <template #prefix>
+                  <el-icon><Search /></el-icon>
+                </template>
+              </el-input>
+              <el-select v-model="historyFilter" placeholder="筛选分类" style="width: 150px;" clearable>
+                <el-option label="全部分类" value="" />
+                <el-option label="资质文件" value="qualification" />
+                <el-option label="技术模块文件" value="technical" />
+                <el-option label="项目案例" value="case" />
+                <el-option label="其他资料" value="other" />
+              </el-select>
+            </div>
+          </div>
+          
+          <el-table :data="filteredHistoryFiles" style="width: 100%">
+            <el-table-column prop="name" label="文件名称" min-width="200" />
+            <el-table-column prop="category" label="所属分类" width="150">
+              <template #default="{ row }">
+                <el-tag :type="getCategoryTagType(row.category)" size="small">
+                  {{ getCategoryLabel(row.category) }}
+                </el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column prop="description" label="文件描述" min-width="150" />
+            <el-table-column prop="uploadTime" label="上传时间" width="180" sortable />
+            <el-table-column prop="size" label="文件大小" width="100" />
+            <el-table-column label="操作" width="150">
+              <template #default="{ row }">
+                <el-button type="primary" link size="small" @click="downloadFile(row)">
+                  <el-icon><Download /></el-icon>
+                  下载
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+
+        <!-- 进行中项目 -->
+        <div v-if="activeNav === 'project-ongoing'" class="panel">
+          <div class="panel-header">
+            <h3>进行中项目</h3>
+            <div class="header-actions">
+              <el-input 
+                v-model="projectSearch" 
+                placeholder="搜索项目名称..." 
+                style="width: 200px; margin-right: 12px;"
+                clearable
+              >
+                <template #prefix>
+                  <el-icon><Search /></el-icon>
+                </template>
+              </el-input>
+              <el-button type="primary" @click="showCreateProjectDialog = true">
+                <el-icon><Plus /></el-icon>
+                创建项目
+              </el-button>
+            </div>
+          </div>
+          
+          <div v-if="!selectedProject" class="project-list">
+            <div 
+              v-for="project in filteredOngoingProjects" 
+              :key="project.id"
+              class="project-card"
+              @click="viewProjectDetail(project)"
+            >
+              <div class="project-card-header">
+                <div class="project-title">
+                  <h4>{{ project.name }}</h4>
+                  <el-tag :type="getProgressTagType(project.progress)" size="small">
+                    {{ project.progress }}
+                  </el-tag>
+                </div>
+                <div class="project-meta">
+                  <span class="meta-item">
+                    <el-icon><Clock /></el-icon>
+                    创建时间：{{ project.createTime }}
+                  </span>
+                </div>
+              </div>
+              <div class="project-progress-bar">
+                <div class="progress-info">
+                  <span>当前进度</span>
+                  <span>{{ getProgressPercentage(project.progress) }}%</span>
+                </div>
+                <el-progress 
+                  :percentage="getProgressPercentage(project.progress)" 
+                  :color="getProgressColor(project.progress)"
+                  :show-text="false"
+                />
+              </div>
+            </div>
+          </div>
+
+          <!-- 项目详情 -->
+          <div v-else class="project-detail">
+            <div class="detail-header">
+              <el-button @click="selectedProject = null" link>
+                <el-icon><ArrowLeft /></el-icon>
+                返回列表
+              </el-button>
+            </div>
+            
+            <div class="detail-content">
+              <div class="detail-title">
+                <h2>{{ selectedProject.name }}</h2>
+                <el-tag :type="getProgressTagType(selectedProject.progress)" size="large">
+                  {{ selectedProject.progress }}
+                </el-tag>
+              </div>
+              
+              <div class="detail-info">
+                <div class="info-item">
+                  <span class="info-label">创建时间：</span>
+                  <span class="info-value">{{ selectedProject.createTime }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="info-label">当前进度：</span>
+                  <span class="info-value">{{ selectedProject.progress }}</span>
+                </div>
+              </div>
+
+              <div class="project-timeline">
+                <h3>项目流程</h3>
+                <el-steps :active="getActiveStep(selectedProject.progress)" align-center>
+                  <el-step 
+                    v-for="(step, index) in projectSteps" 
+                    :key="index"
+                    :title="step.title"
+                    :status="getStepStatus(selectedProject.progress, step.key)"
+                    class="clickable-step"
+                    @click="viewStepDetail(step, selectedProject)"
+                  >
+                    <template #icon>
+                      <el-icon v-if="getStepStatus(selectedProject.progress, step.key) === 'finish'">
+                        <CircleCheck />
+                      </el-icon>
+                      <el-icon v-else-if="getStepStatus(selectedProject.progress, step.key) === 'process'">
+                        <Loading />
+                      </el-icon>
+                      <span v-else>{{ index + 1 }}</span>
+                    </template>
+                  </el-step>
+                </el-steps>
+              </div>
+
+              <!-- 招标信息提取结果 -->
+              <div v-if="selectedProject.extractedInfo" class="extracted-info-section">
+                <h3>
+                  <el-icon><Document /></el-icon>
+                  招标信息提取结果
+                </h3>
+                
+                <el-tabs type="border-card">
+                  <!-- 商务关键信息 -->
+                  <el-tab-pane>
+                    <template #label>
+                      <span class="tab-label">
+                        <el-icon><Document /></el-icon>
+                        商务关键信息
+                      </span>
+                    </template>
+                    <div class="info-table-wrapper">
+                      <el-table :data="selectedProject.extractedInfo.businessInfo" border stripe>
+                        <el-table-column prop="field" label="信息项" width="150" />
+                        <el-table-column prop="content" label="信息内容" min-width="250" />
+                        <el-table-column prop="source" label="提取来源" width="120" />
+                        <el-table-column label="核实状态" width="180">
+                          <template #default="{ row }">
+                            <div :class="['verify-status', `status-${row.verifyStatus}`]">
+                              <el-icon v-if="row.verifyStatus === 'no-need'"><Check /></el-icon>
+                              <el-icon v-else-if="row.verifyStatus === 'need'"><Warning /></el-icon>
+                              <el-icon v-else><Close /></el-icon>
+                              <span>{{ getVerifyStatusText(row.verifyStatus) }}</span>
+                            </div>
+                          </template>
+                        </el-table-column>
+                      </el-table>
+                    </div>
+                  </el-tab-pane>
+
+                  <!-- 技术关键信息 -->
+                  <el-tab-pane>
+                    <template #label>
+                      <span class="tab-label">
+                        <el-icon><MagicStick /></el-icon>
+                        技术关键信息
+                      </span>
+                    </template>
+                    <div class="info-table-wrapper">
+                      <el-table :data="selectedProject.extractedInfo.techInfo" border stripe>
+                        <el-table-column prop="field" label="信息项" width="150" />
+                        <el-table-column prop="content" label="信息内容" min-width="250" />
+                        <el-table-column prop="source" label="提取来源" width="120" />
+                        <el-table-column label="核实状态" width="180">
+                          <template #default="{ row }">
+                            <div :class="['verify-status', `status-${row.verifyStatus}`]">
+                              <el-icon v-if="row.verifyStatus === 'no-need'"><Check /></el-icon>
+                              <el-icon v-else-if="row.verifyStatus === 'need'"><Warning /></el-icon>
+                              <el-icon v-else><Close /></el-icon>
+                              <span>{{ getVerifyStatusText(row.verifyStatus) }}</span>
+                            </div>
+                          </template>
+                        </el-table-column>
+                      </el-table>
+                    </div>
+                  </el-tab-pane>
+                </el-tabs>
+              </div>
+
+              <!-- 进度操作区 -->
+              <div class="progress-actions">
+                <h3>当前阶段操作</h3>
+                <div class="action-cards">
+                  <div 
+                    v-for="step in projectSteps" 
+                    :key="step.key"
+                    class="action-card"
+                    :class="{ 
+                      active: selectedProject.progress === step.title,
+                      completed: getStepStatus(selectedProject.progress, step.key) === 'finish'
+                    }"
+                  >
+                    <div class="action-card-header">
+                      <div class="action-title">
+                        <el-icon v-if="getStepStatus(selectedProject.progress, step.key) === 'finish'" color="#10b981">
+                          <CircleCheck />
+                        </el-icon>
+                        <el-icon v-else-if="selectedProject.progress === step.title" color="#7c3aed">
+                          <Loading class="rotating" />
+                        </el-icon>
+                        <el-icon v-else color="#d1d5db">
+                          <Clock />
+                        </el-icon>
+                        <span>{{ step.title }}</span>
+                      </div>
+                      <el-tag 
+                        v-if="selectedProject.progress === step.title" 
+                        type="warning" 
+                        size="small"
+                      >
+                        进行中
+                      </el-tag>
+                      <el-tag 
+                        v-else-if="getStepStatus(selectedProject.progress, step.key) === 'finish'" 
+                        type="success" 
+                        size="small"
+                      >
+                        已完成
+                      </el-tag>
+                    </div>
+                    <div class="action-card-body">
+                      <p class="action-desc">{{ step.description }}</p>
+                      <div class="action-buttons">
+                        <el-button 
+                          v-if="selectedProject.progress === step.title"
+                          type="primary"
+                          size="small"
+                          @click="goToFunction(step.key)"
+                        >
+                          <el-icon><Right /></el-icon>
+                          前往操作
+                        </el-button>
+                        <el-button 
+                          v-if="selectedProject.progress === step.title && getActiveStep(selectedProject.progress) < projectSteps.length - 1"
+                          type="success"
+                          size="small"
+                          @click="completeCurrentStep(selectedProject)"
+                        >
+                          <el-icon><Check /></el-icon>
+                          完成此步骤
+                        </el-button>
+                        <el-button 
+                          v-if="selectedProject.progress === step.title && getActiveStep(selectedProject.progress) === projectSteps.length - 1"
+                          type="success"
+                          size="small"
+                          @click="finishProject(selectedProject)"
+                        >
+                          <el-icon><Check /></el-icon>
+                          完结项目
+                        </el-button>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 已完结项目 -->
+        <div v-if="activeNav === 'project-completed'" class="panel">
+          <div class="panel-header">
+            <h3>已完结项目</h3>
+            <div class="header-actions">
+              <el-input 
+                v-model="projectSearch" 
+                placeholder="搜索项目名称..." 
+                style="width: 200px; margin-right: 12px;"
+                clearable
+              >
+                <template #prefix>
+                  <el-icon><Search /></el-icon>
+                </template>
+              </el-input>
+            </div>
+          </div>
+          
+          <div v-if="!selectedProject" class="project-list">
+            <div 
+              v-for="project in filteredOldCompletedProjects" 
+              :key="project.id"
+              class="project-card completed"
+              @click="viewProjectDetail(project)"
+            >
+              <div class="project-card-header">
+                <div class="project-title">
+                  <h4>{{ project.name }}</h4>
+                  <el-tag type="success" size="small">已完结</el-tag>
+                </div>
+                <div class="project-meta">
+                  <span class="meta-item">
+                    <el-icon><Clock /></el-icon>
+                    创建时间：{{ project.createTime }}
+                  </span>
+                  <span class="meta-item">
+                    <el-icon><Check /></el-icon>
+                    完成时间：{{ project.completeTime }}
+                  </span>
+                </div>
+              </div>
+              <div class="project-result">
+                <div class="result-status">
+                  <el-tag :type="project.result === '中标' ? 'success' : 'info'">
+                    {{ project.result }}
+                  </el-tag>
+                  <span v-if="project.result === '中标' && project.bidAmount" class="bid-amount">
+                    中标金额：{{ project.bidAmount }}
+                  </span>
+                  <span v-if="project.result === '未中标' && project.failReason" class="fail-reason">
+                    <el-icon><Warning /></el-icon>
+                    {{ project.failReason }}
+                  </span>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- 项目详情 -->
+          <div v-else class="project-detail">
+            <div class="detail-header">
+              <el-button @click="selectedProject = null" link>
+                <el-icon><ArrowLeft /></el-icon>
+                返回列表
+              </el-button>
+            </div>
+            
+            <div class="detail-content">
+              <div class="detail-title">
+                <h2>{{ selectedProject.name }}</h2>
+                <el-tag type="success" size="large">已完结</el-tag>
+              </div>
+              
+              <div class="detail-info">
+                <div class="info-item">
+                  <span class="info-label">创建时间：</span>
+                  <span class="info-value">{{ selectedProject.createTime }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="info-label">完成时间：</span>
+                  <span class="info-value">{{ selectedProject.completeTime }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="info-label">项目结果：</span>
+                  <span class="info-value">
+                    <el-tag :type="selectedProject.result === '中标' ? 'success' : 'info'">
+                      {{ selectedProject.result }}
+                    </el-tag>
+                  </span>
+                </div>
+                <div v-if="selectedProject.result === '中标' && selectedProject.bidAmount" class="info-item">
+                  <span class="info-label">中标金额：</span>
+                  <span class="info-value bid-amount-highlight">{{ selectedProject.bidAmount }}</span>
+                </div>
+                <div v-if="selectedProject.result === '未中标' && selectedProject.failReason" class="info-item full-width">
+                  <span class="info-label">未中标原因：</span>
+                  <span class="info-value fail-reason-highlight">
+                    <el-icon><Warning /></el-icon>
+                    {{ selectedProject.failReason }}
+                  </span>
+                </div>
+              </div>
+
+              <div class="project-timeline">
+                <h3>项目流程</h3>
+                <el-steps :active="5" align-center finish-status="success">
+                  <el-step 
+                    v-for="(step, index) in projectSteps" 
+                    :key="index"
+                    :title="step.title"
+                    :description="step.description"
+                  >
+                    <template #icon>
+                      <el-icon><CircleCheck /></el-icon>
+                    </template>
+                  </el-step>
+                </el-steps>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 新项目管理 - 进行中项目 -->
+        <div v-if="activeNav === 'pm-ongoing'" class="panel">
+          <div class="panel-header">
+            <h3>进行中项目</h3>
+            <div class="header-actions">
+              <el-input 
+                v-model="pmProjectSearch" 
+                placeholder="搜索项目名称..." 
+                style="width: 240px; margin-right: 12px;"
+                clearable
+              >
+                <template #prefix>
+                  <el-icon><Search /></el-icon>
+                </template>
+              </el-input>
+              <el-button type="primary" @click="showPmCreateDialog = true">
+                <el-icon><Plus /></el-icon>
+                新建项目
+              </el-button>
+            </div>
+          </div>
+          
+          <div v-if="!selectedPmProject" class="pm-project-cards">
+            <div 
+              v-for="project in filteredPmOngoingProjects" 
+              :key="project.id" 
+              class="pm-project-card"
+              @click="viewPmProjectDetail(project)"
+            >
+              <div class="pm-card-header">
+                <h4 class="pm-card-title">{{ project.name }}</h4>
+                <el-dropdown trigger="click" @command="handlePmCardAction($event, project)" @click.stop>
+                  <el-button text circle size="small">
+                    <el-icon><MoreFilled /></el-icon>
+                  </el-button>
+                  <template #dropdown>
+                    <el-dropdown-menu>
+                      <el-dropdown-item command="edit">编辑</el-dropdown-item>
+                      <el-dropdown-item command="delete" divided>删除</el-dropdown-item>
+                    </el-dropdown-menu>
+                  </template>
+                </el-dropdown>
+              </div>
+              <div class="pm-card-info">
+                <div class="pm-info-row">
+                  <span class="pm-info-label"><el-icon><Calendar /></el-icon>创建时间</span>
+                  <span class="pm-info-value">{{ project.createTime }}</span>
+                </div>
+                <div class="pm-info-row">
+                  <span class="pm-info-label"><el-icon><Clock /></el-icon>递交日期</span>
+                  <span class="pm-info-value deadline">{{ project.deadline }}</span>
+                </div>
+                <div class="pm-info-row">
+                  <span class="pm-info-label"><el-icon><EditPen /></el-icon>最近修改</span>
+                  <span class="pm-info-value">{{ project.lastModified }}</span>
+                </div>
+                <div class="pm-info-row">
+                  <span class="pm-info-label"><el-icon><User /></el-icon>创建人</span>
+                  <span class="pm-info-value">{{ project.creator }}</span>
+                </div>
+              </div>
+              <div class="pm-card-progress">
+                <div class="pm-progress-header">
+                  <span>完成进度</span>
+                  <span class="pm-progress-value">{{ project.progress }}%</span>
+                </div>
+                <el-progress 
+                  :percentage="project.progress" 
+                  :color="getProgressGradient(project.progress)"
+                  :show-text="false"
+                />
+              </div>
+            </div>
+            
+            <!-- 空状态 -->
+            <div v-if="filteredPmOngoingProjects.length === 0 && !selectedPmProject" class="pm-empty-state">
+              <el-empty description="暂无进行中的项目">
+                <el-button type="primary" @click="showPmCreateDialog = true">
+                  <el-icon><Plus /></el-icon>
+                  新建项目
+                </el-button>
+              </el-empty>
+            </div>
+          </div>
+          
+          <!-- 项目详情视图 -->
+          <div v-if="selectedPmProject" class="pm-project-detail">
+            <div class="pm-detail-header">
+              <el-button @click="selectedPmProject = null" link>
+                <el-icon><ArrowLeft /></el-icon>
+                返回项目列表
+              </el-button>
+            </div>
+            
+            <div class="pm-detail-content">
+              <div class="pm-detail-title">
+                <h2>{{ selectedPmProject.name }}</h2>
+                <el-tag type="warning" size="large">进行中</el-tag>
+              </div>
+              
+              <!-- 编辑开关 -->
+              <div class="pm-info-edit-toggle">
+                <span class="toggle-label">{{ pmInfoEditMode ? '编辑中' : '查看模式' }}</span>
+                <el-switch 
+                  v-model="pmInfoEditMode" 
+                  active-text="编辑"
+                  inactive-text="查看"
+                  @change="togglePmInfoEditMode"
+                />
+              </div>
+              
+              <div class="pm-detail-info-grid" :class="{ editing: pmInfoEditMode }">
+                <!-- 左列 -->
+                <div class="pm-info-column">
+                  <!-- 项目信息 -->
+                  <div class="pm-info-section">
+                    <div class="pm-info-section-title">
+                      <el-icon><OfficeBuilding /></el-icon>
+                      <span>项目信息</span>
+                    </div>
+                    <div class="pm-info-section-content">
+                      <div class="pm-info-row">
+                        <span class="label">招标单位</span>
+                        <template v-if="pmInfoEditMode">
+                          <el-input v-model="selectedPmProject.tenderUnit" size="small" placeholder="请输入招标单位" />
+                        </template>
+                        <span v-else class="value">{{ selectedPmProject.tenderUnit || '-' }}</span>
+                      </div>
+                      <div class="pm-info-row">
+                        <span class="label">预算金额</span>
+                        <template v-if="pmInfoEditMode">
+                          <el-input v-model="selectedPmProject.budget" size="small" placeholder="请输入预算金额" />
+                        </template>
+                        <span v-else class="value budget">{{ selectedPmProject.budget ? `￥${selectedPmProject.budget}` : '-' }}</span>
+                      </div>
+                      <div class="pm-info-row">
+                        <span class="label">评标方式</span>
+                        <template v-if="pmInfoEditMode">
+                          <el-select v-model="selectedPmProject.bidMethod" size="small" placeholder="请选择" style="width: 100%">
+                            <el-option label="综合评分法" value="综合评分法" />
+                            <el-option label="最低价法" value="最低价法" />
+                            <el-option label="性价比法" value="性价比法" />
+                          </el-select>
+                        </template>
+                        <span v-else class="value">
+                          <el-tag v-if="selectedPmProject.bidMethod" size="small" type="primary">{{ selectedPmProject.bidMethod }}</el-tag>
+                          <span v-else>-</span>
+                        </span>
+                      </div>
+                      <div class="pm-info-row">
+                        <span class="label">项目编号</span>
+                        <template v-if="pmInfoEditMode">
+                          <el-input v-model="selectedPmProject.projectNo" size="small" placeholder="请输入项目编号" />
+                        </template>
+                        <span v-else class="value code">{{ selectedPmProject.projectNo || '-' }}</span>
+                      </div>
+                    </div>
+                  </div>
+                  
+                  <!-- 资格要求 -->
+                  <div class="pm-info-section">
+                    <div class="pm-info-section-title">
+                      <el-icon><Medal /></el-icon>
+                      <span>资格要求</span>
+                    </div>
+                    <div class="pm-info-section-content">
+                      <div class="pm-info-row">
+                        <span class="label">资质要求</span>
+                        <template v-if="pmInfoEditMode">
+                          <el-input v-model="selectedPmProject.qualificationReq" size="small" placeholder="请输入资质要求" />
+                        </template>
+                        <span v-else class="value">
+                          <el-tag v-if="selectedPmProject.qualificationReq" size="small">{{ selectedPmProject.qualificationReq }}</el-tag>
+                          <span v-else>-</span>
+                        </span>
+                      </div>
+                      <div class="pm-info-row">
+                        <span class="label">业绩要求</span>
+                        <template v-if="pmInfoEditMode">
+                          <el-input v-model="selectedPmProject.performanceReq" size="small" placeholder="请输入业绩要求" />
+                        </template>
+                        <span v-else class="value">
+                          <el-tag v-if="selectedPmProject.performanceReq" size="small" type="success">{{ selectedPmProject.performanceReq }}</el-tag>
+                          <span v-else>-</span>
+                        </span>
+                      </div>
+                      <div class="pm-info-row">
+                        <span class="label">人员要求</span>
+                        <template v-if="pmInfoEditMode">
+                          <el-input v-model="selectedPmProject.personnelReq" size="small" placeholder="请输入人员要求" />
+                        </template>
+                        <span v-else class="value">
+                          <el-tag v-if="selectedPmProject.personnelReq" size="small" type="warning">{{ selectedPmProject.personnelReq }}</el-tag>
+                          <span v-else>-</span>
+                        </span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                
+                <!-- 右列 -->
+                <div class="pm-info-column">
+                  <!-- 时间节点 -->
+                  <div class="pm-info-section">
+                    <div class="pm-info-section-title">
+                      <el-icon><Clock /></el-icon>
+                      <span>时间节点</span>
+                    </div>
+                    <div class="pm-info-section-content">
+                      <div class="pm-info-row highlight">
+                        <span class="label">投标截止</span>
+                        <template v-if="pmInfoEditMode">
+                          <el-date-picker v-model="selectedPmProject.deadline" type="date" size="small" placeholder="选择日期" value-format="YYYY-MM-DD" style="width: 100%" />
+                        </template>
+                        <span v-else class="value deadline">
+                          <el-icon v-if="selectedPmProject.deadline"><Warning /></el-icon>
+                          {{ selectedPmProject.deadline || '-' }}
+                        </span>
+                      </div>
+                      <div class="pm-info-row">
+                        <span class="label">开标时间</span>
+                        <template v-if="pmInfoEditMode">
+                          <el-date-picker v-model="selectedPmProject.openBidTime" type="datetime" size="small" placeholder="选择时间" value-format="YYYY-MM-DD HH:mm" style="width: 100%" />
+                        </template>
+                        <span v-else class="value">{{ selectedPmProject.openBidTime || '-' }}</span>
+                      </div>
+                      <div class="pm-info-row">
+                        <span class="label">保证金截止</span>
+                        <template v-if="pmInfoEditMode">
+                          <el-date-picker v-model="selectedPmProject.depositDeadline" type="date" size="small" placeholder="选择日期" value-format="YYYY-MM-DD" style="width: 100%" />
+                        </template>
+                        <span v-else class="value">{{ selectedPmProject.depositDeadline || '-' }}</span>
+                      </div>
+                      <div class="pm-info-row">
+                        <span class="label">保证金额</span>
+                        <template v-if="pmInfoEditMode">
+                          <el-input v-model="selectedPmProject.deposit" size="small" placeholder="请输入保证金额" />
+                        </template>
+                        <span v-else class="value">{{ selectedPmProject.deposit || '-' }}</span>
+                      </div>
+                    </div>
+                  </div>
+                  
+                  <!-- 系统信息 -->
+                  <div class="pm-info-section system">
+                    <div class="pm-info-section-title">
+                      <el-icon><Setting /></el-icon>
+                      <span>系统信息</span>
+                    </div>
+                    <div class="pm-info-section-content">
+                      <div class="pm-info-row">
+                        <span class="label">创建时间</span>
+                        <span class="value">{{ selectedPmProject.createTime }}</span>
+                      </div>
+                      <div class="pm-info-row">
+                        <span class="label">最近修改</span>
+                        <span class="value">{{ selectedPmProject.lastModified }}</span>
+                      </div>
+                      <div class="pm-info-row">
+                        <span class="label">创建人</span>
+                        <span class="value">{{ selectedPmProject.creator }}</span>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              
+              <!-- 五大进度流程 -->
+              <div class="pm-progress-timeline">
+                <h3>项目流程进度</h3>
+                <el-steps :active="getPmActiveStep(selectedPmProject.progress)" align-center>
+                  <el-step 
+                    v-for="(step, index) in pmProjectSteps" 
+                    :key="index"
+                    :title="step.title"
+                    :description="step.description"
+                    :status="getPmStepStatus(selectedPmProject.progress, index)"
+                    class="pm-step-item"
+                    @click="handlePmStepClick(step, index)"
+                  >
+                    <template #icon>
+                      <div class="pm-step-icon" :class="getPmStepStatus(selectedPmProject.progress, index)">
+                        <el-icon v-if="getPmStepStatus(selectedPmProject.progress, index) === 'finish'"><Check /></el-icon>
+                        <el-icon v-else-if="getPmStepStatus(selectedPmProject.progress, index) === 'process'"><Loading /></el-icon>
+                        <span v-else>{{ index + 1 }}</span>
+                      </div>
+                    </template>
+                  </el-step>
+                </el-steps>
+              </div>
+              
+              <!-- 当前进度详情 -->
+              <div class="pm-current-step-detail">
+                <!-- 招标信息提取步骤 -->
+                <div v-if="currentStepIndex === 0" class="pm-step-extract">
+                  <div class="pm-step-detail-card">
+                    <div class="pm-step-detail-header">
+                      <h4>招标信息提取</h4>
+                      <el-tag type="warning" size="small">进行中</el-tag>
+                    </div>
+                    
+                    <!-- 未上传状态 -->
+                    <div v-if="!pmExtractFileData" class="pm-extract-upload">
+                      <div class="pm-upload-area">
+                        <el-upload
+                          ref="pmExtractUploadRef"
+                          class="pm-upload-dragger"
+                          drag
+                          :auto-upload="false"
+                          :on-change="handlePmExtractFileSelect"
+                          :show-file-list="false"
+                          accept=".pdf,.doc,.docx"
+                        >
+                          <div class="pm-upload-content">
+                            <el-icon class="pm-upload-icon"><UploadFilled /></el-icon>
+                            <p class="pm-upload-title">点击或拖拽上传招标文件</p>
+                            <p class="pm-upload-hint">支持 PDF、Word 格式文件</p>
+                          </div>
+                        </el-upload>
+                        
+                        <div v-if="pmPendingExtractFile" class="pm-selected-file">
+                          <el-icon><Document /></el-icon>
+                          <span class="file-name">{{ pmPendingExtractFile.name }}</span>
+                          <el-button text circle size="small" @click="pmPendingExtractFile = null">
+                            <el-icon><Close /></el-icon>
+                          </el-button>
+                        </div>
+                        
+                        <el-button 
+                          type="primary" 
+                          size="large"
+                          :disabled="!pmPendingExtractFile"
+                          :loading="pmExtractAnalyzing"
+                          @click="startPmExtractAnalyze"
+                          class="pm-analyze-btn"
+                        >
+                          <el-icon v-if="!pmExtractAnalyzing"><MagicStick /></el-icon>
+                          {{ pmExtractAnalyzing ? '正在解析中...' : '开始解析' }}
+                        </el-button>
+                      </div>
+                    </div>
+                    
+                    <!-- 解析结果 -->
+                    <div v-else class="pm-extract-result">
+                      <div class="pm-extract-result-header">
+                        <div class="file-info">
+                          <el-icon class="file-icon"><Document /></el-icon>
+                          <div class="file-detail">
+                            <span class="file-name">{{ pmExtractFileData.name }}</span>
+                            <span class="file-meta">共 {{ pmExtractFileData.pages }} 页 | 上传于 {{ pmExtractFileData.uploadTime }}</span>
+                          </div>
+                        </div>
+                        <el-button type="primary" link @click="resetPmExtract">
+                          <el-icon><Refresh /></el-icon>
+                          重新上传
+                        </el-button>
+                      </div>
+                      
+                      <!-- 主体内容：左右布局 -->
+                      <div class="pm-extract-body">
+                        <!-- 左侧：关键信息区域 -->
+                        <div class="pm-extract-left">
+                          <!-- 选项卡导航 -->
+                          <div class="pm-extract-tabs">
+                            <div 
+                              v-for="tab in pmExtractTabs" 
+                              :key="tab.key" 
+                              class="pm-extract-tab"
+                              :class="{ active: pmActiveExtractTab === tab.key }"
+                              @click="pmActiveExtractTab = tab.key"
+                            >
+                              {{ tab.label }}
+                            </div>
+                          </div>
+                          
+                          <!-- 选项卡内容 -->
+                          <div class="pm-extract-tab-content">
+                            <!-- 总体分析 -->
+                            <div v-if="pmActiveExtractTab === 'overview'" class="pm-tab-panel">
+                              <!-- 上部：评分权重分布 + 报价策略建议 -->
+                              <div class="pm-overview-row">
+                                <!-- 评分权重分布 -->
+                                <div class="pm-overview-card">
+                                  <div class="pm-card-title"><el-icon><TrendCharts /></el-icon>评分权重分布</div>
+                                  <div class="pm-score-distribution">
+                                    <div class="pm-donut-chart">
+                                      <div class="pm-donut-ring">
+                                        <div class="pm-donut-center">
+                                          <span class="pm-donut-percent">100%</span>
+                                        </div>
+                                      </div>
+                                    </div>
+                                    <div class="pm-score-legend">
+                                      <div class="pm-legend-item"><span class="pm-legend-dot tech"></span>技术评分 <span class="pm-legend-value">45%</span></div>
+                                      <div class="pm-legend-item"><span class="pm-legend-dot business"></span>商务评分 <span class="pm-legend-value">35%</span></div>
+                                      <div class="pm-legend-item"><span class="pm-legend-dot price"></span>报价评分 <span class="pm-legend-value">20%</span></div>
+                                    </div>
+                                  </div>
+                                </div>
+                                <!-- 报价策略建议 -->
+                                <div class="pm-overview-card">
+                                  <div class="pm-card-title"><el-icon><DataLine /></el-icon>报价策略建议</div>
+                                  <div class="pm-price-strategy">
+                                    <div class="pm-strategy-tip">
+                                      <el-icon><InfoFilled /></el-icon>
+                                      基于历史数据分析，建议报价在预算的<span class="highlight">92%-95%</span>区间
+                                    </div>
+                                    <div class="pm-price-chart">
+                                      <div class="pm-chart-bars">
+                                        <div class="pm-bar" style="height: 60%"><span>70%</span></div>
+                                        <div class="pm-bar" style="height: 75%"><span>82%</span></div>
+                                        <div class="pm-bar highlight" style="height: 85%"><span>93%</span></div>
+                                        <div class="pm-bar" style="height: 70%"><span>79%</span></div>
+                                        <div class="pm-bar" style="height: 55%"><span>68%</span></div>
+                                      </div>
+                                      <div class="pm-chart-labels">
+                                        <span>90%</span><span>92%</span><span>94%</span><span>96%</span><span>100%</span>
+                                      </div>
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                              
+                              <!-- 关键时间节点规划 -->
+                              <div class="pm-timeline-section">
+                                <div class="pm-card-title"><el-icon><Clock /></el-icon>关键时间节点规划</div>
+                                <div class="pm-timeline-row">
+                                  <div class="pm-countdown-box">
+                                    <div class="pm-countdown-value">28</div>
+                                    <div class="pm-countdown-label">剩余天数</div>
+                                  </div>
+                                  <div class="pm-time-nodes">
+                                    <div class="pm-time-node">
+                                      <div class="pm-node-date">2025-07-01</div>
+                                      <div class="pm-node-label">投标截止日期</div>
+                                    </div>
+                                    <div class="pm-time-node warning">
+                                      <div class="pm-node-date">2025-06-15</div>
+                                      <div class="pm-node-label">保证金截止日</div>
+                                    </div>
+                                    <div class="pm-time-node primary">
+                                      <div class="pm-node-date">2025-07-01</div>
+                                      <div class="pm-node-label">开标日期</div>
+                                    </div>
+                                  </div>
+                                </div>
+                                <!-- 进度条 -->
+                                <div class="pm-progress-bars">
+                                  <div class="pm-progress-item">
+                                    <span class="pm-progress-label">最终审核</span>
+                                    <div class="pm-progress-bar"><div class="pm-progress-fill" style="width: 100%"></div></div>
+                                  </div>
+                                  <div class="pm-progress-item">
+                                    <span class="pm-progress-label">报价策略</span>
+                                    <div class="pm-progress-bar"><div class="pm-progress-fill" style="width: 85%"></div></div>
+                                  </div>
+                                  <div class="pm-progress-item">
+                                    <span class="pm-progress-label">商务文件</span>
+                                    <div class="pm-progress-bar"><div class="pm-progress-fill" style="width: 70%"></div></div>
+                                  </div>
+                                  <div class="pm-progress-item">
+                                    <span class="pm-progress-label">技术方案</span>
+                                    <div class="pm-progress-bar"><div class="pm-progress-fill" style="width: 55%"></div></div>
+                                  </div>
+                                  <div class="pm-progress-item">
+                                    <span class="pm-progress-label">文件准备</span>
+                                    <div class="pm-progress-bar"><div class="pm-progress-fill" style="width: 40%"></div></div>
+                                  </div>
+                                </div>
+                              </div>
+                              
+                              <!-- 关键注意事项 + 智能建议 -->
+                              <div class="pm-overview-row">
+                                <div class="pm-overview-card half">
+                                  <div class="pm-card-title warning"><el-icon><Warning /></el-icon>关键注意事项</div>
+                                  <div class="pm-notice-list">
+                                    <div class="pm-notice-item">
+                                      <el-icon><Warning /></el-icon>
+                                      <span>投标保证金：<strong>80,000元</strong>，需在开标前20日前到账</span>
+                                    </div>
+                                  </div>
+                                </div>
+                                <div class="pm-overview-card half">
+                                  <div class="pm-card-title success"><el-icon><Checked /></el-icon>智能建议</div>
+                                  <div class="pm-suggestion-list">
+                                    <div class="pm-suggestion-item">
+                                      <el-icon><Check /></el-icon>
+                                      <span>重点突出智慧园区智能化系统集成经验</span>
+                                    </div>
+                                    <div class="pm-suggestion-item">
+                                      <el-icon><Check /></el-icon>
+                                      <span>在施工组织设计中增加BIM技术应用细节</span>
+                                    </div>
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                            
+                            <!-- 商务信息提取 -->
+                            <div v-if="pmActiveExtractTab === 'business'" class="pm-tab-panel">
+                              <div class="pm-key-info-section">
+                                <div class="pm-section-header">
+                                  <div class="pm-section-title"><el-icon><Coin /></el-icon>商务关键信息</div>
+                                  <el-button type="primary" size="small" @click="addBusinessKeyInfo">
+                                    <el-icon><Plus /></el-icon>添加字段
+                                  </el-button>
+                                </div>
+                                <div class="pm-key-info-table">
+                                  <el-table :data="pmBusinessKeyInfo" border size="small">
+                                    <el-table-column prop="field" label="字段" width="120">
+                                      <template #default="{ row }">
+                                        <el-input v-model="row.field" size="small" placeholder="请输入字段名" />
+                                      </template>
+                                    </el-table-column>
+                                    <el-table-column prop="content" label="内容" min-width="160">
+                                      <template #default="{ row }">
+                                        <el-input v-model="row.content" size="small" placeholder="请输入内容" />
+                                      </template>
+                                    </el-table-column>
+                                    <el-table-column prop="pageNum" label="页码" width="70" align="center">
+                                      <template #default="{ row }">
+                                        <el-link type="primary" @click="locatePmPreview(row.pageNum)">第{{ row.pageNum }}页</el-link>
+                                      </template>
+                                    </el-table-column>
+                                    <el-table-column label="状态" width="90" align="center">
+                                      <template #default="{ row }">
+                                        <el-select v-model="row.verifyStatus" size="small">
+                                          <el-option label="必须核验" value="must" />
+                                          <el-option label="需核验" value="need" />
+                                          <el-option label="已确认" value="confirmed" />
+                                        </el-select>
+                                      </template>
+                                    </el-table-column>
+                                    <el-table-column label="AI识别" width="100" align="center">
+                                      <template #default="{ row, $index }">
+                                        <el-button 
+                                          type="primary" 
+                                          size="small" 
+                                          :loading="row.aiLoading"
+                                          @click="aiRecognizeBusinessInfo(row, $index)"
+                                        >
+                                          <el-icon v-if="!row.aiLoading"><MagicStick /></el-icon>
+                                          识别
+                                        </el-button>
+                                      </template>
+                                    </el-table-column>
+                                    <el-table-column label="操作" width="70" align="center">
+                                      <template #default="{ $index }">
+                                        <el-button type="danger" size="small" link @click="removeBusinessKeyInfo($index)">
+                                          <el-icon><Delete /></el-icon>
+                                        </el-button>
+                                      </template>
+                                    </el-table-column>
+                                  </el-table>
+                                </div>
+                              </div>
+                            </div>
+                            
+                            <!-- 技术信息提取 -->
+                            <div v-if="pmActiveExtractTab === 'technical'" class="pm-tab-panel">
+                              <div class="pm-key-info-section">
+                                <div class="pm-section-header">
+                                  <div class="pm-section-title"><el-icon><Cpu /></el-icon>技术关键信息</div>
+                                  <el-button type="primary" size="small" @click="addTechKeyInfo">
+                                    <el-icon><Plus /></el-icon>添加字段
+                                  </el-button>
+                                </div>
+                                <div class="pm-key-info-table">
+                                  <el-table :data="pmTechKeyInfo" border size="small">
+                                    <el-table-column prop="field" label="字段" width="120">
+                                      <template #default="{ row }">
+                                        <el-input v-model="row.field" size="small" placeholder="请输入字段名" />
+                                      </template>
+                                    </el-table-column>
+                                    <el-table-column prop="content" label="内容" min-width="160">
+                                      <template #default="{ row }">
+                                        <el-input v-model="row.content" size="small" placeholder="请输入内容" />
+                                      </template>
+                                    </el-table-column>
+                                    <el-table-column prop="pageNum" label="页码" width="70" align="center">
+                                      <template #default="{ row }">
+                                        <el-link type="primary" @click="locatePmPreview(row.pageNum)">第{{ row.pageNum }}页</el-link>
+                                      </template>
+                                    </el-table-column>
+                                    <el-table-column label="状态" width="90" align="center">
+                                      <template #default="{ row }">
+                                        <el-select v-model="row.verifyStatus" size="small">
+                                          <el-option label="必须核验" value="must" />
+                                          <el-option label="需核验" value="need" />
+                                          <el-option label="已确认" value="confirmed" />
+                                        </el-select>
+                                      </template>
+                                    </el-table-column>
+                                    <el-table-column label="AI识别" width="100" align="center">
+                                      <template #default="{ row, $index }">
+                                        <el-button 
+                                          type="primary" 
+                                          size="small" 
+                                          :loading="row.aiLoading"
+                                          @click="aiRecognizeTechInfo(row, $index)"
+                                        >
+                                          <el-icon v-if="!row.aiLoading"><MagicStick /></el-icon>
+                                          识别
+                                        </el-button>
+                                      </template>
+                                    </el-table-column>
+                                    <el-table-column label="操作" width="70" align="center">
+                                      <template #default="{ $index }">
+                                        <el-button type="danger" size="small" link @click="removeTechKeyInfo($index)">
+                                          <el-icon><Delete /></el-icon>
+                                        </el-button>
+                                      </template>
+                                    </el-table-column>
+                                  </el-table>
+                                </div>
+                              </div>
+                            </div>
+                            
+                            <!-- 招标要求 -->
+                            <div v-if="pmActiveExtractTab === 'bidding'" class="pm-tab-panel">
+                              <div class="pm-qualification-section">
+                                <div class="pm-section-title"><el-icon><OfficeBuilding /></el-icon>企业资质要求<span class="pm-badge danger">必须满足</span></div>
+                                <div class="pm-requirement-list">
+                                  <div class="pm-requirement-item"><el-icon><Check /></el-icon><span class="label">注册资本：</span><span class="value primary">不低于5000万元人民币</span></div>
+                                  <div class="pm-requirement-item"><el-icon><Check /></el-icon><span class="label">行业资质：</span><span class="value">具备建筑智能化工程专业承包壹级资质</span></div>
+                                  <div class="pm-requirement-item"><el-icon><Check /></el-icon><span class="label">ISO认证：</span><span class="value">需提供ISO 9001质量管理体系认证</span></div>
+                                  <div class="pm-requirement-item"><el-icon><Check /></el-icon><span class="label">业绩要求：</span><span class="value">近三年完成过3个及以上类似项目</span></div>
+                                </div>
+                              </div>
+                              <div class="pm-qualification-section">
+                                <div class="pm-section-title"><el-icon><User /></el-icon>人员资格要求<span class="pm-badge danger">必须满足</span></div>
+                                <div class="pm-requirement-list">
+                                  <div class="pm-requirement-item"><el-icon><Check /></el-icon><span class="label">项目经理：</span><span class="value">具备一级建造师资格（机电工程专业）</span></div>
+                                  <div class="pm-requirement-item"><el-icon><Check /></el-icon><span class="label">技术负责人：</span><span class="value">高级工程师职称，8年以上相关经验</span></div>
+                                  <div class="pm-requirement-item"><el-icon><Check /></el-icon><span class="label">安全员：</span><span class="value">持有有效的安全生产考核合格证</span></div>
+                                </div>
+                              </div>
+                              <div class="pm-qualification-section">
+                                <div class="pm-section-title"><el-icon><Document /></el-icon>文件格式要求<span class="pm-badge danger">必须满足</span></div>
+                                <div class="pm-requirement-list">
+                                  <div class="pm-requirement-item"><el-icon><Check /></el-icon><span class="label">文件构成：</span><span class="value">投标文件须包含商务标书、技术标书和报价单三部分，分别装订</span></div>
+                                  <div class="pm-requirement-item"><el-icon><Check /></el-icon><span class="label">文件格式：</span><span class="value">正本1份(需逐页小签)，副本6份，电子版1份(PDF+WORD)</span></div>
+                                  <div class="pm-requirement-item"><el-icon><Check /></el-icon><span class="label">装订要求：</span><span class="value">采用胶装方式，不得使用活页夹或文件夹</span></div>
+                                </div>
+                              </div>
+                              <div class="pm-qualification-section">
+                                <div class="pm-section-title"><el-icon><Stamp /></el-icon>签名与盖章要求<span class="pm-badge danger">必须满足</span></div>
+                                <div class="pm-requirement-list">
+                                  <div class="pm-requirement-item"><el-icon><Check /></el-icon><span class="label">法定代表人签名：</span><span class="value">授权委托书、投标函等重要文件需法定代表人亲笔签名</span></div>
+                                  <div class="pm-requirement-item"><el-icon><Check /></el-icon><span class="label">公章要求：</span><span class="value primary">所有复印件需加盖公司公章，正本需加盖骑缝章</span></div>
+                                </div>
+                              </div>
+                            </div>
+                            
+                            <!-- 否决项识别 -->
+                            <div v-if="pmActiveExtractTab === 'reject'" class="pm-tab-panel">
+                              <div class="pm-reject-section">
+                                <div class="pm-section-header">
+                                  <div class="pm-section-title"><el-icon><Warning /></el-icon>否决项清单<span class="pm-badge danger">重点关注</span></div>
+                                  <el-button type="primary" size="small" @click="addRejectItem">
+                                    <el-icon><Plus /></el-icon>添加否决项
+                                  </el-button>
+                                </div>
+                                <div class="pm-reject-table">
+                                  <el-table :data="pmRejectItems" border size="small" style="width: 100%">
+                                    <el-table-column prop="name" label="项目名称" min-width="150">
+                                      <template #default="{ row, $index }">
+                                        <el-input v-model="row.name" size="small" placeholder="请输入项目名称" />
+                                      </template>
+                                    </el-table-column>
+                                    <el-table-column prop="type" label="否决类型" width="120">
+                                      <template #default="{ row }">
+                                        <el-select v-model="row.type" size="small" placeholder="选择类型">
+                                          <el-option label="资格类" value="qualification" />
+                                          <el-option label="技术类" value="technical" />
+                                          <el-option label="商务类" value="business" />
+                                          <el-option label="其他" value="other" />
+                                        </el-select>
+                                      </template>
+                                    </el-table-column>
+                                    <el-table-column prop="content" label="否决条款内容" min-width="200">
+                                      <template #default="{ row }">
+                                        <el-input v-model="row.content" size="small" placeholder="请输入否决条款内容" />
+                                      </template>
+                                    </el-table-column>
+                                    <el-table-column prop="pageNum" label="页码" width="80" align="center">
+                                      <template #default="{ row }">
+                                        <el-link type="primary" @click="locatePmPreview(row.pageNum)">第{{ row.pageNum }}页</el-link>
+                                      </template>
+                                    </el-table-column>
+                                    <el-table-column label="AI识别" width="100" align="center">
+                                      <template #default="{ row, $index }">
+                                        <el-button 
+                                          type="primary" 
+                                          size="small" 
+                                          :loading="row.aiLoading"
+                                          @click="aiRecognizeRejectItem(row, $index)"
+                                        >
+                                          <el-icon v-if="!row.aiLoading"><MagicStick /></el-icon>
+                                          识别
+                                        </el-button>
+                                      </template>
+                                    </el-table-column>
+                                    <el-table-column label="操作" width="70" align="center">
+                                      <template #default="{ $index }">
+                                        <el-button type="danger" size="small" link @click="removeRejectItem($index)">
+                                          <el-icon><Delete /></el-icon>
+                                        </el-button>
+                                      </template>
+                                    </el-table-column>
+                                  </el-table>
+                                </div>
+                              </div>
+                            </div>
+                            
+                            <!-- 开标流程 -->
+                            <div v-if="pmActiveExtractTab === 'process'" class="pm-tab-panel">
+                              <div class="pm-timeline">
+                                <div class="pm-timeline-item">
+                                  <div class="pm-timeline-badge">2025-07-01</div>
+                                  <div class="pm-timeline-content">
+                                    <div class="pm-timeline-title">09:30 投标文件递交截止</div>
+                                    <div class="pm-timeline-desc">邮寄地点：公共资源交易中心三楼开标室</div>
+                                  </div>
+                                </div>
+                                <div class="pm-timeline-item">
+                                  <div class="pm-timeline-content">
+                                    <div class="pm-timeline-title">10:00 开标仪式</div>
+                                    <div class="pm-timeline-desc">公开唱标：公布投标人名单</div>
+                                  </div>
+                                </div>
+                                <div class="pm-timeline-item">
+                                  <div class="pm-timeline-badge">2025-07-02 至 2025-07-05</div>
+                                  <div class="pm-timeline-content">
+                                    <div class="pm-timeline-title">评标阶段</div>
+                                    <div class="pm-timeline-desc">评标委员会封闭评标</div>
+                                  </div>
+                                </div>
+                                <div class="pm-timeline-item">
+                                  <div class="pm-timeline-badge">2025-07-06</div>
+                                  <div class="pm-timeline-content">
+                                    <div class="pm-timeline-title">结果公示</div>
+                                    <div class="pm-timeline-desc">在公共资源交易网公示3个工作日</div>
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                            
+                            <!-- 风险分析 -->
+                            <div v-if="pmActiveExtractTab === 'risk'" class="pm-tab-panel">
+                              <div class="pm-qualification-section">
+                                <div class="pm-section-title"><el-icon><Warning /></el-icon>高风险项目<span class="pm-badge warning">需重点关注</span></div>
+                                <div class="pm-requirement-list">
+                                  <div class="pm-requirement-item risk"><el-icon><Warning /></el-icon><span class="label">业绩要求：</span><el-tag type="danger" size="small">高风险</el-tag><span class="value">缺少1个类似项目业绩证明</span></div>
+                                  <div class="pm-requirement-item risk"><el-icon><Warning /></el-icon><span class="label">项目经理：</span><el-tag type="danger" size="small">高风险</el-tag><span class="value">拟派项目经理注册专业不符要求</span></div>
+                                  <div class="pm-requirement-item risk"><el-icon><Warning /></el-icon><span class="label">技术方案：</span><el-tag type="warning" size="small">中风险</el-tag><span class="value">BIM技术应用方案不够详细</span></div>
+                                </div>
+                              </div>
+                              <div class="pm-qualification-section">
+                                <div class="pm-section-title"><el-icon><Check /></el-icon>改进意见<span class="pm-badge success">优化建议</span></div>
+                                <div class="pm-requirement-list">
+                                  <div class="pm-requirement-item"><el-icon><Check /></el-icon><span class="label">业绩要求：</span><span class="value">补充提供智慧城市类项目业绩证明</span></div>
+                                  <div class="pm-requirement-item"><el-icon><Check /></el-icon><span class="label">项目经理：</span><span class="value">更换机电工程专业一级建造师担任项目经理</span></div>
+                                  <div class="pm-requirement-item"><el-icon><Check /></el-icon><span class="label">技术方案：</span><span class="value">增加BIM技术在施工阶段的应用细节</span></div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                          
+                        </div>
+                        
+                        <!-- 右侧：文件预览区域 -->
+                        <div class="pm-extract-right">
+                          <div class="pm-preview-header">
+                            <h5><el-icon><View /></el-icon>招标文件预览</h5>
+                            <div class="pm-preview-tools">
+                              <el-button 
+                                size="small" 
+                                :type="pmIsTranslated ? 'primary' : 'default'"
+                                @click="togglePmTranslation"
+                                :loading="pmTranslating"
+                              >
+                                <el-icon><Grid /></el-icon>
+                                {{ pmIsTranslated ? '显示原文' : '全文翻译' }}
+                              </el-button>
+                              <el-button-group style="margin-left: 8px;">
+                                <el-button size="small" @click="pmZoomOut">
+                                  <el-icon><ZoomOut /></el-icon>
+                                </el-button>
+                                <el-button size="small" @click="pmZoomIn">
+                                  <el-icon><ZoomIn /></el-icon>
+                                </el-button>
+                                <el-button size="small" @click="pmResetZoom">
+                                  <el-icon><Refresh /></el-icon>
+                                </el-button>
+                              </el-button-group>
+                            </div>
+                          </div>
+                          <div class="pm-preview-content" ref="pmPreviewContentRef" :style="{ transform: `scale(${pmPreviewZoom})` }">
+                            <div class="pm-preview-pages">
+                              <div 
+                                v-for="page in pmExtractFileData.pages" 
+                                :key="page" 
+                                :id="`pm-page-${page}`"
+                                class="pm-preview-page"
+                              >
+                                <div class="pm-page-number">第 {{ page }} 页</div>
+                                <div class="pm-page-content">
+                                  <p class="pm-preview-text" v-html="getPmPageContent(page)"></p>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      
+                      <!-- 底部操作按钮 -->
+                      <div class="pm-extract-footer">
+                        <el-button type="primary" @click="confirmPmExtract">
+                          <el-icon><Check /></el-icon>
+                          确认信息并进入下一步
+                        </el-button>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                
+                <!-- 撰写招标文件步骤 -->
+                <div v-else-if="currentStepIndex === 1" class="pm-write-container">
+                  <!-- 未选择投标类型时显示选择界面 -->
+                  <div v-if="!pmWriteType" class="pm-write-type-selection">
+                    <div class="pm-write-type-header">
+                      <h4><el-icon><Edit /></el-icon>选择投标类型</h4>
+                      <p>请选择您要编写的标书类型，不同类型的标书有不同的编写流程</p>
+                    </div>
+                    <div class="pm-write-type-cards">
+                      <div class="pm-write-type-card" @click="selectWriteType('business')">
+                        <div class="pm-type-icon business">
+                          <el-icon><Coin /></el-icon>
+                        </div>
+                        <h5>商务标</h5>
+                        <p>包含企业资质、业绩证明、报价清单等商务内容</p>
+                        <div class="pm-type-steps">
+                          <span>大纲生成</span>
+                          <el-icon><Right /></el-icon>
+                          <span>关联项目匹配</span>
+                          <el-icon><Right /></el-icon>
+                          <span>标书生成</span>
+                        </div>
+                      </div>
+                      <div class="pm-write-type-card" @click="selectWriteType('technical')">
+                        <div class="pm-type-icon technical">
+                          <el-icon><Cpu /></el-icon>
+                        </div>
+                        <h5>技术标</h5>
+                        <p>包含技术方案、施工组织设计、质量保证措施等技术内容</p>
+                        <div class="pm-type-steps">
+                          <span>大纲生成</span>
+                          <el-icon><Right /></el-icon>
+                          <span>关联项目匹配</span>
+                          <el-icon><Right /></el-icon>
+                          <span>技术项生成</span>
+                          <el-icon><Right /></el-icon>
+                          <span>标书生成</span>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  
+                  <!-- 已选择投标类型后显示编写流程 -->
+                  <div v-else class="pm-write-workflow">
+                    <!-- 顶部：类型切换和进度节点 -->
+                    <div class="pm-write-header">
+                      <div class="pm-write-type-badge" :class="pmWriteType">
+                        <el-icon><Coin v-if="pmWriteType === 'business'" /><Cpu v-else /></el-icon>
+                        {{ pmWriteType === 'business' ? '商务标' : '技术标' }}
+                        <el-button type="primary" link size="small" @click="pmWriteType = null">
+                          <el-icon><Refresh /></el-icon>切换类型
+                        </el-button>
+                      </div>
+                      <div class="pm-write-progress-nodes">
+                        <div 
+                          v-for="(step, idx) in currentWriteSteps" 
+                          :key="step.key"
+                          class="pm-write-node"
+                          :class="{ 
+                            active: pmWriteStepIndex === idx, 
+                            completed: idx < pmWriteStepIndex,
+                            clickable: idx <= pmWriteStepIndex
+                          }"
+                          @click="idx <= pmWriteStepIndex && (pmWriteStepIndex = idx)"
+                        >
+                          <div class="pm-node-dot">
+                            <el-icon v-if="idx < pmWriteStepIndex"><Check /></el-icon>
+                            <span v-else>{{ idx + 1 }}</span>
+                          </div>
+                          <span class="pm-node-text">{{ step.title }}</span>
+                          <div v-if="idx < currentWriteSteps.length - 1" class="pm-node-line"></div>
+                        </div>
+                      </div>
+                    </div>
+                    
+                    <!-- 三分栏内容区域（仅在标书生成步骤显示） -->
+                    <div v-if="currentWriteSteps[pmWriteStepIndex]?.key === 'generate'" class="pm-write-three-column">
+                      <!-- 左侧：大纲导航（1/5宽度） -->
+                      <div class="pm-column-left">
+                        <div class="pm-column-header">
+                          <h5><el-icon><List /></el-icon>标书大纲</h5>
+                        </div>
+                        <div class="pm-outline-nav">
+                          <el-tree
+                            :data="pmOutlineData"
+                            node-key="id"
+                            default-expand-all
+                            :highlight-current="true"
+                            @node-click="handleOutlineNodeClick"
+                          >
+                            <template #default="{ data }">
+                              <span class="pm-outline-nav-item" :class="{ active: pmCurrentOutlineId === data.id }">
+                                {{ data.title }}
+                              </span>
+                            </template>
+                          </el-tree>
+                        </div>
+                      </div>
+                      
+                      <!-- 中间：标书编辑区（2/5宽度） -->
+                      <div class="pm-column-middle">
+                        <div class="pm-column-header">
+                          <h5><el-icon><Document /></el-icon>标书内容编辑</h5>
+                          <div class="pm-editor-toolbar">
+                            <el-select v-model="pmEditorFontFamily" size="small" style="width: 100px;">
+                              <el-option label="宋体" value="SimSun" />
+                              <el-option label="黑体" value="SimHei" />
+                              <el-option label="微软雅黑" value="Microsoft YaHei" />
+                              <el-option label="楷体" value="KaiTi" />
+                            </el-select>
+                            <el-select v-model="pmEditorFontSize" size="small" style="width: 70px;">
+                              <el-option label="12" :value="12" />
+                              <el-option label="14" :value="14" />
+                              <el-option label="16" :value="16" />
+                              <el-option label="18" :value="18" />
+                              <el-option label="20" :value="20" />
+                              <el-option label="24" :value="24" />
+                            </el-select>
+                            <el-button-group>
+                              <el-button size="small" :type="pmEditorBold ? 'primary' : 'default'" @click="pmEditorBold = !pmEditorBold">
+                                <b>B</b>
+                              </el-button>
+                              <el-button size="small" :type="pmEditorItalic ? 'primary' : 'default'" @click="pmEditorItalic = !pmEditorItalic">
+                                <i>I</i>
+                              </el-button>
+                              <el-button size="small" :type="pmEditorUnderline ? 'primary' : 'default'" @click="pmEditorUnderline = !pmEditorUnderline">
+                                <u>U</u>
+                              </el-button>
+                            </el-button-group>
+                            <el-button-group>
+                              <el-button size="small" :type="pmEditorAlign === 'left' ? 'primary' : 'default'" @click="pmEditorAlign = 'left'" title="左对齐">
+                                <span style="font-size: 12px;">左</span>
+                              </el-button>
+                              <el-button size="small" :type="pmEditorAlign === 'center' ? 'primary' : 'default'" @click="pmEditorAlign = 'center'" title="居中">
+                                <span style="font-size: 12px;">中</span>
+                              </el-button>
+                              <el-button size="small" :type="pmEditorAlign === 'right' ? 'primary' : 'default'" @click="pmEditorAlign = 'right'" title="右对齐">
+                                <span style="font-size: 12px;">右</span>
+                              </el-button>
+                            </el-button-group>
+                          </div>
+                        </div>
+                        <div class="pm-editor-content">
+                          <div class="pm-document-paper">
+                            <div 
+                              class="pm-document-title"
+                              contenteditable="true"
+                              @input="updateDocumentTitle"
+                            >{{ pmDocumentTitle }}</div>
+                            <div 
+                              class="pm-document-body"
+                              contenteditable="true"
+                              :style="{
+                                fontFamily: pmEditorFontFamily,
+                                fontSize: pmEditorFontSize + 'px',
+                                fontWeight: pmEditorBold ? 'bold' : 'normal',
+                                fontStyle: pmEditorItalic ? 'italic' : 'normal',
+                                textDecoration: pmEditorUnderline ? 'underline' : 'none',
+                                textAlign: pmEditorAlign
+                              }"
+                              @input="updateDocumentContent"
+                            >{{ pmDocumentContent }}</div>
+                          </div>
+                        </div>
+                        <div class="pm-editor-footer">
+                          <el-button type="primary" @click="saveDocument">
+                            <el-icon><Check /></el-icon>保存文档
+                          </el-button>
+                          <el-button @click="exportDocument">
+                            <el-icon><Download /></el-icon>导出Word
+                          </el-button>
+                        </div>
+                      </div>
+                      
+                      <!-- 右侧：AI助手（2/5宽度） -->
+                      <div class="pm-column-right">
+                        <div class="pm-column-header">
+                          <h5><el-icon><ChatDotRound /></el-icon>AI标书助手</h5>
+                        </div>
+                        <div class="pm-ai-chat">
+                          <div class="pm-chat-messages" ref="chatMessagesRef">
+                            <div 
+                              v-for="(msg, idx) in pmChatMessages" 
+                              :key="idx" 
+                              class="pm-chat-message"
+                              :class="msg.role"
+                            >
+                              <div class="pm-message-avatar">
+                                <el-icon v-if="msg.role === 'assistant'"><Service /></el-icon>
+                                <el-icon v-else><User /></el-icon>
+                              </div>
+                              <div class="pm-message-content">
+                                <div class="pm-message-text">{{ msg.content }}</div>
+                                <div class="pm-message-time">{{ msg.time }}</div>
+                              </div>
+                            </div>
+                            <div v-if="pmAiTyping" class="pm-chat-message assistant">
+                              <div class="pm-message-avatar">
+                                <el-icon><Service /></el-icon>
+                              </div>
+                              <div class="pm-message-content">
+                                <div class="pm-message-text pm-typing">
+                                  <span></span><span></span><span></span>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                          <div class="pm-chat-input">
+                            <el-input
+                              v-model="pmChatInput"
+                              type="textarea"
+                              :rows="3"
+                              placeholder="输入您的问题，AI助手将帮您优化标书内容..."
+                              @keydown.enter.ctrl="sendChatMessage"
+                            />
+                            <div class="pm-chat-actions">
+                              <span class="pm-chat-tip">Ctrl + Enter 发送</span>
+                              <el-button type="primary" @click="sendChatMessage" :loading="pmAiTyping">
+                                <el-icon><Promotion /></el-icon>发送
+                              </el-button>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    
+                    <!-- 步骤内容区域（大纲生成和关联项目匹配步骤显示） -->
+                    <div v-if="currentWriteSteps[pmWriteStepIndex]?.key !== 'generate'" class="pm-write-content">
+                      <!-- 大纲生成步骤 -->
+                      <div v-if="currentWriteSteps[pmWriteStepIndex]?.key === 'outline'" class="pm-write-step-content">
+                        <div class="pm-write-body">
+                          <!-- 左侧：大纲编辑 -->
+                          <div class="pm-write-left">
+                            <div class="pm-outline-header">
+                              <h5><el-icon><List /></el-icon>大纲编辑</h5>
+                              <div class="pm-outline-actions">
+                                <el-button size="small" type="primary" @click="autoGenerateOutline">
+                                  <el-icon><MagicStick /></el-icon>自动生成
+                                </el-button>
+                                <el-button size="small" @click="addOutlineItem(null)">
+                                  <el-icon><Plus /></el-icon>添加章节
+                                </el-button>
+                              </div>
+                            </div>
+                            <div class="pm-outline-tree">
+                              <el-tree
+                                ref="outlineTreeRef"
+                                :data="pmOutlineData"
+                                node-key="id"
+                                default-expand-all
+                                draggable
+                                :expand-on-click-node="false"
+                              >
+                                <template #default="{ node, data }">
+                                  <div class="pm-outline-node">
+                                    <span class="pm-outline-title">{{ data.title }}</span>
+                                    <div class="pm-outline-node-actions">
+                                      <el-button link size="small" @click.stop="editOutlineItem(data)">
+                                        <el-icon><Edit /></el-icon>
+                                      </el-button>
+                                      <el-button link size="small" @click.stop="addOutlineItem(data)">
+                                        <el-icon><Plus /></el-icon>
+                                      </el-button>
+                                      <el-button link size="small" type="danger" @click.stop="deleteOutlineItem(node, data)">
+                                        <el-icon><Delete /></el-icon>
+                                      </el-button>
+                                    </div>
+                                  </div>
+                                </template>
+                              </el-tree>
+                            </div>
+                          </div>
+                          
+                          <!-- 右侧：招标原文预览 -->
+                          <div class="pm-write-right">
+                            <div class="pm-preview-header">
+                              <h5><el-icon><View /></el-icon>招标文件预览</h5>
+                              <div class="pm-preview-tools">
+                                <el-button size="small" :type="pmWritePreviewTranslated ? 'primary' : 'default'" @click="pmWritePreviewTranslated = !pmWritePreviewTranslated">
+                                  <el-icon><Grid /></el-icon>
+                                  {{ pmWritePreviewTranslated ? '显示原文' : '全文翻译' }}
+                                </el-button>
+                                <el-button-group style="margin-left: 8px;">
+                                  <el-button size="small" @click="pmWritePreviewZoom = Math.max(0.5, pmWritePreviewZoom - 0.1)"><el-icon><ZoomOut /></el-icon></el-button>
+                                  <el-button size="small" @click="pmWritePreviewZoom = Math.min(2, pmWritePreviewZoom + 0.1)"><el-icon><ZoomIn /></el-icon></el-button>
+                                  <el-button size="small" @click="pmWritePreviewZoom = 1"><el-icon><Refresh /></el-icon></el-button>
+                                </el-button-group>
+                              </div>
+                            </div>
+                            <div class="pm-preview-content" :style="{ transform: `scale(${pmWritePreviewZoom})` }">
+                              <div class="pm-preview-pages">
+                                <div v-for="page in 3" :key="page" class="pm-preview-page">
+                                  <div class="pm-page-number">第 {{ page }} 页</div>
+                                  <div class="pm-page-content">
+                                    <p class="pm-preview-text" v-html="getPmPageContent(page)"></p>
+                                  </div>
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="pm-write-step-footer">
+                          <el-button type="primary" @click="pmWriteStepIndex++">
+                            下一步：关联项目匹配
+                            <el-icon><Right /></el-icon>
+                          </el-button>
+                        </div>
+                      </div>
+                      
+                      <!-- 材料智能匹配填充步骤 -->
+                      <div v-else-if="currentWriteSteps[pmWriteStepIndex]?.key === 'match'" class="pm-write-step-content">
+                        <div class="pm-material-match-container">
+                          <!-- 头部标题 -->
+                          <div class="pm-material-header">
+                            <h4><el-icon><Link /></el-icon>材料智能匹配填充</h4>
+                            <p>自动检索知识库中企业资质、财务报表等资料，自动提取并适应模板并填充全部信息</p>
+                          </div>
+                          
+                          <!-- 筛选条件 -->
+                          <div class="pm-material-filter">
+                            <div class="pm-filter-label">
+                              <el-icon><Filter /></el-icon>
+                              应用资料范围
+                            </div>
+                            <div class="pm-filter-controls">
+                              <el-select v-model="pmMaterialRegion" placeholder="选择地域" style="width: 140px;" clearable>
+                                <el-option label="江西省" value="jiangxi" />
+                                <el-option label="广东省" value="guangdong" />
+                                <el-option label="浙江省" value="zhejiang" />
+                              </el-select>
+                              <el-select v-model="pmMaterialIndustry" placeholder="选择行业" style="width: 140px;" clearable>
+                                <el-option label="智慧城市" value="smart_city" />
+                                <el-option label="信息化" value="it" />
+                                <el-option label="市政工程" value="municipal" />
+                              </el-select>
+                              <el-select v-model="pmMaterialYear" placeholder="选择年份" style="width: 140px;" clearable>
+                                <el-option label="2024" value="2024" />
+                                <el-option label="2023" value="2023" />
+                                <el-option label="2022" value="2022" />
+                              </el-select>
+                              <el-button type="primary" plain @click="handleMaterialMatch">
+                                <el-icon><Search /></el-icon>智能匹配
+                              </el-button>
+                              <el-button type="success" @click="handleMaterialApplyAll">
+                                <el-icon><Check /></el-icon>一键应用
+                              </el-button>
+                            </div>
+                          </div>
+                          
+                          <!-- 材料项列表 -->
+                          <div class="pm-material-list">
+                            <div class="pm-material-item" v-for="(item, idx) in pmMaterialItems" :key="idx">
+                              <div class="pm-material-item-header">
+                                <div class="pm-material-title">{{ idx + 1 }}. {{ item.title }}</div>
+                                <div class="pm-material-actions">
+                                  <el-button size="small" plain @click="handleItemMatch(item)">
+                                    <el-icon><Search /></el-icon>智能匹配
+                                  </el-button>
+                                  <el-button size="small" plain @click="handleAddFile(item)">
+                                    <el-icon><Plus /></el-icon>添加文件
+                                  </el-button>
+                                  <el-button size="small" type="success" @click="handleItemApply(item)">
+                                    <el-icon><Check /></el-icon>一键应用
+                                  </el-button>
+                                </div>
+                              </div>
+                              <div class="pm-material-item-content">
+                                <div v-if="item.files && item.files.length > 0" class="pm-material-files">
+                                  <div class="pm-file-tag" v-for="(file, fIdx) in item.files" :key="fIdx">
+                                    <span class="pm-file-tag-content" @click="previewMaterialFile(file)">
+                                      <el-icon><Document /></el-icon>
+                                      {{ file.name }}
+                                    </span>
+                                    <el-icon class="pm-file-close" @click.stop="removeFile(item, fIdx)"><Close /></el-icon>
+                                  </div>
+                                </div>
+                                <div v-else class="pm-material-empty">
+                                  暂无匹配材料，请点击"智能匹配"或"添加文件"
+                                </div>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        
+                        <!-- 底部按钮 -->
+                        <div class="pm-write-step-footer pm-footer-between">
+                          <el-button @click="pmWriteStepIndex--">
+                            <el-icon><ArrowLeft /></el-icon>上一步
+                          </el-button>
+                          <el-button type="primary" @click="pmWriteStepIndex++">
+                            下一步
+                            <el-icon><Right /></el-icon>
+                          </el-button>
+                        </div>
+                        
+                        <!-- 添加文件弹窗 -->
+                        <el-dialog v-model="pmAddFileDialogVisible" title="添加文件" width="700px">
+                          <template #header>
+                            <div class="pm-dialog-header">
+                              <span>添加</span>
+                              <span class="pm-dialog-subtitle">为"{{ pmCurrentMaterialItem?.title }}"选择文件</span>
+                            </div>
+                          </template>
+                          <div class="pm-add-file-content">
+                            <div class="pm-file-upload-area">
+                              <el-upload
+                                drag
+                                action="#"
+                                :auto-upload="false"
+                                :on-change="handleMaterialFileUpload"
+                              >
+                                <el-icon class="pm-upload-icon"><Upload /></el-icon>
+                                <div class="pm-upload-text">拖拽文件到此处或 <span class="pm-upload-link">点击上传</span></div>
+                                <div class="pm-upload-tip">支持 PDF、Word、Excel、图片等格式，可同时上传多个文件</div>
+                              </el-upload>
+                            </div>
+                            <div class="pm-file-filter">
+                              <el-select v-model="pmFileFilterRegion" placeholder="地域" style="width: 100px;" size="small" clearable>
+                                <el-option label="江西省" value="jiangxi" />
+                              </el-select>
+                              <el-select v-model="pmFileFilterIndustry" placeholder="行业" style="width: 100px;" size="small" clearable>
+                                <el-option label="智慧城市" value="smart_city" />
+                              </el-select>
+                              <el-select v-model="pmFileFilterYear" placeholder="年份" style="width: 100px;" size="small" clearable>
+                                <el-option label="2024" value="2024" />
+                              </el-select>
+                              <el-button type="primary" size="small">
+                                <el-icon><Search /></el-icon>检索
+                              </el-button>
+                            </div>
+                            <el-table :data="pmKnowledgeFiles" style="width: 100%;" max-height="300" @selection-change="handleMaterialFileSelect">
+                              <el-table-column type="selection" width="40" />
+                              <el-table-column label="文件名" prop="name" min-width="200">
+                                <template #default="{ row }">
+                                  <div class="pm-file-name-cell">
+                                    <el-icon><Document /></el-icon>
+                                    <span>{{ row.name }}</span>
+                                  </div>
+                                </template>
+                              </el-table-column>
+                              <el-table-column label="分类" prop="category" width="100">
+                                <template #default="{ row }">
+                                  <el-tag size="small" :type="row.categoryType">{{ row.category }}</el-tag>
+                                </template>
+                              </el-table-column>
+                              <el-table-column label="地域" prop="region" width="80" />
+                              <el-table-column label="年份" prop="year" width="60" />
+                              <el-table-column label="操作" width="60">
+                                <template #default="{ row }">
+                                  <el-button link type="primary" size="small" @click="previewFile(row)">查阅</el-button>
+                                </template>
+                              </el-table-column>
+                            </el-table>
+                          </div>
+                          <template #footer>
+                            <el-button @click="pmAddFileDialogVisible = false">取消</el-button>
+                            <el-button type="primary" @click="confirmAddMaterialFiles" :disabled="pmSelectedFiles.length === 0">
+                              <el-icon><Plus /></el-icon>添加选中文件 ({{ pmSelectedFiles.length }})
+                            </el-button>
+                          </template>
+                        </el-dialog>
+                        
+                        <!-- 文件预览弹窗 -->
+                        <el-dialog v-model="pmFilePreviewVisible" :title="'预览: ' + (pmPreviewingFile?.name || '')" width="600px">
+                          <div class="pm-file-preview-content">
+                            <div class="pm-preview-meta">
+                              <el-tag size="small" type="danger">{{ pmPreviewingFile?.fileType }}</el-tag>
+                              <span>文件大小: {{ pmPreviewingFile?.fileSize }}</span>
+                              <span>上传时间: {{ pmPreviewingFile?.uploadTime }}</span>
+                            </div>
+                            
+                            <div v-if="pmPreviewingFile?.details" class="pm-preview-details">
+                              <div class="pm-preview-icon">
+                                <el-icon style="font-size: 48px; color: #ef4444;"><Document /></el-icon>
+                              </div>
+                              <h4 style="color: #ef4444; text-align: center;">{{ pmPreviewingFile.details.title }}</h4>
+                              <div class="pm-preview-info-list">
+                                <div v-if="pmPreviewingFile.details.code" class="pm-preview-info-item">
+                                  <span class="pm-info-label">编号/代码：</span>
+                                  <span class="pm-info-value">{{ pmPreviewingFile.details.code }}</span>
+                                </div>
+                                <div v-if="pmPreviewingFile.details.company" class="pm-preview-info-item">
+                                  <span class="pm-info-label">企业名称：</span>
+                                  <span class="pm-info-value">{{ pmPreviewingFile.details.company }}</span>
+                                </div>
+                                <div v-if="pmPreviewingFile.details.type" class="pm-preview-info-item">
+                                  <span class="pm-info-label">类型：</span>
+                                  <span class="pm-info-value">{{ pmPreviewingFile.details.type }}</span>
+                                </div>
+                                <div v-if="pmPreviewingFile.details.level" class="pm-preview-info-item">
+                                  <span class="pm-info-label">资质等级：</span>
+                                  <span class="pm-info-value">{{ pmPreviewingFile.details.level }}</span>
+                                </div>
+                                <div v-if="pmPreviewingFile.details.legalPerson" class="pm-preview-info-item">
+                                  <span class="pm-info-label">法定代表人：</span>
+                                  <span class="pm-info-value">{{ pmPreviewingFile.details.legalPerson }}</span>
+                                </div>
+                                <div v-if="pmPreviewingFile.details.capital" class="pm-preview-info-item">
+                                  <span class="pm-info-label">注册资本：</span>
+                                  <span class="pm-info-value">{{ pmPreviewingFile.details.capital }}</span>
+                                </div>
+                                <div v-if="pmPreviewingFile.details.establishDate" class="pm-preview-info-item">
+                                  <span class="pm-info-label">成立日期：</span>
+                                  <span class="pm-info-value">{{ pmPreviewingFile.details.establishDate }}</span>
+                                </div>
+                                <div v-if="pmPreviewingFile.details.issueDate" class="pm-preview-info-item">
+                                  <span class="pm-info-label">发证日期：</span>
+                                  <span class="pm-info-value">{{ pmPreviewingFile.details.issueDate }}</span>
+                                </div>
+                                <div v-if="pmPreviewingFile.details.validPeriod" class="pm-preview-info-item">
+                                  <span class="pm-info-label">有效期限：</span>
+                                  <span class="pm-info-value">{{ pmPreviewingFile.details.validPeriod }}</span>
+                                </div>
+                              </div>
+                            </div>
+                            
+                            <div v-else class="pm-preview-placeholder">
+                              <el-icon style="font-size: 64px; color: #9ca3af;"><Document /></el-icon>
+                              <p>{{ pmPreviewingFile?.name }}</p>
+                              <p class="pm-preview-tip">文件预览功能开发中...</p>
+                            </div>
+                          </div>
+                          <template #footer>
+                            <el-button @click="pmFilePreviewVisible = false">关闭</el-button>
+                            <el-button type="primary" @click="downloadMaterialFile">
+                              <el-icon><Download /></el-icon>下载文件
+                            </el-button>
+                          </template>
+                        </el-dialog>
+                      </div>
+                      
+                      <!-- 技术项生成步骤（仅技术标） -->
+                      <div v-else-if="currentWriteSteps[pmWriteStepIndex]?.key === 'techGen'" class="pm-write-step-content">
+                        <div class="pm-tech-gen-container">
+                          <div class="pm-tech-gen-header">
+                            <h5><el-icon><Cpu /></el-icon>技术项内容生成</h5>
+                            <p>根据大纲和匹配的项目，自动生成技术方案内容</p>
+                          </div>
+                          <div class="pm-tech-sections">
+                            <div class="pm-tech-section" v-for="(section, idx) in pmTechSections" :key="idx">
+                              <div class="pm-tech-section-header">
+                                <span class="pm-tech-section-title">{{ section.title }}</span>
+                                <el-tag :type="section.status === 'done' ? 'success' : section.status === 'generating' ? 'warning' : 'info'" size="small">
+                                  {{ section.status === 'done' ? '已生成' : section.status === 'generating' ? '生成中' : '待生成' }}
+                                </el-tag>
+                              </div>
+                              <div class="pm-tech-section-progress">
+                                <el-progress :percentage="section.progress" :status="section.status === 'done' ? 'success' : ''"></el-progress>
+                              </div>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="pm-write-step-footer">
+                          <el-button @click="pmWriteStepIndex--">
+                            <el-icon><ArrowLeft /></el-icon>上一步
+                          </el-button>
+                          <el-button type="primary" @click="pmWriteStepIndex++">
+                            下一步：标书样式
+                            <el-icon><Right /></el-icon>
+                          </el-button>
+                        </div>
+                      </div>
+                      
+                      <!-- 标书样式步骤 -->
+                      <div v-else-if="currentWriteSteps[pmWriteStepIndex]?.key === 'style'" class="pm-write-step-content">
+                        <div class="pm-style-container">
+                          <div class="pm-style-header">
+                            <h5><el-icon><Setting /></el-icon>标书样式设置</h5>
+                            <p>配置标书文档的字体、字号、对齐方式等格式规范</p>
+                          </div>
+                          
+                          <!-- 标题层级样式 -->
+                          <div class="pm-style-section">
+                            <div class="pm-style-section-header">
+                              <span class="pm-style-section-title">标题层级</span>
+                              <el-button type="primary" size="small" @click="addTitleStyle">
+                                <el-icon><Plus /></el-icon>添加
+                              </el-button>
+                            </div>
+                            <el-table :data="pmTitleStyles" border size="small" class="pm-style-table">
+                              <el-table-column prop="level" label="层级" width="160">
+                                <template #default="{ row }">
+                                  <el-input v-model="row.level" size="small" placeholder="请输入层级" />
+                                </template>
+                              </el-table-column>
+                              <el-table-column prop="font" label="字体" width="120">
+                                <template #default="{ row }">
+                                  <el-select v-model="row.font" size="small">
+                                    <el-option label="方正小标宋" value="方正小标宋" />
+                                    <el-option label="黑体" value="黑体" />
+                                    <el-option label="宋体" value="宋体" />
+                                    <el-option label="仿宋" value="仿宋" />
+                                    <el-option label="仿宋_GB2312" value="仿宋_GB2312" />
+                                    <el-option label="楷体" value="楷体" />
+                                  </el-select>
+                                </template>
+                              </el-table-column>
+                              <el-table-column prop="size" label="字号" width="100">
+                                <template #default="{ row }">
+                                  <el-select v-model="row.size" size="small">
+                                    <el-option label="一号" value="一号" />
+                                    <el-option label="小一" value="小一" />
+                                    <el-option label="二号" value="二号" />
+                                    <el-option label="小二" value="小二" />
+                                    <el-option label="三号" value="三号" />
+                                    <el-option label="小三" value="小三" />
+                                    <el-option label="四号" value="四号" />
+                                    <el-option label="小四" value="小四" />
+                                    <el-option label="五号" value="五号" />
+                                    <el-option label="小五" value="小五" />
+                                  </el-select>
+                                </template>
+                              </el-table-column>
+                              <el-table-column prop="align" label="对齐" width="100">
+                                <template #default="{ row }">
+                                  <el-select v-model="row.align" size="small">
+                                    <el-option label="居中" value="居中" />
+                                    <el-option label="左对齐" value="左对齐" />
+                                    <el-option label="右对齐" value="右对齐" />
+                                    <el-option label="两端对齐" value="两端对齐" />
+                                  </el-select>
+                                </template>
+                              </el-table-column>
+                              <el-table-column prop="bold" label="加粗" width="80">
+                                <template #default="{ row }">
+                                  <el-select v-model="row.bold" size="small">
+                                    <el-option label="是" value="是" />
+                                    <el-option label="否" value="否" />
+                                  </el-select>
+                                </template>
+                              </el-table-column>
+                              <el-table-column prop="special" label="特殊格式" min-width="140">
+                                <template #default="{ row }">
+                                  <el-input v-model="row.special" size="small" placeholder="特殊格式" />
+                                </template>
+                              </el-table-column>
+                              <el-table-column label="操作" width="60" align="center">
+                                <template #default="{ $index }">
+                                  <el-button type="danger" size="small" link @click="removeTitleStyle($index)">
+                                    <el-icon><Delete /></el-icon>
+                                  </el-button>
+                                </template>
+                              </el-table-column>
+                            </el-table>
+                          </div>
+                          
+                          <!-- 正文内容样式 -->
+                          <div class="pm-style-section">
+                            <div class="pm-style-section-header">
+                              <span class="pm-style-section-title">正文内容</span>
+                              <el-button type="primary" size="small" @click="addContentStyle">
+                                <el-icon><Plus /></el-icon>添加
+                              </el-button>
+                            </div>
+                            <el-table :data="pmContentStyles" border size="small" class="pm-style-table">
+                              <el-table-column prop="type" label="内容类型" width="120">
+                                <template #default="{ row }">
+                                  <el-input v-model="row.type" size="small" placeholder="请输入类型" />
+                                </template>
+                              </el-table-column>
+                              <el-table-column prop="font" label="字体" width="120">
+                                <template #default="{ row }">
+                                  <el-select v-model="row.font" size="small">
+                                    <el-option label="方正小标宋" value="方正小标宋" />
+                                    <el-option label="黑体" value="黑体" />
+                                    <el-option label="宋体" value="宋体" />
+                                    <el-option label="仿宋" value="仿宋" />
+                                    <el-option label="仿宋_GB2312" value="仿宋_GB2312" />
+                                    <el-option label="楷体" value="楷体" />
+                                  </el-select>
+                                </template>
+                              </el-table-column>
+                              <el-table-column prop="size" label="字号" width="100">
+                                <template #default="{ row }">
+                                  <el-select v-model="row.size" size="small">
+                                    <el-option label="四号" value="四号" />
+                                    <el-option label="小四" value="小四" />
+                                    <el-option label="五号" value="五号" />
+                                    <el-option label="小五" value="小五" />
+                                    <el-option label="六号" value="六号" />
+                                  </el-select>
+                                </template>
+                              </el-table-column>
+                              <el-table-column prop="align" label="对齐" width="100">
+                                <template #default="{ row }">
+                                  <el-select v-model="row.align" size="small">
+                                    <el-option label="居中" value="居中" />
+                                    <el-option label="左对齐" value="左对齐" />
+                                    <el-option label="右对齐" value="右对齐" />
+                                    <el-option label="两端对齐" value="两端对齐" />
+                                  </el-select>
+                                </template>
+                              </el-table-column>
+                              <el-table-column prop="bold" label="加粗" width="80">
+                                <template #default="{ row }">
+                                  <el-select v-model="row.bold" size="small">
+                                    <el-option label="是" value="是" />
+                                    <el-option label="否" value="否" />
+                                  </el-select>
+                                </template>
+                              </el-table-column>
+                              <el-table-column prop="special" label="特殊格式" min-width="140">
+                                <template #default="{ row }">
+                                  <el-input v-model="row.special" size="small" placeholder="特殊格式" />
+                                </template>
+                              </el-table-column>
+                              <el-table-column label="操作" width="60" align="center">
+                                <template #default="{ $index }">
+                                  <el-button type="danger" size="small" link @click="removeContentStyle($index)">
+                                    <el-icon><Delete /></el-icon>
+                                  </el-button>
+                                </template>
+                              </el-table-column>
+                            </el-table>
+                          </div>
+                        </div>
+                        <div class="pm-write-step-footer">
+                          <el-button @click="pmWriteStepIndex--">
+                            <el-icon><ArrowLeft /></el-icon>上一步
+                          </el-button>
+                          <el-button type="primary" @click="pmWriteStepIndex++">
+                            下一步：标书生成
+                            <el-icon><Right /></el-icon>
+                          </el-button>
+                        </div>
+                      </div>
+                      
+                      <!-- 标书生成步骤 -->
+                      <div v-else-if="currentWriteSteps[pmWriteStepIndex]?.key === 'generate'" class="pm-write-step-content">
+                        <div class="pm-generate-container">
+                          <div class="pm-generate-header">
+                            <h5><el-icon><Document /></el-icon>标书文件生成</h5>
+                            <p>系统正在整合所有内容，生成完整的标书文件</p>
+                          </div>
+                          <div class="pm-generate-preview">
+                            <div class="pm-generate-doc">
+                              <el-icon class="pm-doc-icon"><Document /></el-icon>
+                              <div class="pm-doc-info">
+                                <span class="pm-doc-name">{{ pmWriteType === 'business' ? '商务标书' : '技术标书' }}_智慧园区项目.docx</span>
+                                <span class="pm-doc-size">预计大小：2.5MB</span>
+                              </div>
+                            </div>
+                            <div class="pm-generate-actions">
+                              <el-button type="primary" @click="generateDocument">
+                                <el-icon><Download /></el-icon>生成并下载
+                              </el-button>
+                              <el-button @click="previewDocument">
+                                <el-icon><View /></el-icon>在线预览
+                              </el-button>
+                            </div>
+                          </div>
+                        </div>
+                        <div class="pm-write-step-footer">
+                          <el-button @click="pmWriteStepIndex--">
+                            <el-icon><ArrowLeft /></el-icon>上一步
+                          </el-button>
+                          <el-button type="success" @click="completeWriteStep">
+                            <el-icon><Check /></el-icon>完成并进入下一阶段
+                          </el-button>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                
+                <!-- 开标步骤 -->
+                <div v-else-if="currentStepIndex === 3" class="pm-step-bid-opening">
+                  <div class="pm-bid-opening-card">
+                    <!-- 顶部：开标时间和状态 -->
+                    <div class="pm-bid-opening-header">
+                      <div class="pm-bid-time-info">
+                        <div class="pm-bid-time-label">
+                          <el-icon><Clock /></el-icon>
+                          <span>开标时间</span>
+                        </div>
+                        <div class="pm-bid-time-value">{{ bidOpeningInfo.openTime }}</div>
+                      </div>
+                      <div class="pm-bid-status">
+                        <el-tag 
+                          :type="bidOpeningInfo.status === 'completed' ? 'success' : bidOpeningInfo.status === 'ongoing' ? 'warning' : 'info'" 
+                          size="large"
+                        >
+                          <el-icon v-if="bidOpeningInfo.status === 'waiting'"><Clock /></el-icon>
+                          <el-icon v-else-if="bidOpeningInfo.status === 'ongoing'"><Loading /></el-icon>
+                          <el-icon v-else><Check /></el-icon>
+                          {{ bidOpeningInfo.status === 'completed' ? '已开标' : bidOpeningInfo.status === 'ongoing' ? '开标进行中' : '等待开标' }}
+                          <span v-if="bidOpeningInfo.status === 'waiting'" class="countdown">({{ bidOpeningCountdown }})</span>
+                        </el-tag>
+                      </div>
+                    </div>
+                    
+                    <!-- 中部：开标信息 -->
+                    <div class="pm-bid-opening-info">
+                      <div class="pm-bid-info-item">
+                        <div class="pm-bid-info-icon location">
+                          <el-icon><OfficeBuilding /></el-icon>
+                        </div>
+                        <div class="pm-bid-info-content">
+                          <span class="label">开标地点</span>
+                          <span class="value">{{ bidOpeningInfo.location }}</span>
+                        </div>
+                      </div>
+                      <div class="pm-bid-info-item">
+                        <div class="pm-bid-info-icon online">
+                          <el-icon><Link /></el-icon>
+                        </div>
+                        <div class="pm-bid-info-content">
+                          <span class="label">线上参会</span>
+                          <a class="value link" :href="bidOpeningInfo.onlineLink" target="_blank">{{ bidOpeningInfo.onlineLink }}</a>
+                        </div>
+                      </div>
+                      <div class="pm-bid-info-item">
+                        <div class="pm-bid-info-icon person">
+                          <el-icon><User /></el-icon>
+                        </div>
+                        <div class="pm-bid-info-content">
+                          <span class="label">我方代表</span>
+                          <span class="value">
+                            {{ bidOpeningInfo.representative }}
+                            <el-tag v-if="bidOpeningInfo.authUploaded" type="success" size="small">授权委托书已上传</el-tag>
+                            <el-tag v-else type="danger" size="small">授权委托书未上传</el-tag>
+                          </span>
+                        </div>
+                      </div>
+                    </div>
+                    
+                    <!-- 底部：开标结果（开标完成后显示） -->
+                    <div v-if="bidOpeningInfo.status === 'completed'" class="pm-bid-opening-result">
+                      <div class="pm-bid-result-header">
+                        <h4>
+                          <el-icon><TrendCharts /></el-icon>
+                          开标结果
+                        </h4>
+                        <el-button type="primary" text>
+                          <el-icon><Download /></el-icon>
+                          下载开标记录
+                        </el-button>
+                      </div>
+                      <el-table :data="bidOpeningInfo.results" stripe style="width: 100%">
+                        <el-table-column prop="company" label="投标单位" min-width="200">
+                          <template #default="{ row }">
+                            <span :class="{ 'our-company': row.isOur }">
+                              {{ row.company }}
+                              <el-tag v-if="row.isOur" type="primary" size="small">我方</el-tag>
+                            </span>
+                          </template>
+                        </el-table-column>
+                        <el-table-column prop="price" label="投标报价" width="150">
+                          <template #default="{ row }">
+                            <span class="price">￥{{ row.price }}</span>
+                          </template>
+                        </el-table-column>
+                        <el-table-column prop="status" label="状态" width="120">
+                          <template #default="{ row }">
+                            <el-tag :type="row.status === 'valid' ? 'success' : 'danger'" size="small">
+                              <el-icon v-if="row.status === 'valid'"><CircleCheck /></el-icon>
+                              <el-icon v-else><CircleClose /></el-icon>
+                              {{ row.status === 'valid' ? '有效' : '废标' }}
+                            </el-tag>
+                          </template>
+                        </el-table-column>
+                      </el-table>
+                    </div>
+                    
+                    <!-- 等待开标时的提示 -->
+                    <div v-else class="pm-bid-waiting-tip">
+                      <el-icon><InfoFilled /></el-icon>
+                      <span>开标结果将在开标完成后显示</span>
+                    </div>
+                  </div>
+                </div>
+                
+                <!-- 结果公示步骤 -->
+                <div v-else-if="currentStepIndex === 4" class="pm-step-result-announcement">
+                  <div class="pm-result-card">
+                    <!-- 顶部状态栏 -->
+                    <div class="pm-result-header">
+                      <div class="pm-result-title">
+                        <el-icon><Document /></el-icon>
+                        <span>公示信息录入</span>
+                      </div>
+                      <el-tag :type="resultAnnouncementInfo.result ? 'success' : 'info'" size="large">
+                        {{ resultAnnouncementInfo.result ? '已录入' : '待录入' }}
+                      </el-tag>
+                    </div>
+                    
+                    <!-- 基础信息录入 -->
+                    <div class="pm-result-section">
+                      <div class="pm-result-section-title">
+                        <el-icon><EditPen /></el-icon>
+                        <span>基础信息</span>
+                      </div>
+                      <div class="pm-result-form">
+                        <el-form label-width="100px" label-position="left">
+                          <el-row :gutter="20">
+                            <el-col :span="12">
+                              <el-form-item label="公示发布日期">
+                                <el-date-picker 
+                                  v-model="resultAnnouncementInfo.publishDate" 
+                                  type="date" 
+                                  placeholder="选择日期"
+                                  style="width: 100%"
+                                />
+                              </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                              <el-form-item label="公示截止日期">
+                                <el-date-picker 
+                                  v-model="resultAnnouncementInfo.endDate" 
+                                  type="date" 
+                                  placeholder="选择日期"
+                                  style="width: 100%"
+                                />
+                              </el-form-item>
+                            </el-col>
+                          </el-row>
+                          <el-form-item label="中标结果">
+                            <el-radio-group v-model="resultAnnouncementInfo.result">
+                              <el-radio value="win">中标</el-radio>
+                              <el-radio value="lose">未中标</el-radio>
+                              <el-radio value="invalid">废标</el-radio>
+                            </el-radio-group>
+                          </el-form-item>
+                          <el-row :gutter="20">
+                            <el-col :span="12">
+                              <el-form-item label="中标单位">
+                                <el-input v-model="resultAnnouncementInfo.winnerCompany" placeholder="请输入中标单位名称" />
+                              </el-form-item>
+                            </el-col>
+                            <el-col :span="12">
+                              <el-form-item label="中标金额">
+                                <el-input v-model="resultAnnouncementInfo.winnerAmount" placeholder="请输入">
+                                  <template #append>万元</template>
+                                </el-input>
+                              </el-form-item>
+                            </el-col>
+                          </el-row>
+                          <el-row :gutter="20">
+                            <el-col :span="12">
+                              <el-form-item label="我方投标金额">
+                                <el-input v-model="resultAnnouncementInfo.ourAmount" placeholder="请输入">
+                                  <template #append>万元</template>
+                                </el-input>
+                              </el-form-item>
+                            </el-col>
+                            <el-col :span="6">
+                              <el-form-item label="我方排名">
+                                <el-input v-model="resultAnnouncementInfo.ourRank" placeholder="第几名" />
+                              </el-form-item>
+                            </el-col>
+                            <el-col :span="6">
+                              <el-form-item label="投标单位数">
+                                <el-input v-model="resultAnnouncementInfo.totalBidders" placeholder="共几家" />
+                              </el-form-item>
+                            </el-col>
+                          </el-row>
+                        </el-form>
+                      </div>
+                    </div>
+                    
+                    <!-- 评分信息 -->
+                    <div class="pm-result-section">
+                      <div class="pm-result-section-title">
+                        <el-icon><DataLine /></el-icon>
+                        <span>评分信息</span>
+                        <span class="pm-section-tip">（选填，如有评分明细）</span>
+                      </div>
+                      <div class="pm-result-score-table">
+                        <el-table :data="resultAnnouncementInfo.scoreItems" border style="width: 100%">
+                          <el-table-column label="评分项" min-width="150">
+                            <template #default="{ row }">
+                              <el-input v-model="row.name" placeholder="评分项名称" size="small" />
+                            </template>
+                          </el-table-column>
+                          <el-table-column label="满分" width="100">
+                            <template #default="{ row }">
+                              <el-input-number v-model="row.fullScore" :min="0" :max="100" size="small" controls-position="right" style="width: 100%" />
+                            </template>
+                          </el-table-column>
+                          <el-table-column label="我方得分" width="100">
+                            <template #default="{ row }">
+                              <el-input-number v-model="row.ourScore" :min="0" :max="100" size="small" controls-position="right" style="width: 100%" />
+                            </template>
+                          </el-table-column>
+                          <el-table-column label="中标方得分" width="100">
+                            <template #default="{ row }">
+                              <el-input-number v-model="row.winnerScore" :min="0" :max="100" size="small" controls-position="right" style="width: 100%" />
+                            </template>
+                          </el-table-column>
+                          <el-table-column label="操作" width="60" align="center">
+                            <template #default="{ $index }">
+                              <el-button type="danger" link size="small" @click="removeScoreItem($index)">
+                                <el-icon><Delete /></el-icon>
+                              </el-button>
+                            </template>
+                          </el-table-column>
+                        </el-table>
+                        <div class="pm-score-footer">
+                          <el-button type="primary" link @click="addScoreItem">
+                            <el-icon><Plus /></el-icon>添加评分项
+                          </el-button>
+                          <div class="pm-score-total">
+                            <span>合计：</span>
+                            <span class="total-item">满分 <strong>{{ calculateTotalScore.fullScore }}</strong></span>
+                            <span class="total-item">我方 <strong class="our">{{ calculateTotalScore.ourScore }}</strong></span>
+                            <span class="total-item">中标方 <strong class="winner">{{ calculateTotalScore.winnerScore }}</strong></span>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                    
+                    <!-- 附件上传 -->
+                    <div class="pm-result-section">
+                      <div class="pm-result-section-title">
+                        <el-icon><Folder /></el-icon>
+                        <span>附件上传</span>
+                      </div>
+                      <div class="pm-result-upload">
+                        <el-upload
+                          drag
+                          multiple
+                          action="#"
+                          :auto-upload="false"
+                        >
+                          <el-icon class="el-icon--upload"><Upload /></el-icon>
+                          <div class="el-upload__text">拖拽文件到此处，或<em>点击上传</em></div>
+                          <template #tip>
+                            <div class="el-upload__tip">支持上传中标公告、评标报告等文件</div>
+                          </template>
+                        </el-upload>
+                      </div>
+                    </div>
+                    
+                    <!-- 补充说明 -->
+                    <div class="pm-result-section">
+                      <div class="pm-result-section-title">
+                        <el-icon><ChatDotRound /></el-icon>
+                        <span>补充说明</span>
+                      </div>
+                      <div class="pm-result-remarks">
+                        <el-input
+                          v-model="resultAnnouncementInfo.remarks"
+                          type="textarea"
+                          :rows="4"
+                          placeholder="请输入项目相关的补充信息，如评标现场反馈、专家意见、竞争对手优势等，AI将基于这些信息生成分析报告..."
+                        />
+                      </div>
+                    </div>
+                    
+                    <!-- 操作按钮 -->
+                    <div class="pm-result-actions">
+                      <el-button @click="saveResultAnnouncement">
+                        <el-icon><Folder /></el-icon>保存信息
+                      </el-button>
+                      <el-button 
+                        type="primary" 
+                        @click="generateAIReport"
+                        :loading="resultAnnouncementInfo.aiReportGenerating"
+                        :disabled="!resultAnnouncementInfo.result"
+                      >
+                        <el-icon><MagicStick /></el-icon>AI生成分析报告
+                      </el-button>
+                    </div>
+                    
+                    <!-- AI分析报告 -->
+                    <div v-if="resultAnnouncementInfo.aiReport" class="pm-result-ai-report">
+                      <div class="pm-ai-report-header">
+                        <h4>
+                          <el-icon><MagicStick /></el-icon>
+                          AI分析报告
+                        </h4>
+                        <span class="pm-report-time">生成时间：{{ resultAnnouncementInfo.aiReport.generatedTime }}</span>
+                      </div>
+                      
+                      <div class="pm-ai-report-section">
+                        <div class="pm-report-subtitle">📊 结果概述</div>
+                        <p class="pm-report-summary">{{ resultAnnouncementInfo.aiReport.summary }}</p>
+                      </div>
+                      
+                      <div class="pm-ai-report-section">
+                        <div class="pm-report-subtitle">{{ resultAnnouncementInfo.result === 'win' ? '🏆 中标原因分析' : '🔍 失分原因分析' }}</div>
+                        <div class="pm-report-reasons">
+                          <div v-for="(reason, idx) in resultAnnouncementInfo.aiReport.reasons" :key="idx" class="pm-reason-item">
+                            <div class="pm-reason-title">
+                              <span>{{ reason.title }}</span>
+                              <el-tag v-if="reason.score" :type="reason.score < 0 ? 'danger' : 'success'" size="small">
+                                {{ reason.score > 0 ? '+' : '' }}{{ reason.score }}分
+                              </el-tag>
+                            </div>
+                            <p class="pm-reason-content">{{ reason.content }}</p>
+                          </div>
+                        </div>
+                      </div>
+                      
+                      <div class="pm-ai-report-section">
+                        <div class="pm-report-subtitle">💡 {{ resultAnnouncementInfo.result === 'win' ? '后续建议' : '改进建议' }}</div>
+                        <ul class="pm-report-suggestions">
+                          <li v-for="(suggestion, idx) in resultAnnouncementInfo.aiReport.suggestions" :key="idx">
+                            {{ suggestion }}
+                          </li>
+                        </ul>
+                      </div>
+                      
+                      <div class="pm-ai-report-actions">
+                        <el-button type="primary" text>
+                          <el-icon><DocumentCopy /></el-icon>复制报告
+                        </el-button>
+                        <el-button type="primary" text>
+                          <el-icon><Download /></el-icon>导出PDF
+                        </el-button>
+                        <el-button type="primary" text>
+                          <el-icon><Folder /></el-icon>存入项目档案
+                        </el-button>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+                
+                <!-- 其他步骤 -->
+                <div v-else class="pm-step-detail-card">
+                  <div class="pm-step-detail-header">
+                    <h4>{{ pmProjectSteps[currentStepIndex]?.title || '招标信息提取' }}</h4>
+                    <el-tag :type="getStepTagType(currentStepIndex)" size="small">
+                      {{ getStepTagText(currentStepIndex) }}
+                    </el-tag>
+                  </div>
+                  <div class="pm-step-detail-content">
+                    <p class="pm-step-desc">{{ pmProjectSteps[currentStepIndex]?.detail || '' }}</p>
+                    <div class="pm-step-actions">
+                      <el-button 
+                        v-if="currentStepIndex === getPmActiveStep(selectedPmProject.progress)" 
+                        type="primary" 
+                        @click="handleEnterStep(currentStepIndex)"
+                      >
+                        <el-icon><Right /></el-icon>
+                        进入该步骤
+                      </el-button>
+                      <el-button 
+                        v-else-if="currentStepIndex < getPmActiveStep(selectedPmProject.progress)" 
+                        type="success" 
+                        plain
+                      >
+                        <el-icon><Check /></el-icon>
+                        已完成
+                      </el-button>
+                      <el-button 
+                        v-else 
+                        type="info" 
+                        plain
+                        disabled
+                      >
+                        <el-icon><Clock /></el-icon>
+                        待开始
+                      </el-button>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+        
+        <!-- 新建项目弹窗 -->
+        <el-dialog 
+          v-model="showPmCreateDialog" 
+          title="新建项目" 
+          width="500px"
+          :close-on-click-modal="false"
+        >
+          <el-form :model="newPmProject" label-width="100px" label-position="top">
+            <el-form-item label="项目名称" required>
+              <el-input 
+                v-model="newPmProject.name" 
+                placeholder="请输入项目名称"
+                maxlength="50"
+                show-word-limit
+              />
+            </el-form-item>
+            <el-form-item label="项目编号">
+              <el-input 
+                v-model="newPmProject.projectNo" 
+                placeholder="留空则自动生成"
+              />
+            </el-form-item>
+            <el-form-item label="招标单位" required>
+              <el-input 
+                v-model="newPmProject.tenderUnit" 
+                placeholder="请输入招标单位名称"
+              />
+            </el-form-item>
+            <el-form-item label="预算金额">
+              <el-input 
+                v-model="newPmProject.budget" 
+                placeholder="请输入预算金额"
+              >
+                <template #append>万元</template>
+              </el-input>
+            </el-form-item>
+            <el-form-item label="投标截止时间" required>
+              <el-date-picker 
+                v-model="newPmProject.deadline" 
+                type="date" 
+                placeholder="选择截止日期"
+                style="width: 100%"
+                value-format="YYYY-MM-DD"
+              />
+            </el-form-item>
+          </el-form>
+          <template #footer>
+            <el-button @click="showPmCreateDialog = false">取消</el-button>
+            <el-button type="primary" @click="createPmProject">创建项目</el-button>
+          </template>
+        </el-dialog>
+
+        <!-- 新项目管理 - 已完结项目 -->
+        <div v-if="activeNav === 'pm-completed'" class="panel pm-completed-panel">
+          <div class="panel-header">
+            <h3>已完结项目</h3>
+            <div class="header-actions">
+              <el-input 
+                v-model="pmProjectSearch" 
+                placeholder="搜索项目名称..." 
+                style="width: 200px; margin-right: 12px;"
+                clearable
+              >
+                <template #prefix>
+                  <el-icon><Search /></el-icon>
+                </template>
+              </el-input>
+              <el-select v-model="pmResultFilter" placeholder="筛选结果" style="width: 120px;" clearable>
+                <el-option label="全部" value="" />
+                <el-option label="中标" value="中标" />
+                <el-option label="未中标" value="未中标" />
+              </el-select>
+            </div>
+          </div>
+          
+          <!-- 统计概览 -->
+          <div class="pm-completed-stats">
+            <div class="pm-stat-card">
+              <div class="pm-stat-icon total">
+                <el-icon><Folder /></el-icon>
+              </div>
+              <div class="pm-stat-info">
+                <span class="pm-stat-value">{{ completedProjectStats.total }}</span>
+                <span class="pm-stat-label">总项目数</span>
+              </div>
+            </div>
+            <div class="pm-stat-card">
+              <div class="pm-stat-icon won">
+                <el-icon><Trophy /></el-icon>
+              </div>
+              <div class="pm-stat-info">
+                <span class="pm-stat-value won">{{ completedProjectStats.won }}</span>
+                <span class="pm-stat-label">中标项目</span>
+              </div>
+            </div>
+            <div class="pm-stat-card">
+              <div class="pm-stat-icon lost">
+                <el-icon><CircleClose /></el-icon>
+              </div>
+              <div class="pm-stat-info">
+                <span class="pm-stat-value lost">{{ completedProjectStats.lost }}</span>
+                <span class="pm-stat-label">未中标</span>
+              </div>
+            </div>
+            <div class="pm-stat-card">
+              <div class="pm-stat-icon rate">
+                <el-icon><TrendCharts /></el-icon>
+              </div>
+              <div class="pm-stat-info">
+                <span class="pm-stat-value rate">{{ completedProjectStats.rate }}%</span>
+                <span class="pm-stat-label">中标率</span>
+              </div>
+            </div>
+          </div>
+          
+          <!-- 项目卡片列表 -->
+          <div class="pm-completed-cards">
+            <div 
+              v-for="project in filteredCompletedProjects" 
+              :key="project.id" 
+              class="pm-completed-card"
+              :class="{ won: project.result === '中标', lost: project.result === '未中标' }"
+            >
+              <!-- 卡片头部 -->
+              <div class="pm-completed-card-header">
+                <el-tag :type="project.result === '中标' ? 'success' : 'danger'" size="large">
+                  <el-icon v-if="project.result === '中标'"><Trophy /></el-icon>
+                  <el-icon v-else><CircleClose /></el-icon>
+                  {{ project.result }}
+                </el-tag>
+                <h4 class="pm-completed-card-title">{{ project.name }}</h4>
+              </div>
+              
+              <!-- 卡片内容 -->
+              <div class="pm-completed-card-body">
+                <div class="pm-completed-info-grid">
+                  <div class="pm-completed-info-item">
+                    <span class="label">招标单位</span>
+                    <span class="value">{{ project.client }}</span>
+                  </div>
+                  <div class="pm-completed-info-item">
+                    <span class="label">项目预算</span>
+                    <span class="value">￥{{ project.budget }}</span>
+                  </div>
+                  <div class="pm-completed-info-item">
+                    <span class="label">{{ project.result === '中标' ? '中标金额' : '我方报价' }}</span>
+                    <span class="value amount">￥{{ project.ourAmount }}</span>
+                  </div>
+                  <div class="pm-completed-info-item">
+                    <span class="label">完结时间</span>
+                    <span class="value">{{ project.completeTime }}</span>
+                  </div>
+                  <div class="pm-completed-info-item">
+                    <span class="label">我方排名</span>
+                    <span class="value">第{{ project.ourRank }}名 / 共{{ project.totalBidders }}家</span>
+                  </div>
+                  <div v-if="project.result === '未中标' && project.failReason" class="pm-completed-info-item full-width">
+                    <span class="label">失标原因</span>
+                    <span class="value fail-reason">{{ project.failReason }}</span>
+                  </div>
+                </div>
+              </div>
+              
+              <!-- 卡片底部 -->
+              <div class="pm-completed-card-footer">
+                <el-button type="primary" text @click="viewPmProjectDetail(project)">
+                  <el-icon><Folder /></el-icon>查看档案
+                </el-button>
+                <el-button type="primary" text>
+                  <el-icon><DataLine /></el-icon>分析报告
+                </el-button>
+                <el-button text @click="exportPmProject(project)">
+                  <el-icon><Download /></el-icon>导出资料
+                </el-button>
+              </div>
+            </div>
+            
+            <!-- 空状态 -->
+            <div v-if="filteredCompletedProjects.length === 0" class="pm-empty-state">
+              <el-empty description="暂无已完结项目" />
+            </div>
+          </div>
+        </div>
+
+        <!-- 步骤详情页面 -->
+        <div v-if="activeNav === 'step-detail' && currentStepDetail && currentStepProject" class="panel">
+          <div class="step-detail-container">
+            <!-- 返回按钮 -->
+            <div class="detail-header">
+              <el-button @click="backToProjectDetail" link>
+                <el-icon><ArrowLeft /></el-icon>
+                返回项目详情
+              </el-button>
+            </div>
+
+            <!-- 项目信息 -->
+            <div class="step-project-info">
+              <h2>{{ currentStepProject.name }}</h2>
+              <div class="project-meta">
+                <span>创建时间：{{ currentStepProject.createTime }}</span>
+                <el-tag :type="getProgressTagType(currentStepProject.progress)" size="small">
+                  {{ currentStepProject.progress }}
+                </el-tag>
+              </div>
+            </div>
+
+            <!-- 流程条 -->
+            <div class="project-timeline">
+              <h3>项目流程</h3>
+              <el-steps :active="getActiveStep(currentStepProject.progress)" align-center>
+                <el-step 
+                  v-for="(step, index) in projectSteps" 
+                  :key="index"
+                  :title="step.title"
+                  :status="getStepStatus(currentStepProject.progress, step.key)"
+                  class="clickable-step"
+                  @click="viewStepDetail(step, currentStepProject)"
+                >
+                  <template #icon>
+                    <el-icon v-if="getStepStatus(currentStepProject.progress, step.key) === 'finish'">
+                      <CircleCheck />
+                    </el-icon>
+                    <el-icon v-else-if="getStepStatus(currentStepProject.progress, step.key) === 'process'">
+                      <Loading />
+                    </el-icon>
+                    <span v-else>{{ index + 1 }}</span>
+                  </template>
+                </el-step>
+              </el-steps>
+            </div>
+
+            <!-- 当前步骤的功能内容 -->
+            <div class="step-function-content">
+              <!-- 招标信息提取 (get-file) -->
+              <div v-if="currentStepDetail.key === 'get-file'" class="step-content">
+                <div class="panel-header">
+                  <h3>{{ currentStepDetail.title }}</h3>
+                  <div class="header-actions" v-if="biddingFileData">
+                    <el-button type="primary" @click="createProjectFromRecognition">
+                      <el-icon><Plus /></el-icon>
+                      新建项目
+                    </el-button>
+                    <el-button @click="exportExtractedInfo">
+                      <el-icon><Download /></el-icon>
+                      导出提取信息
+                    </el-button>
+                  </div>
+                </div>
+
+                <!-- 未上传文件时的上传区域 -->
+                <div v-if="!biddingFileData" class="upload-area-container">
+                  <el-upload
+                    :auto-upload="false"
+                    :on-change="handleBiddingFileUpload"
+                    :show-file-list="false"
+                    accept=".pdf,.doc,.docx,.xls,.xlsx"
+                    class="full-upload"
+                    drag
+                  >
+                    <div class="upload-box">
+                      <el-icon class="upload-plus-icon"><Plus /></el-icon>
+                      <p class="upload-title">上传招标文件</p>
+                      <p class="upload-hint">支持格式：PDF、Word、Excel</p>
+                    </div>
+                  </el-upload>
+                </div>
+
+                <!-- 已上传文件后的双栏布局 -->
+                <div v-else class="file-recognition-layout">
+                  <!-- 左侧：招标信息提取 -->
+                  <div class="extraction-panel">
+                    <div class="section-header">
+                      <h4>招标信息提取</h4>
+                      <div class="recognition-status">
+                        <el-icon color="#10b981"><CircleCheck /></el-icon>
+                        <span>识别完成</span>
+                      </div>
+                    </div>
+
+                    <!-- 商务关键信息 -->
+                    <div class="info-section">
+                      <div class="section-title">
+                        <el-icon><Document /></el-icon>
+                        商务关键信息
+                      </div>
+                      <el-table :data="businessKeyInfo" border stripe>
+                        <el-table-column prop="field" label="信息项" width="150" />
+                        <el-table-column prop="content" label="信息内容" min-width="200" />
+                        <el-table-column prop="source" label="提取来源" width="150">
+                          <template #default="{ row }">
+                            <el-link type="primary" @click="locateInPreview(row.pageNum, row.lineNum)">
+                              第{{ row.pageNum }}页 第{{ row.lineNum }}行
+                            </el-link>
+                          </template>
+                        </el-table-column>
+                        <el-table-column label="AI核实分析" width="220">
+                          <template #default="{ row }">
+                            <div :class="['verify-status', `status-${row.verifyStatus}`]">
+                              <el-icon v-if="row.verifyStatus === 'no-need'"><Check /></el-icon>
+                              <el-icon v-else-if="row.verifyStatus === 'need'"><Warning /></el-icon>
+                              <el-icon v-else><Close /></el-icon>
+                              <span>{{ getVerifyStatusText(row.verifyStatus) }}</span>
+                            </div>
+                          </template>
+                        </el-table-column>
+                      </el-table>
+                    </div>
+
+                    <!-- 技术关键信息 -->
+                    <div class="info-section">
+                      <div class="section-title">
+                        <el-icon><MagicStick /></el-icon>
+                        技术关键信息
+                      </div>
+                      <el-table :data="techKeyInfo" border stripe>
+                        <el-table-column prop="field" label="信息项" width="150" />
+                        <el-table-column prop="content" label="信息内容" min-width="200" />
+                        <el-table-column prop="source" label="提取来源" width="150">
+                          <template #default="{ row }">
+                            <el-link type="primary" @click="locateInPreview(row.pageNum, row.lineNum)">
+                              第{{ row.pageNum }}页 第{{ row.lineNum }}行
+                            </el-link>
+                          </template>
+                        </el-table-column>
+                        <el-table-column label="AI核实分析" width="220">
+                          <template #default="{ row }">
+                            <div :class="['verify-status', `status-${row.verifyStatus}`]">
+                              <el-icon v-if="row.verifyStatus === 'no-need'"><Check /></el-icon>
+                              <el-icon v-else-if="row.verifyStatus === 'need'"><Warning /></el-icon>
+                              <el-icon v-else><Close /></el-icon>
+                              <span>{{ getVerifyStatusText(row.verifyStatus) }}</span>
+                            </div>
+                          </template>
+                        </el-table-column>
+                      </el-table>
+                    </div>
+                  </div>
+
+                  <!-- 右侧：原文预览 -->
+                  <div class="preview-panel">
+                    <div class="preview-header">
+                      <h4>原文预览</h4>
+                      <div class="preview-tools">
+                        <el-button 
+                          size="small" 
+                          :type="isTranslated ? 'primary' : 'default'"
+                          @click="toggleTranslation"
+                          :loading="translatingDocument"
+                        >
+                          <el-icon><Grid /></el-icon>
+                          {{ isTranslated ? '显示原文' : '翻译全文' }}
+                        </el-button>
+                        <el-button-group style="margin-left: 8px;">
+                          <el-button size="small" @click="zoomOut">
+                            <el-icon><ZoomOut /></el-icon>
+                          </el-button>
+                          <el-button size="small" @click="zoomIn">
+                            <el-icon><ZoomIn /></el-icon>
+                          </el-button>
+                          <el-button size="small" @click="resetZoom">
+                            <el-icon><Refresh /></el-icon>
+                          </el-button>
+                        </el-button-group>
+                      </div>
+                    </div>
+                    <div class="preview-content" ref="previewContentRef" :style="{ transform: `scale(${previewZoom})` }">
+                      <div class="file-info-bar">
+                        <span>文件名：{{ biddingFileData.name }}</span>
+                        <span>页数：{{ biddingFileData.pages }} 页</span>
+                      </div>
+                      <div class="preview-pages">
+                        <div 
+                          v-for="page in biddingFileData.pages" 
+                          :key="page" 
+                          :id="`page-${page}`"
+                          class="preview-page"
+                        >
+                          <div class="page-number">第 {{ page }} 页</div>
+                          <div class="page-content">
+                            <p class="preview-text" v-html="getPageContentWithLines(page)"></p>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- 文件提交步骤 -->
+              <div v-else-if="currentStepDetail.key === 'submit'" class="step-content">
+                <FileSubmission :project="currentStepProject" @update="handleProjectUpdate" />
+              </div>
+
+              <!-- 开标步骤 -->
+              <div v-else-if="currentStepDetail.key === 'open-bid'" class="step-content">
+                <BiddingInfo :project="currentStepProject" @update="handleProjectUpdate" />
+              </div>
+
+              <!-- 结果公示步骤 -->
+              <div v-else-if="currentStepDetail.key === 'result'" class="step-content">
+                <ResultAnnouncement :project="currentStepProject" @update="handleProjectUpdate" />
+              </div>
+
+              <!-- 其他步骤的占位内容 -->
+              <div v-else class="step-content-placeholder">
+                <div class="placeholder-icon">
+                  <el-icon size="64"><component :is="getStepIcon(currentStepDetail.key)" /></el-icon>
+                </div>
+                <h3>{{ currentStepDetail.title }}</h3>
+                <p>{{ currentStepDetail.description }}</p>
+                <el-button type="primary" @click="goToFunction(currentStepDetail.key)">
+                  <el-icon><Right /></el-icon>
+                  前往功能模块
+                </el-button>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 文件智能识别 -->
+        <div v-if="activeNav === 'file-import'" class="panel">
+          <div class="panel-header">
+            <h3>文件智能识别</h3>
+            <div class="header-actions" v-if="biddingFileData">
+              <el-button type="primary" @click="createProjectFromRecognition">
+                <el-icon><Plus /></el-icon>
+                新建项目
+              </el-button>
+              <el-button @click="exportExtractedInfo">
+                <el-icon><Download /></el-icon>
+                导出提取信息
+              </el-button>
+              <el-button type="success" @click="showBidTypeDialog = true">
+                <el-icon><Edit /></el-icon>
+                开始生成标书
+              </el-button>
+            </div>
+          </div>
+
+          <!-- 选择标书类型对话框 -->
+          <el-dialog v-model="showBidTypeDialog" title="选择生成标书类型" width="450px" center>
+            <div class="bid-type-select">
+              <div 
+                class="bid-type-card" 
+                :class="{ active: selectedBidType === 'business' }"
+                @click="selectedBidType = 'business'"
+              >
+                <el-icon size="40" color="#f59e0b"><Suitcase /></el-icon>
+                <h4>商务标</h4>
+                <p>生成商务标书大纲，包含企业资质、业绩、报价等内容</p>
+              </div>
+              <div 
+                class="bid-type-card" 
+                :class="{ active: selectedBidType === 'technical' }"
+                @click="selectedBidType = 'technical'"
+              >
+                <el-icon size="40" color="#3b82f6"><Cpu /></el-icon>
+                <h4>技术标</h4>
+                <p>生成技术标书大纲，包含技术方案、实施计划等内容</p>
+              </div>
+            </div>
+            <template #footer>
+              <el-button @click="showBidTypeDialog = false">取消</el-button>
+              <el-button type="primary" :disabled="!selectedBidType" @click="goToGenerateBid">
+                确认生成
+              </el-button>
+            </template>
+          </el-dialog>
+
+          <!-- 未上传文件时的上传区域 -->
+          <div v-if="!biddingFileData" class="file-recognition-empty">
+            <div class="upload-card-full">
+              <el-upload
+                ref="biddingUploadRef"
+                :auto-upload="false"
+                :on-change="handleFileSelect"
+                :show-file-list="false"
+                accept=".pdf,.doc,.docx,.xls,.xlsx"
+                class="upload-dragger"
+                drag
+              >
+                <div class="upload-icon-area">
+                  <el-icon size="48" color="#8b5cf6"><UploadFilled /></el-icon>
+                </div>
+                <p class="upload-title">点击或将文件拖拽到这里上传</p>
+                <p class="upload-hint">支持格式：doc, docx, xls, xlsx, pdf，单个文件不能超过20MB</p>
+              </el-upload>
+              
+              <!-- 已选择文件显示 -->
+              <div v-if="pendingBiddingFile" class="selected-file-info">
+                <el-icon size="20" color="#8b5cf6"><Document /></el-icon>
+                <span class="file-name">{{ pendingBiddingFile.name }}</span>
+                <el-button text type="danger" size="small" @click="clearPendingFile">
+                  <el-icon><Close /></el-icon>
+                </el-button>
+              </div>
+              
+              <el-button 
+                type="primary" 
+                class="analyze-btn" 
+                :disabled="!pendingBiddingFile"
+                :loading="analyzingFile"
+                @click="startAnalyze"
+              >
+                <el-icon v-if="!analyzingFile"><MagicStick /></el-icon>
+                {{ analyzingFile ? '正在分析...' : '开始分析' }}
+              </el-button>
+            </div>
+          </div>
+
+          <!-- 已上传文件后的双栏布局 -->
+          <div v-else-if="!bidGenerationMode" class="file-recognition-layout">
+            <!-- 左侧：招标信息提取 - 标签页布局 -->
+            <div class="extraction-panel-new">
+              <!-- 标签导航 -->
+              <div class="extraction-tabs">
+                <div 
+                  v-for="tab in extractionTabs" 
+                  :key="tab.key"
+                  class="tab-item"
+                  :class="{ active: activeExtractionTab === tab.key }"
+                  @click="activeExtractionTab = tab.key"
+                >
+                  {{ tab.label }}
+                </div>
+              </div>
+
+              <!-- 标签内容区域 -->
+              <div class="extraction-content">
+                <!-- 总体分析 -->
+                <div v-if="activeExtractionTab === 'overview'" class="tab-content">
+                  <!-- 文件信息头部 -->
+                  <div class="file-info-header">
+                    <div class="file-info-left">
+                      <div class="file-icon-box">
+                        <el-icon size="24" color="#3b82f6"><Document /></el-icon>
+                      </div>
+                      <div class="file-details">
+                        <div class="file-name">{{ biddingFileData?.name || '智慧园区建设项目招标文件' }}</div>
+                        <div class="file-meta">上传时间：{{ biddingFileData?.uploadTime || '2025-06-29 18:23' }} &nbsp; 文件大小 4.5MB</div>
+                      </div>
+                    </div>
+                    <div class="file-stats">
+                      <div class="stat-item">
+                        <div class="stat-value">28</div>
+                        <div class="stat-label">关键条款</div>
+                      </div>
+                      <div class="stat-item">
+                        <div class="stat-value">92%</div>
+                        <div class="stat-label">解析完成度</div>
+                      </div>
+                      <div class="stat-item">
+                        <div class="stat-value">76%</div>
+                        <div class="stat-label">中标概率</div>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- 评分权重与报价策略 -->
+                  <div class="charts-row">
+                    <div class="chart-card">
+                      <div class="card-title"><el-icon><Star /></el-icon> 评分权重分布</div>
+                      <div class="pie-chart-placeholder">
+                        <div class="pie-legend">
+                          <div class="legend-item"><span class="dot" style="background:#3b82f6"></span>技术评分</div>
+                          <div class="legend-item"><span class="dot" style="background:#10b981"></span>商务评分</div>
+                          <div class="legend-item"><span class="dot" style="background:#f59e0b"></span>报价评分</div>
+                        </div>
+                        <div class="pie-visual">
+                          <svg viewBox="0 0 100 100">
+                            <circle cx="50" cy="50" r="40" fill="none" stroke="#3b82f6" stroke-width="20" stroke-dasharray="100 151" transform="rotate(-90 50 50)"/>
+                            <circle cx="50" cy="50" r="40" fill="none" stroke="#10b981" stroke-width="20" stroke-dasharray="80 171" stroke-dashoffset="-100" transform="rotate(-90 50 50)"/>
+                            <circle cx="50" cy="50" r="40" fill="none" stroke="#f59e0b" stroke-width="20" stroke-dasharray="71 180" stroke-dashoffset="-180" transform="rotate(-90 50 50)"/>
+                          </svg>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="chart-card">
+                      <div class="card-title"><el-icon><TrendCharts /></el-icon> 报价策略建议</div>
+                      <div class="line-chart-hint">基于历史数据分析，建议报价在预算的92%-95%区间</div>
+                      <div class="line-chart-placeholder">
+                        <svg viewBox="0 0 200 80" preserveAspectRatio="none">
+                          <polyline points="10,60 40,50 70,35 100,30 130,38 160,45 190,55" fill="none" stroke="#3b82f6" stroke-width="2"/>
+                          <g fill="#3b82f6" font-size="6">
+                            <text x="10" y="75">投标价</text>
+                            <text x="40" y="75">90%</text>
+                            <text x="70" y="75">92%</text>
+                            <text x="100" y="75">94%</text>
+                            <text x="130" y="75">96%</text>
+                            <text x="160" y="75">98%</text>
+                            <text x="185" y="75">100%</text>
+                          </g>
+                          <g fill="#6b7280" font-size="5">
+                            <text x="45" y="48">65%</text>
+                            <text x="75" y="33">75%</text>
+                            <text x="105" y="28">83%</text>
+                            <text x="135" y="36">76%</text>
+                            <text x="165" y="43">68%</text>
+                          </g>
+                        </svg>
+                      </div>
+                    </div>
+                  </div>
+
+                  <!-- 关键时间节点规划 -->
+                  <div class="info-card">
+                    <div class="card-title"><el-icon><Clock /></el-icon> 关键时间节点规划</div>
+                    <div class="timeline-bar">
+                      <div class="timeline-item highlight">
+                        <div class="timeline-value">28</div>
+                        <div class="timeline-label">剩余天数</div>
+                      </div>
+                      <div class="timeline-item">
+                        <div class="timeline-date">2025-07-01</div>
+                        <div class="timeline-label">投标截止日期</div>
+                      </div>
+                      <div class="timeline-item">
+                        <div class="timeline-date">2025-06-15</div>
+                        <div class="timeline-label">保证金截止日</div>
+                      </div>
+                      <div class="timeline-item">
+                        <div class="timeline-date">2025-07-01</div>
+                        <div class="timeline-label">开标日期</div>
+                      </div>
+                    </div>
+                    <div class="gantt-placeholder">
+                      <div class="gantt-row"><span class="gantt-label">最终审核</span><div class="gantt-bar" style="width:30%;margin-left:60%"></div></div>
+                      <div class="gantt-row"><span class="gantt-label">报价策略</span><div class="gantt-bar" style="width:25%;margin-left:50%"></div></div>
+                      <div class="gantt-row"><span class="gantt-label">商务文件</span><div class="gantt-bar" style="width:35%;margin-left:35%"></div></div>
+                      <div class="gantt-row"><span class="gantt-label">技术方案</span><div class="gantt-bar" style="width:45%;margin-left:20%"></div></div>
+                      <div class="gantt-row"><span class="gantt-label">文件准备</span><div class="gantt-bar" style="width:50%;margin-left:5%"></div></div>
+                    </div>
+                  </div>
+
+                  <!-- 关键注意事项与智能建议 -->
+                  <div class="tips-row">
+                    <div class="tips-card warning">
+                      <div class="card-title"><el-icon color="#f59e0b"><Warning /></el-icon> 关键注意事项</div>
+                      <div class="tip-item"><el-icon><Warning /></el-icon> 投标保证金：80,000元，需在开标前20日前到账</div>
+                      <div class="tip-item"><el-icon><Warning /></el-icon> 技术方案需包含详细的施工组织设计</div>
+                      <div class="tip-item"><el-icon><Warning /></el-icon> 授权代表必须携带身份证原件参加开标</div>
+                    </div>
+                    <div class="tips-card success">
+                      <div class="card-title"><el-icon color="#3b82f6"><Checked /></el-icon> 智能建议</div>
+                      <div class="tip-item success"><el-icon><Check /></el-icon> 重点突出智慧园区智能化系统集成经验</div>
+                      <div class="tip-item success"><el-icon><Check /></el-icon> 在施工组织设计中增加BIM技术应用细节</div>
+                      <div class="tip-item success"><el-icon><Check /></el-icon> 强化网络安全和数据保护措施</div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- 资格要求 -->
+                <div v-if="activeExtractionTab === 'qualification'" class="tab-content">
+                  <div class="requirement-card">
+                    <div class="card-header">
+                      <div class="header-left"><el-icon color="#3b82f6"><OfficeBuilding /></el-icon> 企业资质要求</div>
+                      <el-tag type="primary" size="small">必须满足</el-tag>
+                    </div>
+                    <div class="requirement-list">
+                      <div class="req-item"><el-icon color="#10b981"><CircleCheck /></el-icon><span class="req-label">注册资本：</span><span class="req-value">不低于5000万元人民币</span></div>
+                      <div class="req-item"><el-icon color="#10b981"><CircleCheck /></el-icon><span class="req-label">行业资质：</span><span class="req-value">具备建筑智能化工程专业承包壹级资质</span></div>
+                      <div class="req-item"><el-icon color="#10b981"><CircleCheck /></el-icon><span class="req-label">ISO认证：</span><span class="req-value">需提供ISO 9001质量管理体系认证</span></div>
+                      <div class="req-item"><el-icon color="#10b981"><CircleCheck /></el-icon><span class="req-label">业绩要求：</span><span class="req-value">近三年完成过3个及以上类似项目</span></div>
+                    </div>
+                  </div>
+                  <div class="requirement-card">
+                    <div class="card-header">
+                      <div class="header-left"><el-icon color="#3b82f6"><User /></el-icon> 人员资格要求</div>
+                      <el-tag type="primary" size="small">必须满足</el-tag>
+                    </div>
+                    <div class="requirement-list">
+                      <div class="req-item"><el-icon color="#10b981"><CircleCheck /></el-icon><span class="req-label">项目经理：</span><span class="req-value">具备一级建造师资格（机电工程专业）</span></div>
+                      <div class="req-item"><el-icon color="#10b981"><CircleCheck /></el-icon><span class="req-label">技术负责人：</span><span class="req-value">高级工程师职称，8年以上相关经验</span></div>
+                      <div class="req-item"><el-icon color="#10b981"><CircleCheck /></el-icon><span class="req-label">安全员：</span><span class="req-value">持有有效的安全生产考核合格证</span></div>
+                      <div class="req-item"><el-icon color="#10b981"><CircleCheck /></el-icon><span class="req-label">员工人数：</span><span class="req-value">企业员工人数不少于500人</span></div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- 商务评分 -->
+                <div v-if="activeExtractionTab === 'business'" class="tab-content">
+                  <div class="info-section-new">
+                    <div class="section-title-new">
+                      <el-icon><Document /></el-icon>
+                      商务关键信息
+                    </div>
+                    <el-table :data="businessKeyInfo" border stripe>
+                      <el-table-column prop="field" label="信息项" width="150" />
+                      <el-table-column prop="content" label="信息内容" min-width="200" />
+                      <el-table-column prop="source" label="提取来源" width="150">
+                        <template #default="{ row }">
+                          <el-link type="primary" @click="locateInPreview(row.pageNum, row.lineNum)">
+                            第{{ row.pageNum }}页 第{{ row.lineNum }}行
+                          </el-link>
+                        </template>
+                      </el-table-column>
+                      <el-table-column label="AI核实分析" width="220">
+                        <template #default="{ row }">
+                          <div :class="['verify-status', `status-${row.verifyStatus}`]">
+                            <el-icon v-if="row.verifyStatus === 'no-need'"><Check /></el-icon>
+                            <el-icon v-else-if="row.verifyStatus === 'need'"><Warning /></el-icon>
+                            <el-icon v-else><Close /></el-icon>
+                            <span>{{ getVerifyStatusText(row.verifyStatus) }}</span>
+                          </div>
+                        </template>
+                      </el-table-column>
+                    </el-table>
+                  </div>
+                </div>
+
+                <!-- 技术评分 -->
+                <div v-if="activeExtractionTab === 'technical'" class="tab-content">
+                  <div class="info-section-new">
+                    <div class="section-title-new">
+                      <el-icon><MagicStick /></el-icon>
+                      技术关键信息
+                    </div>
+                    <el-table :data="techKeyInfo" border stripe>
+                      <el-table-column prop="field" label="信息项" width="150" />
+                      <el-table-column prop="content" label="信息内容" min-width="200" />
+                      <el-table-column prop="source" label="提取来源" width="150">
+                        <template #default="{ row }">
+                          <el-link type="primary" @click="locateInPreview(row.pageNum, row.lineNum)">
+                            第{{ row.pageNum }}页 第{{ row.lineNum }}行
+                          </el-link>
+                        </template>
+                      </el-table-column>
+                      <el-table-column label="AI核实分析" width="220">
+                        <template #default="{ row }">
+                          <div :class="['verify-status', `status-${row.verifyStatus}`]">
+                            <el-icon v-if="row.verifyStatus === 'no-need'"><Check /></el-icon>
+                            <el-icon v-else-if="row.verifyStatus === 'need'"><Warning /></el-icon>
+                            <el-icon v-else><Close /></el-icon>
+                            <span>{{ getVerifyStatusText(row.verifyStatus) }}</span>
+                          </div>
+                        </template>
+                      </el-table-column>
+                    </el-table>
+                  </div>
+                </div>
+
+                <!-- 投标要求 -->
+                <div v-if="activeExtractionTab === 'bidding'" class="tab-content">
+                  <div class="requirement-card">
+                    <div class="card-header">
+                      <div class="header-left"><el-icon color="#3b82f6"><Folder /></el-icon> 文件格式要求</div>
+                      <el-button type="primary" size="small" link>下载投标要求</el-button>
+                      <el-tag type="primary" size="small">必须满足</el-tag>
+                    </div>
+                    <div class="requirement-list">
+                      <div class="req-item"><el-icon color="#3b82f6"><Document /></el-icon><span class="req-label">文件构成：</span><span class="req-value">投标文件须包含商务标书、技术标书和报价单三部分，分别装订</span></div>
+                      <div class="req-item"><el-icon color="#3b82f6"><Document /></el-icon><span class="req-label">文件格式：</span><span class="req-value">正本1份(需逐页小签)，副本6份，电子版1份(PDF+WORD)</span></div>
+                      <div class="req-item"><el-icon color="#3b82f6"><Document /></el-icon><span class="req-label">装订要求：</span><span class="req-value">采用胶装方式，不得使用活页夹或文件夹</span></div>
+                    </div>
+                  </div>
+                  <div class="requirement-card">
+                    <div class="card-header">
+                      <div class="header-left"><el-icon color="#3b82f6"><Stamp /></el-icon> 签名与盖章要求</div>
+                      <el-tag type="primary" size="small">必须满足</el-tag>
+                    </div>
+                    <div class="requirement-list">
+                      <div class="req-item"><el-icon color="#3b82f6"><EditPen /></el-icon><span class="req-label">法定代表人签名：</span><span class="req-value">授权委托书、投标函等重要文件需法定代表人亲笔签名</span></div>
+                      <div class="req-item"><el-icon color="#3b82f6"><Stamp /></el-icon><span class="req-label">公章要求：</span><span class="req-value">所有复印件需加盖公司公章，正本需加盖骑缝章</span></div>
+                      <div class="req-item"><el-icon color="#3b82f6"><Postcard /></el-icon><span class="req-label">授权代表：</span><span class="req-value">授权代表需携带身份证原件及授权委托书参加开标</span></div>
+                    </div>
+                  </div>
+                  <div class="requirement-card">
+                    <div class="card-header">
+                      <div class="header-left"><el-icon color="#3b82f6"><Box /></el-icon> 封装与递交要求</div>
+                      <el-tag type="primary" size="small">必须满足</el-tag>
+                    </div>
+                    <div class="requirement-list">
+                      <div class="req-item"><el-icon color="#3b82f6"><Box /></el-icon><span class="req-label">封装方式：</span><span class="req-value">正本和副本分开包装，再封装于一个大密封袋内</span></div>
+                      <div class="req-item"><el-icon color="#3b82f6"><Tickets /></el-icon><span class="req-label">标签要求：</span><span class="req-value">外层包装需注明：项目名称、招标编号、投标单位名称</span></div>
+                    </div>
+                  </div>
+                  <div class="requirement-card">
+                    <div class="card-header">
+                      <div class="header-left"><el-icon color="#3b82f6"><Wallet /></el-icon> 投标保证金要求</div>
+                      <el-tag type="primary" size="small">必须满足</el-tag>
+                    </div>
+                    <div class="requirement-list">
+                      <div class="req-item"><el-icon color="#f59e0b"><Money /></el-icon><span class="req-label">金额要求：</span><span class="req-value">人民币捌万元整(¥80,000)</span></div>
+                      <div class="req-item"><el-icon color="#3b82f6"><CreditCard /></el-icon><span class="req-label">缴纳方式：</span><span class="req-value">银行电汇或保函形式，不接受现金</span></div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- 开标流程 -->
+                <div v-if="activeExtractionTab === 'process'" class="tab-content">
+                  <div class="requirement-card">
+                    <div class="card-header">
+                      <div class="header-left"><el-icon color="#3b82f6"><List /></el-icon> 开标评标流程</div>
+                      <el-tag type="info" size="small">时间节点</el-tag>
+                    </div>
+                    <div class="process-timeline">
+                      <div class="timeline-node">
+                        <div class="node-dot active"></div>
+                        <div class="node-content">
+                          <div class="node-date">2025-07-01</div>
+                          <div class="node-events">
+                            <div class="event-item">
+                              <div class="event-time">09:30 投标文件递交截止</div>
+                              <div class="event-desc">邮寄地点：公共资源交易中心三楼开标室</div>
+                            </div>
+                            <div class="event-item">
+                              <div class="event-time">10:00 开标仪式</div>
+                              <div class="event-desc">公开唱标：公布投标人名单</div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <div class="timeline-node">
+                        <div class="node-dot"></div>
+                        <div class="node-content">
+                          <div class="node-date">2025-07-02 至 2025-07-05</div>
+                          <div class="node-events">
+                            <div class="event-item">
+                              <div class="event-time">评标阶段</div>
+                              <div class="event-desc">评标委员会封闭评标</div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                      <div class="timeline-node">
+                        <div class="node-dot"></div>
+                        <div class="node-content">
+                          <div class="node-date">2025-07-06</div>
+                          <div class="node-events">
+                            <div class="event-item">
+                              <div class="event-time">结果公示</div>
+                              <div class="event-desc">在公共资源交易网公示3个工作日</div>
+                            </div>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+
+                <!-- 风险分析 -->
+                <div v-if="activeExtractionTab === 'risk'" class="tab-content">
+                  <div class="requirement-card risk-card">
+                    <div class="card-header">
+                      <div class="header-left"><el-icon color="#ef4444"><Warning /></el-icon> 高风险项目</div>
+                      <el-tag type="danger" size="small">需重点关注</el-tag>
+                    </div>
+                    <div class="risk-list">
+                      <div class="risk-item high">
+                        <el-icon color="#ef4444"><CircleClose /></el-icon>
+                        <span class="risk-label">业绩要求：</span>
+                        <el-tag type="danger" size="small">高风险</el-tag>
+                        <span class="risk-desc">缺少1个类似项目业绩证明</span>
+                      </div>
+                      <div class="risk-item high">
+                        <el-icon color="#ef4444"><CircleClose /></el-icon>
+                        <span class="risk-label">项目经理：</span>
+                        <el-tag type="danger" size="small">高风险</el-tag>
+                        <span class="risk-desc">拟派项目经理注册专业不符要求</span>
+                      </div>
+                      <div class="risk-item medium">
+                        <el-icon color="#f59e0b"><Warning /></el-icon>
+                        <span class="risk-label">技术方案：</span>
+                        <el-tag type="warning" size="small">中风险</el-tag>
+                        <span class="risk-desc">BIM技术应用方案不够详细</span>
+                      </div>
+                    </div>
+                  </div>
+                  <div class="requirement-card suggestion-card">
+                    <div class="card-header">
+                      <div class="header-left"><el-icon color="#10b981"><CircleCheck /></el-icon> 改进意见</div>
+                      <el-tag type="success" size="small">优化建议</el-tag>
+                    </div>
+                    <div class="suggestion-list">
+                      <div class="suggestion-item"><el-icon color="#10b981"><CircleCheck /></el-icon><span class="sug-label">业绩要求：</span><span class="sug-value">补充提供智慧城市类项目业绩证明</span></div>
+                      <div class="suggestion-item"><el-icon color="#10b981"><CircleCheck /></el-icon><span class="sug-label">项目经理：</span><span class="sug-value">更换机电工程专业一级建造师担任项目经理</span></div>
+                      <div class="suggestion-item"><el-icon color="#10b981"><CircleCheck /></el-icon><span class="sug-label">技术方案：</span><span class="sug-value">增加BIM技术在施工阶段的应用细节</span></div>
+                      <div class="suggestion-item"><el-icon color="#10b981"><CircleCheck /></el-icon><span class="sug-label">业务要求：</span><span class="sug-value">提供近三年同类项目审计报告增强商务评分</span></div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <!-- 右侧：原文预览 -->
+            <div class="preview-panel">
+              <div class="preview-header">
+                <h4>原文预览</h4>
+                <div class="preview-tools">
+                  <el-button 
+                    size="small" 
+                    :type="isTranslated ? 'primary' : 'default'"
+                    @click="toggleTranslation"
+                    :loading="translatingDocument"
+                  >
+                    <el-icon><Grid /></el-icon>
+                    {{ isTranslated ? '显示原文' : '翻译全文' }}
+                  </el-button>
+                  <el-button-group style="margin-left: 8px;">
+                    <el-button size="small" @click="zoomOut">
+                      <el-icon><ZoomOut /></el-icon>
+                    </el-button>
+                    <el-button size="small" @click="zoomIn">
+                      <el-icon><ZoomIn /></el-icon>
+                    </el-button>
+                    <el-button size="small" @click="resetZoom">
+                      <el-icon><Refresh /></el-icon>
+                    </el-button>
+                  </el-button-group>
+                </div>
+              </div>
+              <div class="preview-content" ref="previewContentRef" :style="{ transform: `scale(${previewZoom})` }">
+                <div class="file-info-bar">
+                  <span>文件名：{{ biddingFileData.name }}</span>
+                  <span>页数：{{ biddingFileData.pages }} 页</span>
+                </div>
+                <div class="preview-pages">
+                  <div 
+                    v-for="page in biddingFileData.pages" 
+                    :key="page" 
+                    :id="`page-${page}`"
+                    class="preview-page"
+                  >
+                    <div class="page-number">第 {{ page }} 页</div>
+                    <div class="page-content">
+                      <!-- 这里显示PDF/文档预览内容 -->
+                      <p class="preview-text" v-html="getPageContentWithLines(page)"></p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- 标书生成向导流程 -->
+          <div v-else class="bid-generation-wizard">
+            <!-- 向导步骤条 -->
+            <div class="wizard-header">
+              <el-button text @click="exitBidGeneration" class="back-btn">
+                <el-icon><ArrowLeft /></el-icon>
+                返回文件识别
+              </el-button>
+              <div class="wizard-title">
+                <el-icon v-if="selectedBidType === 'business'" color="#f59e0b"><Suitcase /></el-icon>
+                <el-icon v-else color="#3b82f6"><Cpu /></el-icon>
+                {{ selectedBidType === 'business' ? '商务标' : '技术标' }}生成向导
+              </div>
+              <div class="wizard-steps">
+                <el-steps :active="bidWizardStep" align-center finish-status="success">
+                  <el-step title="大纲生成" />
+                  <el-step title="材料匹配填充" />
+                  <el-step title="标书生成" />
+                </el-steps>
+              </div>
+            </div>
+
+            <!-- 步骤1：大纲生成 -->
+            <div v-if="bidWizardStep === 0" class="wizard-content">
+              <div class="outline-generation-layout">
+                <!-- 左侧：标书大纲 -->
+                <div class="outline-panel">
+                  <div class="outline-header">
+                    <h4>{{ selectedBidType === 'business' ? '商务标书' : '技术标书' }}大纲</h4>
+                    <div class="outline-actions">
+                      <el-button type="primary" size="small" @click="generateOutline" :loading="generatingOutline">
+                        <el-icon><MagicStick /></el-icon>
+                        AI智能生成大纲
+                      </el-button>
+                      <el-button size="small" @click="addOutlineItem">
+                        <el-icon><Plus /></el-icon>
+                        添加章节
+                      </el-button>
+                    </div>
+                  </div>
+                  
+                  <div class="outline-content" v-if="currentOutline.length">
+                    <div v-for="(chapter, cIndex) in currentOutline" :key="cIndex" class="outline-chapter">
+                      <div class="chapter-header">
+                        <el-icon class="drag-handle"><Grid /></el-icon>
+                        <span class="chapter-number">第{{ cIndex + 1 }}章</span>
+                        <el-input v-model="chapter.title" size="small" style="flex: 1;" />
+                        <el-button text type="danger" size="small" @click="removeOutlineItem(cIndex)">
+                          <el-icon><Delete /></el-icon>
+                        </el-button>
+                      </div>
+                      <div class="chapter-sections">
+                        <div v-for="(section, sIndex) in chapter.sections" :key="sIndex" class="section-item">
+                          <span class="section-number">{{ cIndex + 1 }}.{{ sIndex + 1 }}</span>
+                          <el-input v-model="section.title" size="small" style="flex: 1;" />
+                          <el-button text type="danger" size="small" @click="removeSection(cIndex, sIndex)">
+                            <el-icon><Delete /></el-icon>
+                          </el-button>
+                        </div>
+                        <el-button text size="small" class="add-section-btn" @click="addSection(cIndex)">
+                          <el-icon><Plus /></el-icon>添加小节
+                        </el-button>
+                      </div>
+                    </div>
+                  </div>
+                  
+                  <div v-else class="outline-empty">
+                    <el-icon size="48" color="#d1d5db"><Document /></el-icon>
+                    <p>点击"AI智能生成大纲"按钮，根据招标文件自动生成标书大纲</p>
+                  </div>
+                </div>
+
+                <!-- 右侧：招标原文预览 -->
+                <div class="source-preview-panel">
+                  <div class="preview-header">
+                    <h4>招标原文预览</h4>
+                    <div class="preview-tools">
+                      <el-button-group size="small">
+                        <el-button @click="outlinePreviewZoom = Math.max(50, outlinePreviewZoom - 10)">
+                          <el-icon><ZoomOut /></el-icon>
+                        </el-button>
+                        <el-button>{{ outlinePreviewZoom }}%</el-button>
+                        <el-button @click="outlinePreviewZoom = Math.min(200, outlinePreviewZoom + 10)">
+                          <el-icon><ZoomIn /></el-icon>
+                        </el-button>
+                      </el-button-group>
+                    </div>
+                  </div>
+                  <div class="preview-body">
+                    <div class="file-info-bar" v-if="biddingFileData">
+                      <el-icon><Document /></el-icon>
+                      <span>{{ biddingFileData.name }}</span>
+                      <el-tag size="small" type="info">共 {{ biddingFileData.pages }} 页</el-tag>
+                    </div>
+                    <div class="preview-document-area" :style="{ transform: `scale(${outlinePreviewZoom / 100})` }">
+                      <div v-for="page in (biddingFileData?.pages || 15)" :key="page" class="preview-page">
+                        <div class="page-number">第 {{ page }} 页</div>
+                        <div class="page-content">
+                          <p class="preview-text" v-html="getPageContentWithLines(page)"></p>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <!-- 步骤2：材料智能匹配填充 -->
+            <div v-if="bidWizardStep === 1" class="wizard-content">
+              <div class="material-matching">
+                <div class="matching-header">
+                  <h4>材料智能匹配填充</h4>
+                  <p class="matching-desc">自动检索知识库中企业资质、财务报表等资料，自动提取并适应模板并填充全部信息</p>
+                </div>
+                
+                <!-- 应用资料范围筛选 -->
+                <div class="filter-section">
+                  <div class="filter-title">
+                    <el-icon><Filter /></el-icon>
+                    应用资料范围
+                  </div>
+                  <div class="filter-controls">
+                    <el-select v-model="materialFilter.region" placeholder="选择地域" style="width: 150px;" clearable>
+                      <el-option label="江西省" value="jiangxi" />
+                      <el-option label="广东省" value="guangdong" />
+                      <el-option label="浙江省" value="zhejiang" />
+                    </el-select>
+                    <el-select v-model="materialFilter.industry" placeholder="选择行业" style="width: 150px;" clearable>
+                      <el-option label="智慧城市" value="smart-city" />
+                      <el-option label="信息化" value="it" />
+                      <el-option label="工程建设" value="construction" />
+                    </el-select>
+                    <el-select v-model="materialFilter.year" placeholder="选择年份" style="width: 150px;" clearable>
+                      <el-option label="2024" value="2024" />
+                      <el-option label="2023" value="2023" />
+                      <el-option label="2022" value="2022" />
+                    </el-select>
+                    <el-button type="primary" @click="smartMatchAll">
+                      <el-icon><MagicStick /></el-icon>
+                      智能匹配
+                    </el-button>
+                    <el-button type="success" @click="applyAllMaterials">
+                      <el-icon><Check /></el-icon>
+                      一键应用
+                    </el-button>
+                  </div>
+                </div>
+                
+                <!-- 按章节显示匹配材料 -->
+                <div class="material-sections">
+                  <div v-for="(chapter, cIndex) in currentOutline" :key="cIndex" class="material-chapter">
+                    <div class="chapter-title-bar">
+                      <span class="chapter-title">{{ cIndex + 1 }}. {{ chapter.title }}</span>
+                      <div class="chapter-actions">
+                        <el-button size="small" @click="smartMatchChapter(cIndex)">
+                          <el-icon><MagicStick /></el-icon>
+                          智能匹配
+                        </el-button>
+                        <el-button size="small" @click="openAddFileDialog(cIndex)">
+                          <el-icon><Plus /></el-icon>
+                          添加文件
+                        </el-button>
+                        <el-button 
+                          size="small" 
+                          :type="isChapterAllApplied(cIndex) ? 'danger' : 'success'" 
+                          @click="applyChapterMaterials(cIndex)"
+                        >
+                          <el-icon><Check v-if="!isChapterAllApplied(cIndex)" /><Close v-else /></el-icon>
+                          {{ isChapterAllApplied(cIndex) ? '取消应用' : '一键应用' }}
+                        </el-button>
+                      </div>
+                    </div>
+                    
+                    <!-- 匹配到的材料文件列表 -->
+                    <div class="matched-materials" v-if="chapter.materials && chapter.materials.length">
+                      <div v-for="(material, mIndex) in chapter.materials" :key="mIndex" class="material-item" :class="{ applied: material.applied }">
+                        <el-icon class="file-icon" :color="getFileIconColor(material.type)"><Document /></el-icon>
+                        <div class="material-info">
+                          <div class="material-name">{{ material.name }}</div>
+                          <div class="material-meta">
+                            <el-tag size="small" type="info">{{ material.category }}</el-tag>
+                            <span class="match-score" :class="{ high: material.matchScore >= 90 }">
+                              匹配度: {{ material.matchScore }}%
+                            </span>
+                          </div>
+                        </div>
+                        <div class="material-actions">
+                          <el-button text size="small" @click="previewOutlineMaterial(material)">
+                            <el-icon><View /></el-icon>
+                            预览
+                          </el-button>
+                          <el-button 
+                            text 
+                            size="small" 
+                            :type="material.applied ? 'danger' : 'primary'" 
+                            @click="applyMaterial(cIndex, mIndex)"
+                          >
+                            <el-icon><Check v-if="!material.applied" /><Close v-else /></el-icon>
+                            {{ material.applied ? '取消应用' : '应用' }}
+                          </el-button>
+                        </div>
+                      </div>
+                    </div>
+                    <div v-else class="no-materials">
+                      <span>暂无匹配材料，请点击"智能匹配"或"添加文件"</span>
+                    </div>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <!-- 添加文件弹窗 -->
+            <el-dialog v-model="showAddFileDialog" title="添加文件" width="800px">
+              <div class="add-file-dialog">
+                <div class="dialog-subtitle">为 "{{ currentAddFileChapter?.title }}" 选择文件</div>
+                
+                <!-- 文件上传区 -->
+                <el-upload
+                  class="file-upload-area"
+                  drag
+                  :auto-upload="false"
+                  :on-change="handleMaterialUpload"
+                  :show-file-list="false"
+                >
+                  <el-icon size="40" color="#8b5cf6"><UploadFilled /></el-icon>
+                  <div class="upload-text">拖拽文件到此处或 <em>点击上传</em></div>
+                  <div class="upload-tip">支持 PDF、Word、Excel、图片等格式，可同时上传多个文件</div>
+                </el-upload>
+                
+                <!-- 文件筛选 -->
+                <div class="file-filter-bar">
+                  <el-select v-model="fileDialogFilter.region" placeholder="地域" size="small" clearable style="width: 120px;">
+                    <el-option label="江西省" value="jiangxi" />
+                    <el-option label="广东省" value="guangdong" />
+                  </el-select>
+                  <el-select v-model="fileDialogFilter.industry" placeholder="行业" size="small" clearable style="width: 120px;">
+                    <el-option label="智慧城市" value="smart-city" />
+                    <el-option label="信息化" value="it" />
+                  </el-select>
+                  <el-select v-model="fileDialogFilter.year" placeholder="年份" size="small" clearable style="width: 100px;">
+                    <el-option label="2024" value="2024" />
+                    <el-option label="2023" value="2023" />
+                  </el-select>
+                  <el-button type="primary" size="small" @click="searchKnowledgeFiles">
+                    <el-icon><Search /></el-icon>
+                    检索
+                  </el-button>
+                </div>
+                
+                <!-- 知识库文件列表 -->
+                <el-table :data="knowledgeFileList" style="width: 100%;" max-height="300" @selection-change="handleFileSelectionChange">
+                  <el-table-column type="selection" width="50" />
+                  <el-table-column prop="name" label="文件名" min-width="200">
+                    <template #default="{ row }">
+                      <div class="file-name-cell">
+                        <el-icon><Document /></el-icon>
+                        <span>{{ row.name }}</span>
+                      </div>
+                    </template>
+                  </el-table-column>
+                  <el-table-column prop="category" label="分类" width="100">
+                    <template #default="{ row }">
+                      <el-tag size="small" :type="row.categoryType">{{ row.category }}</el-tag>
+                    </template>
+                  </el-table-column>
+                  <el-table-column prop="region" label="地域" width="80" />
+                  <el-table-column prop="year" label="年份" width="80" />
+                  <el-table-column label="操作" width="80">
+                    <template #default="{ row }">
+                      <el-button text size="small" @click="previewOutlineMaterial(row)">查阅</el-button>
+                    </template>
+                  </el-table-column>
+                </el-table>
+              </div>
+              <template #footer>
+                <el-button @click="showAddFileDialog = false">取消</el-button>
+                <el-button type="primary" @click="confirmAddFiles" :disabled="!selectedFiles.length">
+                  添加选中文件 ({{ selectedFiles.length }})
+                </el-button>
+              </template>
+            </el-dialog>
+
+            <!-- 预览文件弹窗 -->
+            <el-dialog v-model="showPreviewDialog" :title="'预览: ' + (previewingFile?.name || '')" width="700px">
+              <div class="file-preview-dialog">
+                <div class="preview-file-info">
+                  <el-tag>{{ previewingFile?.category }}</el-tag>
+                  <span>文件大小: {{ previewingFile?.size || '2.5 MB' }}</span>
+                  <span>上传时间: {{ previewingFile?.uploadTime || '2024-11-20' }}</span>
+                  <div class="preview-tools">
+                    <el-button-group size="small">
+                      <el-button><el-icon><ZoomOut /></el-icon></el-button>
+                      <el-button>100%</el-button>
+                      <el-button><el-icon><ZoomIn /></el-icon></el-button>
+                    </el-button-group>
+                    <el-button size="small"><el-icon><Download /></el-icon> 下载</el-button>
+                  </div>
+                </div>
+                <div class="preview-content-area">
+                  <div class="preview-document-mock">
+                    <el-icon size="60" color="#ef4444"><Document /></el-icon>
+                    <h3>{{ previewingFile?.displayTitle || '营业执照' }}</h3>
+                    <div class="mock-content">
+                      <p><strong>统一社会信用代码：</strong>91360000MA35XXXX1X</p>
+                      <p><strong>名称：</strong>江西XX科技有限公司</p>
+                      <p><strong>类型：</strong>有限责任公司（自然人投资或控股）</p>
+                      <p><strong>法定代表人：</strong>张三</p>
+                      <p><strong>注册资本：</strong>5000万元人民币</p>
+                      <p><strong>成立日期：</strong>2015年03月15日</p>
+                      <p><strong>营业期限：</strong>2015年03月15日至无固定期限</p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+              <template #footer>
+                <el-button @click="showPreviewDialog = false">关闭</el-button>
+                <el-button type="primary" @click="downloadPreviewFile">
+                  <el-icon><Download /></el-icon>
+                  下载文件
+                </el-button>
+              </template>
+            </el-dialog>
+
+            <!-- 步骤3：标书生成 -->
+            <div v-if="bidWizardStep === 2" class="wizard-content">
+              <div class="bid-generation">
+                <div class="generation-header">
+                  <h4>标书生成</h4>
+                  <p class="generation-desc">系统将根据大纲和关联项目内容，自动生成标书文档</p>
+                </div>
+                
+                <div class="generation-content">
+                  <div class="generation-preview">
+                    <div class="preview-sidebar">
+                      <div class="sidebar-title">文档目录</div>
+                      <div class="toc-list">
+                        <div v-for="(chapter, index) in currentOutline" :key="index" class="toc-item" :class="{ active: previewChapter === index }" @click="previewChapter = index">
+                          <span class="toc-number">{{ index + 1 }}</span>
+                          <span class="toc-title">{{ chapter.title }}</span>
+                          <el-icon v-if="chapter.generated" color="#10b981"><CircleCheck /></el-icon>
+                          <el-icon v-else color="#d1d5db"><Clock /></el-icon>
+                        </div>
+                      </div>
+                    </div>
+                    
+                    <div class="preview-main">
+                      <div class="preview-toolbar">
+                        <el-button-group>
+                          <el-button size="small"><el-icon><ZoomOut /></el-icon></el-button>
+                          <el-button size="small">100%</el-button>
+                          <el-button size="small"><el-icon><ZoomIn /></el-icon></el-button>
+                        </el-button-group>
+                        <el-button size="small" type="primary" @click="generateCurrentChapter" :loading="generatingChapter">
+                          <el-icon><MagicStick /></el-icon>
+                          生成当前章节
+                        </el-button>
+                      </div>
+                      <div class="preview-document">
+                        <div v-if="currentOutline[previewChapter]" class="document-content">
+                          <h2>{{ currentOutline[previewChapter].title }}</h2>
+                          <div v-if="currentOutline[previewChapter].content" v-html="currentOutline[previewChapter].content"></div>
+                          <div v-else class="content-placeholder">
+                            <el-icon size="32" color="#d1d5db"><Document /></el-icon>
+                            <p>点击"生成当前章节"按钮生成内容</p>
+                          </div>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+                  
+                  <div class="generation-progress" v-if="generatingBid">
+                    <el-progress :percentage="bidGenerationProgress" :stroke-width="8" />
+                    <span class="progress-text">正在生成标书... {{ bidGenerationProgress }}%</span>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <!-- 向导底部操作栏 -->
+            <div class="wizard-footer">
+              <el-button v-if="bidWizardStep > 0" @click="bidWizardStep--">
+                <el-icon><ArrowLeft /></el-icon>
+                上一步
+              </el-button>
+              <div class="footer-right">
+                <el-button v-if="bidWizardStep < 2" type="primary" @click="bidWizardStep++">
+                  下一步
+                  <el-icon><ArrowRight /></el-icon>
+                </el-button>
+                <el-button v-else type="success" @click="completeBidGeneration">
+                  <el-icon><Download /></el-icon>
+                  导出标书
+                </el-button>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 多语言翻译 -->
+        <div v-if="activeNav === 'file-translate'" class="panel">
+          <div class="panel-header">
+            <h3>多语言翻译</h3>
+            <el-button @click="showTermDialog = true">
+              <el-icon><Grid /></el-icon>
+              术语表管理
+            </el-button>
+          </div>
+          
+          <div class="translate-layout">
+            <div class="translate-controls">
+              <el-radio-group v-model="translateDirection">
+                <el-radio label="zh-en">中文 → 英文</el-radio>
+                <el-radio label="en-zh">英文 → 中文</el-radio>
+              </el-radio-group>
+            </div>
+
+            <div class="translate-panels">
+              <div class="translate-panel">
+                <div class="panel-title">源文本</div>
+                <el-input
+                  v-model="sourceText"
+                  type="textarea"
+                  :rows="15"
+                  placeholder="粘贴或输入需要翻译的文本..."
+                />
+              </div>
+              <div class="translate-panel">
+                <div class="panel-title">翻译结果</div>
+                <el-input
+                  v-model="translatedText"
+                  type="textarea"
+                  :rows="15"
+                  placeholder="翻译结果将显示在这里..."
+                  readonly
+                />
+                <div class="panel-actions">
+                  <el-button size="small" @click="copyTranslation">
+                    <el-icon><Document /></el-icon>
+                    复制
+                  </el-button>
+                  <el-button size="small" @click="exportTranslation">
+                    <el-icon><Download /></el-icon>
+                    导出
+                  </el-button>
+                </div>
+              </div>
+            </div>
+
+            <div class="translate-actions">
+              <el-button type="primary" @click="startTranslate" :loading="translating">
+                <el-icon><MagicStick /></el-icon>
+                开始翻译
+              </el-button>
+              <el-button @click="clearTranslate">清空</el-button>
+            </div>
+          </div>
+        </div>
+
+        <!-- 商务要素提取 -->
+        <div v-if="activeNav === 'parse-business'" class="panel">
+          <div class="panel-header">
+            <h3>商务要素精准提取</h3>
+            <div class="header-actions">
+              <el-select v-model="selectedBidFile" placeholder="选择招标文件" style="width: 300px; margin-right: 12px;">
+                <el-option label="招标文件.pdf" value="1" />
+                <el-option label="补充文件.pdf" value="2" />
+              </el-select>
+              <el-button type="primary" @click="startBusinessExtract" :loading="extracting">
+                <el-icon><MagicStick /></el-icon>
+                开始提取
+              </el-button>
+            </div>
+          </div>
+
+          <el-progress v-if="extracting" :percentage="extractProgress" />
+
+          <div v-if="businessElements.length > 0" class="extract-result">
+            <el-table :data="businessElements" stripe border>
+              <el-table-column prop="element" label="信息项" width="150" />
+              <el-table-column prop="value" label="提取内容" min-width="200" />
+              <el-table-column prop="source" label="来源" width="100" />
+              <el-table-column label="状态" width="120">
+                <template #default="{ row }">
+                  <el-tag :type="row.needConfirm ? 'warning' : 'success'" size="small">
+                    {{ row.needConfirm ? '⚠️需确认' : '✅已确认' }}
+                  </el-tag>
+                </template>
+              </el-table-column>
+              <el-table-column label="备注" min-width="150">
+                <template #default="{ row }">
+                  <span v-if="row.note" class="note-text">{{ row.note }}</span>
+                </template>
+              </el-table-column>
+            </el-table>
+
+            <div class="extract-actions">
+              <el-button @click="exportBusinessElements">
+                <el-icon><Download /></el-icon>
+                导出Excel
+              </el-button>
+              <el-button type="primary" @click="saveBusinessElements">
+                <el-icon><Check /></el-icon>
+                保存到知识库
+              </el-button>
+            </div>
+          </div>
+        </div>
+
+        <!-- 否决项识别 -->
+        <div v-if="activeNav === 'parse-reject'" class="panel rejection-panel">
+          <div class="panel-header">
+            <h3>否决项识别</h3>
+            <div class="header-actions">
+              <el-select v-model="selectedBidFile" placeholder="选择招标文件" style="width: 300px; margin-right: 12px;">
+                <el-option label="招标文件.pdf" value="1" />
+              </el-select>
+              <el-button type="primary" @click="startRejectRecognition" :loading="recognizing">
+                <el-icon><MagicStick /></el-icon>
+                开始识别
+              </el-button>
+            </div>
+          </div>
+
+          <el-progress v-if="recognizing" :percentage="recognizeProgress" />
+
+          <!-- 否决项 -->
+          <div class="rejection-section">
+            <div class="section-header">
+              <h4>
+                <el-icon color="#ef4444"><CircleClose /></el-icon>
+                否决项
+                <el-badge :value="rejectionItems.length" type="danger" />
+              </h4>
+            </div>
+            <div class="items-list">
+              <div 
+                v-for="item in rejectionItems" 
+                :key="item.id"
+                class="rejection-item critical"
+              >
+                <div class="item-icon">{{ item.marker }}</div>
+                <div class="item-content">
+                  <div class="item-text">{{ item.content }}</div>
+                  <div class="item-meta">
+                    <el-tag size="small" type="info">{{ item.source }}</el-tag>
+                    <el-tag size="small" type="danger">高危</el-tag>
+                  </div>
+                </div>
+                <div class="item-actions">
+                  <el-checkbox v-model="item.checked">已确认</el-checkbox>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- 扣分项 -->
+          <div class="deduction-section">
+            <div class="section-header">
+              <h4>
+                <el-icon color="#f59e0b"><Remove /></el-icon>
+                扣分项
+                <el-badge :value="deductionItems.length" type="warning" />
+              </h4>
+              <span class="total-score">总扣分: {{ totalDeduction }}分</span>
+            </div>
+            <div class="items-list">
+              <div 
+                v-for="item in deductionItems" 
+                :key="item.id"
+                class="deduction-item"
+              >
+                <div class="item-icon">•</div>
+                <div class="item-content">
+                  <div class="item-text">{{ item.content }}</div>
+                  <div class="item-meta">
+                    <el-tag size="small" type="info">{{ item.source }}</el-tag>
+                    <el-tag size="small" type="warning">{{ item.score }}分</el-tag>
+                  </div>
+                </div>
+                <div class="item-actions">
+                  <el-checkbox v-model="item.checked">已确认</el-checkbox>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <!-- 加分项 -->
+          <div class="bonus-section">
+            <div class="section-header">
+              <h4>
+                <el-icon color="#10b981"><CirclePlus /></el-icon>
+                加分项
+                <el-badge :value="bonusItems.length" type="success" />
+              </h4>
+              <span class="total-score">总加分: +{{ totalBonus }}分</span>
+            </div>
+            <div class="items-list">
+              <div 
+                v-for="item in bonusItems" 
+                :key="item.id"
+                class="bonus-item"
+              >
+                <div class="item-icon">•</div>
+                <div class="item-content">
+                  <div class="item-text">{{ item.content }}</div>
+                  <div class="item-meta">
+                    <el-tag size="small" type="info">{{ item.source }}</el-tag>
+                    <el-tag size="small" type="success">+{{ item.score }}分</el-tag>
+                  </div>
+                </div>
+                <div class="item-actions">
+                  <el-checkbox v-model="item.checked">已确认</el-checkbox>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <div class="action-buttons">
+            <el-button @click="generateChecklist">
+              <el-icon><Document /></el-icon>
+              生成检查清单
+            </el-button>
+            <el-button @click="exportRejectReport">
+              <el-icon><Download /></el-icon>
+              导出报告
+            </el-button>
+          </div>
+        </div>
+
+        <!-- 技术参数解析 -->
+        <div v-if="activeNav === 'parse-tech'" class="panel">
+          <div class="panel-header">
+            <h3>技术参数解析</h3>
+            <div class="header-actions">
+              <el-select v-model="selectedTechFile" placeholder="选择招标文件" style="width: 300px; margin-right: 12px;">
+                <el-option label="技术规格书.pdf" value="1" />
+                <el-option label="技术要求.pdf" value="2" />
+              </el-select>
+              <el-button type="primary" @click="startTechParse" :loading="techParsing">
+                <el-icon><MagicStick /></el-icon>
+                开始解析
+              </el-button>
+            </div>
+          </div>
+
+          <el-progress v-if="techParsing" :percentage="techParseProgress" />
+
+          <div v-if="techParams.length > 0" class="tech-params-result">
+            <el-table :data="techParams" stripe border>
+              <el-table-column prop="category" label="参数类别" width="150" />
+              <el-table-column prop="param" label="参数名称" width="200" />
+              <el-table-column prop="requirement" label="要求" min-width="200" />
+              <el-table-column prop="ourValue" label="我方参数" width="150">
+                <template #default="{ row }">
+                  <el-input v-model="row.ourValue" size="small" placeholder="填写参数" />
+                </template>
+              </el-table-column>
+              <el-table-column label="符合性" width="120">
+                <template #default="{ row }">
+                  <el-tag :type="checkCompliance(row) ? 'success' : 'danger'" size="small">
+                    {{ checkCompliance(row) ? '✓ 符合' : '✗ 不符合' }}
+                  </el-tag>
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+        </div>
+
+        <!-- 图纸识别 -->
+        <div v-if="activeNav === 'parse-drawing'" class="panel">
+          <div class="panel-header">
+            <h3>图纸智能识别</h3>
+            <div class="header-actions">
+              <el-button type="primary" @click="uploadDrawing">
+                <el-icon><Upload /></el-icon>
+                上传图纸
+              </el-button>
+            </div>
+          </div>
+
+          <div class="drawing-workspace">
+            <div class="drawing-preview">
+              <div v-if="!currentDrawing" class="empty-state">
+                <el-icon class="empty-icon"><Picture /></el-icon>
+                <p>请上传CAD图纸或图片</p>
+              </div>
+              <div v-else class="drawing-viewer">
+                <img :src="currentDrawing.preview" alt="图纸预览" />
+                <div class="drawing-tools">
+                  <el-button-group>
+                    <el-button size="small"><el-icon><ZoomIn /></el-icon></el-button>
+                    <el-button size="small"><el-icon><ZoomOut /></el-icon></el-button>
+                    <el-button size="small"><el-icon><Refresh /></el-icon></el-button>
+                  </el-button-group>
+                </div>
+              </div>
+            </div>
+            <div class="drawing-info">
+              <h4>识别结果</h4>
+              <div v-if="drawingInfo" class="info-list">
+                <div class="info-item">
+                  <span class="label">图纸名称：</span>
+                  <span class="value">{{ drawingInfo.name }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="label">图纸类型：</span>
+                  <span class="value">{{ drawingInfo.type }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="label">尺寸标注：</span>
+                  <span class="value">{{ drawingInfo.dimensions }}</span>
+                </div>
+                <div class="info-item">
+                  <span class="label">关键要素：</span>
+                  <div class="tags">
+                    <el-tag v-for="tag in drawingInfo.tags" :key="tag" size="small">{{ tag }}</el-tag>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 商务文件撰写 -->
+        <div v-if="activeNav === 'write-business'" class="panel business-write-panel">
+          <div class="panel-header">
+            <h3>商务文件撰写</h3>
+          </div>
+
+          <!-- 流程步骤条 -->
+          <div class="business-steps-container">
+            <el-steps :active="businessWriteStep" align-center finish-status="success">
+              <el-step title="项目选择" description="选择要撰写的项目" />
+              <el-step title="商务标大纲生成" description="自动生成文档大纲" />
+              <el-step title="材料智能匹配填充" description="智能匹配知识库资料" />
+              <el-step title="自动格式排版" description="生成正式商务文件" />
+            </el-steps>
+          </div>
+
+          <!-- 步骤1: 项目选择 -->
+          <div v-if="businessWriteStep === 0" class="step-content">
+            <div class="project-selection">
+              <div class="step-title-section">
+                <h4>选择项目</h4>
+                <p class="step-desc-highlight">请选择需要撰写商务文件的项目，系统将自动同步项目标书文件和招标信息提取结果</p>
+              </div>
+              
+              <div class="project-cards">
+                <div 
+                  v-for="project in ongoingProjects" 
+                  :key="project.id"
+                  class="project-card"
+                  :class="{ selected: selectedBusinessProject?.id === project.id }"
+                  @click="selectBusinessProject(project)"
+                >
+                  <div class="project-card-header">
+                    <h5>{{ project.name }}</h5>
+                    <el-tag :type="getProgressTagType(project.progress)" size="small">
+                      {{ project.progress }}
+                    </el-tag>
+                  </div>
+                  <div class="project-card-body">
+                    <div class="project-info-item">
+                      <span class="label">创建时间：</span>
+                      <span class="value">{{ project.createTime }}</span>
+                    </div>
+                    <div v-if="project.extractedInfo" class="project-info-item">
+                      <el-icon color="#10b981"><CircleCheck /></el-icon>
+                      <span class="value">已完成招标信息提取</span>
+                    </div>
+                  </div>
+                  <div v-if="selectedBusinessProject?.id === project.id" class="selected-badge">
+                    <el-icon><CircleCheckFilled /></el-icon>
+                    已选择
+                  </div>
+                </div>
+              </div>
+
+              <div class="step-actions">
+                <el-button 
+                  type="primary" 
+                  size="large"
+                  :disabled="!selectedBusinessProject"
+                  @click="confirmProjectSelection"
+                >
+                  下一步：生成商务标大纲
+                  <el-icon><Right /></el-icon>
+                </el-button>
+              </div>
+            </div>
+          </div>
+
+          <!-- 步骤2: 商务标大纲生成 -->
+          <div v-if="businessWriteStep === 1" class="step-content">
+            <div class="outline-generation">
+              <div class="step-header-bar">
+                <div class="project-badge">
+                  <el-icon><Document /></el-icon>
+                  {{ selectedBusinessProject?.name }}
+                </div>
+                <el-button @click="businessWriteStep = 0" link>
+                  <el-icon><ArrowLeft /></el-icon>
+                  返回项目选择
+                </el-button>
+              </div>
+
+              <h4>商务标大纲生成</h4>
+              <p class="step-desc">基于招标文件格式要求自动生成商务标大纲，支持人工修改目录层级、新增章节</p>
+
+              <div class="outline-actions">
+                <el-button type="primary" @click="generateBusinessOutline" :loading="generatingBusinessOutline">
+                  <el-icon><MagicStick /></el-icon>
+                  自动生成大纲
+                </el-button>
+                <el-button @click="addOutlineSection">
+                  <el-icon><Plus /></el-icon>
+                  新增章节
+                </el-button>
+              </div>
+
+              <div class="outline-content-layout">
+                <!-- 左侧：大纲编辑器 -->
+                <div class="outline-editor-panel">
+                  <div class="panel-title">
+                    <el-icon><Document /></el-icon>
+                    商务标大纲
+                  </div>
+                  <div v-if="businessOutlineData.length > 0" class="outline-editor">
+                    <el-tree
+                      :data="businessOutlineData"
+                      node-key="id"
+                      default-expand-all
+                      :props="{ label: 'title', children: 'children' }"
+                      draggable
+                      :allow-drop="allowDrop"
+                    >
+                      <template #default="{ node, data }">
+                        <div class="custom-tree-node">
+                          <span class="node-title">{{ data.title }}</span>
+                          <div class="node-actions">
+                            <el-button size="small" text @click.stop="editOutlineNode(data)">
+                              <el-icon><Edit /></el-icon>
+                            </el-button>
+                            <el-button size="small" text @click.stop="addChildNode(data)">
+                              <el-icon><Plus /></el-icon>
+                            </el-button>
+                            <el-button size="small" text type="danger" @click.stop="deleteOutlineNode(data)">
+                              <el-icon><Delete /></el-icon>
+                            </el-button>
+                          </div>
+                        </div>
+                      </template>
+                    </el-tree>
+                  </div>
+                  <div v-else class="outline-empty">
+                    <el-empty description="点击【自动生成大纲】开始" :image-size="100" />
+                  </div>
+                </div>
+
+                <!-- 右侧：招标文件浏览 -->
+                <div class="bidding-document-viewer">
+                  <div class="viewer-header">
+                    <div class="viewer-title">
+                      <el-icon><Reading /></el-icon>
+                      招标文件正文
+                    </div>
+                    <div class="viewer-tools">
+                      <el-button-group size="small">
+                        <el-button @click="documentZoomOut">
+                          <el-icon><ZoomOut /></el-icon>
+                        </el-button>
+                        <el-button>{{ documentZoom }}%</el-button>
+                        <el-button @click="documentZoomIn">
+                          <el-icon><ZoomIn /></el-icon>
+                        </el-button>
+                      </el-button-group>
+                      <el-button size="small" @click="downloadDocument">
+                        <el-icon><Download /></el-icon>
+                        下载
+                      </el-button>
+                    </div>
+                  </div>
+                  <div class="viewer-content" :style="{ transform: `scale(${documentZoom / 100})` }">
+                    <div class="document-page">
+                      <h2 style="text-align: center; margin-bottom: 24px;">某数据中心发电机组采购项目</h2>
+                      <h3 style="margin-top: 20px;">一、项目概况</h3>
+                      <p>1.1 项目名称：某数据中心发电机组采购项目</p>
+                      <p>1.2 招标单位：XX数据中心有限公司</p>
+                      <p>1.3 项目地点：江西省南昌市</p>
+                      <p>1.4 招标方式：公开招标</p>
+                      
+                      <h3 style="margin-top: 20px;">二、投标文件编制要求</h3>
+                      <p>2.1 投标文件应包括商务标和技术标两部分</p>
+                      <p>2.2 商务标应包含以下内容：</p>
+                      <p style="padding-left: 20px;">（1）投标函</p>
+                      <p style="padding-left: 20px;">（2）法定代表人身份证明</p>
+                      <p style="padding-left: 20px;">（3）授权委托书</p>
+                      <p style="padding-left: 20px;">（4）投标保证金</p>
+                      <p style="padding-left: 20px;">（5）资格证明文件</p>
+                      <p style="padding-left: 40px;">① 营业执照副本</p>
+                      <p style="padding-left: 40px;">② 资质证书</p>
+                      <p style="padding-left: 40px;">③ 安全生产许可证</p>
+                      <p style="padding-left: 20px;">（6）财务状况</p>
+                      <p style="padding-left: 40px;">① 近三年财务审计报告</p>
+                      <p style="padding-left: 40px;">② 银行资信证明</p>
+                      <p style="padding-left: 20px;">（7）业绩证明</p>
+                      
+                      <h3 style="margin-top: 20px;">三、技术要求</h3>
+                      <p>3.1 设备类型：柴油发电机组</p>
+                      <p>3.2 额定功率：≥500kW</p>
+                      <p>3.3 额定电压：400V/230V</p>
+                      <p>3.4 频率：50Hz</p>
+                      <p>3.5 启动方式：电启动</p>
+                      <p>3.6 冷却方式：水冷</p>
+                      <p>3.7 噪音要求：≤85dB(A)</p>
+                      <p>3.8 防护等级：IP54</p>
+                      
+                      <h3 style="margin-top: 20px;">四、投标截止时间和开标时间</h3>
+                      <p>4.1 投标截止时间：2024年12月14日 17:00</p>
+                      <p>4.2 开标时间：2024年12月15日 09:30</p>
+                      <p>4.3 开标地点：XX数据中心会议室</p>
+                      
+                      <h3 style="margin-top: 20px;">五、其他要求</h3>
+                      <p>5.1 投标保证金：人民币50,000元</p>
+                      <p>5.2 投标有效期：90天</p>
+                      <p>5.3 联系人：张工</p>
+                      <p>5.4 联系电话：0791-88888888</p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <div class="step-actions">
+                <el-button @click="businessWriteStep = 0">
+                  <el-icon><ArrowLeft /></el-icon>
+                  上一步
+                </el-button>
+                <el-button 
+                  type="primary" 
+                  size="large"
+                  :disabled="businessOutlineData.length === 0"
+                  @click="businessWriteStep = 2"
+                >
+                  下一步：材料智能匹配
+                  <el-icon><Right /></el-icon>
+                </el-button>
+              </div>
+            </div>
+          </div>
+
+          <!-- 步骤3: 材料智能匹配填充 -->
+          <div v-if="businessWriteStep === 2" class="step-content">
+            <div class="material-matching">
+              <div class="step-header-bar">
+                <div class="project-badge">
+                  <el-icon><Document /></el-icon>
+                  {{ selectedBusinessProject?.name }}
+                </div>
+                <el-button @click="businessWriteStep = 1" link>
+                  <el-icon><ArrowLeft /></el-icon>
+                  返回大纲编辑
+                </el-button>
+              </div>
+
+              <h4>材料智能匹配填充</h4>
+              <p class="step-desc">自动检索知识库中企业资质、财务报表等资料，自动提取承诺函模板并填充企业信息</p>
+
+              <div class="material-filter">
+                <div class="filter-title">
+                  <el-icon><Filter /></el-icon>
+                  应用资料范围
+                </div>
+                <el-form :inline="true">
+                  <el-form-item label="地域">
+                    <el-select v-model="materialFilter.region" placeholder="选择地域" style="width: 150px">
+                      <el-option label="全部" value="" />
+                      <el-option label="江西省" value="jiangxi" />
+                      <el-option label="南昌市" value="nanchang" />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="行业">
+                    <el-select v-model="materialFilter.industry" placeholder="选择行业" style="width: 150px">
+                      <el-option label="全部" value="" />
+                      <el-option label="电力工程" value="power" />
+                      <el-option label="建筑工程" value="construction" />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="年份">
+                    <el-select v-model="materialFilter.year" placeholder="选择年份" style="width: 120px">
+                      <el-option label="全部" value="" />
+                      <el-option label="2024" value="2024" />
+                      <el-option label="2023" value="2023" />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item>
+                    <el-button type="primary" @click="autoMatchAllMaterials" :loading="matchingAllMaterials">
+                      <el-icon><MagicStick /></el-icon>
+                      智能匹配
+                    </el-button>
+                    <el-button 
+                      :type="allMaterialsApplied ? 'info' : 'success'" 
+                      @click="toggleApplyAllMaterials" 
+                      :loading="applyingAllMaterials"
+                    >
+                      <el-icon v-if="allMaterialsApplied"><CircleClose /></el-icon>
+                      <el-icon v-else><CircleCheck /></el-icon>
+                      {{ allMaterialsApplied ? '取消应用' : '一键应用' }}
+                    </el-button>
+                  </el-form-item>
+                </el-form>
+              </div>
+
+              <div class="material-sections">
+                <div v-for="section in businessOutlineData" :key="section.id" class="material-section">
+                  <div class="section-header">
+                    <h5>{{ section.title }}</h5>
+                    <div class="section-actions">
+                      <el-button size="small" type="primary" @click="autoMatchMaterial(section)">
+                        <el-icon><MagicStick /></el-icon>
+                        智能匹配
+                      </el-button>
+                      <el-button size="small" @click="openChangeMaterialDialog(section)">
+                        <el-icon><Plus /></el-icon>
+                        增加文件
+                      </el-button>
+                      <el-button 
+                        size="small" 
+                        :type="isSectionAllApplied(section) ? 'info' : 'success'" 
+                        @click="toggleApplySectionMaterials(section)"
+                      >
+                        <el-icon v-if="isSectionAllApplied(section)"><CircleClose /></el-icon>
+                        <el-icon v-else><CircleCheck /></el-icon>
+                        {{ isSectionAllApplied(section) ? '取消应用' : '一键应用' }}
+                      </el-button>
+                    </div>
+                  </div>
+                  
+                  <div v-if="section.matchedMaterials && section.matchedMaterials.length > 0" class="matched-materials">
+                    <div v-for="material in section.matchedMaterials" :key="material.id" class="material-item">
+                      <div class="material-info">
+                        <el-icon><Document /></el-icon>
+                        <div class="material-details">
+                          <div class="material-name">{{ material.name }}</div>
+                          <div class="material-meta">
+                            <el-tag size="small">{{ material.category }}</el-tag>
+                            <span class="match-score">匹配度: {{ material.matchScore }}%</span>
+                          </div>
+                        </div>
+                      </div>
+                      <div class="material-actions">
+                        <el-button size="small" @click="previewMaterial(material)">
+                          <el-icon><View /></el-icon>
+                          预览
+                        </el-button>
+                        <el-button 
+                          size="small" 
+                          :type="material.applied ? 'success' : 'primary'" 
+                          @click="toggleApplyMaterial(section, material)"
+                        >
+                          <el-icon v-if="material.applied"><CircleCheck /></el-icon>
+                          <el-icon v-else><Check /></el-icon>
+                          {{ material.applied ? '已应用' : '应用' }}
+                        </el-button>
+                      </div>
+                    </div>
+                  </div>
+                  
+                  <div v-else class="no-materials">
+                    <el-empty description="暂无匹配的材料，点击【智能匹配】自动检索" :image-size="80" />
+                  </div>
+                </div>
+              </div>
+
+              <div class="step-actions">
+                <el-button @click="businessWriteStep = 1">
+                  <el-icon><ArrowLeft /></el-icon>
+                  上一步
+                </el-button>
+                <el-button 
+                  type="primary" 
+                  size="large"
+                  @click="businessWriteStep = 3"
+                >
+                  生成标书文件
+                  <el-icon><Right /></el-icon>
+                </el-button>
+              </div>
+            </div>
+          </div>
+
+          <!-- 文件预览弹窗 -->
+          <el-dialog
+            v-model="previewMaterialDialogVisible"
+            :title="`预览：${previewingMaterial?.name || ''}`"
+            width="1000px"
+            :close-on-click-modal="false"
+          >
+            <div class="material-preview-dialog">
+              <div class="preview-toolbar">
+                <div class="file-info">
+                  <el-tag>{{ previewingMaterial?.category }}</el-tag>
+                  <span class="file-size">文件大小: 2.5 MB</span>
+                  <span class="file-date">上传时间: 2024-11-20</span>
+                </div>
+                <div class="preview-actions">
+                  <el-button-group size="small">
+                    <el-button @click="zoomOut">
+                      <el-icon><ZoomOut /></el-icon>
+                    </el-button>
+                    <el-button>{{ Math.round(previewZoom * 100) }}%</el-button>
+                    <el-button @click="zoomIn">
+                      <el-icon><ZoomIn /></el-icon>
+                    </el-button>
+                  </el-button-group>
+                  <el-button size="small" @click="downloadPreviewFile">
+                    <el-icon><Download /></el-icon>
+                    下载
+                  </el-button>
+                </div>
+              </div>
+
+              <div class="preview-content-area">
+                <div class="preview-document" :style="{ transform: `scale(${previewZoom})` }">
+                  <!-- PDF/图片预览区域 -->
+                  <div v-if="previewingMaterial?.name.endsWith('.pdf')" class="pdf-preview">
+                    <div class="document-page">
+                      <div class="page-header">
+                        <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 24 24'%3E%3Cpath fill='%23dc2626' d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z'/%3E%3Cpath fill='%23fff' d='M14 2v6h6'/%3E%3C/svg%3E" alt="PDF" style="width: 60px; margin: 20px auto; display: block;">
+                        <h3 style="text-align: center; color: #1f2937; margin: 20px 0;">{{ previewingMaterial?.name }}</h3>
+                      </div>
+                      
+                      <!-- 根据文件类型显示不同内容 -->
+                      <div v-if="previewingMaterial?.name.includes('营业执照')" class="document-content">
+                        <h2 style="text-align: center; margin: 30px 0; font-size: 24px; color: #dc2626;">营业执照</h2>
+                        <div style="padding: 20px 40px; line-height: 2;">
+                          <p><strong>统一社会信用代码：</strong>91360000MA35XXXX1X</p>
+                          <p><strong>名称：</strong>江西XX科技有限公司</p>
+                          <p><strong>类型：</strong>有限责任公司（自然人投资或控股）</p>
+                          <p><strong>法定代表人：</strong>张三</p>
+                          <p><strong>注册资本：</strong>5000万元人民币</p>
+                          <p><strong>成立日期：</strong>2015年03月15日</p>
+                          <p><strong>营业期限：</strong>2015年03月15日至无固定期限</p>
+                          <p><strong>住所：</strong>江西省南昌市红谷滩区XX路XX号</p>
+                          <p><strong>经营范围：</strong>电力工程设计、施工；机电设备安装；建筑智能化工程；消防设施工程；安全技术防范工程；计算机系统集成；软件开发；技术咨询服务。（依法须经批准的项目，经相关部门批准后方可开展经营活动）</p>
+                        </div>
+                        <div style="text-align: right; padding: 40px; color: #6b7280;">
+                          <p>发照日期：2024年01月10日</p>
+                          <p style="margin-top: 20px;">（盖章）</p>
+                        </div>
+                      </div>
+
+                      <div v-else-if="previewingMaterial?.name.includes('资质证书')" class="document-content">
+                        <h2 style="text-align: center; margin: 30px 0; font-size: 24px; color: #2563eb;">建筑业企业资质证书</h2>
+                        <div style="padding: 20px 40px; line-height: 2;">
+                          <p><strong>企业名称：</strong>江西XX科技有限公司</p>
+                          <p><strong>统一社会信用代码：</strong>91360000MA35XXXX1X</p>
+                          <p><strong>资质类别及等级：</strong></p>
+                          <ul style="padding-left: 40px; margin: 10px 0;">
+                            <li>电力工程施工总承包 贰级</li>
+                            <li>建筑机电安装工程专业承包 贰级</li>
+                            <li>消防设施工程专业承包 贰级</li>
+                          </ul>
+                          <p><strong>法定代表人：</strong>张三</p>
+                          <p><strong>企业负责人：</strong>张三</p>
+                          <p><strong>技术负责人：</strong>李四</p>
+                          <p><strong>注册资本：</strong>5000万元</p>
+                          <p><strong>证书编号：</strong>A236XXXXXXXX</p>
+                          <p><strong>有效期至：</strong>2029年12月31日</p>
+                        </div>
+                        <div style="text-align: right; padding: 40px; color: #6b7280;">
+                          <p>发证机关：江西省住房和城乡建设厅</p>
+                          <p>发证日期：2024年01月15日</p>
+                        </div>
+                      </div>
+
+                      <div v-else-if="previewingMaterial?.name.includes('财务审计')" class="document-content">
+                        <h2 style="text-align: center; margin: 30px 0; font-size: 22px;">审计报告</h2>
+                        <div style="padding: 20px 40px; line-height: 1.8;">
+                          <h3 style="margin: 20px 0; color: #1f2937;">一、审计意见</h3>
+                          <p style="text-indent: 2em;">我们审计了江西XX科技有限公司（以下简称"贵公司"）财务报表，包括2024年12月31日的资产负债表，2024年度的利润表、现金流量表、所有者权益变动表以及相关财务报表附注。</p>
+                          
+                          <h3 style="margin: 20px 0; color: #1f2937;">二、主要财务数据</h3>
+                          <table style="width: 100%; border-collapse: collapse; margin: 20px 0;">
+                            <tr style="background: #f3f4f6;">
+                              <th style="border: 1px solid #e5e7eb; padding: 12px; text-align: left;">项目</th>
+                              <th style="border: 1px solid #e5e7eb; padding: 12px; text-align: right;">2024年度（万元）</th>
+                              <th style="border: 1px solid #e5e7eb; padding: 12px; text-align: right;">2023年度（万元）</th>
+                            </tr>
+                            <tr>
+                              <td style="border: 1px solid #e5e7eb; padding: 12px;">营业收入</td>
+                              <td style="border: 1px solid #e5e7eb; padding: 12px; text-align: right;">12,580</td>
+                              <td style="border: 1px solid #e5e7eb; padding: 12px; text-align: right;">10,230</td>
+                            </tr>
+                            <tr>
+                              <td style="border: 1px solid #e5e7eb; padding: 12px;">净利润</td>
+                              <td style="border: 1px solid #e5e7eb; padding: 12px; text-align: right;">1,856</td>
+                              <td style="border: 1px solid #e5e7eb; padding: 12px; text-align: right;">1,523</td>
+                            </tr>
+                            <tr>
+                              <td style="border: 1px solid #e5e7eb; padding: 12px;">资产总额</td>
+                              <td style="border: 1px solid #e5e7eb; padding: 12px; text-align: right;">25,600</td>
+                              <td style="border: 1px solid #e5e7eb; padding: 12px; text-align: right;">22,100</td>
+                            </tr>
+                            <tr>
+                              <td style="border: 1px solid #e5e7eb; padding: 12px;">负债总额</td>
+                              <td style="border: 1px solid #e5e7eb; padding: 12px; text-align: right;">15,200</td>
+                              <td style="border: 1px solid #e5e7eb; padding: 12px; text-align: right;">13,800</td>
+                            </tr>
+                            <tr>
+                              <td style="border: 1px solid #e5e7eb; padding: 12px;">所有者权益</td>
+                              <td style="border: 1px solid #e5e7eb; padding: 12px; text-align: right;">10,400</td>
+                              <td style="border: 1px solid #e5e7eb; padding: 12px; text-align: right;">8,300</td>
+                            </tr>
+                          </table>
+                          
+                          <div style="margin-top: 40px; text-align: right;">
+                            <p>XX会计师事务所（特殊普通合伙）</p>
+                            <p>中国注册会计师：王五</p>
+                            <p>中国注册会计师：赵六</p>
+                            <p style="margin-top: 20px;">2024年3月15日</p>
+                          </div>
+                        </div>
+                      </div>
+
+                      <div v-else class="document-content">
+                        <div style="padding: 60px; text-align: center; color: #6b7280;">
+                          <el-icon style="font-size: 80px; margin-bottom: 20px;"><Document /></el-icon>
+                          <p style="font-size: 16px;">{{ previewingMaterial?.name }}</p>
+                          <p style="margin-top: 10px;">文件预览</p>
+                        </div>
+                      </div>
+                    </div>
+                  </div>
+
+                  <div v-else class="other-file-preview">
+                    <el-empty description="暂不支持该文件格式的在线预览" :image-size="120">
+                      <el-button type="primary" @click="downloadPreviewFile">
+                        <el-icon><Download /></el-icon>
+                        下载文件查看
+                      </el-button>
+                    </el-empty>
+                  </div>
+                </div>
+              </div>
+            </div>
+
+            <template #footer>
+              <el-button @click="previewMaterialDialogVisible = false">关闭</el-button>
+              <el-button type="primary" @click="downloadPreviewFile">
+                <el-icon><Download /></el-icon>
+                下载文件
+              </el-button>
+            </template>
+          </el-dialog>
+
+          <!-- 增加文件弹窗 -->
+          <el-dialog
+            v-model="changeMaterialDialogVisible"
+            title="增加文件"
+            width="900px"
+            :close-on-click-modal="false"
+          >
+            <div class="change-material-dialog">
+              <div class="dialog-section-title">
+                <el-icon><Folder /></el-icon>
+                <span>为 "{{ currentChangingSection?.title || '当前章节' }}" 选择文件</span>
+              </div>
+
+              <!-- 上传文件区域 -->
+              <div class="dialog-upload-area">
+                <!-- 自定义上传触发区域 -->
+                <div class="custom-upload-trigger" @click="triggerFileUpload">
+                  <el-icon class="el-icon--upload"><UploadFilled /></el-icon>
+                  <div class="el-upload__text">
+                    拖拽文件到此处或 <em>点击上传</em>
+                  </div>
+                  <div class="el-upload__tip">
+                    支持 PDF、Word、Excel、图片等格式，可同时上传多个文件
+                  </div>
+                </div>
+                
+                <!-- 隐藏的文件输入框 -->
+                <input
+                  ref="fileInputRef"
+                  type="file"
+                  accept=".pdf,.doc,.docx,.xls,.xlsx,.jpg,.jpeg,.png"
+                  multiple
+                  style="display: none;"
+                  @change="handleFileInputChange"
+                />
+              </div>
+
+              <!-- 已上传文件列表 -->
+              <div v-if="uploadedFiles.length > 0" class="uploaded-files-section">
+                <div class="section-title">
+                  <el-icon><Files /></el-icon>
+                  已上传文件 ({{ uploadedFiles.length }})
+                </div>
+                <div class="uploaded-files-list">
+                  <div v-for="file in uploadedFiles" :key="file.id" class="uploaded-file-item">
+                    <div class="file-info">
+                      <el-icon><Document /></el-icon>
+                      <div class="file-details">
+                        <div class="file-name">{{ file.name }}</div>
+                        <div class="file-meta">
+                          <span class="file-size">{{ formatFileSize(file.size) }}</span>
+                          <el-tag size="small" type="success">新上传</el-tag>
+                        </div>
+                      </div>
+                    </div>
+                    <div class="file-actions">
+                      <el-button size="small" text @click="previewUploadedFile(file)">
+                        <el-icon><View /></el-icon>
+                        浏览
+                      </el-button>
+                      <el-button size="small" text type="danger" @click="removeUploadedFile(file)">
+                        <el-icon><Delete /></el-icon>
+                        删除
+                      </el-button>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <!-- 筛选条件 -->
+              <div class="dialog-filter">
+                <el-form :inline="true">
+                  <el-form-item label="地域">
+                    <el-select v-model="dialogMaterialFilter.region" placeholder="选择地域" style="width: 150px">
+                      <el-option label="全部" value="" />
+                      <el-option label="江西省" value="jiangxi" />
+                      <el-option label="南昌市" value="nanchang" />
+                      <el-option label="赣州市" value="ganzhou" />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="行业">
+                    <el-select v-model="dialogMaterialFilter.industry" placeholder="选择行业" style="width: 150px">
+                      <el-option label="全部" value="" />
+                      <el-option label="电力工程" value="power" />
+                      <el-option label="建筑工程" value="construction" />
+                      <el-option label="市政工程" value="municipal" />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="年份">
+                    <el-select v-model="dialogMaterialFilter.year" placeholder="选择年份" style="width: 120px">
+                      <el-option label="全部" value="" />
+                      <el-option label="2024" value="2024" />
+                      <el-option label="2023" value="2023" />
+                      <el-option label="2022" value="2022" />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item>
+                    <el-button type="primary" @click="searchDialogMaterials">
+                      <el-icon><Search /></el-icon>
+                      检索
+                    </el-button>
+                  </el-form-item>
+                </el-form>
+              </div>
+
+              <!-- 文件列表 -->
+              <div class="dialog-file-list">
+                <el-table
+                  :data="availableMaterials"
+                  @selection-change="handleMaterialSelectionChange"
+                  max-height="400"
+                >
+                  <el-table-column type="selection" width="55" />
+                  <el-table-column label="文件名" min-width="200">
+                    <template #default="{ row }">
+                      <div class="file-name-cell">
+                        <el-icon><Document /></el-icon>
+                        <span>{{ row.name }}</span>
+                      </div>
+                    </template>
+                  </el-table-column>
+                  <el-table-column prop="category" label="分类" width="120">
+                    <template #default="{ row }">
+                      <el-tag size="small">{{ row.category }}</el-tag>
+                    </template>
+                  </el-table-column>
+                  <el-table-column prop="region" label="地域" width="100" />
+                  <el-table-column prop="year" label="年份" width="80" />
+                  <el-table-column label="操作" width="100">
+                    <template #default="{ row }">
+                      <el-button size="small" text @click="previewDialogMaterial(row)">
+                        <el-icon><View /></el-icon>
+                        浏览
+                      </el-button>
+                    </template>
+                  </el-table-column>
+                </el-table>
+              </div>
+
+              <div class="dialog-selected-info">
+                <el-tag v-if="selectedMaterials.length > 0" type="info">
+                  已选择 {{ selectedMaterials.length }} 个文件
+                </el-tag>
+              </div>
+            </div>
+
+            <template #footer>
+              <div class="dialog-footer-info">
+                <span v-if="selectedMaterials.length > 0 || uploadedFiles.length > 0">
+                  已选择 {{ selectedMaterials.length }} 个知识库文件，{{ uploadedFiles.length }} 个上传文件
+                </span>
+              </div>
+              <el-button @click="cancelChangeMaterial">取消</el-button>
+              <el-button 
+                type="primary" 
+                @click="confirmChangeMaterial" 
+                :disabled="selectedMaterials.length === 0 && uploadedFiles.length === 0"
+              >
+                确定添加 ({{ selectedMaterials.length + uploadedFiles.length }})
+              </el-button>
+            </template>
+          </el-dialog>
+
+          <!-- 步骤4: 自动格式排版 -->
+          <div v-if="businessWriteStep === 3" class="step-content">
+            <div class="document-editor-layout">
+              <div class="step-header-bar">
+                <div class="project-badge">
+                  <el-icon><Document /></el-icon>
+                  {{ selectedBusinessProject?.name }}
+                </div>
+                <div class="header-actions">
+                  <el-button @click="businessWriteStep = 2" link>
+                    <el-icon><ArrowLeft /></el-icon>
+                    返回材料匹配
+                  </el-button>
+                  <el-button type="success" @click="saveBusinessDocument">
+                    <el-icon><Check /></el-icon>
+                    保存文档
+                  </el-button>
+                  <el-button @click="exportBusinessDocument">
+                    <el-icon><Download /></el-icon>
+                    导出
+                  </el-button>
+                </div>
+              </div>
+
+              <div class="editor-container">
+                <!-- 左侧：文档编辑器 -->
+                <div class="document-editor">
+                  <div class="editor-toolbar">
+                    <el-button-group size="small">
+                      <el-button @click="formatText('bold')">
+                        <strong>B</strong>
+                      </el-button>
+                      <el-button @click="formatText('italic')">
+                        <em>I</em>
+                      </el-button>
+                      <el-button @click="formatText('underline')">
+                        <u>U</u>
+                      </el-button>
+                    </el-button-group>
+                    
+                    <el-divider direction="vertical" />
+                    
+                    <el-select v-model="editorFormat.fontFamily" size="small" style="width: 120px">
+                      <el-option label="宋体" value="SimSun" />
+                      <el-option label="黑体" value="SimHei" />
+                      <el-option label="微软雅黑" value="Microsoft YaHei" />
+                      <el-option label="楷体" value="KaiTi" />
+                    </el-select>
+                    
+                    <el-select v-model="editorFormat.fontSize" size="small" style="width: 100px">
+                      <el-option label="小四" value="12pt" />
+                      <el-option label="四号" value="14pt" />
+                      <el-option label="小三" value="15pt" />
+                      <el-option label="三号" value="16pt" />
+                      <el-option label="小二" value="18pt" />
+                      <el-option label="二号" value="22pt" />
+                    </el-select>
+                    
+                    <el-divider direction="vertical" />
+                    
+                    <el-button-group size="small">
+                      <el-button @click="formatText('alignLeft')">左对齐</el-button>
+                      <el-button @click="formatText('alignCenter')">居中</el-button>
+                      <el-button @click="formatText('alignRight')">右对齐</el-button>
+                    </el-button-group>
+                    
+                    <el-divider direction="vertical" />
+                    
+                    <el-select v-model="editorFormat.heading" size="small" style="width: 120px" placeholder="标题样式">
+                      <el-option label="正文" value="normal" />
+                      <el-option label="一级标题" value="h1" />
+                      <el-option label="二级标题" value="h2" />
+                      <el-option label="三级标题" value="h3" />
+                    </el-select>
+                  </div>
+                  
+                  <div 
+                    class="editor-content" 
+                    contenteditable="true"
+                    :style="{
+                      fontFamily: editorFormat.fontFamily,
+                      fontSize: editorFormat.fontSize
+                    }"
+                    v-html="businessDocumentContent"
+                    @input="updateBusinessDocContent"
+                  >
+                  </div>
+                </div>
+
+                <!-- 右侧：智能对话助手 -->
+                <div class="ai-assistant">
+                  <div class="assistant-header">
+                    <el-icon><MagicStick /></el-icon>
+                    <span>智能对话助手</span>
+                  </div>
+                  
+                  <div class="chat-messages" ref="outlineChatMessagesRef">
+                    <div v-for="msg in chatMessages" :key="msg.id" class="chat-message" :class="msg.role">
+                      <div class="message-avatar">
+                        <el-icon v-if="msg.role === 'assistant'"><MagicStick /></el-icon>
+                        <el-icon v-else><User /></el-icon>
+                      </div>
+                      <div class="message-content">
+                        <div class="message-text">{{ msg.content }}</div>
+                        <div class="message-time">{{ msg.time }}</div>
+                      </div>
+                    </div>
+                  </div>
+                  
+                  <div class="chat-input">
+                    <el-input
+                      v-model="chatInput"
+                      type="textarea"
+                      :rows="3"
+                      placeholder="输入您的问题或需求，AI助手将帮助您优化文档内容..."
+                      @keydown.ctrl.enter="sendBusinessChatMessage"
+                    />
+                    <el-button type="primary" @click="sendBusinessChatMessage" :loading="chatSending">
+                      <el-icon><Promotion /></el-icon>
+                      发送
+                    </el-button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 技术标撰写 -->
+        <div v-if="activeNav === 'write-tech'" class="panel business-write-panel">
+          <div class="panel-header">
+            <h3>技术标智能撰写</h3>
+          </div>
+
+          <!-- 步骤指示器 -->
+          <div class="business-write-steps">
+            <el-steps :active="techWriteStep" align-center>
+              <el-step title="选择项目" description="选择要撰写技术标的项目" />
+              <el-step title="生成大纲" description="AI智能生成技术标大纲" />
+              <el-step title="技术方案" description="填充技术方案和参数" />
+              <el-step title="生成文件" description="自动排版生成技术标" />
+            </el-steps>
+          </div>
+
+          <!-- 步骤1: 选择项目 -->
+          <div v-if="techWriteStep === 0" class="step-content">
+            <div class="project-selection">
+              <div class="step-title-section">
+                <h4>选择项目</h4>
+                <p class="step-desc-highlight">请选择需要撰写技术文件的项目，系统将自动同步项目标书文件和招标信息提取结果</p>
+              </div>
+              
+              <div class="project-cards">
+                <div 
+                  v-for="project in ongoingProjects" 
+                  :key="project.id"
+                  class="project-card"
+                  :class="{ selected: selectedTechProject?.id === project.id }"
+                  @click="selectTechProject(project)"
+                >
+                  <div class="project-card-header">
+                    <h5>{{ project.name }}</h5>
+                    <el-tag :type="getProgressTagType(project.progress)" size="small">
+                      {{ project.progress }}
+                    </el-tag>
+                  </div>
+                  <div class="project-card-body">
+                    <div class="project-info-item">
+                      <span class="label">创建时间：</span>
+                      <span class="value">{{ project.createTime }}</span>
+                    </div>
+                    <div v-if="project.extractedInfo" class="project-info-item">
+                      <el-icon color="#10b981"><CircleCheck /></el-icon>
+                      <span class="value">已完成招标信息提取</span>
+                    </div>
+                  </div>
+                  <div v-if="selectedTechProject?.id === project.id" class="selected-badge">
+                    <el-icon><CircleCheckFilled /></el-icon>
+                    已选择
+                  </div>
+                </div>
+              </div>
+
+              <div class="step-actions">
+                <el-button 
+                  type="primary" 
+                  size="large"
+                  :disabled="!selectedTechProject"
+                  @click="techWriteStep = 1"
+                >
+                  下一步：生成技术标大纲
+                  <el-icon><Right /></el-icon>
+                </el-button>
+              </div>
+            </div>
+          </div>
+
+          <!-- 步骤2: 生成技术标大纲 -->
+          <div v-if="techWriteStep === 1" class="step-content">
+            <div class="outline-generation-layout">
+              <div class="step-header-bar">
+                <div class="project-badge">
+                  <el-icon><Document /></el-icon>
+                  {{ selectedTechProject?.name }}
+                </div>
+                <el-button @click="techWriteStep = 0" link>
+                  <el-icon><ArrowLeft /></el-icon>
+                  返回项目选择
+                </el-button>
+              </div>
+
+              <div class="outline-split-view">
+                <!-- 左侧：大纲编辑器 -->
+                <div class="outline-editor-section">
+                  <h4>技术标大纲生成</h4>
+                  <p class="step-desc">基于招标文件格式要求自动生成技术标大纲，支持人工修改目录层级、新增章节</p>
+
+                  <div class="outline-actions">
+                    <el-button type="primary" @click="generateTechOutline" :loading="generatingTechOutline">
+                      <el-icon><MagicStick /></el-icon>
+                      {{ generatingTechOutline ? '正在生成...' : 'AI生成大纲' }}
+                    </el-button>
+                    <el-button @click="addTechSection">
+                      <el-icon><Plus /></el-icon>
+                      添加章节
+                    </el-button>
+                  </div>
+
+                  <div v-if="techOutlineData.length > 0" class="outline-tree">
+                    <el-tree
+                      :data="techOutlineData"
+                      node-key="id"
+                      default-expand-all
+                      draggable
+                      :allow-drop="allowDrop"
+                    >
+                      <template #default="{ node, data }">
+                        <div class="tree-node-content">
+                          <span class="node-title">{{ data.title }}</span>
+                          <div class="node-actions">
+                            <el-button size="small" text @click.stop="editTechSection(data)">
+                              <el-icon><Edit /></el-icon>
+                            </el-button>
+                            <el-button size="small" text type="danger" @click.stop="deleteTechSection(data)">
+                              <el-icon><Delete /></el-icon>
+                            </el-button>
+                          </div>
+                        </div>
+                      </template>
+                    </el-tree>
+                  </div>
+
+                  <el-empty v-else description="点击【AI生成大纲】开始" :image-size="120" />
+                </div>
+
+                <!-- 右侧：招标文件浏览 -->
+                <div class="bidding-document-viewer">
+                  <div class="viewer-header">
+                    <div class="viewer-title">
+                      <el-icon><Reading /></el-icon>
+                      招标文件正文
+                    </div>
+                    <div class="viewer-tools">
+                      <el-button-group size="small">
+                        <el-button @click="documentZoomOut">
+                          <el-icon><ZoomOut /></el-icon>
+                        </el-button>
+                        <el-button>{{ documentZoom }}%</el-button>
+                        <el-button @click="documentZoomIn">
+                          <el-icon><ZoomIn /></el-icon>
+                        </el-button>
+                      </el-button-group>
+                      <el-button size="small" @click="downloadDocument">
+                        <el-icon><Download /></el-icon>
+                        下载
+                      </el-button>
+                    </div>
+                  </div>
+                  <div class="viewer-content" :style="{ transform: `scale(${documentZoom / 100})` }">
+                    <div class="document-page">
+                      <h2 style="text-align: center; margin-bottom: 24px;">某数据中心发电机组采购项目</h2>
+                      <h3 style="margin-top: 20px;">三、技术要求</h3>
+                      <p>3.1 设备类型：柴油发电机组</p>
+                      <p>3.2 额定功率：≥500kW</p>
+                      <p>3.3 额定电压：400V/230V</p>
+                      <p>3.4 频率：50Hz</p>
+                      <p>3.5 启动方式：电启动</p>
+                      <p>3.6 冷却方式：水冷</p>
+                      <p>3.7 噪音要求：≤85dB(A)</p>
+                      <p>3.8 防护等级：IP54</p>
+                      <p>3.9 燃油类型：0#柴油</p>
+                      <p>3.10 控制系统：自动化控制系统，具备远程监控功能</p>
+                      
+                      <h3 style="margin-top: 20px;">四、技术标编制要求</h3>
+                      <p>4.1 技术标应包含以下内容：</p>
+                      <p style="padding-left: 20px;">（1）技术方案总体说明</p>
+                      <p style="padding-left: 20px;">（2）技术参数响应表</p>
+                      <p style="padding-left: 20px;">（3）设备选型说明</p>
+                      <p style="padding-left: 20px;">（4）施工组织设计</p>
+                      <p style="padding-left: 40px;">① 施工方案</p>
+                      <p style="padding-left: 40px;">② 施工进度计划</p>
+                      <p style="padding-left: 40px;">③ 质量保证措施</p>
+                      <p style="padding-left: 40px;">④ 安全文明施工措施</p>
+                      <p style="padding-left: 20px;">（5）项目管理方案</p>
+                      <p style="padding-left: 20px;">（6）售后服务方案</p>
+                      <p style="padding-left: 20px;">（7）培训方案</p>
+                    </div>
+                  </div>
+                </div>
+              </div>
+
+              <div class="step-actions">
+                <el-button @click="techWriteStep = 0">
+                  <el-icon><ArrowLeft /></el-icon>
+                  上一步
+                </el-button>
+                <el-button 
+                  type="primary" 
+                  size="large"
+                  :disabled="techOutlineData.length === 0"
+                  @click="techWriteStep = 2"
+                >
+                  下一步：技术方案填充
+                  <el-icon><Right /></el-icon>
+                </el-button>
+              </div>
+            </div>
+          </div>
+
+          <!-- 步骤3: 技术资料智能匹配填充 -->
+          <div v-if="techWriteStep === 2" class="step-content">
+            <div class="material-matching">
+              <div class="step-header-bar">
+                <div class="project-badge">
+                  <el-icon><Document /></el-icon>
+                  {{ selectedTechProject?.name }}
+                </div>
+                <el-button @click="techWriteStep = 1" link>
+                  <el-icon><ArrowLeft /></el-icon>
+                  返回大纲编辑
+                </el-button>
+              </div>
+
+              <h4>技术资料智能匹配填充</h4>
+              <p class="step-desc">自动检索知识库中技术方案、设备参数等资料，智能匹配并填充到对应章节</p>
+
+              <div class="material-filter">
+                <div class="filter-title">
+                  <el-icon><Filter /></el-icon>
+                  应用资料范围
+                </div>
+                <el-form :inline="true">
+                  <el-form-item label="地域">
+                    <el-select v-model="techMaterialFilter.region" placeholder="选择地域" style="width: 150px">
+                      <el-option label="全部" value="" />
+                      <el-option label="江西省" value="jiangxi" />
+                      <el-option label="南昌市" value="nanchang" />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="行业">
+                    <el-select v-model="techMaterialFilter.industry" placeholder="选择行业" style="width: 150px">
+                      <el-option label="全部" value="" />
+                      <el-option label="电力工程" value="power" />
+                      <el-option label="建筑工程" value="construction" />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item label="年份">
+                    <el-select v-model="techMaterialFilter.year" placeholder="选择年份" style="width: 120px">
+                      <el-option label="全部" value="" />
+                      <el-option label="2024" value="2024" />
+                      <el-option label="2023" value="2023" />
+                    </el-select>
+                  </el-form-item>
+                  <el-form-item>
+                    <el-button type="primary" @click="autoMatchAllTechMaterials" :loading="matchingAllTechMaterials">
+                      <el-icon><MagicStick /></el-icon>
+                      智能匹配
+                    </el-button>
+                    <el-button 
+                      :type="allTechMaterialsApplied ? 'info' : 'success'" 
+                      @click="toggleApplyAllTechMaterials" 
+                      :loading="applyingAllTechMaterials"
+                    >
+                      <el-icon v-if="allTechMaterialsApplied"><CircleClose /></el-icon>
+                      <el-icon v-else><CircleCheck /></el-icon>
+                      {{ allTechMaterialsApplied ? '取消应用' : '一键应用' }}
+                    </el-button>
+                  </el-form-item>
+                </el-form>
+              </div>
+
+              <div class="material-sections">
+                <div v-for="section in techOutlineData" :key="section.id" class="material-section">
+                  <div class="section-header">
+                    <h5>{{ section.title }}</h5>
+                    <div class="section-actions">
+                      <el-button size="small" type="primary" @click="autoMatchTechMaterial(section)">
+                        <el-icon><MagicStick /></el-icon>
+                        智能匹配
+                      </el-button>
+                      <el-button size="small" @click="openChangeTechMaterialDialog(section)">
+                        <el-icon><Plus /></el-icon>
+                        增加文件
+                      </el-button>
+                      <el-button 
+                        size="small" 
+                        :type="isTechSectionAllApplied(section) ? 'info' : 'success'" 
+                        @click="toggleApplyTechSectionMaterials(section)"
+                      >
+                        <el-icon v-if="isTechSectionAllApplied(section)"><CircleClose /></el-icon>
+                        <el-icon v-else><CircleCheck /></el-icon>
+                        {{ isTechSectionAllApplied(section) ? '取消应用' : '一键应用' }}
+                      </el-button>
+                    </div>
+                  </div>
+                  
+                  <div v-if="section.matchedMaterials && section.matchedMaterials.length > 0" class="matched-materials">
+                    <div v-for="material in section.matchedMaterials" :key="material.id" class="material-item">
+                      <div class="material-info">
+                        <el-icon><Document /></el-icon>
+                        <div class="material-details">
+                          <div class="material-name">{{ material.name }}</div>
+                          <div class="material-meta">
+                            <el-tag size="small">{{ material.category }}</el-tag>
+                            <span class="match-score">匹配度: {{ material.matchScore }}%</span>
+                          </div>
+                        </div>
+                      </div>
+                      <div class="material-actions">
+                        <el-button size="small" @click="previewMaterial(material)">
+                          <el-icon><View /></el-icon>
+                          预览
+                        </el-button>
+                        <el-button 
+                          size="small" 
+                          :type="material.applied ? 'success' : 'primary'" 
+                          @click="toggleApplyTechMaterial(section, material)"
+                        >
+                          <el-icon v-if="material.applied"><CircleCheck /></el-icon>
+                          <el-icon v-else><Check /></el-icon>
+                          {{ material.applied ? '已应用' : '应用' }}
+                        </el-button>
+                      </div>
+                    </div>
+                  </div>
+                  
+                  <div v-else class="no-materials">
+                    <el-empty description="暂无匹配的资料，点击【智能匹配】自动检索" :image-size="80" />
+                  </div>
+                </div>
+              </div>
+
+              <div class="step-actions">
+                <el-button @click="techWriteStep = 1">
+                  <el-icon><ArrowLeft /></el-icon>
+                  上一步
+                </el-button>
+                <el-button 
+                  type="primary" 
+                  size="large"
+                  @click="techWriteStep = 3"
+                >
+                  生成技术标文件
+                  <el-icon><Right /></el-icon>
+                </el-button>
+              </div>
+            </div>
+          </div>
+
+          <!-- 步骤4: 自动排版生成 -->
+          <div v-if="techWriteStep === 3" class="step-content">
+            <div class="document-editor-layout">
+              <div class="step-header-bar">
+                <div class="project-badge">
+                  <el-icon><Document /></el-icon>
+                  {{ selectedTechProject?.name }}
+                </div>
+                <el-button @click="techWriteStep = 2" link>
+                  <el-icon><ArrowLeft /></el-icon>
+                  返回方案填充
+                </el-button>
+              </div>
+
+              <h4>技术标文件生成</h4>
+              <p class="step-desc">自动排版生成完整的技术标文件，支持在线编辑和导出</p>
+
+              <div class="editor-layout">
+                <!-- 左侧：文档编辑器 -->
+                <div class="document-editor">
+                  <div class="editor-toolbar">
+                    <el-button-group size="small">
+                      <el-button @click="formatText('bold')">
+                        <strong>B</strong>
+                      </el-button>
+                      <el-button @click="formatText('italic')">
+                        <em>I</em>
+                      </el-button>
+                      <el-button @click="formatText('underline')">
+                        <u>U</u>
+                      </el-button>
+                    </el-button-group>
+                    
+                    <el-divider direction="vertical" />
+                    
+                    <el-select v-model="editorFormat.fontFamily" size="small" style="width: 120px">
+                      <el-option label="宋体" value="SimSun" />
+                      <el-option label="黑体" value="SimHei" />
+                      <el-option label="微软雅黑" value="Microsoft YaHei" />
+                      <el-option label="楷体" value="KaiTi" />
+                    </el-select>
+                    
+                    <el-select v-model="editorFormat.fontSize" size="small" style="width: 100px">
+                      <el-option label="小四" value="12pt" />
+                      <el-option label="四号" value="14pt" />
+                      <el-option label="小三" value="15pt" />
+                      <el-option label="三号" value="16pt" />
+                      <el-option label="小二" value="18pt" />
+                      <el-option label="二号" value="22pt" />
+                    </el-select>
+                    
+                    <el-divider direction="vertical" />
+                    
+                    <el-button-group size="small">
+                      <el-button @click="formatText('alignLeft')">左对齐</el-button>
+                      <el-button @click="formatText('alignCenter')">居中</el-button>
+                      <el-button @click="formatText('alignRight')">右对齐</el-button>
+                    </el-button-group>
+                    
+                    <el-divider direction="vertical" />
+                    
+                    <el-select v-model="editorFormat.heading" size="small" style="width: 120px" placeholder="标题样式">
+                      <el-option label="正文" value="normal" />
+                      <el-option label="一级标题" value="h1" />
+                      <el-option label="二级标题" value="h2" />
+                      <el-option label="三级标题" value="h3" />
+                    </el-select>
+                  </div>
+
+                  <div 
+                    class="editor-content" 
+                    contenteditable="true"
+                    :style="{ fontFamily: editorFormat.fontFamily, fontSize: editorFormat.fontSize }"
+                    v-html="techDocumentContent"
+                    @input="updateTechDocumentContent"
+                  ></div>
+                </div>
+
+                <!-- 右侧：AI助手 -->
+                <div class="ai-assistant">
+                  <div class="assistant-header">
+                    <el-icon><User /></el-icon>
+                    <span>AI写作助手</span>
+                  </div>
+
+                  <div class="chat-messages" ref="chatMessagesRef">
+                    <div 
+                      v-for="message in chatMessages" 
+                      :key="message.id"
+                      class="chat-message"
+                      :class="message.role"
+                    >
+                      <div class="message-avatar">
+                        <el-icon v-if="message.role === 'assistant'"><User /></el-icon>
+                        <el-icon v-else><User /></el-icon>
+                      </div>
+                      <div class="message-content">
+                        <div class="message-text">{{ message.content }}</div>
+                        <div class="message-time">{{ message.time }}</div>
+                      </div>
+                    </div>
+                  </div>
+
+                  <div class="chat-input">
+                    <el-input
+                      v-model="chatInput"
+                      type="textarea"
+                      :rows="3"
+                      placeholder="输入您的问题或需求，AI助手将帮助您优化文档内容..."
+                      @keydown.ctrl.enter="sendBusinessChatMessage"
+                    />
+                    <el-button type="primary" @click="sendBusinessChatMessage" :loading="chatSending">
+                      <el-icon><Promotion /></el-icon>
+                      发送
+                    </el-button>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 共享对话框：文件预览和增加文件（商务标和技术标共用） -->
+        <!-- 文件预览弹窗 -->
+        <el-dialog
+          v-model="previewMaterialDialogVisible"
+          :title="`预览：${previewingMaterial?.name || ''}`"
+          width="1000px"
+          :close-on-click-modal="false"
+        >
+          <div class="material-preview-dialog">
+            <div class="preview-toolbar">
+              <div class="file-info">
+                <el-tag>{{ previewingMaterial?.category }}</el-tag>
+                <span class="file-size">文件大小: 2.5 MB</span>
+                <span class="file-date">上传时间: 2024-11-20</span>
+              </div>
+              <div class="preview-actions">
+                <el-button-group size="small">
+                  <el-button @click="zoomOut">
+                    <el-icon><ZoomOut /></el-icon>
+                  </el-button>
+                  <el-button>{{ Math.round(previewZoom * 100) }}%</el-button>
+                  <el-button @click="zoomIn">
+                    <el-icon><ZoomIn /></el-icon>
+                  </el-button>
+                </el-button-group>
+                <el-button size="small" @click="downloadPreviewFile">
+                  <el-icon><Download /></el-icon>
+                  下载
+                </el-button>
+              </div>
+            </div>
+
+            <div class="preview-content-area">
+              <div class="preview-document" :style="{ transform: `scale(${previewZoom})` }">
+                <div v-if="previewingMaterial?.name.endsWith('.pdf')" class="pdf-preview">
+                  <div class="document-page">
+                    <div class="page-header">
+                      <img src="data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='80' height='80' viewBox='0 0 24 24'%3E%3Cpath fill='%23dc2626' d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8l-6-6z'/%3E%3Cpath fill='%23fff' d='M14 2v6h6'/%3E%3C/svg%3E" alt="PDF" style="width: 60px; margin: 20px auto; display: block;">
+                      <h3 style="text-align: center; color: #1f2937; margin: 20px 0;">{{ previewingMaterial?.name }}</h3>
+                    </div>
+                    <div class="document-content">
+                      <p style="padding: 60px; text-align: center; color: #6b7280;">文件预览内容...</p>
+                    </div>
+                  </div>
+                </div>
+                <div v-else class="other-file-preview">
+                  <el-empty description="暂不支持该文件格式的在线预览" :image-size="120">
+                    <el-button type="primary" @click="downloadPreviewFile">
+                      <el-icon><Download /></el-icon>
+                      下载文件查看
+                    </el-button>
+                  </el-empty>
+                </div>
+              </div>
+            </div>
+          </div>
+
+          <template #footer>
+            <el-button @click="previewMaterialDialogVisible = false">关闭</el-button>
+            <el-button type="primary" @click="downloadPreviewFile">
+              <el-icon><Download /></el-icon>
+              下载文件
+            </el-button>
+          </template>
+        </el-dialog>
+
+        <!-- 格式统一 -->
+        <div v-if="activeNav === 'merge-format'" class="panel">
+          <div class="panel-header">
+            <h3>文件格式统一</h3>
+            <div class="header-actions">
+              <el-button type="primary" @click="startFormatUnify">
+                <el-icon><MagicStick /></el-icon>
+                开始统一
+              </el-button>
+            </div>
+          </div>
+
+          <div class="format-settings">
+            <el-form label-width="120px">
+              <el-form-item label="页面设置">
+                <el-select v-model="formatConfig.pageSize" style="width: 200px;">
+                  <el-option label="A4" value="A4" />
+                  <el-option label="A3" value="A3" />
+                </el-select>
+              </el-form-item>
+              <el-form-item label="页边距">
+                <el-input-number v-model="formatConfig.margin" :min="10" :max="50" /> mm
+              </el-form-item>
+              <el-form-item label="字体">
+                <el-select v-model="formatConfig.font" style="width: 200px;">
+                  <el-option label="宋体" value="宋体" />
+                  <el-option label="黑体" value="黑体" />
+                  <el-option label="仿宋" value="仿宋" />
+                </el-select>
+              </el-form-item>
+              <el-form-item label="字号">
+                <el-select v-model="formatConfig.fontSize" style="width: 200px;">
+                  <el-option label="小四" value="12" />
+                  <el-option label="四号" value="14" />
+                  <el-option label="小三" value="15" />
+                </el-select>
+              </el-form-item>
+              <el-form-item label="行距">
+                <el-select v-model="formatConfig.lineHeight" style="width: 200px;">
+                  <el-option label="单倍行距" value="1" />
+                  <el-option label="1.5倍行距" value="1.5" />
+                  <el-option label="2倍行距" value="2" />
+                </el-select>
+              </el-form-item>
+            </el-form>
+          </div>
+
+          <div class="file-list-panel">
+            <h4>待处理文件</h4>
+            <el-table :data="mergeFiles" stripe>
+              <el-table-column prop="name" label="文件名" min-width="200" />
+              <el-table-column prop="type" label="类型" width="100" />
+              <el-table-column label="状态" width="120">
+                <template #default="{ row }">
+                  <el-tag :type="row.formatted ? 'success' : 'info'" size="small">
+                    {{ row.formatted ? '已统一' : '待处理' }}
+                  </el-tag>
+                </template>
+              </el-table-column>
+            </el-table>
+          </div>
+        </div>
+
+        <!-- 索引生成 -->
+        <div v-if="activeNav === 'merge-index'" class="panel">
+          <div class="panel-header">
+            <h3>目录索引生成</h3>
+            <div class="header-actions">
+              <el-button type="primary" @click="generateIndex">
+                <el-icon><MagicStick /></el-icon>
+                生成目录
+              </el-button>
+              <el-button @click="previewIndex">
+                <el-icon><View /></el-icon>
+                预览
+              </el-button>
+            </div>
+          </div>
+
+          <div class="index-config">
+            <el-form label-width="120px">
+              <el-form-item label="目录级别">
+                <el-radio-group v-model="indexConfig.level">
+                  <el-radio :label="2">二级目录</el-radio>
+                  <el-radio :label="3">三级目录</el-radio>
+                  <el-radio :label="4">四级目录</el-radio>
+                </el-radio-group>
+              </el-form-item>
+              <el-form-item label="页码格式">
+                <el-radio-group v-model="indexConfig.pageFormat">
+                  <el-radio label="arabic">阿拉伯数字</el-radio>
+                  <el-radio label="roman">罗马数字</el-radio>
+                </el-radio-group>
+              </el-form-item>
+              <el-form-item label="自动更新">
+                <el-switch v-model="indexConfig.autoUpdate" />
+              </el-form-item>
+            </el-form>
+          </div>
+
+          <div v-if="generatedIndex" class="index-preview">
+            <h4>目录预览</h4>
+            <div class="index-tree">
+              <div v-for="item in generatedIndex" :key="item.id" class="index-item">
+                <span class="index-title">{{ item.title }}</span>
+                <span class="index-dots"></span>
+                <span class="index-page">{{ item.page }}</span>
+              </div>
+            </div>
+          </div>
+        </div>
+
+        <!-- 智能审核 -->
+        <div v-if="activeNav === 'review'" class="panel">
+          <div class="panel-header">
+            <h3>智能审核</h3>
+          </div>
+
+          <!-- 步骤1: 选择项目 -->
+          <div v-if="reviewStep === 0" class="review-step-content">
+            <h4>选择审核项目</h4>
+            <p class="step-desc">请选择需要审核的项目，或上传标书文件进行审核</p>
+
+            <el-tabs v-model="reviewProjectTab">
+              <el-tab-pane label="进行中项目" name="ongoing">
+                <div class="project-cards">
+                  <div 
+                    v-for="project in ongoingProjects" 
+                    :key="project.id"
+                    class="project-card"
+                    :class="{ selected: selectedReviewProject?.id === project.id }"
+                    @click="selectReviewProject(project)"
+                  >
+                    <div class="project-card-header">
+                      <h5>{{ project.name }}</h5>
+                      <el-tag :type="getProgressTagType(project.progress)" size="small">{{ project.progress }}</el-tag>
+                    </div>
+                    <div class="project-card-body">
+                      <div class="project-info-item">
+                        <span class="label">创建时间：</span>
+                        <span class="value">{{ project.createTime }}</span>
+                      </div>
+                      <div v-if="project.extractedInfo" class="project-info-item">
+                        <el-icon color="#10b981"><CircleCheck /></el-icon>
+                        <span class="value">已完成招标信息提取</span>
+                      </div>
+                    </div>
+                    <div v-if="selectedReviewProject?.id === project.id" class="selected-badge">
+                      <el-icon><CircleCheckFilled /></el-icon>
+                      已选择
+                    </div>
+                  </div>
+                </div>
+              </el-tab-pane>
+
+              <el-tab-pane label="上传标书审核" name="upload">
+                <div class="upload-review-area">
+                  <el-upload
+                    ref="reviewUploadRef"
+                    :auto-upload="false"
+                    :on-change="handleReviewFileUpload"
+                    :show-file-list="false"
+                    accept=".pdf,.doc,.docx"
+                    drag
+                  >
+                    <el-icon class="el-icon--upload"><UploadFilled /></el-icon>
+                    <div class="el-upload__text">
+                      拖拽标书文件到此处或 <em>点击上传</em>
+                    </div>
+                    <template #tip>
+                      <div class="el-upload__tip">
+                        支持 PDF、Word 格式，文件大小不超过 100MB
+                      </div>
+                    </template>
+                  </el-upload>
+
+                  <div v-if="uploadedReviewFile" class="uploaded-review-file">
+                    <el-icon><Document /></el-icon>
+                    <span class="file-name">{{ uploadedReviewFile.name }}</span>
+                    <span class="file-size">{{ (uploadedReviewFile.size / 1024 / 1024).toFixed(2) }} MB</span>
+                    <el-button size="small" text type="danger" @click="removeReviewFile">
+                      <el-icon><Delete /></el-icon>
+                    </el-button>
+                  </div>
+                </div>
+              </el-tab-pane>
+            </el-tabs>
+
+            <div class="step-actions">
+              <el-button 
+                type="primary" 
+                size="large"
+                :disabled="!selectedReviewProject && !uploadedReviewFile"
+                @click="reviewStep = 1"
+              >
+                下一步：选择评分表
+                <el-icon><Right /></el-icon>
+              </el-button>
+            </div>
+          </div>
+
+          <!-- 步骤2: 选择评分表 -->
+          <div v-if="reviewStep === 1" class="review-step-content">
+            <h4>选择评分表</h4>
+            <p class="step-desc">请选择适用的评分表模板，系统将按照评分标准进行智能审核</p>
+
+            <div class="scoring-templates">
+              <div 
+                v-for="template in scoringTemplates" 
+                :key="template.id"
+                class="template-card"
+                :class="{ selected: selectedTemplate?.id === template.id }"
+                @click="selectTemplate(template)"
+              >
+                <div class="template-header">
+                  <el-icon :color="template.color"><Document /></el-icon>
+                  <h5>{{ template.name }}</h5>
+                </div>
+                <div class="template-body">
+                  <p class="template-desc">{{ template.description }}</p>
+                  <div class="template-info">
+                    <span class="info-item">
+                      <el-icon><TrendCharts /></el-icon>
+                      {{ template.itemCount }} 个评分项
+                    </span>
+                    <span class="info-item">
+                      <el-icon><Clock /></el-icon>
+                      {{ template.totalScore }} 分
+                    </span>
+                  </div>
+                </div>
+                <div v-if="selectedTemplate?.id === template.id" class="selected-badge">
+                  <el-icon><CircleCheckFilled /></el-icon>
+                  已选择
+                </div>
+              </div>
+            </div>
+
+            <div class="step-actions">
+              <el-button @click="reviewStep = 0">
+                <el-icon><ArrowLeft /></el-icon>
+                上一步
+              </el-button>
+              <el-button 
+                type="primary" 
+                size="large"
+                :disabled="!selectedTemplate"
+                :loading="startingReview"
+                @click="startReview"
+              >
+                开始智能审核
+                <el-icon><MagicStick /></el-icon>
+              </el-button>
+            </div>
+          </div>
+
+          <!-- 步骤3: 审核结果 -->
+          <div v-if="reviewStep === 2" class="review-result-layout">
+            <div class="result-header">
+              <div class="project-info">
+                <h4>{{ selectedReviewProject?.name || uploadedReviewFile?.name }}</h4>
+                <el-tag>{{ selectedTemplate?.name }}</el-tag>
+              </div>
+              <div class="result-actions">
+                <el-button size="small" @click="exportReviewTable">
+                  <el-icon><Download /></el-icon>
+                  导出评审表
+                </el-button>
+                <el-button size="small" @click="exportReviewResult">
+                  <el-icon><Download /></el-icon>
+                  导出评审结果
+                </el-button>
+                <el-button size="small" type="primary" @click="exportModifiedDocument">
+                  <el-icon><Download /></el-icon>
+                  导出修改后标书
+                </el-button>
+                <el-button size="small" @click="reviewStep = 0">
+                  <el-icon><Refresh /></el-icon>
+                  重新审核
+                </el-button>
+              </div>
+            </div>
+
+            <div class="review-content-split">
+              <!-- 左侧：审核结果 -->
+              <div class="review-results-panel">
+                <div class="results-summary">
+                  <div class="summary-card">
+                    <div class="summary-label">综合得分</div>
+                    <div class="summary-value">{{ reviewResult.totalScore }}</div>
+                    <div class="summary-max">/ {{ reviewResult.maxScore }}</div>
+                  </div>
+                  <div class="summary-card">
+                    <div class="summary-label">缺项数量</div>
+                    <div class="summary-value error">{{ reviewResult.missingCount }}</div>
+                  </div>
+                  <div class="summary-card">
+                    <div class="summary-label">需要修改</div>
+                    <div class="summary-value warning">{{ reviewResult.warningCount }}</div>
+                  </div>
+                </div>
+
+                <el-tabs v-model="resultTab">
+                  <el-tab-pane label="评分项" name="scoring">
+                    <div class="scoring-items">
+                      <div 
+                        v-for="item in reviewResult.scoringItems" 
+                        :key="item.id"
+                        class="scoring-item"
+                        :class="{ active: activeResultItem?.id === item.id }"
+                        @click="locateInDocument(item)"
+                      >
+                        <div class="item-header">
+                          <span class="item-name">{{ item.name }}</span>
+                          <span class="item-score">{{ item.score }} / {{ item.maxScore }}</span>
+                        </div>
+                        <div class="item-location">
+                          <el-icon><Link /></el-icon>
+                          <span class="page-ref" @click.stop="jumpToPage(item.page)">第 {{ item.page }} 页</span>
+                        </div>
+                        <div v-if="item.note" class="item-note">
+                          <el-icon color="#f59e0b"><Warning /></el-icon>
+                          {{ item.note }}
+                        </div>
+                      </div>
+                    </div>
+                  </el-tab-pane>
+
+                  <el-tab-pane label="缺项提示" name="missing">
+                    <div class="missing-items">
+                      <div 
+                        v-for="item in reviewResult.missingItems" 
+                        :key="item.id"
+                        class="missing-item"
+                      >
+                        <el-icon color="#ef4444"><CircleClose /></el-icon>
+                        <div class="missing-content">
+                          <div class="missing-name">{{ item.name }}</div>
+                          <div class="missing-desc">{{ item.description }}</div>
+                          <el-tag type="danger" size="small">必选项缺失</el-tag>
+                        </div>
+                      </div>
+                    </div>
+                  </el-tab-pane>
+
+                  <el-tab-pane label="改进建议" name="suggestions">
+                    <div class="suggestion-items">
+                      <div 
+                        v-for="suggestion in reviewResult.suggestions" 
+                        :key="suggestion.id"
+                        class="suggestion-item"
+                      >
+                        <el-icon color="#f59e0b"><Warning /></el-icon>
+                        <div class="suggestion-content">
+                          <div class="suggestion-title">{{ suggestion.title }}</div>
+                          <div class="suggestion-desc">{{ suggestion.description }}</div>
+                          <div class="suggestion-impact">预计提升：+{{ suggestion.impact }}分</div>
+                        </div>
+                      </div>
+                    </div>
+                  </el-tab-pane>
+                </el-tabs>
+              </div>
+
+              <!-- 右侧：原文内容 -->
+              <div class="document-viewer-panel">
+                <div class="viewer-toolbar">
+                  <el-button-group size="small">
+                    <el-button @click="zoomOut">
+                      <el-icon><ZoomOut /></el-icon>
+                    </el-button>
+                    <el-button>{{ Math.round(documentZoom * 100) }}%</el-button>
+                    <el-button @click="zoomIn">
+                      <el-icon><ZoomIn /></el-icon>
+                    </el-button>
+                  </el-button-group>
+                  <span class="page-indicator">第 {{ currentPage }} / {{ totalPages }} 页</span>
+                  <el-switch v-model="editMode" active-text="编辑模式" inactive-text="查看模式" />
+                </div>
+
+                <div class="document-content" :class="{ 'edit-mode': editMode }">
+                  <div 
+                    class="document-page"
+                    :style="{ transform: `scale(${documentZoom})` }"
+                    contenteditable="editMode"
+                    @input="onDocumentEdit"
+                  >
+                    <div class="page-content" v-html="documentContent"></div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+    
+    <!-- 文件上传对话框 -->
+    <el-dialog 
+      v-model="showUploadDialog" 
+      title="上传文件" 
+      width="600px"
+      :close-on-click-modal="false"
+    >
+      <el-form :model="uploadForm" label-width="100px">
+        <el-form-item label="选择文件">
+          <el-upload
+            ref="uploadRef"
+            :auto-upload="false"
+            :on-change="handleFileChange"
+            :file-list="fileList"
+            :limit="1"
+            drag
+          >
+            <el-icon class="el-icon--upload"><UploadFilled /></el-icon>
+            <div class="el-upload__text">
+              拖拽文件到此处或<em>点击上传</em>
+            </div>
+            <template #tip>
+              <div class="el-upload__tip">
+                支持 PDF、Word、Excel 等格式，文件大小不超过 50MB
+              </div>
+            </template>
+          </el-upload>
+        </el-form-item>
+        
+        <el-form-item label="文件名称">
+          <el-input v-model="uploadForm.name" placeholder="请输入文件名称" />
+        </el-form-item>
+        
+        <el-form-item label="文件分类">
+          <el-select v-model="uploadForm.category" placeholder="请选择文件分类" style="width: 100%">
+            <el-option label="资质文件" value="qualification" />
+            <el-option label="技术模块文件" value="technical" />
+            <el-option label="项目案例" value="case" />
+            <el-option label="其他资料" value="other" />
+          </el-select>
+        </el-form-item>
+        
+        <el-form-item label="文件描述">
+          <el-input 
+            v-model="uploadForm.description" 
+            type="textarea" 
+            :rows="3"
+            placeholder="请输入文件描述"
+          />
+        </el-form-item>
+        
+        <el-form-item>
+          <el-button 
+            type="success" 
+            :loading="aiRecognizing"
+            @click="aiRecognizeFile"
+            :disabled="!fileList.length"
+          >
+            <el-icon><MagicStick /></el-icon>
+            AI自动识别
+          </el-button>
+          <span style="margin-left: 12px; color: #909399; font-size: 13px;">
+            AI将自动识别文件信息并填充表单
+          </span>
+        </el-form-item>
+      </el-form>
+      
+      <template #footer>
+        <el-button @click="showUploadDialog = false">取消</el-button>
+        <el-button type="primary" @click="confirmUpload" :loading="uploading">
+          确认上传
+        </el-button>
+      </template>
+    </el-dialog>
+
+    <!-- 创建项目对话框 -->
+    <el-dialog 
+      v-model="showCreateProjectDialog" 
+      title="创建新项目" 
+      width="600px"
+      :close-on-click-modal="false"
+    >
+      <el-form :model="createProjectForm" label-width="100px">
+        <el-form-item label="项目名称" required>
+          <el-input 
+            v-model="createProjectForm.name" 
+            placeholder="请输入项目名称"
+            maxlength="100"
+            show-word-limit
+          />
+        </el-form-item>
+        
+        <el-form-item label="项目描述">
+          <el-input 
+            v-model="createProjectForm.description" 
+            type="textarea" 
+            :rows="3"
+            placeholder="请输入项目描述（可选）"
+            maxlength="500"
+            show-word-limit
+          />
+        </el-form-item>
+        
+        <el-form-item label="初始阶段" required>
+          <el-select v-model="createProjectForm.initialStep" placeholder="请选择初始阶段" style="width: 100%">
+            <el-option 
+              v-for="step in projectSteps" 
+              :key="step.key" 
+              :label="step.title" 
+              :value="step.title" 
+            />
+          </el-select>
+        </el-form-item>
+      </el-form>
+      
+      <template #footer>
+        <el-button @click="showCreateProjectDialog = false">取消</el-button>
+        <el-button 
+          type="primary" 
+          @click="confirmCreateProject"
+          :disabled="!createProjectForm.name || !createProjectForm.initialStep"
+        >
+          创建项目
+        </el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed, watch } from 'vue'
+import { 
+  ArrowDown, ArrowRight, ArrowLeft, Right, Upload, UploadFilled, WarningFilled, Search, Download, 
+  MagicStick, Refresh, Document, Delete, View, Loading, CircleCheck, Clock, 
+  Picture, Grid, FolderOpened, Plus, Edit, Check, Link, CircleClose, Remove, 
+  CirclePlus, Flag, Bell, ZoomIn, ZoomOut, Sunny, Warning, InfoFilled, Close,
+  Files, Folder, TrendCharts, DocumentCopy, Promotion, Reading, Memo, 
+  Box, CircleCheckFilled, Management, User, Filter, MoreFilled, Calendar,
+  Star, Coin, Money, Checked, Suitcase, Medal, Trophy, DataLine, Cpu, Setting,
+  Stamp, EditPen, Postcard, Tickets, Wallet, CreditCard, List, OfficeBuilding,
+  ChatDotRound, Service, Minus
+} from '@element-plus/icons-vue'
+import { ElMessage, ElMessageBox } from 'element-plus'
+
+// 导入项目管理组件
+import FileSubmission from '@/components/project/FileSubmission.vue'
+import BiddingInfo from '@/components/project/BiddingInfo.vue'
+import ResultAnnouncement from '@/components/project/ResultAnnouncement.vue'
+
+const navItems = ref([
+  { 
+    key: 'knowledge', 
+    icon: Folder, 
+    label: '知识库管理', 
+    expanded: true, 
+    children: [
+      { key: 'kb-overview', label: '知识库总览' },
+      { key: 'kb-category', label: '分类管理' },
+      { key: 'kb-history', label: '历史文件' }
+    ]
+  },
+  { 
+    key: 'project-mgmt', 
+    icon: Suitcase, 
+    label: '项目管理', 
+    expanded: false, 
+    children: [
+      { key: 'pm-ongoing', label: '进行中项目' },
+      { key: 'pm-completed', label: '已完结项目' }
+    ]
+  },
+  { 
+    key: 'file', 
+    icon: DocumentCopy, 
+    label: '招标文件识别与预处理', 
+    expanded: false, 
+    children: [
+      { key: 'file-import', label: '文件智能识别' },
+      { key: 'file-translate', label: '多语言翻译' }
+    ]
+  },
+  { 
+    key: 'write', 
+    icon: Edit, 
+    label: '文件撰写', 
+    expanded: false, 
+    children: [
+      { key: 'write-business', label: '商务标撰写' },
+      { key: 'write-tech', label: '技术标撰写' }
+    ]
+  },
+  { 
+    key: 'review', 
+    icon: CircleCheckFilled, 
+    label: '智能审核', 
+    expanded: false
+  }
+])
+
+const activeNav = ref('kb-overview')
+const currentNavLabel = computed(() => {
+  for (const item of navItems.value) {
+    if (item.key === activeNav.value) return item.label
+    if (item.children) { const c = item.children.find(c => c.key === activeNav.value); if (c) return c.label }
+  }
+  return ''
+})
+const handleNavClick = (item) => { if (item.children) item.expanded = !item.expanded; else activeNav.value = item.key }
+
+// 知识库分类
+const kbCategories = ref([
+  { key: 'qualification', name: '资质文件', count: 328, icon: Document, color: '#7c3aed' },
+  { key: 'technical', name: '技术模块文件', count: 456, icon: MagicStick, color: '#3b82f6' },
+  { key: 'case', name: '项目案例', count: 289, icon: FolderOpened, color: '#10b981' },
+  { key: 'other', name: '其他资料', count: 213, icon: Memo, color: '#f59e0b' }
+])
+
+// 文件列表数据
+const allFiles = ref([
+  { id: 1, name: '营业执照.pdf', category: 'qualification', description: '公司营业执照副本', uploadTime: '2024-12-01 10:30:00', size: '2.3MB' },
+  { id: 2, name: '资质证书.pdf', category: 'qualification', description: '建筑工程施工总承包资质', uploadTime: '2024-12-02 14:20:00', size: '1.8MB' },
+  { id: 3, name: '安全生产许可证.pdf', category: 'qualification', description: '安全生产许可证扫描件', uploadTime: '2024-12-03 09:15:00', size: '1.5MB' },
+  { id: 4, name: '技术方案模板.docx', category: 'technical', description: '标准技术方案模板', uploadTime: '2024-11-28 16:45:00', size: '856KB' },
+  { id: 5, name: '施工组织设计.docx', category: 'technical', description: '施工组织设计标准文档', uploadTime: '2024-11-25 11:20:00', size: '3.2MB' },
+  { id: 6, name: '质量保证体系.pdf', category: 'technical', description: '质量保证体系说明', uploadTime: '2024-11-20 15:30:00', size: '2.1MB' },
+  { id: 7, name: 'XX项目中标案例.pdf', category: 'case', description: '2023年XX项目中标案例', uploadTime: '2024-11-15 10:00:00', size: '4.5MB' },
+  { id: 8, name: 'XX工程业绩证明.pdf', category: 'case', description: 'XX工程项目业绩证明材料', uploadTime: '2024-11-10 14:30:00', size: '3.8MB' },
+  { id: 9, name: '财务审计报告.pdf', category: 'other', description: '2023年度财务审计报告', uploadTime: '2024-10-28 09:45:00', size: '5.2MB' },
+  { id: 10, name: '银行资信证明.pdf', category: 'other', description: '银行出具的资信证明', uploadTime: '2024-10-20 16:20:00', size: '1.2MB' }
+])
+
+// 统计数据
+const totalFiles = computed(() => allFiles.value.length)
+const monthlyFiles = computed(() => {
+  const now = new Date()
+  const currentMonth = now.getMonth()
+  return allFiles.value.filter(file => {
+    const uploadDate = new Date(file.uploadTime)
+    return uploadDate.getMonth() === currentMonth
+  }).length
+})
+
+// 新项目管理
+const pmProjectSearch = ref('')
+const pmResultFilter = ref('')
+const showPmCreateDialog = ref(false)
+
+// 新建项目表单
+const newPmProject = ref({
+  name: '',
+  projectNo: '',
+  tenderUnit: '',
+  budget: '',
+  deadline: ''
+})
+
+// 创建新项目
+const createPmProject = () => {
+  if (!newPmProject.value.name || !newPmProject.value.tenderUnit || !newPmProject.value.deadline) {
+    ElMessage.warning('请填写必填信息')
+    return
+  }
+  
+  const newProject = {
+    id: Date.now(),
+    name: newPmProject.value.name,
+    projectNo: newPmProject.value.projectNo || `JXZB-${new Date().getFullYear()}-${String(pmOngoingProjects.value.length + 1).padStart(3, '0')}`,
+    tenderUnit: newPmProject.value.tenderUnit,
+    budget: newPmProject.value.budget ? `${newPmProject.value.budget}万元` : '待定',
+    bidMethod: '综合评分法',
+    deposit: '',
+    deadline: newPmProject.value.deadline,
+    openBidTime: '',
+    depositDeadline: '',
+    qualificationReq: '',
+    performanceReq: '',
+    personnelReq: '',
+    createTime: new Date().toLocaleDateString('zh-CN'),
+    lastModified: new Date().toLocaleString('zh-CN'),
+    creator: '当前用户',
+    progress: 0
+  }
+  
+  pmOngoingProjects.value.unshift(newProject)
+  showPmCreateDialog.value = false
+  
+  // 重置表单
+  newPmProject.value = {
+    name: '',
+    projectNo: '',
+    tenderUnit: '',
+    budget: '',
+    deadline: ''
+  }
+  
+  ElMessage.success('项目创建成功')
+}
+
+// 项目信息编辑模式
+const pmInfoEditMode = ref(false)
+
+// 切换编辑模式
+const togglePmInfoEditMode = () => {
+  pmInfoEditMode.value = !pmInfoEditMode.value
+  if (!pmInfoEditMode.value) {
+    // 保存时更新最近修改时间
+    if (selectedPmProject.value) {
+      selectedPmProject.value.lastModified = new Date().toLocaleString('zh-CN')
+    }
+    ElMessage.success('信息已保存')
+  }
+}
+
+// 模拟招标文件提取后更新项目信息
+const updateProjectFromExtraction = (extractedData) => {
+  if (selectedPmProject.value && extractedData) {
+    selectedPmProject.value.tenderUnit = extractedData.tenderUnit || selectedPmProject.value.tenderUnit
+    selectedPmProject.value.budget = extractedData.budget || selectedPmProject.value.budget
+    selectedPmProject.value.bidMethod = extractedData.bidMethod || selectedPmProject.value.bidMethod
+    selectedPmProject.value.projectNo = extractedData.projectNo || selectedPmProject.value.projectNo
+    selectedPmProject.value.deadline = extractedData.deadline || selectedPmProject.value.deadline
+    selectedPmProject.value.openBidTime = extractedData.openBidTime || selectedPmProject.value.openBidTime
+    selectedPmProject.value.depositDeadline = extractedData.depositDeadline || selectedPmProject.value.depositDeadline
+    selectedPmProject.value.deposit = extractedData.deposit || selectedPmProject.value.deposit
+    selectedPmProject.value.qualificationReq = extractedData.qualificationReq || selectedPmProject.value.qualificationReq
+    selectedPmProject.value.performanceReq = extractedData.performanceReq || selectedPmProject.value.performanceReq
+    selectedPmProject.value.personnelReq = extractedData.personnelReq || selectedPmProject.value.personnelReq
+    selectedPmProject.value.lastModified = new Date().toLocaleString('zh-CN')
+  }
+}
+
+const pmOngoingProjects = ref([
+  { 
+    id: 1, 
+    name: '智慧园区综合管理平台建设项目', 
+    projectNo: 'JXZB-2025-001',
+    tenderUnit: '江西省城市管理中心',
+    budget: '1280万元',
+    bidMethod: '综合评分法',
+    deposit: '25万元',
+    deadline: '2025-07-01',
+    openBidTime: '2025-07-01 10:00',
+    depositDeadline: '2025-06-28',
+    qualificationReq: '市政工程二级及以上',
+    performanceReq: '3个类似项目',
+    personnelReq: '一级建造师',
+    createTime: '2025-06-01', 
+    lastModified: '2025-06-09 14:30', 
+    creator: '张三', 
+    progress: 65 
+  },
+  { 
+    id: 2, 
+    name: '城市生命线监测系统采购项目', 
+    projectNo: 'JXZB-2025-002',
+    tenderUnit: '南昌市住建局',
+    budget: '580万元',
+    bidMethod: '最低价法',
+    deposit: '10万元',
+    deadline: '2025-07-15',
+    openBidTime: '2025-07-15 14:00',
+    depositDeadline: '2025-07-12',
+    qualificationReq: '安防工程三级',
+    performanceReq: '2个类似项目',
+    personnelReq: '项目经理5年经验',
+    createTime: '2025-05-20', 
+    lastModified: '2025-06-08 16:45', 
+    creator: '李四', 
+    progress: 45 
+  },
+  { 
+    id: 3, 
+    name: '数据中心基础设施建设项目', 
+    projectNo: 'JXZB-2025-003',
+    tenderUnit: '江西省大数据中心',
+    budget: '2150万元',
+    bidMethod: '综合评分法',
+    deposit: '50万元',
+    deadline: '2025-08-01',
+    openBidTime: '2025-08-01 09:30',
+    depositDeadline: '2025-07-28',
+    qualificationReq: '系统集成二级',
+    performanceReq: '5个类似项目',
+    personnelReq: '高级工程师',
+    createTime: '2025-06-05', 
+    lastModified: '2025-06-09 09:20', 
+    creator: '王五', 
+    progress: 85 
+  },
+  { 
+    id: 4, 
+    name: '智慧交通信号控制系统项目', 
+    projectNo: 'JXZB-2025-004',
+    tenderUnit: '南昌市交通管理局',
+    budget: '890万元',
+    bidMethod: '综合评分法',
+    deposit: '18万元',
+    deadline: '2025-07-20',
+    openBidTime: '2025-07-20 10:00',
+    depositDeadline: '2025-07-17',
+    qualificationReq: '电子工程二级',
+    performanceReq: '3个类似项目',
+    personnelReq: '一级建造师',
+    createTime: '2025-05-28', 
+    lastModified: '2025-06-07 11:15', 
+    creator: '张三', 
+    progress: 30 
+  }
+])
+
+// 选中的项目
+const selectedPmProject = ref(null)
+
+// 招标信息提取相关
+const pmExtractUploadRef = ref(null)
+const pmPendingExtractFile = ref(null)
+const pmExtractAnalyzing = ref(false)
+const pmExtractFileData = ref(null)
+const pmBusinessKeyInfo = ref([])
+const pmTechKeyInfo = ref([])
+const pmRejectItems = ref([
+  { name: '投标保证金', type: 'business', content: '未按规定金额缴纳投标保证金', pageNum: 15, aiLoading: false },
+  { name: '资质证书', type: 'qualification', content: '投标人未提供有效的建筑智能化工程专业承包资质证书', pageNum: 8, aiLoading: false },
+  { name: '项目经理资格', type: 'qualification', content: '项目经理未持有有效的一级建造师资格证书', pageNum: 12, aiLoading: false }
+])
+
+// 文件预览相关
+const pmPreviewZoom = ref(1)
+const pmIsTranslated = ref(false)
+const pmTranslating = ref(false)
+const pmPreviewContentRef = ref(null)
+
+// 左侧选项卡
+const pmActiveExtractTab = ref('overview')
+const pmExtractTabs = ref([
+  { key: 'overview', label: '总体分析' },
+  { key: 'business', label: '商务信息提取' },
+  { key: 'technical', label: '技术信息提取' },
+  { key: 'bidding', label: '招标要求' },
+  { key: 'reject', label: '否决项识别' },
+  { key: 'process', label: '开标流程' },
+  { key: 'risk', label: '风险分析' }
+])
+
+// ========== 撰写招标文件相关 ==========
+const pmWriteType = ref(null) // 'business' | 'technical'
+const pmWriteStepIndex = ref(0)
+const pmWritePreviewZoom = ref(1)
+const pmWritePreviewTranslated = ref(false)
+const outlineTreeRef = ref(null)
+
+// 三分栏布局相关变量
+const pmCurrentOutlineId = ref(1)
+const pmEditorFontFamily = ref('SimSun')
+const pmEditorFontSize = ref(14)
+const pmEditorBold = ref(false)
+const pmEditorItalic = ref(false)
+const pmEditorUnderline = ref(false)
+const pmEditorAlign = ref('left')
+const pmDocumentTitle = ref('智慧园区综合管理平台建设项目投标文件')
+const pmDocumentContent = ref(`一、项目概述
+
+本项目旨在建设一套智慧园区综合管理平台，实现园区的智能化管理和服务。平台将整合园区内各类智能设备和系统，提供统一的管理界面和数据分析功能。
+
+二、技术方案
+
+2.1 系统架构
+采用微服务架构设计，确保系统的可扩展性和可维护性。主要包括：
+- 数据采集层：负责各类传感器和设备的数据采集
+- 数据处理层：实现数据清洗、存储和分析
+- 应用服务层：提供业务逻辑处理
+- 展示层：提供Web端和移动端的用户界面
+
+2.2 核心功能
+- 设备监控管理
+- 能耗分析优化
+- 安防监控集成
+- 访客管理系统
+- 停车场管理
+
+三、实施计划
+
+项目预计分三期实施，总工期为12个月...`)
+
+const chatMessagesRef = ref(null)
+const pmChatInput = ref('')
+const pmAiTyping = ref(false)
+const pmChatMessages = ref([
+  {
+    role: 'assistant',
+    content: '您好！我是AI标书助手，可以帮您优化标书内容、回答招标相关问题、提供写作建议。请问有什么可以帮您的？',
+    time: '10:00'
+  }
+])
+
+// 商务标步骤
+const businessWriteSteps = [
+  { key: 'outline', title: '大纲生成' },
+  { key: 'match', title: '关联项目匹配' },
+  { key: 'style', title: '标书样式' },
+  { key: 'generate', title: '标书生成' }
+]
+
+// 技术标步骤
+const technicalWriteSteps = [
+  { key: 'outline', title: '大纲生成' },
+  { key: 'match', title: '关联项目匹配' },
+  { key: 'techGen', title: '技术项生成' },
+  { key: 'style', title: '标书样式' },
+  { key: 'generate', title: '标书生成' }
+]
+
+// 标书样式 - 标题层级
+const pmTitleStyles = ref([
+  { level: '封面标题', font: '方正小标宋', size: '小一', align: '居中', bold: '是', special: '-' },
+  { level: '一级标题（第一章）', font: '黑体', size: '小二', align: '居中', bold: '是', special: '段前段后各1行' },
+  { level: '二级标题（1.1）', font: '黑体', size: '小三', align: '左对齐', bold: '是', special: '段前0.5行' },
+  { level: '三级标题（1.1.1）', font: '黑体', size: '四号', align: '左对齐', bold: '是', special: '-' },
+  { level: '四级标题（1.）', font: '仿宋', size: '小四', align: '左对齐', bold: '是', special: '-' }
+])
+
+// 标书样式 - 正文内容
+const pmContentStyles = ref([
+  { type: '正文', font: '仿宋_GB2312', size: '小四', align: '两端对齐', bold: '否', special: '首行缩进2字符' },
+  { type: '表格内容', font: '仿宋', size: '五号', align: '居中', bold: '否', special: '-' },
+  { type: '页眉', font: '宋体', size: '小五', align: '居中', bold: '否', special: '-' },
+  { type: '页脚/页码', font: '宋体', size: '小五', align: '居中', bold: '否', special: '-' },
+  { type: '图表标题', font: '黑体', size: '五号', align: '居中', bold: '是', special: '图下表上' },
+  { type: '注释/备注', font: '仿宋', size: '小五', align: '左对齐', bold: '否', special: '-' }
+])
+
+// 当前步骤列表
+const currentWriteSteps = computed(() => {
+  return pmWriteType.value === 'business' ? businessWriteSteps : technicalWriteSteps
+})
+
+// 大纲数据
+const pmOutlineData = ref([
+  {
+    id: 1,
+    title: '第一章 投标函及投标函附录',
+    children: [
+      { id: 11, title: '1.1 投标函' },
+      { id: 12, title: '1.2 投标函附录' },
+      { id: 13, title: '1.3 法定代表人身份证明' }
+    ]
+  },
+  {
+    id: 2,
+    title: '第二章 商务条款响应表',
+    children: [
+      { id: 21, title: '2.1 商务条款响应' },
+      { id: 22, title: '2.2 合同条款响应' }
+    ]
+  },
+  {
+    id: 3,
+    title: '第三章 投标报价',
+    children: [
+      { id: 31, title: '3.1 投标总价' },
+      { id: 32, title: '3.2 分项报价清单' },
+      { id: 33, title: '3.3 报价说明' }
+    ]
+  },
+  {
+    id: 4,
+    title: '第四章 资格证明文件',
+    children: [
+      { id: 41, title: '4.1 企业营业执照' },
+      { id: 42, title: '4.2 资质证书' },
+      { id: 43, title: '4.3 业绩证明' }
+    ]
+  }
+])
+
+// 关联项目匹配状态
+const pmMatchingStatus = ref('done') // 'matching' | 'done'
+const pmMatchedProjects = ref([
+  { name: '智慧城市综合管理平台项目', year: '2024', amount: '1,200万', matchRate: 92, selected: true },
+  { name: '智慧园区安防监控系统', year: '2023', amount: '680万', matchRate: 85, selected: true },
+  { name: '城市生命线监测平台', year: '2023', amount: '950万', matchRate: 78, selected: false },
+  { name: '数字化城管系统建设', year: '2022', amount: '520万', matchRate: 65, selected: false }
+])
+
+// 技术项生成进度
+const pmTechSections = ref([
+  { title: '技术方案总体设计', status: 'done', progress: 100 },
+  { title: '系统架构设计', status: 'done', progress: 100 },
+  { title: '功能模块设计', status: 'generating', progress: 65 },
+  { title: '施工组织设计', status: 'pending', progress: 0 },
+  { title: '质量保证措施', status: 'pending', progress: 0 }
+])
+
+// ========== 材料智能匹配填充相关 ==========
+const pmMaterialRegion = ref('')
+const pmMaterialIndustry = ref('')
+const pmMaterialYear = ref('')
+const pmAddFileDialogVisible = ref(false)
+const pmCurrentMaterialItem = ref(null)
+const pmFileFilterRegion = ref('')
+const pmFileFilterIndustry = ref('')
+const pmFileFilterYear = ref('')
+
+// 材料项列表
+const pmMaterialItems = ref([
+  { id: 1, title: '投标函及投标函附录', files: [] },
+  { id: 2, title: '资格审查文件', files: [] },
+  { id: 3, title: '商务条款响应表', files: [] },
+  { id: 4, title: '技术方案', files: [] },
+  { id: 5, title: '项目业绩证明', files: [] },
+  { id: 6, title: '企业资质证书', files: [] },
+  { id: 7, title: '财务报表', files: [] }
+])
+
+// 知识库文件列表
+const pmKnowledgeFiles = ref([
+  { id: 1, name: '营业执照.pdf', category: '资质文件', categoryType: 'danger', region: '江西省', year: '2024' },
+  { id: 2, name: '资质证书.pdf', category: '资质文件', categoryType: 'danger', region: '江西省', year: '2024' },
+  { id: 3, name: '安全生产许可证.pdf', category: '资质文件', categoryType: 'danger', region: '江西省', year: '2024' },
+  { id: 4, name: '电力工程施工总承包资质.pdf', category: '资质文件', categoryType: 'danger', region: '江西省', year: '2024' },
+  { id: 5, name: '建筑机电安装工程资质.pdf', category: '资质文件', categoryType: 'danger', region: '江西省', year: '2024' },
+  { id: 6, name: '2023年财务审计报告.pdf', category: '财务文件', categoryType: 'warning', region: '江西省', year: '2023' }
+])
+
+// 五大进度流程
+const pmProjectSteps = ref([
+  { key: 'extract', title: '招标信息提取', description: '解析招标文件', detail: '上传并解析招标文件，提取关键信息如项目名称、预算、截止时间、资质要求等。' },
+  { key: 'write', title: '撰写招标文件', description: '编写投标文件', detail: '根据提取的招标要求，撰写技术方案、商务报价等投标文件内容。' },
+  { key: 'submit', title: '文件提交', description: '提交投标文件', detail: '整理并提交投标文件，确保文件完整性和合规性。' },
+  { key: 'open', title: '开标', description: '等待开标结果', detail: '等待招标单位开标，关注开标时间和地点。' },
+  { key: 'result', title: '结果公示', description: '查看中标结果', detail: '查看中标结果公示，了解项目最终归属。' }
+])
+
+// 开标信息
+const bidOpeningInfo = ref({
+  openTime: '2025-07-01 10:00',
+  status: 'waiting', // waiting, ongoing, completed
+  location: '南昌市公共资源交易中心 3楼开标室',
+  onlineLink: 'https://ggzy.jiangxi.gov.cn/meeting/123456',
+  representative: '张三',
+  authUploaded: true,
+  // 开标结果（开标完成后显示）
+  results: [
+    { company: '江西XX科技有限公司', price: '1,156万', status: 'valid', isOur: true },
+    { company: '南昌YY信息技术公司', price: '1,180万', status: 'valid', isOur: false },
+    { company: '赣州ZZ系统集成有限公司', price: '1,220万', status: 'invalid', isOur: false }
+  ]
+})
+
+// 计算开标倒计时
+const bidOpeningCountdown = computed(() => {
+  const openTime = new Date(bidOpeningInfo.value.openTime)
+  const now = new Date()
+  const diff = openTime - now
+  if (diff <= 0) return '已开标'
+  const days = Math.floor(diff / (1000 * 60 * 60 * 24))
+  const hours = Math.floor((diff % (1000 * 60 * 60 * 24)) / (1000 * 60 * 60))
+  if (days > 0) return `${days}天${hours}小时后`
+  return `${hours}小时后`
+})
+
+// 结果公示信息
+const resultAnnouncementInfo = ref({
+  // 基础信息
+  publishDate: '',
+  endDate: '',
+  result: '', // win, lose, invalid
+  winnerCompany: '',
+  winnerAmount: '',
+  ourAmount: '',
+  ourRank: '',
+  totalBidders: '',
+  // 评分信息
+  scoreItems: [
+    { name: '技术方案', fullScore: 40, ourScore: '', winnerScore: '' },
+    { name: '商务报价', fullScore: 35, ourScore: '', winnerScore: '' },
+    { name: '业绩资质', fullScore: 15, ourScore: '', winnerScore: '' },
+    { name: '服务承诺', fullScore: 10, ourScore: '', winnerScore: '' }
+  ],
+  // 附件
+  attachments: [],
+  // 补充说明
+  remarks: '',
+  // AI分析报告
+  aiReport: null,
+  aiReportGenerating: false
+})
+
+// 添加评分项
+const addScoreItem = () => {
+  resultAnnouncementInfo.value.scoreItems.push({
+    name: '',
+    fullScore: 0,
+    ourScore: '',
+    winnerScore: ''
+  })
+}
+
+// 删除评分项
+const removeScoreItem = (index) => {
+  resultAnnouncementInfo.value.scoreItems.splice(index, 1)
+}
+
+// 计算总分
+const calculateTotalScore = computed(() => {
+  const items = resultAnnouncementInfo.value.scoreItems
+  const fullScore = items.reduce((sum, item) => sum + (Number(item.fullScore) || 0), 0)
+  const ourScore = items.reduce((sum, item) => sum + (Number(item.ourScore) || 0), 0)
+  const winnerScore = items.reduce((sum, item) => sum + (Number(item.winnerScore) || 0), 0)
+  return { fullScore, ourScore, winnerScore }
+})
+
+// 生成AI分析报告
+const generateAIReport = () => {
+  resultAnnouncementInfo.value.aiReportGenerating = true
+  
+  // 模拟AI生成
+  setTimeout(() => {
+    const info = resultAnnouncementInfo.value
+    const isWin = info.result === 'win'
+    
+    resultAnnouncementInfo.value.aiReport = {
+      generatedTime: new Date().toLocaleString('zh-CN'),
+      summary: isWin 
+        ? `恭喜！本次投标成功中标，中标金额￥${info.ourAmount}万元，在${info.totalBidders}家投标单位中排名第${info.ourRank}。`
+        : `本次投标最终排名第${info.ourRank}位（共${info.totalBidders}家），与中标方差距${(calculateTotalScore.value.winnerScore - calculateTotalScore.value.ourScore).toFixed(1)}分。`,
+      reasons: isWin ? [
+        { title: '技术方案优势', content: '技术架构设计合理，实施方案详细可行' },
+        { title: '价格竞争力', content: '报价在合理区间，性价比突出' },
+        { title: '业绩支撑', content: '类似项目经验丰富，案例说服力强' }
+      ] : [
+        { title: '技术方案', score: -1.5, content: '技术架构描述不够详细，缺少具体实现细节' },
+        { title: '商务报价', score: -1.5, content: `报价高于中标方${((Number(info.ourAmount) - Number(info.winnerAmount)) / Number(info.winnerAmount) * 100).toFixed(1)}%` },
+        { title: '业绩资质', score: -1.0, content: '类似项目业绩数量少于竞争对手' }
+      ],
+      suggestions: isWin ? [
+        '及时跟进合同签订流程',
+        '做好项目启动准备工作',
+        '总结成功经验，形成标准化投标模板'
+      ] : [
+        '技术方案：增加技术架构图、详细实施步骤',
+        '报价策略：参考市场价格，合理压缩利润空间',
+        '业绩积累：重点拓展智慧园区、城市管理类项目'
+      ]
+    }
+    
+    resultAnnouncementInfo.value.aiReportGenerating = false
+  }, 2000)
+}
+
+// 保存结果公示信息
+const saveResultAnnouncement = () => {
+  ElMessage.success('结果公示信息已保存')
+}
+
+// 过滤进行中项目
+const filteredPmOngoingProjects = computed(() => {
+  if (!pmProjectSearch.value) return pmOngoingProjects.value
+  return pmOngoingProjects.value.filter(p => 
+    p.name.toLowerCase().includes(pmProjectSearch.value.toLowerCase())
+  )
+})
+const pmCompletedProjects = ref([
+  { 
+    id: 4, 
+    name: '智慧交通管理系统项目', 
+    client: '南昌市交通局', 
+    budget: '1,500万', 
+    completeTime: '2025-05-20', 
+    result: '中标',
+    ourAmount: '1,380万',
+    bidAmount: '1,380万',
+    ourRank: 1,
+    totalBidders: 5,
+    failReason: ''
+  },
+  { 
+    id: 5, 
+    name: '智慧水务监测平台项目', 
+    client: '九江市水利局', 
+    budget: '680万', 
+    completeTime: '2025-04-15', 
+    result: '未中标',
+    ourAmount: '720万',
+    bidAmount: '650万',
+    ourRank: 3,
+    totalBidders: 6,
+    failReason: '价格偏高、业绩不足'
+  },
+  { 
+    id: 6, 
+    name: '城市综合管廊管理系统', 
+    client: '赣州市城管局', 
+    budget: '920万', 
+    completeTime: '2025-03-28', 
+    result: '中标',
+    ourAmount: '895万',
+    bidAmount: '895万',
+    ourRank: 1,
+    totalBidders: 4,
+    failReason: ''
+  },
+  { 
+    id: 7, 
+    name: '智慧园区安防监控项目', 
+    client: '南昌高新区管委会', 
+    budget: '450万', 
+    completeTime: '2025-02-18', 
+    result: '未中标',
+    ourAmount: '480万',
+    bidAmount: '420万',
+    ourRank: 2,
+    totalBidders: 4,
+    failReason: '技术方案细节不足'
+  },
+  { 
+    id: 8, 
+    name: '城市照明智能控制系统', 
+    client: '景德镇市城管局', 
+    budget: '320万', 
+    completeTime: '2025-01-25', 
+    result: '中标',
+    ourAmount: '305万',
+    bidAmount: '305万',
+    ourRank: 1,
+    totalBidders: 3,
+    failReason: ''
+  }
+])
+
+// 已完结项目统计
+const completedProjectStats = computed(() => {
+  const total = pmCompletedProjects.value.length
+  const won = pmCompletedProjects.value.filter(p => p.result === '中标').length
+  const lost = pmCompletedProjects.value.filter(p => p.result === '未中标').length
+  const rate = total > 0 ? ((won / total) * 100).toFixed(1) : 0
+  return { total, won, lost, rate }
+})
+
+// 过滤已完结项目
+const filteredCompletedProjects = computed(() => {
+  let projects = pmCompletedProjects.value
+  if (pmProjectSearch.value) {
+    projects = projects.filter(p => 
+      p.name.toLowerCase().includes(pmProjectSearch.value.toLowerCase())
+    )
+  }
+  if (pmResultFilter.value) {
+    projects = projects.filter(p => p.result === pmResultFilter.value)
+  }
+  return projects
+})
+
+// 分类管理
+const activeCategoryTab = ref('qualification')
+const categorySearch = ref('')
+
+// 历史文件
+const historySearch = ref('')
+const historyFilter = ref('')
+
+// 文件上传
+const showUploadDialog = ref(false)
+const uploadRef = ref(null)
+const fileList = ref([])
+const uploadForm = ref({
+  name: '',
+  category: '',
+  description: ''
+})
+const aiRecognizing = ref(false)
+const uploading = ref(false)
+
+// 文件智能识别
+const biddingFileData = ref(null)
+const pendingBiddingFile = ref(null)
+const analyzingFile = ref(false)
+const biddingUploadRef = ref(null)
+const businessKeyInfo = ref([])
+const techKeyInfo = ref([])
+const previewZoom = ref(1)
+
+// 招标信息提取标签页
+const activeExtractionTab = ref('overview')
+const extractionTabs = ref([
+  { key: 'overview', label: '总体分析' },
+  { key: 'qualification', label: '资格要求' },
+  { key: 'business', label: '商务评分' },
+  { key: 'technical', label: '技术评分' },
+  { key: 'bidding', label: '投标要求' },
+  { key: 'process', label: '开标流程' },
+  { key: 'risk', label: '风险分析' }
+])
+
+// 生成标书相关
+const showBidTypeDialog = ref(false)
+const selectedBidType = ref('')
+const bidGenerationMode = ref(false)
+const bidWizardStep = ref(0)
+const generatingOutline = ref(false)
+const generatingChapter = ref(false)
+const generatingBid = ref(false)
+const bidGenerationProgress = ref(0)
+const previewChapter = ref(0)
+const currentOutline = ref([])
+const outlinePreviewZoom = ref(100)
+
+// 材料智能匹配
+const materialFilter = ref({
+  region: '',
+  industry: '',
+  year: ''
+})
+const showAddFileDialog = ref(false)
+const showPreviewDialog = ref(false)
+const currentAddFileChapter = ref(null)
+const currentAddFileChapterIndex = ref(-1)
+const previewingFile = ref(null)
+const selectedFiles = ref([])
+const fileDialogFilter = ref({
+  region: '',
+  industry: '',
+  year: ''
+})
+const knowledgeFileList = ref([
+  { id: 1, name: '营业执照.pdf', category: '资质文件', categoryType: 'warning', region: '江西省', year: '2024' },
+  { id: 2, name: '资质证书.pdf', category: '资质文件', categoryType: 'warning', region: '江西省', year: '2024' },
+  { id: 3, name: '安全生产许可证.pdf', category: '资质文件', categoryType: 'warning', region: '江西省', year: '2024' },
+  { id: 4, name: '电力工程施工总承包资质.pdf', category: '资质文件', categoryType: 'warning', region: '江西省', year: '2024' },
+  { id: 5, name: '建筑机电安装工程资质.pdf', category: '资质文件', categoryType: 'warning', region: '江西省', year: '2024' },
+  { id: 6, name: '2023年财务审计报告.pdf', category: '财务文件', categoryType: 'success', region: '江西省', year: '2023' },
+  { id: 7, name: '2024年财务审计报告.pdf', category: '财务文件', categoryType: 'success', region: '江西省', year: '2024' }
+])
+
+const previewContentRef = ref(null)
+const isTranslated = ref(false)
+const translatingDocument = ref(false)
+const translatedContent = ref({})
+
+// 多语言翻译
+const translateDirection = ref('zh-en')
+const sourceText = ref('')
+const translatedText = ref('')
+const translating = ref(false)
+const showTermDialog = ref(false)
+
+// 商务要素提取
+const selectedBidFile = ref('')
+const extracting = ref(false)
+const extractProgress = ref(0)
+const businessElements = ref([
+  { element: '开标时间', value: '2024-12-15 09:30', source: 'P.3', needConfirm: true, note: '需确认具体截止时间' },
+  { element: '投标截止', value: '2024-12-14 17:00', source: 'P.3', needConfirm: false },
+  { element: '投标保证金', value: '50,000元', source: 'P.5', needConfirm: false },
+  { element: '有效期', value: '90天', source: 'P.5', needConfirm: false }
+])
+
+// 否决项识别
+const recognizing = ref(false)
+const recognizeProgress = ref(0)
+const rejectionItems = ref([
+  { id: 1, marker: '★', content: '投标保证金未按时缴纳', source: 'P.5', checked: false },
+  { id: 2, marker: '★', content: '资质证书不符合要求', source: 'P.8', checked: false },
+  { id: 3, marker: '▲', content: '技术参数低于最低要求', source: 'P.12', checked: false }
+])
+const deductionItems = ref([
+  { id: 1, content: '业绩不足3个', source: 'P.15', score: -2, checked: false },
+  { id: 2, content: '无本地服务网点', source: 'P.18', score: -3, checked: false },
+  { id: 3, content: '交货期超过60天', source: 'P.20', score: -1, checked: false }
+])
+const bonusItems = ref([
+  { id: 1, content: '业绩超过5个', source: 'P.15', score: 3, checked: false },
+  { id: 2, content: '有本地服务网点', source: 'P.18', score: 2, checked: false }
+])
+
+const totalDeduction = computed(() => {
+  return Math.abs(deductionItems.value.reduce((sum, item) => sum + item.score, 0))
+})
+
+const totalBonus = computed(() => {
+  return bonusItems.value.reduce((sum, item) => sum + item.score, 0)
+})
+
+// 项目管理
+const projectSearch = ref('')
+const selectedProject = ref(null)
+const showCreateProjectDialog = ref(false)
+const createProjectForm = ref({
+  name: '',
+  description: '',
+  initialStep: '招标信息提取'
+})
+
+// 项目流程步骤
+const projectSteps = [
+  { key: 'get-file', title: '招标信息提取', description: '下载并解析招标文件' },
+  { key: 'write-file', title: '撰写投标文件', description: '编写商务标和技术标' },
+  { key: 'submit', title: '文件提交', description: '提交投标文件' },
+  { key: 'open-bid', title: '开标', description: '参与开标会议' },
+  { key: 'result', title: '结果公示', description: '查看中标结果' }
+]
+
+// 当前查看的项目步骤详情
+const currentStepDetail = ref(null)
+const currentStepProject = ref(null)
+
+// 进行中的项目
+const ongoingProjects = ref([
+  { 
+    id: 1, 
+    name: '某数据中心发电机组采购项目', 
+    createTime: '2024-11-20 09:30:00', 
+    progress: '招标信息提取',
+    extractedInfo: {
+      businessInfo: [
+        { field: '项目名称', content: '某数据中心发电机组采购项目', source: 'P.1', verifyStatus: 'no-need' },
+        { field: '招标单位', content: 'XX数据中心有限公司', source: 'P.1', verifyStatus: 'no-need' },
+        { field: '开标时间', content: '2024-12-15 09:30', source: 'P.3', verifyStatus: 'need' },
+        { field: '投标截止时间', content: '2024-12-14 17:00', source: 'P.3', verifyStatus: 'no-need' },
+        { field: '投标保证金', content: '50,000元', source: 'P.5', verifyStatus: 'no-need' },
+        { field: '投标有效期', content: '90天', source: 'P.5', verifyStatus: 'no-need' },
+        { field: '联系人', content: '张工', source: 'P.2', verifyStatus: 'no-need' },
+        { field: '联系电话', content: '0791-88888888', source: 'P.2', verifyStatus: 'no-need' }
+      ],
+      techInfo: [
+        { field: '设备类型', content: '柴油发电机组', source: 'P.8', verifyStatus: 'no-need' },
+        { field: '额定功率', content: '≥500kW', source: 'P.10', verifyStatus: 'no-need' },
+        { field: '额定电压', content: '400V/230V', source: 'P.10', verifyStatus: 'no-need' },
+        { field: '频率', content: '50Hz', source: 'P.10', verifyStatus: 'no-need' },
+        { field: '启动方式', content: '电启动', source: 'P.11', verifyStatus: 'no-need' },
+        { field: '冷却方式', content: '水冷', source: 'P.11', verifyStatus: 'no-need' },
+        { field: '噪音要求', content: '≤85dB(A)', source: 'P.12', verifyStatus: 'need' },
+        { field: '防护等级', content: 'IP54', source: 'P.12', verifyStatus: 'no-need' }
+      ]
+    }
+  },
+  { 
+    id: 2, 
+    name: '医院备用电源系统改造工程', 
+    createTime: '2024-11-25 14:20:00', 
+    progress: '撰写投标文件',
+    extractedInfo: {
+      businessInfo: [
+        { field: '项目名称', content: '医院备用电源系统改造工程', source: 'P.1', verifyStatus: 'no-need' },
+        { field: '招标单位', content: 'XX市人民医院', source: 'P.1', verifyStatus: 'no-need' },
+        { field: '开标时间', content: '2024-12-10 14:00', source: 'P.2', verifyStatus: 'no-need' },
+        { field: '投标截止时间', content: '2024-12-09 16:00', source: 'P.2', verifyStatus: 'no-need' },
+        { field: '投标保证金', content: '80,000元', source: 'P.4', verifyStatus: 'no-need' },
+        { field: '投标有效期', content: '60天', source: 'P.4', verifyStatus: 'no-need' }
+      ],
+      techInfo: [
+        { field: '设备类型', content: 'UPS不间断电源系统', source: 'P.7', verifyStatus: 'no-need' },
+        { field: '容量要求', content: '≥200kVA', source: 'P.8', verifyStatus: 'no-need' },
+        { field: '备电时间', content: '≥2小时', source: 'P.8', verifyStatus: 'need' },
+        { field: '输入电压', content: '380V±15%', source: 'P.9', verifyStatus: 'no-need' },
+        { field: '输出电压', content: '220V±2%', source: 'P.9', verifyStatus: 'no-need' }
+      ]
+    }
+  },
+  { 
+    id: 3, 
+    name: '工业园区智能供电项目', 
+    createTime: '2024-12-01 10:15:00', 
+    progress: '文件提交'
+  },
+  { 
+    id: 4, 
+    name: '城市轨道交通供电设备采购', 
+    createTime: '2024-12-03 16:45:00', 
+    progress: '开标'
+  },
+  { 
+    id: 5, 
+    name: '学校配电房升级改造项目', 
+    createTime: '2024-12-05 11:00:00', 
+    progress: '撰写投标文件'
+  }
+])
+
+// 已完结的项目
+const completedProjects = ref([
+  { 
+    id: 101, 
+    name: '市政道路照明工程', 
+    createTime: '2024-10-15 09:00:00',
+    completeTime: '2024-11-20 15:30:00',
+    progress: '结果公示',
+    result: '中标',
+    bidAmount: '328万元'
+  },
+  { 
+    id: 102, 
+    name: '商业综合体配电项目', 
+    createTime: '2024-10-20 14:30:00',
+    completeTime: '2024-11-25 10:20:00',
+    progress: '结果公示',
+    result: '未中标',
+    failReason: '报价过高'
+  },
+  { 
+    id: 103, 
+    name: '工厂变压器更换工程', 
+    createTime: '2024-09-28 10:45:00',
+    completeTime: '2024-11-10 16:00:00',
+    progress: '结果公示',
+    result: '中标',
+    bidAmount: '156万元'
+  },
+  { 
+    id: 104, 
+    name: '住宅小区充电桩建设项目', 
+    createTime: '2024-09-15 13:20:00',
+    completeTime: '2024-10-30 14:45:00',
+    progress: '结果公示',
+    result: '中标',
+    bidAmount: '89万元'
+  },
+  { 
+    id: 105, 
+    name: '办公楼应急电源系统', 
+    createTime: '2024-09-05 09:30:00',
+    completeTime: '2024-10-15 11:20:00',
+    progress: '结果公示',
+    result: '未中标',
+    failReason: '技术参数不满足'
+  }
+])
+
+// 筛选进行中的项目
+const filteredOngoingProjects = computed(() => {
+  if (!projectSearch.value) return ongoingProjects.value
+  return ongoingProjects.value.filter(p => 
+    p.name.toLowerCase().includes(projectSearch.value.toLowerCase())
+  )
+})
+
+// 筛选已完结的项目（旧版）
+const filteredOldCompletedProjects = computed(() => {
+  if (!projectSearch.value) return completedProjects.value
+  return completedProjects.value.filter(p => 
+    p.name.toLowerCase().includes(projectSearch.value.toLowerCase())
+  )
+})
+
+// 查看项目详情
+const viewProjectDetail = (project) => {
+  selectedProject.value = project
+}
+
+// 获取进度百分比
+const getProgressPercentage = (progress) => {
+  const progressMap = {
+    '招标信息提取': 20,
+    '撰写投标文件': 40,
+    '文件提交': 60,
+    '开标': 80,
+    '结果公示': 100
+  }
+  return progressMap[progress] || 0
+}
+
+// 新项目管理方法
+const getPmStatusType = (status) => {
+  const typeMap = {
+    '编写中': 'warning',
+    '待提交': 'info',
+    '审核中': 'primary',
+    '已提交': 'success'
+  }
+  return typeMap[status] || 'info'
+}
+
+const viewPmProjectDetail = (project) => {
+  selectedPmProject.value = project
+  currentViewStepIndex.value = null  // 重置步骤索引
+}
+
+const editPmProject = (project) => {
+  ElMessage.info(`编辑项目: ${project.name}`)
+}
+
+const exportPmProject = (project) => {
+  ElMessage.success(`正在导出: ${project.name}`)
+}
+
+const getProgressGradient = (progress) => {
+  if (progress >= 80) return '#22c55e'
+  if (progress >= 50) return '#8b5cf6'
+  return '#f59e0b'
+}
+
+const handlePmCardAction = (command, project) => {
+  if (command === 'edit') {
+    ElMessage.info(`编辑项目: ${project.name}`)
+  } else if (command === 'delete') {
+    ElMessageBox.confirm('确定要删除该项目吗？', '提示', {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }).then(() => {
+      const index = pmOngoingProjects.value.findIndex(p => p.id === project.id)
+      if (index > -1) {
+        pmOngoingProjects.value.splice(index, 1)
+        ElMessage.success('删除成功')
+      }
+    }).catch(() => {})
+  }
+}
+
+// 根据进度百分比计算当前步骤
+const getPmActiveStep = (progress) => {
+  if (progress >= 100) return 4
+  if (progress >= 80) return 3
+  if (progress >= 60) return 2
+  if (progress >= 30) return 1
+  return 0
+}
+
+// 获取步骤状态
+const getPmStepStatus = (progress, stepIndex) => {
+  const activeStep = getPmActiveStep(progress)
+  if (stepIndex < activeStep) return 'finish'
+  if (stepIndex === activeStep) return 'process'
+  return 'wait'
+}
+
+// 当前查看的步骤索引
+const currentViewStepIndex = ref(null)
+
+// 点击步骤
+const handlePmStepClick = (step, index) => {
+  currentViewStepIndex.value = index
+}
+
+// 当前显示的步骤索引（优先显示点击选中的，否则显示当前进行中的）
+const currentStepIndex = computed(() => {
+  if (currentViewStepIndex.value !== null) {
+    return currentViewStepIndex.value
+  }
+  return selectedPmProject.value ? getPmActiveStep(selectedPmProject.value.progress) : 0
+})
+
+// 获取步骤标签类型
+const getStepTagType = (stepIndex) => {
+  if (!selectedPmProject.value) return 'info'
+  const activeStep = getPmActiveStep(selectedPmProject.value.progress)
+  if (stepIndex < activeStep) return 'success'
+  if (stepIndex === activeStep) return 'warning'
+  return 'info'
+}
+
+// 获取步骤标签文字
+const getStepTagText = (stepIndex) => {
+  if (!selectedPmProject.value) return '待开始'
+  const activeStep = getPmActiveStep(selectedPmProject.value.progress)
+  if (stepIndex < activeStep) return '已完成'
+  if (stepIndex === activeStep) return '进行中'
+  return '待开始'
+}
+
+// 进入步骤
+const handleEnterStep = (stepIndex) => {
+  const step = pmProjectSteps.value[stepIndex]
+  ElMessage.success(`进入: ${step.title}`)
+}
+
+// 招标信息提取 - 文件选择
+const handlePmExtractFileSelect = (file) => {
+  pmPendingExtractFile.value = file.raw
+}
+
+// 招标信息提取 - 开始解析
+const startPmExtractAnalyze = () => {
+  if (!pmPendingExtractFile.value) return
+  
+  pmExtractAnalyzing.value = true
+  
+  // 模拟解析过程
+  setTimeout(() => {
+    pmExtractFileData.value = {
+      name: pmPendingExtractFile.value.name,
+      pages: 68,
+      uploadTime: new Date().toLocaleString()
+    }
+    
+    // 模拟解析结果 - 商务关键信息
+    pmBusinessKeyInfo.value = [
+      { field: '项目名称', content: selectedPmProject.value?.name || '智慧园区综合管理平台建设项目', pageNum: 1, verifyStatus: 'confirmed', aiLoading: false },
+      { field: '招标单位', content: '江西省城市管理中心', pageNum: 1, verifyStatus: 'confirmed', aiLoading: false },
+      { field: '项目预算', content: '1,280万元', pageNum: 3, verifyStatus: 'must', aiLoading: false },
+      { field: '投标截止时间', content: selectedPmProject.value?.deadline || '2025-07-01 09:30', pageNum: 5, verifyStatus: 'must', aiLoading: false },
+      { field: '开标时间', content: '2025-07-01 10:00', pageNum: 5, verifyStatus: 'need', aiLoading: false },
+      { field: '投标保证金', content: '25万元', pageNum: 8, verifyStatus: 'need', aiLoading: false },
+      { field: '履约保证金', content: '合同金额的10%', pageNum: 8, verifyStatus: 'confirmed', aiLoading: false },
+      { field: '付款方式', content: '分期付款，验收后支付80%', pageNum: 12, verifyStatus: 'confirmed', aiLoading: false }
+    ]
+    
+    // 模拟解析结果 - 技术关键信息
+    pmTechKeyInfo.value = [
+      { field: '资质要求', content: '软件企业认定证书、ISO9001认证', pageNum: 15, verifyStatus: 'must', aiLoading: false },
+      { field: '业绩要求', content: '近3年至少2个类似项目经验', pageNum: 16, verifyStatus: 'must', aiLoading: false },
+      { field: '人员要求', content: '项目经理具备PMP证书', pageNum: 18, verifyStatus: 'need', aiLoading: false },
+      { field: '技术架构', content: '微服务架构，支持分布式部署', pageNum: 25, verifyStatus: 'confirmed', aiLoading: false },
+      { field: '响应时间', content: '系统响应时间≤2秒', pageNum: 32, verifyStatus: 'confirmed', aiLoading: false },
+      { field: '数据安全', content: '等保三级要求', pageNum: 38, verifyStatus: 'must', aiLoading: false },
+      { field: '售后服务', content: '质保期3年，7×24小时响应', pageNum: 45, verifyStatus: 'need', aiLoading: false }
+    ]
+    
+    // 提取完成后自动更新项目信息
+    updateProjectFromExtraction({
+      tenderUnit: '江西省城市管理中心',
+      budget: '1,280万元',
+      bidMethod: '综合评分法',
+      deadline: '2025-07-01',
+      openBidTime: '2025-07-01 10:00',
+      depositDeadline: '2025-06-28',
+      deposit: '25万元',
+      qualificationReq: '软件企业认定证书',
+      performanceReq: '近3年至少2个类似项目',
+      personnelReq: '项目经理PMP证书'
+    })
+    
+    pmExtractAnalyzing.value = false
+    pmPendingExtractFile.value = null
+    ElMessage.success('招标文件解析完成，项目信息已自动更新')
+  }, 2500)
+}
+
+// 招标信息提取 - 重新上传
+const resetPmExtract = () => {
+  pmExtractFileData.value = null
+  pmBusinessKeyInfo.value = []
+  pmTechKeyInfo.value = []
+  pmPendingExtractFile.value = null
+  pmIsTranslated.value = false
+  pmPreviewZoom.value = 1
+}
+
+// 商务信息提取 - 添加字段
+const addBusinessKeyInfo = () => {
+  pmBusinessKeyInfo.value.push({
+    field: '',
+    content: '',
+    pageNum: 1,
+    verifyStatus: 'need',
+    aiLoading: false
+  })
+}
+
+// 商务信息提取 - 删除字段
+const removeBusinessKeyInfo = (index) => {
+  pmBusinessKeyInfo.value.splice(index, 1)
+}
+
+// 商务信息提取 - AI识别
+const aiRecognizeBusinessInfo = (row, index) => {
+  row.aiLoading = true
+  setTimeout(() => {
+    const mockData = [
+      { content: '1,280万元', verifyStatus: 'must' },
+      { content: '江西省城市管理中心', verifyStatus: 'confirmed' },
+      { content: '2025年7月1日 09:30', verifyStatus: 'need' },
+      { content: '银行保函或现金', verifyStatus: 'must' },
+      { content: '合同签订后30日内', verifyStatus: 'need' }
+    ]
+    const randomData = mockData[Math.floor(Math.random() * mockData.length)]
+    row.content = randomData.content
+    row.verifyStatus = randomData.verifyStatus
+    row.pageNum = Math.floor(Math.random() * 60) + 1
+    row.aiLoading = false
+    ElMessage.success('AI识别完成')
+  }, 1500)
+}
+
+// 技术信息提取 - 添加字段
+const addTechKeyInfo = () => {
+  pmTechKeyInfo.value.push({
+    field: '',
+    content: '',
+    pageNum: 1,
+    verifyStatus: 'need',
+    aiLoading: false
+  })
+}
+
+// 技术信息提取 - 删除字段
+const removeTechKeyInfo = (index) => {
+  pmTechKeyInfo.value.splice(index, 1)
+}
+
+// 技术信息提取 - AI识别
+const aiRecognizeTechInfo = (row, index) => {
+  row.aiLoading = true
+  setTimeout(() => {
+    const mockData = [
+      { content: '微服务架构，支持分布式部署', verifyStatus: 'must' },
+      { content: 'MySQL 8.0 + Redis 6.0', verifyStatus: 'confirmed' },
+      { content: '99.9%系统可用性', verifyStatus: 'must' },
+      { content: '支持10000并发用户', verifyStatus: 'need' },
+      { content: 'AES-256加密算法', verifyStatus: 'must' }
+    ]
+    const randomData = mockData[Math.floor(Math.random() * mockData.length)]
+    row.content = randomData.content
+    row.verifyStatus = randomData.verifyStatus
+    row.pageNum = Math.floor(Math.random() * 60) + 1
+    row.aiLoading = false
+    ElMessage.success('AI识别完成')
+  }, 1500)
+}
+
+// 否决项识别 - 添加否决项
+const addRejectItem = () => {
+  pmRejectItems.value.push({
+    name: '',
+    type: 'qualification',
+    content: '',
+    pageNum: 1,
+    aiLoading: false
+  })
+}
+
+// 否决项识别 - 删除否决项
+const removeRejectItem = (index) => {
+  pmRejectItems.value.splice(index, 1)
+}
+
+// 否决项识别 - AI识别填充
+const aiRecognizeRejectItem = (row, index) => {
+  row.aiLoading = true
+  // 模拟AI识别过程
+  setTimeout(() => {
+    const mockData = [
+      { type: 'qualification', content: '投标人未提供近三年类似项目业绩证明材料' },
+      { type: 'business', content: '未提供经审计的近三年财务报表' },
+      { type: 'qualification', content: '未提供有效期内的安全生产许可证' },
+      { type: 'technical', content: '技术方案未实质性响应招标文件要求' },
+      { type: 'qualification', content: '投标人未具备相应资质等级要求' },
+      { type: 'business', content: '投标保证金金额或形式不符合招标文件要求' }
+    ]
+    const randomData = mockData[Math.floor(Math.random() * mockData.length)]
+    // 项目名称保持不变，只填充其他字段
+    row.type = randomData.type
+    row.content = randomData.content
+    row.pageNum = Math.floor(Math.random() * 60) + 1
+    row.aiLoading = false
+    ElMessage.success('AI识别完成')
+  }, 1500)
+}
+
+// 标书样式 - 添加标题层级
+const addTitleStyle = () => {
+  pmTitleStyles.value.push({
+    level: '',
+    font: '黑体',
+    size: '四号',
+    align: '左对齐',
+    bold: '是',
+    special: '-'
+  })
+}
+
+// 标书样式 - 删除标题层级
+const removeTitleStyle = (index) => {
+  pmTitleStyles.value.splice(index, 1)
+}
+
+// 标书样式 - 添加正文内容样式
+const addContentStyle = () => {
+  pmContentStyles.value.push({
+    type: '',
+    font: '仿宋',
+    size: '小四',
+    align: '左对齐',
+    bold: '否',
+    special: '-'
+  })
+}
+
+// 标书样式 - 删除正文内容样式
+const removeContentStyle = (index) => {
+  pmContentStyles.value.splice(index, 1)
+}
+
+// 文件预览 - 缩放控制
+const pmZoomIn = () => {
+  pmPreviewZoom.value = Math.min(pmPreviewZoom.value + 0.1, 2)
+}
+
+const pmZoomOut = () => {
+  pmPreviewZoom.value = Math.max(pmPreviewZoom.value - 0.1, 0.5)
+}
+
+const pmResetZoom = () => {
+  pmPreviewZoom.value = 1
+}
+
+// 文件预览 - 翻译功能
+const togglePmTranslation = () => {
+  if (pmIsTranslated.value) {
+    pmIsTranslated.value = false
+    return
+  }
+  
+  pmTranslating.value = true
+  // 模拟翻译过程
+  setTimeout(() => {
+    pmIsTranslated.value = true
+    pmTranslating.value = false
+    ElMessage.success('全文翻译完成')
+  }, 1500)
+}
+
+// 文件预览 - 定位到指定页
+const locatePmPreview = (pageNum) => {
+  const pageElement = document.getElementById(`pm-page-${pageNum}`)
+  if (pageElement) {
+    pageElement.scrollIntoView({ behavior: 'smooth', block: 'start' })
+  }
+}
+
+// 文件预览 - 获取页面内容
+const getPmPageContent = (pageNum) => {
+  // 模拟页面内容
+  const pageContents = {
+    1: `<strong>招标公告</strong><br/><br/>
+项目名称：智慧园区综合管理平台建设项目<br/>
+招标编号：JXZB-2025-0629-001<br/><br/>
+一、招标条件<br/>
+本招标项目智慧园区综合管理平台建设项目已由江西省城市生命线管理中心批准建设，建设资金来自财政拨款，招标人为江西省城市生命线管理中心，招标代理机构为江西华诚工程咨询有限公司。项目已具备招标条件，现对该项目进行公开招标。`,
+    2: `二、项目概况与招标范围<br/><br/>
+2.1 项目概况<br/>
+项目预算：人民币1,280万元<br/>
+最高限价：人民币1,200万元<br/>
+资金来源：财政拨款<br/><br/>
+2.2 招标范围<br/>
+包括但不限于：智慧园区综合管理平台的设计、开发、部署、培训及一年运维服务。`,
+    3: `三、投标人资格要求<br/><br/>
+3.1 企业资质要求<br/>
+- 注册资本：不低于5000万元人民币<br/>
+- 行业资质：具备建筑智能化工程专业承包壹级资质<br/>
+- ISO认证：需提供ISO 9001质量管理体系认证<br/>
+- 业绩要求：近三年完成过3个及以上类似项目<br/><br/>
+3.2 开标时间：2025年07月01日 10:00<br/>
+投标截止时间：2025年07月01日 09:30`
+  }
+  
+  const content = pageContents[pageNum] || `第${pageNum}页内容...<br/><br/>此处为招标文件的详细内容，包含项目要求、技术规范、评标标准等信息。`
+  
+  if (pmIsTranslated.value) {
+    // 模拟翻译后的内容（英文）
+    const translatedContents = {
+      1: `<strong>Bidding Announcement</strong><br/><br/>
+Project Name: Smart Park Comprehensive Management Platform Construction Project<br/>
+Bidding Number: JXZB-2025-0629-001<br/><br/>
+I. Bidding Conditions<br/>
+This bidding project has been approved by Jiangxi Urban Lifeline Management Center. The construction fund comes from fiscal appropriation. The tenderer is Jiangxi Urban Lifeline Management Center, and the bidding agency is Jiangxi Huacheng Engineering Consulting Co., Ltd.`,
+      2: `II. Project Overview and Bidding Scope<br/><br/>
+2.1 Project Overview<br/>
+Project Budget: RMB 12.8 million<br/>
+Maximum Price: RMB 12 million<br/>
+Source of Funds: Fiscal appropriation<br/><br/>
+2.2 Bidding Scope<br/>
+Including but not limited to: design, development, deployment, training and one-year operation and maintenance services of the smart park comprehensive management platform.`,
+      3: `III. Bidder Qualification Requirements<br/><br/>
+3.1 Enterprise Qualification Requirements<br/>
+- Registered Capital: Not less than RMB 50 million<br/>
+- Industry Qualification: Building Intelligence Engineering Professional Contracting Class A<br/>
+- ISO Certification: ISO 9001 Quality Management System Certification required<br/>
+- Performance Requirements: Completed 3 or more similar projects in the past three years<br/><br/>
+3.2 Bid Opening Time: July 1, 2025, 10:00<br/>
+Bid Submission Deadline: July 1, 2025, 09:30`
+    }
+    return translatedContents[pageNum] || `Page ${pageNum} content...<br/><br/>This is the detailed content of the bidding document, including project requirements, technical specifications, evaluation criteria, etc.`
+  }
+  
+  return content
+}
+
+// 招标信息提取 - 确认并进入下一步
+const confirmPmExtract = () => {
+  if (selectedPmProject.value) {
+    selectedPmProject.value.progress = 35
+    currentStepIndex.value = 1 // 跳转到撰写招标文件步骤
+    ElMessage.success('信息已确认，进入撰写招标文件阶段')
+  }
+}
+
+// ========== 撰写招标文件相关方法 ==========
+// 选择投标类型
+const selectWriteType = (type) => {
+  pmWriteType.value = type
+  pmWriteStepIndex.value = 0
+  ElMessage.success(`已选择${type === 'business' ? '商务标' : '技术标'}，开始编写流程`)
+}
+
+// 自动生成大纲
+const autoGenerateOutline = () => {
+  ElMessage.info('正在自动生成大纲...')
+  setTimeout(() => {
+    if (pmWriteType.value === 'technical') {
+      pmOutlineData.value = [
+        {
+          id: 1,
+          title: '第一章 技术方案总体设计',
+          children: [
+            { id: 11, title: '1.1 项目概述' },
+            { id: 12, title: '1.2 设计原则' },
+            { id: 13, title: '1.3 总体架构' }
+          ]
+        },
+        {
+          id: 2,
+          title: '第二章 系统功能设计',
+          children: [
+            { id: 21, title: '2.1 功能模块划分' },
+            { id: 22, title: '2.2 核心功能设计' },
+            { id: 23, title: '2.3 接口设计' }
+          ]
+        },
+        {
+          id: 3,
+          title: '第三章 施工组织设计',
+          children: [
+            { id: 31, title: '3.1 施工方案' },
+            { id: 32, title: '3.2 进度计划' },
+            { id: 33, title: '3.3 人员配置' }
+          ]
+        },
+        {
+          id: 4,
+          title: '第四章 质量保证措施',
+          children: [
+            { id: 41, title: '4.1 质量目标' },
+            { id: 42, title: '4.2 质量保证体系' },
+            { id: 43, title: '4.3 验收标准' }
+          ]
+        }
+      ]
+    }
+    ElMessage.success('大纲生成完成')
+  }, 1000)
+}
+
+// 添加大纲项
+const addOutlineItem = (parent) => {
+  const newId = Date.now()
+  const newItem = { id: newId, title: '新章节', children: [] }
+  
+  if (parent) {
+    if (!parent.children) parent.children = []
+    parent.children.push(newItem)
+  } else {
+    pmOutlineData.value.push(newItem)
+  }
+}
+
+// 编辑大纲项
+const editOutlineItem = (data) => {
+  ElMessageBox.prompt('请输入章节标题', '编辑章节', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    inputValue: data.title
+  }).then(({ value }) => {
+    data.title = value
+    ElMessage.success('修改成功')
+  }).catch(() => {})
+}
+
+// 删除大纲项
+const deleteOutlineItem = (node, data) => {
+  const parent = node.parent
+  const children = parent.data.children || parent.data
+  const index = children.findIndex(d => d.id === data.id)
+  if (index > -1) {
+    children.splice(index, 1)
+    ElMessage.success('删除成功')
+  }
+}
+
+// 生成文档
+const generateDocument = () => {
+  ElMessage.success('正在生成文档，请稍候...')
+  setTimeout(() => {
+    ElMessage.success('文档生成完成，开始下载')
+  }, 2000)
+}
+
+// 预览文档
+const previewDocument = () => {
+  ElMessage.info('正在打开预览...')
+}
+
+// 完成撰写步骤
+const completeWriteStep = () => {
+  if (selectedPmProject.value) {
+    selectedPmProject.value.progress = 55
+    currentStepIndex.value = 2 // 进入文件提交步骤
+    pmWriteType.value = null
+    pmWriteStepIndex.value = 0
+    ElMessage.success('标书编写完成，进入文件提交阶段')
+  }
+}
+
+// ========== 材料智能匹配填充方法 ==========
+const pmSelectedFiles = ref([])
+const pmFilePreviewVisible = ref(false)
+const pmPreviewingFile = ref(null)
+const pmMatching = ref(false)
+
+// 智能匹配规则映射
+const materialMatchRules = {
+  '投标函及投标函附录': ['营业执照', '资质证书'],
+  '资格审查文件': ['营业执照', '资质证书', '安全生产许可证'],
+  '商务条款响应表': [],
+  '技术方案': [],
+  '项目业绩证明': ['电力工程施工总承包资质', '建筑机电安装工程资质'],
+  '企业资质证书': ['营业执照', '资质证书', '安全生产许可证'],
+  '财务报表': ['财务审计报告']
+}
+
+// 全局智能匹配
+const handleMaterialMatch = () => {
+  pmMatching.value = true
+  ElMessage.info('正在智能匹配所有材料...')
+  
+  setTimeout(() => {
+    // 创建新数组以确保响应式更新
+    pmMaterialItems.value = pmMaterialItems.value.map(item => {
+      const rules = materialMatchRules[item.title] || []
+      const matchedFiles = pmKnowledgeFiles.value.filter(f => 
+        rules.some(keyword => f.name.includes(keyword))
+      )
+      return {
+        ...item,
+        files: matchedFiles.map(f => ({ id: f.id, name: f.name }))
+      }
+    })
+    pmMatching.value = false
+    ElMessage.success('智能匹配完成！')
+  }, 1500)
+}
+
+// 全局一键应用
+const handleMaterialApplyAll = () => {
+  ElMessage.success('已应用所有匹配的材料到标书')
+}
+
+// 单项智能匹配
+const handleItemMatch = (item) => {
+  ElMessage.info(`正在为"${item.title}"智能匹配材料...`)
+  
+  setTimeout(() => {
+    const rules = materialMatchRules[item.title] || []
+    const matchedFiles = pmKnowledgeFiles.value.filter(f => 
+      rules.some(keyword => f.name.includes(keyword))
+    )
+    
+    // 找到原始数组中的项目并更新
+    const targetIndex = pmMaterialItems.value.findIndex(i => i.id === item.id)
+    if (targetIndex !== -1) {
+      pmMaterialItems.value[targetIndex] = {
+        ...pmMaterialItems.value[targetIndex],
+        files: matchedFiles.map(f => ({ id: f.id, name: f.name }))
+      }
+      // 触发响应式更新
+      pmMaterialItems.value = [...pmMaterialItems.value]
+    }
+    
+    if (matchedFiles.length > 0) {
+      ElMessage.success(`已为"${item.title}"匹配 ${matchedFiles.length} 个文件`)
+    } else {
+      ElMessage.warning(`未找到与"${item.title}"相关的文件`)
+    }
+  }, 800)
+}
+
+// 单项一键应用
+const handleItemApply = (item) => {
+  if (item.files && item.files.length > 0) {
+    ElMessage.success(`已应用"${item.title}"的 ${item.files.length} 个材料`)
+  } else {
+    ElMessage.warning('请先添加或匹配文件')
+  }
+}
+
+// 打开添加文件弹窗
+const handleAddFile = (item) => {
+  pmCurrentMaterialItem.value = item
+  pmSelectedFiles.value = []
+  pmAddFileDialogVisible.value = true
+}
+
+// 移除文件
+const removeFile = (item, fileIndex) => {
+  const targetIndex = pmMaterialItems.value.findIndex(i => i.id === item.id)
+  if (targetIndex !== -1) {
+    const newFiles = [...pmMaterialItems.value[targetIndex].files]
+    newFiles.splice(fileIndex, 1)
+    pmMaterialItems.value[targetIndex] = {
+      ...pmMaterialItems.value[targetIndex],
+      files: newFiles
+    }
+    pmMaterialItems.value = [...pmMaterialItems.value]
+    ElMessage.success('已移除文件')
+  }
+}
+
+// 处理材料文件上传
+const handleMaterialFileUpload = (file) => {
+  if (pmCurrentMaterialItem.value) {
+    const targetIndex = pmMaterialItems.value.findIndex(i => i.id === pmCurrentMaterialItem.value.id)
+    if (targetIndex !== -1) {
+      const newFile = { id: Date.now(), name: file.name }
+      pmMaterialItems.value[targetIndex] = {
+        ...pmMaterialItems.value[targetIndex],
+        files: [...pmMaterialItems.value[targetIndex].files, newFile]
+      }
+      pmMaterialItems.value = [...pmMaterialItems.value]
+      ElMessage.success(`已上传: ${file.name}`)
+    }
+  }
+}
+
+// 表格选择变化
+const handleMaterialFileSelect = (selection) => {
+  pmSelectedFiles.value = selection
+}
+
+// 确认添加材料文件
+const confirmAddMaterialFiles = () => {
+  if (pmSelectedFiles.value.length > 0 && pmCurrentMaterialItem.value) {
+    // 找到原始数组中的项目索引
+    const targetIndex = pmMaterialItems.value.findIndex(item => item.id === pmCurrentMaterialItem.value.id)
+    if (targetIndex !== -1) {
+      const targetItem = pmMaterialItems.value[targetIndex]
+      const newFiles = pmSelectedFiles.value
+        .filter(f => !targetItem.files.find(ef => ef.id === f.id))
+        .map(f => ({ id: f.id, name: f.name }))
+      
+      // 更新并触发响应式
+      pmMaterialItems.value[targetIndex] = {
+        ...targetItem,
+        files: [...targetItem.files, ...newFiles]
+      }
+      pmMaterialItems.value = [...pmMaterialItems.value]
+      
+      ElMessage.success(`已添加 ${newFiles.length} 个文件`)
+    }
+  }
+  pmAddFileDialogVisible.value = false
+}
+
+// 预览材料项中的文件
+const previewMaterialFile = (file) => {
+  // 从知识库中查找完整的文件信息
+  const fullFile = pmKnowledgeFiles.value.find(f => f.id === file.id) || file
+  pmPreviewingFile.value = {
+    ...fullFile,
+    fileType: fullFile.category || '资质文件',
+    fileSize: '2.5 MB',
+    uploadTime: '2024-11-20',
+    details: fullFile.name.includes('营业执照') ? {
+      title: '营业执照',
+      code: '91360000MA35XXXX1X',
+      company: '江西XX科技有限公司',
+      type: '有限责任公司（自然人投资或控股）',
+      legalPerson: '张三',
+      capital: '5000万元人民币',
+      establishDate: '2015年03月15日',
+      validPeriod: '2015年03月15日至无固定期限'
+    } : fullFile.name.includes('资质证书') ? {
+      title: '资质证书',
+      code: 'D336000012',
+      company: '江西XX科技有限公司',
+      type: '电力工程施工总承包',
+      level: '壹级',
+      issueDate: '2020年05月10日',
+      validPeriod: '2020年05月10日至2025年05月09日'
+    } : fullFile.name.includes('安全生产许可证') ? {
+      title: '安全生产许可证',
+      code: '(赣)JZ安许证字[2020]000123',
+      company: '江西XX科技有限公司',
+      issueDate: '2020年06月15日',
+      validPeriod: '2020年06月15日至2023年06月14日'
+    } : null
+  }
+  pmFilePreviewVisible.value = true
+}
+
+// 预览弹窗中的文件（添加文件弹窗）
+const previewFile = (file) => {
+  pmPreviewingFile.value = {
+    ...file,
+    // 模拟文件详情
+    fileType: file.category || '资质文件',
+    fileSize: '2.5 MB',
+    uploadTime: '2024-11-20',
+    details: file.name.includes('营业执照') ? {
+      title: '营业执照',
+      code: '91360000MA35XXXX1X',
+      company: '江西XX科技有限公司',
+      type: '有限责任公司（自然人投资或控股）',
+      legalPerson: '张三',
+      capital: '5000万元人民币',
+      establishDate: '2015年03月15日',
+      validPeriod: '2015年03月15日至无固定期限'
+    } : null
+  }
+  pmFilePreviewVisible.value = true
+}
+
+// 下载材料文件
+const downloadMaterialFile = () => {
+  if (pmPreviewingFile.value) {
+    ElMessage.success(`正在下载: ${pmPreviewingFile.value.name}`)
+  }
+}
+
+// ========== 三分栏布局相关方法 ==========
+// 点击大纲节点
+const handleOutlineNodeClick = (data) => {
+  pmCurrentOutlineId.value = data.id
+  // 可以根据大纲节点更新文档内容
+  ElMessage.info(`切换到: ${data.title}`)
+}
+
+// 更新文档标题
+const updateDocumentTitle = (e) => {
+  pmDocumentTitle.value = e.target.innerText
+}
+
+// 更新文档内容
+const updateDocumentContent = (e) => {
+  pmDocumentContent.value = e.target.innerText
+}
+
+// 保存文档
+const saveDocument = () => {
+  ElMessage.success('文档保存成功')
+}
+
+// 导出Word文档
+const exportDocument = () => {
+  ElMessage.success('正在生成Word文档...')
+  setTimeout(() => {
+    ElMessage.success('文档导出成功')
+  }, 1500)
+}
+
+// 发送聊天消息
+const sendChatMessage = () => {
+  if (!pmChatInput.value.trim()) return
+  
+  const now = new Date()
+  const timeStr = `${now.getHours()}:${String(now.getMinutes()).padStart(2, '0')}`
+  
+  // 添加用户消息
+  pmChatMessages.value.push({
+    role: 'user',
+    content: pmChatInput.value,
+    time: timeStr
+  })
+  
+  const userMessage = pmChatInput.value
+  pmChatInput.value = ''
+  pmAiTyping.value = true
+  
+  // 滚动到底部
+  setTimeout(() => {
+    if (chatMessagesRef.value) {
+      chatMessagesRef.value.scrollTop = chatMessagesRef.value.scrollHeight
+    }
+  }, 100)
+  
+  // 模拟AI回复
+  setTimeout(() => {
+    pmAiTyping.value = false
+    const responses = [
+      '好的，我来帮您优化这部分内容。建议在技术方案中增加更多细节描述，突出项目的创新点和技术优势。',
+      '根据招标文件要求，您需要在商务条款响应表中明确列出各项条款的响应情况。我已为您生成了参考模板。',
+      '您的投标文件整体结构清晰，建议在实施计划部分增加里程碑节点和交付物清单，这样会更加专业。',
+      '我注意到技术方案中的系统架构描述较为简单，建议添加架构图和详细的技术选型说明。',
+      '这个问题很好，根据招标要求，您需要提供至少3个类似项目的业绩证明。我可以帮您整理相关材料。'
+    ]
+    
+    pmChatMessages.value.push({
+      role: 'assistant',
+      content: responses[Math.floor(Math.random() * responses.length)],
+      time: timeStr
+    })
+    
+    setTimeout(() => {
+      if (chatMessagesRef.value) {
+        chatMessagesRef.value.scrollTop = chatMessagesRef.value.scrollHeight
+      }
+    }, 100)
+  }, 1500)
+}
+
+// 获取进度标签类型
+const getProgressTagType = (progress) => {
+  const typeMap = {
+    '招标信息提取': 'info',
+    '撰写投标文件': 'warning',
+    '文件提交': 'primary',
+    '开标': 'success',
+    '结果公示': 'success'
+  }
+  return typeMap[progress] || 'info'
+}
+
+// 获取进度颜色
+const getProgressColor = (progress) => {
+  const colorMap = {
+    '招标信息提取': '#909399',
+    '撰写投标文件': '#e6a23c',
+    '文件提交': '#409eff',
+    '开标': '#67c23a',
+    '结果公示': '#67c23a'
+  }
+  return colorMap[progress] || '#909399'
+}
+
+// 获取当前激活的步骤
+const getActiveStep = (progress) => {
+  const stepMap = {
+    '招标信息提取': 0,
+    '撰写投标文件': 1,
+    '文件提交': 2,
+    '开标': 3,
+    '结果公示': 4
+  }
+  return stepMap[progress] || 0
+}
+
+// 获取步骤状态
+const getStepStatus = (currentProgress, stepKey) => {
+  const currentIndex = getActiveStep(currentProgress)
+  const stepIndex = projectSteps.findIndex(s => s.key === stepKey)
+  
+  if (stepIndex < currentIndex) return 'finish'
+  if (stepIndex === currentIndex) return 'process'
+  return 'wait'
+}
+
+// 创建项目
+const confirmCreateProject = () => {
+  const newProject = {
+    id: Date.now(),
+    name: createProjectForm.value.name,
+    description: createProjectForm.value.description,
+    createTime: new Date().toLocaleString('zh-CN', { 
+      year: 'numeric', 
+      month: '2-digit', 
+      day: '2-digit', 
+      hour: '2-digit', 
+      minute: '2-digit', 
+      second: '2-digit',
+      hour12: false 
+    }).replace(/\//g, '-'),
+    progress: createProjectForm.value.initialStep
+  }
+  
+  ongoingProjects.value.unshift(newProject)
+  
+  // 如果是从文件识别页面创建的项目，自动完成第一步
+  if (activeNav.value === 'file-import' && biddingFileData.value) {
+    newProject.progress = '撰写投标文件'
+    ElMessage.success('项目创建成功！第一步“招标信息提取”已自动完成')
+  } else {
+    ElMessage.success('项目创建成功！')
+  }
+  
+  // 重置表单
+  createProjectForm.value = {
+    name: '',
+    description: '',
+    initialStep: '招标信息提取'
+  }
+  showCreateDialog.value = false
+}
+
+// 完成当前步骤
+const completeCurrentStep = (project) => {
+  const currentIndex = getActiveStep(project.progress)
+  if (currentIndex < projectSteps.length - 1) {
+    project.progress = projectSteps[currentIndex + 1].title
+    ElMessage.success(`已进入下一阶段：${project.progress}`)
+  }
+}
+
+// 完结项目
+const finishProject = (project) => {
+  ElMessageBox.confirm(
+    '确认完结此项目吗？完结后需要填写项目结果信息。',
+    '完结项目',
+    {
+      confirmButtonText: '确认',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }
+  ).then(() => {
+    // 从进行中项目移除
+    const index = ongoingProjects.value.findIndex(p => p.id === project.id)
+    if (index > -1) {
+      ongoingProjects.value.splice(index, 1)
+    }
+    
+    // 添加到已完结项目（这里简化处理，实际应该弹出表单填写结果）
+    const completedProject = {
+      ...project,
+      completeTime: new Date().toLocaleString('zh-CN', { 
+        year: 'numeric', 
+        month: '2-digit', 
+        day: '2-digit', 
+        hour: '2-digit', 
+        minute: '2-digit', 
+        second: '2-digit',
+        hour12: false 
+      }).replace(/\//g, '-'),
+      result: '中标', // 默认中标，实际应该由用户选择
+      bidAmount: '待填写'
+    }
+    
+    completedProjects.value.unshift(completedProject)
+    selectedProject.value = null
+    activeNav.value = 'project-completed'
+    
+    ElMessage.success('项目已完结！')
+  }).catch(() => {
+    // 取消操作
+  })
+}
+
+// 技术参数解析
+const selectedTechFile = ref('')
+const techParsing = ref(false)
+const techParseProgress = ref(0)
+const techParams = ref([
+  { category: '性能参数', param: '额定功率', requirement: '≥500kW', ourValue: '550kW' },
+  { category: '性能参数', param: '效率', requirement: '≥95%', ourValue: '96%' },
+  { category: '环境参数', param: '工作温度', requirement: '-10℃~45℃', ourValue: '-15℃~50℃' },
+  { category: '电气参数', param: '电压等级', requirement: '10kV', ourValue: '10kV' }
+])
+
+const startTechParse = () => {
+  techParsing.value = true
+  techParseProgress.value = 0
+  const timer = setInterval(() => {
+    techParseProgress.value += 10
+    if (techParseProgress.value >= 100) {
+      clearInterval(timer)
+      techParsing.value = false
+      ElMessage.success('技术参数解析完成！')
+    }
+  }, 200)
+}
+
+const checkCompliance = (row) => {
+  return row.ourValue && row.ourValue.trim() !== ''
+}
+
+// 图纸识别
+const currentDrawing = ref(null)
+const drawingInfo = ref(null)
+
+const uploadDrawing = () => {
+  // 模拟上传
+  currentDrawing.value = {
+    preview: 'https://via.placeholder.com/800x600?text=CAD+Drawing'
+  }
+  drawingInfo.value = {
+    name: '电气系统布局图',
+    type: 'CAD平面图',
+    dimensions: '1200mm x 800mm',
+    tags: ['配电柜', '线路走向', '设备位置', '尺寸标注']
+  }
+  ElMessage.success('图纸上传成功！')
+}
+
+// 商务文件撰写 - 四阶段流程
+const businessWriteStep = ref(0) // 当前步骤：0-项目选择, 1-大纲生成, 2-材料匹配, 3-格式排版
+const selectedBusinessProject = ref(null)
+const generatingBusinessOutline = ref(false)
+const businessOutlineData = ref([])
+const matchingAllMaterials = ref(false)
+const applyingAllMaterials = ref(false)
+const editorFormat = ref({
+  fontFamily: 'SimSun',
+  fontSize: '14pt',
+  heading: 'normal'
+})
+const businessDocumentContent = ref(`
+<h1 style="text-align: center; margin-bottom: 30px;">某数据中心发电机组采购项目</h1>
+<h2 style="text-align: center; margin-bottom: 40px;">商务投标文件</h2>
+
+<p style="text-align: right; margin-bottom: 40px;">
+  投标单位：江西XX科技有限公司<br>
+  投标日期：2024年12月7日
+</p>
+
+<h2 style="margin-top: 40px; margin-bottom: 20px;">一、投标函</h2>
+<p style="line-height: 2; text-indent: 2em;">
+  致：XX数据中心有限公司
+</p>
+<p style="line-height: 2; text-indent: 2em;">
+  我方经研究上述项目的招标文件（包括澄清和修改内容），愿意以人民币（大写）<strong>壹仟贰佰万元整</strong>（¥12,000,000.00元）的投标总价，按照招标文件的要求实施和完成承包工程，修补工程中的任何缺陷。
+</p>
+<p style="line-height: 2; text-indent: 2em;">
+  我方承诺在投标有效期内不修改、撤销投标文件。如中标，我方将按招标文件要求与贵方签订合同，并在收到中标通知书后按规定提交履约保证金。
+</p>
+
+<h2 style="margin-top: 40px; margin-bottom: 20px;">二、法定代表人身份证明</h2>
+<p style="line-height: 2;">
+  <strong>单位名称：</strong>江西XX科技有限公司<br>
+  <strong>单位性质：</strong>有限责任公司<br>
+  <strong>地址：</strong>江西省南昌市红谷滩区XX路XX号<br>
+  <strong>成立时间：</strong>2015年03月15日<br>
+  <strong>经营期限：</strong>长期<br>
+  <strong>姓名：</strong>张三<br>
+  <strong>性别：</strong>男<br>
+  <strong>年龄：</strong>45岁<br>
+  <strong>职务：</strong>董事长兼总经理<br>
+  <strong>身份证号码：</strong>360102197901011234<br>
+  系本公司的法定代表人，特此证明。
+</p>
+
+<h2 style="margin-top: 40px; margin-bottom: 20px;">三、授权委托书</h2>
+<p style="line-height: 2; text-indent: 2em;">
+  本授权委托书声明：我<strong>张三</strong>系江西XX科技有限公司的法定代表人，现授权委托本公司的<strong>李四</strong>为我公司的合法代理人，以本公司的名义参加某数据中心发电机组采购项目的投标活动。
+</p>
+<p style="line-height: 2; text-indent: 2em;">
+  代理人在投标、开标、评标、合同谈判过程中所签署的一切文件和处理与之有关的一切事务，我均予以承认。
+</p>
+<p style="line-height: 2;">
+  <strong>代理人姓名：</strong>李四<br>
+  <strong>性别：</strong>男<br>
+  <strong>年龄：</strong>38岁<br>
+  <strong>职务：</strong>项目经理<br>
+  <strong>身份证号码：</strong>360102198601011234<br>
+  <strong>授权期限：</strong>自2024年12月1日至2025年3月31日
+</p>
+
+<h2 style="margin-top: 40px; margin-bottom: 20px;">四、投标保证金</h2>
+<p style="line-height: 2;">
+  我公司已按照招标文件要求，向贵方指定账户缴纳投标保证金人民币<strong>伍万元整</strong>（¥50,000.00元）。
+</p>
+<p style="line-height: 2;">
+  <strong>缴款单位：</strong>江西XX科技有限公司<br>
+  <strong>开户银行：</strong>中国工商银行南昌红谷滩支行<br>
+  <strong>账号：</strong>1234 5678 0900 1234 567<br>
+  <strong>缴款日期：</strong>2024年12月5日<br>
+  <strong>缴款凭证号：</strong>GS20241205001234
+</p>
+
+<h2 style="margin-top: 40px; margin-bottom: 20px;">五、资格证明文件</h2>
+
+<h3 style="margin-top: 20px; margin-bottom: 15px;">5.1 营业执照</h3>
+<p style="line-height: 2;">
+  <strong>统一社会信用代码：</strong>91360000MA35XXXX1X<br>
+  <strong>企业名称：</strong>江西XX科技有限公司<br>
+  <strong>类型：</strong>有限责任公司（自然人投资或控股）<br>
+  <strong>法定代表人：</strong>张三<br>
+  <strong>注册资本：</strong>5000万元人民币<br>
+  <strong>成立日期：</strong>2015年03月15日<br>
+  <strong>营业期限：</strong>长期<br>
+  <strong>经营范围：</strong>电力工程设计、施工；机电设备安装；建筑智能化工程；消防设施工程；安全技术防范工程；计算机系统集成；软件开发；技术咨询服务。
+</p>
+
+<h3 style="margin-top: 20px; margin-bottom: 15px;">5.2 资质证书</h3>
+<p style="line-height: 2;">
+  我公司具有以下资质证书：
+</p>
+<ul style="line-height: 2; padding-left: 40px;">
+  <li>电力工程施工总承包 贰级</li>
+  <li>建筑机电安装工程专业承包 贰级</li>
+  <li>消防设施工程专业承包 贰级</li>
+</ul>
+<p style="line-height: 2;">
+  <strong>证书编号：</strong>A236XXXXXXXX<br>
+  <strong>发证机关：</strong>江西省住房和城乡建设厅<br>
+  <strong>有效期至：</strong>2029年12月31日
+</p>
+
+<h3 style="margin-top: 20px; margin-bottom: 15px;">5.3 安全生产许可证</h3>
+<p style="line-height: 2;">
+  <strong>证书编号：</strong>(赣)JZ安许证字[2024]001234<br>
+  <strong>发证机关：</strong>江西省住房和城乡建设厅<br>
+  <strong>有效期：</strong>2024年01月20日至2027年01月19日
+</p>
+
+<h2 style="margin-top: 40px; margin-bottom: 20px;">六、财务状况</h2>
+
+<h3 style="margin-top: 20px; margin-bottom: 15px;">6.1 近三年财务状况</h3>
+<table style="width: 100%; border-collapse: collapse; margin: 20px 0;">
+  <tr style="background: #f3f4f6;">
+    <th style="border: 1px solid #000; padding: 10px; text-align: center;">项目</th>
+    <th style="border: 1px solid #000; padding: 10px; text-align: center;">2024年（万元）</th>
+    <th style="border: 1px solid #000; padding: 10px; text-align: center;">2023年（万元）</th>
+    <th style="border: 1px solid #000; padding: 10px; text-align: center;">2022年（万元）</th>
+  </tr>
+  <tr>
+    <td style="border: 1px solid #000; padding: 10px;">营业收入</td>
+    <td style="border: 1px solid #000; padding: 10px; text-align: right;">12,580</td>
+    <td style="border: 1px solid #000; padding: 10px; text-align: right;">10,230</td>
+    <td style="border: 1px solid #000; padding: 10px; text-align: right;">8,560</td>
+  </tr>
+  <tr>
+    <td style="border: 1px solid #000; padding: 10px;">净利润</td>
+    <td style="border: 1px solid #000; padding: 10px; text-align: right;">1,856</td>
+    <td style="border: 1px solid #000; padding: 10px; text-align: right;">1,523</td>
+    <td style="border: 1px solid #000; padding: 10px; text-align: right;">1,285</td>
+  </tr>
+  <tr>
+    <td style="border: 1px solid #000; padding: 10px;">资产总额</td>
+    <td style="border: 1px solid #000; padding: 10px; text-align: right;">25,600</td>
+    <td style="border: 1px solid #000; padding: 10px; text-align: right;">22,100</td>
+    <td style="border: 1px solid #000; padding: 10px; text-align: right;">19,800</td>
+  </tr>
+  <tr>
+    <td style="border: 1px solid #000; padding: 10px;">负债总额</td>
+    <td style="border: 1px solid #000; padding: 10px; text-align: right;">15,200</td>
+    <td style="border: 1px solid #000; padding: 10px; text-align: right;">13,800</td>
+    <td style="border: 1px solid #000; padding: 10px; text-align: right;">12,500</td>
+  </tr>
+  <tr>
+    <td style="border: 1px solid #000; padding: 10px;">所有者权益</td>
+    <td style="border: 1px solid #000; padding: 10px; text-align: right;">10,400</td>
+    <td style="border: 1px solid #000; padding: 10px; text-align: right;">8,300</td>
+    <td style="border: 1px solid #000; padding: 10px; text-align: right;">7,300</td>
+  </tr>
+</table>
+
+<h3 style="margin-top: 20px; margin-bottom: 15px;">6.2 银行资信证明</h3>
+<p style="line-height: 2;">
+  <strong>开户银行：</strong>中国工商银行南昌红谷滩支行<br>
+  <strong>账号：</strong>1234 5678 0900 1234 567<br>
+  <strong>信用等级：</strong>AAA级<br>
+  <strong>授信额度：</strong>人民币3000万元<br>
+  <strong>证明日期：</strong>2024年11月20日
+</p>
+
+<h2 style="margin-top: 40px; margin-bottom: 20px;">七、业绩证明</h2>
+<p style="line-height: 2;">
+  我公司近三年完成的类似项目业绩如下：
+</p>
+
+<h3 style="margin-top: 20px; margin-bottom: 15px;">项目一：南昌高新区数据中心发电机组采购安装项目</h3>
+<p style="line-height: 2;">
+  <strong>建设单位：</strong>南昌高新技术产业开发区管理委员会<br>
+  <strong>合同金额：</strong>人民币1050万元<br>
+  <strong>建设地点：</strong>江西省南昌市高新区<br>
+  <strong>完成时间：</strong>2023年6月<br>
+  <strong>项目内容：</strong>500kW柴油发电机组2台，包括设备采购、安装调试、培训等<br>
+  <strong>质量评价：</strong>优良
+</p>
+
+<h3 style="margin-top: 20px; margin-bottom: 15px;">项目二：赣州经开区智能制造产业园应急电源系统项目</h3>
+<p style="line-height: 2;">
+  <strong>建设单位：</strong>赣州经济技术开发区投资发展有限公司<br>
+  <strong>合同金额：</strong>人民币880万元<br>
+  <strong>建设地点：</strong>江西省赣州市经开区<br>
+  <strong>完成时间：</strong>2022年12月<br>
+  <strong>项目内容：</strong>400kW柴油发电机组3台，包括配电系统、自动切换系统等<br>
+  <strong>质量评价：</strong>优良
+</p>
+
+<h3 style="margin-top: 20px; margin-bottom: 15px;">项目三：九江石化应急发电系统升级改造项目</h3>
+<p style="line-height: 2;">
+  <strong>建设单位：</strong>中国石化九江分公司<br>
+  <strong>合同金额：</strong>人民币1200万元<br>
+  <strong>建设地点：</strong>江西省九江市<br>
+  <strong>完成时间：</strong>2024年3月<br>
+  <strong>项目内容：</strong>600kW柴油发电机组2台，包括旧设备拆除、新设备安装、系统调试等<br>
+  <strong>质量评价：</strong>优良
+</p>
+
+<h2 style="margin-top: 40px; margin-bottom: 20px;">八、项目管理团队</h2>
+<table style="width: 100%; border-collapse: collapse; margin: 20px 0;">
+  <tr style="background: #f3f4f6;">
+    <th style="border: 1px solid #000; padding: 10px; text-align: center;">姓名</th>
+    <th style="border: 1px solid #000; padding: 10px; text-align: center;">职务</th>
+    <th style="border: 1px solid #000; padding: 10px; text-align: center;">职称/资格</th>
+    <th style="border: 1px solid #000; padding: 10px; text-align: center;">工作年限</th>
+  </tr>
+  <tr>
+    <td style="border: 1px solid #000; padding: 10px; text-align: center;">李四</td>
+    <td style="border: 1px solid #000; padding: 10px; text-align: center;">项目经理</td>
+    <td style="border: 1px solid #000; padding: 10px; text-align: center;">一级建造师（机电工程）</td>
+    <td style="border: 1px solid #000; padding: 10px; text-align: center;">15年</td>
+  </tr>
+  <tr>
+    <td style="border: 1px solid #000; padding: 10px; text-align: center;">王五</td>
+    <td style="border: 1px solid #000; padding: 10px; text-align: center;">技术负责人</td>
+    <td style="border: 1px solid #000; padding: 10px; text-align: center;">高级工程师</td>
+    <td style="border: 1px solid #000; padding: 10px; text-align: center;">18年</td>
+  </tr>
+  <tr>
+    <td style="border: 1px solid #000; padding: 10px; text-align: center;">赵六</td>
+    <td style="border: 1px solid #000; padding: 10px; text-align: center;">质量负责人</td>
+    <td style="border: 1px solid #000; padding: 10px; text-align: center;">工程师</td>
+    <td style="border: 1px solid #000; padding: 10px; text-align: center;">12年</td>
+  </tr>
+  <tr>
+    <td style="border: 1px solid #000; padding: 10px; text-align: center;">孙七</td>
+    <td style="border: 1px solid #000; padding: 10px; text-align: center;">安全负责人</td>
+    <td style="border: 1px solid #000; padding: 10px; text-align: center;">注册安全工程师</td>
+    <td style="border: 1px solid #000; padding: 10px; text-align: center;">10年</td>
+  </tr>
+</table>
+
+<h2 style="margin-top: 40px; margin-bottom: 20px;">九、售后服务承诺</h2>
+<p style="line-height: 2; text-indent: 2em;">
+  我公司承诺为本项目提供优质的售后服务，具体如下：
+</p>
+<ol style="line-height: 2; padding-left: 40px;">
+  <li>设备质保期为交付验收合格后36个月；</li>
+  <li>质保期内免费提供设备维护保养服务，每季度不少于1次；</li>
+  <li>质保期内设备出现故障，接到通知后2小时内响应，24小时内到达现场处理；</li>
+  <li>提供7×24小时技术支持热线服务；</li>
+  <li>质保期满后，继续提供终身有偿维修服务；</li>
+  <li>免费提供操作人员培训，确保设备正常运行。</li>
+</ol>
+
+<p style="text-align: right; margin-top: 60px;">
+  投标单位：江西XX科技有限公司（盖章）<br>
+  法定代表人或授权代表：________________（签字）<br>
+  日期：2024年12月7日
+</p>
+`)
+const chatMessages = ref([
+  { id: 1, role: 'assistant', content: '您好！我是AI助手，可以帮助您优化文档内容、检查格式等。有什么需要帮助的吗？', time: '09:00' }
+])
+const chatInput = ref('')
+const chatSending = ref(false)
+const outlineChatMessagesRef = ref(null)
+const documentZoom = ref(1)
+
+// 文件预览弹窗相关
+const previewMaterialDialogVisible = ref(false)
+const previewingMaterial = ref(null)
+// 注意：previewZoom 已在文件识别模块中声明，这里共用
+
+// 更换文件弹窗相关
+const changeMaterialDialogVisible = ref(false)
+const currentChangingSection = ref(null)
+const dialogMaterialFilter = ref({
+  region: '',
+  industry: '',
+  year: ''
+})
+const selectedMaterials = ref([])
+const uploadedFiles = ref([])
+const materialUploadRef = ref(null)
+const fileInputRef = ref(null)
+const availableMaterials = ref([
+  // 资质文件
+  { id: 101, name: '营业执照.pdf', category: '资质文件', region: '江西省', year: '2024', matchScore: 98 },
+  { id: 102, name: '资质证书.pdf', category: '资质文件', region: '江西省', year: '2024', matchScore: 95 },
+  { id: 103, name: '安全生产许可证.pdf', category: '资质文件', region: '江西省', year: '2024', matchScore: 93 },
+  { id: 104, name: '电力工程施工总承包资质.pdf', category: '资质文件', region: '江西省', year: '2024', matchScore: 97 },
+  { id: 105, name: '建筑机电安装工程资质.pdf', category: '资质文件', region: '江西省', year: '2024', matchScore: 94 },
+  
+  // 财务文件
+  { id: 106, name: '2023年财务审计报告.pdf', category: '财务文件', region: '江西省', year: '2023', matchScore: 92 },
+  { id: 107, name: '2024年财务审计报告.pdf', category: '财务文件', region: '江西省', year: '2024', matchScore: 96 },
+  { id: 108, name: '银行资信证明.pdf', category: '财务文件', region: '南昌市', year: '2024', matchScore: 90 },
+  { id: 109, name: '纳税证明.pdf', category: '财务文件', region: '江西省', year: '2024', matchScore: 89 },
+  
+  // 业绩文件
+  { id: 110, name: '南昌高新区数据中心项目业绩.pdf', category: '业绩文件', region: '江西省', year: '2023', matchScore: 88 },
+  { id: 111, name: '赣州经开区智能制造项目业绩.pdf', category: '业绩文件', region: '赣州市', year: '2024', matchScore: 91 },
+  { id: 112, name: '九江石化应急发电系统项目.pdf', category: '业绩文件', region: '江西省', year: '2024', matchScore: 93 },
+  { id: 113, name: '上饶市政府办公楼项目.pdf', category: '业绩文件', region: '江西省', year: '2023', matchScore: 86 },
+  
+  // 技术方案
+  { id: 114, name: '发电机组技术方案模板.docx', category: '技术方案', region: '全国', year: '2024', matchScore: 95 },
+  { id: 115, name: '500kW柴油发电机组技术方案.pdf', category: '技术方案', region: '江西省', year: '2024', matchScore: 98 },
+  { id: 116, name: '应急电源系统设计方案.pdf', category: '技术方案', region: '江西省', year: '2024', matchScore: 96 },
+  { id: 117, name: '自动化控制系统方案.pdf', category: '技术方案', region: '江西省', year: '2024', matchScore: 94 },
+  { id: 118, name: '远程监控系统技术方案.pdf', category: '技术方案', region: '江西省', year: '2024', matchScore: 92 },
+  
+  // 设备参数
+  { id: 119, name: '康明斯发电机组参数表.xlsx', category: '设备参数', region: '全国', year: '2024', matchScore: 97 },
+  { id: 120, name: '卡特彼勒发电机组参数.xlsx', category: '设备参数', region: '全国', year: '2024', matchScore: 96 },
+  { id: 121, name: '深海控制器技术参数.pdf', category: '设备参数', region: '全国', year: '2024', matchScore: 93 },
+  { id: 122, name: '配电柜技术参数表.xlsx', category: '设备参数', region: '江西省', year: '2024', matchScore: 90 },
+  
+  // 施工组织
+  { id: 123, name: '发电机组安装施工方案.docx', category: '施工组织', region: '江西省', year: '2024', matchScore: 94 },
+  { id: 124, name: '施工进度计划表.xlsx', category: '施工组织', region: '江西省', year: '2024', matchScore: 91 },
+  { id: 125, name: '质量保证措施.docx', category: '施工组织', region: '江西省', year: '2024', matchScore: 89 },
+  { id: 126, name: '安全文明施工方案.pdf', category: '施工组织', region: '江西省', year: '2024', matchScore: 92 },
+  
+  // 人员资料
+  { id: 127, name: '项目经理一级建造师证书.pdf', category: '人员资料', region: '江西省', year: '2024', matchScore: 99 },
+  { id: 128, name: '技术负责人高级工程师证.pdf', category: '人员资料', region: '江西省', year: '2024', matchScore: 97 },
+  { id: 129, name: '安全员注册证书.pdf', category: '人员资料', region: '江西省', year: '2024', matchScore: 95 },
+  { id: 130, name: '质量员资格证书.pdf', category: '人员资料', region: '江西省', year: '2024', matchScore: 94 },
+  
+  // 其他文件
+  { id: 131, name: '法定代表人身份证.pdf', category: '身份证明', region: '江西省', year: '2024', matchScore: 99 },
+  { id: 132, name: '授权委托书模板.docx', category: '模板文件', region: '全国', year: '2024', matchScore: 85 },
+  { id: 133, name: '投标保证金缴纳凭证.pdf', category: '保证金', region: '江西省', year: '2024', matchScore: 98 },
+  { id: 134, name: '售后服务承诺书.docx', category: '服务承诺', region: '江西省', year: '2024', matchScore: 91 },
+  { id: 135, name: '培训方案.pdf', category: '培训资料', region: '江西省', year: '2024', matchScore: 88 }
+])
+
+// 步骤1：选择项目
+const selectBusinessProject = (project) => {
+  selectedBusinessProject.value = project
+  ElMessage.success(`已选择项目：${project.name}`)
+}
+
+const confirmProjectSelection = () => {
+  if (!selectedBusinessProject.value) {
+    ElMessage.warning('请先选择一个项目')
+    return
+  }
+  businessWriteStep.value = 1
+  ElMessage.success('项目信息已同步，开始生成商务标大纲')
+}
+
+// 步骤2：生成大纲
+const generateBusinessOutline = () => {
+  generatingBusinessOutline.value = true
+  ElMessage.info('正在基于招标文件生成商务标大纲...')
+  
+  setTimeout(() => {
+    businessOutlineData.value = [
+      { 
+        id: 1, 
+        title: '1. 投标函',
+        children: []
+      },
+      { 
+        id: 2, 
+        title: '2. 法定代表人身份证明',
+        children: []
+      },
+      { 
+        id: 3, 
+        title: '3. 授权委托书',
+        children: []
+      },
+      { 
+        id: 4, 
+        title: '4. 投标保证金',
+        children: []
+      },
+      { 
+        id: 5, 
+        title: '5. 资格证明文件',
+        children: [
+          { id: 51, title: '5.1 营业执照' },
+          { id: 52, title: '5.2 资质证书' },
+          { id: 53, title: '5.3 安全生产许可证' }
+        ]
+      },
+      { 
+        id: 6, 
+        title: '6. 财务状况',
+        children: [
+          { id: 61, title: '6.1 财务审计报告' },
+          { id: 62, title: '6.2 银行资信证明' }
+        ]
+      },
+      { 
+        id: 7, 
+        title: '7. 业绩证明',
+        children: []
+      }
+    ]
+    generatingBusinessOutline.value = false
+    ElMessage.success('商务标大纲生成成功！')
+  }, 2000)
+}
+
+const addOutlineSection = () => {
+  const newId = businessOutlineData.value.length + 1
+  businessOutlineData.value.push({
+    id: newId,
+    title: `${newId}. 新章节`,
+    children: []
+  })
+  ElMessage.success('已添加新章节')
+}
+
+const editOutlineNode = (data) => {
+  ElMessageBox.prompt('请输入章节标题', '编辑章节', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    inputValue: data.title
+  }).then(({ value }) => {
+    data.title = value
+    ElMessage.success('章节标题已更新')
+  }).catch(() => {})
+}
+
+const addChildNode = (data) => {
+  if (!data.children) {
+    data.children = []
+  }
+  const newId = Date.now()
+  data.children.push({
+    id: newId,
+    title: `${data.title.split('.')[0]}.${data.children.length + 1} 新子章节`
+  })
+  ElMessage.success('已添加子章节')
+}
+
+const deleteOutlineNode = (data) => {
+  ElMessageBox.confirm('确定删除此章节吗？', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => {
+    // 简化处理，实际需要递归查找并删除
+    const index = businessOutlineData.value.findIndex(item => item.id === data.id)
+    if (index > -1) {
+      businessOutlineData.value.splice(index, 1)
+      ElMessage.success('章节已删除')
+    }
+  }).catch(() => {})
+}
+
+const allowDrop = (draggingNode, dropNode, type) => {
+  return type !== 'inner'
+}
+
+// 步骤3：材料匹配
+const autoMatchAllMaterials = () => {
+  if (businessOutlineData.value.length === 0) {
+    ElMessage.warning('请先生成商务标大纲')
+    return
+  }
+  
+  matchingAllMaterials.value = true
+  ElMessage.info('正在为所有章节智能匹配材料...')
+  
+  setTimeout(() => {
+    // 为每个章节自动匹配材料
+    businessOutlineData.value.forEach((section, index) => {
+      const mockMaterialsPool = [
+        { id: 1, name: '营业执照.pdf', category: '资质文件', matchScore: 98, applied: false },
+        { id: 2, name: '资质证书.pdf', category: '资质文件', matchScore: 95, applied: false },
+        { id: 3, name: '安全生产许可证.pdf', category: '资质文件', matchScore: 93, applied: false },
+        { id: 4, name: '2024年财务审计报告.pdf', category: '财务文件', matchScore: 96, applied: false },
+        { id: 5, name: '银行资信证明.pdf', category: '财务文件', matchScore: 90, applied: false },
+        { id: 6, name: '项目业绩证明.pdf', category: '业绩文件', matchScore: 91, applied: false },
+        { id: 7, name: '法定代表人身份证.pdf', category: '身份证明', matchScore: 99, applied: false },
+        { id: 8, name: '授权委托书.docx', category: '模板文件', matchScore: 85, applied: false }
+      ]
+      
+      // 根据章节标题智能匹配相关材料
+      let matchedMaterials = []
+      if (section.title.includes('资格证明') || section.title.includes('资质')) {
+        matchedMaterials = mockMaterialsPool.filter(m => m.category === '资质文件').slice(0, 2)
+      } else if (section.title.includes('财务')) {
+        matchedMaterials = mockMaterialsPool.filter(m => m.category === '财务文件')
+      } else if (section.title.includes('业绩')) {
+        matchedMaterials = mockMaterialsPool.filter(m => m.category === '业绩文件')
+      } else if (section.title.includes('身份证明')) {
+        matchedMaterials = mockMaterialsPool.filter(m => m.category === '身份证明')
+      } else if (section.title.includes('授权')) {
+        matchedMaterials = mockMaterialsPool.filter(m => m.name.includes('授权'))
+      } else {
+        // 默认匹配1-2个材料
+        matchedMaterials = mockMaterialsPool.slice(index % 3, (index % 3) + 2)
+      }
+      
+      section.matchedMaterials = matchedMaterials
+    })
+    
+    matchingAllMaterials.value = false
+    ElMessage.success('所有章节材料匹配完成！')
+  }, 2500)
+}
+
+const autoMatchMaterial = (section) => {
+  ElMessage.info(`正在为"${section.title}"智能匹配材料...`)
+  
+  setTimeout(() => {
+    // 模拟匹配结果
+    const mockMaterials = [
+      { id: 1, name: '营业执照.pdf', category: '资质文件', matchScore: 98, applied: false },
+      { id: 2, name: '资质证书.pdf', category: '资质文件', matchScore: 95, applied: false },
+      { id: 3, name: '财务审计报告.pdf', category: '财务文件', matchScore: 92, applied: false }
+    ]
+    
+    section.matchedMaterials = mockMaterials.slice(0, 2)
+    ElMessage.success('材料匹配完成')
+  }, 1500)
+}
+
+const previewMaterial = (material) => {
+  previewingMaterial.value = material
+  previewMaterialDialogVisible.value = true
+  previewZoom.value = 1
+}
+
+const toggleApplyMaterial = (section, material) => {
+  material.applied = !material.applied
+  if (material.applied) {
+    ElMessage.success(`已应用"${material.name}"到"${section.title}"`)
+  } else {
+    ElMessage.info(`已取消应用"${material.name}"`)
+  }
+}
+
+// 检查单个章节是否所有材料都已应用
+const isSectionAllApplied = (section) => {
+  if (!section.matchedMaterials || section.matchedMaterials.length === 0) {
+    return false
+  }
+  return section.matchedMaterials.every(material => material.applied)
+}
+
+// 检查所有章节是否所有材料都已应用
+const allMaterialsApplied = computed(() => {
+  if (businessOutlineData.value.length === 0) {
+    return false
+  }
+  
+  let hasAnyMaterial = false
+  for (const section of businessOutlineData.value) {
+    if (section.matchedMaterials && section.matchedMaterials.length > 0) {
+      hasAnyMaterial = true
+      if (!section.matchedMaterials.every(material => material.applied)) {
+        return false
+      }
+    }
+  }
+  
+  return hasAnyMaterial
+})
+
+// 切换单个章节的所有材料应用状态
+const toggleApplySectionMaterials = (section) => {
+  if (!section.matchedMaterials || section.matchedMaterials.length === 0) {
+    ElMessage.warning(`"${section.title}"暂无匹配的材料`)
+    return
+  }
+  
+  const allApplied = isSectionAllApplied(section)
+  
+  if (allApplied) {
+    // 取消应用所有材料
+    section.matchedMaterials.forEach(material => {
+      material.applied = false
+    })
+    ElMessage.info(`已取消应用"${section.title}"的所有材料`)
+  } else {
+    // 应用所有材料
+    let appliedCount = 0
+    section.matchedMaterials.forEach(material => {
+      if (!material.applied) {
+        material.applied = true
+        appliedCount++
+      }
+    })
+    ElMessage.success(`已应用"${section.title}"的 ${appliedCount} 个材料`)
+  }
+}
+
+// 切换所有章节的所有材料应用状态
+const toggleApplyAllMaterials = () => {
+  if (businessOutlineData.value.length === 0) {
+    ElMessage.warning('请先生成商务标大纲')
+    return
+  }
+  
+  applyingAllMaterials.value = true
+  
+  setTimeout(() => {
+    const allApplied = allMaterialsApplied.value
+    let totalChanged = 0
+    let sectionsWithMaterials = 0
+    
+    businessOutlineData.value.forEach(section => {
+      if (section.matchedMaterials && section.matchedMaterials.length > 0) {
+        sectionsWithMaterials++
+        section.matchedMaterials.forEach(material => {
+          if (allApplied) {
+            // 取消应用
+            if (material.applied) {
+              material.applied = false
+              totalChanged++
+            }
+          } else {
+            // 应用
+            if (!material.applied) {
+              material.applied = true
+              totalChanged++
+            }
+          }
+        })
+      }
+    })
+    
+    applyingAllMaterials.value = false
+    
+    if (allApplied) {
+      ElMessage.info(`已取消应用 ${sectionsWithMaterials} 个章节的 ${totalChanged} 个材料`)
+    } else {
+      if (totalChanged > 0) {
+        ElMessage.success(`已应用 ${sectionsWithMaterials} 个章节的 ${totalChanged} 个材料`)
+      } else {
+        ElMessage.warning('暂无可应用的材料，请先进行智能匹配')
+      }
+    }
+  }, 800)
+}
+
+// 更换文件相关函数
+const openChangeMaterialDialog = (section) => {
+  currentChangingSection.value = section
+  changeMaterialDialogVisible.value = true
+  selectedMaterials.value = []
+  uploadedFiles.value = []
+  // 重置筛选条件
+  dialogMaterialFilter.value = {
+    region: '',
+    industry: '',
+    year: ''
+  }
+}
+
+// 手动触发文件上传选择
+const triggerFileUpload = () => {
+  // 直接触发原生 input 的点击
+  if (fileInputRef.value) {
+    fileInputRef.value.click()
+  }
+}
+
+// 处理原生 input 的文件选择
+const handleFileInputChange = (event) => {
+  const files = event.target.files
+  if (files && files.length > 0) {
+    Array.from(files).forEach(file => {
+      const newFile = {
+        id: Date.now() + Math.random(),
+        name: file.name,
+        size: file.size,
+        raw: file,
+        category: '上传文件',
+        matchScore: 100,
+        applied: false,
+        isUploaded: true
+      }
+      uploadedFiles.value.push(newFile)
+    })
+    ElMessage.success(`成功添加 ${files.length} 个文件`)
+    // 清空 input 的值，以便可以重复选择相同的文件
+    event.target.value = ''
+  }
+}
+
+// 处理文件上传
+const handleFileUpload = (file) => {
+  const newFile = {
+    id: Date.now() + Math.random(),
+    name: file.name,
+    size: file.size,
+    raw: file.raw,
+    category: '上传文件',
+    matchScore: 100,
+    applied: false,
+    isUploaded: true
+  }
+  
+  uploadedFiles.value.push(newFile)
+  ElMessage.success(`文件"${file.name}"上传成功`)
+}
+
+// 格式化文件大小
+const formatFileSize = (bytes) => {
+  if (bytes === 0) return '0 B'
+  const k = 1024
+  const sizes = ['B', 'KB', 'MB', 'GB']
+  const i = Math.floor(Math.log(bytes) / Math.log(k))
+  return Math.round(bytes / Math.pow(k, i) * 100) / 100 + ' ' + sizes[i]
+}
+
+// 预览上传的文件
+const previewUploadedFile = (file) => {
+  previewingMaterial.value = file
+  previewMaterialDialogVisible.value = true
+  previewZoom.value = 1
+}
+
+// 删除上传的文件
+const removeUploadedFile = (file) => {
+  const index = uploadedFiles.value.findIndex(f => f.id === file.id)
+  if (index > -1) {
+    uploadedFiles.value.splice(index, 1)
+    ElMessage.info(`已删除文件"${file.name}"`)
+  }
+}
+
+// 取消选择文件
+const cancelChangeMaterial = () => {
+  changeMaterialDialogVisible.value = false
+  uploadedFiles.value = []
+  selectedMaterials.value = []
+}
+
+const searchDialogMaterials = () => {
+  ElMessage.info('正在检索文件...')
+  setTimeout(() => {
+    ElMessage.success('检索完成')
+  }, 1000)
+}
+
+const handleMaterialSelectionChange = (selection) => {
+  selectedMaterials.value = selection
+}
+
+const previewDialogMaterial = (material) => {
+  previewingMaterial.value = material
+  previewMaterialDialogVisible.value = true
+  previewZoom.value = 1
+}
+
+const downloadPreviewFile = () => {
+  ElMessage.success(`正在下载：${previewingMaterial.value?.name}`)
+}
+
+const confirmChangeMaterial = () => {
+  const totalFiles = selectedMaterials.value.length + uploadedFiles.value.length
+  
+  if (totalFiles === 0) {
+    ElMessage.warning('请至少选择或上传一个文件')
+    return
+  }
+  
+  // 将选中的文件添加到当前章节
+  if (!currentChangingSection.value.matchedMaterials) {
+    currentChangingSection.value.matchedMaterials = []
+  }
+  
+  // 添加知识库选中的文件
+  selectedMaterials.value.forEach(material => {
+    // 检查是否已存在
+    const exists = currentChangingSection.value.matchedMaterials.some(m => m.id === material.id)
+    if (!exists) {
+      currentChangingSection.value.matchedMaterials.push({
+        ...material,
+        applied: false
+      })
+    }
+  })
+  
+  // 添加上传的文件
+  uploadedFiles.value.forEach(file => {
+    currentChangingSection.value.matchedMaterials.push({
+      ...file,
+      applied: false
+    })
+  })
+  
+  ElMessage.success(`已添加 ${totalFiles} 个文件到"${currentChangingSection.value.title}"`)
+  changeMaterialDialogVisible.value = false
+  selectedMaterials.value = []
+  uploadedFiles.value = []
+}
+
+// 步骤4：文档编辑
+const formatText = (command) => {
+  document.execCommand(command, false, null)
+}
+
+const updateBusinessDocContent = (event) => {
+  businessDocumentContent.value = event.target.innerHTML
+}
+
+const saveBusinessDocument = () => {
+  ElMessage.success('商务文件已保存')
+}
+
+const exportBusinessDocument = () => {
+  ElMessage.success('商务文件导出成功')
+}
+
+const sendBusinessChatMessage = () => {
+  if (!chatInput.value.trim()) return
+  
+  chatSending.value = true
+  const userMessage = {
+    id: Date.now(),
+    role: 'user',
+    content: chatInput.value,
+    time: new Date().toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit' })
+  }
+  
+  chatMessages.value.push(userMessage)
+  chatInput.value = ''
+  
+  setTimeout(() => {
+    const aiMessage = {
+      id: Date.now() + 1,
+      role: 'assistant',
+      content: '我已经理解您的需求，正在为您优化文档内容...',
+      time: new Date().toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit' })
+    }
+    chatMessages.value.push(aiMessage)
+    chatSending.value = false
+    
+    // 滚动到底部
+    if (outlineChatMessagesRef.value) {
+      outlineChatMessagesRef.value.scrollTop = outlineChatMessagesRef.value.scrollHeight
+    }
+  }, 1000)
+}
+
+const quickAction = (action) => {
+  const actions = {
+    optimize: '正在优化当前段落...',
+    expand: '正在扩写内容...',
+    check: '正在检查格式...'
+  }
+  ElMessage.info(actions[action] || '执行操作中...')
+}
+
+// 文档浏览器功能（商务标大纲生成阶段）
+const documentZoomIn = () => {
+  if (documentZoom.value < 200) {
+    documentZoom.value += 10
+  }
+}
+
+const documentZoomOut = () => {
+  if (documentZoom.value > 50) {
+    documentZoom.value -= 10
+  }
+}
+
+const downloadDocument = () => {
+  ElMessage.success('招标文件下载成功')
+}
+
+// 技术标撰写 - 四阶段流程
+const techWriteStep = ref(0)
+const selectedTechProject = ref(null)
+const generatingTechOutline = ref(false)
+const techOutlineData = ref([])
+const techDocumentContent = ref('<h1 style="text-align: center;">技术投标文件</h1><p>技术标文档内容...</p>')
+
+// 技术标材料匹配相关
+const techMaterialFilter = ref({
+  region: '',
+  industry: '',
+  year: ''
+})
+const matchingAllTechMaterials = ref(false)
+const allTechMaterialsApplied = ref(false)
+const applyingAllTechMaterials = ref(false)
+
+// 选择技术标项目
+const selectTechProject = (project) => {
+  selectedTechProject.value = project
+  ElMessage.success(`已选择项目：${project.name}`)
+}
+
+// 生成技术标大纲
+const generateTechOutline = () => {
+  generatingTechOutline.value = true
+  ElMessage.info('AI正在分析招标文件，生成技术标大纲...')
+  
+  setTimeout(() => {
+    techOutlineData.value = [
+      { id: 1, title: '1. 技术方案总体说明' },
+      { id: 2, title: '2. 技术参数响应表' },
+      { id: 3, title: '3. 设备选型说明' },
+      { id: 4, title: '4. 施工组织设计', children: [
+        { id: 41, title: '4.1 施工方案' },
+        { id: 42, title: '4.2 施工进度计划' },
+        { id: 43, title: '4.3 质量保证措施' },
+        { id: 44, title: '4.4 安全文明施工措施' }
+      ]},
+      { id: 5, title: '5. 项目管理方案' },
+      { id: 6, title: '6. 售后服务方案' },
+      { id: 7, title: '7. 培训方案' }
+    ]
+    generatingTechOutline.value = false
+    ElMessage.success('技术标大纲生成完成！')
+  }, 2000)
+}
+
+// 添加技术标章节
+const addTechSection = () => {
+  ElMessageBox.prompt('请输入章节标题', '添加章节', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消'
+  }).then(({ value }) => {
+    if (value) {
+      const newSection = {
+        id: Date.now(),
+        title: value
+      }
+      techOutlineData.value.push(newSection)
+      ElMessage.success('章节已添加')
+    }
+  }).catch(() => {})
+}
+
+// 编辑技术标章节
+const editTechSection = (section) => {
+  ElMessageBox.prompt('请输入新的章节标题', '编辑章节', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    inputValue: section.title
+  }).then(({ value }) => {
+    if (value) {
+      section.title = value
+      ElMessage.success('章节已更新')
+    }
+  }).catch(() => {})
+}
+
+// 删除技术标章节
+const deleteTechSection = (section) => {
+  ElMessageBox.confirm('确定要删除这个章节吗？', '提示', {
+    confirmButtonText: '确定',
+    cancelButtonText: '取消',
+    type: 'warning'
+  }).then(() => {
+    const index = techOutlineData.value.findIndex(s => s.id === section.id)
+    if (index > -1) {
+      techOutlineData.value.splice(index, 1)
+      ElMessage.success('章节已删除')
+    }
+  }).catch(() => {})
+}
+
+// AI生成技术内容
+const aiGenerateTechContent = (section) => {
+  ElMessage.info(`正在为"${section.title}"生成技术内容...`)
+  
+  setTimeout(() => {
+    section.content = `<p style="line-height: 2;">这是"${section.title}"的技术内容示例...</p>`
+    ElMessage.success('内容生成完成')
+  }, 1500)
+}
+
+// 手动编辑技术内容
+const editTechContent = (section) => {
+  ElMessage.info('打开编辑器')
+}
+
+// 导出技术标文档
+const exportTechDoc = (format) => {
+  ElMessage.success(`正在导出${format.toUpperCase()}格式...`)
+}
+
+// 更新技术标文档内容
+const updateTechDocumentContent = (event) => {
+  techDocumentContent.value = event.target.innerHTML
+}
+
+// 技术标材料匹配函数
+const autoMatchAllTechMaterials = () => {
+  matchingAllTechMaterials.value = true
+  ElMessage.info('正在智能匹配技术资料...')
+  
+  setTimeout(() => {
+    techOutlineData.value.forEach(section => {
+      section.matchedMaterials = [
+        {
+          id: Date.now() + Math.random(),
+          name: `${section.title}相关技术方案`,
+          category: '技术方案',
+          matchScore: 95,
+          applied: false
+        },
+        {
+          id: Date.now() + Math.random() + 1,
+          name: `${section.title}设备参数表`,
+          category: '设备参数',
+          matchScore: 88,
+          applied: false
+        }
+      ]
+    })
+    matchingAllTechMaterials.value = false
+    ElMessage.success('技术资料匹配完成！')
+  }, 2000)
+}
+
+const toggleApplyAllTechMaterials = () => {
+  applyingAllTechMaterials.value = true
+  const newState = !allTechMaterialsApplied.value
+  
+  setTimeout(() => {
+    techOutlineData.value.forEach(section => {
+      if (section.matchedMaterials) {
+        section.matchedMaterials.forEach(material => {
+          material.applied = newState
+        })
+      }
+    })
+    allTechMaterialsApplied.value = newState
+    applyingAllTechMaterials.value = false
+    ElMessage.success(newState ? '已应用所有技术资料' : '已取消应用所有技术资料')
+  }, 500)
+}
+
+const autoMatchTechMaterial = (section) => {
+  ElMessage.info(`正在为"${section.title}"匹配技术资料...`)
+  
+  setTimeout(() => {
+    section.matchedMaterials = [
+      {
+        id: Date.now(),
+        name: `${section.title}技术方案`,
+        category: '技术方案',
+        matchScore: 95,
+        applied: false
+      },
+      {
+        id: Date.now() + 1,
+        name: `${section.title}参数说明`,
+        category: '技术参数',
+        matchScore: 90,
+        applied: false
+      }
+    ]
+    ElMessage.success('资料匹配完成')
+  }, 1500)
+}
+
+const openChangeTechMaterialDialog = (section) => {
+  currentChangingSection.value = section
+  changeMaterialDialogVisible.value = true
+}
+
+const isTechSectionAllApplied = (section) => {
+  if (!section.matchedMaterials || section.matchedMaterials.length === 0) {
+    return false
+  }
+  return section.matchedMaterials.every(m => m.applied)
+}
+
+const toggleApplyTechSectionMaterials = (section) => {
+  if (!section.matchedMaterials) return
+  
+  const newState = !isTechSectionAllApplied(section)
+  section.matchedMaterials.forEach(material => {
+    material.applied = newState
+  })
+  ElMessage.success(newState ? '已应用该章节所有资料' : '已取消应用该章节所有资料')
+}
+
+const toggleApplyTechMaterial = (section, material) => {
+  material.applied = !material.applied
+  ElMessage.success(material.applied ? `已应用：${material.name}` : `已取消应用：${material.name}`)
+}
+
+// 智能审核
+const reviewStep = ref(0)
+const reviewProjectTab = ref('ongoing')
+const selectedReviewProject = ref(null)
+const uploadedReviewFile = ref(null)
+const reviewUploadRef = ref(null)
+const selectedTemplate = ref(null)
+const startingReview = ref(false)
+const resultTab = ref('scoring')
+const activeResultItem = ref(null)
+const editMode = ref(false)
+const currentPage = ref(1)
+const totalPages = ref(10)
+const documentContent = ref(`
+  <div style="text-align: center; margin-bottom: 60px;">
+    <h1 style="font-size: 28px; font-weight: bold; margin-bottom: 20px;">某数据中心发电机组采购项目</h1>
+    <h2 style="font-size: 24px; font-weight: bold; margin-bottom: 40px;">投标文件</h2>
+    <p style="font-size: 16px; margin-top: 80px;">投标单位：江西XX科技有限公司</p>
+    <p style="font-size: 16px;">投标日期：2024年12月7日</p>
+  </div>
+  
+  <h2 style="font-size: 20px; font-weight: bold; margin: 40px 0 20px 0;">一、投标函</h2>
+  <p style="text-indent: 2em; line-height: 2;">致：XX数据中心有限公司</p>
+  <p style="text-indent: 2em; line-height: 2; margin-top: 16px;">
+    根据贵方某数据中心发电机组采购项目的招标文件，经研究招标文件的全部内容和现场考察，
+    我方愿意以总价人民币 <strong>壹佰伍拾万元整（¥1,500,000.00）</strong> 的投标价格，
+    按招标文件规定的条件承担本项目的设备供应、安装调试及售后服务工作。
+  </p>
+  <p style="text-indent: 2em; line-height: 2; margin-top: 16px;">
+    我方承诺在投标有效期90天内遵守本投标文件。如果在此期间撤回投标或中标后不签订合同，
+    贵方有权没收我方的投标保证金。
+  </p>
+  
+  <h2 style="font-size: 20px; font-weight: bold; margin: 40px 0 20px 0;">二、营业执照</h2>
+  <div style="padding: 20px; background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 8px; text-align: center;">
+    <p style="color: #6b7280;">【营业执照扫描件】</p>
+    <p style="color: #6b7280; font-size: 14px; margin-top: 8px;">统一社会信用代码：91360000XXXXXXXXXX</p>
+  </div>
+  
+  <h2 style="font-size: 20px; font-weight: bold; margin: 40px 0 20px 0;">三、资质证书</h2>
+  <div style="padding: 20px; background: #f9fafb; border: 1px solid #e5e7eb; border-radius: 8px; text-align: center;">
+    <p style="color: #6b7280;">【电力工程施工总承包资质证书】</p>
+    <p style="color: #6b7280; font-size: 14px; margin-top: 8px;">资质等级：贰级</p>
+  </div>
+  
+  <h2 style="font-size: 20px; font-weight: bold; margin: 40px 0 20px 0;">四、业绩证明</h2>
+  <h3 style="font-size: 16px; font-weight: bold; margin: 20px 0 12px 0;">1. 南昌高新区数据中心项目</h3>
+  <p style="text-indent: 2em; line-height: 2;">
+    项目名称：南昌高新区数据中心发电机组采购及安装项目<br/>
+    建设单位：南昌高新技术产业开发区管理委员会<br/>
+    合同金额：180万元<br/>
+    完成时间：2023年6月
+  </p>
+  
+  <h3 style="font-size: 16px; font-weight: bold; margin: 20px 0 12px 0;">2. 赣州经开区智能制造项目</h3>
+  <p style="text-indent: 2em; line-height: 2;">
+    项目名称：赣州经开区智能制造产业园应急电源系统<br/>
+    建设单位：赣州经济技术开发区管理委员会<br/>
+    合同金额：220万元<br/>
+    完成时间：2024年3月
+  </p>
+  
+  <h2 style="font-size: 20px; font-weight: bold; margin: 40px 0 20px 0;">五、技术方案</h2>
+  <h3 style="font-size: 16px; font-weight: bold; margin: 20px 0 12px 0;">5.1 设备选型</h3>
+  <p style="text-indent: 2em; line-height: 2;">
+    本项目拟采用康明斯品牌500kW柴油发电机组，该机组具有以下特点：
+  </p>
+  <ul style="margin-left: 40px; line-height: 2;">
+    <li>额定功率：500kW / 625kVA</li>
+    <li>额定电压：400V/230V</li>
+    <li>额定频率：50Hz</li>
+    <li>启动方式：电启动，自动化控制</li>
+    <li>冷却方式：闭式水循环冷却</li>
+    <li>噪音水平：≤82dB(A) @7m</li>
+    <li>防护等级：IP54</li>
+  </ul>
+  
+  <h3 style="font-size: 16px; font-weight: bold; margin: 20px 0 12px 0;">5.2 控制系统</h3>
+  <p style="text-indent: 2em; line-height: 2;">
+    采用深海DSE8610 MKII智能控制器，具备远程监控、自动启停、故障报警等功能。
+    支持市电与发电机组自动切换，切换时间≤10秒。
+  </p>
+  
+  <h2 style="font-size: 20px; font-weight: bold; margin: 40px 0 20px 0;">六、施工组织设计</h2>
+  <h3 style="font-size: 16px; font-weight: bold; margin: 20px 0 12px 0;">6.1 施工进度安排</h3>
+  <p style="text-indent: 2em; line-height: 2;">
+    总工期：45个工作日<br/>
+    设备采购：10个工作日<br/>
+    基础施工：15个工作日<br/>
+    设备安装：12个工作日<br/>
+    调试验收：8个工作日
+  </p>
+  
+  <h3 style="font-size: 16px; font-weight: bold; margin: 20px 0 12px 0;">6.2 质量保证措施</h3>
+  <p style="text-indent: 2em; line-height: 2;">
+    建立完善的质量管理体系，严格执行ISO9001质量管理标准。
+    所有设备均提供原厂质保，关键部件质保期不少于2年。
+  </p>
+  
+  <h2 style="font-size: 20px; font-weight: bold; margin: 40px 0 20px 0;">七、售后服务承诺</h2>
+  <p style="text-indent: 2em; line-height: 2;">
+    1. 提供7×24小时技术支持热线服务<br/>
+    2. 南昌市区2小时内响应，4小时内到达现场<br/>
+    3. 每季度进行一次免费巡检和保养<br/>
+    4. 提供为期2年的免费质保服务<br/>
+    5. 质保期后提供终身有偿维护服务
+  </p>
+`)
+
+// 评分表模板
+const scoringTemplates = ref([
+  {
+    id: 1,
+    name: '综合评分法标准模板',
+    description: '适用于综合评分法招标项目，包含商务、技术、价格等评分项',
+    itemCount: 25,
+    totalScore: 100,
+    color: '#7c3aed'
+  },
+  {
+    id: 2,
+    name: '最低评标价法模板',
+    description: '适用于最低评标价法招标项目，重点审核资格和价格',
+    itemCount: 15,
+    totalScore: 100,
+    color: '#3b82f6'
+  },
+  {
+    id: 3,
+    name: '技术评分法模板',
+    description: '适用于技术要求较高的项目，侧重技术方案评审',
+    itemCount: 30,
+    totalScore: 100,
+    color: '#10b981'
+  }
+])
+
+// 审核结果
+const reviewResult = ref({
+  totalScore: 85,
+  maxScore: 100,
+  missingCount: 2,
+  warningCount: 5,
+  scoringItems: [
+    { id: 1, name: '营业执照', score: 5, maxScore: 5, page: 3, note: '' },
+    { id: 2, name: '资质证书', score: 10, maxScore: 10, page: 5, note: '' },
+    { id: 3, name: '业绩证明', score: 8, maxScore: 15, page: 12, note: '业绩数量不足，建议补充' },
+    { id: 4, name: '技术方案', score: 20, maxScore: 25, page: 18, note: '部分技术参数未明确' },
+    { id: 5, name: '施工组织设计', score: 15, maxScore: 15, page: 35, note: '' },
+    { id: 6, name: '质量保证措施', score: 12, maxScore: 15, page: 48, note: '质量控制流程需完善' },
+    { id: 7, name: '安全文明施工', score: 10, maxScore: 10, page: 56, note: '' },
+    { id: 8, name: '售后服务承诺', score: 5, maxScore: 5, page: 62, note: '' }
+  ],
+  missingItems: [
+    { id: 1, name: '投标保证金缴纳凭证', description: '未找到投标保证金缴纳凭证，这是必选项' },
+    { id: 2, name: '法定代表人授权委托书', description: '缺少法定代表人授权委托书原件' }
+  ],
+  suggestions: [
+    { id: 1, title: '补充业绩证明', description: '当前仅提供2个业绩案例，建议补充至5个以上', impact: 7 },
+    { id: 2, title: '完善技术参数', description: '部分设备技术参数未明确标注，可能影响评分', impact: 5 },
+    { id: 3, title: '优化质量保证体系', description: '质量控制流程描述不够详细，建议增加质量检测环节说明', impact: 3 }
+  ]
+})
+
+// 选择审核项目
+const selectReviewProject = (project) => {
+  selectedReviewProject.value = project
+  uploadedReviewFile.value = null
+  ElMessage.success(`已选择项目：${project.name}`)
+}
+
+// 处理审核文件上传
+const handleReviewFileUpload = (file) => {
+  uploadedReviewFile.value = file.raw
+  selectedReviewProject.value = null
+  ElMessage.success(`已上传文件：${file.name}`)
+}
+
+// 删除审核文件
+const removeReviewFile = () => {
+  uploadedReviewFile.value = null
+  ElMessage.info('已移除上传的文件')
+}
+
+// 选择评分表模板
+const selectTemplate = (template) => {
+  selectedTemplate.value = template
+  ElMessage.success(`已选择评分表：${template.name}`)
+}
+
+// 开始审核
+const startReview = () => {
+  startingReview.value = true
+  ElMessage.info('正在进行智能审核...')
+  
+  setTimeout(() => {
+    startingReview.value = false
+    reviewStep.value = 2
+    ElMessage.success('审核完成！')
+  }, 2000)
+}
+
+// 定位到文档中的位置
+const locateInDocument = (item) => {
+  activeResultItem.value = item
+  jumpToPage(item.page)
+}
+
+// 跳转到指定页
+const jumpToPage = (page) => {
+  currentPage.value = page
+  ElMessage.info(`已跳转到第 ${page} 页`)
+}
+
+// 文档编辑
+const onDocumentEdit = (event) => {
+  documentContent.value = event.target.innerHTML
+}
+
+// 导出评审表
+const exportReviewTable = () => {
+  ElMessage.success('正在导出评审表...')
+}
+
+// 导出评审结果
+const exportReviewResult = () => {
+  ElMessage.success('正在导出评审结果...')
+}
+
+// 导出修改后的标书
+const exportModifiedDocument = () => {
+  ElMessage.success('正在导出修改后的标书文件...')
+}
+
+// 格式统一
+const formatConfig = ref({
+  pageSize: 'A4',
+  margin: 25,
+  font: '宋体',
+  fontSize: '12',
+  lineHeight: '1.5'
+})
+
+const mergeFiles = ref([
+  { name: '商务标.docx', type: 'Word', formatted: false },
+  { name: '技术标.docx', type: 'Word', formatted: false },
+  { name: '资质文件.pdf', type: 'PDF', formatted: false }
+])
+
+const startFormatUnify = () => {
+  ElMessage.info('正在统一文件格式...')
+  setTimeout(() => {
+    mergeFiles.value.forEach(file => file.formatted = true)
+    ElMessage.success('格式统一完成！')
+  }, 2000)
+}
+
+// 索引生成
+const indexConfig = ref({
+  level: 3,
+  pageFormat: 'arabic',
+  autoUpdate: true
+})
+
+const generatedIndex = ref(null)
+
+const generateIndex = () => {
+  generatedIndex.value = [
+    { id: 1, title: '1. 投标函', page: 1 },
+    { id: 2, title: '2. 法定代表人身份证明', page: 3 },
+    { id: 3, title: '3. 授权委托书', page: 5 },
+    { id: 4, title: '4. 投标保证金', page: 7 },
+    { id: 5, title: '5. 资格证明文件', page: 9 },
+    { id: 6, title: '  5.1 营业执照', page: 9 },
+    { id: 7, title: '  5.2 资质证书', page: 11 }
+  ]
+  ElMessage.success('目录生成完成！')
+}
+
+const previewIndex = () => {
+  if (!generatedIndex.value) {
+    ElMessage.warning('请先生成目录')
+  } else {
+    ElMessage.info('目录预览')
+  }
+}
+
+// 完整性检查
+const checking = ref(false)
+const checkProgress = ref(0)
+const checkResults = ref(null)
+
+const startComplianceCheck = () => {
+  checking.value = true
+  checkProgress.value = 0
+  const timer = setInterval(() => {
+    checkProgress.value += 10
+    if (checkProgress.value >= 100) {
+      clearInterval(timer)
+      checking.value = false
+      checkResults.value = {
+        passed: 15,
+        warnings: 3,
+        errors: 2,
+        requiredItems: [
+          { id: 1, name: '投标函', status: 'pass' },
+          { id: 2, name: '法定代表人身份证明', status: 'pass' },
+          { id: 3, name: '授权委托书', status: 'fail' },
+          { id: 4, name: '投标保证金', status: 'pass' }
+        ],
+        formatItems: [
+          { id: 1, name: '页面设置', status: 'pass', message: '符合要求' },
+          { id: 2, name: '字体字号', status: 'warning', message: '部分不统一' },
+          { id: 3, name: '页码编排', status: 'pass', message: '符合要求' }
+        ]
+      }
+      ElMessage.success('完整性检查完成！')
+    }
+  }, 200)
+}
+
+// 评分模拟
+const simulating = ref(false)
+const scoreResult = ref(null)
+
+const startScoreSimulation = () => {
+  simulating.value = true
+  setTimeout(() => {
+    scoreResult.value = {
+      total: 85,
+      categories: [
+        {
+          name: '商务部分',
+          score: 28,
+          max: 30,
+          items: [
+            { name: '资格证明', score: 10, max: 10 },
+            { name: '业绩证明', score: 8, max: 10 },
+            { name: '财务状况', score: 10, max: 10 }
+          ]
+        },
+        {
+          name: '技术部分',
+          score: 38,
+          max: 50,
+          items: [
+            { name: '技术方案', score: 18, max: 25 },
+            { name: '施工组织', score: 12, max: 15 },
+            { name: '质量保证', score: 8, max: 10 }
+          ]
+        },
+        {
+          name: '报价部分',
+          score: 19,
+          max: 20,
+          items: [
+            { name: '报价合理性', score: 19, max: 20 }
+          ]
+        }
+      ],
+      suggestions: [
+        {
+          id: 1,
+          title: '技术方案需要完善',
+          description: '建议补充更详细的技术实施方案和创新点',
+          impact: 5
+        },
+        {
+          id: 2,
+          title: '业绩证明不足',
+          description: '建议增加更多类似项目的业绩证明材料',
+          impact: 2
+        }
+      ]
+    }
+    simulating.value = false
+    ElMessage.success('评分模拟完成！')
+  }, 2000)
+}
+
+const getScoreType = (score) => {
+  if (score >= 90) return 'success'
+  if (score >= 80) return 'primary'
+  if (score >= 70) return 'warning'
+  return 'danger'
+}
+
+const getScoreLevel = (score) => {
+  if (score >= 90) return '优秀'
+  if (score >= 80) return '良好'
+  if (score >= 70) return '中等'
+  if (score >= 60) return '及格'
+  return '不及格'
+}
+
+// 点击步骤查看详情
+const viewStepDetail = (step, project) => {
+  currentStepDetail.value = step
+  currentStepProject.value = project
+  activeNav.value = 'step-detail'
+}
+
+// 返回项目详情
+const backToProjectDetail = () => {
+  currentStepDetail.value = null
+  currentStepProject.value = null
+  activeNav.value = 'project-ongoing'
+  // selectedProject 保持不变，这样会自动显示项目详情
+}
+
+// 处理项目更新
+const handleProjectUpdate = () => {
+  ElMessage.success('项目信息已更新')
+  // 可以在这里重新加载项目数据
+  // 如果需要刷新项目列表，可以调用相应的API
+}
+
+// 获取步骤图标
+const getStepIcon = (stepKey) => {
+  const iconMap = {
+    'get-file': DocumentCopy,
+    'write-file': Edit,
+    'submit': Upload,
+    'open-bid': View,
+    'result': CircleCheckFilled
+  }
+  return iconMap[stepKey] || Document
+}
+
+// 前往功能操作
+const goToFunction = (stepKey) => {
+  const functionMap = {
+    'get-file': 'file-import',      // 招标信息提取 → 文件智能采集
+    'write-file': 'write-business',  // 撰写投标文件 → 商务标撰写
+    'submit': 'merge-format',        // 文件提交 → 格式统一
+    'open-bid': 'review-check',      // 开标 → 完整性检查
+    'result': 'review-score'         // 结果公示 → 评分模拟
+  }
+  
+  const targetNav = functionMap[stepKey]
+  if (targetNav) {
+    activeNav.value = targetNav
+    selectedProject.value = null
+    currentStepDetail.value = null
+    currentStepProject.value = null
+    
+    // 展开对应的导航组
+    const navItem = navItems.value.find(item => 
+      item.children && item.children.some(child => child.key === targetNav)
+    )
+    if (navItem) {
+      navItem.expanded = true
+    }
+    
+    ElMessage.info('已跳转到对应功能模块')
+  }
+}
+
+// 知识库方法
+const viewCategory = (categoryKey) => {
+  activeNav.value = 'kb-category'
+  activeCategoryTab.value = categoryKey
+}
+
+const getCategoryFiles = (category) => {
+  return allFiles.value.filter(file => file.category === category)
+}
+
+const filteredCategoryFiles = computed(() => {
+  let files = getCategoryFiles(activeCategoryTab.value)
+  
+  // 按文件名搜索
+  if (categorySearch.value) {
+    files = files.filter(file => 
+      file.name.toLowerCase().includes(categorySearch.value.toLowerCase()) ||
+      file.description.toLowerCase().includes(categorySearch.value.toLowerCase())
+    )
+  }
+  
+  return files
+})
+
+const getCurrentCategoryColor = () => {
+  const category = kbCategories.value.find(cat => cat.key === activeCategoryTab.value)
+  return category ? category.color : '#7c3aed'
+}
+
+const getCurrentCategoryIcon = () => {
+  const category = kbCategories.value.find(cat => cat.key === activeCategoryTab.value)
+  return category ? category.icon : '📁'
+}
+
+const getFileIconColor = (fileName) => {
+  const ext = fileName.split('.').pop().toLowerCase()
+  const colorMap = {
+    'pdf': '#ef4444',
+    'doc': '#3b82f6',
+    'docx': '#3b82f6',
+    'xls': '#10b981',
+    'xlsx': '#10b981',
+    'ppt': '#f59e0b',
+    'pptx': '#f59e0b',
+    'jpg': '#8b5cf6',
+    'jpeg': '#8b5cf6',
+    'png': '#8b5cf6',
+    'zip': '#6b7280',
+    'rar': '#6b7280'
+  }
+  return colorMap[ext] || '#7c3aed'
+}
+
+const filteredHistoryFiles = computed(() => {
+  let files = allFiles.value
+  
+  // 按分类筛选
+  if (historyFilter.value) {
+    files = files.filter(file => file.category === historyFilter.value)
+  }
+  
+  // 按文件名搜索
+  if (historySearch.value) {
+    files = files.filter(file => 
+      file.name.toLowerCase().includes(historySearch.value.toLowerCase())
+    )
+  }
+  
+  return files
+})
+
+const getCategoryLabel = (category) => {
+  const labels = {
+    qualification: '资质文件',
+    technical: '技术模块文件',
+    case: '项目案例',
+    other: '其他资料'
+  }
+  return labels[category] || category
+}
+
+const getCategoryTagType = (category) => {
+  const types = {
+    qualification: '',
+    technical: 'success',
+    case: 'warning',
+    other: 'info'
+  }
+  return types[category] || ''
+}
+
+// 文件上传方法
+const handleFileChange = (file) => {
+  fileList.value = [file]
+  // 自动填充文件名（去除扩展名）
+  const fileName = file.name.substring(0, file.name.lastIndexOf('.'))
+  uploadForm.value.name = fileName
+}
+
+const aiRecognizeFile = async () => {
+  if (!fileList.value.length) {
+    ElMessage.warning('请先选择文件')
+    return
+  }
+  
+  aiRecognizing.value = true
+  
+  // 模拟AI识别过程
+  setTimeout(() => {
+    const file = fileList.value[0]
+    const fileName = file.name.toLowerCase()
+    
+    // 根据文件名智能识别分类和描述
+    if (fileName.includes('营业执照') || fileName.includes('license')) {
+      uploadForm.value.category = 'qualification'
+      uploadForm.value.description = '公司营业执照副本'
+    } else if (fileName.includes('资质') || fileName.includes('证书')) {
+      uploadForm.value.category = 'qualification'
+      uploadForm.value.description = '企业资质证书'
+    } else if (fileName.includes('技术') || fileName.includes('方案')) {
+      uploadForm.value.category = 'technical'
+      uploadForm.value.description = '技术方案文档'
+    } else if (fileName.includes('案例') || fileName.includes('业绩')) {
+      uploadForm.value.category = 'case'
+      uploadForm.value.description = '项目案例或业绩证明'
+    } else {
+      uploadForm.value.category = 'other'
+      uploadForm.value.description = '其他相关资料'
+    }
+    
+    aiRecognizing.value = false
+    ElMessage.success('AI识别完成！请确认或修改信息')
+  }, 1500)
+}
+
+const confirmUpload = async () => {
+  if (!fileList.value.length) {
+    ElMessage.warning('请选择文件')
+    return
+  }
+  
+  if (!uploadForm.value.name) {
+    ElMessage.warning('请输入文件名称')
+    return
+  }
+  
+  if (!uploadForm.value.category) {
+    ElMessage.warning('请选择文件分类')
+    return
+  }
+  
+  uploading.value = true
+  
+  // 模拟上传过程
+  setTimeout(() => {
+    const newFile = {
+      id: Date.now(),
+      name: uploadForm.value.name + '.' + fileList.value[0].name.split('.').pop(),
+      category: uploadForm.value.category,
+      description: uploadForm.value.description || '无描述',
+      uploadTime: new Date().toLocaleString('zh-CN', { 
+        year: 'numeric', 
+        month: '2-digit', 
+        day: '2-digit', 
+        hour: '2-digit', 
+        minute: '2-digit', 
+        second: '2-digit' 
+      }).replace(/\//g, '-'),
+      size: (fileList.value[0].size / 1024 / 1024).toFixed(2) + 'MB'
+    }
+    
+    allFiles.value.unshift(newFile)
+    
+    // 更新分类统计
+    const category = kbCategories.value.find(cat => cat.key === uploadForm.value.category)
+    if (category) {
+      category.count++
+    }
+    
+    uploading.value = false
+    showUploadDialog.value = false
+    
+    // 重置表单
+    fileList.value = []
+    uploadForm.value = {
+      name: '',
+      category: '',
+      description: ''
+    }
+    
+    ElMessage.success('文件上传成功！')
+  }, 2000)
+}
+
+const downloadFile = (file) => {
+  ElMessage.success(`正在下载：${file.name}`)
+  // 实际项目中这里应该触发文件下载
+}
+
+const deleteFile = (file) => {
+  ElMessageBox.confirm(
+    `确定要删除文件"${file.name}"吗？`,
+    '删除确认',
+    {
+      confirmButtonText: '确定',
+      cancelButtonText: '取消',
+      type: 'warning'
+    }
+  ).then(() => {
+    const index = allFiles.value.findIndex(f => f.id === file.id)
+    if (index > -1) {
+      allFiles.value.splice(index, 1)
+      
+      // 更新分类统计
+      const category = kbCategories.value.find(cat => cat.key === file.category)
+      if (category && category.count > 0) {
+        category.count--
+      }
+      
+      ElMessage.success('删除成功')
+    }
+  }).catch(() => {
+    // 取消删除
+  })
+}
+
+// 文件智能识别方法
+const handleFileSelect = (file) => {
+  // 只选择文件，不触发分析
+  pendingBiddingFile.value = file.raw || file
+  ElMessage.success(`已选择文件: ${pendingBiddingFile.value.name}`)
+}
+
+const clearPendingFile = () => {
+  pendingBiddingFile.value = null
+}
+
+const startAnalyze = () => {
+  if (!pendingBiddingFile.value) {
+    ElMessage.warning('请先选择文件')
+    return
+  }
+  
+  analyzingFile.value = true
+  ElMessage.info('正在识别招标文件...')
+  
+  // 模拟文件上传和识别
+  setTimeout(() => {
+    biddingFileData.value = {
+      name: pendingBiddingFile.value.name,
+      pages: 15,
+      uploadTime: new Date().toLocaleString()
+    }
+    pendingBiddingFile.value = null
+    analyzingFile.value = false
+    
+    // 模拟提取的商务关键信息
+    // verifyStatus: 'no-need' | 'need' | 'must'
+    businessKeyInfo.value = [
+      { field: '项目名称', content: '智慧园区综合管理平台建设项目', pageNum: 1, lineNum: 3, verifyStatus: 'no-need' },
+      { field: '招标编号', content: 'JXZB-2025-0629-001', pageNum: 1, lineNum: 5, verifyStatus: 'no-need' },
+      { field: '招标人', content: '江西省城市生命线管理中心', pageNum: 1, lineNum: 8, verifyStatus: 'no-need' },
+      { field: '招标代理机构', content: '江西华诚工程咨询有限公司', pageNum: 1, lineNum: 12, verifyStatus: 'no-need' },
+      { field: '项目预算', content: '人民币1,280万元', pageNum: 2, lineNum: 6, verifyStatus: 'no-need' },
+      { field: '最高限价', content: '人民币1,200万元', pageNum: 2, lineNum: 9, verifyStatus: 'must' },
+      { field: '资金来源', content: '财政拨款', pageNum: 2, lineNum: 15, verifyStatus: 'no-need' },
+      { field: '开标时间', content: '2025年07月01日 10:00', pageNum: 3, lineNum: 5, verifyStatus: 'no-need' },
+      { field: '开标地点', content: '公共资源交易中心三楼开标室', pageNum: 3, lineNum: 8, verifyStatus: 'no-need' },
+      { field: '投标截止时间', content: '2025年07月01日 09:30', pageNum: 3, lineNum: 12, verifyStatus: 'must' },
+      { field: '澄清截止时间', content: '2025年06月25日前', pageNum: 3, lineNum: 18, verifyStatus: 'need' },
+      { field: '招标保证金', content: '人民币80,000元整', pageNum: 5, lineNum: 6, verifyStatus: 'no-need' },
+      { field: '保证金缴纳方式', content: '银行电汇或保函', pageNum: 5, lineNum: 10, verifyStatus: 'no-need' },
+      { field: '保证金账户', content: '工商银行南昌分行 360xxxxxxx', pageNum: 5, lineNum: 14, verifyStatus: 'no-need' },
+      { field: '保证金截止日期', content: '2025年06月28日 17:00', pageNum: 5, lineNum: 18, verifyStatus: 'must' },
+      { field: '投标有效期', content: '90个日历日', pageNum: 6, lineNum: 3, verifyStatus: 'no-need' },
+      { field: '合同工期', content: '180个日历日', pageNum: 6, lineNum: 8, verifyStatus: 'need' },
+      { field: '质保期限', content: '验收合格后2年', pageNum: 6, lineNum: 12, verifyStatus: 'no-need' },
+      { field: '付款方式', content: '预付30%，验收后付60%，质保期满付10%', pageNum: 7, lineNum: 5, verifyStatus: 'need' },
+      { field: '履约保证金', content: '合同金额的5%', pageNum: 7, lineNum: 12, verifyStatus: 'no-need' }
+    ]
+    
+    // 模拟提取的技术关键信息
+    techKeyInfo.value = [
+      { field: '系统架构', content: '微服务架构，支持分布式部署', pageNum: 8, lineNum: 3, verifyStatus: 'no-need' },
+      { field: '开发框架', content: 'Vue3 + Spring Cloud + PostgreSQL', pageNum: 8, lineNum: 8, verifyStatus: 'no-need' },
+      { field: '服务器要求', content: '应用服务器≥4台，数据库服务器≥2台', pageNum: 8, lineNum: 15, verifyStatus: 'need' },
+      { field: 'CPU配置', content: '≥16核 Intel Xeon Gold 5218', pageNum: 9, lineNum: 5, verifyStatus: 'no-need' },
+      { field: '内存配置', content: '≥128GB DDR4 ECC', pageNum: 9, lineNum: 9, verifyStatus: 'no-need' },
+      { field: '存储容量', content: '总存储≥100TB，采用SAN架构', pageNum: 9, lineNum: 14, verifyStatus: 'must' },
+      { field: '网络带宽', content: '核心交换机≥10Gbps', pageNum: 10, lineNum: 3, verifyStatus: 'no-need' },
+      { field: '并发用户数', content: '支持≥5000并发用户', pageNum: 10, lineNum: 8, verifyStatus: 'need' },
+      { field: '响应时间', content: '页面响应时间≤2秒', pageNum: 10, lineNum: 12, verifyStatus: 'no-need' },
+      { field: '系统可用性', content: '年可用率≥99.9%', pageNum: 10, lineNum: 18, verifyStatus: 'must' },
+      { field: '数据备份', content: '支持实时备份，RPO≤1分钟', pageNum: 11, lineNum: 4, verifyStatus: 'no-need' },
+      { field: '灾备要求', content: '异地灾备，RTO≤4小时', pageNum: 11, lineNum: 10, verifyStatus: 'need' },
+      { field: '安全等级', content: '等保三级认证', pageNum: 12, lineNum: 3, verifyStatus: 'must' },
+      { field: '加密标准', content: 'SM2/SM3/SM4国密算法', pageNum: 12, lineNum: 8, verifyStatus: 'no-need' },
+      { field: '接口规范', content: 'RESTful API，支持OpenAPI 3.0', pageNum: 12, lineNum: 15, verifyStatus: 'no-need' },
+      { field: 'GIS平台', content: '支持超图/ArcGIS，三维可视化', pageNum: 13, lineNum: 5, verifyStatus: 'need' },
+      { field: 'BIM集成', content: '支持IFC格式，轻量化展示', pageNum: 13, lineNum: 12, verifyStatus: 'need' },
+      { field: 'IoT接入', content: '支持MQTT/Modbus/OPC UA协议', pageNum: 14, lineNum: 4, verifyStatus: 'no-need' },
+      { field: '移动端支持', content: '原生APP + H5，支持iOS/Android', pageNum: 14, lineNum: 10, verifyStatus: 'no-need' },
+      { field: 'AI能力', content: '集成计算机视觉、NLP等AI模块', pageNum: 15, lineNum: 6, verifyStatus: 'need' }
+    ]
+    
+    ElMessage.success('招标文件识别完成！')
+  }, 2000)
+}
+
+const createProjectFromRecognition = () => {
+  // 打开创建项目对话框
+  showCreateProjectDialog.value = true
+  // 预填充项目名称（从文件名提取）
+  if (biddingFileData.value) {
+    const fileName = biddingFileData.value.name.replace(/\.[^/.]+$/, '') // 移除扩展名
+    createProjectForm.value.name = fileName
+  }
+}
+
+// 进入标书生成向导
+const goToGenerateBid = () => {
+  showBidTypeDialog.value = false
+  bidGenerationMode.value = true
+  bidWizardStep.value = 0
+  currentOutline.value = []
+  selectedProjects.value = []
+  ElMessage.success('已进入标书生成向导')
+}
+
+// 退出标书生成向导
+const exitBidGeneration = () => {
+  bidGenerationMode.value = false
+  bidWizardStep.value = 0
+  selectedBidType.value = ''
+}
+
+// AI智能生成大纲
+const generateOutline = () => {
+  generatingOutline.value = true
+  setTimeout(() => {
+    if (selectedBidType.value === 'business') {
+      currentOutline.value = [
+        { title: '投标函及投标函附录', generated: false, content: '', sections: [
+          { title: '投标函' },
+          { title: '法定代表人身份证明' },
+          { title: '授权委托书' }
+        ]},
+        { title: '资格审查文件', generated: false, content: '', sections: [
+          { title: '企业营业执照' },
+          { title: '资质证书' },
+          { title: '财务状况证明' }
+        ]},
+        { title: '企业业绩', generated: false, content: '', sections: [
+          { title: '类似项目经验' },
+          { title: '项目合同复印件' },
+          { title: '业绩证明文件' }
+        ]},
+        { title: '商务报价', generated: false, content: '', sections: [
+          { title: '投标报价总表' },
+          { title: '分项报价明细' },
+          { title: '报价说明' }
+        ]},
+        { title: '其他商务文件', generated: false, content: '', sections: [
+          { title: '承诺函' },
+          { title: '廉洁承诺书' }
+        ]}
+      ]
+    } else {
+      currentOutline.value = [
+        { title: '技术方案总体设计', generated: false, content: '', sections: [
+          { title: '项目理解与分析' },
+          { title: '总体设计思路' },
+          { title: '技术架构设计' }
+        ]},
+        { title: '系统功能设计', generated: false, content: '', sections: [
+          { title: '功能模块划分' },
+          { title: '核心功能详细设计' },
+          { title: '接口设计方案' }
+        ]},
+        { title: '项目实施方案', generated: false, content: '', sections: [
+          { title: '项目组织架构' },
+          { title: '实施进度计划' },
+          { title: '质量保证措施' }
+        ]},
+        { title: '运维保障方案', generated: false, content: '', sections: [
+          { title: '运维服务体系' },
+          { title: '应急响应机制' },
+          { title: '培训服务方案' }
+        ]},
+        { title: '项目团队配置', generated: false, content: '', sections: [
+          { title: '项目经理简历' },
+          { title: '技术负责人简历' },
+          { title: '核心团队成员' }
+        ]}
+      ]
+    }
+    generatingOutline.value = false
+    ElMessage.success('大纲生成完成')
+  }, 2000)
+}
+
+// 添加大纲章节（智能审核模块）
+const addReviewOutlineItem = () => {
+  currentOutline.value.push({
+    title: '新章节',
+    generated: false,
+    content: '',
+    sections: []
+  })
+}
+
+// 删除大纲章节
+const removeOutlineItem = (index) => {
+  currentOutline.value.splice(index, 1)
+}
+
+// 添加小节
+const addSection = (chapterIndex) => {
+  currentOutline.value[chapterIndex].sections.push({
+    title: '新小节'
+  })
+}
+
+// 删除小节
+const removeSection = (chapterIndex, sectionIndex) => {
+  currentOutline.value[chapterIndex].sections.splice(sectionIndex, 1)
+}
+
+// 材料匹配相关方法
+const smartMatchAll = () => {
+  ElMessage.info('正在智能匹配所有章节材料...')
+  setTimeout(() => {
+    currentOutline.value.forEach((chapter, index) => {
+      smartMatchChapter(index, false)
+    })
+    ElMessage.success('智能匹配完成')
+  }, 1500)
+}
+
+const smartMatchChapter = (chapterIndex, showMessage = true) => {
+  const mockMaterials = [
+    { name: '营业执照.pdf', category: '资质文件', type: 'pdf', matchScore: 98 },
+    { name: '资质证书.pdf', category: '资质文件', type: 'pdf', matchScore: 95 }
+  ]
+  currentOutline.value[chapterIndex].materials = mockMaterials
+  if (showMessage) {
+    ElMessage.success('匹配完成')
+  }
+}
+
+const applyAllMaterials = () => {
+  ElMessage.success('已一键应用所有匹配材料')
+}
+
+// 检查章节是否全部已应用
+const isChapterAllApplied = (chapterIndex) => {
+  const materials = currentOutline.value[chapterIndex]?.materials
+  if (!materials || materials.length === 0) return false
+  return materials.every(m => m.applied)
+}
+
+const applyChapterMaterials = (chapterIndex) => {
+  const materials = currentOutline.value[chapterIndex]?.materials
+  if (!materials || materials.length === 0) {
+    ElMessage.warning('暂无材料可应用')
+    return
+  }
+  const allApplied = isChapterAllApplied(chapterIndex)
+  materials.forEach(m => m.applied = !allApplied)
+  ElMessage.success(allApplied ? `已取消第 ${chapterIndex + 1} 章所有材料应用` : `已应用第 ${chapterIndex + 1} 章所有材料`)
+}
+
+const applyMaterial = (chapterIndex, materialIndex) => {
+  const material = currentOutline.value[chapterIndex]?.materials?.[materialIndex]
+  if (material) {
+    material.applied = !material.applied
+    ElMessage.success(material.applied ? '材料已应用' : '已取消应用')
+  }
+}
+
+const openAddFileDialog = (chapterIndex) => {
+  currentAddFileChapterIndex.value = chapterIndex
+  currentAddFileChapter.value = currentOutline.value[chapterIndex]
+  showAddFileDialog.value = true
+}
+
+const previewOutlineMaterial = (material) => {
+  previewingFile.value = material
+  showPreviewDialog.value = true
+}
+
+const handleMaterialUpload = (file) => {
+  ElMessage.success(`文件 ${file.name} 上传成功`)
+}
+
+const searchKnowledgeFiles = () => {
+  ElMessage.info('正在检索知识库...')
+}
+
+const handleFileSelectionChange = (selection) => {
+  selectedFiles.value = selection
+}
+
+const confirmAddFiles = () => {
+  if (currentAddFileChapterIndex.value >= 0 && selectedFiles.value.length) {
+    const materials = selectedFiles.value.map(f => ({
+      name: f.name,
+      category: f.category,
+      type: 'pdf',
+      matchScore: Math.floor(Math.random() * 15) + 85
+    }))
+    if (!currentOutline.value[currentAddFileChapterIndex.value].materials) {
+      currentOutline.value[currentAddFileChapterIndex.value].materials = []
+    }
+    currentOutline.value[currentAddFileChapterIndex.value].materials.push(...materials)
+    ElMessage.success(`已添加 ${selectedFiles.value.length} 个文件`)
+  }
+  showAddFileDialog.value = false
+  selectedFiles.value = []
+}
+
+// 生成当前章节
+const generateCurrentChapter = () => {
+  generatingChapter.value = true
+  setTimeout(() => {
+    if (currentOutline.value[previewChapter.value]) {
+      currentOutline.value[previewChapter.value].generated = true
+      currentOutline.value[previewChapter.value].content = `
+        <h3>${currentOutline.value[previewChapter.value].sections[0]?.title || '章节内容'}</h3>
+        <p>本章节内容基于招标文件要求和关联项目经验自动生成。系统已从招标文件中提取关键要求，并结合历史项目的成功经验进行内容组织。</p>
+        <p>具体内容包括但不限于：项目背景分析、需求理解、解决方案概述等核心内容。所有内容均符合招标文件的格式要求和评分标准。</p>
+        <h4>主要内容</h4>
+        <ul>
+          <li>完整响应招标文件技术要求</li>
+          <li>结合企业优势进行差异化表述</li>
+          <li>突出项目亮点和创新点</li>
+        </ul>
+      `
+    }
+    generatingChapter.value = false
+    ElMessage.success('章节生成完成')
+  }, 1500)
+}
+
+// 完成标书生成
+const completeBidGeneration = () => {
+  ElMessage.success('标书生成完成，正在导出...')
+  setTimeout(() => {
+    ElMessage.success('标书已导出到下载目录')
+    exitBidGeneration()
+  }, 1000)
+}
+
+const getVerifyStatusText = (status) => {
+  const statusMap = {
+    'no-need': '标注清晰，无需人工核实',
+    'need': '标注不全，需人工核实',
+    'must': '标注缺失，请仔细核对原文'
+  }
+  return statusMap[status] || ''
+}
+
+const exportExtractedInfo = () => {
+  ElMessage.success('提取信息已导出！')
+}
+
+const locateInPreview = (pageNum, lineNum) => {
+  const pageElement = document.getElementById(`page-${pageNum}`)
+  if (pageElement && previewContentRef.value) {
+    pageElement.scrollIntoView({ behavior: 'smooth', block: 'start' })
+    
+    // 高亮对应行
+    setTimeout(() => {
+      const lineElement = document.getElementById(`page-${pageNum}-line-${lineNum}`)
+      if (lineElement) {
+        lineElement.classList.add('highlight-line')
+        setTimeout(() => {
+          lineElement.classList.remove('highlight-line')
+        }, 3000)
+      }
+    }, 500)
+    
+    ElMessage.success(`已定位到第${pageNum}页第${lineNum}行`)
+  }
+}
+
+const zoomIn = () => {
+  if (previewZoom.value < 2) {
+    previewZoom.value += 0.1
+  }
+}
+
+const zoomOut = () => {
+  if (previewZoom.value > 0.5) {
+    previewZoom.value -= 0.1
+  }
+}
+
+const resetZoom = () => {
+  previewZoom.value = 1
+}
+
+const toggleTranslation = () => {
+  if (isTranslated.value) {
+    // 切换回原文
+    isTranslated.value = false
+    ElMessage.success('已切换到原文')
+  } else {
+    // 开始翻译
+    translatingDocument.value = true
+    ElMessage.info('正在翻译文档...')
+    
+    setTimeout(() => {
+      // 模拟翻译结果
+      translatedContent.value = {
+        1: [
+          'Bidding Announcement',
+          '',
+          'Project Name: Data Center Power Distribution System Procurement Project',
+          'Bidding Number: 2024-XXX-001',
+          '...'
+        ],
+        3: [
+          'Instructions to Bidders',
+          '',
+          '1. Submission of Bidding Documents',
+          '1. Deadline for submission of bidding documents: December 15, 2024 14:00',
+          '2. Bid opening time: December 15, 2024 14:00',
+          '3. Bid opening location: Bidder\'s conference room',
+          '',
+          '2. Clarification time: Before December 10, 2024',
+          '...'
+        ],
+        5: [
+          'Bid Bond',
+          '',
+          '1. Bid bond amount: RMB 500,000',
+          '2. Form of bid bond: Bank transfer or guarantee',
+          '3. Bid bond account: ...',
+          '',
+          'Bid Validity Period',
+          '',
+          '1. Bidding documents shall remain valid for 90 days after bid opening',
+          '2. Bid validity period: Valid for 90 days from the date of bid opening',
+          '...'
+        ],
+        8: [
+          'Technical Specifications',
+          '',
+          '1. Product type: Distribution cabinet',
+          '2. Quantity: 10 units',
+          '3. Technical requirements: ...',
+          '...'
+        ],
+        9: [
+          'Performance Parameters',
+          '',
+          '1. Rated voltage: 10kV',
+          '2. Rated current: 1000A',
+          '3. Short-circuit current: 31.5kA',
+          '',
+          '4. Rated power: ≥500kW',
+          '5. Efficiency: ≥95%',
+          '...'
+        ],
+        10: [
+          'Component Brand Requirements',
+          '',
+          '1. Circuit breaker: Schneider or ABB brand',
+          '2. Main electrical components: Schneider or ABB brand',
+          '3. Current transformer: ...',
+          '...'
+        ],
+        11: [
+          'Environmental Requirements',
+          '1. Protection level: IP54',
+          '2. Insulation class: Class F',
+          '',
+          '3. Operating temperature: -10℃~45℃',
+          '4. Relative humidity: ≤95%',
+          '...'
+        ]
+      }
+      
+      isTranslated.value = true
+      translatingDocument.value = false
+      ElMessage.success('文档翻译完成！')
+    }, 2000)
+  }
+}
+
+const getPageContentWithLines = (page) => {
+  // 如果已翻译，返回翻译内容
+  if (isTranslated.value && translatedContent.value[page]) {
+    const lines = translatedContent.value[page]
+    return lines.map((line, index) => 
+      `<span id="page-${page}-line-${index + 1}" class="content-line">${line || '&nbsp;'}</span>`
+    ).join('<br>')
+  }
+  
+  // 模拟页面内容，带行号
+  const contents = {
+    1: [
+      '招标公告',
+      '',
+      '项目名称：某数据中心配电系统采购项目',
+      '招标编号：2024-XXX-001',
+      '...'
+    ],
+    3: [
+      '投标须知',
+      '',
+      '一、投标文件的递交',
+      '1. 投标文件递交截止时间：2024年12月15日 14:00',
+      '2. 开标时间：2024年12月15日 14:00',
+      '3. 开标地点：招标人会议室',
+      '',
+      '二、澄清时间：2024年12月10日前',
+      '...'
+    ],
+    5: [
+      '投标保证金',
+      '',
+      '1. 投标保证金金额：人民币50万元整',
+      '2. 投标保证金形式：银行转账或保函',
+      '3. 投标保证金账户：...',
+      '',
+      '投标有效期',
+      '',
+      '1. 投标文件应在开标后90天内保持有效',
+      '2. 投标有效期：自开标之日起90天内有效',
+      '...'
+    ],
+    8: [
+      '技术规格要求',
+      '',
+      '1. 产品类型：配电柜',
+      '2. 数量：10台',
+      '3. 技术要求：...',
+      '...'
+    ],
+    9: [
+      '性能参数要求',
+      '',
+      '1. 额定电压：10kV',
+      '2. 额定电流：1000A',
+      '3. 短路电流：31.5kA',
+      '',
+      '4. 额定功率：≥500kW',
+      '5. 效率：≥95%',
+      '...'
+    ],
+    10: [
+      '部件品牌要求',
+      '',
+      '1. 断路器：施耐德或ABB品牌',
+      '2. 主要电气元件：施耐德或ABB品牌',
+      '3. 互感器：...',
+      '...'
+    ],
+    11: [
+      '环境要求',
+      '1. 防护等级：IP54',
+      '2. 绝缘等级：F级',
+      '',
+      '3. 工作温度：-10℃~45℃',
+      '4. 相对湿度：≤95%',
+      '...'
+    ]
+  }
+  
+  const lines = contents[page] || [`第 ${page} 页内容...`]
+  return lines.map((line, index) => 
+    `<span id="page-${page}-line-${index + 1}" class="content-line">${line || '&nbsp;'}</span>`
+  ).join('<br>')
+}
+
+// 多语言翻译方法
+const startTranslate = () => {
+  if (!sourceText.value.trim()) {
+    ElMessage.warning('请输入需要翻译的文本')
+    return
+  }
+  
+  translating.value = true
+  ElMessage.info('正在翻译...')
+  
+  setTimeout(() => {
+    translatedText.value = `[翻译结果] ${sourceText.value}`
+    translating.value = false
+    ElMessage.success('翻译完成')
+  }, 2000)
+}
+
+const clearTranslate = () => {
+  sourceText.value = ''
+  translatedText.value = ''
+}
+
+const copyTranslation = () => {
+  navigator.clipboard.writeText(translatedText.value)
+  ElMessage.success('已复制到剪贴板')
+}
+
+const exportTranslation = () => {
+  ElMessage.success('翻译结果已导出')
+}
+
+// 商务要素提取方法
+const startBusinessExtract = () => {
+  if (!selectedBidFile.value) {
+    ElMessage.warning('请先选择招标文件')
+    return
+  }
+  
+  extracting.value = true
+  extractProgress.value = 0
+  
+  const interval = setInterval(() => {
+    extractProgress.value += 10
+    if (extractProgress.value >= 100) {
+      clearInterval(interval)
+      extracting.value = false
+      ElMessage.success('商务要素提取完成')
+    }
+  }, 300)
+}
+
+const exportBusinessElements = () => {
+  ElMessage.success('商务要素表已导出为Excel')
+}
+
+const saveBusinessElements = () => {
+  ElMessage.success('已保存到知识库')
+}
+
+// 否决项识别方法
+const startRejectRecognition = () => {
+  if (!selectedBidFile.value) {
+    ElMessage.warning('请先选择招标文件')
+    return
+  }
+  
+  recognizing.value = true
+  recognizeProgress.value = 0
+  
+  const interval = setInterval(() => {
+    recognizeProgress.value += 10
+    if (recognizeProgress.value >= 100) {
+      clearInterval(interval)
+      recognizing.value = false
+      ElMessage.success('否决项识别完成')
+    }
+  }, 200)
+}
+
+const generateChecklist = () => {
+  ElMessage.success('检查清单已生成')
+}
+
+const exportRejectReport = () => {
+  ElMessage.success('否决项报告已导出')
+}
+
+// 监听导航变化，清空选中的项目
+watch(activeNav, () => {
+  selectedProject.value = null
+})
+</script>
+
+<style lang="scss" scoped>
+.bidding-system { 
+  display: flex; 
+  height: 100%; 
+  background: linear-gradient(135deg, #f5f7fa 0%, #e8ecf1 100%);
+}
+
+.bidding-sidebar { 
+  width: 260px; 
+  background: #fff; 
+  border-right: 1px solid #e5e7eb; 
+  display: flex; 
+  flex-direction: column;
+  box-shadow: 2px 0 8px rgba(0, 0, 0, 0.04);
+}
+
+.sidebar-header { 
+  padding: 24px 20px; 
+  border-bottom: 1px solid #e5e7eb;
+  background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
+  
+  .system-title { 
+    display: flex; 
+    align-items: center; 
+    gap: 12px;
+    
+    .title-icon-wrapper {
+      width: 48px;
+      height: 48px;
+      background: rgba(255, 255, 255, 0.2);
+      border-radius: 12px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      backdrop-filter: blur(10px);
+      
+      .title-icon { 
+        font-size: 28px;
+        color: #fff;
+        filter: drop-shadow(0 2px 4px rgba(0,0,0,0.1));
+      }
+    }
+    
+    .title-info {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+      
+      .title-text { 
+        font-size: 18px; 
+        font-weight: 700; 
+        color: #fff;
+        letter-spacing: 0.5px;
+      }
+      
+      .title-desc {
+        font-size: 11px;
+        color: rgba(255, 255, 255, 0.8);
+        font-weight: 500;
+        text-transform: uppercase;
+        letter-spacing: 0.5px;
+      }
+    }
+  }
+}
+
+.bidding-nav { 
+  padding: 16px 12px; 
+  overflow-y: auto; 
+  flex: 1;
+}
+
+.nav-group { 
+  margin-bottom: 8px;
+}
+
+.nav-item { 
+  display: flex; 
+  align-items: center; 
+  justify-content: space-between; 
+  padding: 12px 14px; 
+  border-radius: 10px; 
+  cursor: pointer; 
+  color: #4b5563; 
+  font-size: 14px; 
+  font-weight: 500;
+  transition: all 0.25s cubic-bezier(0.4, 0, 0.2, 1);
+  position: relative;
+  
+  &:hover { 
+    background: #f3f4f6;
+    transform: translateX(2px);
+  }
+  
+  &.active { 
+    background: linear-gradient(135deg, rgba(124,58,237,0.1) 0%, rgba(124,58,237,0.05) 100%);
+    color: #7c3aed;
+    box-shadow: 0 2px 8px rgba(124, 58, 237, 0.15);
+    
+    .nav-icon {
+      color: #7c3aed;
+    }
+    
+    &::before {
+      content: '';
+      position: absolute;
+      left: 0;
+      top: 50%;
+      transform: translateY(-50%);
+      width: 4px;
+      height: 60%;
+      background: linear-gradient(180deg, #7c3aed 0%, #6d28d9 100%);
+      border-radius: 0 4px 4px 0;
+    }
+  }
+  
+  .nav-left { 
+    display: flex; 
+    align-items: center; 
+    gap: 12px;
+  }
+  
+  .nav-icon { 
+    font-size: 18px;
+    line-height: 1;
+    color: #6b7280;
+    transition: color 0.3s;
+  }
+  
+  .nav-arrow { 
+    font-size: 14px; 
+    color: #9ca3af;
+    transition: transform 0.3s;
+  }
+}
+
+.nav-children { 
+  margin-left: 32px;
+  margin-top: 4px;
+  padding-left: 12px;
+  border-left: 2px solid #e5e7eb;
+  
+  .nav-child { 
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 10px 12px; 
+    font-size: 13px; 
+    color: #6b7280; 
+    cursor: pointer; 
+    border-radius: 8px;
+    transition: all 0.2s;
+    font-weight: 500;
+    
+    .child-dot {
+      width: 6px;
+      height: 6px;
+      border-radius: 50%;
+      background: #d1d5db;
+      transition: all 0.2s;
+    }
+    
+    &:hover { 
+      background: #f3f4f6;
+      color: #374151;
+      
+      .child-dot {
+        background: #9ca3af;
+      }
+    }
+    
+    &.active { 
+      color: #7c3aed;
+      background: rgba(124,58,237,0.08);
+      font-weight: 600;
+      
+      .child-dot {
+        background: #7c3aed;
+        box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.2);
+      }
+    }
+  }
+}
+
+.bidding-content { 
+  flex: 1; 
+  display: flex; 
+  flex-direction: column; 
+  overflow: hidden;
+}
+
+.content-header { 
+  padding: 20px 32px; 
+  background: #fff; 
+  border-bottom: 1px solid #e5e7eb;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
+  
+  .header-left {
+    :deep(.el-breadcrumb) {
+      font-size: 14px;
+      
+      .el-breadcrumb__item {
+        .el-breadcrumb__inner {
+          color: #6b7280;
+          font-weight: 500;
+          
+          &.is-link:hover {
+            color: #7c3aed;
+          }
+        }
+        
+        &:last-child .el-breadcrumb__inner {
+          color: #1f2937;
+          font-weight: 600;
+        }
+      }
+    }
+  }
+  
+  .header-right {
+    :deep(.el-button) {
+      border-color: #e5e7eb;
+      
+      &:hover {
+        background: #f3f4f6;
+        border-color: #7c3aed;
+        color: #7c3aed;
+      }
+    }
+  }
+}
+
+.content-main { 
+  flex: 1; 
+  padding: 24px; 
+  overflow-y: auto;
+  
+  &::-webkit-scrollbar {
+    width: 8px;
+  }
+  
+  &::-webkit-scrollbar-track {
+    background: transparent;
+  }
+  
+  &::-webkit-scrollbar-thumb {
+    background: #d1d5db;
+    border-radius: 4px;
+    
+    &:hover {
+      background: #9ca3af;
+    }
+  }
+}
+
+.panel { 
+  background: #fff; 
+  border-radius: 16px; 
+  padding: 28px;
+  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.03);
+}
+
+.panel-header { 
+  display: flex; 
+  justify-content: space-between; 
+  align-items: center; 
+  margin-bottom: 24px;
+  
+  h3 { 
+    font-size: 20px; 
+    color: #1f2937; 
+    margin: 0;
+    font-weight: 700;
+    position: relative;
+    padding-left: 16px;
+    
+    &::before {
+      content: '';
+      position: absolute;
+      left: 0;
+      top: 50%;
+      transform: translateY(-50%);
+      width: 4px;
+      height: 24px;
+      background: linear-gradient(180deg, #7c3aed 0%, #6d28d9 100%);
+      border-radius: 2px;
+    }
+  }
+}
+.stats-cards { 
+  display: grid; 
+  grid-template-columns: repeat(4, 1fr); 
+  gap: 20px; 
+  margin-bottom: 28px;
+}
+
+.stat-card { 
+  background: linear-gradient(135deg, #fff 0%, #f9fafb 100%);
+  border-radius: 14px; 
+  padding: 24px; 
+  text-align: center;
+  border: 1px solid #e5e7eb;
+  transition: all 0.3s;
+  
+  &:hover {
+    transform: translateY(-4px);
+    box-shadow: 0 8px 16px rgba(124, 58, 237, 0.1);
+    border-color: #7c3aed;
+  }
+  
+  .stat-value { 
+    font-size: 32px; 
+    font-weight: 700; 
+    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+    margin-bottom: 8px;
+  }
+  
+  .stat-label { 
+    font-size: 13px; 
+    color: #6b7280; 
+    font-weight: 500;
+  }
+}
+
+.kb-categories { 
+  display: grid; 
+  grid-template-columns: repeat(2, 1fr); 
+  gap: 20px;
+}
+
+.category-card { 
+  display: flex; 
+  align-items: center; 
+  gap: 16px; 
+  padding: 24px; 
+  background: #fff;
+  border: 1px solid #e5e7eb;
+  border-radius: 14px; 
+  cursor: pointer; 
+  transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+  
+  &:hover { 
+    background: #fafbfc;
+    transform: translateY(-4px);
+    box-shadow: 0 8px 20px rgba(0,0,0,0.08);
+    border-color: #7c3aed;
+  }
+  
+  .cat-icon { 
+    width: 56px; 
+    height: 56px; 
+    border-radius: 14px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+    
+    .el-icon {
+      font-size: 28px;
+      color: #fff;
+    }
+  }
+  
+  .cat-info { 
+    flex: 1;
+    
+    .cat-name { 
+      font-size: 16px; 
+      font-weight: 600; 
+      color: #1f2937;
+      margin-bottom: 6px;
+    }
+    
+    .cat-count { 
+      font-size: 13px; 
+      color: #6b7280;
+      font-weight: 500;
+    }
+  }
+}
+
+.category-management {
+  padding: 0;
+  overflow: hidden;
+}
+
+.category-layout {
+  display: flex;
+  height: calc(100vh - 180px);
+}
+
+.category-sidebar {
+  width: 280px;
+  background: linear-gradient(180deg, #fafbfc 0%, #f5f7fa 100%);
+  border-right: 1px solid #e5e7eb;
+  display: flex;
+  flex-direction: column;
+  
+  .category-nav-header {
+    padding: 24px 20px;
+    border-bottom: 1px solid #e5e7eb;
+    background: #fff;
+    
+    .header-title {
+      h4 {
+        margin: 0 0 6px 0;
+        font-size: 17px;
+        font-weight: 700;
+        color: #1f2937;
+      }
+      
+      .header-subtitle {
+        font-size: 12px;
+        color: #6b7280;
+        font-weight: 500;
+      }
+    }
+  }
+  
+  .category-nav-list {
+    padding: 20px 16px;
+    overflow-y: auto;
+    flex: 1;
+  }
+  
+  .category-nav-item {
+    display: flex;
+    align-items: center;
+    gap: 14px;
+    padding: 16px;
+    margin-bottom: 10px;
+    background: #fff;
+    border-radius: 12px;
+    cursor: pointer;
+    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    border: 2px solid transparent;
+    position: relative;
+    
+    &:hover {
+      transform: translateX(6px);
+      box-shadow: 0 4px 12px rgba(0,0,0,0.08);
+      border-color: #e5e7eb;
+      
+      .nav-arrow-icon {
+        opacity: 1;
+        transform: translateX(2px);
+      }
+    }
+    
+    &.active {
+      border-color: #7c3aed;
+      background: linear-gradient(135deg, rgba(124, 58, 237, 0.08) 0%, rgba(124, 58, 237, 0.03) 100%);
+      box-shadow: 0 4px 16px rgba(124, 58, 237, 0.2);
+      transform: translateX(6px);
+      
+      .category-nav-name {
+        color: #7c3aed;
+        font-weight: 700;
+      }
+      
+      .category-nav-count {
+        color: #7c3aed;
+        font-weight: 600;
+      }
+      
+      .nav-arrow-icon {
+        opacity: 1;
+        color: #7c3aed;
+      }
+    }
+    
+    .category-nav-icon {
+      width: 44px;
+      height: 44px;
+      border-radius: 12px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      flex-shrink: 0;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
+      
+      .el-icon {
+        font-size: 22px;
+        color: #fff;
+      }
+    }
+    
+    .category-nav-info {
+      flex: 1;
+      min-width: 0;
+      
+      .category-nav-name {
+        font-size: 14px;
+        font-weight: 600;
+        color: #1f2937;
+        margin-bottom: 6px;
+        transition: all 0.2s;
+      }
+      
+      .category-nav-count {
+        font-size: 12px;
+        color: #6b7280;
+        font-weight: 500;
+        transition: all 0.2s;
+      }
+    }
+    
+    .nav-arrow-icon {
+      font-size: 16px;
+      color: #9ca3af;
+      opacity: 0;
+      transition: all 0.3s;
+    }
+  }
+  
+  .category-sidebar-footer {
+    padding: 20px;
+    border-top: 1px solid #e5e7eb;
+    background: #fff;
+    
+    .footer-stat {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 16px;
+      background: linear-gradient(135deg, #f9fafb 0%, #f3f4f6 100%);
+      border-radius: 12px;
+      border: 1px solid #e5e7eb;
+      
+      .stat-icon {
+        font-size: 28px;
+      }
+      
+      .stat-info {
+        flex: 1;
+        
+        .stat-label {
+          font-size: 12px;
+          color: #6b7280;
+          margin-bottom: 4px;
+          font-weight: 500;
+        }
+        
+        .stat-value {
+          font-size: 20px;
+          font-weight: 700;
+          background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
+          -webkit-background-clip: text;
+          -webkit-text-fill-color: transparent;
+        }
+      }
+    }
+  }
+}
+
+.category-content {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  overflow: hidden;
+  background: #fff;
+  
+  .category-content-header {
+    padding: 28px 32px 24px;
+    border-bottom: 1px solid #e5e7eb;
+    background: linear-gradient(180deg, #fafbfc 0%, #fff 100%);
+    
+    .header-info {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 24px;
+      
+      .category-title-wrapper {
+        display: flex;
+        align-items: center;
+        gap: 16px;
+        
+        .category-icon-large {
+          width: 64px;
+          height: 64px;
+          border-radius: 16px;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
+          
+          .el-icon {
+            font-size: 32px;
+            color: #fff;
+          }
+        }
+        
+        .category-title-info {
+          h3 {
+            margin: 0 0 6px 0;
+            font-size: 24px;
+            font-weight: 700;
+            color: #1f2937;
+          }
+          
+          .category-desc {
+            margin: 0;
+            font-size: 14px;
+            color: #6b7280;
+            font-weight: 500;
+          }
+        }
+      }
+      
+      .header-actions {
+        :deep(.el-button) {
+          padding: 12px 24px;
+          font-size: 14px;
+        }
+      }
+    }
+    
+    .category-toolbar {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      gap: 16px;
+      
+      .toolbar-right {
+        display: flex;
+        gap: 8px;
+      }
+    }
+  }
+  
+  .category-table-wrapper {
+    flex: 1;
+    overflow: auto;
+    padding: 24px 32px;
+    
+    .file-name-cell {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      
+      .file-icon {
+        font-size: 18px;
+        flex-shrink: 0;
+      }
+      
+      .file-name {
+        font-weight: 500;
+        color: #1f2937;
+      }
+    }
+    
+    .table-actions {
+      display: flex;
+      align-items: center;
+      gap: 25px;
+      
+      :deep(.el-button) {
+        display: inline-flex;
+        align-items: center;
+        gap: 4px;
+        font-weight: 500;
+        
+        &.el-button--primary {
+          color: #a78bfa;
+          
+          &:hover {
+            color: #8b5cf6;
+            background: rgba(167, 139, 250, 0.1);
+          }
+        }
+        
+        &.el-button--danger {
+          color: #ef4444;
+          
+          &:hover {
+            color: #dc2626;
+            background: rgba(239, 68, 68, 0.1);
+          }
+        }
+        
+        .el-icon {
+          font-size: 16px;
+        }
+      }
+    }
+    
+    :deep(.el-table) {
+      .el-table__empty-block {
+        padding: 60px 0;
+      }
+      
+      .el-table__empty-text {
+        color: #9ca3af;
+        font-size: 14px;
+      }
+    }
+  }
+}
+
+.header-actions { 
+  display: flex; 
+  align-items: center; 
+  gap: 12px;
+}
+
+// 全局表格样式优化
+:deep(.el-table) {
+  border-radius: 12px;
+  overflow: hidden;
+  
+  .el-table__header-wrapper {
+    th {
+      background: #f9fafb;
+      color: #374151;
+      font-weight: 600;
+      font-size: 13px;
+      border-bottom: 2px solid #e5e7eb;
+    }
+  }
+  
+  .el-table__body-wrapper {
+    .el-table__row {
+      transition: all 0.2s;
+      
+      &:hover {
+        background: #f9fafb;
+      }
+      
+      td {
+        border-bottom: 1px solid #f3f4f6;
+        color: #4b5563;
+        font-size: 14px;
+      }
+    }
+  }
+  
+  .el-button--primary.is-link {
+    color: #ac99e4ff !important;
+    font-weight: 500;
+    
+    &:hover {
+      color: #8b5cf6 !important;
+      background: rgba(167, 139, 250, 0.08) !important;
+    }
+    
+    .el-icon {
+      color: #a78bfa;
+    }
+  }
+  
+  .el-button--danger.is-link {
+    color: #ef4444 !important;
+    font-weight: 500;
+    
+    &:hover {
+      color: #dc2626 !important;
+      background: rgba(239, 68, 68, 0.08) !important;
+    }
+    
+    .el-icon {
+      color: #ef4444;
+    }
+  }
+}
+
+// 标签样式优化
+:deep(.el-tag) {
+  border-radius: 6px;
+  padding: 4px 12px;
+  font-weight: 500;
+  font-size: 12px;
+  border: none;
+  
+  &.el-tag--success {
+    background: #d1fae5;
+    color: #059669;
+  }
+  
+  &.el-tag--warning {
+    background: #fef3c7;
+    color: #d97706;
+  }
+  
+  &.el-tag--info {
+    background: #dbeafe;
+    color: #2563eb;
+  }
+  
+  &.el-tag--default {
+    background: #ede9fe;
+    color: #7c3aed;
+  }
+}
+
+// 按钮样式优化
+:deep(.el-button) {
+  border-radius: 8px;
+  font-weight: 500;
+  transition: all 0.2s;
+  
+  &.el-button--primary {
+    background: linear-gradient(135deg, #7c3aed 0%, #6d28d9 100%);
+    border: none;
+    
+    &:hover {
+      transform: translateY(-1px);
+      box-shadow: 0 4px 12px rgba(124, 58, 237, 0.3);
+    }
+    
+    &:active {
+      transform: translateY(0);
+    }
+  }
+  
+  &.el-button--success {
+    background: linear-gradient(135deg, #10b981 0%, #059669 100%);
+    border: none;
+    
+    &:hover {
+      transform: translateY(-1px);
+      box-shadow: 0 4px 12px rgba(16, 185, 129, 0.3);
+    }
+  }
+}
+
+// 输入框样式优化
+:deep(.el-input) {
+  .el-input__wrapper {
+    border-radius: 8px;
+    box-shadow: 0 0 0 1px #e5e7eb;
+    transition: all 0.2s;
+    
+    &:hover {
+      box-shadow: 0 0 0 1px #d1d5db;
+    }
+    
+    &.is-focus {
+      box-shadow: 0 0 0 2px rgba(124, 58, 237, 0.2);
+    }
+  }
+}
+
+:deep(.el-select) {
+  .el-input__wrapper {
+    border-radius: 8px;
+  }
+}
+
+:deep(.el-textarea) {
+  .el-textarea__inner {
+    border-radius: 8px;
+    border-color: #e5e7eb;
+    
+    &:hover {
+      border-color: #d1d5db;
+    }
+    
+    &:focus {
+      border-color: #7c3aed;
+      box-shadow: 0 0 0 3px rgba(124, 58, 237, 0.1);
+    }
+  }
+}
+.upload-zone { max-width: 500px; margin: 0 auto; :deep(.el-upload-dragger) { padding: 40px; border-radius: 12px; } .upload-icon { font-size: 48px; color: #9ca3af; } .upload-text { color: #666; margin-top: 12px; }}
+.reject-list { .reject-item { padding: 16px; background: #fef2f2; border-radius: 8px; margin-bottom: 12px; .reject-header { display: flex; align-items: center; gap: 8px; margin-bottom: 8px; .reject-icon { color: #ef4444; }} .reject-content { color: #374151; font-size: 14px; }}}
+.write-layout { display: flex; gap: 20px; }
+.outline-panel { width: 240px; background: #f9fafb; border-radius: 8px; padding: 16px; .outline-header { font-weight: 500; margin-bottom: 12px; color: #374151; }}
+.editor-panel { flex: 1; .editor-toolbar { margin-bottom: 12px; display: flex; gap: 8px; }}
+.check-summary { display: flex; gap: 20px; margin-bottom: 24px; .summary-item { flex: 1; text-align: center; padding: 24px; border-radius: 12px; &.pass { background: #d1fae5; .summary-value { color: #10b981; }} &.warning { background: #fef3c7; .summary-value { color: #f59e0b; }} &.error { background: #fee2e2; .summary-value { color: #ef4444; }} .summary-value { font-size: 32px; font-weight: 600; } .summary-label { font-size: 14px; color: #6b7280; margin-top: 4px; }}}
+.panel-chat { height: calc(100vh - 180px); padding: 0; }
+.chat-container { height: 100%; display: flex; flex-direction: column; }
+.chat-messages { flex: 1; padding: 24px; overflow-y: auto; }
+.chat-message { display: flex; gap: 12px; margin-bottom: 16px; &.user { flex-direction: row-reverse; .message-content { background: #7c3aed; color: #fff; }} .message-avatar { width: 36px; height: 36px; border-radius: 50%; background: #f3f4f6; display: flex; align-items: center; justify-content: center; font-size: 18px; } .message-content { max-width: 70%; padding: 12px 16px; background: #f3f4f6; border-radius: 12px; line-height: 1.6; }}
+.chat-input { padding: 16px 24px; border-top: 1px solid #e5e7eb; background: #fff; }
+
+// 文件智能采集样式
+.file-process-list {
+  margin-top: 24px;
+  
+  .file-info {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    
+    .el-icon {
+      font-size: 18px;
+    }
+  }
+  
+  .process-status {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    
+    .is-loading {
+      animation: rotating 2s linear infinite;
+    }
+  }
+}
+
+@keyframes rotating {
+  from { transform: rotate(0deg); }
+  to { transform: rotate(360deg); }
+}
+
+// 多语言翻译样式
+.translate-layout {
+  .translate-controls {
+    margin-bottom: 24px;
+  }
+  
+  .translate-panels {
+    display: flex;
+    gap: 24px;
+    margin-bottom: 24px;
+    
+    .translate-panel {
+      flex: 1;
+      
+      .panel-title {
+        font-size: 14px;
+        font-weight: 600;
+        color: #374151;
+        margin-bottom: 12px;
+      }
+      
+      .panel-actions {
+        display: flex;
+        gap: 8px;
+        margin-top: 12px;
+      }
+    }
+  }
+  
+  .translate-actions {
+    display: flex;
+    gap: 12px;
+  }
+}
+
+// 商务要素提取样式
+.extract-result {
+  margin-top: 24px;
+  
+  .note-text {
+    color: #f59e0b;
+    font-size: 13px;
+  }
+  
+  .extract-actions {
+    display: flex;
+    gap: 12px;
+    margin-top: 20px;
+  }
+}
+
+// 否决项识别样式
+.rejection-panel {
+  .rejection-section,
+  .deduction-section,
+  .bonus-section {
+    margin-bottom: 32px;
+    background: #fff;
+    border-radius: 12px;
+    padding: 24px;
+    border: 2px solid #e5e7eb;
+    
+    .section-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 20px;
+      padding-bottom: 16px;
+      border-bottom: 2px solid #e5e7eb;
+      
+      h4 {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        font-size: 18px;
+        font-weight: 600;
+        color: #1f2937;
+        margin: 0;
+      }
+      
+      .total-score {
+        font-size: 16px;
+        font-weight: 600;
+        color: #6b7280;
+      }
+    }
+    
+    .items-list {
+      .rejection-item,
+      .deduction-item,
+      .bonus-item {
+        display: flex;
+        align-items: flex-start;
+        gap: 16px;
+        padding: 16px;
+        margin-bottom: 12px;
+        background: #f9fafb;
+        border-radius: 8px;
+        border: 2px solid transparent;
+        transition: all 0.2s;
+        
+        &:hover {
+          border-color: #a78bfa;
+          box-shadow: 0 2px 8px rgba(167, 139, 250, 0.1);
+        }
+        
+        .item-icon {
+          font-size: 20px;
+          font-weight: bold;
+          flex-shrink: 0;
+        }
+        
+        .item-content {
+          flex: 1;
+          
+          .item-text {
+            font-size: 15px;
+            color: #1f2937;
+            font-weight: 500;
+            margin-bottom: 8px;
+          }
+          
+          .item-meta {
+            display: flex;
+            gap: 8px;
+          }
+        }
+        
+        .item-actions {
+          display: flex;
+          align-items: center;
+          gap: 12px;
+          flex-shrink: 0;
+        }
+      }
+      
+      .rejection-item.critical {
+        background: #fef2f2;
+        border-color: #fecaca;
+        
+        .item-icon {
+          color: #ef4444;
+        }
+      }
+      
+      .deduction-item {
+        .item-icon {
+          color: #f59e0b;
+        }
+      }
+      
+      .bonus-item {
+        background: #f0fdf4;
+        
+        .item-icon {
+          color: #10b981;
+        }
+      }
+    }
+  }
+  
+  .action-buttons {
+    display: flex;
+    gap: 12px;
+    padding-top: 24px;
+    border-top: 1px solid #e5e7eb;
+  }
+}
+
+// 项目管理样式
+// 新项目管理样式
+.pm-project-cards {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
+  gap: 20px;
+  margin-top: 20px;
+}
+
+.pm-project-card {
+  background: #fff;
+  border: 1px solid #e5e7eb;
+  border-radius: 12px;
+  padding: 20px;
+  cursor: pointer;
+  transition: all 0.3s;
+  
+  &:hover {
+    transform: translateY(-4px);
+    box-shadow: 0 12px 24px rgba(139, 92, 246, 0.15);
+    border-color: #c4b5fd;
+  }
+  
+  .pm-card-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: flex-start;
+    margin-bottom: 16px;
+    
+    .pm-card-title {
+      margin: 0;
+      font-size: 16px;
+      font-weight: 600;
+      color: #1f2937;
+      line-height: 1.4;
+      flex: 1;
+      padding-right: 8px;
+    }
+  }
+  
+  .pm-card-info {
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    margin-bottom: 16px;
+    
+    .pm-info-row {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      
+      .pm-info-label {
+        display: flex;
+        align-items: center;
+        gap: 6px;
+        font-size: 13px;
+        color: #6b7280;
+        
+        .el-icon {
+          font-size: 14px;
+        }
+      }
+      
+      .pm-info-value {
+        font-size: 13px;
+        color: #374151;
+        font-weight: 500;
+        
+        &.deadline {
+          color: #ef4444;
+          font-weight: 600;
+        }
+      }
+    }
+  }
+  
+  .pm-card-progress {
+    padding-top: 12px;
+    border-top: 1px solid #f3f4f6;
+    
+    .pm-progress-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 8px;
+      
+      span {
+        font-size: 13px;
+        color: #6b7280;
+      }
+      
+      .pm-progress-value {
+        font-weight: 600;
+        color: #8b5cf6;
+      }
+    }
+  }
+}
+
+.pm-empty-state {
+  grid-column: 1 / -1;
+  padding: 60px 20px;
+}
+
+// 已完结项目样式
+.pm-completed-panel {
+  .pm-completed-stats {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 20px;
+    margin-bottom: 24px;
+    
+    .pm-stat-card {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      padding: 20px;
+      background: #fff;
+      border: 1px solid #e5e7eb;
+      border-radius: 12px;
+      
+      .pm-stat-icon {
+        width: 48px;
+        height: 48px;
+        border-radius: 12px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        
+        .el-icon {
+          font-size: 24px;
+          color: #fff;
+        }
+        
+        &.total {
+          background: linear-gradient(135deg, #6366f1, #4f46e5);
+        }
+        
+        &.won {
+          background: linear-gradient(135deg, #22c55e, #16a34a);
+        }
+        
+        &.lost {
+          background: linear-gradient(135deg, #f87171, #ef4444);
+        }
+        
+        &.rate {
+          background: linear-gradient(135deg, #f59e0b, #d97706);
+        }
+      }
+      
+      .pm-stat-info {
+        display: flex;
+        flex-direction: column;
+        gap: 4px;
+        
+        .pm-stat-value {
+          font-size: 28px;
+          font-weight: 700;
+          color: #1f2937;
+          line-height: 1;
+          
+          &.won {
+            color: #16a34a;
+          }
+          
+          &.lost {
+            color: #ef4444;
+          }
+          
+          &.rate {
+            color: #d97706;
+          }
+        }
+        
+        .pm-stat-label {
+          font-size: 13px;
+          color: #6b7280;
+        }
+      }
+    }
+  }
+  
+  .pm-completed-cards {
+    display: grid;
+    grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
+    gap: 20px;
+    
+    .pm-completed-card {
+      background: #fff;
+      border: 1px solid #e5e7eb;
+      border-radius: 12px;
+      overflow: hidden;
+      transition: all 0.3s;
+      
+      &:hover {
+        box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
+      }
+      
+      &.won {
+        border-left: 4px solid #22c55e;
+        
+        .pm-completed-card-header {
+          background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
+        }
+      }
+      
+      &.lost {
+        border-left: 4px solid #ef4444;
+        
+        .pm-completed-card-header {
+          background: linear-gradient(135deg, #fef2f2 0%, #fee2e2 100%);
+        }
+      }
+      
+      .pm-completed-card-header {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        padding: 16px 20px;
+        border-bottom: 1px solid #f3f4f6;
+        
+        .pm-completed-card-title {
+          margin: 0;
+          font-size: 16px;
+          font-weight: 600;
+          color: #1f2937;
+          flex: 1;
+        }
+      }
+      
+      .pm-completed-card-body {
+        padding: 20px;
+        
+        .pm-completed-info-grid {
+          display: grid;
+          grid-template-columns: 1fr 1fr;
+          gap: 12px;
+          
+          .pm-completed-info-item {
+            display: flex;
+            flex-direction: column;
+            gap: 4px;
+            
+            &.full-width {
+              grid-column: 1 / -1;
+            }
+            
+            .label {
+              font-size: 12px;
+              color: #9ca3af;
+            }
+            
+            .value {
+              font-size: 14px;
+              color: #374151;
+              font-weight: 500;
+              
+              &.amount {
+                color: #059669;
+                font-weight: 600;
+              }
+              
+              &.fail-reason {
+                color: #ef4444;
+                font-size: 13px;
+              }
+            }
+          }
+        }
+      }
+      
+      .pm-completed-card-footer {
+        display: flex;
+        justify-content: flex-start;
+        gap: 8px;
+        padding: 12px 20px;
+        background: #f9fafb;
+        border-top: 1px solid #f3f4f6;
+      }
+    }
+  }
+}
+
+// 招标信息提取样式
+.pm-step-extract {
+  .pm-extract-upload {
+    .pm-upload-area {
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      gap: 20px;
+      padding: 20px;
+      
+      .pm-upload-dragger {
+        width: 100%;
+        
+        :deep(.el-upload-dragger) {
+          border: 2px dashed #c4b5fd;
+          border-radius: 12px;
+          background: #faf5ff;
+          padding: 40px;
+          
+          &:hover {
+            border-color: #8b5cf6;
+          }
+        }
+      }
+      
+      .pm-upload-content {
+        text-align: center;
+        
+        .pm-upload-icon {
+          font-size: 48px;
+          color: #8b5cf6;
+          margin-bottom: 16px;
+        }
+        
+        .pm-upload-title {
+          margin: 0 0 8px 0;
+          font-size: 16px;
+          color: #374151;
+          font-weight: 500;
+        }
+        
+        .pm-upload-hint {
+          margin: 0;
+          font-size: 13px;
+          color: #9ca3af;
+        }
+      }
+      
+      .pm-selected-file {
+        display: flex;
+        align-items: center;
+        gap: 12px;
+        padding: 12px 20px;
+        background: #f3f4f6;
+        border-radius: 8px;
+        
+        .el-icon {
+          font-size: 20px;
+          color: #8b5cf6;
+        }
+        
+        .file-name {
+          font-size: 14px;
+          color: #374151;
+        }
+      }
+      
+      .pm-analyze-btn {
+        min-width: 160px;
+      }
+    }
+  }
+  
+  .pm-extract-result {
+    padding: 20px;
+    display: flex;
+    flex-direction: column;
+    height: 100%;
+    
+    .pm-extract-result-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 16px 20px;
+      background: #f9fafb;
+      border-radius: 8px;
+      margin-bottom: 20px;
+      flex-shrink: 0;
+      
+      .file-info {
+        display: flex;
+        align-items: center;
+        gap: 16px;
+        
+        .file-icon {
+          font-size: 32px;
+          color: #8b5cf6;
+        }
+        
+        .file-detail {
+          display: flex;
+          flex-direction: column;
+          gap: 4px;
+          
+          .file-name {
+            font-size: 15px;
+            font-weight: 500;
+            color: #1f2937;
+          }
+          
+          .file-meta {
+            font-size: 13px;
+            color: #6b7280;
+          }
+        }
+      }
+    }
+    
+    // 底部操作按钮
+    .pm-extract-footer {
+      display: flex;
+      justify-content: flex-end;
+      padding: 16px 0 0 0;
+      margin-top: 16px;
+      border-top: 1px solid #e5e7eb;
+    }
+  }
+  
+  .pm-extract-result {
+    padding: 20px;
+    display: flex;
+    flex-direction: column;
+    
+    // 主体内容：左右布局
+    .pm-extract-body {
+      display: flex;
+      gap: 20px;
+      height: 1000px;
+      
+      // 左侧：关键信息区域
+      .pm-extract-left {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        min-width: 0;
+        background: #fff;
+        border: 1px solid #e5e7eb;
+        border-radius: 12px;
+        overflow: hidden;
+        
+        // 选项卡导航
+        .pm-extract-tabs {
+          display: flex;
+          flex-wrap: wrap;
+          gap: 0;
+          padding: 0;
+          background: #f9fafb;
+          border-bottom: 1px solid #e5e7eb;
+          flex-shrink: 0;
+          
+          .pm-extract-tab {
+            padding: 12px 16px;
+            font-size: 13px;
+            color: #6b7280;
+            cursor: pointer;
+            border-bottom: 2px solid transparent;
+            transition: all 0.2s;
+            white-space: nowrap;
+            
+            &:hover {
+              color: #8b5cf6;
+              background: #faf5ff;
+            }
+            
+            &.active {
+              color: #8b5cf6;
+              font-weight: 500;
+              border-bottom-color: #8b5cf6;
+              background: #fff;
+            }
+          }
+        }
+        
+        // 选项卡内容区
+        .pm-extract-tab-content {
+          flex: 1;
+          overflow-y: auto;
+          padding: 16px;
+          
+          .pm-tab-panel {
+            .pm-overview-stats {
+              display: flex;
+              gap: 16px;
+              margin-bottom: 20px;
+              
+              .pm-stat-item {
+                flex: 1;
+                text-align: center;
+                padding: 16px;
+                background: #f9fafb;
+                border-radius: 8px;
+                
+                .pm-stat-value {
+                  font-size: 28px;
+                  font-weight: 700;
+                  color: #1f2937;
+                  
+                  &.highlight { color: #8b5cf6; }
+                  &.success { color: #10b981; }
+                }
+                
+                .pm-stat-label {
+                  font-size: 12px;
+                  color: #6b7280;
+                  margin-top: 4px;
+                }
+              }
+            }
+            
+            .pm-overview-summary {
+              background: #f9fafb;
+              border-radius: 8px;
+              padding: 16px;
+              
+              h6 {
+                margin: 0 0 8px 0;
+                font-size: 14px;
+                font-weight: 600;
+                color: #374151;
+              }
+              
+              p {
+                margin: 0;
+                font-size: 13px;
+                line-height: 1.6;
+                color: #6b7280;
+              }
+            }
+            
+            // 总体分析新增样式
+            .pm-overview-row {
+              display: flex;
+              gap: 16px;
+              margin-bottom: 16px;
+            }
+            
+            .pm-overview-card {
+              flex: 1;
+              background: #fff;
+              border: 1px solid #e5e7eb;
+              border-radius: 8px;
+              padding: 16px;
+              
+              &.half {
+                flex: 1;
+              }
+              
+              .pm-card-title {
+                display: flex;
+                align-items: center;
+                gap: 8px;
+                font-size: 14px;
+                font-weight: 600;
+                color: #374151;
+                margin-bottom: 12px;
+                
+                .el-icon { color: #8b5cf6; }
+                
+                &.warning .el-icon { color: #f59e0b; }
+                &.success .el-icon { color: #10b981; }
+              }
+            }
+            
+            // 评分权重分布
+            .pm-score-distribution {
+              display: flex;
+              align-items: center;
+              gap: 20px;
+              
+              .pm-donut-chart {
+                width: 100px;
+                height: 100px;
+                
+                .pm-donut-ring {
+                  width: 100%;
+                  height: 100%;
+                  border-radius: 50%;
+                  background: conic-gradient(#8b5cf6 0% 45%, #10b981 45% 80%, #f59e0b 80% 100%);
+                  display: flex;
+                  align-items: center;
+                  justify-content: center;
+                  
+                  .pm-donut-center {
+                    width: 60px;
+                    height: 60px;
+                    background: #fff;
+                    border-radius: 50%;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    
+                    .pm-donut-percent {
+                      font-size: 14px;
+                      font-weight: 600;
+                      color: #374151;
+                    }
+                  }
+                }
+              }
+              
+              .pm-score-legend {
+                .pm-legend-item {
+                  display: flex;
+                  align-items: center;
+                  gap: 8px;
+                  font-size: 13px;
+                  color: #6b7280;
+                  margin-bottom: 6px;
+                  
+                  .pm-legend-dot {
+                    width: 10px;
+                    height: 10px;
+                    border-radius: 50%;
+                    
+                    &.tech { background: #8b5cf6; }
+                    &.business { background: #10b981; }
+                    &.price { background: #f59e0b; }
+                  }
+                  
+                  .pm-legend-value {
+                    margin-left: auto;
+                    font-weight: 500;
+                    color: #374151;
+                  }
+                }
+              }
+            }
+            
+            // 报价策略建议
+            .pm-price-strategy {
+              .pm-strategy-tip {
+                display: flex;
+                align-items: center;
+                gap: 8px;
+                padding: 10px 12px;
+                background: #eff6ff;
+                border-radius: 6px;
+                font-size: 13px;
+                color: #3b82f6;
+                margin-bottom: 12px;
+                
+                .highlight {
+                  font-weight: 600;
+                  color: #8b5cf6;
+                }
+              }
+              
+              .pm-price-chart {
+                .pm-chart-bars {
+                  display: flex;
+                  align-items: flex-end;
+                  gap: 8px;
+                  height: 80px;
+                  padding-bottom: 8px;
+                  
+                  .pm-bar {
+                    flex: 1;
+                    background: #e5e7eb;
+                    border-radius: 4px 4px 0 0;
+                    display: flex;
+                    align-items: flex-start;
+                    justify-content: center;
+                    padding-top: 4px;
+                    
+                    span {
+                      font-size: 10px;
+                      color: #6b7280;
+                    }
+                    
+                    &.highlight {
+                      background: linear-gradient(180deg, #8b5cf6 0%, #a78bfa 100%);
+                      
+                      span { color: #fff; }
+                    }
+                  }
+                }
+                
+                .pm-chart-labels {
+                  display: flex;
+                  justify-content: space-between;
+                  font-size: 11px;
+                  color: #9ca3af;
+                  padding-top: 4px;
+                  border-top: 1px solid #e5e7eb;
+                }
+              }
+            }
+            
+            // 时间节点规划
+            .pm-timeline-section {
+              background: #fff;
+              border: 1px solid #e5e7eb;
+              border-radius: 8px;
+              padding: 16px;
+              margin-bottom: 16px;
+              
+              .pm-timeline-row {
+                display: flex;
+                align-items: center;
+                gap: 20px;
+                margin-bottom: 16px;
+              }
+              
+              .pm-countdown-box {
+                width: 80px;
+                height: 80px;
+                background: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%);
+                border-radius: 12px;
+                display: flex;
+                flex-direction: column;
+                align-items: center;
+                justify-content: center;
+                flex-shrink: 0;
+                
+                .pm-countdown-value {
+                  font-size: 28px;
+                  font-weight: 700;
+                  color: #fff;
+                }
+                
+                .pm-countdown-label {
+                  font-size: 11px;
+                  color: rgba(255,255,255,0.8);
+                }
+              }
+              
+              .pm-time-nodes {
+                display: flex;
+                flex: 1;
+                gap: 12px;
+                
+                .pm-time-node {
+                  flex: 1;
+                  padding: 12px;
+                  background: #f9fafb;
+                  border-radius: 8px;
+                  border-left: 3px solid #8b5cf6;
+                  
+                  &.warning { border-left-color: #f59e0b; }
+                  &.primary { border-left-color: #3b82f6; }
+                  
+                  .pm-node-date {
+                    font-size: 14px;
+                    font-weight: 600;
+                    color: #374151;
+                    margin-bottom: 4px;
+                  }
+                  
+                  .pm-node-label {
+                    font-size: 12px;
+                    color: #6b7280;
+                  }
+                }
+              }
+            }
+            
+            // 进度条
+            .pm-progress-bars {
+              .pm-progress-item {
+                display: flex;
+                align-items: center;
+                gap: 12px;
+                margin-bottom: 8px;
+                
+                &:last-child { margin-bottom: 0; }
+                
+                .pm-progress-label {
+                  width: 70px;
+                  font-size: 12px;
+                  color: #6b7280;
+                  flex-shrink: 0;
+                }
+                
+                .pm-progress-bar {
+                  flex: 1;
+                  height: 8px;
+                  background: #e5e7eb;
+                  border-radius: 4px;
+                  overflow: hidden;
+                  
+                  .pm-progress-fill {
+                    height: 100%;
+                    background: linear-gradient(90deg, #8b5cf6 0%, #3b82f6 100%);
+                    border-radius: 4px;
+                  }
+                }
+              }
+            }
+            
+            // 注意事项和建议
+            .pm-notice-list, .pm-suggestion-list {
+              .pm-notice-item, .pm-suggestion-item {
+                display: flex;
+                align-items: flex-start;
+                gap: 8px;
+                font-size: 13px;
+                color: #374151;
+                padding: 8px 0;
+                
+                .el-icon {
+                  margin-top: 2px;
+                  flex-shrink: 0;
+                }
+                
+                strong { color: #ef4444; }
+              }
+            }
+            
+            .pm-notice-list .pm-notice-item .el-icon { color: #f59e0b; }
+            .pm-suggestion-list .pm-suggestion-item .el-icon { color: #10b981; }
+            
+            .pm-qualification-section {
+              margin-bottom: 20px;
+              padding: 16px;
+              background: #fff;
+              border: 1px solid #e5e7eb;
+              border-radius: 8px;
+              
+              .pm-section-title {
+                display: flex;
+                align-items: center;
+                gap: 8px;
+                margin-bottom: 12px;
+                font-size: 14px;
+                font-weight: 600;
+                color: #374151;
+                
+                .el-icon { color: #8b5cf6; }
+                
+                .pm-badge {
+                  margin-left: auto;
+                  padding: 2px 8px;
+                  font-size: 11px;
+                  font-weight: 500;
+                  border-radius: 4px;
+                  
+                  &.danger { background: #fef2f2; color: #ef4444; }
+                  &.warning { background: #fffbeb; color: #f59e0b; }
+                  &.success { background: #ecfdf5; color: #10b981; }
+                }
+              }
+              
+              .pm-requirement-list {
+                .pm-requirement-item {
+                  display: flex;
+                  align-items: flex-start;
+                  gap: 8px;
+                  padding: 10px 0;
+                  border-bottom: 1px solid #f3f4f6;
+                  font-size: 13px;
+                  
+                  &:last-child { border-bottom: none; }
+                  
+                  &.risk {
+                    .el-icon { color: #f59e0b; }
+                  }
+                  
+                  > .el-icon {
+                    color: #10b981;
+                    margin-top: 2px;
+                    flex-shrink: 0;
+                  }
+                  
+                  .label {
+                    color: #8b5cf6;
+                    font-weight: 500;
+                    white-space: nowrap;
+                  }
+                  
+                  .value {
+                    color: #374151;
+                    flex: 1;
+                    
+                    &.primary { color: #8b5cf6; }
+                  }
+                  
+                  .el-tag {
+                    margin-right: 8px;
+                  }
+                }
+              }
+            }
+            
+            .pm-reject-section {
+              .pm-section-header {
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                margin-bottom: 16px;
+                
+                .pm-section-title {
+                  display: flex;
+                  align-items: center;
+                  gap: 8px;
+                  font-size: 14px;
+                  font-weight: 600;
+                  color: #374151;
+                  
+                  .el-icon { color: #ef4444; }
+                  
+                  .pm-badge {
+                    margin-left: 8px;
+                    padding: 2px 8px;
+                    font-size: 11px;
+                    font-weight: 500;
+                    border-radius: 4px;
+                    
+                    &.danger { background: #fef2f2; color: #ef4444; }
+                  }
+                }
+              }
+              
+              .pm-reject-table {
+                .el-table {
+                  font-size: 13px;
+                  
+                  .el-input, .el-select {
+                    width: 100%;
+                  }
+                }
+              }
+            }
+            
+            .pm-timeline {
+              padding-left: 20px;
+              border-left: 2px solid #e5e7eb;
+              
+              .pm-timeline-item {
+                position: relative;
+                padding-bottom: 24px;
+                padding-left: 20px;
+                
+                &:last-child { padding-bottom: 0; }
+                
+                &::before {
+                  content: '';
+                  position: absolute;
+                  left: -7px;
+                  top: 6px;
+                  width: 12px;
+                  height: 12px;
+                  background: #8b5cf6;
+                  border-radius: 50%;
+                  border: 2px solid #fff;
+                }
+                
+                .pm-timeline-badge {
+                  display: inline-block;
+                  padding: 4px 10px;
+                  background: #8b5cf6;
+                  color: #fff;
+                  font-size: 12px;
+                  font-weight: 500;
+                  border-radius: 12px;
+                  margin-bottom: 8px;
+                }
+                
+                .pm-timeline-content {
+                  .pm-timeline-title {
+                    font-size: 14px;
+                    font-weight: 600;
+                    color: #1f2937;
+                    margin-bottom: 4px;
+                  }
+                  
+                  .pm-timeline-desc {
+                    font-size: 13px;
+                    color: #6b7280;
+                  }
+                }
+              }
+            }
+          }
+          
+          .pm-key-info-section {
+            .pm-section-header {
+              display: flex;
+              align-items: center;
+              justify-content: space-between;
+              margin-bottom: 12px;
+            }
+            
+            .pm-section-title {
+              display: flex;
+              align-items: center;
+              gap: 8px;
+              font-size: 14px;
+              font-weight: 600;
+              color: #374151;
+              
+              .el-icon { color: #8b5cf6; }
+            }
+            
+            .pm-key-info-table {
+              :deep(.el-table) {
+                font-size: 13px;
+                
+                th {
+                  background: #f9fafb;
+                  font-weight: 500;
+                }
+                
+                .el-input, .el-select {
+                  width: 100%;
+                }
+              }
+            }
+          }
+        }
+        
+      }
+      
+      // 右侧：文件预览区域
+      .pm-extract-right {
+        width: 400px;
+        flex-shrink: 0;
+        display: flex;
+        flex-direction: column;
+        background: #fff;
+        border: 1px solid #e5e7eb;
+        border-radius: 12px;
+        overflow: hidden;
+        
+        .pm-preview-header {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          padding: 12px 16px;
+          background: #f9fafb;
+          border-bottom: 1px solid #e5e7eb;
+          flex-shrink: 0;
+          
+          h5 {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            margin: 0;
+            font-size: 14px;
+            font-weight: 600;
+            color: #374151;
+            
+            .el-icon {
+              color: #8b5cf6;
+            }
+          }
+          
+          .pm-preview-tools {
+            display: flex;
+            align-items: center;
+          }
+        }
+        
+        .pm-preview-content {
+          flex: 1;
+          overflow-y: auto;
+          padding: 16px;
+          transform-origin: top left;
+          
+          .pm-preview-pages {
+            .pm-preview-page {
+              background: #fff;
+              border: 1px solid #e5e7eb;
+              border-radius: 8px;
+              margin-bottom: 16px;
+              overflow: hidden;
+              
+              &:last-child {
+                margin-bottom: 0;
+              }
+              
+              .pm-page-number {
+                padding: 8px 12px;
+                background: #f3f4f6;
+                font-size: 12px;
+                color: #6b7280;
+                font-weight: 500;
+              }
+              
+              .pm-page-content {
+                padding: 16px;
+                
+                .pm-preview-text {
+                  margin: 0;
+                  font-size: 13px;
+                  line-height: 1.8;
+                  color: #374151;
+                }
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+// 项目详情样式
+.pm-project-detail {
+  .pm-detail-header {
+    margin-bottom: 24px;
+  }
+  
+  .pm-detail-content {
+    background: #fff;
+    border-radius: 12px;
+    padding: 32px;
+    border: 1px solid #e5e7eb;
+  }
+  
+  .pm-detail-title {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    margin-bottom: 24px;
+    
+    h2 {
+      margin: 0;
+      font-size: 22px;
+      font-weight: 600;
+      color: #1f2937;
+    }
+  }
+  
+  .pm-info-edit-toggle {
+    display: flex;
+    align-items: center;
+    justify-content: flex-end;
+    gap: 12px;
+    margin-bottom: 16px;
+    padding: 12px 16px;
+    background: #f9fafb;
+    border-radius: 8px;
+    border: 1px solid #e5e7eb;
+    
+    .toggle-label {
+      font-size: 13px;
+      color: #6b7280;
+    }
+  }
+  
+  .pm-detail-info-grid {
+    
+    &.editing {
+      .pm-info-section {
+        border-color: #c4b5fd;
+        background: #faf5ff;
+      }
+      
+      .pm-info-row {
+        .el-input, .el-select, .el-date-picker {
+          flex: 1;
+        }
+      }
+    }
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 24px;
+    margin-bottom: 32px;
+    
+    .pm-info-column {
+      display: flex;
+      flex-direction: column;
+      gap: 20px;
+    }
+    
+    .pm-info-section {
+      background: #f9fafb;
+      border-radius: 12px;
+      overflow: hidden;
+      border: 1px solid #e5e7eb;
+      
+      &.system {
+        background: #fafafa;
+        
+        .pm-info-section-title {
+          background: #f3f4f6;
+          
+          .el-icon {
+            color: #6b7280;
+          }
+        }
+      }
+      
+      .pm-info-section-title {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        padding: 12px 16px;
+        background: linear-gradient(135deg, #f5f3ff 0%, #ede9fe 100%);
+        border-bottom: 1px solid #e5e7eb;
+        
+        .el-icon {
+          font-size: 16px;
+          color: #8b5cf6;
+        }
+        
+        span {
+          font-size: 14px;
+          font-weight: 600;
+          color: #374151;
+        }
+      }
+      
+      .pm-info-section-content {
+        padding: 16px;
+        
+        .pm-info-row {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          padding: 10px 0;
+          border-bottom: 1px dashed #e5e7eb;
+          
+          &:last-child {
+            border-bottom: none;
+            padding-bottom: 0;
+          }
+          
+          &:first-child {
+            padding-top: 0;
+          }
+          
+          &.highlight {
+            background: linear-gradient(90deg, #fef2f2 0%, transparent 100%);
+            margin: 0 -16px;
+            padding: 12px 16px;
+            border-radius: 8px;
+            border-bottom: none;
+            margin-bottom: 8px;
+          }
+          
+          .label {
+            font-size: 13px;
+            color: #6b7280;
+            flex-shrink: 0;
+          }
+          
+          .value {
+            font-size: 14px;
+            font-weight: 500;
+            color: #1f2937;
+            text-align: right;
+            
+            &.budget {
+              color: #059669;
+              font-size: 16px;
+              font-weight: 600;
+            }
+            
+            &.code {
+              font-family: 'Courier New', monospace;
+              color: #6366f1;
+              font-size: 13px;
+            }
+            
+            &.deadline {
+              color: #ef4444;
+              font-weight: 600;
+              display: flex;
+              align-items: center;
+              gap: 4px;
+              
+              .el-icon {
+                font-size: 14px;
+                animation: pulse 2s infinite;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+  
+  @keyframes pulse {
+    0%, 100% { opacity: 1; }
+    50% { opacity: 0.5; }
+  }
+  
+  .pm-progress-timeline {
+    margin-bottom: 32px;
+    
+    h3 {
+      margin: 0 0 24px 0;
+      font-size: 16px;
+      font-weight: 600;
+      color: #374151;
+    }
+    
+    .pm-step-item {
+      cursor: pointer;
+    }
+    
+    .pm-step-icon {
+      width: 32px;
+      height: 32px;
+      border-radius: 50%;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 14px;
+      font-weight: 600;
+      
+      &.finish {
+        background: #22c55e;
+        color: #fff;
+      }
+      
+      &.process {
+        background: #8b5cf6;
+        color: #fff;
+      }
+      
+      &.wait {
+        background: #e5e7eb;
+        color: #9ca3af;
+      }
+    }
+  }
+  
+  .pm-current-step-detail {
+    .pm-step-detail-card {
+      background: linear-gradient(135deg, #f5f3ff, #ede9fe);
+      border: 1px solid #c4b5fd;
+      border-radius: 12px;
+      padding: 24px;
+      
+      .pm-step-detail-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 16px;
+        
+        h4 {
+          margin: 0;
+          font-size: 18px;
+          font-weight: 600;
+          color: #5b21b6;
+        }
+      }
+      
+      .pm-step-detail-content {
+        .pm-step-desc {
+          margin: 0 0 20px 0;
+          font-size: 14px;
+          color: #6b7280;
+          line-height: 1.6;
+        }
+        
+        .pm-step-actions {
+          display: flex;
+          gap: 12px;
+        }
+      }
+    }
+    
+    // ========== 开标步骤样式 ==========
+    .pm-step-bid-opening {
+      .pm-bid-opening-card {
+        background: #fff;
+        border: 1px solid #e5e7eb;
+        border-radius: 12px;
+        overflow: hidden;
+      }
+      
+      .pm-bid-opening-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 20px 24px;
+        background: linear-gradient(135deg, #f0f9ff 0%, #e0f2fe 100%);
+        border-bottom: 1px solid #bae6fd;
+        
+        .pm-bid-time-info {
+          .pm-bid-time-label {
+            display: flex;
+            align-items: center;
+            gap: 6px;
+            font-size: 13px;
+            color: #6b7280;
+            margin-bottom: 4px;
+            
+            .el-icon {
+              color: #0ea5e9;
+            }
+          }
+          
+          .pm-bid-time-value {
+            font-size: 20px;
+            font-weight: 600;
+            color: #0c4a6e;
+          }
+        }
+        
+        .pm-bid-status {
+          .countdown {
+            margin-left: 4px;
+            font-weight: normal;
+          }
+        }
+      }
+      
+      .pm-bid-opening-info {
+        padding: 20px 24px;
+        display: flex;
+        flex-direction: column;
+        gap: 16px;
+        border-bottom: 1px solid #e5e7eb;
+        
+        .pm-bid-info-item {
+          display: flex;
+          align-items: flex-start;
+          gap: 12px;
+          
+          .pm-bid-info-icon {
+            width: 36px;
+            height: 36px;
+            border-radius: 8px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-shrink: 0;
+            
+            .el-icon {
+              font-size: 18px;
+              color: #fff;
+            }
+            
+            &.location {
+              background: linear-gradient(135deg, #f97316, #ea580c);
+            }
+            
+            &.online {
+              background: linear-gradient(135deg, #3b82f6, #2563eb);
+            }
+            
+            &.person {
+              background: linear-gradient(135deg, #22c55e, #16a34a);
+            }
+          }
+          
+          .pm-bid-info-content {
+            display: flex;
+            flex-direction: column;
+            gap: 4px;
+            
+            .label {
+              font-size: 12px;
+              color: #9ca3af;
+            }
+            
+            .value {
+              font-size: 14px;
+              color: #1f2937;
+              font-weight: 500;
+              display: flex;
+              align-items: center;
+              gap: 8px;
+              
+              &.link {
+                color: #3b82f6;
+                text-decoration: none;
+                
+                &:hover {
+                  text-decoration: underline;
+                }
+              }
+            }
+          }
+        }
+      }
+      
+      .pm-bid-opening-result {
+        padding: 20px 24px;
+        
+        .pm-bid-result-header {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          margin-bottom: 16px;
+          
+          h4 {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            margin: 0;
+            font-size: 16px;
+            font-weight: 600;
+            color: #374151;
+            
+            .el-icon {
+              color: #8b5cf6;
+            }
+          }
+        }
+        
+        .our-company {
+          font-weight: 600;
+          color: #7c3aed;
+        }
+        
+        .price {
+          font-weight: 600;
+          color: #059669;
+        }
+      }
+      
+      .pm-bid-waiting-tip {
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        gap: 8px;
+        padding: 24px;
+        color: #9ca3af;
+        font-size: 14px;
+        
+        .el-icon {
+          font-size: 16px;
+        }
+      }
+    }
+    
+    // ========== 结果公示步骤样式 ==========
+    .pm-step-result-announcement {
+      .pm-result-card {
+        background: #fff;
+        border: 1px solid #e5e7eb;
+        border-radius: 12px;
+        overflow: hidden;
+      }
+      
+      .pm-result-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 20px 24px;
+        background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
+        border-bottom: 1px solid #e9d5ff;
+        
+        .pm-result-title {
+          display: flex;
+          align-items: center;
+          gap: 8px;
+          font-size: 18px;
+          font-weight: 600;
+          color: #7c3aed;
+          
+          .el-icon {
+            font-size: 20px;
+          }
+        }
+      }
+      
+      .pm-result-section {
+        padding: 20px 24px;
+        border-bottom: 1px solid #f3f4f6;
+        
+        &:last-of-type {
+          border-bottom: none;
+        }
+        
+        .pm-result-section-title {
+          display: flex;
+          align-items: center;
+          gap: 8px;
+          font-size: 15px;
+          font-weight: 600;
+          color: #374151;
+          margin-bottom: 16px;
+          
+          .el-icon {
+            color: #8b5cf6;
+          }
+          
+          .pm-section-tip {
+            font-size: 12px;
+            font-weight: normal;
+            color: #9ca3af;
+          }
+        }
+        
+        .pm-result-form {
+          .el-form-item {
+            margin-bottom: 16px;
+          }
+        }
+        
+        .pm-result-score-table {
+          .pm-score-footer {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            margin-top: 12px;
+            padding-top: 12px;
+            border-top: 1px dashed #e5e7eb;
+            
+            .pm-score-total {
+              display: flex;
+              align-items: center;
+              gap: 16px;
+              font-size: 13px;
+              color: #6b7280;
+              
+              .total-item {
+                strong {
+                  font-size: 15px;
+                  margin-left: 4px;
+                  
+                  &.our {
+                    color: #8b5cf6;
+                  }
+                  
+                  &.winner {
+                    color: #059669;
+                  }
+                }
+              }
+            }
+          }
+        }
+        
+        .pm-result-upload {
+          .el-upload-dragger {
+            padding: 20px;
+          }
+        }
+        
+        .pm-result-remarks {
+          .el-textarea__inner {
+            font-size: 14px;
+          }
+        }
+      }
+      
+      .pm-result-actions {
+        display: flex;
+        justify-content: center;
+        gap: 16px;
+        padding: 20px 24px;
+        background: #f9fafb;
+        border-top: 1px solid #e5e7eb;
+      }
+      
+      .pm-result-ai-report {
+        margin: 20px 24px;
+        padding: 20px;
+        background: linear-gradient(135deg, #f0fdf4 0%, #dcfce7 100%);
+        border: 1px solid #86efac;
+        border-radius: 12px;
+        
+        .pm-ai-report-header {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          margin-bottom: 20px;
+          padding-bottom: 16px;
+          border-bottom: 1px solid #86efac;
+          
+          h4 {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            margin: 0;
+            font-size: 16px;
+            font-weight: 600;
+            color: #166534;
+            
+            .el-icon {
+              color: #22c55e;
+            }
+          }
+          
+          .pm-report-time {
+            font-size: 12px;
+            color: #6b7280;
+          }
+        }
+        
+        .pm-ai-report-section {
+          margin-bottom: 20px;
+          
+          &:last-of-type {
+            margin-bottom: 0;
+          }
+          
+          .pm-report-subtitle {
+            font-size: 14px;
+            font-weight: 600;
+            color: #374151;
+            margin-bottom: 12px;
+          }
+          
+          .pm-report-summary {
+            font-size: 14px;
+            color: #374151;
+            line-height: 1.6;
+            margin: 0;
+            padding: 12px;
+            background: rgba(255, 255, 255, 0.6);
+            border-radius: 8px;
+          }
+          
+          .pm-report-reasons {
+            .pm-reason-item {
+              padding: 12px;
+              background: rgba(255, 255, 255, 0.6);
+              border-radius: 8px;
+              margin-bottom: 8px;
+              
+              &:last-child {
+                margin-bottom: 0;
+              }
+              
+              .pm-reason-title {
+                display: flex;
+                align-items: center;
+                gap: 8px;
+                font-weight: 600;
+                color: #374151;
+                margin-bottom: 4px;
+              }
+              
+              .pm-reason-content {
+                margin: 0;
+                font-size: 13px;
+                color: #6b7280;
+                line-height: 1.5;
+              }
+            }
+          }
+          
+          .pm-report-suggestions {
+            margin: 0;
+            padding-left: 20px;
+            
+            li {
+              font-size: 14px;
+              color: #374151;
+              line-height: 1.8;
+            }
+          }
+        }
+        
+        .pm-ai-report-actions {
+          display: flex;
+          justify-content: flex-end;
+          gap: 8px;
+          margin-top: 16px;
+          padding-top: 16px;
+          border-top: 1px dashed #86efac;
+        }
+      }
+    }
+    
+    // ========== 撰写招标文件样式 ==========
+    .pm-write-container {
+      padding: 20px;
+      background: #fff;
+      border-radius: 12px;
+      border: 1px solid #e5e7eb;
+      
+      // 类型选择界面
+      .pm-write-type-selection {
+        .pm-write-type-header {
+          text-align: center;
+          margin-bottom: 32px;
+          
+          h4 {
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            gap: 8px;
+            font-size: 20px;
+            font-weight: 600;
+            color: #1f2937;
+            margin: 0 0 8px 0;
+            
+            .el-icon { color: #8b5cf6; }
+          }
+          
+          p {
+            font-size: 14px;
+            color: #6b7280;
+            margin: 0;
+          }
+        }
+        
+        .pm-write-type-cards {
+          display: flex;
+          gap: 24px;
+          justify-content: center;
+          
+          .pm-write-type-card {
+            width: 320px;
+            padding: 24px;
+            background: #fff;
+            border: 2px solid #e5e7eb;
+            border-radius: 16px;
+            cursor: pointer;
+            transition: all 0.3s;
+            text-align: center;
+            
+            &:hover {
+              border-color: #8b5cf6;
+              box-shadow: 0 8px 24px rgba(139, 92, 246, 0.15);
+              transform: translateY(-4px);
+            }
+            
+            .pm-type-icon {
+              width: 64px;
+              height: 64px;
+              border-radius: 16px;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              margin: 0 auto 16px;
+              
+              .el-icon { font-size: 28px; color: #fff; }
+              
+              &.business { background: linear-gradient(135deg, #f59e0b 0%, #fbbf24 100%); }
+              &.technical { background: linear-gradient(135deg, #8b5cf6 0%, #a78bfa 100%); }
+            }
+            
+            h5 {
+              font-size: 18px;
+              font-weight: 600;
+              color: #1f2937;
+              margin: 0 0 8px 0;
+            }
+            
+            > p {
+              font-size: 13px;
+              color: #6b7280;
+              margin: 0 0 16px 0;
+              line-height: 1.5;
+            }
+            
+            .pm-type-steps {
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              gap: 6px;
+              font-size: 12px;
+              color: #9ca3af;
+              flex-wrap: wrap;
+              
+              .el-icon { font-size: 10px; }
+            }
+          }
+        }
+      }
+      
+      // 编写流程界面
+      .pm-write-workflow {
+        .pm-write-header {
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          position: relative;
+          margin-bottom: 20px;
+          padding-bottom: 16px;
+          border-bottom: 1px solid #e5e7eb;
+          
+          .pm-write-type-badge {
+            position: absolute;
+            left: 0;
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            padding: 8px 16px;
+            border-radius: 8px;
+            font-size: 14px;
+            font-weight: 500;
+            
+            .el-icon { font-size: 18px; }
+            
+            &.business {
+              background: #fef3c7;
+              color: #d97706;
+            }
+            
+            &.technical {
+              background: #ede9fe;
+              color: #7c3aed;
+            }
+          }
+          
+          .pm-write-progress-nodes {
+            display: flex;
+            align-items: center;
+            
+            .pm-write-node {
+              display: flex;
+              align-items: center;
+              position: relative;
+              
+              .pm-node-dot {
+                width: 28px;
+                height: 28px;
+                border-radius: 50%;
+                background: #e5e7eb;
+                display: flex;
+                align-items: center;
+                justify-content: center;
+                font-size: 12px;
+                font-weight: 600;
+                color: #9ca3af;
+                transition: all 0.3s;
+              }
+              
+              .pm-node-text {
+                margin-left: 8px;
+                font-size: 13px;
+                color: #6b7280;
+                white-space: nowrap;
+              }
+              
+              .pm-node-line {
+                width: 40px;
+                height: 2px;
+                background: #e5e7eb;
+                margin: 0 8px;
+              }
+              
+              &.active {
+                .pm-node-dot {
+                  background: #8b5cf6;
+                  color: #fff;
+                }
+                .pm-node-text { color: #8b5cf6; font-weight: 500; }
+              }
+              
+              &.completed {
+                .pm-node-dot {
+                  background: #10b981;
+                  color: #fff;
+                }
+                .pm-node-line { background: #10b981; }
+                .pm-node-text { color: #10b981; }
+              }
+              
+              &.clickable { cursor: pointer; }
+            }
+          }
+        }
+        
+        // 三分栏布局
+        .pm-write-three-column {
+          display: flex;
+          gap: 16px;
+          height: calc(100vh - 280px);
+          min-height: 600px;
+          
+          .pm-column-left {
+            width: 20%;
+            background: #fff;
+            border: 1px solid #e5e7eb;
+            border-radius: 12px;
+            display: flex;
+            flex-direction: column;
+            overflow: hidden;
+            
+            .pm-column-header {
+              padding: 16px;
+              border-bottom: 1px solid #e5e7eb;
+              
+              h5 {
+                margin: 0;
+                font-size: 15px;
+                font-weight: 600;
+                color: #1f2937;
+                display: flex;
+                align-items: center;
+                gap: 8px;
+                
+                .el-icon { color: #8b5cf6; }
+              }
+            }
+            
+            .pm-outline-nav {
+              flex: 1;
+              overflow-y: auto;
+              padding: 12px;
+              
+              .el-tree {
+                background: transparent;
+                
+                .el-tree-node__content {
+                  height: 36px;
+                  border-radius: 6px;
+                  
+                  &:hover {
+                    background: #f3f4f6;
+                  }
+                }
+                
+                .el-tree-node.is-current > .el-tree-node__content {
+                  background: #ede9fe;
+                  color: #7c3aed;
+                }
+              }
+              
+              .pm-outline-nav-item {
+                font-size: 13px;
+                
+                &.active {
+                  color: #7c3aed;
+                  font-weight: 500;
+                }
+              }
+            }
+          }
+          
+          .pm-column-middle {
+            width: 40%;
+            background: #fff;
+            border: 1px solid #e5e7eb;
+            border-radius: 12px;
+            display: flex;
+            flex-direction: column;
+            overflow: hidden;
+            
+            .pm-column-header {
+              padding: 12px 16px;
+              border-bottom: 1px solid #e5e7eb;
+              display: flex;
+              justify-content: space-between;
+              align-items: center;
+              
+              h5 {
+                margin: 0;
+                font-size: 15px;
+                font-weight: 600;
+                color: #1f2937;
+                display: flex;
+                align-items: center;
+                gap: 8px;
+                
+                .el-icon { color: #8b5cf6; }
+              }
+              
+              .pm-editor-toolbar {
+                display: flex;
+                align-items: center;
+                gap: 8px;
+              }
+            }
+            
+            .pm-editor-content {
+              flex: 1;
+              overflow-y: auto;
+              padding: 20px;
+              background: #f9fafb;
+              
+              .pm-document-paper {
+                background: #fff;
+                min-height: 100%;
+                padding: 40px;
+                box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+                border-radius: 4px;
+                
+                .pm-document-title {
+                  font-size: 22px;
+                  font-weight: bold;
+                  text-align: center;
+                  margin-bottom: 30px;
+                  padding: 8px;
+                  border: 1px dashed transparent;
+                  outline: none;
+                  
+                  &:hover {
+                    border-color: #d1d5db;
+                  }
+                  
+                  &:focus {
+                    border-color: #8b5cf6;
+                    background: #faf5ff;
+                  }
+                }
+                
+                .pm-document-body {
+                  line-height: 1.8;
+                  white-space: pre-wrap;
+                  padding: 8px;
+                  border: 1px dashed transparent;
+                  outline: none;
+                  min-height: 300px;
+                  
+                  &:hover {
+                    border-color: #d1d5db;
+                  }
+                  
+                  &:focus {
+                    border-color: #8b5cf6;
+                    background: #faf5ff;
+                  }
+                }
+              }
+            }
+            
+            .pm-editor-footer {
+              padding: 12px 16px;
+              border-top: 1px solid #e5e7eb;
+              display: flex;
+              justify-content: flex-end;
+              gap: 12px;
+            }
+          }
+          
+          .pm-column-right {
+            width: 40%;
+            background: #fff;
+            border: 1px solid #e5e7eb;
+            border-radius: 12px;
+            display: flex;
+            flex-direction: column;
+            overflow: hidden;
+            
+            .pm-column-header {
+              padding: 16px;
+              border-bottom: 1px solid #e5e7eb;
+              
+              h5 {
+                margin: 0;
+                font-size: 15px;
+                font-weight: 600;
+                color: #1f2937;
+                display: flex;
+                align-items: center;
+                gap: 8px;
+                
+                .el-icon { color: #8b5cf6; }
+              }
+            }
+            
+            .pm-ai-chat {
+              flex: 1;
+              display: flex;
+              flex-direction: column;
+              overflow: hidden;
+              
+              .pm-chat-messages {
+                flex: 1;
+                overflow-y: auto;
+                padding: 16px;
+                
+                .pm-chat-message {
+                  display: flex;
+                  gap: 12px;
+                  margin-bottom: 16px;
+                  
+                  .pm-message-avatar {
+                    width: 36px;
+                    height: 36px;
+                    border-radius: 50%;
+                    display: flex;
+                    align-items: center;
+                    justify-content: center;
+                    flex-shrink: 0;
+                    
+                    .el-icon {
+                      font-size: 18px;
+                    }
+                  }
+                  
+                  .pm-message-content {
+                    flex: 1;
+                    
+                    .pm-message-text {
+                      padding: 12px 16px;
+                      border-radius: 12px;
+                      font-size: 14px;
+                      line-height: 1.6;
+                    }
+                    
+                    .pm-message-time {
+                      font-size: 11px;
+                      color: #9ca3af;
+                      margin-top: 4px;
+                      padding-left: 4px;
+                    }
+                  }
+                  
+                  &.assistant {
+                    .pm-message-avatar {
+                      background: linear-gradient(135deg, #8b5cf6, #6366f1);
+                      color: #fff;
+                    }
+                    
+                    .pm-message-text {
+                      background: #f3f4f6;
+                      color: #374151;
+                    }
+                  }
+                  
+                  &.user {
+                    flex-direction: row-reverse;
+                    
+                    .pm-message-avatar {
+                      background: #e0e7ff;
+                      color: #4f46e5;
+                    }
+                    
+                    .pm-message-content {
+                      text-align: right;
+                    }
+                    
+                    .pm-message-text {
+                      background: #8b5cf6;
+                      color: #fff;
+                      display: inline-block;
+                    }
+                  }
+                  
+                  .pm-typing {
+                    display: flex;
+                    gap: 4px;
+                    padding: 16px !important;
+                    
+                    span {
+                      width: 8px;
+                      height: 8px;
+                      background: #9ca3af;
+                      border-radius: 50%;
+                      animation: typing 1.4s infinite;
+                      
+                      &:nth-child(2) { animation-delay: 0.2s; }
+                      &:nth-child(3) { animation-delay: 0.4s; }
+                    }
+                  }
+                }
+              }
+              
+              .pm-chat-input {
+                padding: 16px;
+                border-top: 1px solid #e5e7eb;
+                
+                .el-textarea__inner {
+                  resize: none;
+                }
+                
+                .pm-chat-actions {
+                  display: flex;
+                  justify-content: space-between;
+                  align-items: center;
+                  margin-top: 12px;
+                  
+                  .pm-chat-tip {
+                    font-size: 12px;
+                    color: #9ca3af;
+                  }
+                }
+              }
+            }
+          }
+        }
+        
+        @keyframes typing {
+          0%, 60%, 100% { transform: translateY(0); }
+          30% { transform: translateY(-6px); }
+        }
+        
+        .pm-write-content {
+          .pm-write-step-content {
+            .pm-write-body {
+              display: flex;
+              gap: 20px;
+              height: 600px;
+              
+              .pm-write-left {
+                flex: 1;
+                background: #fff;
+                border: 1px solid #e5e7eb;
+                border-radius: 12px;
+                display: flex;
+                flex-direction: column;
+                overflow: hidden;
+                
+                .pm-outline-header {
+                  display: flex;
+                  justify-content: space-between;
+                  align-items: center;
+                  padding: 12px 16px;
+                  background: #f9fafb;
+                  border-bottom: 1px solid #e5e7eb;
+                  
+                  h5 {
+                    display: flex;
+                    align-items: center;
+                    gap: 8px;
+                    margin: 0;
+                    font-size: 14px;
+                    font-weight: 600;
+                    color: #374151;
+                    
+                    .el-icon { color: #8b5cf6; }
+                  }
+                  
+                  .pm-outline-actions {
+                    display: flex;
+                    gap: 8px;
+                  }
+                }
+                
+                .pm-outline-tree {
+                  flex: 1;
+                  overflow-y: auto;
+                  padding: 16px;
+                  
+                  .pm-outline-node {
+                    display: flex;
+                    align-items: center;
+                    justify-content: space-between;
+                    width: 100%;
+                    padding: 4px 0;
+                    
+                    .pm-outline-title {
+                      font-size: 13px;
+                      color: #374151;
+                    }
+                    
+                    .pm-outline-node-actions {
+                      display: none;
+                    }
+                    
+                    &:hover .pm-outline-node-actions {
+                      display: flex;
+                      gap: 4px;
+                    }
+                  }
+                }
+              }
+              
+              .pm-write-right {
+                width: 400px;
+                flex-shrink: 0;
+                background: #fff;
+                border: 1px solid #e5e7eb;
+                border-radius: 12px;
+                display: flex;
+                flex-direction: column;
+                overflow: hidden;
+              }
+            }
+            
+            .pm-write-step-footer {
+              display: flex;
+              justify-content: flex-end;
+              gap: 12px;
+              padding-top: 16px;
+              margin-top: 16px;
+              border-top: 1px solid #e5e7eb;
+            }
+          }
+          
+          // 材料智能匹配填充
+          .pm-material-match-container {
+            background: #fff;
+            border: 1px solid #e5e7eb;
+            border-radius: 12px;
+            padding: 24px;
+            
+            .pm-material-header {
+              margin-bottom: 20px;
+              padding-bottom: 16px;
+              border-bottom: 1px solid #e5e7eb;
+              
+              h4 {
+                display: flex;
+                align-items: center;
+                gap: 8px;
+                font-size: 18px;
+                font-weight: 600;
+                color: #7c3aed;
+                margin: 0 0 8px 0;
+                
+                .el-icon { color: #7c3aed; }
+              }
+              
+              p {
+                font-size: 13px;
+                color: #6b7280;
+                margin: 0;
+              }
+            }
+            
+            .pm-material-filter {
+              display: flex;
+              align-items: center;
+              gap: 16px;
+              padding: 16px;
+              background: #f9fafb;
+              border-radius: 8px;
+              margin-bottom: 20px;
+              
+              .pm-filter-label {
+                display: flex;
+                align-items: center;
+                gap: 6px;
+                font-size: 13px;
+                color: #374151;
+                white-space: nowrap;
+                
+                .el-icon { color: #6b7280; }
+              }
+              
+              .pm-filter-controls {
+                display: flex;
+                align-items: center;
+                gap: 12px;
+                flex-wrap: wrap;
+              }
+            }
+            
+            .pm-material-list {
+              .pm-material-item {
+                border: 1px solid #e5e7eb;
+                border-radius: 8px;
+                margin-bottom: 16px;
+                overflow: hidden;
+                
+                &:last-child { margin-bottom: 0; }
+                
+                .pm-material-item-header {
+                  display: flex;
+                  align-items: center;
+                  justify-content: space-between;
+                  padding: 12px 16px;
+                  background: #f9fafb;
+                  border-bottom: 1px solid #e5e7eb;
+                  
+                  .pm-material-title {
+                    font-size: 14px;
+                    font-weight: 600;
+                    color: #7c3aed;
+                  }
+                  
+                  .pm-material-actions {
+                    display: flex;
+                    gap: 8px;
+                  }
+                }
+                
+                .pm-material-item-content {
+                  padding: 16px;
+                  min-height: 60px;
+                  
+                  .pm-material-empty {
+                    color: #9ca3af;
+                    font-size: 13px;
+                    text-align: center;
+                  }
+                  
+                  .pm-material-files {
+                    display: flex;
+                    flex-wrap: wrap;
+                    gap: 8px;
+                    
+                    .pm-file-tag {
+                      display: flex;
+                      align-items: center;
+                      gap: 6px;
+                      padding: 6px 12px;
+                      background: #ede9fe;
+                      color: #7c3aed;
+                      border-radius: 4px;
+                      font-size: 13px;
+                      
+                      .pm-file-tag-content {
+                        display: flex;
+                        align-items: center;
+                        gap: 6px;
+                        cursor: pointer;
+                        
+                        &:hover {
+                          text-decoration: underline;
+                        }
+                      }
+                      
+                      .pm-file-close {
+                        cursor: pointer;
+                        opacity: 0.6;
+                        transition: opacity 0.2s;
+                        
+                        &:hover { opacity: 1; }
+                      }
+                    }
+                  }
+                }
+              }
+            }
+          }
+          
+          .pm-footer-between {
+            justify-content: space-between !important;
+          }
+          
+          // 添加文件弹窗样式
+          .pm-dialog-header {
+            span {
+              font-weight: 600;
+            }
+            
+            .pm-dialog-subtitle {
+              font-weight: 400;
+              color: #6b7280;
+              margin-left: 8px;
+            }
+          }
+          
+          .pm-add-file-content {
+            .pm-file-upload-area {
+              margin-bottom: 16px;
+              
+              .pm-upload-icon {
+                font-size: 40px;
+                color: #8b5cf6;
+              }
+              
+              .pm-upload-text {
+                font-size: 14px;
+                color: #374151;
+                margin-top: 8px;
+                
+                .pm-upload-link {
+                  color: #8b5cf6;
+                  cursor: pointer;
+                }
+              }
+              
+              .pm-upload-tip {
+                font-size: 12px;
+                color: #9ca3af;
+                margin-top: 4px;
+              }
+            }
+            
+            .pm-file-filter {
+              display: flex;
+              align-items: center;
+              gap: 12px;
+              margin-bottom: 16px;
+              padding: 12px;
+              background: #f9fafb;
+              border-radius: 8px;
+            }
+            
+            .pm-file-name-cell {
+              display: flex;
+              align-items: center;
+              gap: 8px;
+              
+              .el-icon { color: #6b7280; }
+            }
+          }
+          
+          // 文件预览弹窗
+          .pm-file-preview-content {
+            .pm-preview-meta {
+              display: flex;
+              align-items: center;
+              gap: 16px;
+              padding-bottom: 16px;
+              border-bottom: 1px solid #e5e7eb;
+              margin-bottom: 20px;
+              font-size: 13px;
+              color: #6b7280;
+            }
+            
+            .pm-preview-details {
+              padding: 20px;
+              background: #fef2f2;
+              border: 1px solid #fecaca;
+              border-radius: 8px;
+              
+              .pm-preview-icon {
+                text-align: center;
+                margin-bottom: 12px;
+              }
+              
+              .pm-preview-info-list {
+                margin-top: 16px;
+                
+                .pm-preview-info-item {
+                  display: flex;
+                  padding: 8px 0;
+                  border-bottom: 1px dashed #fecaca;
+                  
+                  &:last-child { border-bottom: none; }
+                  
+                  .pm-info-label {
+                    font-weight: 500;
+                    color: #374151;
+                    min-width: 140px;
+                  }
+                  
+                  .pm-info-value {
+                    color: #1f2937;
+                  }
+                }
+              }
+            }
+            
+            .pm-preview-placeholder {
+              text-align: center;
+              padding: 40px;
+              
+              p {
+                margin: 12px 0 0;
+                color: #374151;
+                font-size: 14px;
+              }
+              
+              .pm-preview-tip {
+                color: #9ca3af;
+                font-size: 12px;
+              }
+            }
+          }
+          
+          // 技术项生成
+          .pm-tech-gen-container {
+            background: #fff;
+            border: 1px solid #e5e7eb;
+            border-radius: 12px;
+            padding: 24px;
+            
+            .pm-tech-gen-header {
+              margin-bottom: 20px;
+              
+              h5 {
+                display: flex;
+                align-items: center;
+                gap: 8px;
+                font-size: 16px;
+                font-weight: 600;
+                color: #1f2937;
+                margin: 0 0 8px 0;
+                
+                .el-icon { color: #8b5cf6; }
+              }
+              
+              p {
+                font-size: 13px;
+                color: #6b7280;
+                margin: 0;
+              }
+            }
+            
+            .pm-tech-sections {
+              .pm-tech-section {
+                padding: 16px;
+                background: #f9fafb;
+                border-radius: 8px;
+                margin-bottom: 12px;
+                
+                &:last-child { margin-bottom: 0; }
+                
+                .pm-tech-section-header {
+                  display: flex;
+                  align-items: center;
+                  justify-content: space-between;
+                  margin-bottom: 8px;
+                  
+                  .pm-tech-section-title {
+                    font-size: 14px;
+                    font-weight: 500;
+                    color: #374151;
+                  }
+                }
+              }
+            }
+          }
+          
+          // 标书样式
+          .pm-style-container {
+            background: #fff;
+            border: 1px solid #e5e7eb;
+            border-radius: 12px;
+            padding: 24px;
+            
+            .pm-style-header {
+              margin-bottom: 24px;
+              
+              h5 {
+                display: flex;
+                align-items: center;
+                gap: 8px;
+                font-size: 16px;
+                font-weight: 600;
+                color: #1f2937;
+                margin: 0 0 8px 0;
+                
+                .el-icon { color: #8b5cf6; }
+              }
+              
+              p {
+                font-size: 13px;
+                color: #6b7280;
+                margin: 0;
+              }
+            }
+            
+            .pm-style-section {
+              margin-bottom: 24px;
+              
+              &:last-child { margin-bottom: 0; }
+              
+              .pm-style-section-header {
+                display: flex;
+                align-items: center;
+                justify-content: space-between;
+                margin-bottom: 12px;
+                
+                .pm-style-section-title {
+                  font-size: 15px;
+                  font-weight: 600;
+                  color: #374151;
+                }
+              }
+              
+              .pm-style-table {
+                :deep(.el-table) {
+                  font-size: 13px;
+                }
+                
+                .el-input, .el-select {
+                  width: 100%;
+                }
+              }
+            }
+          }
+          
+          // 标书生成
+          .pm-generate-container {
+            background: #fff;
+            border: 1px solid #e5e7eb;
+            border-radius: 12px;
+            padding: 24px;
+            
+            .pm-generate-header {
+              margin-bottom: 24px;
+              
+              h5 {
+                display: flex;
+                align-items: center;
+                gap: 8px;
+                font-size: 16px;
+                font-weight: 600;
+                color: #1f2937;
+                margin: 0 0 8px 0;
+                
+                .el-icon { color: #8b5cf6; }
+              }
+              
+              p {
+                font-size: 13px;
+                color: #6b7280;
+                margin: 0;
+              }
+            }
+            
+            .pm-generate-preview {
+              display: flex;
+              align-items: center;
+              justify-content: space-between;
+              padding: 20px;
+              background: #f9fafb;
+              border-radius: 8px;
+              
+              .pm-generate-doc {
+                display: flex;
+                align-items: center;
+                gap: 16px;
+                
+                .pm-doc-icon {
+                  font-size: 48px;
+                  color: #3b82f6;
+                }
+                
+                .pm-doc-info {
+                  display: flex;
+                  flex-direction: column;
+                  gap: 4px;
+                  
+                  .pm-doc-name {
+                    font-size: 15px;
+                    font-weight: 500;
+                    color: #1f2937;
+                  }
+                  
+                  .pm-doc-size {
+                    font-size: 12px;
+                    color: #6b7280;
+                  }
+                }
+              }
+              
+              .pm-generate-actions {
+                display: flex;
+                gap: 12px;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+.pm-project-list {
+  margin-top: 20px;
+  
+  .project-name-link {
+    color: #8b5cf6;
+    cursor: pointer;
+    font-weight: 500;
+    
+    &:hover {
+      color: #7c3aed;
+      text-decoration: underline;
+    }
+  }
+}
+
+.project-list {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(400px, 1fr));
+  gap: 20px;
+  margin-top: 20px;
+}
+
+.project-card {
+  background: #fff;
+  border: 1px solid #e5e7eb;
+  border-radius: 12px;
+  padding: 20px;
+  cursor: pointer;
+  transition: all 0.3s;
+  
+  &:hover {
+    transform: translateY(-4px);
+    box-shadow: 0 8px 24px rgba(0, 0, 0, 0.1);
+    border-color: #7c3aed;
+  }
+  
+  &.completed {
+    border-color: #d1d5db;
+    
+    &:hover {
+      border-color: #10b981;
+    }
+  }
+}
+
+.project-card-header {
+  margin-bottom: 16px;
+  
+  .project-title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 12px;
+    
+    h4 {
+      margin: 0;
+      font-size: 16px;
+      font-weight: 600;
+      color: #1f2937;
+      flex: 1;
+      margin-right: 12px;
+    }
+  }
+  
+  .project-meta {
+    display: flex;
+    flex-direction: column;
+    gap: 6px;
+    
+    .meta-item {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      font-size: 13px;
+      color: #6b7280;
+      
+      .el-icon {
+        font-size: 14px;
+      }
+    }
+  }
+}
+
+.project-progress-bar {
+  .progress-info {
+    display: flex;
+    justify-content: space-between;
+    margin-bottom: 8px;
+    font-size: 13px;
+    color: #6b7280;
+  }
+}
+
+.project-result {
+  margin-top: 12px;
+  padding-top: 12px;
+  border-top: 1px solid #f3f4f6;
+  
+  .result-status {
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    
+    .bid-amount {
+      font-size: 14px;
+      font-weight: 600;
+      color: #10b981;
+      display: flex;
+      align-items: center;
+      gap: 4px;
+    }
+    
+    .fail-reason {
+      font-size: 13px;
+      color: #ef4444;
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      padding: 6px 10px;
+      background: #fef2f2;
+      border-radius: 6px;
+      border: 1px solid #fecaca;
+      
+      .el-icon {
+        font-size: 14px;
+      }
+    }
+  }
+}
+
+.project-detail {
+  .detail-header {
+    margin-bottom: 24px;
+  }
+  
+  .detail-content {
+    background: #fff;
+    border-radius: 12px;
+    padding: 24px;
+  }
+  
+  .detail-title {
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    margin-bottom: 24px;
+    padding-bottom: 16px;
+    border-bottom: 2px solid #f3f4f6;
+    
+    h2 {
+      margin: 0;
+      font-size: 24px;
+      font-weight: 600;
+      color: #1f2937;
+    }
+  }
+  
+  .detail-info {
+    display: grid;
+    grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
+    gap: 16px;
+    margin-bottom: 32px;
+    padding: 20px;
+    background: #f9fafb;
+    border-radius: 8px;
+    
+    .info-item {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      
+      &.full-width {
+        grid-column: 1 / -1;
+      }
+      
+      .info-label {
+        font-size: 14px;
+        color: #6b7280;
+        font-weight: 500;
+      }
+      
+      .info-value {
+        font-size: 14px;
+        color: #1f2937;
+        
+        &.bid-amount-highlight {
+          font-size: 16px;
+          font-weight: 600;
+          color: #10b981;
+        }
+        
+        &.fail-reason-highlight {
+          display: flex;
+          align-items: center;
+          gap: 6px;
+          color: #ef4444;
+          font-weight: 500;
+          padding: 8px 12px;
+          background: #fef2f2;
+          border-radius: 6px;
+          border: 1px solid #fecaca;
+          
+          .el-icon {
+            font-size: 16px;
+          }
+        }
+      }
+    }
+  }
+  
+  .project-timeline {
+    h3 {
+      font-size: 18px;
+      font-weight: 600;
+      color: #1f2937;
+      margin-bottom: 24px;
+    }
+    
+    :deep(.el-steps) {
+      margin-top: 20px;
+    }
+  }
+  
+  .progress-actions {
+    margin-top: 32px;
+    
+    h3 {
+      font-size: 18px;
+      font-weight: 600;
+      color: #1f2937;
+      margin-bottom: 20px;
+    }
+    
+    .action-cards {
+      display: grid;
+      gap: 16px;
+    }
+    
+    .action-card {
+      background: #fff;
+      border: 2px solid #e5e7eb;
+      border-radius: 12px;
+      padding: 16px;
+      transition: all 0.3s;
+      
+      &.active {
+        border-color: #7c3aed;
+        background: linear-gradient(135deg, #faf5ff 0%, #f3e8ff 100%);
+        box-shadow: 0 4px 12px rgba(124, 58, 237, 0.15);
+      }
+      
+      &.completed {
+        border-color: #d1fae5;
+        background: #f0fdf4;
+      }
+      
+      .action-card-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        margin-bottom: 12px;
+        
+        .action-title {
+          display: flex;
+          align-items: center;
+          gap: 10px;
+          font-size: 16px;
+          font-weight: 600;
+          color: #1f2937;
+          
+          .el-icon {
+            font-size: 20px;
+            
+            &.rotating {
+              animation: rotating 2s linear infinite;
+            }
+          }
+        }
+      }
+      
+      .action-card-body {
+        .action-desc {
+          color: #6b7280;
+          font-size: 14px;
+          margin-bottom: 12px;
+        }
+        
+        .action-buttons {
+          display: flex;
+          gap: 8px;
+          flex-wrap: wrap;
+        }
+      }
+    }
+  }
+}
+
+@keyframes rotating {
+  from { transform: rotate(0deg); }
+  to { transform: rotate(360deg); }
+}
+
+// 图纸识别样式
+.drawing-workspace {
+  display: flex;
+  gap: 24px;
+  margin-top: 24px;
+  
+  .drawing-preview {
+    flex: 2;
+    background: #f9fafb;
+    border-radius: 12px;
+    padding: 24px;
+    min-height: 500px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    
+    .empty-state {
+      text-align: center;
+      color: #9ca3af;
+      
+      .empty-icon {
+        font-size: 64px;
+        margin-bottom: 16px;
+      }
+    }
+    
+    .drawing-viewer {
+      width: 100%;
+      position: relative;
+      
+      img {
+        width: 100%;
+        border-radius: 8px;
+      }
+      
+      .drawing-tools {
+        position: absolute;
+        top: 16px;
+        right: 16px;
+      }
+    }
+  }
+  
+  .drawing-info {
+    flex: 1;
+    
+    h4 {
+      font-size: 16px;
+      font-weight: 600;
+      margin-bottom: 16px;
+      color: #1f2937;
+    }
+    
+    .info-list {
+      .info-item {
+        margin-bottom: 16px;
+        
+        .label {
+          font-size: 14px;
+          color: #6b7280;
+          display: block;
+          margin-bottom: 4px;
+        }
+        
+        .value {
+          font-size: 14px;
+          color: #1f2937;
+          font-weight: 500;
+        }
+        
+        .tags {
+          display: flex;
+          flex-wrap: wrap;
+          gap: 8px;
+          margin-top: 8px;
+        }
+      }
+    }
+  }
+}
+
+// 格式统一样式
+.format-settings {
+  background: #f9fafb;
+  border-radius: 12px;
+  padding: 24px;
+  margin-bottom: 24px;
+}
+
+.file-list-panel {
+  h4 {
+    font-size: 16px;
+    font-weight: 600;
+    margin-bottom: 16px;
+    color: #1f2937;
+  }
+}
+
+// 索引生成样式
+.index-config {
+  background: #f9fafb;
+  border-radius: 12px;
+  padding: 24px;
+  margin-bottom: 24px;
+}
+
+.index-preview {
+  h4 {
+    font-size: 16px;
+    font-weight: 600;
+    margin-bottom: 16px;
+    color: #1f2937;
+  }
+  
+  .index-tree {
+    background: #fff;
+    border: 1px solid #e5e7eb;
+    border-radius: 8px;
+    padding: 16px;
+    
+    .index-item {
+      display: flex;
+      align-items: center;
+      padding: 8px 0;
+      font-size: 14px;
+      
+      .index-title {
+        color: #1f2937;
+      }
+      
+      .index-dots {
+        flex: 1;
+        border-bottom: 1px dotted #d1d5db;
+        margin: 0 12px;
+      }
+      
+      .index-page {
+        color: #6b7280;
+      }
+    }
+  }
+}
+
+// 完整性检查样式
+.check-details {
+  margin-top: 24px;
+  
+  .check-item {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    padding: 12px;
+    background: #f9fafb;
+    border-radius: 8px;
+    margin-bottom: 8px;
+    
+    span {
+      flex: 1;
+      font-size: 14px;
+      color: #1f2937;
+    }
+  }
+}
+
+// 评分模拟样式
+.score-overview {
+  .total-score {
+    text-align: center;
+    padding: 40px;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    border-radius: 16px;
+    color: #fff;
+    margin-bottom: 32px;
+    
+    .score-circle {
+      display: flex;
+      align-items: baseline;
+      justify-content: center;
+      margin-bottom: 16px;
+      
+      .score-value {
+        font-size: 72px;
+        font-weight: 700;
+      }
+      
+      .score-max {
+        font-size: 32px;
+        opacity: 0.8;
+        margin-left: 8px;
+      }
+    }
+    
+    .score-label {
+      font-size: 18px;
+      margin-bottom: 16px;
+      opacity: 0.9;
+    }
+  }
+  
+  .score-breakdown {
+    display: grid;
+    gap: 24px;
+    
+    .score-category {
+      background: #fff;
+      border: 1px solid #e5e7eb;
+      border-radius: 12px;
+      padding: 20px;
+      
+      .category-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 12px;
+        
+        .category-name {
+          font-size: 16px;
+          font-weight: 600;
+          color: #1f2937;
+        }
+        
+        .category-score {
+          font-size: 18px;
+          font-weight: 600;
+          color: #7c3aed;
+        }
+      }
+      
+      .category-items {
+        margin-top: 16px;
+        
+        .score-item {
+          display: flex;
+          justify-content: space-between;
+          padding: 8px 0;
+          font-size: 14px;
+          border-bottom: 1px solid #f3f4f6;
+          
+          &:last-child {
+            border-bottom: none;
+          }
+          
+          .item-name {
+            color: #6b7280;
+          }
+          
+          .item-score {
+            color: #1f2937;
+            font-weight: 500;
+          }
+        }
+      }
+    }
+  }
+}
+
+.improvement-suggestions {
+  margin-top: 32px;
+  
+  h4 {
+    font-size: 18px;
+    font-weight: 600;
+    color: #1f2937;
+    margin-bottom: 16px;
+  }
+  
+  .suggestion-item {
+    display: flex;
+    gap: 12px;
+    padding: 16px;
+    background: #fffbeb;
+    border: 1px solid #fde68a;
+    border-radius: 12px;
+    margin-bottom: 12px;
+    
+    .suggestion-content {
+      flex: 1;
+      
+      .suggestion-title {
+        font-size: 15px;
+        font-weight: 600;
+        color: #92400e;
+        margin-bottom: 4px;
+      }
+      
+      .suggestion-desc {
+        font-size: 14px;
+        color: #78350f;
+        margin-bottom: 8px;
+      }
+      
+      .suggestion-impact {
+        font-size: 13px;
+        color: #10b981;
+        font-weight: 600;
+      }
+    }
+  }
+}
+
+// 技术参数解析样式
+.tech-params-result {
+  margin-top: 24px;
+}
+
+// 文件智能识别样式 - 全宽布局
+.file-recognition-empty {
+  margin-top: 24px;
+  
+  .upload-card-full {
+    background: #fff;
+    border: 1px solid #e5e7eb;
+    border-radius: 12px;
+    padding: 48px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    max-width: 600px;
+    margin: 0 auto;
+    
+    .upload-dragger {
+      width: 100%;
+      
+      :deep(.el-upload) {
+        width: 100%;
+        border: none;
+      }
+      
+      :deep(.el-upload-dragger) {
+        width: 100%;
+        height: auto;
+        min-height: 200px;
+        border: 2px dashed #d1d5db;
+        border-radius: 12px;
+        background: #fafbfc;
+        padding: 40px 24px;
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+        justify-content: center;
+        transition: all 0.3s;
+        
+        &:hover {
+          border-color: #8b5cf6;
+          background: #f5f3ff;
+        }
+      }
+    }
+    
+    .upload-icon-area {
+      margin-bottom: 16px;
+    }
+    
+    .upload-title {
+      font-size: 16px;
+      font-weight: 500;
+      color: #1f2937;
+      margin: 0 0 8px 0;
+      text-align: center;
+    }
+    
+    .upload-hint {
+      font-size: 13px;
+      color: #6b7280;
+      margin: 0;
+      text-align: center;
+      line-height: 1.5;
+    }
+    
+    .selected-file-info {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      width: 100%;
+      margin-top: 20px;
+      padding: 12px 16px;
+      background: #f5f3ff;
+      border: 1px solid #c4b5fd;
+      border-radius: 8px;
+      
+      .file-name {
+        flex: 1;
+        font-size: 14px;
+        color: #374151;
+        font-weight: 500;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+      }
+    }
+    
+    .analyze-btn {
+      width: 100%;
+      height: 48px;
+      margin-top: 24px;
+      font-size: 16px;
+      font-weight: 500;
+      border-radius: 10px;
+      background: linear-gradient(135deg, #8b5cf6, #7c3aed);
+      border-color: #8b5cf6;
+      
+      &:hover:not(:disabled) {
+        background: linear-gradient(135deg, #7c3aed, #6d28d9);
+        border-color: #7c3aed;
+      }
+      
+      &:disabled {
+        background: #d1d5db;
+        border-color: #d1d5db;
+      }
+    }
+  }
+}
+
+// 旧样式保留兼容
+.upload-area-container {
+  margin-top: 24px;
+  
+  .full-upload {
+    width: 100%;
+    
+    :deep(.el-upload) {
+      width: 100%;
+      border: none;
+    }
+    
+    :deep(.el-upload-dragger) {
+      width: 100%;
+      height: 400px;
+      border: 2px dashed #d1d5db;
+      border-radius: 16px;
+      background: #fafafa;
+      transition: all 0.3s;
+      
+      &:hover {
+        border-color: #7c3aed;
+        background: #f5f3ff;
+      }
+    }
+  }
+  
+  .upload-box {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    height: 100%;
+    
+    .upload-plus-icon {
+      font-size: 80px;
+      color: #7c3aed;
+      margin-bottom: 24px;
+    }
+    
+    .upload-title {
+      font-size: 20px;
+      font-weight: 600;
+      color: #1f2937;
+      margin: 0 0 12px 0;
+    }
+    
+    .upload-hint {
+      font-size: 14px;
+      color: #6b7280;
+      margin: 0;
+    }
+  }
+}
+
+.file-recognition-layout {
+  display: flex;
+  gap: 24px;
+  margin-top: 24px;
+  height: calc(100vh - 250px);
+  
+  .extraction-panel {
+    flex: 1;
+    overflow-y: auto;
+    
+    .section-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 12px;
+      padding-bottom: 8px;
+      border-bottom: 1px solid #e5e7eb;
+      
+      h4 {
+        font-size: 14px;
+        font-weight: 600;
+        color: #1f2937;
+        margin: 0;
+      }
+      
+      .recognition-status {
+        display: flex;
+        align-items: center;
+        gap: 3px;
+        font-size: 11px;
+        color: #10b981;
+        font-weight: 500;
+        
+        .el-icon {
+          font-size: 13px;
+        }
+      }
+    }
+    
+    .info-section {
+      margin-bottom: 16px;
+      
+      .section-title {
+        display: flex;
+        align-items: center;
+        gap: 5px;
+        font-size: 13px;
+        font-weight: 600;
+        color: #374151;
+        margin-bottom: 8px;
+        padding: 6px 10px;
+        background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
+        border-radius: 5px;
+        
+        .el-icon {
+          font-size: 14px;
+          color: #7c3aed;
+        }
+      }
+    }
+    
+    // 缩小表格字体和间距
+    :deep(.el-table) {
+      font-size: 12px;
+      
+      th {
+        font-size: 12px;
+        padding: 6px 0;
+        font-weight: 600;
+      }
+      
+      td {
+        padding: 6px 0;
+      }
+      
+      .cell {
+        padding: 0 8px;
+        line-height: 1.4;
+      }
+    }
+  }
+  
+  .preview-panel {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    background: #f9fafb;
+    border-radius: 12px;
+    overflow: hidden;
+    
+    .preview-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 16px 20px;
+      background: #fff;
+      border-bottom: 1px solid #e5e7eb;
+      
+      h4 {
+        font-size: 16px;
+        font-weight: 600;
+        color: #1f2937;
+        margin: 0;
+      }
+    }
+    
+    .preview-content {
+      flex: 1;
+      overflow-y: auto;
+      padding: 20px;
+      transform-origin: top left;
+      transition: transform 0.2s;
+      
+      .file-info-bar {
+        display: flex;
+        justify-content: space-between;
+        padding: 12px 16px;
+        background: #fff;
+        border-radius: 8px;
+        margin-bottom: 16px;
+        font-size: 14px;
+        color: #6b7280;
+        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+      }
+      
+      .preview-pages {
+        .preview-page {
+          background: #fff;
+          border-radius: 8px;
+          padding: 24px;
+          margin-bottom: 16px;
+          box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+          
+          .page-number {
+            font-size: 12px;
+            color: #9ca3af;
+            margin-bottom: 12px;
+            padding-bottom: 8px;
+            border-bottom: 1px solid #f3f4f6;
+          }
+          
+          .page-content {
+            .preview-text {
+              font-size: 14px;
+              line-height: 1.8;
+              color: #374151;
+              white-space: pre-wrap;
+              word-wrap: break-word;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+// 标书生成向导样式
+.bid-generation-wizard {
+  display: flex;
+  flex-direction: column;
+  height: calc(100vh - 200px);
+  margin-top: 20px;
+  
+  .wizard-header {
+    background: #fff;
+    padding: 16px 24px;
+    border-radius: 12px 12px 0 0;
+    border: 1px solid #e5e7eb;
+    border-bottom: none;
+    
+    .back-btn {
+      margin-bottom: 12px;
+      color: #6b7280;
+      
+      &:hover {
+        color: #3b82f6;
+      }
+    }
+    
+    .wizard-title {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      font-size: 18px;
+      font-weight: 600;
+      color: #1f2937;
+      margin-bottom: 16px;
+    }
+    
+    .wizard-steps {
+      max-width: 600px;
+      margin: 0 auto;
+    }
+  }
+  
+  .wizard-content {
+    flex: 1;
+    background: #f8fafc;
+    border: 1px solid #e5e7eb;
+    border-top: none;
+    border-bottom: none;
+    padding: 24px;
+    overflow-y: auto;
+  }
+  
+  .wizard-footer {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background: #fff;
+    padding: 16px 24px;
+    border-radius: 0 0 12px 12px;
+    border: 1px solid #e5e7eb;
+    border-top: none;
+    
+    .footer-right {
+      display: flex;
+      gap: 12px;
+    }
+  }
+}
+
+// 大纲生成 - 左右分栏布局
+.outline-generation-layout {
+  display: flex;
+  gap: 20px;
+  height: 100%;
+  
+  .outline-panel {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    background: #fff;
+    border-radius: 8px;
+    border: 1px solid #e5e7eb;
+    overflow: hidden;
+    
+    .outline-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 16px 20px;
+      background: #f9fafb;
+      border-bottom: 1px solid #e5e7eb;
+      
+      h4 {
+        font-size: 16px;
+        font-weight: 600;
+        color: #1f2937;
+        margin: 0;
+      }
+      
+      .outline-actions {
+        display: flex;
+        gap: 12px;
+      }
+    }
+    
+    .outline-content {
+      flex: 1;
+      overflow-y: auto;
+      padding: 16px;
+      
+      .outline-chapter {
+        background: #fff;
+        border-radius: 8px;
+        margin-bottom: 12px;
+        border: 1px solid #e5e7eb;
+        
+        .chapter-header {
+          display: flex;
+          align-items: center;
+          gap: 12px;
+          padding: 12px 16px;
+          background: #f9fafb;
+          border-radius: 8px 8px 0 0;
+          border-bottom: 1px solid #e5e7eb;
+          
+          .drag-handle {
+            color: #9ca3af;
+            cursor: grab;
+          }
+          
+          .chapter-number {
+            font-weight: 600;
+            color: #3b82f6;
+            min-width: 50px;
+          }
+        }
+        
+        .chapter-sections {
+          padding: 12px 16px 12px 60px;
+          
+          .section-item {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+            padding: 8px 0;
+            border-bottom: 1px dashed #e5e7eb;
+            
+            &:last-of-type {
+              border-bottom: none;
+            }
+            
+            .section-number {
+              font-size: 13px;
+              color: #6b7280;
+              min-width: 30px;
+            }
+          }
+          
+          .add-section-btn {
+            margin-top: 8px;
+            color: #3b82f6;
+          }
+        }
+      }
+    }
+    
+    .outline-empty {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      align-items: center;
+      justify-content: center;
+      padding: 60px;
+      
+      p {
+        margin-top: 16px;
+        color: #9ca3af;
+        font-size: 14px;
+      }
+    }
+  }
+  
+  .source-preview-panel {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    background: #fff;
+    border-radius: 8px;
+    border: 1px solid #e5e7eb;
+    overflow: hidden;
+    
+    .preview-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding: 16px 20px;
+      background: #f9fafb;
+      border-bottom: 1px solid #e5e7eb;
+      
+      h4 {
+        font-size: 16px;
+        font-weight: 600;
+        color: #1f2937;
+        margin: 0;
+      }
+    }
+    
+    .preview-body {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      overflow: hidden;
+      
+      .file-info-bar {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        padding: 10px 16px;
+        background: #f0f9ff;
+        border-bottom: 1px solid #e5e7eb;
+        font-size: 13px;
+        color: #374151;
+      }
+      
+      .preview-document-area {
+        flex: 1;
+        overflow-y: auto;
+        padding: 16px;
+        transform-origin: top left;
+        
+        .preview-page {
+          background: #fff;
+          border: 1px solid #e5e7eb;
+          border-radius: 4px;
+          margin-bottom: 16px;
+          box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+          
+          .page-number {
+            padding: 8px 12px;
+            background: #f9fafb;
+            border-bottom: 1px solid #e5e7eb;
+            font-size: 12px;
+            color: #6b7280;
+          }
+          
+          .page-content {
+            padding: 16px;
+            
+            .preview-text {
+              font-size: 13px;
+              line-height: 1.8;
+              color: #374151;
+              white-space: pre-wrap;
+              word-wrap: break-word;
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+// 材料智能匹配填充
+.material-matching {
+  .matching-header {
+    margin-bottom: 20px;
+    
+    h4 {
+      font-size: 16px;
+      font-weight: 600;
+      color: #1f2937;
+      margin: 0 0 8px 0;
+    }
+    
+    .matching-desc {
+      color: #6b7280;
+      font-size: 14px;
+      margin: 0;
+    }
+  }
+  
+  .filter-section {
+    background: #fff;
+    border-radius: 8px;
+    padding: 16px 20px;
+    margin-bottom: 20px;
+    border: 1px solid #e5e7eb;
+    
+    .filter-title {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      font-size: 14px;
+      font-weight: 500;
+      color: #374151;
+      margin-bottom: 12px;
+    }
+    
+    .filter-controls {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      flex-wrap: wrap;
+    }
+  }
+  
+  .material-sections {
+    .material-chapter {
+      background: #fff;
+      border-radius: 8px;
+      margin-bottom: 16px;
+      border: 1px solid #e5e7eb;
+      overflow: hidden;
+      
+      .chapter-title-bar {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 14px 20px;
+        background: #f9fafb;
+        border-bottom: 1px solid #e5e7eb;
+        
+        .chapter-title {
+          font-size: 15px;
+          font-weight: 600;
+          color: #1f2937;
+        }
+        
+        .chapter-actions {
+          display: flex;
+          gap: 8px;
+        }
+      }
+      
+      .matched-materials {
+        padding: 12px 20px;
+        
+        .material-item {
+          display: flex;
+          align-items: center;
+          gap: 12px;
+          padding: 12px 16px;
+          background: #f9fafb;
+          border-radius: 6px;
+          margin-bottom: 8px;
+          transition: all 0.2s;
+          border: 2px solid transparent;
+          
+          &:last-child {
+            margin-bottom: 0;
+          }
+          
+          &.applied {
+            background: #f0fdf4;
+            border-color: #22c55e;
+          }
+          
+          .file-icon {
+            font-size: 24px;
+          }
+          
+          .material-info {
+            flex: 1;
+            
+            .material-name {
+              font-size: 14px;
+              font-weight: 500;
+              color: #1f2937;
+              margin-bottom: 4px;
+            }
+            
+            .material-meta {
+              display: flex;
+              align-items: center;
+              gap: 12px;
+              
+              .match-score {
+                font-size: 12px;
+                color: #f59e0b;
+                
+                &.high {
+                  color: #10b981;
+                }
+              }
+            }
+          }
+          
+          .material-actions {
+            display: flex;
+            gap: 8px;
+          }
+        }
+      }
+      
+      .no-materials {
+        padding: 24px 20px;
+        text-align: center;
+        color: #9ca3af;
+        font-size: 14px;
+      }
+    }
+  }
+}
+
+// 添加文件弹窗样式
+.add-file-dialog {
+  .dialog-subtitle {
+    font-size: 14px;
+    color: #6b7280;
+    margin-bottom: 16px;
+    padding: 10px 16px;
+    background: #eff6ff;
+    border-radius: 6px;
+    border: 1px solid #93c5fd;
+  }
+  
+  .file-upload-area {
+    margin-bottom: 16px;
+    
+    :deep(.el-upload-dragger) {
+      border: 2px dashed #d1d5db;
+      border-radius: 8px;
+      padding: 30px;
+      
+      &:hover {
+        border-color: #8b5cf6;
+      }
+    }
+    
+    .upload-text {
+      font-size: 14px;
+      color: #374151;
+      margin-top: 12px;
+      
+      em {
+        color: #8b5cf6;
+        font-style: normal;
+        cursor: pointer;
+      }
+    }
+    
+    .upload-tip {
+      font-size: 12px;
+      color: #9ca3af;
+      margin-top: 6px;
+    }
+  }
+  
+  .file-filter-bar {
+    display: flex;
+    gap: 10px;
+    margin-bottom: 16px;
+    padding-bottom: 16px;
+    border-bottom: 1px solid #e5e7eb;
+  }
+  
+  .file-name-cell {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  }
+}
+
+// 预览文件弹窗样式
+.file-preview-dialog {
+  .preview-file-info {
+    display: flex;
+    align-items: center;
+    gap: 16px;
+    padding: 12px 16px;
+    background: #f9fafb;
+    border-radius: 6px;
+    margin-bottom: 16px;
+    font-size: 13px;
+    color: #6b7280;
+    
+    .preview-tools {
+      margin-left: auto;
+      display: flex;
+      gap: 8px;
+    }
+  }
+  
+  .preview-content-area {
+    border: 1px solid #e5e7eb;
+    border-radius: 8px;
+    min-height: 350px;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background: #fff;
+    
+    .preview-document-mock {
+      text-align: center;
+      padding: 30px;
+      
+      h3 {
+        font-size: 18px;
+        font-weight: 600;
+        color: #ef4444;
+        margin: 16px 0;
+      }
+      
+      .mock-content {
+        text-align: left;
+        max-width: 400px;
+        margin: 0 auto;
+        
+        p {
+          font-size: 14px;
+          color: #374151;
+          margin: 8px 0;
+          line-height: 1.6;
+        }
+      }
+    }
+  }
+}
+
+// 标书生成预览
+.bid-generation {
+  .generation-header {
+    margin-bottom: 20px;
+    
+    h4 {
+      font-size: 16px;
+      font-weight: 600;
+      color: #1f2937;
+      margin: 0 0 8px 0;
+    }
+    
+    .generation-desc {
+      color: #6b7280;
+      font-size: 14px;
+      margin: 0;
+    }
+  }
+  
+  .generation-preview {
+    display: flex;
+    gap: 16px;
+    height: 500px;
+    
+    .preview-sidebar {
+      width: 240px;
+      background: #fff;
+      border-radius: 8px;
+      border: 1px solid #e5e7eb;
+      overflow: hidden;
+      
+      .sidebar-title {
+        padding: 12px 16px;
+        font-weight: 600;
+        color: #374151;
+        background: #f9fafb;
+        border-bottom: 1px solid #e5e7eb;
+      }
+      
+      .toc-list {
+        .toc-item {
+          display: flex;
+          align-items: center;
+          gap: 8px;
+          padding: 10px 16px;
+          cursor: pointer;
+          border-bottom: 1px solid #f3f4f6;
+          transition: all 0.2s;
+          
+          &:hover {
+            background: #f9fafb;
+          }
+          
+          &.active {
+            background: #eff6ff;
+            color: #3b82f6;
+          }
+          
+          .toc-number {
+            width: 20px;
+            height: 20px;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background: #e5e7eb;
+            border-radius: 4px;
+            font-size: 12px;
+            font-weight: 600;
+          }
+          
+          &.active .toc-number {
+            background: #3b82f6;
+            color: #fff;
+          }
+          
+          .toc-title {
+            flex: 1;
+            font-size: 13px;
+            white-space: nowrap;
+            overflow: hidden;
+            text-overflow: ellipsis;
+          }
+        }
+      }
+    }
+    
+    .preview-main {
+      flex: 1;
+      display: flex;
+      flex-direction: column;
+      background: #fff;
+      border-radius: 8px;
+      border: 1px solid #e5e7eb;
+      overflow: hidden;
+      
+      .preview-toolbar {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 12px 16px;
+        background: #f9fafb;
+        border-bottom: 1px solid #e5e7eb;
+      }
+      
+      .preview-document {
+        flex: 1;
+        padding: 24px;
+        overflow-y: auto;
+        
+        .document-content {
+          h2 {
+            font-size: 18px;
+            font-weight: 600;
+            color: #1f2937;
+            margin: 0 0 16px 0;
+            padding-bottom: 12px;
+            border-bottom: 2px solid #e5e7eb;
+          }
+          
+          h3 {
+            font-size: 15px;
+            font-weight: 600;
+            color: #374151;
+            margin: 16px 0 8px 0;
+          }
+          
+          h4 {
+            font-size: 14px;
+            font-weight: 600;
+            color: #374151;
+            margin: 12px 0 8px 0;
+          }
+          
+          p {
+            font-size: 14px;
+            line-height: 1.8;
+            color: #4b5563;
+            margin: 0 0 12px 0;
+          }
+          
+          ul {
+            margin: 0 0 12px 0;
+            padding-left: 20px;
+            
+            li {
+              font-size: 14px;
+              line-height: 1.8;
+              color: #4b5563;
+            }
+          }
+        }
+        
+        .content-placeholder {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+          justify-content: center;
+          height: 200px;
+          color: #9ca3af;
+          
+          p {
+            margin-top: 12px;
+            font-size: 14px;
+          }
+        }
+      }
+    }
+  }
+  
+  .generation-progress {
+    margin-top: 16px;
+    padding: 16px;
+    background: #fff;
+    border-radius: 8px;
+    border: 1px solid #e5e7eb;
+    
+    .progress-text {
+      display: block;
+      margin-top: 8px;
+      font-size: 13px;
+      color: #6b7280;
+      text-align: center;
+    }
+  }
+}
+
+// 选择标书类型对话框样式
+.bid-type-select {
+  display: flex;
+  gap: 20px;
+  padding: 10px 0;
+  
+  .bid-type-card {
+    flex: 1;
+    padding: 24px 20px;
+    border: 2px solid #e5e7eb;
+    border-radius: 12px;
+    text-align: center;
+    cursor: pointer;
+    transition: all 0.3s;
+    
+    &:hover {
+      border-color: #93c5fd;
+      background: #f0f9ff;
+    }
+    
+    &.active {
+      border-color: #3b82f6;
+      background: #eff6ff;
+      box-shadow: 0 0 0 4px rgba(59, 130, 246, 0.1);
+    }
+    
+    h4 {
+      font-size: 16px;
+      font-weight: 600;
+      color: #1f2937;
+      margin: 12px 0 8px;
+    }
+    
+    p {
+      font-size: 13px;
+      color: #6b7280;
+      margin: 0;
+      line-height: 1.5;
+    }
+  }
+}
+
+// 新版招标信息提取面板样式
+.extraction-panel-new {
+  flex: 1.2;
+  display: flex;
+  flex-direction: column;
+  background: #fff;
+  border-radius: 12px;
+  overflow: hidden;
+  border: 1px solid #e5e7eb;
+  
+  .extraction-tabs {
+    display: flex;
+    gap: 0;
+    padding: 0 16px;
+    background: #fff;
+    border-bottom: 1px solid #e5e7eb;
+    overflow-x: auto;
+    
+    .tab-item {
+      padding: 14px 16px;
+      font-size: 14px;
+      color: #6b7280;
+      cursor: pointer;
+      white-space: nowrap;
+      border-bottom: 2px solid transparent;
+      transition: all 0.2s;
+      
+      &:hover {
+        color: #3b82f6;
+      }
+      
+      &.active {
+        color: #3b82f6;
+        border-bottom-color: #3b82f6;
+        font-weight: 500;
+      }
+    }
+  }
+  
+  .extraction-content {
+    flex: 1;
+    overflow-y: auto;
+    padding: 20px;
+    background: #f8fafc;
+  }
+  
+  .tab-content {
+    animation: fadeIn 0.3s ease;
+  }
+  
+  // 信息提取表格区块
+  .info-section-new {
+    background: #fff;
+    border-radius: 10px;
+    padding: 16px 20px;
+    margin-bottom: 16px;
+    border: 1px solid #e5e7eb;
+    
+    .section-title-new {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      font-size: 15px;
+      font-weight: 600;
+      color: #374151;
+      margin-bottom: 16px;
+      padding: 8px 12px;
+      background: linear-gradient(135deg, #f3f4f6 0%, #e5e7eb 100%);
+      border-radius: 6px;
+      
+      .el-icon {
+        font-size: 16px;
+        color: #3b82f6;
+      }
+    }
+    
+    :deep(.el-table) {
+      font-size: 13px;
+      
+      th {
+        font-size: 13px;
+        padding: 10px 0;
+        font-weight: 600;
+        background: #f9fafb;
+      }
+      
+      td {
+        padding: 10px 0;
+      }
+      
+      .cell {
+        padding: 0 12px;
+        line-height: 1.5;
+      }
+    }
+  }
+  
+  // 文件信息头部
+  .file-info-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    background: #fff;
+    padding: 16px 20px;
+    border-radius: 10px;
+    margin-bottom: 16px;
+    border: 1px solid #e5e7eb;
+    
+    .file-info-left {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      
+      .file-icon-box {
+        width: 48px;
+        height: 48px;
+        background: #eff6ff;
+        border-radius: 10px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+      }
+      
+      .file-details {
+        .file-name {
+          font-size: 16px;
+          font-weight: 600;
+          color: #1f2937;
+          margin-bottom: 4px;
+        }
+        
+        .file-meta {
+          font-size: 12px;
+          color: #9ca3af;
+        }
+      }
+    }
+    
+    .file-stats {
+      display: flex;
+      gap: 32px;
+      
+      .stat-item {
+        text-align: center;
+        
+        .stat-value {
+          font-size: 24px;
+          font-weight: 700;
+          color: #3b82f6;
+        }
+        
+        .stat-label {
+          font-size: 12px;
+          color: #6b7280;
+          margin-top: 2px;
+        }
+      }
+    }
+  }
+  
+  // 图表行
+  .charts-row {
+    display: flex;
+    gap: 16px;
+    margin-bottom: 16px;
+    
+    .chart-card {
+      flex: 1;
+      background: #fff;
+      border-radius: 10px;
+      padding: 16px;
+      border: 1px solid #e5e7eb;
+      
+      .card-title {
+        display: flex;
+        align-items: center;
+        gap: 6px;
+        font-size: 14px;
+        font-weight: 600;
+        color: #1f2937;
+        margin-bottom: 12px;
+        
+        .el-icon {
+          color: #3b82f6;
+        }
+      }
+      
+      .pie-chart-placeholder {
+        display: flex;
+        align-items: center;
+        gap: 20px;
+        
+        .pie-legend {
+          .legend-item {
+            display: flex;
+            align-items: center;
+            gap: 6px;
+            font-size: 12px;
+            color: #6b7280;
+            margin-bottom: 8px;
+            
+            .dot {
+              width: 10px;
+              height: 10px;
+              border-radius: 50%;
+            }
+          }
+        }
+        
+        .pie-visual {
+          width: 100px;
+          height: 100px;
+          
+          svg {
+            width: 100%;
+            height: 100%;
+          }
+        }
+      }
+      
+      .line-chart-hint {
+        font-size: 11px;
+        color: #3b82f6;
+        background: #eff6ff;
+        padding: 6px 10px;
+        border-radius: 4px;
+        margin-bottom: 12px;
+      }
+      
+      .line-chart-placeholder {
+        height: 80px;
+        
+        svg {
+          width: 100%;
+          height: 100%;
+        }
+      }
+    }
+  }
+  
+  // 信息卡片
+  .info-card {
+    background: #fff;
+    border-radius: 10px;
+    padding: 16px;
+    margin-bottom: 16px;
+    border: 1px solid #e5e7eb;
+    
+    .card-title {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      font-size: 14px;
+      font-weight: 600;
+      color: #1f2937;
+      margin-bottom: 16px;
+      
+      .el-icon {
+        color: #3b82f6;
+      }
+    }
+    
+    .timeline-bar {
+      display: flex;
+      justify-content: space-between;
+      margin-bottom: 20px;
+      
+      .timeline-item {
+        text-align: center;
+        padding: 12px 16px;
+        border-radius: 8px;
+        
+        &.highlight {
+          background: linear-gradient(135deg, #3b82f6 0%, #2563eb 100%);
+          
+          .timeline-value {
+            font-size: 28px;
+            font-weight: 700;
+            color: #fff;
+          }
+          
+          .timeline-label {
+            color: rgba(255, 255, 255, 0.9);
+          }
+        }
+        
+        .timeline-date {
+          font-size: 14px;
+          font-weight: 600;
+          color: #3b82f6;
+          background: #eff6ff;
+          padding: 6px 12px;
+          border-radius: 6px;
+          margin-bottom: 4px;
+        }
+        
+        .timeline-label {
+          font-size: 12px;
+          color: #6b7280;
+        }
+      }
+    }
+    
+    .gantt-placeholder {
+      .gantt-row {
+        display: flex;
+        align-items: center;
+        margin-bottom: 8px;
+        
+        .gantt-label {
+          width: 70px;
+          font-size: 12px;
+          color: #6b7280;
+        }
+        
+        .gantt-bar {
+          height: 16px;
+          background: linear-gradient(90deg, #93c5fd 0%, #3b82f6 100%);
+          border-radius: 3px;
+        }
+      }
+    }
+  }
+  
+  // 提示行
+  .tips-row {
+    display: flex;
+    gap: 16px;
+    
+    .tips-card {
+      flex: 1;
+      background: #fff;
+      border-radius: 10px;
+      padding: 16px;
+      border: 1px solid #e5e7eb;
+      
+      .card-title {
+        display: flex;
+        align-items: center;
+        gap: 6px;
+        font-size: 14px;
+        font-weight: 600;
+        color: #1f2937;
+        margin-bottom: 12px;
+      }
+      
+      .tip-item {
+        display: flex;
+        align-items: flex-start;
+        gap: 8px;
+        font-size: 13px;
+        color: #6b7280;
+        margin-bottom: 10px;
+        
+        .el-icon {
+          margin-top: 2px;
+          color: #f59e0b;
+        }
+        
+        &.success .el-icon {
+          color: #10b981;
+        }
+      }
+    }
+  }
+  
+  // 需求卡片
+  .requirement-card {
+    background: #fff;
+    border-radius: 10px;
+    padding: 16px 20px;
+    margin-bottom: 16px;
+    border: 1px solid #e5e7eb;
+    
+    .card-header {
+      display: flex;
+      align-items: center;
+      justify-content: space-between;
+      margin-bottom: 16px;
+      
+      .header-left {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        font-size: 15px;
+        font-weight: 600;
+        color: #1f2937;
+      }
+    }
+    
+    .requirement-list {
+      .req-item {
+        display: flex;
+        align-items: flex-start;
+        gap: 10px;
+        padding: 12px 0;
+        border-bottom: 1px solid #f3f4f6;
+        
+        &:last-child {
+          border-bottom: none;
+        }
+        
+        .el-icon {
+          margin-top: 2px;
+          flex-shrink: 0;
+        }
+        
+        .req-label {
+          font-size: 14px;
+          color: #374151;
+          font-weight: 500;
+          min-width: 90px;
+        }
+        
+        .req-value {
+          font-size: 14px;
+          color: #6b7280;
+          flex: 1;
+        }
+      }
+    }
+  }
+  
+  // 流程时间线
+  .process-timeline {
+    padding-left: 20px;
+    
+    .timeline-node {
+      position: relative;
+      padding-left: 30px;
+      padding-bottom: 24px;
+      
+      &::before {
+        content: '';
+        position: absolute;
+        left: 6px;
+        top: 12px;
+        bottom: 0;
+        width: 2px;
+        background: #e5e7eb;
+      }
+      
+      &:last-child::before {
+        display: none;
+      }
+      
+      .node-dot {
+        position: absolute;
+        left: 0;
+        top: 4px;
+        width: 14px;
+        height: 14px;
+        border-radius: 50%;
+        border: 2px solid #e5e7eb;
+        background: #fff;
+        
+        &.active {
+          border-color: #3b82f6;
+          background: #3b82f6;
+        }
+      }
+      
+      .node-content {
+        .node-date {
+          display: inline-block;
+          font-size: 13px;
+          font-weight: 600;
+          color: #fff;
+          background: #3b82f6;
+          padding: 4px 12px;
+          border-radius: 20px;
+          margin-bottom: 12px;
+        }
+        
+        .node-events {
+          .event-item {
+            margin-bottom: 12px;
+            
+            .event-time {
+              font-size: 14px;
+              font-weight: 500;
+              color: #1f2937;
+              margin-bottom: 4px;
+            }
+            
+            .event-desc {
+              font-size: 13px;
+              color: #6b7280;
+            }
+          }
+        }
+      }
+    }
+  }
+  
+  // 风险列表
+  .risk-list {
+    .risk-item {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      padding: 14px 0;
+      border-bottom: 1px solid #f3f4f6;
+      
+      &:last-child {
+        border-bottom: none;
+      }
+      
+      .risk-label {
+        font-size: 14px;
+        font-weight: 500;
+        color: #374151;
+        min-width: 80px;
+      }
+      
+      .risk-desc {
+        font-size: 13px;
+        color: #6b7280;
+        flex: 1;
+      }
+    }
+  }
+  
+  // 建议列表
+  .suggestion-list {
+    .suggestion-item {
+      display: flex;
+      align-items: flex-start;
+      gap: 10px;
+      padding: 12px 0;
+      border-bottom: 1px solid #f3f4f6;
+      
+      &:last-child {
+        border-bottom: none;
+      }
+      
+      .el-icon {
+        margin-top: 2px;
+        flex-shrink: 0;
+      }
+      
+      .sug-label {
+        font-size: 14px;
+        color: #374151;
+        font-weight: 500;
+        min-width: 80px;
+      }
+      
+      .sug-value {
+        font-size: 14px;
+        color: #6b7280;
+        flex: 1;
+      }
+    }
+  }
+}
+
+@keyframes fadeIn {
+  from { opacity: 0; }
+  to { opacity: 1; }
+}
+
+// AI核实状态样式
+.verify-status {
+  display: flex;
+  align-items: center;
+  gap: 4px;
+  padding: 4px 8px;
+  border-radius: 4px;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 1.4;
+  
+  .el-icon {
+    font-size: 14px;
+    flex-shrink: 0;
+  }
+  
+  span {
+    word-break: keep-all;
+    white-space: nowrap;
+  }
+  
+  &.status-no-need {
+    background-color: #d1fae5;
+    color: #065f46;
+    
+    .el-icon {
+      color: #10b981;
+    }
+  }
+  
+  &.status-need {
+    background-color: #fef3c7;
+    color: #92400e;
+    
+    .el-icon {
+      color: #f59e0b;
+    }
+  }
+  
+  &.status-must {
+    background-color: #fee2e2;
+    color: #991b1b;
+    
+    .el-icon {
+      color: #ef4444;
+    }
+  }
+}
+
+// 高亮行样式
+.content-line {
+  display: inline-block;
+  width: 100%;
+  transition: all 0.3s;
+  
+  &.highlight-line {
+    background-color: #fef08a;
+    padding: 2px 4px;
+    margin: -2px -4px;
+    animation: highlight-fade 3s ease-out;
+  }
+}
+
+@keyframes highlight-fade {
+  0% {
+    background-color: #fef08a;
+  }
+  100% {
+    background-color: transparent;
+  }
+}
+
+// 可点击步骤样式
+.clickable-step {
+  cursor: pointer;
+  transition: all 0.3s ease;
+  
+  &:hover {
+    transform: translateY(-2px);
+    
+    :deep(.el-step__title) {
+      color: #7c3aed !important;
+    }
+    
+    :deep(.el-step__icon) {
+      border-color: #7c3aed !important;
+    }
+  }
+}
+
+// 步骤详情容器
+.step-detail-container {
+  .step-project-info {
+    margin-bottom: 24px;
+    padding: 20px;
+    background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+    border-radius: 12px;
+    color: white;
+    
+    h2 {
+      margin: 0 0 12px 0;
+      font-size: 24px;
+      font-weight: 600;
+    }
+    
+    .project-meta {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      font-size: 14px;
+      opacity: 0.95;
+    }
+  }
+  
+  .step-function-content {
+    margin-top: 24px;
+  }
+  
+  .step-content-placeholder {
+    text-align: center;
+    padding: 80px 20px;
+    
+    .placeholder-icon {
+      margin-bottom: 24px;
+      color: #7c3aed;
+    }
+    
+    h3 {
+      margin: 0 0 12px 0;
+      font-size: 24px;
+      color: #1f2937;
+    }
+    
+    p {
+      margin: 0 0 24px 0;
+      font-size: 16px;
+      color: #6b7280;
+    }
+  }
+}
+
+// 招标信息提取结果区域
+.extracted-info-section {
+  margin: 24px 0;
+  padding: 24px;
+  background: #ffffff;
+  border-radius: 12px;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
+  
+  > h3 {
+    margin: 0 0 20px 0;
+    font-size: 18px;
+    font-weight: 600;
+    color: #1f2937;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    
+    .el-icon {
+      color: #7c3aed;
+      font-size: 20px;
+    }
+  }
+  
+  .tab-label {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    
+    .el-icon {
+      font-size: 16px;
+    }
+  }
+  
+  .info-table-wrapper {
+    margin-top: 16px;
+  }
+}
+
+// 商务文件撰写样式
+.business-write-panel {
+  .business-steps-container {
+    margin: 24px 0;
+    padding: 24px;
+    background: #ffffff;
+    border-radius: 12px;
+    box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
+  }
+  
+  .step-content {
+    margin-top: 24px;
+    
+    h4 {
+      margin: 0 0 12px 0;
+      font-size: 20px;
+      font-weight: 600;
+      color: #1f2937;
+    }
+    
+    .step-desc {
+      margin: 0 0 24px 0;
+      font-size: 14px;
+      color: #6b7280;
+    }
+    
+    .step-actions {
+      margin-top: 32px;
+      padding-top: 24px;
+      border-top: 1px solid #e5e7eb;
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+    }
+  }
+  
+  // 步骤头部栏
+  .step-header-bar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+    padding-bottom: 16px;
+    border-bottom: 2px solid #e5e7eb;
+    
+    .project-badge {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      padding: 8px 16px;
+      background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+      color: white;
+      border-radius: 8px;
+      font-weight: 500;
+      
+      .el-icon {
+        font-size: 18px;
+      }
+    }
+    
+    .header-actions {
+      display: flex;
+      gap: 12px;
+    }
+  }
+  
+  // 项目选择（商务标和技术标通用）
+  .project-selection {
+    .step-title-section {
+      margin-bottom: 24px;
+      padding: 20px;
+      background: linear-gradient(135deg, rgba(124, 58, 237, 0.05) 0%, rgba(124, 58, 237, 0.02) 100%);
+      border-left: 4px solid #7c3aed;
+      border-radius: 8px;
+      
+      h4 {
+        margin: 0 0 12px 0;
+        font-size: 20px;
+        font-weight: 600;
+        color: #1f2937;
+      }
+      
+      .step-desc-highlight {
+        margin: 0;
+        font-size: 15px;
+        line-height: 1.6;
+        color: #4b5563;
+        font-weight: 500;
+      }
+    }
+    
+    .project-cards,
+    .project-grid {
+      display: grid;
+      grid-template-columns: repeat(auto-fill, minmax(350px, 1fr));
+      gap: 20px;
+      margin: 24px 0;
+    }
+    
+    .project-card {
+      padding: 20px;
+      background: #ffffff;
+      border: 2px solid #e5e7eb;
+      border-radius: 12px;
+      cursor: pointer;
+      transition: all 0.3s ease;
+      position: relative;
+      
+      &:hover {
+        border-color: #7c3aed;
+        box-shadow: 0 4px 12px rgba(124, 58, 237, 0.15);
+        transform: translateY(-2px);
+      }
+      
+      &.selected {
+        border-color: #7c3aed;
+        background: linear-gradient(135deg, rgba(124, 58, 237, 0.05) 0%, rgba(124, 58, 237, 0.1) 100%);
+      }
+      
+      .project-card-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: flex-start;
+        margin-bottom: 16px;
+        
+        h5 {
+          margin: 0;
+          font-size: 16px;
+          font-weight: 600;
+          color: #1f2937;
+          flex: 1;
+        }
+      }
+      
+      .project-card-body {
+        .project-info-item {
+          display: flex;
+          align-items: center;
+          gap: 8px;
+          margin-bottom: 8px;
+          font-size: 14px;
+          
+          .label {
+            color: #6b7280;
+          }
+          
+          .value {
+            color: #1f2937;
+          }
+          
+          .el-icon {
+            font-size: 16px;
+          }
+        }
+      }
+      
+      .selected-badge {
+        position: absolute;
+        top: 12px;
+        right: 12px;
+        display: flex;
+        align-items: center;
+        gap: 4px;
+        padding: 4px 12px;
+        background: #7c3aed;
+        color: white;
+        border-radius: 20px;
+        font-size: 12px;
+        font-weight: 500;
+        
+        .el-icon {
+          font-size: 14px;
+        }
+      }
+    }
+  }
+  
+  // 大纲生成
+  .outline-generation {
+    .outline-actions {
+      margin: 20px 0;
+      display: flex;
+      gap: 12px;
+    }
+    
+    .outline-content-layout {
+      display: flex;
+      gap: 20px;
+      margin-top: 24px;
+      height: calc(100vh - 450px);
+      min-height: 500px;
+      
+      .outline-editor-panel {
+        width: 400px;
+        flex-shrink: 0;
+        display: flex;
+        flex-direction: column;
+        background: #ffffff;
+        border: 1px solid #e5e7eb;
+        border-radius: 12px;
+        overflow: hidden;
+        
+        .panel-title {
+          display: flex;
+          align-items: center;
+          gap: 8px;
+          padding: 16px;
+          background: #f9fafb;
+          border-bottom: 1px solid #e5e7eb;
+          font-weight: 600;
+          color: #1f2937;
+          
+          .el-icon {
+            color: #7c3aed;
+            font-size: 18px;
+          }
+        }
+        
+        .outline-editor {
+          flex: 1;
+          padding: 16px;
+          overflow-y: auto;
+          
+          .custom-tree-node {
+            flex: 1;
+            display: flex;
+            align-items: center;
+            justify-content: space-between;
+            padding: 8px 12px;
+            
+            .node-title {
+              font-size: 14px;
+              color: #1f2937;
+            }
+            
+            .node-actions {
+              display: flex;
+              gap: 4px;
+              opacity: 0;
+              transition: opacity 0.3s;
+            }
+            
+            &:hover .node-actions {
+              opacity: 1;
+            }
+          }
+        }
+        
+        .outline-empty {
+          flex: 1;
+          display: flex;
+          align-items: center;
+          justify-content: center;
+          padding: 40px 20px;
+        }
+      }
+      
+      .bidding-document-viewer {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        background: #ffffff;
+        border: 1px solid #e5e7eb;
+        border-radius: 12px;
+        overflow: hidden;
+        
+        .viewer-header {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          padding: 16px;
+          background: #f9fafb;
+          border-bottom: 1px solid #e5e7eb;
+          
+          .viewer-title {
+            display: flex;
+            align-items: center;
+            gap: 8px;
+            font-weight: 600;
+            color: #1f2937;
+            
+            .el-icon {
+              color: #7c3aed;
+              font-size: 18px;
+            }
+          }
+          
+          .viewer-tools {
+            display: flex;
+            align-items: center;
+            gap: 12px;
+          }
+        }
+        
+        .viewer-content {
+          flex: 1;
+          overflow: auto;
+          padding: 20px;
+          background: #f9fafb;
+          transform-origin: top center;
+          transition: transform 0.3s;
+          
+          .document-page {
+            max-width: 800px;
+            margin: 0 auto;
+            padding: 40px;
+            background: #ffffff;
+            box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+            border-radius: 8px;
+            
+            h2 {
+              font-size: 22px;
+              font-weight: 600;
+              color: #1f2937;
+            }
+            
+            h3 {
+              font-size: 18px;
+              font-weight: 600;
+              color: #374151;
+              margin-top: 20px;
+              margin-bottom: 12px;
+            }
+            
+            p {
+              font-size: 14px;
+              line-height: 1.8;
+              color: #4b5563;
+              margin: 8px 0;
+            }
+          }
+        }
+      }
+    }
+  }
+  
+  // 材料匹配
+  .material-matching {
+    .material-filter {
+      margin: 20px 0;
+      padding: 20px;
+      background: #f9fafb;
+      border-radius: 12px;
+      
+      .filter-title {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        margin-bottom: 16px;
+        padding-bottom: 12px;
+        border-bottom: 2px solid #e5e7eb;
+        font-size: 16px;
+        font-weight: 600;
+        color: #1f2937;
+        
+        .el-icon {
+          color: #7c3aed;
+          font-size: 18px;
+        }
+      }
+    }
+    
+    .material-sections {
+      margin-top: 24px;
+      
+      .material-section {
+        margin-bottom: 24px;
+        padding: 20px;
+        background: #ffffff;
+        border: 1px solid #e5e7eb;
+        border-radius: 12px;
+        
+        .section-header {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          margin-bottom: 16px;
+          padding-bottom: 12px;
+          border-bottom: 1px solid #e5e7eb;
+          
+          h5 {
+            margin: 0;
+            font-size: 16px;
+            font-weight: 600;
+            color: #1f2937;
+          }
+          
+          .section-actions {
+            display: flex;
+            gap: 8px;
+          }
+        }
+        
+        .matched-materials {
+          .material-item {
+            display: flex;
+            justify-content: space-between;
+            align-items: center;
+            padding: 12px;
+            margin-bottom: 12px;
+            background: #f9fafb;
+            border-radius: 8px;
+            transition: all 0.3s;
+            
+            &:hover {
+              background: #f3f4f6;
+            }
+            
+            .material-info {
+              display: flex;
+              align-items: center;
+              gap: 12px;
+              flex: 1;
+              
+              .el-icon {
+                font-size: 24px;
+                color: #7c3aed;
+              }
+              
+              .material-details {
+                flex: 1;
+                
+                .material-name {
+                  font-size: 14px;
+                  font-weight: 500;
+                  color: #1f2937;
+                  margin-bottom: 4px;
+                }
+                
+                .material-meta {
+                  display: flex;
+                  align-items: center;
+                  gap: 12px;
+                  font-size: 12px;
+                  
+                  .match-score {
+                    color: #10b981;
+                    font-weight: 500;
+                  }
+                }
+              }
+            }
+            
+            .material-actions {
+              display: flex;
+              gap: 8px;
+            }
+          }
+        }
+        
+        .no-materials {
+          padding: 40px 20px;
+        }
+      }
+    }
+  }
+  
+  // 文档编辑器布局
+  .document-editor-layout {
+    .editor-container {
+      display: flex;
+      gap: 20px;
+      margin-top: 20px;
+      height: calc(100vh - 300px);
+      
+      .document-editor {
+        flex: 1;
+        display: flex;
+        flex-direction: column;
+        background: #ffffff;
+        border: 1px solid #e5e7eb;
+        border-radius: 12px;
+        overflow: hidden;
+        
+        .editor-toolbar {
+          display: flex;
+          align-items: center;
+          gap: 12px;
+          padding: 12px 16px;
+          background: #f9fafb;
+          border-bottom: 1px solid #e5e7eb;
+          flex-wrap: wrap;
+        }
+        
+        .editor-content {
+          flex: 1;
+          padding: 40px;
+          overflow-y: auto;
+          background: #ffffff;
+          outline: none;
+          line-height: 1.8;
+          
+          &:focus {
+            outline: none;
+          }
+          
+          h1, h2, h3 {
+            margin: 20px 0 12px 0;
+            font-weight: 600;
+          }
+          
+          h1 {
+            font-size: 24px;
+            color: #1f2937;
+          }
+          
+          h2 {
+            font-size: 20px;
+            color: #374151;
+          }
+          
+          h3 {
+            font-size: 18px;
+            color: #4b5563;
+          }
+          
+          p {
+            margin: 12px 0;
+            color: #1f2937;
+          }
+        }
+      }
+      
+      .ai-assistant {
+        width: 350px;
+        display: flex;
+        flex-direction: column;
+        background: #ffffff;
+        border: 1px solid #e5e7eb;
+        border-radius: 12px;
+        overflow: hidden;
+        
+        .assistant-header {
+          display: flex;
+          align-items: center;
+          gap: 8px;
+          padding: 16px;
+          background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
+          color: white;
+          font-weight: 600;
+          
+          .el-icon {
+            font-size: 20px;
+          }
+        }
+        
+        .chat-messages {
+          flex: 1;
+          padding: 16px;
+          overflow-y: auto;
+          background: #f9fafb;
+          
+          .chat-message {
+            margin-bottom: 16px;
+            display: flex;
+            gap: 12px;
+            
+            &.user {
+              flex-direction: row-reverse;
+              
+              .message-content {
+                background: #7c3aed;
+                color: white;
+                
+                .message-time {
+                  color: rgba(255, 255, 255, 0.8);
+                }
+              }
+            }
+            
+            .message-avatar {
+              width: 36px;
+              height: 36px;
+              border-radius: 50%;
+              background: #e5e7eb;
+              display: flex;
+              align-items: center;
+              justify-content: center;
+              flex-shrink: 0;
+              
+              .el-icon {
+                font-size: 18px;
+                color: #6b7280;
+              }
+            }
+            
+            .message-content {
+              flex: 1;
+              padding: 12px;
+              background: #ffffff;
+              border-radius: 12px;
+              box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+              
+              .message-text {
+                font-size: 14px;
+                line-height: 1.6;
+                margin-bottom: 6px;
+              }
+              
+              .message-time {
+                font-size: 12px;
+                color: #9ca3af;
+              }
+            }
+          }
+        }
+        
+        .chat-input {
+          padding: 16px;
+          border-top: 1px solid #e5e7eb;
+          background: #ffffff;
+          
+          .el-textarea {
+            margin-bottom: 12px;
+          }
+          
+          .el-button {
+            width: 100%;
+          }
+        }
+        
+        .quick-actions {
+          padding: 12px 16px;
+          border-top: 1px solid #e5e7eb;
+          background: #f9fafb;
+          
+          .quick-action-title {
+            font-size: 12px;
+            color: #6b7280;
+            margin-bottom: 8px;
+            font-weight: 500;
+          }
+          
+          .el-button {
+            margin-right: 8px;
+            margin-bottom: 8px;
+          }
+        }
+      }
+    }
+  }
+}
+
+// 文件预览弹窗样式
+.material-preview-dialog {
+  .preview-toolbar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 16px;
+    background: #f9fafb;
+    border-radius: 8px;
+    margin-bottom: 20px;
+    
+    .file-info {
+      display: flex;
+      align-items: center;
+      gap: 16px;
+      
+      .file-size,
+      .file-date {
+        font-size: 13px;
+        color: #6b7280;
+      }
+    }
+    
+    .preview-actions {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+    }
+  }
+  
+  .preview-content-area {
+    max-height: 600px;
+    overflow: auto;
+    background: #f3f4f6;
+    border-radius: 8px;
+    padding: 20px;
+    
+    .preview-document {
+      transform-origin: top center;
+      transition: transform 0.3s;
+      
+      .pdf-preview,
+      .other-file-preview {
+        .document-page {
+          max-width: 800px;
+          margin: 0 auto;
+          background: #ffffff;
+          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+          border-radius: 8px;
+          padding: 40px;
+          
+          .page-header {
+            border-bottom: 2px solid #e5e7eb;
+            padding-bottom: 20px;
+            margin-bottom: 20px;
+          }
+          
+          .document-content {
+            p {
+              margin: 12px 0;
+              line-height: 1.8;
+              color: #1f2937;
+            }
+            
+            strong {
+              color: #374151;
+              font-weight: 600;
+            }
+            
+            ul {
+              li {
+                margin: 8px 0;
+                color: #1f2937;
+              }
+            }
+            
+            table {
+              width: 100%;
+              border-collapse: collapse;
+              margin: 20px 0;
+              
+              th, td {
+                border: 1px solid #e5e7eb;
+                padding: 12px;
+              }
+              
+              th {
+                background: #f3f4f6;
+                font-weight: 600;
+                text-align: left;
+              }
+            }
+          }
+        }
+      }
+    }
+  }
+}
+
+// 更换文件弹窗样式
+.change-material-dialog {
+  .dialog-section-title {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    margin-bottom: 20px;
+    padding: 12px;
+    background: linear-gradient(135deg, rgba(124, 58, 237, 0.1) 0%, rgba(124, 58, 237, 0.05) 100%);
+    border-radius: 8px;
+    font-weight: 600;
+    color: #1f2937;
+    
+    .el-icon {
+      color: #7c3aed;
+      font-size: 18px;
+    }
+  }
+  
+  .dialog-upload-area {
+    margin-bottom: 20px;
+    
+    .custom-upload-trigger {
+      width: 100%;
+      padding: 40px 20px;
+      border: 2px dashed #d1d5db;
+      border-radius: 8px;
+      background: #f9fafb;
+      transition: all 0.3s;
+      cursor: pointer;
+      text-align: center;
+      
+      &:hover {
+        border-color: #7c3aed;
+        background: rgba(124, 58, 237, 0.05);
+      }
+      
+      .el-icon--upload {
+        font-size: 48px;
+        color: #7c3aed;
+        margin-bottom: 16px;
+      }
+      
+      .el-upload__text {
+        font-size: 14px;
+        color: #6b7280;
+        margin-bottom: 8px;
+        
+        em {
+          color: #7c3aed;
+          font-style: normal;
+        }
+      }
+      
+      .el-upload__tip {
+        font-size: 12px;
+        color: #9ca3af;
+      }
+    }
+    
+    :deep(.el-upload) {
+      width: 100%;
+    }
+    
+    :deep(.el-upload-dragger) {
+      width: 100%;
+      padding: 40px 20px;
+      border: 2px dashed #d1d5db;
+      border-radius: 8px;
+      background: #f9fafb;
+      transition: all 0.3s;
+      
+      &:hover {
+        border-color: #7c3aed;
+        background: rgba(124, 58, 237, 0.05);
+      }
+    }
+    
+    :deep(.el-icon--upload) {
+      font-size: 48px;
+      color: #7c3aed;
+      margin-bottom: 16px;
+    }
+    
+    :deep(.el-upload__text) {
+      font-size: 14px;
+      color: #6b7280;
+      
+      em {
+        color: #7c3aed;
+        font-style: normal;
+      }
+    }
+    
+    :deep(.el-upload__tip) {
+      margin-top: 12px;
+      font-size: 12px;
+      color: #9ca3af;
+    }
+  }
+  
+  .uploaded-files-section {
+    margin-bottom: 20px;
+    padding: 16px;
+    background: #f0fdf4;
+    border: 1px solid #bbf7d0;
+    border-radius: 8px;
+    
+    .section-title {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      margin-bottom: 12px;
+      font-weight: 600;
+      color: #166534;
+      
+      .el-icon {
+        font-size: 18px;
+      }
+    }
+    
+    .uploaded-files-list {
+      .uploaded-file-item {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 12px;
+        margin-bottom: 8px;
+        background: #ffffff;
+        border: 1px solid #bbf7d0;
+        border-radius: 8px;
+        transition: all 0.3s;
+        
+        &:last-child {
+          margin-bottom: 0;
+        }
+        
+        &:hover {
+          box-shadow: 0 2px 8px rgba(124, 58, 237, 0.1);
+        }
+        
+        .file-info {
+          display: flex;
+          align-items: center;
+          gap: 12px;
+          flex: 1;
+          
+          .el-icon {
+            color: #7c3aed;
+            font-size: 24px;
+          }
+          
+          .file-details {
+            flex: 1;
+            
+            .file-name {
+              font-size: 14px;
+              font-weight: 500;
+              color: #1f2937;
+              margin-bottom: 4px;
+            }
+            
+            .file-meta {
+              display: flex;
+              align-items: center;
+              gap: 8px;
+              
+              .file-size {
+                font-size: 12px;
+                color: #6b7280;
+              }
+            }
+          }
+        }
+        
+        .file-actions {
+          display: flex;
+          gap: 4px;
+        }
+      }
+    }
+  }
+  
+  .dialog-filter {
+    margin-bottom: 20px;
+    padding: 16px;
+    background: #f9fafb;
+    border-radius: 8px;
+  }
+  
+  .dialog-file-list {
+    margin-bottom: 16px;
+    
+    .file-name-cell {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      
+      .el-icon {
+        color: #7c3aed;
+        font-size: 18px;
+      }
+      
+      span {
+        flex: 1;
+      }
+    }
+  }
+  
+  .dialog-selected-info {
+    padding: 12px;
+    background: #f9fafb;
+    border-radius: 8px;
+    text-align: center;
+  }
+  
+  .dialog-footer-info {
+    flex: 1;
+    text-align: left;
+    color: #6b7280;
+    font-size: 14px;
+  }
+}
+
+:deep(.el-dialog__footer) {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+}
+
+// 技术标撰写整体布局优化
+.tech-solution-filling,
+.outline-generation-layout,
+.document-editor-layout {
+  h4 {
+    margin: 0 0 8px 0;
+    font-size: 20px;
+    font-weight: 600;
+    color: #1f2937;
+  }
+  
+  .step-desc {
+    margin: 0 0 24px 0;
+    font-size: 14px;
+    color: #6b7280;
+    line-height: 1.6;
+  }
+}
+
+// 技术方案填充页面
+.tech-solution-filling {
+  .tech-sections {
+    margin-top: 24px;
+    
+    .tech-section {
+      margin-bottom: 24px;
+      padding: 20px;
+      background: #ffffff;
+      border: 1px solid #e5e7eb;
+      border-radius: 12px;
+      transition: all 0.3s;
+      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+      
+      &:hover {
+        box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+        transform: translateY(-2px);
+      }
+      
+      .section-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        margin-bottom: 16px;
+        padding-bottom: 12px;
+        border-bottom: 1px solid #e5e7eb;
+        
+        h5 {
+          margin: 0;
+          font-size: 16px;
+          font-weight: 600;
+          color: #1f2937;
+        }
+        
+        .section-actions {
+          display: flex;
+          gap: 8px;
+        }
+      }
+      
+      .section-content {
+        .content-preview {
+          padding: 16px;
+          background: #f9fafb;
+          border-radius: 8px;
+          line-height: 1.8;
+          color: #374151;
+          
+          h2, h3 {
+            margin: 16px 0 12px 0;
+            color: #1f2937;
+          }
+          
+          p {
+            margin: 8px 0;
+          }
+          
+          ul, ol {
+            margin: 12px 0;
+            padding-left: 24px;
+            
+            li {
+              margin: 6px 0;
+            }
+          }
+          
+          table {
+            width: 100%;
+            border-collapse: collapse;
+            margin: 16px 0;
+            
+            th, td {
+              border: 1px solid #d1d5db;
+              padding: 8px 12px;
+              text-align: left;
+            }
+            
+            th {
+              background: #f3f4f6;
+              font-weight: 600;
+            }
+          }
+        }
+      }
+      
+      .no-content {
+        padding: 40px 0;
+      }
+    }
+  }
+}
+
+// 技术标大纲生成布局（精细优化）
+.outline-generation-layout {
+  .outline-split-view {
+    display: flex;
+    gap: 24px;
+    margin-top: 24px;
+    min-height: 600px;
+    
+    .outline-editor-section {
+      flex: 1;
+      min-width: 0;
+      display: flex;
+      flex-direction: column;
+      
+      .outline-actions {
+        display: flex;
+        gap: 12px;
+        margin: 20px 0;
+        flex-wrap: wrap;
+      }
+      
+      .outline-tree {
+        flex: 1;
+        background: #ffffff;
+        border: 1px solid #e5e7eb;
+        border-radius: 12px;
+        padding: 16px;
+        min-height: 400px;
+        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.05);
+        overflow-y: auto;
+        
+        .tree-node-content {
+          display: flex;
+          justify-content: space-between;
+          align-items: center;
+          width: 100%;
+          padding: 8px 12px;
+          border-radius: 6px;
+          transition: all 0.3s;
+          
+          &:hover {
+            background: #f9fafb;
+          }
+          
+          .node-title {
+            flex: 1;
+            font-size: 14px;
+            color: #374151;
+            font-weight: 500;
+          }
+          
+          .node-actions {
+            display: flex;
+            gap: 4px;
+            opacity: 0;
+            transition: opacity 0.3s;
+          }
+          
+          &:hover .node-actions {
+            opacity: 1;
+          }
+        }
+        
+        // Element Plus Tree 样式覆盖
+        :deep(.el-tree-node__content) {
+          padding: 4px 0;
+          
+          &:hover {
+            background: transparent;
+          }
+        }
+        
+        :deep(.el-tree-node__expand-icon) {
+          color: #7c3aed;
+        }
+      }
+    }
+    
+    .bidding-document-viewer {
+      flex: 1;
+      min-width: 0;
+      display: flex;
+      flex-direction: column;
+      
+      .viewer-header {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 16px;
+        background: #f9fafb;
+        border-radius: 12px 12px 0 0;
+        border: 1px solid #e5e7eb;
+        border-bottom: none;
+        
+        .viewer-title {
+          display: flex;
+          align-items: center;
+          gap: 8px;
+          font-weight: 600;
+          color: #1f2937;
+          
+          .el-icon {
+            color: #7c3aed;
+            font-size: 18px;
+          }
+        }
+        
+        .viewer-tools {
+          display: flex;
+          gap: 12px;
+        }
+      }
+      
+      .viewer-content {
+        flex: 1;
+        background: #f3f4f6;
+        border: 1px solid #e5e7eb;
+        border-radius: 0 0 12px 12px;
+        padding: 24px;
+        overflow-y: auto;
+        transform-origin: top center;
+        transition: transform 0.3s;
+        
+        // 自定义滚动条
+        &::-webkit-scrollbar {
+          width: 8px;
+        }
+        
+        &::-webkit-scrollbar-track {
+          background: #f1f1f1;
+          border-radius: 4px;
+        }
+        
+        &::-webkit-scrollbar-thumb {
+          background: #c1c1c1;
+          border-radius: 4px;
+          
+          &:hover {
+            background: #a8a8a8;
+          }
+        }
+        
+        .document-page {
+          max-width: 800px;
+          margin: 0 auto;
+          background: #ffffff;
+          padding: 40px;
+          box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+          border-radius: 8px;
+          
+          h2 {
+            font-size: 20px;
+            margin: 24px 0 16px 0;
+            color: #1f2937;
+            font-weight: 600;
+          }
+          
+          h3 {
+            font-size: 16px;
+            margin: 20px 0 12px 0;
+            color: #374151;
+            font-weight: 600;
+          }
+          
+          p {
+            margin: 8px 0;
+            line-height: 1.8;
+            color: #4b5563;
+            font-size: 14px;
+          }
+        }
+      }
+    }
+  }
+}
+
+// 技术标文档编辑器布局（复用商务标样式）
+.document-editor-layout {
+  .editor-layout {
+    display: flex;
+    gap: 24px;
+    margin-top: 24px;
+    
+    .document-editor {
+      flex: 2;
+      min-width: 0;
+      background: #ffffff;
+      border: 1px solid #e5e7eb;
+      border-radius: 12px;
+      overflow: hidden;
+      
+      .editor-toolbar {
+        display: flex;
+        justify-content: space-between;
+        align-items: center;
+        padding: 12px 16px;
+        background: #f9fafb;
+        border-bottom: 1px solid #e5e7eb;
+        
+        .format-controls {
+          display: flex;
+          gap: 12px;
+          align-items: center;
+        }
+        
+        .export-controls {
+          display: flex;
+          gap: 8px;
+        }
+      }
+      
+      .editor-content {
+        padding: 40px;
+        min-height: 600px;
+        max-height: 800px;
+        overflow-y: auto;
+        background: #ffffff;
+        outline: none;
+        
+        &:focus {
+          outline: none;
+        }
+        
+        // 自定义滚动条
+        &::-webkit-scrollbar {
+          width: 8px;
+        }
+        
+        &::-webkit-scrollbar-track {
+          background: #f1f1f1;
+          border-radius: 4px;
+        }
+        
+        &::-webkit-scrollbar-thumb {
+          background: #c1c1c1;
+          border-radius: 4px;
+          
+          &:hover {
+            background: #a8a8a8;
+          }
+        }
+        
+        h1 {
+          font-size: 24px;
+          margin: 20px 0;
+          text-align: center;
+        }
+        
+        h2 {
+          font-size: 20px;
+          margin: 24px 0 16px 0;
+        }
+        
+        h3 {
+          font-size: 16px;
+          margin: 20px 0 12px 0;
+        }
+        
+        p {
+          margin: 12px 0;
+          line-height: 2;
+        }
+        
+        table {
+          width: 100%;
+          border-collapse: collapse;
+          margin: 20px 0;
+          
+          th, td {
+            border: 1px solid #000;
+            padding: 10px;
+          }
+          
+          th {
+            background: #f3f4f6;
+            font-weight: 600;
+          }
+        }
+        
+        ul, ol {
+          margin: 12px 0;
+          padding-left: 40px;
+          
+          li {
+            margin: 8px 0;
+            line-height: 2;
+          }
+        }
+      }
+    }
+    
+    .ai-assistant {
+      flex: 1;
+      min-width: 300px;
+      max-width: 400px;
+      background: #ffffff;
+      border: 1px solid #e5e7eb;
+      border-radius: 12px;
+      display: flex;
+      flex-direction: column;
+      height: 800px;
+      
+      .assistant-header {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        padding: 16px;
+        background: linear-gradient(135deg, #7c3aed 0%, #a855f7 100%);
+        color: #ffffff;
+        font-weight: 600;
+        border-radius: 12px 12px 0 0;
+        
+        .el-icon {
+          font-size: 20px;
+        }
+      }
+      
+      .chat-messages {
+        flex: 1;
+        padding: 16px;
+        overflow-y: auto;
+        background: #f9fafb;
+        
+        // 自定义滚动条
+        &::-webkit-scrollbar {
+          width: 6px;
+        }
+        
+        &::-webkit-scrollbar-track {
+          background: #f1f1f1;
+          border-radius: 3px;
+        }
+        
+        &::-webkit-scrollbar-thumb {
+          background: #c1c1c1;
+          border-radius: 3px;
+          
+          &:hover {
+            background: #a8a8a8;
+          }
+        }
+        
+        .chat-message {
+          margin-bottom: 16px;
+          display: flex;
+          gap: 12px;
+          
+          &.assistant {
+            .message-content {
+              background: #ffffff;
+            }
+          }
+          
+          &.user {
+            flex-direction: row-reverse;
+            
+            .message-content {
+              background: #7c3aed;
+              color: #ffffff;
+            }
+          }
+          
+          .message-avatar {
+            width: 32px;
+            height: 32px;
+            border-radius: 50%;
+            background: #e5e7eb;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            flex-shrink: 0;
+            
+            .el-icon {
+              font-size: 18px;
+              color: #6b7280;
+            }
+          }
+          
+          .message-content {
+            flex: 1;
+            padding: 12px;
+            border-radius: 12px;
+            box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+            
+            .message-text {
+              font-size: 14px;
+              line-height: 1.6;
+              margin-bottom: 6px;
+            }
+            
+            .message-time {
+              font-size: 12px;
+              opacity: 0.6;
+            }
+          }
+        }
+      }
+      
+      .chat-input {
+        padding: 16px;
+        background: #ffffff;
+        border-top: 1px solid #e5e7eb;
+        border-radius: 0 0 12px 12px;
+        
+        .el-textarea {
+          margin-bottom: 12px;
+        }
+        
+        .el-button {
+          width: 100%;
+        }
+      }
+    }
+  }
+}
+
+// 智能审核样式
+.review-step-content {
+  padding: 24px;
+  
+  h4 {
+    font-size: 20px;
+    font-weight: 600;
+    color: #1f2937;
+    margin-bottom: 8px;
+  }
+  
+  .step-desc {
+    color: #6b7280;
+    margin-bottom: 24px;
+  }
+  
+  .step-actions {
+    margin-top: 32px;
+    padding-top: 24px;
+    border-top: 1px solid #e5e7eb;
+    display: flex;
+    justify-content: flex-end;
+    gap: 12px;
+  }
+}
+
+// 上传审核区域
+.upload-review-area {
+  padding: 24px;
+  
+  .uploaded-review-file {
+    margin-top: 24px;
+    padding: 16px;
+    background: #f9fafb;
+    border: 1px solid #e5e7eb;
+    border-radius: 8px;
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    
+    .el-icon {
+      font-size: 24px;
+      color: #7c3aed;
+    }
+    
+    .file-name {
+      flex: 1;
+      font-weight: 500;
+      color: #1f2937;
+    }
+    
+    .file-size {
+      color: #6b7280;
+      font-size: 14px;
+    }
+  }
+}
+
+// 评分表模板卡片
+.scoring-templates {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
+  gap: 20px;
+  margin: 24px 0;
+}
+
+.template-card {
+  position: relative;
+  background: #fff;
+  border: 2px solid #e5e7eb;
+  border-radius: 12px;
+  padding: 20px;
+  cursor: pointer;
+  transition: all 0.3s ease;
+  
+  &:hover {
+    border-color: #7c3aed;
+    transform: translateY(-2px);
+    box-shadow: 0 4px 12px rgba(124, 58, 237, 0.15);
+  }
+  
+  &.selected {
+    border-color: #7c3aed;
+    background: linear-gradient(135deg, rgba(124, 58, 237, 0.05) 0%, rgba(124, 58, 237, 0.02) 100%);
+  }
+  
+  .template-header {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    margin-bottom: 12px;
+    
+    .el-icon {
+      font-size: 32px;
+    }
+    
+    h5 {
+      margin: 0;
+      font-size: 18px;
+      font-weight: 600;
+      color: #1f2937;
+    }
+  }
+  
+  .template-body {
+    .template-desc {
+      color: #6b7280;
+      font-size: 14px;
+      line-height: 1.6;
+      margin-bottom: 16px;
+    }
+    
+    .template-info {
+      display: flex;
+      gap: 16px;
+      
+      .info-item {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+        color: #7c3aed;
+        font-size: 14px;
+        font-weight: 500;
+        
+        .el-icon {
+          font-size: 16px;
+        }
+      }
+    }
+  }
+  
+  .selected-badge {
+    position: absolute;
+    top: 12px;
+    right: 12px;
+    background: #7c3aed;
+    color: white;
+    padding: 4px 12px;
+    border-radius: 20px;
+    font-size: 12px;
+    font-weight: 500;
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    
+    .el-icon {
+      font-size: 14px;
+    }
+  }
+}
+
+// 审核结果布局
+.review-result-layout {
+  .result-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 20px 24px;
+    background: #fff;
+    border-bottom: 1px solid #e5e7eb;
+    
+    .project-info {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      
+      h4 {
+        margin: 0;
+        font-size: 18px;
+        font-weight: 600;
+        color: #1f2937;
+      }
+    }
+    
+    .result-actions {
+      display: flex;
+      gap: 8px;
+    }
+  }
+  
+  .review-content-split {
+    display: flex;
+    height: calc(100vh - 250px);
+    gap: 1px;
+    background: #e5e7eb;
+  }
+}
+
+// 审核结果面板（左侧）
+.review-results-panel {
+  flex: 1;
+  background: #fff;
+  overflow-y: auto;
+  
+  .results-summary {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 16px;
+    padding: 24px;
+    background: #f9fafb;
+    border-bottom: 1px solid #e5e7eb;
+    
+    .summary-card {
+      text-align: center;
+      padding: 20px;
+      background: #fff;
+      border-radius: 12px;
+      border: 1px solid #e5e7eb;
+      
+      .summary-label {
+        font-size: 14px;
+        color: #6b7280;
+        margin-bottom: 8px;
+      }
+      
+      .summary-value {
+        font-size: 32px;
+        font-weight: 700;
+        color: #7c3aed;
+        
+        &.error {
+          color: #ef4444;
+        }
+        
+        &.warning {
+          color: #f59e0b;
+        }
+      }
+      
+      .summary-max {
+        font-size: 16px;
+        color: #9ca3af;
+        margin-top: 4px;
+      }
+    }
+  }
+  
+  .scoring-items,
+  .missing-items,
+  .suggestion-items {
+    padding: 16px;
+  }
+  
+  .scoring-item {
+    padding: 16px;
+    margin-bottom: 12px;
+    background: #fff;
+    border: 1px solid #e5e7eb;
+    border-radius: 8px;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    
+    &:hover {
+      border-color: #7c3aed;
+      box-shadow: 0 2px 8px rgba(124, 58, 237, 0.1);
+    }
+    
+    &.active {
+      border-color: #7c3aed;
+      background: rgba(124, 58, 237, 0.05);
+    }
+    
+    .item-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 8px;
+      
+      .item-name {
+        font-weight: 500;
+        color: #1f2937;
+      }
+      
+      .item-score {
+        font-weight: 600;
+        color: #7c3aed;
+      }
+    }
+    
+    .item-location {
+      display: flex;
+      align-items: center;
+      gap: 4px;
+      font-size: 14px;
+      color: #6b7280;
+      
+      .page-ref {
+        color: #7c3aed;
+        cursor: pointer;
+        
+        &:hover {
+          text-decoration: underline;
+        }
+      }
+    }
+    
+    .item-note {
+      margin-top: 8px;
+      padding: 8px 12px;
+      background: #fef3c7;
+      border-radius: 6px;
+      font-size: 13px;
+      color: #92400e;
+      display: flex;
+      align-items: center;
+      gap: 6px;
+    }
+  }
+  
+  .missing-item {
+    display: flex;
+    gap: 12px;
+    padding: 16px;
+    margin-bottom: 12px;
+    background: #fef2f2;
+    border: 1px solid #fecaca;
+    border-radius: 8px;
+    
+    .el-icon {
+      font-size: 20px;
+      flex-shrink: 0;
+    }
+    
+    .missing-content {
+      flex: 1;
+      
+      .missing-name {
+        font-weight: 600;
+        color: #991b1b;
+        margin-bottom: 4px;
+      }
+      
+      .missing-desc {
+        font-size: 14px;
+        color: #7f1d1d;
+        margin-bottom: 8px;
+      }
+    }
+  }
+  
+  .suggestion-item {
+    display: flex;
+    gap: 12px;
+    padding: 16px;
+    margin-bottom: 12px;
+    background: #fffbeb;
+    border: 1px solid #fde68a;
+    border-radius: 8px;
+    
+    .el-icon {
+      font-size: 20px;
+      flex-shrink: 0;
+    }
+    
+    .suggestion-content {
+      flex: 1;
+      
+      .suggestion-title {
+        font-weight: 600;
+        color: #92400e;
+        margin-bottom: 4px;
+      }
+      
+      .suggestion-desc {
+        font-size: 14px;
+        color: #78350f;
+        margin-bottom: 8px;
+      }
+      
+      .suggestion-impact {
+        font-size: 13px;
+        color: #10b981;
+        font-weight: 500;
+      }
+    }
+  }
+}
+
+// 文档查看器面板（右侧）
+.document-viewer-panel {
+  flex: 1;
+  background: #fff;
+  display: flex;
+  flex-direction: column;
+  
+  .viewer-toolbar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 12px 16px;
+    background: #f9fafb;
+    border-bottom: 1px solid #e5e7eb;
+    
+    .page-indicator {
+      font-size: 14px;
+      color: #6b7280;
+    }
+  }
+  
+  .document-content {
+    flex: 1;
+    overflow: auto;
+    padding: 24px;
+    background: #f3f4f6;
+    
+    &.edit-mode {
+      .document-page {
+        border: 2px dashed #7c3aed;
+      }
+    }
+    
+    .document-page {
+      background: #fff;
+      padding: 40px;
+      margin: 0 auto;
+      max-width: 800px;
+      min-height: 1000px;
+      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+      
+      &:focus {
+        outline: none;
+      }
+      
+      .page-content {
+        font-size: 14px;
+        line-height: 1.8;
+        color: #1f2937;
+        
+        h1 {
+          text-align: center;
+          font-size: 24px;
+          margin-bottom: 32px;
+        }
+        
+        p {
+          margin-bottom: 16px;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/江西城市生命线-可交互原型/frontend/src/views/ChatView.vue b/江西城市生命线-可交互原型/frontend/src/views/ChatView.vue
new file mode 100644
index 00000000..b3dc4596
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/views/ChatView.vue
@@ -0,0 +1,899 @@
+<template>
+  <div class="chat-view">
+    <!-- Left Sidebar - ChatGPT Style -->
+    <aside class="chat-sidebar" :class="{ collapsed: sidebarCollapsed }">
+      <div class="sidebar-header">
+        <button class="collapse-toggle" @click="sidebarCollapsed = !sidebarCollapsed">
+          <el-icon><Fold v-if="!sidebarCollapsed" /><Expand v-else /></el-icon>
+          <span v-if="!sidebarCollapsed">{{ sidebarCollapsed ? '展开' : '收起' }}</span>
+        </button>
+        <button class="new-chat-btn" @click="handleNewChat">
+          <el-icon><Plus /></el-icon>
+          <span v-if="!sidebarCollapsed">新建对话</span>
+        </button>
+      </div>
+      
+      <div v-if="!sidebarCollapsed" class="conversations-list">
+        <div class="list-section">
+          <div class="section-title">今天</div>
+          <div 
+            v-for="conv in todayConversations" 
+            :key="conv.id"
+            class="conversation-item"
+            :class="{ active: currentConversationId === conv.id }"
+            @click="selectConversation(conv)"
+          >
+            <el-icon><ChatDotRound /></el-icon>
+            <span class="conv-title">{{ conv.title }}</span>
+            <div class="conv-actions">
+              <el-icon class="action-icon" @click.stop="deleteConversation(conv.id)"><Delete /></el-icon>
+            </div>
+          </div>
+        </div>
+        
+        <div class="list-section" v-if="olderConversations.length > 0">
+          <div class="section-title">历史记录</div>
+          <div 
+            v-for="conv in olderConversations" 
+            :key="conv.id"
+            class="conversation-item"
+            :class="{ active: currentConversationId === conv.id }"
+            @click="selectConversation(conv)"
+          >
+            <el-icon><ChatDotRound /></el-icon>
+            <span class="conv-title">{{ conv.title }}</span>
+            <div class="conv-actions">
+              <el-icon class="action-icon" @click.stop="deleteConversation(conv.id)"><Delete /></el-icon>
+            </div>
+          </div>
+        </div>
+      </div>
+    </aside>
+
+    <!-- Main Chat Area -->
+    <div class="chat-main">
+      <!-- Header -->
+      <header class="chat-header">
+        <el-dropdown trigger="click" @command="handleAgentChange" class="agent-dropdown">
+          <div class="header-title">
+            <span class="agent-icon">{{ currentAgent.icon }}</span>
+            <span>{{ currentAgent.name }}</span>
+            <el-icon><ArrowDown /></el-icon>
+          </div>
+          <template #dropdown>
+            <el-dropdown-menu>
+              <el-dropdown-item 
+                v-for="agent in agents" 
+                :key="agent.id" 
+                :command="agent.id"
+                :class="{ 'is-active': agent.id === currentAgent.id }"
+              >
+                <span class="dropdown-agent-icon">{{ agent.icon }}</span>
+                <span>{{ agent.name }}</span>
+              </el-dropdown-item>
+            </el-dropdown-menu>
+          </template>
+        </el-dropdown>
+      </header>
+
+      <!-- Chat Content -->
+      <div class="chat-content" ref="chatContentRef">
+      <!-- Welcome Message -->
+      <div v-if="messages.length === 0" class="welcome-section">
+        <div class="ai-avatar">
+          <div class="avatar-icon" :style="{ background: currentAgent.color }">
+            {{ currentAgent.icon }}
+          </div>
+        </div>
+        <p class="welcome-text">
+          {{ currentAgent.description }}
+        </p>
+        <h2 class="welcome-title">{{ welcomeTitle }}</h2>
+        
+        <!-- Suggestion Cards -->
+        <div class="suggestion-cards">
+          <div
+            v-for="(suggestion, index) in currentSuggestions"
+            :key="index"
+            class="suggestion-card"
+            @click="handleSuggestionClick(suggestion)"
+          >
+            <div class="card-icon" :style="{ background: currentAgent.color }">
+              <component :is="cardIcons[index % cardIcons.length]" />
+            </div>
+            <p class="card-text">{{ suggestion }}</p>
+          </div>
+        </div>
+      </div>
+
+      <!-- Chat Messages -->
+      <div v-else class="messages-container">
+        <div
+          v-for="message in messages"
+          :key="message.id"
+          class="message"
+          :class="message.role"
+        >
+          <div class="message-avatar">
+            <img v-if="message.role === 'assistant'" src="/logo.jpg" alt="AI" class="ai-avatar-small" />
+            <div v-else class="user-avatar-small">👤</div>
+          </div>
+          <div class="message-content">
+            <div class="message-text">{{ message.content }}</div>
+            <div class="message-time">{{ formatTime(message.timestamp) }}</div>
+          </div>
+        </div>
+        
+        <!-- Loading indicator -->
+        <div v-if="isLoading" class="message assistant">
+          <div class="message-avatar">
+            <img src="/logo.jpg" alt="AI" class="ai-avatar-small" />
+          </div>
+          <div class="message-content">
+            <div class="typing-indicator">
+              <span></span>
+              <span></span>
+              <span></span>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+
+    <!-- Input Area -->
+    <div class="input-area">
+      <div class="input-wrapper">
+        <textarea
+          v-model="inputText"
+          placeholder="请输入内容..."
+          @keydown.enter.prevent="handleSend"
+          rows="1"
+          ref="textareaRef"
+        ></textarea>
+        <div class="input-actions">
+          <div class="action-buttons">
+            <button class="action-btn" title="附件">
+              <el-icon><Paperclip /></el-icon>
+            </button>
+            <button class="action-btn" title="表情">
+              <el-icon><Star /></el-icon>
+            </button>
+            <button class="action-btn" title="图片">
+              <el-icon><Picture /></el-icon>
+            </button>
+            <button class="action-btn" title="更多">
+              <el-icon><MoreFilled /></el-icon>
+            </button>
+            <button class="action-btn" title="截图">
+              <el-icon><CameraFilled /></el-icon>
+            </button>
+          </div>
+          <div class="send-actions">
+            <button class="action-btn" title="语音">
+              <el-icon><Microphone /></el-icon>
+            </button>
+            <button class="send-btn" @click="handleSend" :disabled="!inputText.trim()">
+              <el-icon><Promotion /></el-icon>
+            </button>
+          </div>
+        </div>
+      </div>
+      </div>
+    </div>
+
+  </div>
+</template>
+
+<script setup>
+import { ref, onMounted, nextTick, watch, computed } from 'vue'
+import {
+  ArrowDown,
+  Paperclip,
+  Star,
+  Picture,
+  MoreFilled,
+  CameraFilled,
+  Microphone,
+  Promotion,
+  Mute,
+  OfficeBuilding,
+  Warning,
+  Cloudy,
+  Plus,
+  Fold,
+  Expand,
+  ChatDotRound,
+  Delete
+} from '@element-plus/icons-vue'
+import { useRoute } from 'vue-router'
+import { useChatStore } from '@/stores/chat'
+import { useAgentStore } from '@/stores/agent'
+
+const route = useRoute()
+const chatStore = useChatStore()
+const agentStore = useAgentStore()
+
+// 智能体相关
+const agents = computed(() => agentStore.agents)
+const currentAgent = computed(() => agentStore.currentAgent)
+
+const inputText = ref('')
+const isLoading = ref(false)
+const chatContentRef = ref(null)
+const textareaRef = ref(null)
+const sidebarCollapsed = ref(false)
+const currentConversationId = ref(null)
+
+// 对话历史记录
+const conversations = ref([
+  { id: 1, title: '城市生命线关键设施咨询', date: new Date(), messages: [] },
+  { id: 2, title: '消防安全隐患处理方案', date: new Date(), messages: [] },
+  { id: 3, title: '排水系统优化建议', date: new Date(Date.now() - 86400000), messages: [] },
+  { id: 4, title: '应急预案讨论', date: new Date(Date.now() - 172800000), messages: [] }
+])
+
+// 今天的对话
+const todayConversations = computed(() => {
+  const today = new Date()
+  today.setHours(0, 0, 0, 0)
+  return conversations.value.filter(conv => new Date(conv.date) >= today)
+})
+
+// 历史对话
+const olderConversations = computed(() => {
+  const today = new Date()
+  today.setHours(0, 0, 0, 0)
+  return conversations.value.filter(conv => new Date(conv.date) < today)
+})
+
+const messages = ref([])
+
+// 各智能体的建议内容
+const agentSuggestions = {
+  default: [
+    '城市生命线关键设施有哪些？',
+    '消防安全隐患常见问题以及处理措施有哪些？',
+    '如何平衡排水能力和生态环境保护？'
+  ],
+  xiaohongshu: [
+    '帮我写一篇关于美食探店的小红书文案',
+    '生成一篇旅行打卡的种草笔记',
+    '写一篇护肤心得分享文案'
+  ],
+  contract: [
+    '帮我审核这份合同的风险点',
+    '分析合同中的关键条款',
+    '生成一份标准服务合同模板'
+  ],
+  video: [
+    '帮我写一个产品介绍短视频脚本',
+    '生成一个美食探店的视频文案',
+    '写一个知识科普类短视频脚本'
+  ],
+  email: [
+    '帮我写一封商务合作邀请邮件',
+    '生成一封会议通知邮件',
+    '写一封工作周报汇报邮件'
+  ],
+  translate: [
+    '将这段中文翻译成英文',
+    '帮我翻译这份技术文档',
+    '将这段日文翻译成中文'
+  ]
+}
+
+// 各智能体的欢迎标题
+const agentWelcomeTitles = {
+  default: '今天需要我帮你做点什么吗？',
+  xiaohongshu: '想要创作什么样的爆款文案？',
+  contract: '需要我帮你处理什么合同？',
+  video: '想要创作什么样的短视频？',
+  email: '需要我帮你写什么邮件？',
+  translate: '需要翻译什么内容？'
+}
+
+// 当前智能体的建议
+const currentSuggestions = computed(() => {
+  return agentSuggestions[currentAgent.value.id] || agentSuggestions.default
+})
+
+// 当前欢迎标题
+const welcomeTitle = computed(() => {
+  return agentWelcomeTitles[currentAgent.value.id] || agentWelcomeTitles.default
+})
+
+const cardIcons = [OfficeBuilding, Warning, Cloudy]
+
+const formatTime = (timestamp) => {
+  if (!timestamp) return ''
+  const date = new Date(timestamp)
+  return date.toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit' })
+}
+
+const scrollToBottom = async () => {
+  await nextTick()
+  if (chatContentRef.value) {
+    chatContentRef.value.scrollTop = chatContentRef.value.scrollHeight
+  }
+}
+
+const handleSuggestionClick = async (suggestion) => {
+  inputText.value = suggestion
+  await handleSend()
+}
+
+// 新建对话
+const handleNewChat = () => {
+  const newConv = {
+    id: Date.now(),
+    title: '新对话',
+    date: new Date(),
+    messages: []
+  }
+  conversations.value.unshift(newConv)
+  currentConversationId.value = newConv.id
+  messages.value = []
+}
+
+// 选择对话
+const selectConversation = (conv) => {
+  currentConversationId.value = conv.id
+  messages.value = conv.messages || []
+}
+
+// 删除对话
+const deleteConversation = (id) => {
+  const index = conversations.value.findIndex(c => c.id === id)
+  if (index > -1) {
+    conversations.value.splice(index, 1)
+    if (currentConversationId.value === id) {
+      currentConversationId.value = null
+      messages.value = []
+    }
+  }
+}
+
+// 切换智能体
+const handleAgentChange = (agentId) => {
+  agentStore.setCurrentAgent(agentId)
+  // 切换智能体时清空对话
+  messages.value = []
+  currentConversationId.value = null
+}
+
+const handleSend = async () => {
+  const text = inputText.value.trim()
+  if (!text || isLoading.value) return
+
+  // Add user message
+  const userMessage = {
+    id: Date.now().toString(),
+    content: text,
+    role: 'user',
+    timestamp: new Date().toISOString()
+  }
+  messages.value.push(userMessage)
+  inputText.value = ''
+  
+  await scrollToBottom()
+  
+  // Show loading
+  isLoading.value = true
+  
+  try {
+    const response = await chatStore.sendMessage(text)
+    
+    // Add assistant message
+    const assistantMessage = {
+      id: response.id || Date.now().toString() + '_ai',
+      content: response.content,
+      role: 'assistant',
+      timestamp: response.timestamp || new Date().toISOString()
+    }
+    messages.value.push(assistantMessage)
+  } catch (error) {
+    console.error('Send message error:', error)
+    // Add error message
+    messages.value.push({
+      id: Date.now().toString() + '_error',
+      content: '抱歉，发送失败，请稍后重试。',
+      role: 'assistant',
+      timestamp: new Date().toISOString()
+    })
+  } finally {
+    isLoading.value = false
+    await scrollToBottom()
+  }
+}
+
+onMounted(async () => {
+  // 处理路由参数中的智能体ID
+  const agentId = route.query.agentId
+  if (agentId) {
+    agentStore.setCurrentAgent(agentId)
+  }
+  
+  try {
+    const data = await chatStore.getSuggestions()
+    if (data && data.length > 0) {
+      suggestions.value = data
+    }
+  } catch (error) {
+    console.log('Using default suggestions')
+  }
+})
+
+// 监听路由变化
+watch(() => route.query.agentId, (newAgentId) => {
+  if (newAgentId) {
+    agentStore.setCurrentAgent(newAgentId)
+    messages.value = []
+  }
+})
+</script>
+
+<style lang="scss" scoped>
+.chat-view {
+  display: flex;
+  flex-direction: row;
+  height: 100%;
+  background: #fff;
+  position: relative;
+}
+
+// 左侧侧边栏样式 - ChatGPT Style
+.chat-sidebar {
+  width: 260px;
+  background: #f7f7f8;
+  border-right: 1px solid #e5e7eb;
+  display: flex;
+  flex-direction: column;
+  transition: width 0.3s ease;
+  
+  &.collapsed {
+    width: 60px;
+    
+    .new-chat-btn {
+      padding: 10px;
+      justify-content: center;
+    }
+  }
+  
+  .sidebar-header {
+    padding: 12px;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+    border-bottom: 1px solid #e5e7eb;
+  }
+  
+  .new-chat-btn {
+    flex: 1;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    padding: 10px 16px;
+    background: #fff;
+    border: 1px solid #e5e7eb;
+    border-radius: 8px;
+    font-size: 14px;
+    color: #374151;
+    cursor: pointer;
+    transition: all 0.2s;
+    
+    &:hover {
+      background: #f3f4f6;
+      border-color: #7c3aed;
+      color: #7c3aed;
+    }
+  }
+  
+  .collapse-toggle {
+    width: 100%;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    gap: 8px;
+    padding: 10px 16px;
+    background: #fff;
+    border: 1px solid #e5e7eb;
+    border-radius: 8px;
+    font-size: 14px;
+    color: #6b7280;
+    cursor: pointer;
+    transition: all 0.2s;
+    
+    &:hover {
+      background: #f3f4f6;
+      color: #7c3aed;
+    }
+  }
+  
+  .conversations-list {
+    flex: 1;
+    overflow-y: auto;
+    padding: 12px 8px;
+  }
+  
+  .list-section {
+    margin-bottom: 16px;
+    
+    .section-title {
+      padding: 8px 12px;
+      font-size: 12px;
+      color: #9ca3af;
+      font-weight: 500;
+    }
+  }
+  
+  .conversation-item {
+    display: flex;
+    align-items: center;
+    gap: 10px;
+    padding: 10px 12px;
+    border-radius: 8px;
+    cursor: pointer;
+    transition: all 0.2s;
+    color: #374151;
+    
+    &:hover {
+      background: #e5e7eb;
+      
+      .conv-actions {
+        opacity: 1;
+      }
+    }
+    
+    &.active {
+      background: #e5e7eb;
+    }
+    
+    .conv-title {
+      flex: 1;
+      font-size: 14px;
+      overflow: hidden;
+      text-overflow: ellipsis;
+      white-space: nowrap;
+    }
+    
+    .conv-actions {
+      opacity: 0;
+      display: flex;
+      gap: 4px;
+      transition: opacity 0.2s;
+      
+      .action-icon {
+        padding: 4px;
+        border-radius: 4px;
+        color: #6b7280;
+        
+        &:hover {
+          background: #d1d5db;
+          color: #ef4444;
+        }
+      }
+    }
+  }
+}
+
+// 主聊天区域
+.chat-main {
+  flex: 1;
+  display: flex;
+  flex-direction: column;
+  min-width: 0;
+}
+
+.chat-header {
+  padding: 16px 24px;
+  border-bottom: 1px solid #e5e7eb;
+  
+  .agent-dropdown {
+    cursor: pointer;
+  }
+  
+  .header-title {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 16px;
+    font-weight: 500;
+    color: #374151;
+    cursor: pointer;
+    padding: 8px 12px;
+    border-radius: 8px;
+    transition: all 0.2s;
+    
+    &:hover {
+      background: #f3f4f6;
+      color: #7c3aed;
+    }
+    
+    .agent-icon {
+      font-size: 20px;
+    }
+  }
+}
+
+.dropdown-agent-icon {
+  margin-right: 8px;
+  font-size: 16px;
+}
+
+:deep(.el-dropdown-menu__item.is-active) {
+  background: rgba(124, 58, 237, 0.1);
+  color: #7c3aed;
+}
+
+.chat-content {
+  flex: 1;
+  overflow-y: auto;
+  padding: 40px 80px;
+}
+
+.welcome-section {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  justify-content: center;
+  min-height: 400px;
+  
+  .ai-avatar {
+    width: 88px;
+    height: 88px;
+    margin-bottom: 24px;
+    
+    .avatar-img {
+      width: 100%;
+      height: 100%;
+      border-radius: 16px;
+      object-fit: contain;
+      background: #f3f4f6;
+      padding: 8px;
+    }
+    
+    .avatar-icon {
+      width: 100%;
+      height: 100%;
+      border-radius: 16px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 40px;
+      color: #fff;
+    }
+  }
+  
+  .welcome-text {
+    color: #6b7280;
+    font-size: 14px;
+    margin-bottom: 12px;
+  }
+  
+  .welcome-title {
+    font-size: 24px;
+    font-weight: 600;
+    color: #1f2937;
+    margin-bottom: 40px;
+  }
+}
+
+.suggestion-cards {
+  display: flex;
+  gap: 16px;
+  flex-wrap: wrap;
+  justify-content: center;
+  max-width: 800px;
+  
+  .suggestion-card {
+    width: 220px;
+    padding: 20px;
+    background: #f9fafb;
+    border: 1px solid #e5e7eb;
+    border-radius: 12px;
+    cursor: pointer;
+    transition: all 0.2s ease;
+    
+    &:hover {
+      border-color: #7c3aed;
+      box-shadow: 0 4px 12px rgba(124, 58, 237, 0.15);
+      transform: translateY(-2px);
+    }
+    
+    .card-icon {
+      width: 40px;
+      height: 40px;
+      border-radius: 10px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #fff;
+      font-size: 20px;
+      margin-bottom: 12px;
+    }
+    
+    .card-text {
+      color: #374151;
+      font-size: 14px;
+      line-height: 1.5;
+    }
+  }
+}
+
+.messages-container {
+  display: flex;
+  flex-direction: column;
+  gap: 24px;
+  
+  .message {
+    display: flex;
+    gap: 12px;
+    
+    &.user {
+      flex-direction: row-reverse;
+      
+      .message-content {
+        align-items: flex-end;
+        
+        .message-text {
+          background: #7c3aed;
+          color: #fff;
+        }
+      }
+    }
+    
+    .message-avatar {
+      flex-shrink: 0;
+      
+      .ai-avatar-small {
+        width: 40px;
+        height: 40px;
+        border-radius: 10px;
+        object-fit: contain;
+        background: #f3f4f6;
+        padding: 4px;
+      }
+      
+      .user-avatar-small {
+        width: 40px;
+        height: 40px;
+        background: #e5e7eb;
+        border-radius: 50%;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        font-size: 18px;
+      }
+    }
+    
+    .message-content {
+      display: flex;
+      flex-direction: column;
+      gap: 4px;
+      max-width: 70%;
+      
+      .message-text {
+        padding: 12px 16px;
+        background: #f3f4f6;
+        border-radius: 12px;
+        color: #1f2937;
+        line-height: 1.6;
+        white-space: pre-wrap;
+      }
+      
+      .message-time {
+        font-size: 12px;
+        color: #9ca3af;
+        padding: 0 4px;
+      }
+    }
+  }
+}
+
+.typing-indicator {
+  display: flex;
+  gap: 4px;
+  padding: 16px;
+  
+  span {
+    width: 8px;
+    height: 8px;
+    background: #9ca3af;
+    border-radius: 50%;
+    animation: typing 1.4s infinite ease-in-out both;
+    
+    &:nth-child(1) { animation-delay: -0.32s; }
+    &:nth-child(2) { animation-delay: -0.16s; }
+  }
+}
+
+@keyframes typing {
+  0%, 80%, 100% {
+    transform: scale(0.6);
+    opacity: 0.5;
+  }
+  40% {
+    transform: scale(1);
+    opacity: 1;
+  }
+}
+
+.input-area {
+  padding: 20px 80px 30px;
+  background: #fff;
+  
+  .input-wrapper {
+    background: #f9fafb;
+    border: 1px solid #e5e7eb;
+    border-radius: 12px;
+    padding: 12px 16px;
+    
+    textarea {
+      width: 100%;
+      border: none;
+      background: transparent;
+      resize: none;
+      outline: none;
+      font-size: 14px;
+      color: #1f2937;
+      min-height: 24px;
+      max-height: 120px;
+      
+      &::placeholder {
+        color: #9ca3af;
+      }
+    }
+    
+    .input-actions {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-top: 12px;
+      
+      .action-buttons, .send-actions {
+        display: flex;
+        gap: 8px;
+      }
+      
+      .action-btn {
+        width: 32px;
+        height: 32px;
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #6b7280;
+        transition: all 0.2s;
+        
+        &:hover {
+          background: #e5e7eb;
+          color: #374151;
+        }
+      }
+      
+      .send-btn {
+        width: 36px;
+        height: 36px;
+        background: #7c3aed;
+        border-radius: 8px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #fff;
+        transition: all 0.2s;
+        
+        &:hover:not(:disabled) {
+          background: #5b21b6;
+        }
+        
+        &:disabled {
+          background: #d1d5db;
+          cursor: not-allowed;
+        }
+      }
+    }
+  }
+}
+
+</style>
diff --git a/江西城市生命线-可交互原型/frontend/src/views/EmergencyView.vue b/江西城市生命线-可交互原型/frontend/src/views/EmergencyView.vue
new file mode 100644
index 00000000..28392b0c
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/views/EmergencyView.vue
@@ -0,0 +1,179 @@
+<template>
+  <div class="emergency-view">
+    <header class="page-header">
+      <h1>应急预案</h1>
+      <p>城市生命线应急预案管理，支持智能生成和编辑</p>
+    </header>
+
+    <div class="action-bar">
+      <el-button type="primary">
+        <el-icon><Plus /></el-icon>
+        新建预案
+      </el-button>
+      <el-button>
+        <el-icon><MagicStick /></el-icon>
+        AI生成
+      </el-button>
+    </div>
+
+    <div class="plan-grid">
+      <div v-for="plan in plans" :key="plan.id" class="plan-card">
+        <div class="card-header">
+          <div class="card-icon" :style="{ background: plan.color }">
+            <el-icon><component :is="plan.icon" /></el-icon>
+          </div>
+          <el-tag size="small" :type="plan.statusType">{{ plan.status }}</el-tag>
+        </div>
+        <h3>{{ plan.title }}</h3>
+        <p>{{ plan.description }}</p>
+        <div class="card-footer">
+          <span class="update-time">更新于 {{ plan.updateTime }}</span>
+          <div class="card-actions">
+            <el-button type="primary" link size="small">编辑</el-button>
+            <el-button type="primary" link size="small">下载</el-button>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { Plus, MagicStick, Warning, Cloudy, Lightning, SetUp } from '@element-plus/icons-vue'
+
+const plans = ref([
+  {
+    id: 1,
+    title: '供水管网爆管应急预案',
+    description: '针对供水管网突发爆管事故的应急处置流程和措施',
+    icon: 'Cloudy',
+    color: '#3b82f6',
+    status: '已发布',
+    statusType: 'success',
+    updateTime: '2024-01-15'
+  },
+  {
+    id: 2,
+    title: '燃气泄漏应急预案',
+    description: '燃气管道泄漏事故的紧急响应和处置方案',
+    icon: 'Warning',
+    color: '#ef4444',
+    status: '已发布',
+    statusType: 'success',
+    updateTime: '2024-01-10'
+  },
+  {
+    id: 3,
+    title: '电力故障应急预案',
+    description: '大面积停电事故的应急响应和恢复方案',
+    icon: 'Lightning',
+    color: '#f59e0b',
+    status: '草稿',
+    statusType: 'info',
+    updateTime: '2024-01-18'
+  },
+  {
+    id: 4,
+    title: '城市内涝应急预案',
+    description: '暴雨导致城市内涝的预防和应急处置措施',
+    icon: 'SetUp',
+    color: '#10b981',
+    status: '审核中',
+    statusType: 'warning',
+    updateTime: '2024-01-20'
+  }
+])
+</script>
+
+<style lang="scss" scoped>
+.emergency-view {
+  padding: 32px 48px;
+  height: 100%;
+  overflow-y: auto;
+}
+
+.page-header {
+  margin-bottom: 24px;
+  
+  h1 {
+    font-size: 24px;
+    color: #1f2937;
+    margin-bottom: 8px;
+  }
+  
+  p {
+    color: #6b7280;
+    font-size: 14px;
+  }
+}
+
+.action-bar {
+  display: flex;
+  gap: 12px;
+  margin-bottom: 24px;
+}
+
+.plan-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(320px, 1fr));
+  gap: 20px;
+  
+  .plan-card {
+    background: #fff;
+    border: 1px solid #e5e7eb;
+    border-radius: 12px;
+    padding: 24px;
+    transition: all 0.2s;
+    
+    &:hover {
+      border-color: #7c3aed;
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+    }
+    
+    .card-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: flex-start;
+      margin-bottom: 16px;
+      
+      .card-icon {
+        width: 48px;
+        height: 48px;
+        border-radius: 12px;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        color: #fff;
+        font-size: 24px;
+      }
+    }
+    
+    h3 {
+      font-size: 16px;
+      color: #1f2937;
+      margin-bottom: 8px;
+    }
+    
+    p {
+      font-size: 13px;
+      color: #6b7280;
+      margin-bottom: 16px;
+      line-height: 1.5;
+    }
+    
+    .card-footer {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      padding-top: 16px;
+      border-top: 1px solid #f3f4f6;
+      
+      .update-time {
+        font-size: 12px;
+        color: #9ca3af;
+      }
+    }
+  }
+}
+</style>
diff --git a/江西城市生命线-可交互原型/frontend/src/views/HazardView.vue b/江西城市生命线-可交互原型/frontend/src/views/HazardView.vue
new file mode 100644
index 00000000..fe7acb85
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/views/HazardView.vue
@@ -0,0 +1,180 @@
+<template>
+  <div class="hazard-view">
+    <header class="page-header">
+      <h1>隐患识别</h1>
+      <p>智能识别城市生命线潜在安全隐患，提供预警和处置建议</p>
+    </header>
+
+    <div class="stats-section">
+      <div class="stat-card" v-for="stat in stats" :key="stat.label">
+        <div class="stat-value" :style="{ color: stat.color }">{{ stat.value }}</div>
+        <div class="stat-label">{{ stat.label }}</div>
+      </div>
+    </div>
+
+    <div class="hazard-list">
+      <div class="list-header">
+        <h2>隐患列表</h2>
+        <el-button type="primary" size="small">
+          <el-icon><Plus /></el-icon>
+          上报隐患
+        </el-button>
+      </div>
+      
+      <div class="hazard-table">
+        <div class="table-header">
+          <span class="col-type">类型</span>
+          <span class="col-desc">描述</span>
+          <span class="col-location">位置</span>
+          <span class="col-level">等级</span>
+          <span class="col-status">状态</span>
+          <span class="col-action">操作</span>
+        </div>
+        <div v-for="item in hazardList" :key="item.id" class="table-row">
+          <span class="col-type">{{ item.type }}</span>
+          <span class="col-desc">{{ item.description }}</span>
+          <span class="col-location">{{ item.location }}</span>
+          <span class="col-level">
+            <el-tag :type="getLevelType(item.level)" size="small">{{ item.level }}</el-tag>
+          </span>
+          <span class="col-status">
+            <el-tag :type="getStatusType(item.status)" size="small">{{ item.status }}</el-tag>
+          </span>
+          <span class="col-action">
+            <el-button type="primary" link size="small">查看</el-button>
+            <el-button type="primary" link size="small">处理</el-button>
+          </span>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { Plus } from '@element-plus/icons-vue'
+
+const stats = [
+  { label: '待处理隐患', value: 12, color: '#ef4444' },
+  { label: '处理中', value: 8, color: '#f59e0b' },
+  { label: '本月已处理', value: 45, color: '#10b981' },
+  { label: '累计识别', value: 328, color: '#7c3aed' }
+]
+
+const hazardList = ref([
+  { id: 1, type: '供水管网', description: '管道老化存在渗漏风险', location: '红谷滩区丰和大道', level: '高', status: '待处理' },
+  { id: 2, type: '燃气管道', description: '阀门锈蚀需要更换', location: '东湖区八一大道', level: '中', status: '处理中' },
+  { id: 3, type: '电力设施', description: '变压器负荷过高', location: '西湖区朝阳路', level: '高', status: '待处理' },
+  { id: 4, type: '排水系统', description: '雨水井堵塞', location: '青山湖区北京路', level: '低', status: '已处理' }
+])
+
+const getLevelType = (level) => {
+  const map = { '高': 'danger', '中': 'warning', '低': 'info' }
+  return map[level] || 'info'
+}
+
+const getStatusType = (status) => {
+  const map = { '待处理': 'danger', '处理中': 'warning', '已处理': 'success' }
+  return map[status] || 'info'
+}
+</script>
+
+<style lang="scss" scoped>
+.hazard-view {
+  padding: 32px 48px;
+  height: 100%;
+  overflow-y: auto;
+}
+
+.page-header {
+  margin-bottom: 32px;
+  
+  h1 {
+    font-size: 24px;
+    color: #1f2937;
+    margin-bottom: 8px;
+  }
+  
+  p {
+    color: #6b7280;
+    font-size: 14px;
+  }
+}
+
+.stats-section {
+  display: grid;
+  grid-template-columns: repeat(4, 1fr);
+  gap: 20px;
+  margin-bottom: 32px;
+  
+  .stat-card {
+    background: #fff;
+    border: 1px solid #e5e7eb;
+    border-radius: 12px;
+    padding: 24px;
+    text-align: center;
+    
+    .stat-value {
+      font-size: 32px;
+      font-weight: 600;
+      margin-bottom: 8px;
+    }
+    
+    .stat-label {
+      color: #6b7280;
+      font-size: 14px;
+    }
+  }
+}
+
+.hazard-list {
+  background: #fff;
+  border: 1px solid #e5e7eb;
+  border-radius: 12px;
+  padding: 24px;
+  
+  .list-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+    
+    h2 {
+      font-size: 18px;
+      color: #1f2937;
+    }
+  }
+}
+
+.hazard-table {
+  .table-header, .table-row {
+    display: grid;
+    grid-template-columns: 100px 1fr 180px 80px 80px 120px;
+    gap: 16px;
+    padding: 12px 16px;
+    align-items: center;
+  }
+  
+  .table-header {
+    background: #f9fafb;
+    border-radius: 8px;
+    font-weight: 500;
+    color: #6b7280;
+    font-size: 13px;
+  }
+  
+  .table-row {
+    border-bottom: 1px solid #f3f4f6;
+    font-size: 14px;
+    color: #374151;
+    
+    &:last-child {
+      border-bottom: none;
+    }
+    
+    &:hover {
+      background: #f9fafb;
+    }
+  }
+}
+</style>
diff --git a/江西城市生命线-可交互原型/frontend/src/views/KnowledgeView.vue b/江西城市生命线-可交互原型/frontend/src/views/KnowledgeView.vue
new file mode 100644
index 00000000..d96e2fd3
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/views/KnowledgeView.vue
@@ -0,0 +1,202 @@
+<template>
+  <div class="knowledge-view">
+    <header class="page-header">
+      <h1>知识库</h1>
+      <p>城市生命线领域知识库，包含政策法规、技术标准、案例分析等</p>
+    </header>
+
+    <div class="search-section">
+      <el-input
+        v-model="searchText"
+        placeholder="搜索知识库..."
+        size="large"
+        :prefix-icon="Search"
+      />
+    </div>
+
+    <div class="knowledge-categories">
+      <div
+        v-for="category in categories"
+        :key="category.id"
+        class="category-card"
+      >
+        <div class="card-icon" :style="{ background: category.color }">
+          <el-icon><component :is="category.icon" /></el-icon>
+        </div>
+        <div class="card-content">
+          <h3>{{ category.name }}</h3>
+          <p>{{ category.description }}</p>
+          <span class="doc-count">{{ category.count }} 篇文档</span>
+        </div>
+      </div>
+    </div>
+
+    <div class="recent-docs">
+      <h2>最近浏览</h2>
+      <div class="doc-list">
+        <div v-for="doc in recentDocs" :key="doc.id" class="doc-item">
+          <el-icon><Document /></el-icon>
+          <div class="doc-info">
+            <span class="doc-title">{{ doc.title }}</span>
+            <span class="doc-time">{{ doc.time }}</span>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import {
+  Search,
+  Document,
+  Reading,
+  Files,
+  DataAnalysis,
+  Warning
+} from '@element-plus/icons-vue'
+
+const searchText = ref('')
+
+const categories = [
+  { id: 1, name: '政策法规', description: '国家及地方相关政策法规文件', count: 128, color: '#7c3aed', icon: 'Reading' },
+  { id: 2, name: '技术标准', description: '行业技术标准与规范', count: 86, color: '#10b981', icon: 'Files' },
+  { id: 3, name: '案例分析', description: '典型案例分析与经验总结', count: 54, color: '#f59e0b', icon: 'DataAnalysis' },
+  { id: 4, name: '应急管理', description: '应急预案与处置流程', count: 42, color: '#ef4444', icon: 'Warning' }
+]
+
+const recentDocs = [
+  { id: 1, title: '城市供水管网安全运行管理规范', time: '2小时前' },
+  { id: 2, title: '燃气管道安全检测技术标准', time: '昨天' },
+  { id: 3, title: '城市内涝应急处置预案模板', time: '3天前' }
+]
+</script>
+
+<style lang="scss" scoped>
+.knowledge-view {
+  padding: 32px 48px;
+  height: 100%;
+  overflow-y: auto;
+}
+
+.page-header {
+  margin-bottom: 32px;
+  
+  h1 {
+    font-size: 24px;
+    color: #1f2937;
+    margin-bottom: 8px;
+  }
+  
+  p {
+    color: #6b7280;
+    font-size: 14px;
+  }
+}
+
+.search-section {
+  margin-bottom: 32px;
+  max-width: 600px;
+}
+
+.knowledge-categories {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+  gap: 20px;
+  margin-bottom: 40px;
+  
+  .category-card {
+    background: #fff;
+    border: 1px solid #e5e7eb;
+    border-radius: 12px;
+    padding: 24px;
+    display: flex;
+    gap: 16px;
+    cursor: pointer;
+    transition: all 0.2s;
+    
+    &:hover {
+      border-color: #7c3aed;
+      box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
+    }
+    
+    .card-icon {
+      width: 48px;
+      height: 48px;
+      border-radius: 12px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      color: #fff;
+      font-size: 24px;
+      flex-shrink: 0;
+    }
+    
+    .card-content {
+      h3 {
+        font-size: 16px;
+        color: #1f2937;
+        margin-bottom: 4px;
+      }
+      
+      p {
+        font-size: 13px;
+        color: #6b7280;
+        margin-bottom: 8px;
+      }
+      
+      .doc-count {
+        font-size: 12px;
+        color: #7c3aed;
+      }
+    }
+  }
+}
+
+.recent-docs {
+  h2 {
+    font-size: 18px;
+    color: #1f2937;
+    margin-bottom: 16px;
+  }
+  
+  .doc-list {
+    .doc-item {
+      display: flex;
+      align-items: center;
+      gap: 12px;
+      padding: 12px 16px;
+      background: #fff;
+      border: 1px solid #e5e7eb;
+      border-radius: 8px;
+      margin-bottom: 8px;
+      cursor: pointer;
+      
+      &:hover {
+        background: #f9fafb;
+      }
+      
+      .el-icon {
+        color: #6b7280;
+        font-size: 20px;
+      }
+      
+      .doc-info {
+        display: flex;
+        justify-content: space-between;
+        flex: 1;
+        
+        .doc-title {
+          color: #374151;
+        }
+        
+        .doc-time {
+          color: #9ca3af;
+          font-size: 12px;
+        }
+      }
+    }
+  }
+}
+</style>
diff --git a/江西城市生命线-可交互原型/frontend/src/views/ProfileView.vue b/江西城市生命线-可交互原型/frontend/src/views/ProfileView.vue
new file mode 100644
index 00000000..eccafce0
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/views/ProfileView.vue
@@ -0,0 +1,276 @@
+<template>
+  <div class="profile-view">
+    <div class="profile-header">
+      <h1>个人中心</h1>
+      <p class="subtitle">管理您的个人信息和账户设置</p>
+    </div>
+
+    <div class="profile-content">
+      <el-tabs v-model="activeTab">
+        <el-tab-pane label="基本信息" name="basic">
+          <el-card>
+            <div class="profile-section">
+              <div class="avatar-section">
+                <el-avatar :size="100" src="/avatar.svg">李志鹏</el-avatar>
+                <el-button type="primary" size="small" style="margin-top: 16px;">
+                  <el-icon><Upload /></el-icon>
+                  更换头像
+                </el-button>
+              </div>
+
+              <el-form :model="profileForm" label-width="100px" style="max-width: 600px;">
+                <el-form-item label="姓名">
+                  <el-input v-model="profileForm.name" />
+                </el-form-item>
+                <el-form-item label="工号">
+                  <el-input v-model="profileForm.employeeId" disabled />
+                </el-form-item>
+                <el-form-item label="部门">
+                  <el-input v-model="profileForm.department" />
+                </el-form-item>
+                <el-form-item label="职位">
+                  <el-input v-model="profileForm.position" />
+                </el-form-item>
+                <el-form-item label="手机号">
+                  <el-input v-model="profileForm.phone" />
+                </el-form-item>
+                <el-form-item label="邮箱">
+                  <el-input v-model="profileForm.email" />
+                </el-form-item>
+                <el-form-item>
+                  <el-button type="primary" @click="saveProfile">保存修改</el-button>
+                  <el-button @click="resetProfile">重置</el-button>
+                </el-form-item>
+              </el-form>
+            </div>
+          </el-card>
+        </el-tab-pane>
+
+        <el-tab-pane label="账户安全" name="security">
+          <el-card>
+            <div class="security-section">
+              <div class="security-item">
+                <div class="security-info">
+                  <h3>登录密码</h3>
+                  <p>定期更换密码可以提高账户安全性</p>
+                </div>
+                <el-button type="primary" link @click="showPasswordDialog = true">修改密码</el-button>
+              </div>
+              
+              <el-divider />
+              
+              <div class="security-item">
+                <div class="security-info">
+                  <h3>双因素认证</h3>
+                  <p>开启后登录需要验证码，更加安全</p>
+                </div>
+                <el-switch v-model="twoFactorEnabled" />
+              </div>
+              
+              <el-divider />
+              
+              <div class="security-item">
+                <div class="security-info">
+                  <h3>登录设备管理</h3>
+                  <p>查看和管理您的登录设备</p>
+                </div>
+                <el-button type="primary" link>查看设备</el-button>
+              </div>
+            </div>
+          </el-card>
+        </el-tab-pane>
+
+        <el-tab-pane label="通知设置" name="notification">
+          <el-card>
+            <div class="notification-section">
+              <el-form label-width="150px">
+                <el-form-item label="邮件通知">
+                  <el-switch v-model="notificationSettings.email" />
+                  <span class="setting-desc">接收系统邮件通知</span>
+                </el-form-item>
+                <el-form-item label="短信通知">
+                  <el-switch v-model="notificationSettings.sms" />
+                  <span class="setting-desc">接收重要事项短信提醒</span>
+                </el-form-item>
+                <el-form-item label="工单提醒">
+                  <el-switch v-model="notificationSettings.ticket" />
+                  <span class="setting-desc">新工单分配时提醒</span>
+                </el-form-item>
+                <el-form-item label="系统公告">
+                  <el-switch v-model="notificationSettings.announcement" />
+                  <span class="setting-desc">接收系统公告推送</span>
+                </el-form-item>
+              </el-form>
+            </div>
+          </el-card>
+        </el-tab-pane>
+
+        <el-tab-pane label="操作日志" name="logs">
+          <el-card>
+            <el-table :data="operationLogs" style="width: 100%">
+              <el-table-column prop="time" label="时间" width="180" />
+              <el-table-column prop="action" label="操作" width="200" />
+              <el-table-column prop="ip" label="IP地址" width="150" />
+              <el-table-column prop="device" label="设备" />
+            </el-table>
+          </el-card>
+        </el-tab-pane>
+      </el-tabs>
+    </div>
+
+    <!-- 修改密码对话框 -->
+    <el-dialog v-model="showPasswordDialog" title="修改密码" width="400px">
+      <el-form :model="passwordForm" label-width="100px">
+        <el-form-item label="原密码">
+          <el-input v-model="passwordForm.oldPassword" type="password" show-password />
+        </el-form-item>
+        <el-form-item label="新密码">
+          <el-input v-model="passwordForm.newPassword" type="password" show-password />
+        </el-form-item>
+        <el-form-item label="确认密码">
+          <el-input v-model="passwordForm.confirmPassword" type="password" show-password />
+        </el-form-item>
+      </el-form>
+      <template #footer>
+        <el-button @click="showPasswordDialog = false">取消</el-button>
+        <el-button type="primary" @click="changePassword">确认修改</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { Upload } from '@element-plus/icons-vue'
+import { ElMessage } from 'element-plus'
+
+const activeTab = ref('basic')
+
+const profileForm = ref({
+  name: '李志鹏',
+  employeeId: 'TH20230001',
+  department: '技术研发部',
+  position: '高级工程师',
+  phone: '13800138000',
+  email: 'lizhipeng@taihao.com'
+})
+
+const twoFactorEnabled = ref(false)
+
+const notificationSettings = ref({
+  email: true,
+  sms: true,
+  ticket: true,
+  announcement: false
+})
+
+const operationLogs = ref([
+  { time: '2024-12-06 18:30:00', action: '登录系统', ip: '192.168.1.100', device: 'Windows 11 / Chrome' },
+  { time: '2024-12-06 14:20:00', action: '修改个人信息', ip: '192.168.1.100', device: 'Windows 11 / Chrome' },
+  { time: '2024-12-05 09:15:00', action: '登录系统', ip: '192.168.1.100', device: 'Windows 11 / Chrome' },
+  { time: '2024-12-04 16:45:00', action: '创建工单', ip: '192.168.1.100', device: 'Windows 11 / Chrome' }
+])
+
+const showPasswordDialog = ref(false)
+const passwordForm = ref({
+  oldPassword: '',
+  newPassword: '',
+  confirmPassword: ''
+})
+
+const saveProfile = () => {
+  ElMessage.success('个人信息保存成功！')
+}
+
+const resetProfile = () => {
+  ElMessage.info('已重置为原始信息')
+}
+
+const changePassword = () => {
+  if (passwordForm.value.newPassword !== passwordForm.value.confirmPassword) {
+    ElMessage.error('两次输入的密码不一致！')
+    return
+  }
+  ElMessage.success('密码修改成功！')
+  showPasswordDialog.value = false
+  passwordForm.value = {
+    oldPassword: '',
+    newPassword: '',
+    confirmPassword: ''
+  }
+}
+</script>
+
+<style lang="scss" scoped>
+.profile-view {
+  height: 100vh;
+  background: #f5f7fa;
+  overflow-y: auto;
+}
+
+.profile-header {
+  padding: 32px 40px;
+  background: #fff;
+  border-bottom: 1px solid #e4e7ed;
+  
+  h1 {
+    font-size: 28px;
+    margin: 0 0 8px 0;
+    color: #303133;
+  }
+  
+  .subtitle {
+    font-size: 14px;
+    color: #909399;
+    margin: 0;
+  }
+}
+
+.profile-content {
+  padding: 24px 40px;
+  max-width: 1200px;
+}
+
+.profile-section {
+  .avatar-section {
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    margin-bottom: 32px;
+    padding: 24px;
+    background: #f5f7fa;
+    border-radius: 8px;
+  }
+}
+
+.security-section {
+  .security-item {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    padding: 20px 0;
+    
+    .security-info {
+      h3 {
+        font-size: 16px;
+        margin: 0 0 8px 0;
+        color: #303133;
+      }
+      
+      p {
+        font-size: 14px;
+        color: #909399;
+        margin: 0;
+      }
+    }
+  }
+}
+
+.notification-section {
+  .setting-desc {
+    margin-left: 12px;
+    font-size: 13px;
+    color: #909399;
+  }
+}
+</style>
diff --git a/江西城市生命线-可交互原型/frontend/src/views/ServiceView.vue b/江西城市生命线-可交互原型/frontend/src/views/ServiceView.vue
new file mode 100644
index 00000000..373d743b
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/views/ServiceView.vue
@@ -0,0 +1,2017 @@
+<template>
+  <div class="service-system">
+    <!-- 左侧边栏 -->
+    <aside class="service-sidebar">
+      <div class="sidebar-header">
+        <h2>智能客服系统</h2>
+      </div>
+      
+      <!-- 新建对话 -->
+      <div class="nav-section">
+        <div 
+          class="nav-item new-chat" 
+          @click="startNewChat"
+        >
+          <el-icon><Plus /></el-icon>
+          <span>新建对话</span>
+        </div>
+      </div>
+      
+      <!-- 历史对话 -->
+      <div class="chat-history">
+        <div class="history-title">历史对话</div>
+        <div class="history-list">
+          <div 
+            v-for="chat in chatHistory" 
+            :key="chat.id"
+            class="history-item"
+            :class="{ active: currentChatId === chat.id }"
+            @click="loadChat(chat.id)"
+          >
+            <el-icon><ChatLineRound /></el-icon>
+            <div class="history-info">
+              <div class="history-name">{{ chat.title }}</div>
+              <div class="history-time">{{ chat.time }}</div>
+            </div>
+          </div>
+        </div>
+      </div>
+      
+      <div class="sidebar-footer">
+        v2.1.0 (Build 2025)
+      </div>
+    </aside>
+
+    <!-- 主内容区 -->
+    <div class="service-main">
+      <!-- 在线问答 -->
+      <div v-if="activeView === 'chat'" class="view-chat">
+        <div class="chat-header">
+          <h1>泰豪小电-对内</h1>
+          <p class="subtitle">Real-time Support Agent</p>
+        </div>
+        
+        <div class="chat-layout">
+          <!-- 聊天区域 -->
+          <div class="chat-area">
+            <!-- AI助手信息 -->
+            <div class="ai-info">
+              <div class="ai-avatar">🤖</div>
+              <div class="ai-details">
+                <div class="ai-name">泰豪智能服务助手</div>
+                <div class="ai-status">
+                  <span class="status-dot"></span>
+                  基于 RAG 知识库 · 24小时在线
+                </div>
+              </div>
+            </div>
+
+            <!-- 消息列表 -->
+            <div class="messages" ref="messagesRef">
+              <div v-for="msg in messages" :key="msg.id" class="message" :class="msg.role">
+                <div class="message-content">
+                  <div class="message-text">{{ msg.text }}</div>
+                  <div class="message-time">{{ msg.time }}</div>
+                </div>
+              </div>
+            </div>
+
+            <!-- 快捷操作按钮 -->
+            <div class="quick-actions">
+              <button class="quick-btn" @click="quickReply('设备操作手册')">
+                <el-icon><Document /></el-icon>
+                设备操作手册
+              </button>
+              <button class="quick-btn" @click="quickReply('故障排查指南')">
+                <el-icon><Warning /></el-icon>
+                故障排查指南
+              </button>
+              <button class="quick-btn" @click="quickReply('维保服务规范')">
+                <el-icon><List /></el-icon>
+                维保服务规范
+              </button>
+              <button class="quick-btn" @click="quickReply('技术参数查询')">
+                <el-icon><Search /></el-icon>
+                技术参数查询
+              </button>
+            </div>
+
+            <!-- 输入框 -->
+            <div class="input-area">
+              <el-icon class="attach-icon"><Paperclip /></el-icon>
+              <el-input
+                v-model="inputText"
+                placeholder="描述您的问题 (如: 发电机启动失败异常)..."
+                @keyup.enter="sendMessage"
+              />
+              <el-button type="primary" :icon="Promotion" circle @click="sendMessage" />
+            </div>
+          </div>
+
+        </div>
+      </div>
+
+      <!-- 数据中台 -->
+      <div v-if="activeView === 'stats'" class="view-stats">
+        <div class="view-header">
+          <h1>智能客服管理中台</h1>
+          <p class="subtitle">客户服务数据与工单管理</p>
+        </div>
+
+        <div class="stats-section">
+          <div class="section-header">
+            <h2>数据概览</h2>
+            <div class="time-tabs">
+              <button :class="{ active: timeRange === 'today' }" @click="timeRange = 'today'">今日</button>
+              <button :class="{ active: timeRange === 'week' }" @click="timeRange = 'week'">近7天</button>
+              <button :class="{ active: timeRange === 'month' }" @click="timeRange = 'month'">本月</button>
+            </div>
+          </div>
+
+          <div class="stats-cards">
+            <div class="stat-card">
+              <div class="stat-icon chat-icon">
+                <el-icon><ChatDotRound /></el-icon>
+              </div>
+              <div class="stat-info">
+                <div class="stat-label">今日咨询量</div>
+                <div class="stat-value">342</div>
+                <div class="stat-change positive">+12% 较昨日</div>
+              </div>
+            </div>
+
+            <div class="stat-card">
+              <div class="stat-icon success-icon">
+                <el-icon><Select /></el-icon>
+              </div>
+              <div class="stat-info">
+                <div class="stat-label">工单解决率</div>
+                <div class="stat-value">98.5%</div>
+                <div class="stat-change positive">+0.5% 较昨日</div>
+              </div>
+            </div>
+
+            <div class="stat-card">
+              <div class="stat-icon warning-icon">
+                <el-icon><Warning /></el-icon>
+              </div>
+              <div class="stat-info">
+                <div class="stat-label">未处理工单</div>
+                <div class="stat-value">12</div>
+                <div class="stat-change positive">+2 较昨日</div>
+              </div>
+            </div>
+
+            <div class="stat-card">
+              <div class="stat-icon complete-icon">
+                <el-icon><CircleCheck /></el-icon>
+              </div>
+              <div class="stat-info">
+                <div class="stat-label">已处理工单</div>
+                <div class="stat-value">1,285</div>
+                <div class="stat-change positive">+45 较昨日</div>
+              </div>
+            </div>
+          </div>
+
+          <!-- 词云和分布图 -->
+          <div class="charts-row">
+            <div class="chart-card">
+              <h3>热门咨询词云</h3>
+              <p class="chart-subtitle">越频繁出现字体越大 ◆◆◆◆◆问题趋势集中</p>
+              <div class="word-cloud">
+                <span class="word size-xl">发电机启动失败</span>
+                <span class="word size-lg">电压不稳定</span>
+                <span class="word size-lg">S200型号</span>
+                <span class="word size-md">配件更换</span>
+                <span class="word size-md">远程监控</span>
+                <span class="word size-md">维保合同</span>
+                <span class="word size-sm">噪音过大</span>
+                <span class="word size-sm">油耗异常</span>
+                <span class="word size-xs">固件升级</span>
+                <span class="word size-xs">散热故障</span>
+              </div>
+            </div>
+
+            <div class="chart-card">
+              <h3>工单来源分布</h3>
+              <div class="distribution-chart">
+                <div class="dist-item">
+                  <div class="dist-label">微信小程序 (55%)</div>
+                  <div class="dist-bar">
+                    <div class="dist-fill" style="width: 55%; background: #10b981;"></div>
+                  </div>
+                </div>
+                <div class="dist-item">
+                  <div class="dist-label">400电话转接 (20%)</div>
+                  <div class="dist-bar">
+                    <div class="dist-fill" style="width: 20%; background: #3b82f6;"></div>
+                  </div>
+                </div>
+                <div class="dist-item">
+                  <div class="dist-label">官网Web (15%)</div>
+                  <div class="dist-bar">
+                    <div class="dist-fill" style="width: 15%; background: #8b5cf6;"></div>
+                  </div>
+                </div>
+                <div class="dist-item">
+                  <div class="dist-label">IoT自动报警 (10%)</div>
+                  <div class="dist-bar">
+                    <div class="dist-fill" style="width: 10%; background: #f59e0b;"></div>
+                  </div>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- 工单管理 -->
+      <div v-if="activeView === 'tickets'" class="view-tickets">
+        <div class="view-header">
+          <h1>智能客服管理中台</h1>
+          <p class="subtitle">客户服务数据与工单管理</p>
+        </div>
+
+        <div class="tickets-section">
+          <div class="section-toolbar">
+            <h2>工单管理</h2>
+            <div class="toolbar-actions">
+              <el-select v-model="ticketStatusFilter" placeholder="所有状态" size="small">
+                <el-option label="所有状态" value="" />
+                <el-option label="处理中" value="processing" />
+                <el-option label="待分配" value="pending" />
+                <el-option label="已解决" value="resolved" />
+                <el-option label="已关闭" value="closed" />
+              </el-select>
+              <el-select v-model="ticketTypeFilter" placeholder="所有类型" size="small">
+                <el-option label="所有类型" value="" />
+                <el-option label="技术故障" value="tech" />
+                <el-option label="配件需求" value="parts" />
+                <el-option label="服务咨询" value="service" />
+              </el-select>
+              <el-date-picker
+                v-model="ticketDateFilter"
+                type="date"
+                placeholder="年/月/日"
+                size="small"
+              />
+              <el-button type="primary" size="small" :icon="Search">查询</el-button>
+            </div>
+          </div>
+
+          <el-table :data="filteredTickets" style="width: 100%">
+            <el-table-column type="selection" width="55" />
+            <el-table-column prop="id" label="工单编号" width="150">
+              <template #default="{ row }">
+                <el-link type="primary" @click="viewTicketDetail(row)">{{ row.id }}</el-link>
+              </template>
+            </el-table-column>
+            <el-table-column prop="client" label="客户名称" width="180" />
+            <el-table-column prop="issueType" label="问题类型" width="120" />
+            <el-table-column prop="urgency" label="紧急程度" width="100">
+              <template #default="{ row }">
+                <el-tag :type="getUrgencyType(row.urgency)" size="small">
+                  {{ row.urgency }}
+                </el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column prop="status" label="状态" width="100">
+              <template #default="{ row }">
+                <el-tag :type="getStatusType(row.status)" size="small">
+                  {{ getStatusText(row.status) }}
+                </el-tag>
+              </template>
+            </el-table-column>
+            <el-table-column prop="createdAt" label="创建时间" width="180" />
+            <el-table-column label="操作" width="180" fixed="right">
+              <template #default="{ row }">
+                <el-button 
+                  v-if="row.status === 'pending'" 
+                  type="primary" 
+                  link 
+                  size="small"
+                  @click="assignTicket(row)"
+                >
+                  <el-icon><UserFilled /></el-icon>
+                  分配
+                </el-button>
+                <el-button type="primary" link size="small" @click="addRemark(row)">
+                  <el-icon><ChatDotRound /></el-icon>
+                  备注
+                </el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+        </div>
+      </div>
+
+      <!-- 用户管理 -->
+      <div v-if="activeView === 'users'" class="view-users">
+        <div class="view-header">
+          <h1>智能客服管理中台</h1>
+          <p class="subtitle">客户服务数据与工单管理</p>
+        </div>
+
+        <div class="users-section">
+          <el-tabs v-model="userTab">
+            <el-tab-pane label="内部员工管理" name="internal">
+              <div class="tab-toolbar">
+                <el-input
+                  v-model="employeeSearch"
+                  placeholder="搜索姓名/手机号"
+                  size="small"
+                  style="width: 200px;"
+                >
+                  <template #prefix><el-icon><Search /></el-icon></template>
+                </el-input>
+                <el-button type="primary" size="small">
+                  <el-icon><Plus /></el-icon>
+                  新增员工
+                </el-button>
+              </div>
+
+              <el-table :data="employees" style="width: 100%">
+                <el-table-column prop="name" label="姓名" width="120" />
+                <el-table-column prop="dept" label="部门" width="150" />
+                <el-table-column prop="role" label="岗位/角色" width="150">
+                  <template #default="{ row }">
+                    <el-tag size="small" :type="row.role === '管理员' ? 'danger' : 'primary'">
+                      {{ row.role }}
+                    </el-tag>
+                  </template>
+                </el-table-column>
+                <el-table-column prop="phone" label="手机号" width="150" />
+                <el-table-column prop="status" label="状态" width="100">
+                  <template #default="{ row }">
+                    <el-tag :type="row.status === '正常' ? 'success' : 'danger'" size="small">
+                      {{ row.status }}
+                    </el-tag>
+                  </template>
+                </el-table-column>
+                <el-table-column label="操作" width="150">
+                  <template>
+                    <el-button type="primary" link size="small">
+                      <el-icon><Edit /></el-icon>
+                    </el-button>
+                    <el-button type="danger" link size="small">
+                      <el-icon><Warning /></el-icon>
+                    </el-button>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </el-tab-pane>
+
+            <el-tab-pane label="外部客户管理 (小程序)" name="external">
+              <div class="tab-toolbar">
+                <el-input
+                  v-model="customerSearch"
+                  placeholder="微信昵称/OpenID"
+                  size="small"
+                  style="width: 200px;"
+                >
+                  <template #prefix><el-icon><Search /></el-icon></template>
+                </el-input>
+                <el-select v-model="consultSort" placeholder="咨询次数" size="small" style="width: 120px;">
+                  <el-option label="不限" value="" />
+                  <el-option label="咨询次数" value="consult" />
+                </el-select>
+                <el-select v-model="ticketSort" placeholder="工单数量" size="small" style="width: 120px;">
+                  <el-option label="不限" value="" />
+                  <el-option label="工单数量" value="ticket" />
+                </el-select>
+              </div>
+
+              <el-table :data="customers" style="width: 100%">
+                <el-table-column label="微信头像/昵称" width="200">
+                  <template #default="{ row }">
+                    <div class="user-cell">
+                      <el-avatar :size="32">{{ row.nickname[0] }}</el-avatar>
+                      <span>{{ row.nickname }}</span>
+                    </div>
+                  </template>
+                </el-table-column>
+                <el-table-column prop="openId" label="OpenID" width="150" />
+                <el-table-column prop="company" label="绑定公司" width="180" />
+                <el-table-column prop="consultCount" label="咨询次数" width="100" align="center" />
+                <el-table-column prop="ticketCount" label="历史工单" width="100" align="center" />
+                <el-table-column label="操作" width="120">
+                  <template>
+                    <el-link type="primary">查看记录</el-link>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </el-tab-pane>
+
+            <el-tab-pane label="权限角色管理" name="roles">
+              <div class="roles-grid">
+                <div v-for="role in roles" :key="role.id" class="role-card">
+                  <div class="role-header">
+                    <el-icon><UserFilled /></el-icon>
+                    <span>{{ role.name }}</span>
+                  </div>
+                  <div class="role-desc">{{ role.desc }}</div>
+                  <div class="role-stats">
+                    <span>{{ role.users }} 人</span>
+                    <span>{{ role.perms }} 项权限</span>
+                  </div>
+                </div>
+              </div>
+            </el-tab-pane>
+          </el-tabs>
+        </div>
+      </div>
+    </div>
+
+    <!-- 创建工单对话框 -->
+    <el-dialog
+      v-model="showCreateTicket"
+      title="创建服务工单"
+      width="700px"
+    >
+      <el-alert
+        title="通过 AI 分析聊天记录，自动填充表单"
+        type="info"
+        :closable="false"
+        style="margin-bottom: 20px;"
+      >
+        <template #default>
+          <el-button type="primary" size="small" @click="aiExtract" :loading="extracting">
+            <el-icon><MagicStick /></el-icon>
+            {{ extracting ? '分析中...' : 'AI一键智能提取' }}
+          </el-button>
+        </template>
+      </el-alert>
+
+      <el-form :model="ticketForm" label-width="100px">
+        <el-row :gutter="20">
+          <el-col :span="12">
+            <el-form-item label="客户姓名" required>
+              <el-input v-model="ticketForm.name" placeholder="请输入人姓名">
+                <template #prefix><el-icon><User /></el-icon></template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+          <el-col :span="12">
+            <el-form-item label="联系电话" required>
+              <el-input v-model="ticketForm.phone" placeholder="请输入人电话">
+                <template #prefix><el-icon><Phone /></el-icon></template>
+              </el-input>
+            </el-form-item>
+          </el-col>
+        </el-row>
+
+        <el-form-item label="设备型号" required>
+          <el-select v-model="ticketForm.model" placeholder="请选择设备型号" style="width: 100%;">
+            <el-option label="TH-500GF" value="TH-500GF" />
+            <el-option label="S-200X" value="S-200X" />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="故障类型" required>
+          <el-select v-model="ticketForm.faultType" placeholder="电气系统故障" style="width: 100%;">
+            <el-option label="电气系统故障" value="electrical" />
+            <el-option label="机械故障" value="mechanical" />
+            <el-option label="控制系统故障" value="control" />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="故障描述" required>
+          <el-input
+            v-model="ticketForm.desc"
+            type="textarea"
+            :rows="4"
+            placeholder="请详细描述故障现象..."
+          />
+        </el-form-item>
+
+        <el-form-item label="紧急程度" required>
+          <el-select v-model="ticketForm.urgency" placeholder="紧急" style="width: 100%;">
+            <el-option label="紧急" value="high" />
+            <el-option label="一般" value="medium" />
+            <el-option label="不紧急" value="low" />
+          </el-select>
+        </el-form-item>
+
+        <el-form-item label="现场地址">
+          <el-input v-model="ticketForm.address" placeholder="请输入人详细地址" />
+        </el-form-item>
+
+        <el-form-item label="故障照片">
+          <div class="upload-area">
+            <el-upload
+              v-model:file-list="ticketForm.photos"
+              :auto-upload="false"
+              :on-change="handlePhotoChange"
+              :on-remove="handlePhotoRemove"
+              list-type="picture-card"
+              :limit="9"
+              accept="image/*"
+            >
+              <el-icon><Plus /></el-icon>
+            </el-upload>
+            <div class="upload-tip">支持jpg、png格式，最多上传9张</div>
+          </div>
+        </el-form-item>
+
+        <el-form-item label="设备铭牌">
+          <el-input v-model="ticketForm.devicePlate" placeholder="请输入设备铭牌信息" size="small" />
+        </el-form-item>
+      </el-form>
+
+      <template #footer>
+        <el-button @click="showCreateTicket = false">取消</el-button>
+        <el-button type="primary" @click="submitTicket">提交工单</el-button>
+      </template>
+    </el-dialog>
+
+    <!-- 工单详情对话框 -->
+    <el-dialog
+      v-model="showTicketDetail"
+      :title="`工单详情 - ${currentTicket?.id}`"
+      width="900px"
+    >
+      <div v-if="currentTicket" class="ticket-detail">
+        <el-descriptions :column="2" border>
+          <el-descriptions-item label="工单状态">
+            <el-tag :type="getStatusType(currentTicket.status)" size="small">
+              {{ getStatusText(currentTicket.status) }}
+            </el-tag>
+          </el-descriptions-item>
+          <el-descriptions-item label="紧急程度">
+            <el-tag :type="getUrgencyType(currentTicket.urgency)" size="small">
+              {{ currentTicket.urgency }}
+            </el-tag>
+          </el-descriptions-item>
+          <el-descriptions-item label="客户姓名">{{ currentTicket.clientName }}</el-descriptions-item>
+          <el-descriptions-item label="联系电话">{{ currentTicket.phone }}</el-descriptions-item>
+          <el-descriptions-item label="设备型号">{{ currentTicket.model }}</el-descriptions-item>
+          <el-descriptions-item label="设备序列号">{{ currentTicket.serialNo }}</el-descriptions-item>
+          <el-descriptions-item label="故障类型" :span="2">{{ currentTicket.faultType }}</el-descriptions-item>
+          <el-descriptions-item label="故障描述" :span="2">{{ currentTicket.faultDesc }}</el-descriptions-item>
+          <el-descriptions-item label="现场地址" :span="2">{{ currentTicket.address }}</el-descriptions-item>
+          <el-descriptions-item label="创建时间">{{ currentTicket.createdAt }}</el-descriptions-item>
+          <el-descriptions-item label="工程师">{{ currentTicket.engineer }}</el-descriptions-item>
+        </el-descriptions>
+
+        <div class="ticket-section">
+          <h3><el-icon><Picture /></el-icon> 故障图片</h3>
+          <div class="image-grid">
+            <div class="image-placeholder">图片 1</div>
+            <div class="image-placeholder">图片 2</div>
+            <div class="image-placeholder add-image">
+              <el-icon><Plus /></el-icon>
+              <span>添加图片</span>
+            </div>
+          </div>
+        </div>
+
+        <div class="ticket-section">
+          <h3><el-icon><Clock /></el-icon> 处理记录</h3>
+          <el-timeline>
+            <el-timeline-item
+              v-for="record in currentTicket.records"
+              :key="record.time"
+              :timestamp="record.time"
+            >
+              {{ record.action }}
+            </el-timeline-item>
+          </el-timeline>
+        </div>
+      </div>
+
+      <template #footer>
+        <el-button @click="showTicketDetail = false">关闭</el-button>
+      </template>
+    </el-dialog>
+
+    <!-- 分配工单对话框 -->
+    <el-dialog
+      v-model="showAssignDialog"
+      title="分配工单"
+      width="400px"
+    >
+      <p>正在为工单 <strong>{{ currentTicket?.id }}</strong> 指派处理人</p>
+      <el-form-item label="选择处理人/部门" style="margin-top: 20px;">
+        <el-select v-model="assignee" placeholder="请选择..." style="width: 100%;">
+          <el-option label="张三(售后部)" value="张三" />
+          <el-option label="李四(技术部)" value="李四" />
+          <el-option label="王五(区域经理)" value="王五" />
+        </el-select>
+      </el-form-item>
+
+      <template #footer>
+        <el-button @click="showAssignDialog = false">取消</el-button>
+        <el-button type="primary" @click="confirmAssign" :disabled="!assignee">确认分配</el-button>
+      </template>
+    </el-dialog>
+  </div>
+</template>
+
+<script setup>
+import { ref, computed } from 'vue'
+import {
+  ChatDotRound,
+  DataAnalysis,
+  ChatLineRound,
+  Document,
+  User,
+  Reading,
+  Clock,
+  Setting,
+  Plus,
+  Phone,
+  Warning,
+  Search,
+  CircleClose,
+  Paperclip,
+  Promotion,
+  Select,
+  CircleCheck,
+  UserFilled,
+  Edit,
+  MagicStick,
+  Picture,
+  ArrowDown,
+  FolderOpened,
+  Upload,
+  View,
+  Download,
+  Tools,
+  QuestionFilled,
+  Tickets,
+  Service
+} from '@element-plus/icons-vue'
+import { ElMessage } from 'element-plus'
+
+// 当前视图
+const activeView = ref('chat')
+
+// 历史对话
+const currentChatId = ref(1)
+const chatHistory = ref([
+  { id: 1, title: '发电机故障咨询', time: '今天 10:30' },
+  { id: 2, title: '设备维保规范查询', time: '今天 09:15' },
+  { id: 3, title: '配件更换流程', time: '昨天 16:42' },
+  { id: 4, title: 'TH-500GF参数查询', time: '昨天 14:20' },
+  { id: 5, title: '巡检报告模板', time: '12月10日' },
+  { id: 6, title: '客户投诉处理流程', time: '12月09日' }
+])
+
+const startNewChat = () => {
+  const newId = Date.now()
+  chatHistory.value.unshift({
+    id: newId,
+    title: '新对话',
+    time: '刚刚'
+  })
+  currentChatId.value = newId
+  messages.value = [
+    { id: 1, role: 'assistant', text: '您好，欢迎使用泰豪智能客服，请问有什么可以帮您的？', time: new Date().toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit' }) }
+  ]
+}
+
+const loadChat = (chatId) => {
+  currentChatId.value = chatId
+  // 模拟加载历史对话
+  messages.value = [
+    { id: 1, role: 'assistant', text: '您好，欢迎使用泰豪智能客服，请问有什么可以帮您的？', time: '10:00' }
+  ]
+}
+
+// 聊天相关
+const messages = ref([
+  { id: 1, role: 'assistant', text: '您好，欢迎使用泰豪智能客服，请问有什么可以帮您的？', time: '10:00' }
+])
+const inputText = ref('')
+const messagesRef = ref(null)
+
+const sendMessage = () => {
+  if (!inputText.value.trim()) return
+  messages.value.push({
+    id: Date.now(),
+    role: 'user',
+    text: inputText.value,
+    time: new Date().toLocaleTimeString('zh-CN', { hour: '2-digit', minute: '2-digit' })
+  })
+  inputText.value = ''
+}
+
+const quickReply = (text) => {
+  inputText.value = text
+  sendMessage()
+}
+
+// 工单历史
+const recentTickets = ref([
+  { id: 'TH20241117001', title: '发电机启动失败 - 远程诊断中', time: '更新于 2小时前', status: 'processing' },
+  { id: 'TH20241115042', title: '季度例行巡检报告', time: '2024-11-15 13时', status: 'resolved' },
+  { id: 'TH20241022089', title: '滤芯配件更换申请', time: '2024-10-22', status: 'closed' },
+  { id: 'TH20240910033', title: '控制器固件升级咨询', time: '2024-09-10', status: 'closed' }
+])
+
+// 数据中台
+const timeRange = ref('today')
+
+// 工单管理
+const ticketStatusFilter = ref('')
+const ticketTypeFilter = ref('')
+const ticketDateFilter = ref(null)
+
+const tickets = ref([
+  {
+    id: 'GD2025052001',
+    client: '上海中心大厦项目部',
+    issueType: '技术故障',
+    urgency: '高',
+    status: 'processing',
+    createdAt: '2025-05-20 10:00',
+    clientName: '李经理',
+    phone: '13800138001',
+    model: 'TH-500GF',
+    serialNo: 'TH2023051001',
+    faultType: '控制系统故障',
+    faultDesc: '发电机组无法启动，控制面板显示E03错误代码',
+    address: '北京市朝阳区建国路88号',
+    engineer: '张三',
+    records: [
+      { time: '16:45', action: '更换控制器主板' },
+      { time: '16:30', action: '发现控制器主板故障' },
+      { time: '16:15', action: '到达现场，开始检查设备' }
+    ]
+  },
+  {
+    id: 'GD2025052002',
+    client: '腾讯滨海大厦',
+    issueType: '配件需求',
+    urgency: '低',
+    status: 'pending',
+    createdAt: '2025-05-20 11:30',
+    clientName: '王工',
+    phone: '13900139001',
+    model: 'S-200X',
+    serialNo: 'S2023061002',
+    faultType: '配件需求',
+    faultDesc: '需要更换机油滤芯',
+    address: '深圳市南山区科技园',
+    engineer: '-',
+    records: []
+  },
+  {
+    id: 'GD2025052003',
+    client: '南昌地铁2号线',
+    issueType: '服务咨询',
+    urgency: '中',
+    status: 'resolved',
+    createdAt: '2025-05-19 15:45',
+    clientName: '赵主任',
+    phone: '13700137001',
+    model: 'TH-500GF',
+    serialNo: 'TH2023071003',
+    faultType: '服务咨询',
+    faultDesc: '咨询年度维保合同续签事宜',
+    address: '南昌市红谷滩新区',
+    engineer: '李四',
+    records: [
+      { time: '17:00', action: '已完成合同续签' },
+      { time: '16:30', action: '发送合同文件' }
+    ]
+  }
+])
+
+const filteredTickets = computed(() => {
+  return tickets.value.filter(t => {
+    if (ticketStatusFilter.value && t.status !== ticketStatusFilter.value) return false
+    return true
+  })
+})
+
+// 用户管理
+const userTab = ref('internal')
+const employeeSearch = ref('')
+const customerSearch = ref('')
+const consultSort = ref('')
+const ticketSort = ref('')
+
+const employees = ref([
+  { name: '张三', dept: '售后服务部', role: '管理员', phone: '13800138000', status: '正常' },
+  { name: '李四', dept: '技术支持部', role: '技术专家', phone: '13900139001', status: '正常' }
+])
+
+const customers = ref([
+  { nickname: 'User_A', openId: 'wx_882190...', company: '上海中心项目部', consultCount: 12, ticketCount: 3 },
+  { nickname: 'User_B (王工)', openId: 'wx_993211...', company: '腾讯滨海大厦', consultCount: 5, ticketCount: 1 },
+  { nickname: 'User_C', openId: 'wx_774322...', company: '南昌地铁', consultCount: 2, ticketCount: 0 },
+  { nickname: 'User_D', openId: 'wx_112233...', company: '万达广场', consultCount: 15, ticketCount: 5 },
+  { nickname: 'User_E', openId: 'wx_445566...', company: '华为基地', consultCount: 8, ticketCount: 2 }
+])
+
+const roles = ref([
+  { id: 1, name: '系统管理员', desc: '拥有所有权限', users: 3, perms: 10 },
+  { id: 2, name: '客服专员', desc: '处理客户咨询', users: 8, perms: 5 },
+  { id: 3, name: '技术支持', desc: '处理技术工单', users: 5, perms: 6 }
+])
+
+// 知识库管理
+const knowledgeExpanded = ref(true)
+
+// 外部知识库
+const activeExternalCategory = ref('device-guide')
+const externalFileSearch = ref('')
+const showExternalUploadDialog = ref(false)
+const externalAiRecognizing = ref(false)
+const externalUploadForm = ref({
+  name: '',
+  category: '',
+  uploader: '张三'
+})
+
+const externalCategories = ref([
+  { key: 'device-guide', name: '设备操作指南', count: 24, icon: 'Tools', color: '#409eff' },
+  { key: 'fault-solution', name: '常见故障解决方案', count: 36, icon: 'QuestionFilled', color: '#e6a23c' },
+  { key: 'service-policy', name: '三包外服务政策', count: 12, icon: 'Tickets', color: '#67c23a' },
+  { key: 'parts-consult', name: '配件咨询话术', count: 18, icon: 'Service', color: '#909399' }
+])
+
+const externalFiles = ref([
+  { id: 1, name: 'TH-500GF发电机组操作手册.pdf', category: 'device-guide', uploader: '张三', uploadTime: '2025-01-10 10:30' },
+  { id: 2, name: 'S-200X静音发电机使用指南.pdf', category: 'device-guide', uploader: '李四', uploadTime: '2025-01-08 14:20' },
+  { id: 3, name: '发电机无法启动故障排查指南.pdf', category: 'fault-solution', uploader: '王五', uploadTime: '2025-01-05 09:15' },
+  { id: 4, name: '电压不稳定常见原因及解决方案.docx', category: 'fault-solution', uploader: '张三', uploadTime: '2025-01-03 16:45' },
+  { id: 5, name: '三包服务政策说明书(2025版).pdf', category: 'service-policy', uploader: '李四', uploadTime: '2024-12-20 11:00' },
+  { id: 6, name: '延保服务套餐介绍.pdf', category: 'service-policy', uploader: '张三', uploadTime: '2024-12-15 15:30' },
+  { id: 7, name: '配件价格查询话术模板.docx', category: 'parts-consult', uploader: '王五', uploadTime: '2024-12-10 09:00' },
+  { id: 8, name: '滤芯更换周期咨询话术.docx', category: 'parts-consult', uploader: '李四', uploadTime: '2024-12-08 14:00' }
+])
+
+const currentExternalCategoryName = computed(() => {
+  const cat = externalCategories.value.find(c => c.key === activeExternalCategory.value)
+  return cat ? cat.name : ''
+})
+
+const filteredExternalFiles = computed(() => {
+  return externalFiles.value.filter(f => {
+    if (f.category !== activeExternalCategory.value) return false
+    if (externalFileSearch.value && !f.name.includes(externalFileSearch.value)) return false
+    return true
+  })
+})
+
+// 内部知识库
+const activeInternalCategory = ref('tech-manual')
+const internalFileSearch = ref('')
+const showInternalUploadDialog = ref(false)
+const internalAiRecognizing = ref(false)
+const internalUploadForm = ref({
+  name: '',
+  category: '',
+  uploader: '张三'
+})
+
+const internalCategories = ref([
+  { key: 'tech-manual', name: '技术维修手册', count: 45, icon: 'Tools', color: '#409eff' },
+  { key: 'product-params', name: '产品参数明细', count: 28, icon: 'Document', color: '#67c23a' },
+  { key: 'service-process', name: '内部服务流程规范', count: 15, icon: 'Tickets', color: '#e6a23c' },
+  { key: 'service-script', name: '客户服务话术模板', count: 22, icon: 'Service', color: '#909399' }
+])
+
+const internalFiles = ref([
+  { id: 1, name: 'TH系列发电机维修手册(内部版).pdf', category: 'tech-manual', uploader: '技术部', uploadTime: '2025-01-12 09:00' },
+  { id: 2, name: 'S系列静音发电机拆装指南.pdf', category: 'tech-manual', uploader: '技术部', uploadTime: '2025-01-10 11:30' },
+  { id: 3, name: '控制系统故障诊断流程.pdf', category: 'tech-manual', uploader: '技术部', uploadTime: '2025-01-08 14:00' },
+  { id: 4, name: 'TH-500GF产品参数表.xlsx', category: 'product-params', uploader: '产品部', uploadTime: '2025-01-05 10:00' },
+  { id: 5, name: 'S-200X技术规格书.pdf', category: 'product-params', uploader: '产品部', uploadTime: '2025-01-03 15:30' },
+  { id: 6, name: '售后服务标准流程(内部).pdf', category: 'service-process', uploader: '服务部', uploadTime: '2024-12-28 09:00' },
+  { id: 7, name: '工单处理规范V2.0.docx', category: 'service-process', uploader: '服务部', uploadTime: '2024-12-25 11:00' },
+  { id: 8, name: '电话接待话术模板(内部).docx', category: 'service-script', uploader: '培训部', uploadTime: '2024-12-20 14:00' },
+  { id: 9, name: '投诉处理话术指南.docx', category: 'service-script', uploader: '培训部', uploadTime: '2024-12-18 16:30' }
+])
+
+const currentInternalCategoryName = computed(() => {
+  const cat = internalCategories.value.find(c => c.key === activeInternalCategory.value)
+  return cat ? cat.name : ''
+})
+
+const filteredInternalFiles = computed(() => {
+  return internalFiles.value.filter(f => {
+    if (f.category !== activeInternalCategory.value) return false
+    if (internalFileSearch.value && !f.name.includes(internalFileSearch.value)) return false
+    return true
+  })
+})
+
+// 文件操作
+const handleExternalFileChange = (file) => {
+  externalUploadForm.value.name = file.name.replace(/\.[^.]+$/, '')
+}
+
+const handleInternalFileChange = (file) => {
+  internalUploadForm.value.name = file.name.replace(/\.[^.]+$/, '')
+}
+
+const aiRecognizeExternalFile = () => {
+  externalAiRecognizing.value = true
+  setTimeout(() => {
+    const categoryMap = {
+      '操作': 'device-guide',
+      '指南': 'device-guide',
+      '故障': 'fault-solution',
+      '解决': 'fault-solution',
+      '三包': 'service-policy',
+      '服务': 'service-policy',
+      '配件': 'parts-consult',
+      '话术': 'parts-consult'
+    }
+    for (const [keyword, category] of Object.entries(categoryMap)) {
+      if (externalUploadForm.value.name.includes(keyword)) {
+        externalUploadForm.value.category = category
+        break
+      }
+    }
+    if (!externalUploadForm.value.category) {
+      externalUploadForm.value.category = 'device-guide'
+    }
+    externalAiRecognizing.value = false
+    ElMessage.success('AI识别完成，已自动填充分类信息')
+  }, 1500)
+}
+
+const aiRecognizeInternalFile = () => {
+  internalAiRecognizing.value = true
+  setTimeout(() => {
+    const categoryMap = {
+      '维修': 'tech-manual',
+      '手册': 'tech-manual',
+      '参数': 'product-params',
+      '规格': 'product-params',
+      '流程': 'service-process',
+      '规范': 'service-process',
+      '话术': 'service-script',
+      '模板': 'service-script'
+    }
+    for (const [keyword, category] of Object.entries(categoryMap)) {
+      if (internalUploadForm.value.name.includes(keyword)) {
+        internalUploadForm.value.category = category
+        break
+      }
+    }
+    if (!internalUploadForm.value.category) {
+      internalUploadForm.value.category = 'tech-manual'
+    }
+    internalAiRecognizing.value = false
+    ElMessage.success('AI识别完成，已自动填充分类信息')
+  }, 1500)
+}
+
+const confirmExternalUpload = () => {
+  if (!externalUploadForm.value.name || !externalUploadForm.value.category) {
+    ElMessage.warning('请填写完整信息')
+    return
+  }
+  externalFiles.value.unshift({
+    id: Date.now(),
+    name: externalUploadForm.value.name + '.pdf',
+    category: externalUploadForm.value.category,
+    uploader: externalUploadForm.value.uploader,
+    uploadTime: new Date().toLocaleString('zh-CN', { hour12: false }).replace(/\//g, '-')
+  })
+  // 更新分类计数
+  const cat = externalCategories.value.find(c => c.key === externalUploadForm.value.category)
+  if (cat) cat.count++
+  
+  showExternalUploadDialog.value = false
+  externalUploadForm.value = { name: '', category: '', uploader: '张三' }
+  ElMessage.success('文件上传成功')
+}
+
+const confirmInternalUpload = () => {
+  if (!internalUploadForm.value.name || !internalUploadForm.value.category) {
+    ElMessage.warning('请填写完整信息')
+    return
+  }
+  internalFiles.value.unshift({
+    id: Date.now(),
+    name: internalUploadForm.value.name + '.pdf',
+    category: internalUploadForm.value.category,
+    uploader: internalUploadForm.value.uploader,
+    uploadTime: new Date().toLocaleString('zh-CN', { hour12: false }).replace(/\//g, '-')
+  })
+  // 更新分类计数
+  const cat = internalCategories.value.find(c => c.key === internalUploadForm.value.category)
+  if (cat) cat.count++
+  
+  showInternalUploadDialog.value = false
+  internalUploadForm.value = { name: '', category: '', uploader: '张三' }
+  ElMessage.success('文件上传成功')
+}
+
+const previewKnowledgeFile = (file) => {
+  ElMessage.info(`正在预览：${file.name}`)
+}
+
+const downloadKnowledgeFile = (file) => {
+  ElMessage.success(`开始下载：${file.name}`)
+}
+
+// 创建工单
+const showCreateTicket = ref(false)
+const extracting = ref(false)
+const ticketForm = ref({
+  name: '',
+  phone: '',
+  model: '',
+  faultType: '',
+  desc: '',
+  urgency: '',
+  address: '',
+  devicePlate: '',
+  photos: []
+})
+
+const aiExtract = () => {
+  extracting.value = true
+  setTimeout(() => {
+    ticketForm.value = {
+      name: '李明(AI识别)',
+      phone: '13900139000 (AI识别)',
+      model: 'TH-500GF',
+      faultType: 'electrical',
+      desc: '设备无法启动，显示错误代码E03',
+      urgency: 'high',
+      address: '',
+      devicePlate: '',
+      photos: []
+    }
+    extracting.value = false
+    ElMessage.success('AI提取完成！')
+  }, 1200)
+}
+
+const handlePhotoChange = (file, fileList) => {
+  // 验证文件类型
+  const isImage = file.raw.type.startsWith('image/')
+  if (!isImage) {
+    ElMessage.error('只能上传图片文件！')
+    fileList.pop()
+    return
+  }
+  
+  // 验证文件大小（限制5MB）
+  const isLt5M = file.raw.size / 1024 / 1024 < 5
+  if (!isLt5M) {
+    ElMessage.error('图片大小不能超过 5MB！')
+    fileList.pop()
+    return
+  }
+  
+  ticketForm.value.photos = fileList
+  ElMessage.success(`已添加图片：${file.name}`)
+}
+
+const handlePhotoRemove = (file, fileList) => {
+  ticketForm.value.photos = fileList
+  ElMessage.info('已删除图片')
+}
+
+const submitTicket = () => {
+  // 验证必填字段
+  if (!ticketForm.value.name || !ticketForm.value.phone || !ticketForm.value.model || 
+      !ticketForm.value.faultType || !ticketForm.value.desc || !ticketForm.value.urgency) {
+    ElMessage.warning('请填写所有必填项！')
+    return
+  }
+  
+  // 显示上传的图片数量
+  const photoCount = ticketForm.value.photos.length
+  const message = photoCount > 0 
+    ? `工单创建成功！已上传 ${photoCount} 张图片` 
+    : '工单创建成功！'
+  
+  ElMessage.success(message)
+  showCreateTicket.value = false
+  
+  // 重置表单
+  ticketForm.value = {
+    name: '',
+    phone: '',
+    model: '',
+    faultType: '',
+    desc: '',
+    urgency: '',
+    address: '',
+    devicePlate: '',
+    photos: []
+  }
+}
+
+// 工单详情
+const showTicketDetail = ref(false)
+const currentTicket = ref(null)
+
+const viewTicketDetail = (ticket) => {
+  currentTicket.value = ticket
+  showTicketDetail.value = true
+}
+
+// 分配工单
+const showAssignDialog = ref(false)
+const assignee = ref('')
+
+const assignTicket = (ticket) => {
+  currentTicket.value = ticket
+  assignee.value = ''
+  showAssignDialog.value = true
+}
+
+const confirmAssign = () => {
+  ElMessage.success(`工单已分配给 ${assignee.value}`)
+  showAssignDialog.value = false
+}
+
+const addRemark = (ticket) => {
+  ElMessage.info(`添加备注：${ticket.id}`)
+}
+
+// 辅助函数
+const getStatusType = (status) => {
+  const map = {
+    'processing': 'warning',
+    'pending': '',
+    'resolved': 'success',
+    'closed': 'info'
+  }
+  return map[status] || ''
+}
+
+const getStatusText = (status) => {
+  const map = {
+    'processing': '处理中',
+    'pending': '待分配',
+    'resolved': '已完成',
+    'closed': '已关闭'
+  }
+  return map[status] || status
+}
+
+const getUrgencyType = (urgency) => {
+  const map = {
+    '高': 'danger',
+    '中': 'warning',
+    '低': 'info'
+  }
+  return map[urgency] || ''
+}
+</script>
+
+<style lang="scss" scoped>
+.service-system {
+  display: flex;
+  height: 100vh;
+  background: #f5f7fa;
+}
+
+// 侧边栏
+.service-sidebar {
+  width: 200px;
+  background: #fff;
+  border-right: 1px solid #e4e7ed;
+  display: flex;
+  flex-direction: column;
+  
+  .sidebar-header {
+    padding: 20px 16px;
+    border-bottom: 1px solid #e4e7ed;
+    
+    h2 {
+      font-size: 16px;
+      margin: 0;
+      color: #303133;
+    }
+  }
+  
+  .nav-section {
+    padding: 12px 8px;
+    
+    .section-title {
+      font-size: 12px;
+      color: #909399;
+      padding: 8px 12px;
+      margin-bottom: 4px;
+    }
+    
+    .nav-item.new-chat {
+      background: #409eff;
+      color: #fff;
+      
+      &:hover {
+        background: #66b1ff;
+      }
+    }
+    
+    .nav-item {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      padding: 10px 12px;
+      margin-bottom: 2px;
+      border-radius: 6px;
+      cursor: pointer;
+      color: #606266;
+      transition: all 0.2s;
+      
+      &:hover {
+        background: #f5f7fa;
+      }
+      
+      &.active {
+        background: #ecf5ff;
+        color: #409eff;
+      }
+      
+      &.has-children {
+        .expand-icon {
+          margin-left: auto;
+          transition: transform 0.2s;
+        }
+        
+        &.expanded .expand-icon {
+          transform: rotate(180deg);
+        }
+      }
+      
+      span {
+        font-size: 14px;
+      }
+    }
+    
+    .sub-nav-items {
+      padding-left: 20px;
+      
+      .sub-nav-item {
+        display: flex;
+        align-items: center;
+        gap: 8px;
+        padding: 8px 12px;
+        margin-bottom: 2px;
+        border-radius: 6px;
+        cursor: pointer;
+        color: #909399;
+        font-size: 13px;
+        transition: all 0.2s;
+        
+        &:hover {
+          background: #f5f7fa;
+          color: #606266;
+        }
+        
+        &.active {
+          background: #ecf5ff;
+          color: #409eff;
+        }
+        
+        .el-icon {
+          font-size: 14px;
+        }
+      }
+    }
+  }
+  
+  .chat-history {
+    flex: 1;
+    overflow-y: auto;
+    padding: 0 8px;
+    
+    .history-title {
+      font-size: 12px;
+      color: #909399;
+      padding: 8px 12px;
+      margin-bottom: 4px;
+    }
+    
+    .history-list {
+      display: flex;
+      flex-direction: column;
+      gap: 2px;
+    }
+    
+    .history-item {
+      display: flex;
+      align-items: center;
+      gap: 10px;
+      padding: 10px 12px;
+      border-radius: 6px;
+      cursor: pointer;
+      color: #606266;
+      transition: all 0.2s;
+      
+      &:hover {
+        background: #f5f7fa;
+      }
+      
+      &.active {
+        background: #ecf5ff;
+        color: #409eff;
+      }
+      
+      .el-icon {
+        font-size: 16px;
+        flex-shrink: 0;
+      }
+      
+      .history-info {
+        flex: 1;
+        min-width: 0;
+        
+        .history-name {
+          font-size: 14px;
+          white-space: nowrap;
+          overflow: hidden;
+          text-overflow: ellipsis;
+        }
+        
+        .history-time {
+          font-size: 12px;
+          color: #909399;
+          margin-top: 2px;
+        }
+      }
+    }
+  }
+  
+  .sidebar-footer {
+    margin-top: auto;
+    padding: 16px;
+    text-align: center;
+    font-size: 12px;
+    color: #c0c4cc;
+    border-top: 1px solid #e4e7ed;
+  }
+}
+
+// 主内容区
+.service-main {
+  flex: 1;
+  overflow-y: auto;
+  background: #f5f7fa;
+}
+
+.view-header {
+  padding: 24px 32px;
+  background: #fff;
+  border-bottom: 1px solid #e4e7ed;
+  
+  h1 {
+    font-size: 24px;
+    margin: 0 0 8px 0;
+    color: #303133;
+  }
+  
+  .subtitle {
+    font-size: 14px;
+    color: #909399;
+    margin: 0;
+  }
+}
+
+// 聊天视图
+.view-chat {
+  .chat-header {
+    padding: 24px 32px;
+    background: #fff;
+    border-bottom: 1px solid #e4e7ed;
+    
+    h1 {
+      font-size: 24px;
+      margin: 0 0 8px 0;
+      color: #303133;
+    }
+    
+    .subtitle {
+      font-size: 14px;
+      color: #909399;
+      margin: 0;
+    }
+  }
+  
+  .chat-layout {
+    display: flex;
+    gap: 24px;
+    padding: 24px 32px;
+    height: calc(100vh - 120px);
+  }
+  
+  .chat-area {
+    flex: 1;
+    background: #fff;
+    border-radius: 8px;
+    display: flex;
+    flex-direction: column;
+    overflow: hidden;
+  }
+  
+  .ai-info {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    padding: 16px 20px;
+    border-bottom: 1px solid #e4e7ed;
+    
+    .ai-avatar {
+      width: 48px;
+      height: 48px;
+      border-radius: 50%;
+      background: #f0f2f5;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 24px;
+    }
+    
+    .ai-details {
+      flex: 1;
+    }
+    
+    .ai-name {
+      font-size: 16px;
+      font-weight: 600;
+      color: #303133;
+      margin-bottom: 4px;
+    }
+    
+    .ai-status {
+      font-size: 12px;
+      color: #67c23a;
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      
+      .status-dot {
+        width: 6px;
+        height: 6px;
+        border-radius: 50%;
+        background: #67c23a;
+        animation: pulse 2s infinite;
+      }
+    }
+  }
+  
+  .messages {
+    flex: 1;
+    padding: 20px;
+    overflow-y: auto;
+    background: #f5f7fa;
+    
+    .message {
+      display: flex;
+      margin-bottom: 16px;
+      
+      &.user {
+        justify-content: flex-end;
+        
+        .message-content {
+          background: #409eff;
+          color: #fff;
+        }
+      }
+      
+      .message-content {
+        max-width: 60%;
+        padding: 12px 16px;
+        background: #fff;
+        border-radius: 8px;
+        box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
+      }
+      
+      .message-text {
+        line-height: 1.6;
+        word-wrap: break-word;
+      }
+      
+      .message-time {
+        font-size: 11px;
+        color: #c0c4cc;
+        margin-top: 6px;
+      }
+    }
+  }
+  
+  .quick-actions {
+    display: flex;
+    gap: 12px;
+    padding: 12px 20px;
+    border-top: 1px solid #e4e7ed;
+    border-bottom: 1px solid #e4e7ed;
+    background: #fff;
+    
+    .quick-btn {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+      padding: 8px 16px;
+      background: #f5f7fa;
+      border: 1px solid #e4e7ed;
+      border-radius: 16px;
+      font-size: 13px;
+      color: #606266;
+      cursor: pointer;
+      transition: all 0.2s;
+      
+      &:hover {
+        background: #ecf5ff;
+        border-color: #409eff;
+        color: #409eff;
+      }
+    }
+  }
+  
+  .input-area {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+    padding: 16px 20px;
+    background: #fff;
+    
+    .attach-icon {
+      font-size: 20px;
+      color: #909399;
+      cursor: pointer;
+    }
+  }
+  
+  .ticket-history {
+    width: 320px;
+    background: #fff;
+    border-radius: 8px;
+    padding: 20px;
+    overflow-y: auto;
+    
+    .history-header {
+      display: flex;
+      justify-content: space-between;
+      align-items: center;
+      margin-bottom: 16px;
+      
+      h3 {
+        font-size: 16px;
+        margin: 0;
+        color: #303133;
+      }
+    }
+    
+    .history-item {
+      padding: 12px;
+      margin-bottom: 12px;
+      border: 1px solid #e4e7ed;
+      border-radius: 6px;
+      cursor: pointer;
+      transition: all 0.2s;
+      
+      &:hover {
+        border-color: #409eff;
+        box-shadow: 0 2px 8px rgba(64, 158, 255, 0.1);
+      }
+      
+      .ticket-id {
+        font-size: 12px;
+        color: #909399;
+        margin-bottom: 4px;
+      }
+      
+      .ticket-title {
+        font-size: 14px;
+        color: #303133;
+        margin-bottom: 8px;
+        line-height: 1.4;
+      }
+      
+      .ticket-meta {
+        display: flex;
+        align-items: center;
+        gap: 4px;
+        font-size: 12px;
+        color: #c0c4cc;
+        margin-bottom: 8px;
+      }
+    }
+  }
+}
+
+// 数据中台
+.view-stats {
+  .stats-section {
+    padding: 24px 32px;
+  }
+  
+  .section-header {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+    
+    h2 {
+      font-size: 18px;
+      margin: 0;
+      color: #303133;
+    }
+    
+    .time-tabs {
+      display: flex;
+      gap: 8px;
+      
+      button {
+        padding: 6px 16px;
+        background: #fff;
+        border: 1px solid #dcdfe6;
+        border-radius: 4px;
+        cursor: pointer;
+        color: #606266;
+        transition: all 0.2s;
+        
+        &.active {
+          background: #409eff;
+          border-color: #409eff;
+          color: #fff;
+        }
+      }
+    }
+  }
+  
+  .stats-cards {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 20px;
+    margin-bottom: 24px;
+  }
+  
+  .stat-card {
+    background: #fff;
+    padding: 20px;
+    border-radius: 8px;
+    display: flex;
+    gap: 16px;
+    
+    .stat-icon {
+      width: 48px;
+      height: 48px;
+      border-radius: 8px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      font-size: 24px;
+      color: #fff;
+      
+      &.chat-icon { background: #409eff; }
+      &.success-icon { background: #67c23a; }
+      &.warning-icon { background: #e6a23c; }
+      &.complete-icon { background: #67c23a; }
+    }
+    
+    .stat-info {
+      flex: 1;
+    }
+    
+    .stat-label {
+      font-size: 14px;
+      color: #909399;
+      margin-bottom: 8px;
+    }
+    
+    .stat-value {
+      font-size: 28px;
+      font-weight: 600;
+      color: #303133;
+      margin-bottom: 4px;
+    }
+    
+    .stat-change {
+      font-size: 12px;
+      
+      &.positive {
+        color: #67c23a;
+      }
+    }
+  }
+  
+  .charts-row {
+    display: grid;
+    grid-template-columns: 1fr 1fr;
+    gap: 20px;
+  }
+  
+  .chart-card {
+    background: #fff;
+    padding: 24px;
+    border-radius: 8px;
+    
+    h3 {
+      font-size: 16px;
+      margin: 0 0 8px 0;
+      color: #303133;
+    }
+    
+    .chart-subtitle {
+      font-size: 12px;
+      color: #909399;
+      margin-bottom: 20px;
+    }
+  }
+  
+  .word-cloud {
+    display: flex;
+    flex-wrap: wrap;
+    gap: 12px;
+    align-items: center;
+    justify-content: center;
+    padding: 20px;
+    
+    .word {
+      padding: 6px 12px;
+      border-radius: 4px;
+      cursor: pointer;
+      transition: all 0.2s;
+      
+      &:hover {
+        background: #ecf5ff;
+        color: #409eff;
+      }
+      
+      &.size-xl { font-size: 28px; font-weight: 600; color: #303133; }
+      &.size-lg { font-size: 22px; font-weight: 500; color: #409eff; }
+      &.size-md { font-size: 18px; color: #606266; }
+      &.size-sm { font-size: 14px; color: #909399; }
+      &.size-xs { font-size: 12px; color: #c0c4cc; }
+    }
+  }
+  
+  .distribution-chart {
+    .dist-item {
+      margin-bottom: 16px;
+    }
+    
+    .dist-label {
+      font-size: 14px;
+      color: #606266;
+      margin-bottom: 8px;
+    }
+    
+    .dist-bar {
+      height: 24px;
+      background: #f5f7fa;
+      border-radius: 4px;
+      overflow: hidden;
+    }
+    
+    .dist-fill {
+      height: 100%;
+      transition: width 0.3s;
+    }
+  }
+}
+
+// 工单管理
+.view-tickets {
+  .tickets-section {
+    padding: 24px 32px;
+    background: #fff;
+    margin: 24px 32px;
+    border-radius: 8px;
+  }
+  
+  .section-toolbar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+    
+    h2 {
+      font-size: 18px;
+      margin: 0;
+      color: #303133;
+    }
+    
+    .toolbar-actions {
+      display: flex;
+      gap: 12px;
+    }
+  }
+}
+
+// 用户管理
+.view-users {
+  .users-section {
+    padding: 24px 32px;
+    background: #fff;
+    margin: 24px 32px;
+    border-radius: 8px;
+  }
+  
+  .tab-toolbar {
+    display: flex;
+    gap: 12px;
+    margin-bottom: 20px;
+  }
+  
+  .user-cell {
+    display: flex;
+    align-items: center;
+    gap: 12px;
+  }
+  
+  .roles-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 20px;
+  }
+  
+  .role-card {
+    padding: 20px;
+    border: 1px solid #e4e7ed;
+    border-radius: 8px;
+    
+    .role-header {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      font-size: 16px;
+      font-weight: 600;
+      color: #303133;
+      margin-bottom: 12px;
+    }
+    
+    .role-desc {
+      font-size: 14px;
+      color: #909399;
+      margin-bottom: 16px;
+    }
+    
+    .role-stats {
+      display: flex;
+      gap: 16px;
+      font-size: 13px;
+      color: #606266;
+    }
+  }
+}
+
+// 知识库管理
+.view-knowledge {
+  .knowledge-content {
+    padding: 24px 32px;
+  }
+  
+  .knowledge-categories {
+    display: grid;
+    grid-template-columns: repeat(4, 1fr);
+    gap: 16px;
+    margin-bottom: 24px;
+  }
+  
+  .category-card {
+    background: #fff;
+    padding: 20px;
+    border-radius: 8px;
+    border: 2px solid transparent;
+    cursor: pointer;
+    transition: all 0.2s;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    gap: 12px;
+    
+    &:hover {
+      border-color: #409eff;
+      box-shadow: 0 2px 12px rgba(64, 158, 255, 0.15);
+    }
+    
+    &.active {
+      border-color: #409eff;
+      background: #ecf5ff;
+    }
+    
+    .el-icon {
+      font-size: 32px;
+    }
+    
+    .category-name {
+      font-size: 14px;
+      font-weight: 600;
+      color: #303133;
+    }
+    
+    .category-count {
+      font-size: 12px;
+      color: #909399;
+    }
+  }
+  
+  .knowledge-files-section {
+    background: #fff;
+    padding: 24px;
+    border-radius: 8px;
+  }
+  
+  .section-toolbar {
+    display: flex;
+    justify-content: space-between;
+    align-items: center;
+    margin-bottom: 20px;
+    
+    h3 {
+      font-size: 16px;
+      margin: 0;
+      color: #303133;
+    }
+    
+    .toolbar-actions {
+      display: flex;
+      gap: 12px;
+    }
+  }
+  
+  .file-name-cell {
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    
+    .file-icon {
+      color: #409eff;
+      font-size: 18px;
+    }
+  }
+}
+
+// 工单详情
+.ticket-detail {
+  .ticket-section {
+    margin-top: 24px;
+    
+    h3 {
+      display: flex;
+      align-items: center;
+      gap: 8px;
+      font-size: 16px;
+      margin-bottom: 16px;
+      color: #303133;
+    }
+  }
+  
+  .image-grid {
+    display: grid;
+    grid-template-columns: repeat(3, 1fr);
+    gap: 16px;
+  }
+  
+  .image-placeholder {
+    aspect-ratio: 1;
+    background: #f5f7fa;
+    border: 1px dashed #dcdfe6;
+    border-radius: 8px;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    color: #c0c4cc;
+    cursor: pointer;
+    
+    &.add-image {
+      &:hover {
+        border-color: #409eff;
+        color: #409eff;
+      }
+    }
+  }
+}
+
+@keyframes pulse {
+  0%, 100% {
+    opacity: 1;
+  }
+  50% {
+    opacity: 0.5;
+  }
+}
+
+// 图片上传区域
+.upload-area {
+  .upload-tip {
+    margin-top: 8px;
+    font-size: 12px;
+    color: #909399;
+  }
+  
+  :deep(.el-upload--picture-card) {
+    width: 100px;
+    height: 100px;
+    line-height: 100px;
+  }
+  
+  :deep(.el-upload-list--picture-card .el-upload-list__item) {
+    width: 100px;
+    height: 100px;
+  }
+  
+  :deep(.el-upload-list__item-thumbnail) {
+    object-fit: cover;
+  }
+}
+</style>
diff --git a/江西城市生命线-可交互原型/frontend/src/views/WorkflowView.vue b/江西城市生命线-可交互原型/frontend/src/views/WorkflowView.vue
new file mode 100644
index 00000000..715654e0
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/src/views/WorkflowView.vue
@@ -0,0 +1,88 @@
+<template>
+  <div class="workflow-view">
+    <div class="workflow-header">
+      <div class="header-left">
+        <h1>智能体编排</h1>
+        <p class="subtitle">可视化工作流编排平台，拖拽节点构建智能工作流</p>
+      </div>
+      <div class="header-right">
+        <el-button type="primary" @click="saveWorkflow">
+          <el-icon><Check /></el-icon>
+          保存
+        </el-button>
+        <el-button @click="exportWorkflow">
+          <el-icon><Download /></el-icon>
+          导出
+        </el-button>
+      </div>
+    </div>
+
+    <div class="workflow-container">
+      <WorkflowEditor />
+    </div>
+  </div>
+</template>
+
+<script setup>
+import { ref } from 'vue'
+import { Check, Download } from '@element-plus/icons-vue'
+import { ElMessage } from 'element-plus'
+import WorkflowEditor from '@/components/workflow/WorkflowEditor.vue'
+
+const saveWorkflow = () => {
+  ElMessage.success('工作流保存成功')
+}
+
+const exportWorkflow = () => {
+  ElMessage.info('工作流导出功能开发中')
+}
+</script>
+
+<style lang="scss" scoped>
+.workflow-view {
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+  background: #f5f7fa;
+}
+
+.workflow-header {
+  padding: 16px 24px;
+  background: #fff;
+  border-bottom: 1px solid #e4e7ed;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  flex-shrink: 0;
+  
+  .header-left {
+    h1 {
+      font-size: 20px;
+      margin: 0 0 4px 0;
+      color: #303133;
+    }
+    
+    .subtitle {
+      font-size: 13px;
+      color: #909399;
+      margin: 0;
+    }
+  }
+  
+  .header-right {
+    display: flex;
+    gap: 12px;
+    
+    .el-button {
+      display: flex;
+      align-items: center;
+      gap: 6px;
+    }
+  }
+}
+
+.workflow-container {
+  flex: 1;
+  overflow: hidden;
+}
+</style>
diff --git a/江西城市生命线-可交互原型/frontend/vite.config.js b/江西城市生命线-可交互原型/frontend/vite.config.js
new file mode 100644
index 00000000..0b474e44
--- /dev/null
+++ b/江西城市生命线-可交互原型/frontend/vite.config.js
@@ -0,0 +1,22 @@
+import { defineConfig } from 'vite'
+import vue from '@vitejs/plugin-vue'
+import { resolve } from 'path'
+
+export default defineConfig({
+  plugins: [vue()],
+  resolve: {
+    alias: {
+      '@': resolve(__dirname, 'src')
+    }
+  },
+  server: {
+    port: 5173,
+    allowedHosts:['.trycloudflare.com','.ngrok-free.app','.cpolar.top','.cpolar.cn'],
+    proxy: {
+      '/api': {
+        target: 'http://localhost:8080',
+        changeOrigin: true
+      }
+    }
+  }
+})