From dca942bc8fa8ab57eb272d2bf2e7f1fc82f4eb0b Mon Sep 17 00:00:00 2001
From: qiaoxinjiu <qiaoxinjiu@sparkedu.com>
Date: Mon, 18 May 2026 10:01:35 +0800
Subject: [PATCH] =?UTF-8?q?feat(test-platform):=20AI=E7=94=9F=E6=88=90?=
 =?UTF-8?q?=E7=94=A8=E4=BE=8B=E3=80=81=E4=B8=9A=E5=8A=A1=E6=8A=80=E8=83=BD?=
 =?UTF-8?q?=E9=85=8D=E7=BD=AE=E4=B8=8E=E8=AE=A1=E5=88=92=E6=89=A7=E8=A1=8C?=
 =?UTF-8?q?=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 用例管理增加 AI 生成用例 Tab、文档来源与技能/规则多选生成
- 新增业务技能与业务规则配置页及 API
- 计划执行列表展示模块路径与名称，移除 Jenkins URL 列

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 src/api/caseApi.js                            |   26 +
 src/api/documentApi.js                        |  107 ++
 src/api/skillRuleApi.js                       |   43 +
 src/components/Home.vue                       |   62 +-
 .../TestPlatform/Case/CaseEditor.vue          |    2 +-
 src/components/TestPlatform/Case/CaseList.vue | 1203 ++++++++++++++++-
 .../TestPlatform/Case/DocumentSourcePanel.vue |  999 ++++++++++++++
 .../TestPlatform/Plan/PlanExecute.vue         |   17 +-
 .../SkillRule/BusinessSkillRuleConfig.vue     |  820 +++++++++++
 src/router/index.js                           |    7 +
 src/utils/bugStepsFormat.js                   |    8 +-
 11 files changed, 3236 insertions(+), 58 deletions(-)
 create mode 100644 src/api/documentApi.js
 create mode 100644 src/api/skillRuleApi.js
 create mode 100644 src/components/TestPlatform/Case/DocumentSourcePanel.vue
 create mode 100644 src/components/TestPlatform/SkillRule/BusinessSkillRuleConfig.vue

diff --git a/src/api/caseApi.js b/src/api/caseApi.js
index bbdc390..116e440 100644
--- a/src/api/caseApi.js
+++ b/src/api/caseApi.js
@@ -82,6 +82,32 @@ export function deleteCase(projectId, caseId) {
   })
 }
 
+/** 恢复状态为 0 的用例为正常（1），POST body: { caseIds: number[] } */
+export function restoreCases(caseIds) {
+  const raw = Array.isArray(caseIds) ? caseIds : [caseIds]
+  const caseIdsNorm = raw
+    .map(id => Number(id))
+    .filter(id => Number.isFinite(id) && id > 0)
+  return request({
+    url: '/case/restore',
+    method: 'post',
+    data: { caseIds: caseIdsNorm }
+  })
+}
+
+/**
+ * 根据手工用例生成 UI / 接口自动化脚本（字段均为驼峰）。
+ * 典型 body：projectId, caseId, automationType, prompt, caseKey, moduleName, productName,
+ * projectName, steps, expectedResults
+ */
+export function generateCaseAutomation(data) {
+  return request({
+    url: '/case/generate-automation',
+    method: 'post',
+    data
+  })
+}
+
 export function createCaseSnapshot(projectId, caseId) {
   return request({
     url: '/case/snapshot/create',
diff --git a/src/api/documentApi.js b/src/api/documentApi.js
new file mode 100644
index 0000000..7b7c62e
--- /dev/null
+++ b/src/api/documentApi.js
@@ -0,0 +1,107 @@
+import request from '@/utils/request'
+
+/** 文档列表 */
+export function getDocumentList(params) {
+  return request({
+    url: '/document/list',
+    method: 'get',
+    params
+  })
+}
+
+/** 文档详情 */
+export function getDocumentDetail(params) {
+  return request({
+    url: '/document/detail',
+    method: 'get',
+    params
+  })
+}
+
+/** 上传 PDF（multipart，单文件一次请求） */
+export function uploadDocumentPdf({ file, productId, projectId, createdBy }) {
+  const formData = new FormData()
+  formData.append('file', file)
+  formData.append('productId', productId)
+  formData.append('projectId', projectId)
+  if (createdBy != null && createdBy !== '') {
+    formData.append('createdBy', createdBy)
+  }
+  return request({
+    url: '/document/upload',
+    method: 'post',
+    data: formData
+  })
+}
+
+/** 创建文档 */
+export function createDocument(data) {
+  return request({
+    url: '/document/create',
+    method: 'post',
+    data
+  })
+}
+
+/** 更新文档 */
+export function updateDocument(data) {
+  return request({
+    url: '/document/update',
+    method: 'post',
+    data
+  })
+}
+
+/** 删除文档 */
+export function deleteDocument(data) {
+  return request({
+    url: '/document/delete',
+    method: 'post',
+    data
+  })
+}
+
+/** 刷新飞书文档 */
+export function refreshDocument(data) {
+  return request({
+    url: '/document/refresh',
+    method: 'post',
+    data
+  })
+}
+
+/** 生成测试用例（预览） */
+export function generateDocumentCases(data) {
+  return request({
+    url: '/document/generate-cases',
+    method: 'post',
+    data
+  })
+}
+
+/** 模块匹配 */
+export function matchDocumentModules(data) {
+  return request({
+    url: '/document/match-modules',
+    method: 'post',
+    data
+  })
+}
+
+/** 导入测试用例 */
+export function importDocumentCases(data) {
+  return request({
+    url: '/document/import-cases',
+    method: 'post',
+    data
+  })
+}
+
+/** 批量创建模块 */
+export function batchCreateDocumentModules(data) {
+  return request({
+    url: '/document/batch-create-modules',
+    method: 'post',
+    data
+  })
+}
diff --git a/src/api/skillRuleApi.js b/src/api/skillRuleApi.js
new file mode 100644
index 0000000..835bb5b
--- /dev/null
+++ b/src/api/skillRuleApi.js
@@ -0,0 +1,43 @@
+import request from '@/utils/request'
+
+/** Skill */
+export function getSkillList(params) {
+  return request({ url: '/skill/list', method: 'get', params: params || {} })
+}
+
+export function getSkillDetail(skillId) {
+  return request({ url: '/skill/detail', method: 'get', params: { skillId } })
+}
+
+export function createSkill(data) {
+  return request({ url: '/skill/create', method: 'post', data })
+}
+
+export function updateSkill(data) {
+  return request({ url: '/skill/update', method: 'post', data })
+}
+
+export function deleteSkill(skillId) {
+  return request({ url: '/skill/delete', method: 'post', data: { skillId } })
+}
+
+/** Business rule */
+export function getBusinessRuleList(params) {
+  return request({ url: '/business-rule/list', method: 'get', params: params || {} })
+}
+
+export function getBusinessRuleDetail(ruleId) {
+  return request({ url: '/business-rule/detail', method: 'get', params: { ruleId } })
+}
+
+export function createBusinessRule(data) {
+  return request({ url: '/business-rule/create', method: 'post', data })
+}
+
+export function updateBusinessRule(data) {
+  return request({ url: '/business-rule/update', method: 'post', data })
+}
+
+export function deleteBusinessRule(ruleId) {
+  return request({ url: '/business-rule/delete', method: 'post', data: { ruleId } })
+}
diff --git a/src/components/Home.vue b/src/components/Home.vue
index daa1ad0..a36abff 100644
--- a/src/components/Home.vue
+++ b/src/components/Home.vue
@@ -97,11 +97,12 @@ export default {
       const filteredMenus = this.filterMenus(this.userMenus)
       const menus = this.renameTestPlatformToCycle(filteredMenus)
       const sorted = this.sortMenusByProductOrder(menus)
-      const hasHome = sorted.some(menu => menu.path === '/effekt' || menu.name === '首页')
+      const withSkillMenu = this.injectBusinessSkillConfigMenu(sorted)
+      const hasHome = withSkillMenu.some(menu => menu.path === '/effekt' || menu.name === '首页')
       if (hasHome) {
-        return sorted
+        return withSkillMenu
       }
-      return [homeMenu, ...sorted]
+      return [homeMenu, ...withSkillMenu]
     },
     displayName() {
       if (!this.currentUser) {
@@ -129,6 +130,7 @@ export default {
         '/system/user': '/system/user',
         '/system/menu': '/system/menu',
         '/system/permission': '/system/permission',
+        '/test-platform/skill-rules': '/test-platform/skill-rules',
         '/bug': '/bug/list',
         '/bug/list': '/bug/list',
         '/bug/detail': '/bug/detail',
@@ -166,6 +168,7 @@ export default {
         '产品管理': 'el-icon-box',
         '项目管理': 'el-icon-s-management',
         '用例管理': 'el-icon-document',
+        '业务技能配置': 'el-icon-collection',
         '测试计划': 'el-icon-date',
         '测试报告': 'el-icon-data-line',
         '测试工具': 'el-icon-s-tools',
@@ -216,6 +219,59 @@ export default {
         return Object.assign({}, item, { name, children })
       })
     },
+    /**
+     * 在「用例周期」分组下、「用例管理」上方插入「业务技能配置」（与后端菜单并存时去重）。
+     */
+    injectBusinessSkillConfigMenu(menus) {
+      const INJECT_PATH = '/test-platform/skill-rules'
+      const INJECT_KEY = '__inject_business_skill__'
+      const makeItem = () => ({
+        name: '业务技能配置',
+        path: INJECT_PATH,
+        icon: 'el-icon-collection',
+        menuId: INJECT_KEY,
+        id: INJECT_KEY,
+        visible: 1,
+        status: 1,
+        children: []
+      })
+      const hasInjected = list =>
+        (list || []).some(c => c.path === INJECT_PATH || c.menuId === INJECT_KEY || c.id === INJECT_KEY)
+      const mergeCycleChildren = children => {
+        if (!children || !children.length) return children || []
+        if (hasInjected(children)) {
+          return children.map(c =>
+            c.children && c.children.length
+              ? Object.assign({}, c, { children: this.injectBusinessSkillConfigMenu(c.children) })
+              : c
+          )
+        }
+        const next = children.map(c =>
+          c.children && c.children.length
+            ? Object.assign({}, c, { children: this.injectBusinessSkillConfigMenu(c.children) })
+            : c
+        )
+        const idx = next.findIndex(c => {
+          const p = String(c.path || '')
+          return p === '/test-platform/case' || c.name === '用例管理'
+        })
+        if (idx >= 0) {
+          next.splice(idx, 0, makeItem())
+        } else {
+          next.unshift(makeItem())
+        }
+        return next
+      }
+      return (menus || []).map(item => {
+        if (item.name === '用例周期' && item.children && item.children.length) {
+          return Object.assign({}, item, { children: mergeCycleChildren(item.children.slice()) })
+        }
+        if (item.children && item.children.length) {
+          return Object.assign({}, item, { children: this.injectBusinessSkillConfigMenu(item.children) })
+        }
+        return item
+      })
+    },
     /** 左侧栏顶级顺序：首页 → 用例周期 → Bug管理 → 造数 → 系统管理 → 其它 */
     representativeMenuPath(menu) {
       const direct = String((menu && menu.path) || '').trim()
diff --git a/src/components/TestPlatform/Case/CaseEditor.vue b/src/components/TestPlatform/Case/CaseEditor.vue
index 5be2c14..f3a5633 100644
--- a/src/components/TestPlatform/Case/CaseEditor.vue
+++ b/src/components/TestPlatform/Case/CaseEditor.vue
@@ -38,7 +38,7 @@
             <el-option v-for="item in moduleOptions" :key="item.id" :label="item.name" :value="item.id"></el-option>
           </el-select>
         </el-form-item>
-        <el-form-item label="用例编号">
+        <el-form-item v-if="form.id" label="用例编号">
           <el-input v-model="form.caseKey" placeholder="不填则由后端自动生成"></el-input>
         </el-form-item>
         <el-form-item label="标题" prop="title">
diff --git a/src/components/TestPlatform/Case/CaseList.vue b/src/components/TestPlatform/Case/CaseList.vue
index b7a9cf8..2da426a 100644
--- a/src/components/TestPlatform/Case/CaseList.vue
+++ b/src/components/TestPlatform/Case/CaseList.vue
@@ -38,20 +38,17 @@
 
       <el-tabs v-model="activeTab" style="margin-top: 8px;">
         <el-tab-pane label="模块列表" name="modules">
-          <div class="toolbar-wrap">
+          <div class="module-list-toolbar">
+            <el-button
+              size="small"
+              icon="el-icon-refresh"
+              :disabled="!selectedProjectId"
+              :loading="moduleLoading"
+              @click="refreshModuleList">
+              刷新
+            </el-button>
             <el-button type="primary" size="small" :disabled="!selectedProjectId" @click="openModuleCreate">新增模块</el-button>
           </div>
-          <el-form :inline="true" :model="moduleSearchForm" size="small" style="margin-top: 8px;" @submit.native.prevent>
-            <el-form-item label="模块名称">
-              <el-input v-model="moduleSearchForm.keyword" clearable style="width: 180px;" @keyup.enter.native="handleModuleSearch"></el-input>
-            </el-form-item>
-            <el-form-item>
-              <el-button type="primary" :disabled="!selectedProjectId" @click="handleModuleSearch">查询</el-button>
-            </el-form-item>
-            <el-form-item>
-              <el-button size="small" @click="resetModuleSearch">重置</el-button>
-            </el-form-item>
-          </el-form>
           <el-table v-loading="moduleLoading" :data="pagedModuleData" border style="margin-top: 8px;">
             <el-table-column prop="id" label="模块ID" width="100"></el-table-column>
             <el-table-column prop="name" label="模块名称" min-width="160"></el-table-column>
@@ -203,9 +200,10 @@
                 </template>
               </template>
             </el-table-column>
-            <el-table-column label="操作" width="140" fixed="right">
+            <el-table-column label="操作" width="260" fixed="right">
               <template slot-scope="scope">
                 <el-button type="text" @click="goEditor(scope.row)">编辑</el-button>
+                <el-button type="text" @click="openAutoGenDialog(scope.row)">生成自动化用例</el-button>
                 <el-button type="text" style="color: #F56C6C;" @click="remove(scope.row)">删除</el-button>
               </template>
             </el-table-column>
@@ -245,7 +243,16 @@
                   'mindmap-node-case': data.nodeTypeLabel === '用例',
                   'mindmap-node-active': selectedMindmapCase && selectedMindmapCase.id === data.id
                 }" @click.stop="handleMindmapNodeClick(data)">
-                  <span class="mindmap-node-title">{{ data.name }}</span>
+                  <span class="mindmap-node-head">
+                    <span class="mindmap-node-title">{{ data.name }}</span>
+                    <el-tag
+                      v-if="data.nodeTypeLabel === '用例'"
+                      size="mini"
+                      class="mindmap-node-case-status"
+                      :type="formatStatusTagType(data.status)">
+                      {{ formatStatus(data.status) || '未知状态' }}
+                    </el-tag>
+                  </span>
                   <span class="mindmap-node-meta">
                     <el-tag size="mini" :type="data.nodeTypeLabel === '项目' ? 'success' : (data.nodeTypeLabel === '模块' ? 'warning' : 'info')">{{ data.nodeTypeLabel }}</el-tag>
                     <span v-if="data.creator" class="mindmap-meta-text">创建人：{{ data.creator }}</span>
@@ -293,6 +300,251 @@
             <div v-else class="mindmap-empty">暂无结构数据</div>
           </div>
         </el-tab-pane>
+
+        <el-tab-pane label="AI生成用例" name="ai-case-import">
+          <div class="ai-case-import-wrap">
+            <p class="ai-case-import-tip">
+              按条件查询用例；在下方文档列表中勾选要参与生成的文档，可在「技能与业务规则」中多选当前项目的 Skill 与规则；设置生成参数后点击「生成用例」。「导入」为上传 PDF 或新建飞书文档（与文档源「新建」一致）；Excel 导入用例请在「用例列表」Tab 使用「导入Excel」。
+            </p>
+            <el-form :inline="true" :model="aiQueryForm" size="small" class="ai-case-query-form" @submit.native.prevent>
+              <el-form-item label="模块">
+                <el-select v-model="aiQueryForm.moduleId" clearable filterable placeholder="全部" style="width: 200px;">
+                  <el-option
+                    v-for="item in flatModuleOptions"
+                    :key="item.id"
+                    :label="item.name"
+                    :value="item.id">
+                  </el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="用例标题">
+                <el-input v-model="aiQueryForm.keyword" clearable style="width: 160px;" @keyup.enter.native="fetchAiCaseList"></el-input>
+              </el-form-item>
+              <el-form-item label="优先级">
+                <el-select v-model="aiQueryForm.priority" clearable style="width: 100px;">
+                  <el-option label="P0" :value="0"></el-option>
+                  <el-option label="P1" :value="1"></el-option>
+                  <el-option label="P2" :value="2"></el-option>
+                  <el-option label="P3" :value="3"></el-option>
+                </el-select>
+              </el-form-item>
+              <el-form-item label="标签">
+                <el-input v-model="aiQueryForm.tag" clearable style="width: 120px;" @keyup.enter.native="fetchAiCaseList"></el-input>
+              </el-form-item>
+              <el-form-item label="创建人">
+                <el-input v-model="aiQueryForm.creator" clearable style="width: 120px;" @keyup.enter.native="fetchAiCaseList"></el-input>
+              </el-form-item>
+              <el-form-item>
+                <el-button type="primary" :disabled="!selectedProjectId" @click="fetchAiCaseList">查询</el-button>
+              </el-form-item>
+              <el-form-item>
+                <el-button size="small" @click="resetAiQuery">重置</el-button>
+              </el-form-item>
+              <el-form-item>
+                <el-button size="small" :disabled="!selectedProjectId" @click="openAiDocumentCreateDialog">导入</el-button>
+              </el-form-item>
+              <el-form-item>
+                <el-button
+                  type="success"
+                  size="small"
+                  :disabled="!selectedProjectId"
+                  :loading="aiGenerateLoading"
+                  @click="handleAiGenerateCases">
+                  生成用例
+                </el-button>
+              </el-form-item>
+            </el-form>
+
+            <div class="ai-gen-params-bar">
+              <span class="ai-gen-params-label">生成参数</span>
+              <el-select v-model="aiGenForm.priority" size="small" style="width: 100px; margin-left: 8px;">
+                <el-option label="P0" :value="1"></el-option>
+                <el-option label="P1" :value="2"></el-option>
+                <el-option label="P2" :value="3"></el-option>
+              </el-select>
+              <span class="ai-gen-params-hint">（与接口约定：1-P0 / 2-P1 / 3-P2）</span>
+              <span style="margin-left: 16px;">用例类型</span>
+              <el-input-number v-model="aiGenForm.caseType" :min="1" :max="99" size="small" style="margin-left: 8px; width: 100px;"></el-input-number>
+              <span style="margin-left: 16px;">标签</span>
+              <el-select
+                v-model="aiGenForm.tags"
+                multiple
+                filterable
+                allow-create
+                default-first-option
+                size="small"
+                placeholder="标签"
+                style="margin-left: 8px; width: 220px;">
+                <el-option label="AI生成" value="AI生成"></el-option>
+              </el-select>
+            </div>
+
+            <div class="ai-doc-block">
+              <div class="ai-doc-block-title">文档来源（勾选后参与「生成用例」）</div>
+              <el-table
+                v-loading="aiDocLoading"
+                :data="aiDocList"
+                border
+                size="small"
+                max-height="240"
+                row-key="id"
+                @selection-change="onAiDocSelectionChange">
+                <el-table-column type="selection" width="46"></el-table-column>
+                <el-table-column prop="id" label="文档ID" width="80"></el-table-column>
+                <el-table-column label="类型" width="72">
+                  <template slot-scope="scope">
+                    <el-tag size="mini" :type="scope.row.type === 2 ? 'warning' : 'info'">{{ scope.row.type === 2 ? '飞书' : 'PDF' }}</el-tag>
+                  </template>
+                </el-table-column>
+                <el-table-column label="文件名称" min-width="160" show-overflow-tooltip>
+                  <template slot-scope="scope">{{ formatAiDocFileName(scope.row) }}</template>
+                </el-table-column>
+                <el-table-column label="飞书链接" min-width="200" show-overflow-tooltip>
+                  <template slot-scope="scope">{{ scope.row.type === 2 ? (scope.row.source || '—') : '—' }}</template>
+                </el-table-column>
+                <el-table-column label="操作" width="80" fixed="right" align="center">
+                  <template slot-scope="scope">
+                    <el-button type="text" size="mini" style="color: #F56C6C;" @click="removeAiDoc(scope.row)">删除</el-button>
+                  </template>
+                </el-table-column>
+              </el-table>
+            </div>
+
+            <div class="ai-doc-block ai-skill-rule-block">
+              <div class="ai-doc-block-title">技能与业务规则（可选，选择后随「生成用例」一并提交）</div>
+              <div v-loading="aiSkillRuleLoading" class="ai-skill-rule-selects">
+                <el-select
+                  v-model="aiGenSelectedSkillIds"
+                  multiple
+                  filterable
+                  clearable
+                  collapse-tags
+                  placeholder="选择技能（当前项目下全部 Skill）"
+                  size="small"
+                  style="width: 100%;"
+                  :disabled="!projectId">
+                  <el-option
+                    v-for="s in aiSkillOptions"
+                    :key="'ai-sk-' + s.id"
+                    :label="formatAiSkillOptionLabel(s)"
+                    :value="Number(s.id)">
+                  </el-option>
+                </el-select>
+                <el-select
+                  v-model="aiGenSelectedRuleIds"
+                  multiple
+                  filterable
+                  clearable
+                  collapse-tags
+                  placeholder="选择业务规则（当前项目下全部规则）"
+                  size="small"
+                  style="width: 100%;"
+                  :disabled="!projectId">
+                  <el-option
+                    v-for="r in aiRuleOptions"
+                    :key="'ai-ru-' + r.id"
+                    :label="formatAiRuleOptionLabel(r)"
+                    :value="Number(r.id)">
+                  </el-option>
+                </el-select>
+              </div>
+            </div>
+
+            <div class="ai-case-table-toolbar">
+              <div class="ai-case-table-title">用例列表</div>
+              <div class="ai-case-table-toolbar-actions">
+                <el-button
+                  type="primary"
+                  size="small"
+                  plain
+                  :disabled="!projectId || !aiSelectedCases.length"
+                  :loading="aiBatchSyncing"
+                  @click="batchSyncAiCases">
+                  批量同步
+                </el-button>
+                <el-button
+                  type="danger"
+                  size="small"
+                  plain
+                  :disabled="!projectId || !aiSelectedCases.length"
+                  :loading="aiBatchDeleting"
+                  @click="batchRemoveAiCases">
+                  批量删除
+                </el-button>
+              </div>
+            </div>
+            <el-table
+              ref="aiCaseTable"
+              v-loading="aiLoading"
+              :data="aiTableData"
+              border
+              row-key="id"
+              style="margin-top: 8px;"
+              @selection-change="onAiCaseSelectionChange">
+              <el-table-column type="selection" width="46"></el-table-column>
+              <el-table-column
+                label="模块路径"
+                prop="module_path"
+                min-width="200"
+                show-overflow-tooltip>
+                <template slot-scope="scope">{{ scope.row.module_path || scope.row.modulePath || '—' }}</template>
+              </el-table-column>
+              <el-table-column label="模块名称" prop="module_name" min-width="140" show-overflow-tooltip>
+                <template slot-scope="scope">
+                  {{ formatCaseColumnValue('moduleName', getCaseColumnValue(scope.row, 'moduleName')) }}
+                </template>
+              </el-table-column>
+              <el-table-column
+                v-for="column in visibleAiCaseColumnsWithoutModuleName"
+                :key="'ai-' + column.key"
+                :label="column.label"
+                :prop="column.prop"
+                :min-width="column.minWidth"
+                :width="column.width">
+                <template slot-scope="scope">
+                  <template v-if="column.key === 'tags'">
+                    <template v-if="Array.isArray(getCaseColumnValue(scope.row, 'tags'))">
+                      <el-tag v-for="tag in getCaseColumnValue(scope.row, 'tags')" :key="tag" size="mini" style="margin-right: 4px;">{{ tag }}</el-tag>
+                    </template>
+                    <span v-else>{{ formatTags(getCaseColumnValue(scope.row, 'tags')) }}</span>
+                  </template>
+                  <template v-else>
+                    {{ formatCaseColumnValue(column.key, getCaseColumnValue(scope.row, column.key)) }}
+                  </template>
+                </template>
+              </el-table-column>
+              <el-table-column label="操作" width="300" fixed="right">
+                <template slot-scope="scope">
+                  <el-button type="text" @click="openAiCaseDetail(scope.row)">查看详情</el-button>
+                  <el-button type="text" @click="goEditor(scope.row)">编辑</el-button>
+                  <el-button type="text" @click="syncAiCase(scope.row)">同步</el-button>
+                  <el-button type="text" style="color: #F56C6C;" @click="remove(scope.row)">删除</el-button>
+                </template>
+              </el-table-column>
+            </el-table>
+            <div style="margin-top: 16px; text-align: right;">
+              <el-pagination
+                :current-page="aiCasePageNo"
+                :page-size="aiCasePageSize"
+                :page-sizes="[10, 20, 50, 100]"
+                :total="aiCaseTotal"
+                layout="total, sizes, prev, pager, next, jumper"
+                @size-change="handleAiCaseSizeChange"
+                @current-change="handleAiCaseCurrentChange">
+              </el-pagination>
+            </div>
+
+            <document-source-panel
+              ref="aiDocumentPanel"
+              class="document-source-panel-host--hidden"
+              :compact="true"
+              :product-id="selectedProductId"
+              :project-id="selectedProjectId"
+              :table-height="360"
+              @document-changed="fetchAiDocList">
+            </document-source-panel>
+          </div>
+        </el-tab-pane>
       </el-tabs>
     </page-section>
 
@@ -330,6 +582,93 @@
       </span>
     </el-dialog>
 
+    <el-dialog
+      title="用例详情"
+      :visible.sync="aiCaseDetailVisible"
+      width="760px"
+      top="6vh"
+      append-to-body
+      @closed="resetAiCaseDetailDialog">
+      <div v-loading="aiCaseDetailLoading" class="ai-case-detail-wrap">
+        <template v-if="!aiCaseDetailLoading && aiCaseDetailRowPresent">
+          <div class="ai-case-detail-title">{{ aiCaseDetail.title || '—' }}</div>
+          <el-descriptions :column="2" size="small" border class="ai-case-detail-desc">
+            <el-descriptions-item label="用例编号">{{ aiCaseDetail.case_key || aiCaseDetail.caseKey || '—' }}</el-descriptions-item>
+            <el-descriptions-item label="模块">{{ aiCaseDetail.module_name || aiCaseDetail.moduleName || '—' }}</el-descriptions-item>
+            <el-descriptions-item label="优先级">{{ formatPriority(aiCaseDetail.priority) }}</el-descriptions-item>
+            <el-descriptions-item label="类型">{{ formatCaseType(aiCaseDetail.case_type != null ? aiCaseDetail.case_type : aiCaseDetail.caseType) }}</el-descriptions-item>
+            <el-descriptions-item label="状态">{{ formatStatus(aiCaseDetail.status) }}</el-descriptions-item>
+            <el-descriptions-item label="是否自动化">
+              {{ formatIsAuto(aiCaseDetail.is_auto != null ? aiCaseDetail.is_auto : aiCaseDetail.isAuto) }}
+            </el-descriptions-item>
+            <el-descriptions-item label="创建人" :span="2">
+              {{ aiCaseDetail.created_by_name || aiCaseDetail.creator || aiCaseDetail.creator_name || '—' }}
+            </el-descriptions-item>
+            <el-descriptions-item label="创建时间" :span="2">
+              {{ aiCaseDetail.created_time || aiCaseDetail.create_time || aiCaseDetail.createdTime || '—' }}
+            </el-descriptions-item>
+            <el-descriptions-item label="标签" :span="2">
+              <template v-if="Array.isArray(aiCaseDetail.tags) && aiCaseDetail.tags.length">
+                <el-tag v-for="t in aiCaseDetail.tags" :key="t" size="mini" style="margin-right: 4px;">{{ t }}</el-tag>
+              </template>
+              <span v-else>{{ formatTags(aiCaseDetail.tags) || '—' }}</span>
+            </el-descriptions-item>
+          </el-descriptions>
+          <div class="ai-case-detail-block">
+            <div class="ai-case-detail-label">前置条件</div>
+            <div class="ai-case-detail-text">{{ aiCaseDetail.preconditions || '—' }}</div>
+          </div>
+          <div class="ai-case-detail-block">
+            <div class="ai-case-detail-label">测试步骤</div>
+            <div class="ai-case-detail-text">{{ formatAiCaseDetailSteps(aiCaseDetail.steps) || '—' }}</div>
+          </div>
+          <div class="ai-case-detail-block">
+            <div class="ai-case-detail-label">预期结果</div>
+            <div class="ai-case-detail-text">
+              {{ aiCaseDetail.expected_results || aiCaseDetail.expectedResults || '—' }}
+            </div>
+          </div>
+        </template>
+        <div v-else-if="!aiCaseDetailLoading && !aiCaseDetailRowPresent" class="ai-case-detail-empty">暂无详情数据</div>
+      </div>
+      <span slot="footer" class="dialog-footer">
+        <el-button type="primary" size="small" @click="aiCaseDetailVisible = false">关闭</el-button>
+      </span>
+    </el-dialog>
+
+    <el-dialog
+      title="生成自动化用例"
+      :visible.sync="autoGenDialogVisible"
+      width="560px"
+      append-to-body
+      @closed="resetAutoGenDialog">
+      <el-form ref="autoGenFormRef" :model="autoGenForm" :rules="autoGenRules" label-width="120px" size="small">
+        <el-form-item label="当前用例">
+          <span class="auto-gen-case-title">{{ autoGenRowTitle }}</span>
+        </el-form-item>
+        <el-form-item label="生成类型" prop="automationType">
+          <el-select v-model="autoGenForm.automationType" placeholder="请选择" style="width: 100%;">
+            <el-option label="生成 UI 自动化用例" value="ui"></el-option>
+            <el-option label="生成接口自动化用例" value="api"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="提示词" prop="prompt">
+          <el-input
+            v-model="autoGenForm.prompt"
+            type="textarea"
+            :rows="5"
+            maxlength="2000"
+            show-word-limit
+            placeholder="补充生成要求、风格或约束等，将一并提交给后端">
+          </el-input>
+        </el-form-item>
+      </el-form>
+      <span slot="footer" class="dialog-footer">
+        <el-button size="small" @click="autoGenDialogVisible = false">取消</el-button>
+        <el-button type="primary" size="small" :loading="autoGenSubmitting" @click="submitAutoGen">确定</el-button>
+      </span>
+    </el-dialog>
+
     <el-dialog title="批量上传" :visible.sync="caseImportDialogVisible" width="780px" @close="resetImportDialog">
       <div class="case-import-panel">
         <div class="case-import-icon">X</div>
@@ -362,7 +701,23 @@
 
 <script>
 import PageSection from '@/components/TestPlatform/common/PageSection'
-import { createModule, deleteCase, deleteModule, downloadCaseImportTemplate, getCaseList, getModuleTree, importCaseExcel, updateCase, updateModule } from '@/api/caseApi'
+import DocumentSourcePanel from '@/components/TestPlatform/Case/DocumentSourcePanel'
+import {
+  createModule,
+  deleteCase,
+  deleteModule,
+  downloadCaseImportTemplate,
+  generateCaseAutomation,
+  getCaseDetail,
+  getCaseList,
+  getModuleTree,
+  importCaseExcel,
+  restoreCases,
+  updateCase,
+  updateModule
+} from '@/api/caseApi'
+import { deleteDocument, getDocumentList, generateDocumentCases } from '@/api/documentApi'
+import { getSkillList, getBusinessRuleList } from '@/api/skillRuleApi'
 import { getProductList } from '@/api/productApi'
 import { getProjectDetail, getProjectList } from '@/api/projectApi'
 import {
@@ -373,11 +728,19 @@ import {
 
 export default {
   name: 'CaseList',
-  components: { PageSection },
+  components: { PageSection, DocumentSourcePanel },
   data() {
     const routeTab = this.$route.query.tab
+    let initialTab = 'modules'
+    if (routeTab === 'cases') {
+      initialTab = 'cases'
+    } else if (routeTab === 'case-mindmap') {
+      initialTab = 'case-mindmap'
+    } else if (routeTab === 'ai-case-import' || routeTab === 'ai-cases') {
+      initialTab = 'ai-case-import'
+    }
     return {
-      activeTab: routeTab === 'cases' ? 'cases' : 'modules',
+      activeTab: initialTab,
       loading: false,
       moduleLoading: false,
       moduleSubmitting: false,
@@ -404,9 +767,6 @@ export default {
       projectOptions: [],
       moduleProjectOptions: [],
       moduleParentOptions: [],
-      moduleSearchForm: {
-        keyword: ''
-      },
       modulePageNo: 1,
       modulePageSize: 20,
       pageNo: 1,
@@ -461,27 +821,62 @@ export default {
         name: [{ required: true, message: '请输入模块名称', trigger: 'blur' }]
       },
       tableData: [],
-      moduleData: []
+      moduleData: [],
+      aiQueryForm: {
+        moduleId: '',
+        keyword: '',
+        priority: '',
+        tag: '',
+        creator: ''
+      },
+      aiCasePageNo: 1,
+      aiCasePageSize: 20,
+      aiCaseTotal: 0,
+      aiTableData: [],
+      aiLoading: false,
+      aiDocList: [],
+      aiDocLoading: false,
+      aiSelectedDocIds: [],
+      aiGenForm: {
+        priority: 2,
+        caseType: 1,
+        tags: ['AI生成']
+      },
+      aiSkillOptions: [],
+      aiRuleOptions: [],
+      aiSkillRuleLoading: false,
+      aiGenSelectedSkillIds: [],
+      aiGenSelectedRuleIds: [],
+      aiGenerateLoading: false,
+      aiSelectedCases: [],
+      aiBatchDeleting: false,
+      aiBatchSyncing: false,
+      aiCaseDetailVisible: false,
+      aiCaseDetailLoading: false,
+      aiCaseDetail: {},
+      autoGenDialogVisible: false,
+      autoGenSubmitting: false,
+      autoGenRow: null,
+      autoGenForm: {
+        automationType: 'ui',
+        prompt: ''
+      },
+      autoGenRules: {
+        automationType: [{ required: true, message: '请选择生成类型', trigger: 'change' }],
+        prompt: [{ required: true, message: '请输入提示词', trigger: 'blur' }]
+      }
     }
   },
   computed: {
     visibleCaseColumns() {
       return this.allCaseColumns.filter(item => this.selectedCaseColumnKeys.includes(item.key))
     },
+    /** AI 用例列表：模块路径后紧跟模块名称，其余列不再重复渲染模块名称 */
+    visibleAiCaseColumnsWithoutModuleName() {
+      return this.visibleCaseColumns.filter(item => item.key !== 'moduleName')
+    },
     filteredModuleData() {
-      const keyword = (this.moduleSearchForm.keyword || '').trim().toLowerCase()
-      if (!keyword) {
-        return this.moduleData
-      }
-      return (this.moduleData || []).filter(item => {
-        const source = [
-          item.id,
-          item.name,
-          item.parent_name,
-          item.path
-        ].map(v => String(v || '').toLowerCase()).join(' ')
-        return source.includes(keyword)
-      })
+      return this.moduleData || []
     },
     moduleTotal() {
       return (this.filteredModuleData || []).length
@@ -508,6 +903,18 @@ export default {
       }
       walk(this.moduleData, '')
       return result
+    },
+    aiCaseDetailRowPresent() {
+      const d = this.aiCaseDetail
+      if (!d || typeof d !== 'object') return false
+      if (d.id !== undefined && d.id !== null && d.id !== '') return true
+      if (d.title) return true
+      return Object.keys(d).length > 0
+    },
+    autoGenRowTitle() {
+      const r = this.autoGenRow
+      if (!r) return '—'
+      return r.title || r.case_key || r.caseKey || (r.id != null ? `用例 #${r.id}` : '—')
     }
   },
   watch: {
@@ -515,6 +922,11 @@ export default {
       if (val === 'case-mindmap') {
         this.fetchCaseMindmapData()
       }
+      if (val === 'ai-case-import' && this.projectId) {
+        this.fetchAiCaseList()
+        this.fetchAiDocList()
+        this.fetchAiSkillRuleOptions()
+      }
     }
   },
   methods: {
@@ -573,6 +985,15 @@ export default {
       this.tableData = []
       this.total = 0
       this.moduleData = []
+      this.aiTableData = []
+      this.aiCaseTotal = 0
+      this.aiDocList = []
+      this.aiSelectedDocIds = []
+      this.aiSkillOptions = []
+      this.aiRuleOptions = []
+      this.aiGenSelectedSkillIds = []
+      this.aiGenSelectedRuleIds = []
+      this.clearAiCaseTableSelection()
       this.loadProjectOptionsByProduct(val)
     },
     handleProjectChange(val) {
@@ -584,12 +1005,27 @@ export default {
         this.tableData = []
         this.total = 0
         this.moduleData = []
+        this.aiTableData = []
+        this.aiCaseTotal = 0
+        this.aiDocList = []
+        this.aiSelectedDocIds = []
+        this.aiSkillOptions = []
+        this.aiRuleOptions = []
+        this.aiGenSelectedSkillIds = []
+        this.aiGenSelectedRuleIds = []
+        this.clearAiCaseTableSelection()
         return
       }
       saveLastProductProjectCache(this.selectedProductId, val)
       this.fetchModuleList()
       this.fetchList()
       this.fetchCaseMindmapData()
+      if (this.activeTab === 'ai-case-import') {
+        this.aiCasePageNo = 1
+        this.fetchAiCaseList()
+        this.fetchAiDocList()
+        this.fetchAiSkillRuleOptions()
+      }
     },
     restoreSharedProductProjectCache() {
       const cached = readLastProductProjectCache()
@@ -798,6 +1234,7 @@ export default {
       return String(steps)
     },
     formatStatusTagType(status) {
+      if (status === 0) return 'info'
       if (status === 1) return 'success'
       if (status === 3) return 'warning'
       if (status === 2) return 'info'
@@ -847,12 +1284,12 @@ export default {
         expectedResults: item.expected_results || item.expectedResults || ''
       }
     },
-    handleModuleSearch() {
-      this.modulePageNo = 1
-    },
-    resetModuleSearch() {
-      this.moduleSearchForm.keyword = ''
-      this.modulePageNo = 1
+    refreshModuleList() {
+      if (!this.selectedProjectId) {
+        this.$message.warning('请先选择项目')
+        return
+      }
+      this.fetchModuleList()
     },
     handleModuleSizeChange(size) {
       this.modulePageSize = size
@@ -978,6 +1415,343 @@ export default {
         this.loading = false
       })
     },
+    fetchAiCaseList() {
+      if (!this.projectId) {
+        this.aiTableData = []
+        this.aiCaseTotal = 0
+        return
+      }
+      this.aiLoading = true
+      const query = Object.assign({}, this.aiQueryForm, {
+        created_by_name: this.aiQueryForm.creator
+      })
+      delete query.creator
+      const params = this.cleanParams(
+        Object.assign({}, query, {
+          pageNo: this.aiCasePageNo,
+          pageSize: this.aiCasePageSize,
+          status: 0,
+          is_ai_generated: 1,
+          module_status: 0
+        })
+      )
+      getCaseList(this.projectId, params)
+        .then(res => {
+          const data = (res && res.data) || res || {}
+          const list = data.list || data.items || []
+          this.aiTableData = Array.isArray(list) ? list : []
+          this.aiCaseTotal = Number(data.total || this.aiTableData.length || 0)
+        })
+        .catch(() => {
+          this.aiTableData = []
+          this.aiCaseTotal = 0
+        })
+        .finally(() => {
+          this.aiLoading = false
+          this.clearAiCaseTableSelection()
+        })
+    },
+    fetchAiDocList() {
+      if (!this.projectId) {
+        this.aiDocList = []
+        this.aiSelectedDocIds = []
+        return
+      }
+      this.aiDocLoading = true
+      getDocumentList(
+        this.cleanParams({
+          productId: this.selectedProductId || undefined,
+          projectId: this.projectId,
+          pageNo: 1,
+          pageSize: 500
+        })
+      )
+        .then(res => {
+          const data = (res && res.data) || res || {}
+          const list = data.list || data.items || []
+          this.aiDocList = Array.isArray(list) ? list : []
+        })
+        .catch(() => {
+          this.aiDocList = []
+        })
+        .finally(() => {
+          this.aiDocLoading = false
+        })
+    },
+    fetchAiSkillRuleOptions() {
+      if (!this.projectId) {
+        this.aiSkillOptions = []
+        this.aiRuleOptions = []
+        this.aiGenSelectedSkillIds = []
+        this.aiGenSelectedRuleIds = []
+        return Promise.resolve()
+      }
+      const pid = Number(this.projectId)
+      if (!Number.isFinite(pid) || pid <= 0) {
+        return Promise.resolve()
+      }
+      this.aiSkillRuleLoading = true
+      const base = { projectId: pid, pageNo: 1, pageSize: 1000 }
+      const parseList = res => {
+        const data = (res && res.data) || res || {}
+        const list = data.list || data.items || []
+        return Array.isArray(list) ? list : []
+      }
+      return Promise.all([
+        getSkillList(base).then(parseList).catch(() => []),
+        getBusinessRuleList(base).then(parseList).catch(() => [])
+      ])
+        .then(([skills, rules]) => {
+          this.aiSkillOptions = skills.filter(s => s && s.id !== undefined && s.id !== null && s.id !== '')
+          this.aiRuleOptions = rules.filter(r => r && r.id !== undefined && r.id !== null && r.id !== '')
+          const sidSet = new Set(
+            this.aiSkillOptions.map(s => Number(s.id)).filter(n => Number.isFinite(n) && n > 0)
+          )
+          const ridSet = new Set(
+            this.aiRuleOptions.map(r => Number(r.id)).filter(n => Number.isFinite(n) && n > 0)
+          )
+          this.aiGenSelectedSkillIds = (this.aiGenSelectedSkillIds || []).filter(id =>
+            sidSet.has(Number(id))
+          )
+          this.aiGenSelectedRuleIds = (this.aiGenSelectedRuleIds || []).filter(id =>
+            ridSet.has(Number(id))
+          )
+        })
+        .finally(() => {
+          this.aiSkillRuleLoading = false
+        })
+    },
+    formatAiSkillOptionLabel(s) {
+      if (!s) return ''
+      const name = s.name || `ID ${s.id}`
+      return s.code ? `${name} · ${s.code}` : name
+    },
+    formatAiRuleOptionLabel(r) {
+      if (!r) return ''
+      const name = r.name || `ID ${r.id}`
+      const code = r.rule_code || r.ruleCode
+      return code ? `${name} · ${code}` : name
+    },
+    resetAiQuery() {
+      this.aiQueryForm = {
+        moduleId: '',
+        keyword: '',
+        priority: '',
+        tag: '',
+        creator: ''
+      }
+      this.aiCasePageNo = 1
+      this.fetchAiCaseList()
+    },
+    onAiDocSelectionChange(rows) {
+      this.aiSelectedDocIds = (rows || []).map(r => r.id).filter(id => id !== undefined && id !== null)
+    },
+    removeAiDoc(row) {
+      const documentId = row && row.id
+      if (documentId === undefined || documentId === null || documentId === '') {
+        this.$message.warning('无法识别文档ID')
+        return
+      }
+      this.$confirm('确认删除该文档？删除后无法用于生成用例。', '提示', { type: 'warning' })
+        .then(() => deleteDocument({ documentId }))
+        .then(() => {
+          this.$message.success('已删除')
+          this.fetchAiDocList()
+          const panel = this.$refs.aiDocumentPanel
+          if (panel && typeof panel.fetchDocuments === 'function') {
+            panel.fetchDocuments()
+          }
+        })
+        .catch(() => {})
+    },
+    onAiCaseSelectionChange(rows) {
+      this.aiSelectedCases = Array.isArray(rows) ? rows.slice() : []
+    },
+    clearAiCaseTableSelection() {
+      this.aiSelectedCases = []
+      this.$nextTick(() => {
+        const t = this.$refs.aiCaseTable
+        if (t && typeof t.clearSelection === 'function') {
+          t.clearSelection()
+        }
+      })
+    },
+    batchRemoveAiCases() {
+      const rows = this.aiSelectedCases || []
+      if (!rows.length) {
+        this.$message.warning('请先勾选要删除的用例')
+        return
+      }
+      if (!this.projectId) {
+        this.$message.warning('请先选择项目')
+        return
+      }
+      this.$confirm(`确认删除选中的 ${rows.length} 条用例吗？`, '提示', { type: 'warning' })
+        .then(() => {
+          this.aiBatchDeleting = true
+          const pid = this.projectId
+          const chain = rows.reduce(
+            (p, row) =>
+              p.then(acc => {
+                const id = row && row.id
+                if (id === undefined || id === null || id === '') {
+                  return { ok: acc.ok, fail: acc.fail + 1 }
+                }
+                return deleteCase(pid, id)
+                  .then(() => ({ ok: acc.ok + 1, fail: acc.fail }))
+                  .catch(() => ({ ok: acc.ok, fail: acc.fail + 1 }))
+              }),
+            Promise.resolve({ ok: 0, fail: 0 })
+          )
+          return chain
+        })
+        .then(({ ok, fail }) => {
+          if (ok) {
+            this.$message({
+              type: 'success',
+              message: fail ? `已删除 ${ok} 条，${fail} 条失败` : `已删除 ${ok} 条用例`
+            })
+          } else {
+            this.$message({ type: 'error', message: '删除失败，请稍后重试' })
+          }
+          this.clearAiCaseTableSelection()
+          this.fetchAiCaseList()
+          this.fetchList()
+          this.fetchCaseMindmapData()
+        })
+        .catch(() => {})
+        .finally(() => {
+          this.aiBatchDeleting = false
+        })
+    },
+    batchSyncAiCases() {
+      const rows = this.aiSelectedCases || []
+      const ids = rows
+        .map(r => (r && r.id !== undefined && r.id !== null ? Number(r.id) : NaN))
+        .filter(id => Number.isFinite(id) && id > 0)
+      if (!ids.length) {
+        this.$message.warning('请先勾选要同步的用例')
+        return
+      }
+      if (!this.projectId) {
+        this.$message.warning('请先选择项目')
+        return
+      }
+      this.$confirm(
+        `确认将选中的 ${ids.length} 条用例恢复为「正常」状态？（仅支持当前为已删除/待恢复状态的用例，将同步到常规用例列表）`,
+        '批量同步',
+        { type: 'info', confirmButtonText: '确定同步' }
+      )
+        .then(() => {
+          this.aiBatchSyncing = true
+          return restoreCases(ids)
+        })
+        .then(res => {
+          const d = (res && res.data) || res || {}
+          const n = d.updatedCount
+          this.$message.success(
+            n !== undefined && n !== null ? `已同步 ${n} 条用例` : '同步成功'
+          )
+          this.clearAiCaseTableSelection()
+          this.fetchAiCaseList()
+          this.fetchList()
+          this.fetchCaseMindmapData()
+        })
+        .catch(() => {})
+        .finally(() => {
+          this.aiBatchSyncing = false
+        })
+    },
+    syncAiCase(row) {
+      const id = row && row.id
+      if (id === undefined || id === null || id === '') {
+        this.$message.warning('无法识别用例ID')
+        return
+      }
+      const numId = Number(id)
+      if (!Number.isFinite(numId) || numId <= 0) {
+        this.$message.warning('用例ID无效')
+        return
+      }
+      this.$confirm(
+        '确认将该用例恢复为「正常」状态并同步到常规用例列表？（仅支持状态为已删除/待恢复的用例）',
+        '同步用例',
+        { type: 'info', confirmButtonText: '确定同步' }
+      )
+        .then(() => restoreCases([numId]))
+        .then(res => {
+          const d = (res && res.data) || res || {}
+          const n = d.updatedCount
+          this.$message.success(
+            n !== undefined && n !== null ? `已同步 ${n} 条用例` : '同步成功'
+          )
+          this.fetchAiCaseList()
+          this.fetchList()
+          this.fetchCaseMindmapData()
+        })
+        .catch(() => {})
+    },
+    formatAiDocFileName(row) {
+      if (!row) return '—'
+      if (row.type === 2) {
+        return '—'
+      }
+      const s = String(row.source || '')
+      if (!s) return '—'
+      const norm = s.replace(/\\/g, '/')
+      const parts = norm.split('/')
+      return parts[parts.length - 1] || s
+    },
+    handleAiGenerateCases() {
+      if (!this.projectId) {
+        this.$message.warning('请先选择项目')
+        return
+      }
+      if (!this.aiSelectedDocIds.length) {
+        this.$message.warning('请先在文档列表中勾选至少一个文档')
+        return
+      }
+      const tags =
+        Array.isArray(this.aiGenForm.tags) && this.aiGenForm.tags.length
+          ? this.aiGenForm.tags.slice()
+          : ['AI生成']
+      const normalizePositiveIds = arr =>
+        (Array.isArray(arr) ? arr : [])
+          .map(id => Number(id))
+          .filter(id => Number.isFinite(id) && id > 0)
+      const skillIds = normalizePositiveIds(this.aiGenSelectedSkillIds)
+      const ruleIds = normalizePositiveIds(this.aiGenSelectedRuleIds)
+      const payload = {
+        documentIds: this.aiSelectedDocIds.slice(),
+        projectId: Number(this.projectId),
+        priority: this.aiGenForm.priority,
+        caseType: this.aiGenForm.caseType,
+        tags
+      }
+      if (skillIds.length) payload.skillIds = skillIds
+      if (ruleIds.length) payload.ruleIds = ruleIds
+      this.aiGenerateLoading = true
+      generateDocumentCases(payload)
+        .then(() => {
+          this.$message.success('生成任务已提交')
+          this.fetchAiCaseList()
+          this.fetchList()
+          this.fetchCaseMindmapData()
+          this.fetchAiDocList()
+        })
+        .finally(() => {
+          this.aiGenerateLoading = false
+        })
+    },
+    handleAiCaseSizeChange(size) {
+      this.aiCasePageSize = size
+      this.aiCasePageNo = 1
+      this.fetchAiCaseList()
+    },
+    handleAiCaseCurrentChange(page) {
+      this.aiCasePageNo = page
+      this.fetchAiCaseList()
+    },
     handleSizeChange(size) {
       this.pageSize = size
       this.pageNo = 1
@@ -1052,6 +1826,18 @@ export default {
     openCaseImportDialog() {
       this.caseImportDialogVisible = true
     },
+    openAiDocumentCreateDialog() {
+      if (!this.selectedProductId || !this.selectedProjectId) {
+        this.$message.warning('请先选择产品与项目')
+        return
+      }
+      this.$nextTick(() => {
+        const panel = this.$refs.aiDocumentPanel
+        if (panel && typeof panel.openCreateDialog === 'function') {
+          panel.openCreateDialog()
+        }
+      })
+    },
     resetImportDialog() {
       this.importFile = null
       if (this.$refs.importFileInput) {
@@ -1117,10 +1903,161 @@ export default {
         this.$message.success('导入并解析成功')
         this.caseImportDialogVisible = false
         this.fetchList()
+        this.fetchAiCaseList()
+        this.fetchCaseMindmapData()
       }).finally(() => {
         this.importSubmitting = false
       })
     },
+    openAiCaseDetail(row) {
+      const caseId = row && row.id
+      if (!this.projectId) {
+        this.$message.warning('请先选择项目')
+        return
+      }
+      if (caseId === undefined || caseId === null || caseId === '') {
+        this.$message.warning('无法识别用例')
+        return
+      }
+      this.aiCaseDetailVisible = true
+      this.aiCaseDetailLoading = true
+      this.aiCaseDetail = {}
+      getCaseDetail(this.projectId, caseId)
+        .then(res => {
+          const data = (res && res.data) || res || {}
+          this.aiCaseDetail = data && typeof data === 'object' ? data : {}
+        })
+        .catch(() => {
+          this.aiCaseDetail = {}
+        })
+        .finally(() => {
+          this.aiCaseDetailLoading = false
+        })
+    },
+    resetAiCaseDetailDialog() {
+      this.aiCaseDetail = {}
+      this.aiCaseDetailLoading = false
+    },
+    formatAiCaseDetailSteps(steps) {
+      if (!steps) return ''
+      if (typeof steps === 'string') return steps
+      if (Array.isArray(steps)) {
+        return steps
+          .map(item => {
+            if (item === null || item === undefined) return ''
+            if (typeof item === 'string') return item
+            return (
+              item.action ||
+              item.step ||
+              item.description ||
+              item.text ||
+              item.content ||
+              ''
+            )
+          })
+          .filter(Boolean)
+          .join('\n')
+      }
+      return String(steps)
+    },
+    extractExpectedFromSteps(steps) {
+      if (!Array.isArray(steps) || steps.length === 0) return ''
+      const first = steps[0]
+      if (first && typeof first === 'object') {
+        return (
+          first.expected ||
+          first.expected_result ||
+          first.expectedResult ||
+          ''
+        )
+      }
+      return ''
+    },
+    openAutoGenDialog(row) {
+      if (!this.projectId) {
+        this.$message.warning('请先选择项目')
+        return
+      }
+      if (!row || row.id === undefined || row.id === null || row.id === '') {
+        this.$message.warning('用例数据无效')
+        return
+      }
+      this.autoGenRow = row
+      this.autoGenForm = { automationType: 'ui', prompt: '' }
+      this.autoGenDialogVisible = true
+      this.$nextTick(() => {
+        if (this.$refs.autoGenFormRef) {
+          this.$refs.autoGenFormRef.clearValidate()
+        }
+      })
+    },
+    resetAutoGenDialog() {
+      this.autoGenRow = null
+      this.autoGenForm = { automationType: 'ui', prompt: '' }
+      this.$nextTick(() => {
+        if (this.$refs.autoGenFormRef) {
+          this.$refs.autoGenFormRef.clearValidate()
+        }
+      })
+    },
+    submitAutoGen() {
+      if (!this.$refs.autoGenFormRef) {
+        return
+      }
+      this.$refs.autoGenFormRef.validate(valid => {
+        if (!valid) return
+        if (!this.projectId || !this.autoGenRow || !this.autoGenRow.id) {
+          return
+        }
+        this.autoGenSubmitting = true
+        const row = this.autoGenRow
+        const product = (this.productOptions || []).find(p => String(p.id) === String(this.selectedProductId))
+        const project = (this.projectOptions || []).find(p => String(p.id) === String(this.projectId))
+        const productName = (product && product.name) || ''
+        getCaseDetail(this.projectId, row.id)
+          .then(res => {
+            const d = (res && res.data) || res || {}
+            const caseKey = d.caseKey || d.case_key || row.caseKey || row.case_key || ''
+            const moduleName = d.moduleName || d.module_name || row.moduleName || row.module_name || ''
+            const projectName =
+              d.projectName ||
+              d.project_name ||
+              row.projectName ||
+              row.project_name ||
+              (project && project.name) ||
+              ''
+            const steps = this.formatAiCaseDetailSteps(d.steps) || ''
+            let expectedResults = d.expectedResults != null ? d.expectedResults : d.expected_results
+            if (expectedResults === undefined || expectedResults === null || expectedResults === '') {
+              expectedResults = this.extractExpectedFromSteps(d.steps)
+            }
+            if (expectedResults !== undefined && expectedResults !== null && typeof expectedResults !== 'string') {
+              expectedResults = String(expectedResults)
+            }
+            return generateCaseAutomation({
+              projectId: this.projectId,
+              caseId: row.id,
+              automationType: this.autoGenForm.automationType,
+              prompt: String(this.autoGenForm.prompt || '').trim(),
+              caseKey,
+              moduleName,
+              productName,
+              projectName,
+              steps,
+              expectedResults: expectedResults || ''
+            })
+          })
+          .then(res => {
+            const msg = (res && (res.msg || res.message)) || '已提交生成任务'
+            this.$message.success(msg)
+            this.autoGenDialogVisible = false
+          })
+          .catch(() => {})
+          .finally(() => {
+            this.autoGenSubmitting = false
+          })
+      })
+    },
     goEditor(row) {
       this.$router.push({
         path: '/test-platform/case/editor',
@@ -1138,7 +2075,11 @@ export default {
       this.$confirm('确认删除该用例吗？', '提示', { type: 'warning' }).then(() => {
         deleteCase(this.projectId, row.id).then(() => {
           this.$message({ type: 'success', message: '删除成功' })
-          this.fetchList()
+          if (this.activeTab === 'ai-case-import') {
+            this.fetchAiCaseList()
+          } else {
+            this.fetchList()
+          }
         })
       }).catch(() => {})
     },
@@ -1159,7 +2100,7 @@ export default {
       return map[value] || value
     },
     formatStatus(value) {
-      const map = { 1: '正常', 2: '已废弃', 3: '评审中', 4: '评审通过' }
+      const map = { 0: '已删除/待恢复', 1: '正常', 2: '已废弃', 3: '评审中', 4: '评审通过' }
       return map[value] || value
     },
     formatIsAuto(value) {
@@ -1194,6 +2135,11 @@ export default {
         this.moduleQueryForm.projectId = this.selectedProjectId
         this.fetchModuleList()
         this.fetchList()
+        if (this.activeTab === 'ai-case-import') {
+          this.fetchAiCaseList()
+          this.fetchAiDocList()
+          this.fetchAiSkillRuleOptions()
+        }
       }
     })
   }
@@ -1210,6 +2156,14 @@ export default {
   margin-top: 8px;
 }
 
+.module-list-toolbar {
+  display: flex;
+  justify-content: flex-end;
+  align-items: center;
+  gap: 8px;
+  margin-top: 8px;
+}
+
 .case-action-buttons-item {
   float: right;
   margin-right: 0 !important;
@@ -1306,6 +2260,102 @@ export default {
   display: none;
 }
 
+.document-source-panel-host--hidden {
+  position: fixed;
+  right: 0;
+  bottom: 0;
+  width: 0;
+  height: 0;
+  margin: 0;
+  padding: 0;
+  overflow: hidden;
+  opacity: 0;
+  pointer-events: none;
+  z-index: -1;
+}
+
+.ai-case-import-wrap {
+  margin-top: 4px;
+}
+
+.ai-case-import-tip {
+  margin: 0 0 12px;
+  padding: 10px 12px;
+  background: #f0f9ff;
+  border: 1px solid #d9ecff;
+  border-radius: 4px;
+  color: #606266;
+  font-size: 13px;
+  line-height: 1.5;
+}
+
+.ai-case-query-form {
+  margin-bottom: 8px;
+}
+
+.ai-gen-params-bar {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  margin-bottom: 12px;
+  padding: 8px 10px;
+  background: #fafafa;
+  border: 1px solid #ebeef5;
+  border-radius: 4px;
+  font-size: 13px;
+  color: #606266;
+}
+
+.ai-gen-params-label {
+  font-weight: 600;
+  color: #303133;
+}
+
+.ai-gen-params-hint {
+  margin-left: 6px;
+  font-size: 12px;
+  color: #909399;
+}
+
+.ai-doc-block {
+  margin-bottom: 16px;
+}
+
+.ai-doc-block-title {
+  font-weight: 600;
+  font-size: 13px;
+  color: #303133;
+  margin-bottom: 8px;
+}
+
+.ai-skill-rule-block .ai-skill-rule-selects {
+  display: flex;
+  flex-direction: column;
+  gap: 10px;
+}
+
+.ai-case-table-toolbar {
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  margin-bottom: 4px;
+}
+
+.ai-case-table-toolbar-actions {
+  display: flex;
+  flex-wrap: wrap;
+  align-items: center;
+  gap: 8px;
+}
+
+.ai-case-table-title {
+  font-weight: 600;
+  font-size: 14px;
+  color: #303133;
+  margin-bottom: 0;
+}
+
 .mindmap-wrap {
   margin-top: 8px;
   border: 1px solid #ebeef5;
@@ -1371,15 +2421,31 @@ export default {
   box-shadow: 0 1px 4px rgba(64, 158, 255, 0.08);
 }
 
+.mindmap-node-head {
+  display: flex;
+  align-items: flex-start;
+  justify-content: space-between;
+  gap: 10px;
+  width: 100%;
+}
+
+.mindmap-node-case-status {
+  flex-shrink: 0;
+  margin-top: 1px;
+}
+
 .mindmap-node-wrap {
   display: inline-flex;
   align-items: flex-start;
 }
 
 .mindmap-node-title {
+  flex: 1;
+  min-width: 0;
   color: #303133;
   font-weight: 600;
   line-height: 1.4;
+  word-break: break-word;
 }
 
 .mindmap-node-project {
@@ -1463,4 +2529,57 @@ export default {
   text-align: center;
   line-height: 220px;
 }
+
+.ai-case-detail-wrap {
+  min-height: 120px;
+}
+
+.ai-case-detail-title {
+  font-size: 16px;
+  font-weight: 600;
+  color: #303133;
+  line-height: 1.4;
+  margin-bottom: 14px;
+}
+
+.ai-case-detail-desc {
+  margin-bottom: 16px;
+}
+
+.ai-case-detail-block {
+  margin-top: 14px;
+}
+
+.ai-case-detail-label {
+  font-size: 13px;
+  font-weight: 600;
+  color: #606266;
+  margin-bottom: 6px;
+}
+
+.ai-case-detail-text {
+  font-size: 13px;
+  color: #303133;
+  line-height: 1.6;
+  white-space: pre-wrap;
+  word-break: break-word;
+  padding: 10px 12px;
+  background: #f9fafc;
+  border-radius: 4px;
+  border: 1px solid #ebeef5;
+}
+
+.ai-case-detail-empty {
+  text-align: center;
+  color: #909399;
+  padding: 32px 0;
+  font-size: 13px;
+}
+
+.auto-gen-case-title {
+  color: #303133;
+  font-weight: 500;
+  line-height: 1.5;
+  word-break: break-word;
+}
 </style>
diff --git a/src/components/TestPlatform/Case/DocumentSourcePanel.vue b/src/components/TestPlatform/Case/DocumentSourcePanel.vue
new file mode 100644
index 0000000..c43966f
--- /dev/null
+++ b/src/components/TestPlatform/Case/DocumentSourcePanel.vue
@@ -0,0 +1,999 @@
+<template>
+  <div class="document-source-panel">
+    <div v-if="!compact" class="document-source-main">
+    <div class="document-source-head">
+      <span class="document-source-title">文档源</span>
+      <span class="document-source-hint">PRD / 飞书</span>
+    </div>
+
+    <el-form :inline="true" size="mini" class="document-source-filters" @submit.native.prevent>
+      <el-form-item label="类型">
+        <el-select v-model="docQuery.type" clearable placeholder="全部" style="width: 88px;">
+          <el-option label="PDF" :value="1"></el-option>
+          <el-option label="飞书" :value="2"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="状态">
+        <el-select v-model="docQuery.status" clearable placeholder="全部" style="width: 100px;">
+          <el-option label="待解析" :value="0"></el-option>
+          <el-option label="已解析" :value="1"></el-option>
+          <el-option label="已生成用例" :value="2"></el-option>
+        </el-select>
+      </el-form-item>
+      <el-form-item label="关键词">
+        <el-input
+          v-model="docQuery.keyword"
+          clearable
+          placeholder="来源"
+          style="width: 120px;"
+          @keyup.enter.native="handleDocSearch">
+        </el-input>
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" :disabled="!projectId" @click="handleDocSearch">查询</el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-button size="mini" :disabled="!projectId" @click="openCreateDialog">新建</el-button>
+      </el-form-item>
+      <el-form-item>
+        <el-button size="mini" :disabled="!projectId" @click="openBatchModuleDialog">批量建模块</el-button>
+      </el-form-item>
+    </el-form>
+
+    <el-table
+      ref="docTable"
+      v-loading="docLoading"
+      :data="docTableData"
+      border
+      size="small"
+      :height="tableHeight"
+      highlight-current-row
+      class="document-source-table"
+      :empty-text="projectId ? '暂无文档' : '请先选择项目'"
+      @row-click="handleDocRowClick">
+      <el-table-column prop="id" label="ID" width="56"></el-table-column>
+      <el-table-column label="类型" width="72">
+        <template slot-scope="scope">
+          <el-tag size="mini" :type="scope.row.type === 2 ? 'warning' : 'info'">{{ formatDocType(scope.row.type) }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="状态" width="88">
+        <template slot-scope="scope">
+          <el-tag size="mini" :type="docStatusTagType(scope.row.status)">{{ formatDocStatus(scope.row.status) }}</el-tag>
+        </template>
+      </el-table-column>
+      <el-table-column label="来源" min-width="100" show-overflow-tooltip>
+        <template slot-scope="scope">{{ scope.row.source }}</template>
+      </el-table-column>
+      <el-table-column prop="updated_time" label="更新时间" width="136" show-overflow-tooltip></el-table-column>
+      <el-table-column label="操作" width="120" fixed="right">
+        <template slot-scope="scope">
+          <el-button type="text" size="mini" @click.stop="openDetail(scope.row)">详情</el-button>
+          <el-dropdown trigger="click" @command="cmd => handleDocCommand(cmd, scope.row)">
+            <el-button type="text" size="mini">更多</el-button>
+            <el-dropdown-menu slot="dropdown">
+              <el-dropdown-item v-if="scope.row.type === 2" command="refresh">刷新飞书</el-dropdown-item>
+              <el-dropdown-item command="generate">生成用例</el-dropdown-item>
+              <el-dropdown-item command="edit">编辑</el-dropdown-item>
+              <el-dropdown-item command="delete" divided>删除</el-dropdown-item>
+            </el-dropdown-menu>
+          </el-dropdown>
+        </template>
+      </el-table-column>
+    </el-table>
+
+    <div class="document-source-pagination">
+      <el-pagination
+        small
+        layout="total, prev, pager, next"
+        :current-page="docPageNo"
+        :page-size="docPageSize"
+        :total="docTotal"
+        @current-change="handleDocPageChange">
+      </el-pagination>
+    </div>
+    </div>
+
+    <!-- 详情 -->
+    <el-drawer title="文档详情" :visible.sync="detailVisible" direction="rtl" size="480px" append-to-body>
+      <div v-loading="detailLoading" class="document-detail-body">
+        <template v-if="detailRecord">
+          <el-descriptions :column="1" size="small" border>
+            <el-descriptions-item label="ID">{{ detailRecord.id }}</el-descriptions-item>
+            <el-descriptions-item label="类型">{{ formatDocType(detailRecord.type) }}</el-descriptions-item>
+            <el-descriptions-item label="状态">{{ formatDocStatus(detailRecord.status) }}</el-descriptions-item>
+            <el-descriptions-item label="来源">{{ detailRecord.source }}</el-descriptions-item>
+            <el-descriptions-item label="版本">{{ detailRecord.version }}</el-descriptions-item>
+            <el-descriptions-item label="AI 模型">{{ detailRecord.ai_model || '—' }}</el-descriptions-item>
+            <el-descriptions-item label="创建时间">{{ detailRecord.created_time }}</el-descriptions-item>
+            <el-descriptions-item label="更新时间">{{ detailRecord.updated_time }}</el-descriptions-item>
+          </el-descriptions>
+          <div class="document-detail-content-label">内容</div>
+          <el-input v-model="detailContentDisplay" type="textarea" :rows="14" readonly></el-input>
+        </template>
+      </div>
+    </el-drawer>
+
+    <!-- 新建 -->
+    <el-dialog title="新建文档" :visible.sync="createVisible" width="560px" append-to-body @close="resetCreateForm">
+      <el-form ref="createFormRef" :model="createForm" :rules="createRules" label-width="96px" size="small">
+        <el-form-item label="类型" prop="type">
+          <el-select v-model="createForm.type" style="width: 100%;" @change="onCreateTypeChange">
+            <el-option label="PDF" :value="1"></el-option>
+            <el-option label="飞书链接" :value="2"></el-option>
+          </el-select>
+        </el-form-item>
+
+        <template v-if="createForm.type === 1">
+          <el-form-item label="PDF 上传">
+            <div class="pdf-upload-row">
+              <el-button size="small" type="primary" plain :disabled="!projectId" @click="triggerPdfMultiSelect">选择 PDF（可多选）</el-button>
+              <span class="pdf-upload-hint">每个文件将单独请求上传接口</span>
+            </div>
+            <input
+              ref="pdfMultiInput"
+              type="file"
+              class="hidden-pdf-input"
+              multiple
+              accept=".pdf,application/pdf"
+              @change="onPdfMultiInputChange">
+            <ul v-if="pdfPendingFiles.length" class="pdf-pending-list">
+              <li v-for="(f, idx) in pdfPendingFiles" :key="idx + f.name + f.size" class="pdf-pending-item">
+                <span class="pdf-pending-name">{{ f.name }}</span>
+                <span class="pdf-pending-size">（{{ formatFileSize(f.size) }}）</span>
+                <el-button type="text" size="mini" @click="removePdfPending(idx)">移除</el-button>
+              </li>
+            </ul>
+            <p v-else class="pdf-upload-empty">未选择文件</p>
+          </el-form-item>
+        </template>
+
+        <template v-else>
+          <el-form-item label="来源" prop="source">
+            <el-input v-model="createForm.source" placeholder="飞书文档链接"></el-input>
+          </el-form-item>
+          <el-form-item label="内容">
+            <el-input v-model="createForm.content" type="textarea" :rows="4" placeholder="可选"></el-input>
+          </el-form-item>
+        </template>
+      </el-form>
+      <span slot="footer">
+        <el-button size="small" @click="createVisible = false">取消</el-button>
+        <template v-if="createForm.type === 1">
+          <el-button
+            type="primary"
+            size="small"
+            :loading="pdfUploading"
+            :disabled="!pdfPendingFiles.length || !projectId"
+            @click="submitAllPdfUploads">
+            上传全部
+          </el-button>
+        </template>
+        <el-button v-else type="primary" size="small" :loading="createSubmitting" @click="submitCreate">确定</el-button>
+      </span>
+    </el-dialog>
+
+    <!-- 编辑 -->
+    <el-dialog title="编辑文档" :visible.sync="editVisible" width="520px" append-to-body @close="resetEditForm">
+      <el-form ref="editFormRef" :model="editForm" label-width="96px" size="small">
+        <el-form-item label="类型">
+          <el-select v-model="editForm.type" style="width: 100%;">
+            <el-option label="PDF" :value="1"></el-option>
+            <el-option label="飞书链接" :value="2"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="来源">
+          <el-input v-model="editForm.source"></el-input>
+        </el-form-item>
+        <el-form-item label="内容">
+          <el-input v-model="editForm.content" type="textarea" :rows="5"></el-input>
+        </el-form-item>
+        <el-form-item label="AI 模型">
+          <el-input v-model="editForm.ai_model" placeholder="可选"></el-input>
+        </el-form-item>
+      </el-form>
+      <span slot="footer">
+        <el-button size="small" @click="editVisible = false">取消</el-button>
+        <el-button type="primary" size="small" :loading="editSubmitting" @click="submitEdit">保存</el-button>
+      </span>
+    </el-dialog>
+
+    <!-- 生成 / 匹配 / 导入 -->
+    <el-drawer
+      title="从文档生成用例"
+      :visible.sync="generateVisible"
+      direction="rtl"
+      size="640px"
+      append-to-body
+      @close="resetGenerateState">
+      <div v-if="activeDocument" class="generate-drawer-head">
+        <el-tag size="small">文档 #{{ activeDocument.id }}</el-tag>
+        <span class="generate-drawer-source">{{ activeDocument.source }}</span>
+      </div>
+      <el-form :inline="true" size="small" class="generate-form">
+        <el-form-item label="默认优先级">
+          <el-select v-model="genForm.priority" style="width: 100px;">
+            <el-option label="P0" :value="1"></el-option>
+            <el-option label="P1" :value="2"></el-option>
+            <el-option label="P2" :value="3"></el-option>
+          </el-select>
+        </el-form-item>
+        <el-form-item label="用例类型">
+          <el-input-number v-model="genForm.caseType" :min="1" :max="99" size="small"></el-input-number>
+        </el-form-item>
+        <el-form-item>
+          <el-button type="primary" :loading="generateLoading" @click="runGenerate">生成预览</el-button>
+          <el-button :loading="matchLoading" :disabled="!previewCases.length" @click="runMatch">匹配模块</el-button>
+          <el-button type="success" :loading="importLoading" :disabled="!previewCases.length" @click="runImport">导入选中</el-button>
+        </el-form-item>
+      </el-form>
+      <el-table :data="previewCases" border size="small" max-height="420">
+        <el-table-column width="48">
+          <template slot-scope="scope">
+            <el-checkbox v-model="scope.row.selected"></el-checkbox>
+          </template>
+        </el-table-column>
+        <el-table-column prop="title" label="标题" min-width="120" show-overflow-tooltip></el-table-column>
+        <el-table-column label="模块" width="120">
+          <template slot-scope="scope">
+            <span>{{ scope.row.module_name || '—' }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column label="模块ID" width="88">
+          <template slot-scope="scope">
+            <el-input v-model.number="scope.row.module_id" size="mini" placeholder="必填"></el-input>
+          </template>
+        </el-table-column>
+      </el-table>
+      <p v-if="previewTotal" class="generate-total-hint">共 {{ previewTotal }} 条预览（导入前请为每行填写模块ID）</p>
+    </el-drawer>
+
+    <!-- 批量建模块 -->
+    <el-dialog title="批量创建模块" :visible.sync="batchModuleVisible" width="480px" append-to-body>
+      <p class="batch-module-tip">每行一个模块名称，将创建在当前项目下。</p>
+      <el-input v-model="batchModuleText" type="textarea" :rows="8" placeholder="例如：用户管理&#10;订单中心"></el-input>
+      <span slot="footer">
+        <el-button size="small" @click="batchModuleVisible = false">取消</el-button>
+        <el-button type="primary" size="small" :loading="batchModuleSubmitting" @click="submitBatchModules">创建</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import { mapState } from 'vuex'
+import {
+  getDocumentList,
+  getDocumentDetail,
+  uploadDocumentPdf,
+  createDocument,
+  updateDocument,
+  deleteDocument,
+  refreshDocument,
+  generateDocumentCases,
+  matchDocumentModules,
+  importDocumentCases,
+  batchCreateDocumentModules
+} from '@/api/documentApi'
+
+export default {
+  name: 'DocumentSourcePanel',
+  props: {
+    productId: {
+      type: [Number, String],
+      default: ''
+    },
+    projectId: {
+      type: [Number, String],
+      default: ''
+    },
+    /** 文档列表表格高度（独立 Tab 可传更大值） */
+    tableHeight: {
+      type: [Number, String],
+      default: 360
+    },
+    /** 仅保留新建/编辑等弹窗，不展示列表与筛选；不自动请求文档列表 */
+    compact: {
+      type: Boolean,
+      default: false
+    }
+  },
+  data() {
+    return {
+      docQuery: {
+        type: '',
+        status: '',
+        keyword: ''
+      },
+      docPageNo: 1,
+      docPageSize: 10,
+      docTotal: 0,
+      docTableData: [],
+      docLoading: false,
+      detailVisible: false,
+      detailLoading: false,
+      detailRecord: null,
+      createVisible: false,
+      createSubmitting: false,
+      pdfUploading: false,
+      pdfPendingFiles: [],
+      createForm: {
+        type: 1,
+        source: '',
+        content: ''
+      },
+      createRules: {
+        source: [{ required: true, message: '请输入飞书链接', trigger: 'blur' }]
+      },
+      editVisible: false,
+      editSubmitting: false,
+      editForm: {
+        documentId: null,
+        type: 1,
+        source: '',
+        content: '',
+        ai_model: ''
+      },
+      generateVisible: false,
+      generateLoading: false,
+      matchLoading: false,
+      importLoading: false,
+      activeDocument: null,
+      genForm: {
+        priority: 2,
+        caseType: 1
+      },
+      previewCases: [],
+      previewTotal: 0,
+      batchModuleVisible: false,
+      batchModuleText: '',
+      batchModuleSubmitting: false
+    }
+  },
+  computed: {
+    ...mapState(['currentUser']),
+    detailContentDisplay() {
+      if (!this.detailRecord) return ''
+      return this.detailRecord.content || ''
+    }
+  },
+  watch: {
+    projectId: {
+      immediate: true,
+      handler(val) {
+        this.docPageNo = 1
+        if (this.compact) {
+          if (!val) {
+            this.docTableData = []
+            this.docTotal = 0
+          }
+          return
+        }
+        if (val) {
+          this.fetchDocuments()
+        } else {
+          this.docTableData = []
+          this.docTotal = 0
+        }
+      }
+    }
+  },
+  methods: {
+    formatDocType(type) {
+      if (type === 2) return '飞书'
+      if (type === 1) return 'PDF'
+      return '—'
+    },
+    formatDocStatus(status) {
+      const map = { 0: '待解析', 1: '已解析', 2: '已生成用例' }
+      return map[status] !== undefined ? map[status] : '—'
+    },
+    docStatusTagType(status) {
+      if (status === 0) return 'info'
+      if (status === 1) return 'success'
+      if (status === 2) return 'warning'
+      return ''
+    },
+    cleanParams(obj) {
+      return Object.keys(obj || {}).reduce((acc, key) => {
+        const v = obj[key]
+        if (v !== '' && v !== undefined && v !== null) {
+          acc[key] = v
+        }
+        return acc
+      }, {})
+    },
+    fetchDocuments() {
+      if (!this.projectId) {
+        this.docTableData = []
+        this.docTotal = 0
+        return
+      }
+      this.docLoading = true
+      const params = this.cleanParams({
+        productId: this.productId || undefined,
+        projectId: this.projectId,
+        type: this.docQuery.type,
+        status: this.docQuery.status,
+        keyword: this.docQuery.keyword,
+        pageNo: this.docPageNo,
+        pageSize: this.docPageSize
+      })
+      getDocumentList(params)
+        .then(res => {
+          const data = (res && res.data) || res || {}
+          const list = data.list || data.items || []
+          this.docTableData = Array.isArray(list) ? list : []
+          this.docTotal = Number(data.total || 0)
+        })
+        .catch(() => {
+          this.docTableData = []
+          this.docTotal = 0
+        })
+        .finally(() => {
+          this.docLoading = false
+        })
+    },
+    handleDocSearch() {
+      this.docPageNo = 1
+      this.fetchDocuments()
+    },
+    handleDocPageChange(p) {
+      this.docPageNo = p
+      this.fetchDocuments()
+    },
+    handleDocRowClick(row) {
+      if (this.compact || !this.$refs.docTable) return
+      if (this.$refs.docTable.setCurrentRow) {
+        this.$refs.docTable.setCurrentRow(row)
+      }
+    },
+    syncDocumentListAfterMutation() {
+      if (this.compact) {
+        this.$emit('document-changed')
+      } else {
+        this.fetchDocuments()
+      }
+    },
+    openDetail(row) {
+      this.detailVisible = true
+      this.detailRecord = Object.assign({}, row)
+      this.detailLoading = true
+      getDocumentDetail({ documentId: row.id })
+        .then(res => {
+          const data = (res && res.data) || res || {}
+          this.detailRecord = data
+        })
+        .catch(() => {})
+        .finally(() => {
+          this.detailLoading = false
+        })
+    },
+    openCreateDialog() {
+      if (!this.productId || !this.projectId) {
+        this.$message.warning('请先选择产品与项目')
+        return
+      }
+      this.createForm = {
+        type: 1,
+        source: '',
+        content: ''
+      }
+      this.pdfPendingFiles = []
+      this.createVisible = true
+      this.$nextTick(() => {
+        this.$refs.createFormRef && this.$refs.createFormRef.clearValidate()
+      })
+    },
+    resetCreateForm() {
+      this.createForm = { type: 1, source: '', content: '' }
+      this.pdfPendingFiles = []
+      if (this.$refs.pdfMultiInput) {
+        this.$refs.pdfMultiInput.value = ''
+      }
+    },
+    onCreateTypeChange() {
+      this.pdfPendingFiles = []
+      if (this.$refs.pdfMultiInput) {
+        this.$refs.pdfMultiInput.value = ''
+      }
+      this.$nextTick(() => {
+        this.$refs.createFormRef && this.$refs.createFormRef.clearValidate()
+      })
+    },
+    triggerPdfMultiSelect() {
+      this.$refs.pdfMultiInput && this.$refs.pdfMultiInput.click()
+    },
+    onPdfMultiInputChange(e) {
+      const input = e && e.target
+      const picked = input && input.files ? Array.from(input.files) : []
+      if (input) {
+        input.value = ''
+      }
+      const pdfs = picked.filter(f => {
+        const name = String(f.name || '').toLowerCase()
+        return name.endsWith('.pdf') || f.type === 'application/pdf'
+      })
+      if (picked.length && pdfs.length < picked.length) {
+        this.$message.warning('已忽略非 PDF 文件')
+      }
+      const seen = new Set(this.pdfPendingFiles.map(x => `${x.name}_${x.size}`))
+      pdfs.forEach(f => {
+        const key = `${f.name}_${f.size}`
+        if (!seen.has(key)) {
+          seen.add(key)
+          this.pdfPendingFiles.push(f)
+        }
+      })
+    },
+    removePdfPending(index) {
+      this.pdfPendingFiles.splice(index, 1)
+    },
+    formatFileSize(bytes) {
+      const n = Number(bytes)
+      if (!Number.isFinite(n) || n < 0) return '—'
+      if (n < 1024) return `${n} B`
+      if (n < 1024 * 1024) return `${(n / 1024).toFixed(1)} KB`
+      return `${(n / 1024 / 1024).toFixed(1)} MB`
+    },
+    async submitAllPdfUploads() {
+      if (!this.productId || !this.projectId) {
+        this.$message.warning('请先选择产品与项目')
+        return
+      }
+      const files = this.pdfPendingFiles.slice()
+      if (!files.length) {
+        this.$message.warning('请先选择 PDF 文件')
+        return
+      }
+      const productId = Number(this.productId)
+      const projectId = Number(this.projectId)
+      const createdBy = this.currentUser && this.currentUser.id ? this.currentUser.id : undefined
+      this.pdfUploading = true
+      const failed = []
+      let ok = 0
+      for (let i = 0; i < files.length; i++) {
+        const file = files[i]
+        try {
+          await uploadDocumentPdf({ file, productId, projectId, createdBy })
+          ok += 1
+        } catch (e) {
+          failed.push(file)
+        }
+      }
+      this.pdfUploading = false
+      this.pdfPendingFiles = failed
+      if (ok) {
+        this.syncDocumentListAfterMutation()
+      }
+      if (ok && !failed.length) {
+        this.$message.success(`已上传 ${ok} 个 PDF`)
+        this.createVisible = false
+      } else if (ok && failed.length) {
+        this.$message.warning(`成功 ${ok} 个，失败 ${failed.length} 个；失败项仍留在列表中，可修正后重试`)
+      } else {
+        this.$message.error('上传失败，请检查网络或文件后重试')
+      }
+    },
+    submitCreate() {
+      if (this.createForm.type === 1) {
+        this.$message.info('PDF 请使用「选择 PDF」并点击「上传全部」')
+        return
+      }
+      this.$refs.createFormRef.validate(valid => {
+        if (!valid) return
+        this.createSubmitting = true
+        const payload = {
+          productId: Number(this.productId),
+          projectId: Number(this.projectId),
+          type: this.createForm.type,
+          source: this.createForm.source,
+          content: this.createForm.content || undefined
+        }
+        if (this.currentUser && this.currentUser.id) {
+          payload.createdBy = this.currentUser.id
+        }
+        createDocument(payload)
+          .then(() => {
+            this.$message.success('创建成功')
+            this.createVisible = false
+            this.syncDocumentListAfterMutation()
+          })
+          .finally(() => {
+            this.createSubmitting = false
+          })
+      })
+    },
+    handleDocCommand(cmd, row) {
+      if (cmd === 'refresh') {
+        this.doRefresh(row)
+      } else if (cmd === 'generate') {
+        this.openGenerate(row)
+      } else if (cmd === 'edit') {
+        this.openEdit(row)
+      } else if (cmd === 'delete') {
+        this.doDelete(row)
+      }
+    },
+    doRefresh(row) {
+      this.$confirm('确认从飞书重新拉取内容？', '提示', { type: 'warning' })
+        .then(() => {
+          return refreshDocument({ documentId: row.id })
+        })
+        .then(() => {
+          this.$message.success('已刷新')
+          this.fetchDocuments()
+        })
+        .catch(() => {})
+    },
+    doDelete(row) {
+      this.$confirm('确认删除该文档？', '提示', { type: 'warning' })
+        .then(() => {
+          return deleteDocument({ documentId: row.id })
+        })
+        .then(() => {
+          this.$message.success('已删除')
+          this.fetchDocuments()
+        })
+        .catch(() => {})
+    },
+    openEdit(row) {
+      this.editForm = {
+        documentId: row.id,
+        type: row.type,
+        source: row.source || '',
+        content: row.content || '',
+        ai_model: row.ai_model || ''
+      }
+      this.editVisible = true
+    },
+    resetEditForm() {
+      this.editForm = { documentId: null, type: 1, source: '', content: '', ai_model: '' }
+    },
+    submitEdit() {
+      if (!this.editForm.documentId) return
+      this.editSubmitting = true
+      updateDocument({
+        documentId: this.editForm.documentId,
+        type: this.editForm.type,
+        source: this.editForm.source,
+        content: this.editForm.content,
+        ai_model: this.editForm.ai_model || undefined
+      })
+        .then(() => {
+          this.$message.success('保存成功')
+          this.editVisible = false
+          this.fetchDocuments()
+        })
+        .finally(() => {
+          this.editSubmitting = false
+        })
+    },
+    openGenerate(row) {
+      this.activeDocument = row
+      this.previewCases = []
+      this.previewTotal = 0
+      this.genForm = { priority: 2, caseType: 1 }
+      this.generateVisible = true
+    },
+    resetGenerateState() {
+      this.activeDocument = null
+      this.previewCases = []
+      this.previewTotal = 0
+    },
+    runGenerate() {
+      if (!this.activeDocument || !this.projectId) return
+      this.generateLoading = true
+      generateDocumentCases({
+        documentIds: [this.activeDocument.id],
+        projectId: Number(this.projectId),
+        priority: this.genForm.priority,
+        caseType: this.genForm.caseType,
+        tags: ['AI生成']
+      })
+        .then(res => {
+          const data = (res && res.data) || res || {}
+          const list = data.cases || []
+          this.previewTotal = Number(data.total || list.length || 0)
+          this.previewCases = list.map(item =>
+            Object.assign({}, item, {
+              selected: true,
+              module_id: item.module_id != null && item.module_id !== '' ? Number(item.module_id) : null,
+              module_name: item.module_name || ''
+            })
+          )
+          if (!this.previewCases.length) {
+            this.$message.info('未返回预览用例')
+          }
+        })
+        .finally(() => {
+          this.generateLoading = false
+        })
+    },
+    runMatch() {
+      if (!this.activeDocument || !this.previewCases.length) return
+      this.matchLoading = true
+      const casesPayload = this.previewCases.map(c => ({
+        title: c.title,
+        precondition: c.precondition,
+        steps: c.steps,
+        expected_result: c.expected_result,
+        priority: c.priority,
+        case_type: c.case_type,
+        tags: c.tags,
+        module_name: c.module_name,
+        module_id: c.module_id
+      }))
+      matchDocumentModules({
+        documentId: this.activeDocument.id,
+        cases: casesPayload
+      })
+        .then(res => {
+          const data = (res && res.data) || res || []
+          const arr = Array.isArray(data) ? data : []
+          const byTitle = {}
+          arr.forEach(row => {
+            if (row && row.title) byTitle[row.title] = row
+          })
+          this.previewCases = this.previewCases.map(row => {
+            const m = byTitle[row.title]
+            if (m) {
+              return Object.assign({}, row, {
+                module_name: m.module_name != null ? m.module_name : row.module_name,
+                module_id: m.module_id != null ? Number(m.module_id) : row.module_id
+              })
+            }
+            return row
+          })
+          this.$message.success('匹配完成')
+        })
+        .finally(() => {
+          this.matchLoading = false
+        })
+    },
+    runImport() {
+      if (!this.activeDocument || !this.currentUser || !this.currentUser.id) {
+        this.$message.warning('未获取到当前用户，请重新登录')
+        return
+      }
+      const selected = this.previewCases.filter(c => c.selected)
+      if (!selected.length) {
+        this.$message.warning('请至少选择一条用例')
+        return
+      }
+      for (let i = 0; i < selected.length; i++) {
+        const c = selected[i]
+        if (!c.module_id && c.module_id !== 0) {
+          this.$message.warning(`请填写模块ID：${c.title || ''}`)
+          return
+        }
+        if (!c.title || !c.steps) {
+          this.$message.warning('标题与步骤为必填')
+          return
+        }
+      }
+      const cases = selected.map(c => ({
+        selected: true,
+        module_id: Number(c.module_id),
+        title: c.title,
+        precondition: c.precondition || '',
+        steps: c.steps,
+        expected_result: c.expected_result || '',
+        priority: c.priority != null ? Number(c.priority) : 2,
+        case_type: c.case_type != null ? Number(c.case_type) : 1,
+        tags: Array.isArray(c.tags) ? c.tags : ['AI生成']
+      }))
+      this.$confirm(
+        '请确认已完成对预览用例的审核。导入选中行后将写入正式用例列表，是否继续？',
+        '确认导入',
+        { type: 'warning', confirmButtonText: '确认导入' }
+      )
+        .then(() => {
+          this.importLoading = true
+          return importDocumentCases({
+            documentId: this.activeDocument.id,
+            userId: this.currentUser.id,
+            cases
+          })
+        })
+        .then(res => {
+          if (!res) return
+          const data = (res && res.data) || res || {}
+          const n = data.successCount != null ? data.successCount : cases.length
+          this.$message.success(`导入成功 ${n} 条`)
+          this.generateVisible = false
+          this.$emit('refresh-cases')
+        })
+        .catch(() => {})
+        .finally(() => {
+          this.importLoading = false
+        })
+    },
+    openBatchModuleDialog() {
+      if (!this.projectId) {
+        this.$message.warning('请先选择项目')
+        return
+      }
+      this.batchModuleText = ''
+      this.batchModuleVisible = true
+    },
+    submitBatchModules() {
+      const lines = String(this.batchModuleText || '')
+        .split(/\r?\n/)
+        .map(s => s.trim())
+        .filter(Boolean)
+      if (!lines.length) {
+        this.$message.warning('请输入至少一个模块名称')
+        return
+      }
+      this.batchModuleSubmitting = true
+      batchCreateDocumentModules({
+        projectId: Number(this.projectId),
+        moduleNames: lines
+      })
+        .then(() => {
+          this.$message.success('模块创建成功')
+          this.batchModuleVisible = false
+          this.$emit('refresh-modules')
+        })
+        .finally(() => {
+          this.batchModuleSubmitting = false
+        })
+    }
+  }
+}
+</script>
+
+<style scoped>
+.document-source-panel {
+  display: flex;
+  flex-direction: column;
+  height: 100%;
+  min-height: 0;
+}
+
+.document-source-head {
+  display: flex;
+  align-items: baseline;
+  justify-content: space-between;
+  padding: 0 2px 8px;
+  border-bottom: 1px solid #e4e7ed;
+  margin-bottom: 8px;
+}
+
+.document-source-title {
+  font-weight: 600;
+  color: #303133;
+  font-size: 14px;
+}
+
+.document-source-hint {
+  font-size: 12px;
+  color: #909399;
+}
+
+.document-source-filters {
+  margin-bottom: 4px;
+}
+
+.document-source-filters /deep/ .el-form-item {
+  margin-bottom: 6px;
+}
+
+.document-source-table {
+  flex: 1;
+  min-height: 0;
+}
+
+.document-source-table /deep/ .el-table__body tr.current-row > td {
+  background-color: #ecf5ff !important;
+}
+
+.document-source-pagination {
+  margin-top: 8px;
+  text-align: right;
+}
+
+.document-detail-body {
+  padding: 0 4px 16px;
+}
+
+.document-detail-content-label {
+  margin: 12px 0 6px;
+  font-weight: 600;
+  color: #606266;
+}
+
+.generate-drawer-head {
+  margin-bottom: 12px;
+  display: flex;
+  align-items: flex-start;
+  gap: 8px;
+}
+
+.generate-drawer-source {
+  font-size: 12px;
+  color: #606266;
+  word-break: break-all;
+}
+
+.generate-form {
+  margin-bottom: 12px;
+}
+
+.generate-total-hint {
+  margin-top: 10px;
+  font-size: 12px;
+  color: #909399;
+}
+
+.batch-module-tip {
+  font-size: 13px;
+  color: #606266;
+  margin: 0 0 8px;
+}
+
+.hidden-pdf-input {
+  position: absolute;
+  width: 0;
+  height: 0;
+  opacity: 0;
+  overflow: hidden;
+}
+
+.pdf-upload-row {
+  display: flex;
+  align-items: center;
+  flex-wrap: wrap;
+  gap: 8px;
+  margin-bottom: 8px;
+}
+
+.pdf-upload-hint {
+  font-size: 12px;
+  color: #909399;
+}
+
+.pdf-upload-empty {
+  margin: 0;
+  font-size: 12px;
+  color: #c0c4cc;
+}
+
+.pdf-pending-list {
+  margin: 0;
+  padding: 0;
+  list-style: none;
+  max-height: 200px;
+  overflow: auto;
+  border: 1px solid #ebeef5;
+  border-radius: 4px;
+}
+
+.pdf-pending-item {
+  display: flex;
+  align-items: center;
+  padding: 6px 10px;
+  font-size: 13px;
+  border-bottom: 1px solid #f0f0f0;
+}
+
+.pdf-pending-item:last-child {
+  border-bottom: none;
+}
+
+.pdf-pending-name {
+  flex: 1;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+  color: #303133;
+}
+
+.pdf-pending-size {
+  color: #909399;
+  margin-right: 8px;
+  flex-shrink: 0;
+}
+</style>
diff --git a/src/components/TestPlatform/Plan/PlanExecute.vue b/src/components/TestPlatform/Plan/PlanExecute.vue
index 07f4420..1fee5b3 100644
--- a/src/components/TestPlatform/Plan/PlanExecute.vue
+++ b/src/components/TestPlatform/Plan/PlanExecute.vue
@@ -27,13 +27,13 @@
         style="margin-top: 12px;">
         <el-table-column prop="planCaseId" label="计划用例ID" width="120"></el-table-column>
         <el-table-column prop="caseKey" label="用例编号" min-width="120"></el-table-column>
-        <el-table-column prop="caseTitle" label="用例名称" min-width="220"></el-table-column>
-        <el-table-column label="自动化执行 Jenkins URL" min-width="180" show-overflow-tooltip>
-          <template slot-scope="scope">
-            <el-link v-if="scope.row.jenkinsUrl" :href="scope.row.jenkinsUrl" target="_blank" type="primary">打开</el-link>
-            <span v-else>-</span>
-          </template>
+        <el-table-column label="模块路径" min-width="200" show-overflow-tooltip>
+          <template slot-scope="scope">{{ scope.row.modulePath || '—' }}</template>
         </el-table-column>
+        <el-table-column label="模块名称" min-width="140" show-overflow-tooltip>
+          <template slot-scope="scope">{{ scope.row.moduleName || '—' }}</template>
+        </el-table-column>
+        <el-table-column prop="caseTitle" label="用例名称" min-width="220"></el-table-column>
         <el-table-column prop="actualResult" label="执行结果" min-width="180"></el-table-column>
         <el-table-column label="执行状态" width="110">
           <template slot-scope="scope">
@@ -162,9 +162,10 @@ export default {
             statusLabel: this.formatExecuteStatus(item.status),
             actualResult: item.actual_result || item.actualResult || '',
             caseKey: item.case_key || item.caseKey || '',
+            modulePath: item.module_path || item.modulePath || '',
+            moduleName: item.module_name || item.moduleName || '',
             caseTitle: item.case_title || item.caseTitle || item.title || '',
-            title: item.title || item.case_title || item.caseTitle || '',
-            jenkinsUrl: item.jenkins_url || item.jenkinsUrl || ''
+            title: item.title || item.case_title || item.caseTitle || ''
           }))
         })
         .catch(() => {
diff --git a/src/components/TestPlatform/SkillRule/BusinessSkillRuleConfig.vue b/src/components/TestPlatform/SkillRule/BusinessSkillRuleConfig.vue
new file mode 100644
index 0000000..21bc4a7
--- /dev/null
+++ b/src/components/TestPlatform/SkillRule/BusinessSkillRuleConfig.vue
@@ -0,0 +1,820 @@
+<template>
+  <div class="page-wrap">
+    <page-section title="业务技能配置">
+      <el-form :inline="true" size="small" class="filter-bar" @submit.native.prevent>
+        <el-form-item label="产品">
+          <el-select
+            v-model="selectedProductId"
+            filterable
+            clearable
+            placeholder="请选择产品"
+            style="width: 200px;"
+            @change="handleProductChange"
+            @focus="loadProductOptions">
+            <el-option v-for="p in productOptions" :key="p.id" :label="p.name" :value="p.id" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="项目">
+          <el-select
+            v-model="selectedProjectId"
+            filterable
+            clearable
+            placeholder="请选择项目"
+            style="width: 220px;"
+            :disabled="!selectedProductId"
+            @change="handleProjectChange">
+            <el-option v-for="p in projectOptions" :key="p.id" :label="p.name" :value="p.id" />
+          </el-select>
+        </el-form-item>
+      </el-form>
+
+      <el-tabs v-model="configActiveTab" class="skill-rule-tabs" style="margin-top: 8px;" @tab-click="onConfigTabClick">
+        <el-tab-pane label="Skills 配置" name="skills">
+          <el-form :inline="true" size="small" class="toolbar-form" @submit.native.prevent>
+            <el-form-item label="模块">
+              <el-select v-model="skillQuery.moduleId" clearable filterable placeholder="全部" style="width: 180px;" :disabled="!projectId">
+                <el-option v-for="m in flatModuleOptions" :key="m.id" :label="m.name" :value="m.id" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="关键字">
+              <el-input v-model="skillQuery.keyword" clearable style="width: 160px;" @keyup.enter.native="fetchSkillList" />
+            </el-form-item>
+            <el-form-item label="状态">
+              <el-select v-model="skillQuery.status" clearable placeholder="全部" style="width: 100px;">
+                <el-option v-for="o in statusOptions" :key="'s-' + o.value" :label="o.label" :value="o.value" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="类型">
+              <el-select v-model="skillQuery.skillType" clearable placeholder="全部" style="width: 130px;">
+                <el-option v-for="o in skillTypeOptions" :key="'t-' + o.value" :label="o.label" :value="o.value" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="风险">
+              <el-select v-model="skillQuery.riskLevel" clearable placeholder="全部" style="width: 100px;">
+                <el-option v-for="o in riskLevelOptions" :key="'r-' + o.value" :label="o.label" :value="o.value" />
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" :disabled="!projectId" @click="skillPageNo = 1; fetchSkillList()">查询</el-button>
+            </el-form-item>
+            <el-form-item>
+              <el-button size="small" @click="resetSkillQuery">重置</el-button>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" size="small" plain :disabled="!projectId" @click="openSkillCreate">新建 Skill</el-button>
+            </el-form-item>
+          </el-form>
+          <el-table v-loading="skillLoading" :data="skillList" border size="small" style="margin-top: 8px;">
+            <el-table-column prop="id" label="ID" width="72" />
+            <el-table-column prop="name" label="名称" min-width="140" show-overflow-tooltip />
+            <el-table-column prop="code" label="编码" min-width="120" show-overflow-tooltip />
+            <el-table-column label="类型" width="100">
+              <template slot-scope="scope">{{ formatSkillType(scope.row.skill_type) }}</template>
+            </el-table-column>
+            <el-table-column label="风险" width="88">
+              <template slot-scope="scope">{{ formatRiskLevel(scope.row.risk_level) }}</template>
+            </el-table-column>
+            <el-table-column label="状态" width="88">
+              <template slot-scope="scope">{{ formatConfigStatus(scope.row.status) }}</template>
+            </el-table-column>
+            <el-table-column label="标签" min-width="120" show-overflow-tooltip>
+              <template slot-scope="scope">{{ formatTagsCol(scope.row.tags) }}</template>
+            </el-table-column>
+            <el-table-column prop="updated_time" label="更新时间" min-width="150" show-overflow-tooltip />
+            <el-table-column label="操作" width="140" fixed="right">
+              <template slot-scope="scope">
+                <el-button type="text" @click="openSkillEdit(scope.row)">编辑</el-button>
+                <el-button type="text" style="color: #F56C6C;" @click="removeSkill(scope.row)">删除</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="pager-wrap">
+            <el-pagination
+              :current-page="skillPageNo"
+              :page-size="skillPageSize"
+              :page-sizes="[10, 20, 50]"
+              :total="skillTotal"
+              layout="total, sizes, prev, pager, next"
+              @size-change="onSkillSize"
+              @current-change="onSkillPage" />
+          </div>
+        </el-tab-pane>
+
+        <el-tab-pane label="业务规则配置" name="rules">
+          <el-form :inline="true" size="small" class="toolbar-form" @submit.native.prevent>
+            <el-form-item label="模块">
+              <el-select v-model="ruleQuery.moduleId" clearable filterable placeholder="全部" style="width: 180px;" :disabled="!projectId">
+                <el-option v-for="m in flatModuleOptions" :key="'r-' + m.id" :label="m.name" :value="m.id" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="关键字">
+              <el-input v-model="ruleQuery.keyword" clearable style="width: 160px;" @keyup.enter.native="fetchRuleList" />
+            </el-form-item>
+            <el-form-item label="状态">
+              <el-select v-model="ruleQuery.status" clearable placeholder="全部" style="width: 100px;">
+                <el-option v-for="o in statusOptions" :key="'rs-' + o.value" :label="o.label" :value="o.value" />
+              </el-select>
+            </el-form-item>
+            <el-form-item label="优先级">
+              <el-select v-model="ruleQuery.priority" clearable placeholder="全部" style="width: 100px;">
+                <el-option v-for="o in priorityOptions" :key="'p-' + o.value" :label="o.label" :value="o.value" />
+              </el-select>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" :disabled="!projectId" @click="rulePageNo = 1; fetchRuleList()">查询</el-button>
+            </el-form-item>
+            <el-form-item>
+              <el-button size="small" @click="resetRuleQuery">重置</el-button>
+            </el-form-item>
+            <el-form-item>
+              <el-button type="primary" size="small" plain :disabled="!projectId" @click="openRuleCreate">新建规则</el-button>
+            </el-form-item>
+          </el-form>
+          <el-table v-loading="ruleLoading" :data="ruleList" border size="small" style="margin-top: 8px;">
+            <el-table-column prop="id" label="ID" width="72" />
+            <el-table-column prop="name" label="名称" min-width="140" show-overflow-tooltip />
+            <el-table-column prop="rule_code" label="规则编码" min-width="120" show-overflow-tooltip />
+            <el-table-column label="优先级" width="100">
+              <template slot-scope="scope">{{ formatPriority(scope.row.priority) }}</template>
+            </el-table-column>
+            <el-table-column label="状态" width="88">
+              <template slot-scope="scope">{{ formatConfigStatus(scope.row.status) }}</template>
+            </el-table-column>
+            <el-table-column label="标签" min-width="120" show-overflow-tooltip>
+              <template slot-scope="scope">{{ formatTagsCol(scope.row.tags) }}</template>
+            </el-table-column>
+            <el-table-column prop="updated_time" label="更新时间" min-width="150" show-overflow-tooltip />
+            <el-table-column label="操作" width="140" fixed="right">
+              <template slot-scope="scope">
+                <el-button type="text" @click="openRuleEdit(scope.row)">编辑</el-button>
+                <el-button type="text" style="color: #F56C6C;" @click="removeRule(scope.row)">删除</el-button>
+              </template>
+            </el-table-column>
+          </el-table>
+          <div class="pager-wrap">
+            <el-pagination
+              :current-page="rulePageNo"
+              :page-size="rulePageSize"
+              :page-sizes="[10, 20, 50]"
+              :total="ruleTotal"
+              layout="total, sizes, prev, pager, next"
+              @size-change="onRuleSize"
+              @current-change="onRulePage" />
+          </div>
+        </el-tab-pane>
+      </el-tabs>
+    </page-section>
+
+    <el-dialog :title="skillDialogMode === 'create' ? '新建 Skill' : '编辑 Skill'" :visible.sync="skillDialogVisible" width="720px" @close="resetSkillForm">
+      <el-form ref="skillFormRef" :model="skillForm" :rules="skillFormActiveRules" label-width="120px" size="small">
+        <el-form-item label="模块" prop="moduleId">
+          <el-select v-model="skillForm.moduleId" clearable filterable placeholder="可选" style="width: 100%;" :disabled="!projectId">
+            <el-option v-for="m in flatModuleOptions" :key="'sf-' + m.id" :label="m.name" :value="m.id" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="名称" prop="name">
+          <el-input v-model="skillForm.name" />
+        </el-form-item>
+        <template v-if="skillDialogMode === 'edit'">
+          <el-form-item label="编码">
+            <el-input v-model="skillForm.code" disabled placeholder="创建后不可修改" />
+          </el-form-item>
+          <el-form-item label="触发条件" prop="triggerCondition">
+            <el-input v-model="skillForm.triggerCondition" type="textarea" :rows="2" />
+          </el-form-item>
+          <el-form-item label="推理路径">
+            <el-input v-model="skillForm.reasoningPath" type="textarea" :rows="2" />
+          </el-form-item>
+          <el-form-item label="输出规范">
+            <el-input v-model="skillForm.outputSpec" type="textarea" :rows="2" />
+          </el-form-item>
+        </template>
+        <el-form-item label="描述">
+          <el-input v-model="skillForm.description" type="textarea" :rows="2" />
+        </el-form-item>
+        <el-form-item label="类型">
+          <el-select v-model="skillForm.skillType" style="width: 100%;">
+            <el-option v-for="o in skillTypeOptions" :key="'sfo-' + o.value" :label="o.label" :value="o.value" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="风险等级">
+          <el-select v-model="skillForm.riskLevel" style="width: 100%;">
+            <el-option v-for="o in riskLevelOptions" :key="'sfr-' + o.value" :label="o.label" :value="o.value" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="状态">
+          <el-select v-model="skillForm.status" style="width: 100%;">
+            <el-option v-for="o in statusOptions" :key="'sfs-' + o.value" :label="o.label" :value="o.value" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="标签">
+          <el-select v-model="skillForm.tags" multiple filterable allow-create default-first-option placeholder="输入后回车可新增" style="width: 100%;" />
+        </el-form-item>
+      </el-form>
+      <span slot="footer">
+        <el-button size="small" @click="skillDialogVisible = false">取消</el-button>
+        <el-button type="primary" size="small" :loading="skillSubmitting" @click="submitSkill">保存</el-button>
+      </span>
+    </el-dialog>
+
+    <el-dialog :title="ruleDialogMode === 'create' ? '新建业务规则' : '编辑业务规则'" :visible.sync="ruleDialogVisible" width="720px" @close="resetRuleForm">
+      <el-form ref="ruleFormRef" :model="ruleForm" :rules="ruleRules" label-width="120px" size="small">
+        <el-form-item label="模块" prop="moduleId">
+          <el-select v-model="ruleForm.moduleId" clearable filterable placeholder="可选" style="width: 100%;" :disabled="!projectId">
+            <el-option v-for="m in flatModuleOptions" :key="'rf-' + m.id" :label="m.name" :value="m.id" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="名称" prop="name">
+          <el-input v-model="ruleForm.name" />
+        </el-form-item>
+        <el-form-item v-if="ruleDialogMode === 'edit'" label="规则编码">
+          <el-input v-model="ruleForm.ruleCode" disabled placeholder="由系统分配" />
+        </el-form-item>
+        <el-form-item label="规则内容" prop="ruleContent">
+          <el-input v-model="ruleForm.ruleContent" type="textarea" :rows="3" />
+        </el-form-item>
+        <el-form-item label="适用场景">
+          <el-input v-model="ruleForm.applicableScene" type="textarea" :rows="2" />
+        </el-form-item>
+        <el-form-item label="示例">
+          <el-input v-model="ruleForm.example" type="textarea" :rows="2" />
+        </el-form-item>
+        <el-form-item label="优先级">
+          <el-select v-model="ruleForm.priority" style="width: 100%;">
+            <el-option v-for="o in priorityOptions" :key="'rfo-' + o.value" :label="o.label" :value="o.value" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="状态">
+          <el-select v-model="ruleForm.status" style="width: 100%;">
+            <el-option v-for="o in statusOptions" :key="'rfs-' + o.value" :label="o.label" :value="o.value" />
+          </el-select>
+        </el-form-item>
+        <el-form-item label="标签">
+          <el-select v-model="ruleForm.tags" multiple filterable allow-create default-first-option placeholder="输入后回车可新增" style="width: 100%;" />
+        </el-form-item>
+      </el-form>
+      <span slot="footer">
+        <el-button size="small" @click="ruleDialogVisible = false">取消</el-button>
+        <el-button type="primary" size="small" :loading="ruleSubmitting" @click="submitRule">保存</el-button>
+      </span>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+import PageSection from '@/components/TestPlatform/common/PageSection'
+import { getModuleTree } from '@/api/caseApi'
+import {
+  createSkill,
+  createBusinessRule,
+  deleteSkill,
+  deleteBusinessRule,
+  getSkillDetail,
+  getSkillList,
+  getBusinessRuleDetail,
+  getBusinessRuleList,
+  updateSkill,
+  updateBusinessRule
+} from '@/api/skillRuleApi'
+import { getProductList } from '@/api/productApi'
+import { getProjectList } from '@/api/projectApi'
+import {
+  readLastProductProjectCache,
+  saveLastProductProjectCache,
+  pickIdFromOptions
+} from '@/utils/lastProductProjectCache'
+
+export default {
+  name: 'BusinessSkillRuleConfig',
+  components: { PageSection },
+  data() {
+    const routeTab = this.$route.query && this.$route.query.tab
+    const initialTab =
+      routeTab === 'rules' || routeTab === 'business-rules' ? 'rules' : 'skills'
+    return {
+      configActiveTab: initialTab,
+      selectedProductId: '',
+      selectedProjectId: '',
+      productOptions: [],
+      projectOptions: [],
+      moduleTree: [],
+      skillQuery: { moduleId: '', keyword: '', status: '', skillType: '', riskLevel: '' },
+      skillPageNo: 1,
+      skillPageSize: 20,
+      skillList: [],
+      skillTotal: 0,
+      skillLoading: false,
+      skillDialogVisible: false,
+      skillDialogMode: 'create',
+      skillSubmitting: false,
+      skillForm: {},
+      ruleQuery: { moduleId: '', keyword: '', status: '', priority: '' },
+      rulePageNo: 1,
+      rulePageSize: 20,
+      ruleList: [],
+      ruleTotal: 0,
+      ruleLoading: false,
+      ruleDialogVisible: false,
+      ruleDialogMode: 'create',
+      ruleSubmitting: false,
+      ruleForm: {},
+      ruleRules: {
+        name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
+        ruleContent: [{ required: true, message: '请输入规则内容', trigger: 'blur' }]
+      },
+      statusOptions: [
+        { value: 1, label: '启用' },
+        { value: 2, label: '停用' },
+        { value: 3, label: '草稿' }
+      ],
+      skillTypeOptions: [
+        { value: 1, label: '通用测试策略' },
+        { value: 2, label: '历史缺陷模式' },
+        { value: 3, label: '边界场景' },
+        { value: 4, label: '接口测试' },
+        { value: 5, label: 'UI 测试' },
+        { value: 6, label: '性能测试' },
+        { value: 7, label: '安全测试' },
+        { value: 8, label: '数据一致性' },
+        { value: 9, label: '并发/幂等' },
+        { value: 99, label: '其他' }
+      ],
+      riskLevelOptions: [
+        { value: 0, label: '高风险' },
+        { value: 1, label: '中高风险' },
+        { value: 2, label: '中风险' },
+        { value: 3, label: '低风险' }
+      ],
+      priorityOptions: [
+        { value: 0, label: '高优先级' },
+        { value: 1, label: '中高优先级' },
+        { value: 2, label: '中优先级' },
+        { value: 3, label: '低优先级' }
+      ]
+    }
+  },
+  computed: {
+    projectId() {
+      return this.selectedProjectId || ''
+    },
+    flatModuleOptions() {
+      const out = []
+      const walk = (list, prefix) => {
+        ;(list || []).forEach(item => {
+          const name = prefix ? `${prefix} / ${item.name}` : item.name
+          out.push({ id: item.id, name })
+          const ch = item.children || item.child_list || item.childList || []
+          if (Array.isArray(ch) && ch.length) walk(ch, name)
+        })
+      }
+      walk(this.moduleTree, '')
+      return out
+    },
+    skillFormActiveRules() {
+      if (this.skillDialogMode === 'create') {
+        return {
+          name: [{ required: true, message: '请输入名称', trigger: 'blur' }]
+        }
+      }
+      return {
+        name: [{ required: true, message: '请输入名称', trigger: 'blur' }],
+        triggerCondition: [{ required: true, message: '请输入触发条件', trigger: 'blur' }]
+      }
+    }
+  },
+  watch: {
+    '$route.query.tab'(val) {
+      const next = val === 'rules' || val === 'business-rules' ? 'rules' : 'skills'
+      if (this.configActiveTab !== next) {
+        this.configActiveTab = next
+      }
+      if (!this.projectId) return
+      if (next === 'rules') this.fetchRuleList()
+      else this.fetchSkillList()
+    }
+  },
+  created() {
+    this.resetSkillFormModel()
+    this.resetRuleFormModel()
+    this.bootstrap()
+  },
+  methods: {
+    cleanParams(obj) {
+      const r = {}
+      Object.keys(obj || {}).forEach(k => {
+        const v = obj[k]
+        if (v !== '' && v !== undefined && v !== null) r[k] = v
+      })
+      return r
+    },
+    /** 新建 Skill 时后端要求 code 唯一，由前端自动生成 */
+    generateAutoSkillCode() {
+      const t = Date.now()
+      const r = Math.random().toString(36).slice(2, 10).toUpperCase()
+      return `SKILL_AUTO_${t}_${r}`
+    },
+    onConfigTabClick(tab) {
+      const name = tab && tab.name
+      const q = Object.assign({}, this.$route.query || {})
+      if (name === 'rules') {
+        q.tab = 'rules'
+      } else {
+        delete q.tab
+      }
+      const prev = JSON.stringify(this.$route.query || {})
+      const next = JSON.stringify(q)
+      if (prev !== next) {
+        this.$router.replace({ path: this.$route.path, query: q }).catch(() => {})
+      }
+    },
+    formatTagsCol(tags) {
+      if (Array.isArray(tags)) return tags.join('、')
+      return tags || '—'
+    },
+    formatSkillType(v) {
+      const o = this.skillTypeOptions.find(x => x.value === v)
+      return o ? o.label : (v === undefined || v === null ? '—' : v)
+    },
+    formatRiskLevel(v) {
+      const o = this.riskLevelOptions.find(x => x.value === v)
+      return o ? o.label : (v === undefined || v === null ? '—' : v)
+    },
+    formatPriority(v) {
+      const o = this.priorityOptions.find(x => x.value === v)
+      return o ? o.label : (v === undefined || v === null ? '—' : v)
+    },
+    formatConfigStatus(v) {
+      const o = this.statusOptions.find(x => x.value === v)
+      return o ? o.label : (v === undefined || v === null ? '—' : v)
+    },
+    resetSkillFormModel() {
+      this.skillForm = {
+        skillId: null,
+        moduleId: '',
+        name: '',
+        code: '',
+        description: '',
+        triggerCondition: '',
+        reasoningPath: '',
+        outputSpec: '',
+        skillType: 1,
+        riskLevel: 2,
+        tags: [],
+        status: 1
+      }
+    },
+    resetRuleFormModel() {
+      this.ruleForm = {
+        ruleId: null,
+        moduleId: '',
+        name: '',
+        ruleCode: '',
+        ruleContent: '',
+        applicableScene: '',
+        example: '',
+        priority: 2,
+        tags: [],
+        status: 1
+      }
+    },
+    bootstrap() {
+      this.loadProductOptions().then(() => {
+        const routePid = this.$route.query.productId ? Number(this.$route.query.productId) : ''
+        const routeProj = this.$route.query.projectId ? Number(this.$route.query.projectId) : ''
+        if (routePid) {
+          this.selectedProductId = routePid
+          return this.loadProjectOptions(routePid).then(() => {
+            if (routeProj) this.selectedProjectId = pickIdFromOptions(this.projectOptions, routeProj)
+          })
+        }
+        const cached = readLastProductProjectCache()
+        if (cached && cached.productId != null && cached.projectId != null) {
+          this.selectedProductId = pickIdFromOptions(this.productOptions, cached.productId)
+          return this.loadProjectOptions(this.selectedProductId).then(() => {
+            this.selectedProjectId = pickIdFromOptions(this.projectOptions, cached.projectId)
+          })
+        }
+        return Promise.resolve()
+      }).then(() => {
+        if (this.projectId) {
+          this.loadModuleTree()
+          if (this.configActiveTab === 'rules') this.fetchRuleList()
+          else this.fetchSkillList()
+        }
+      })
+    },
+    loadProductOptions() {
+      if (this.productOptions.length) return Promise.resolve()
+      return getProductList({ pageNo: 1, pageSize: 1000, status: 1 }).then(res => {
+        const data = (res && res.data) || res || {}
+        this.productOptions = data.items || data.list || data.data || []
+      }).catch(() => { this.productOptions = [] })
+    },
+    loadProjectOptions(productId) {
+      if (!productId) {
+        this.projectOptions = []
+        return Promise.resolve()
+      }
+      return getProjectList({ pageNo: 1, pageSize: 1000, status: 1, productId }).then(res => {
+        const data = (res && res.data) || res || {}
+        this.projectOptions = data.items || data.list || data.data || []
+      }).catch(() => { this.projectOptions = [] })
+    },
+    loadModuleTree() {
+      if (!this.projectId) {
+        this.moduleTree = []
+        return
+      }
+      getModuleTree({ projectId: this.projectId }).then(res => {
+        const data = (res && res.data) || res || {}
+        const list = data.list || data.items || []
+        this.moduleTree = Array.isArray(list) ? list : []
+      }).catch(() => { this.moduleTree = [] })
+    },
+    handleProductChange() {
+      this.selectedProjectId = ''
+      this.projectOptions = []
+      this.moduleTree = []
+      this.skillList = []
+      this.ruleList = []
+      this.skillTotal = 0
+      this.ruleTotal = 0
+      this.loadProjectOptions(this.selectedProductId)
+    },
+    handleProjectChange() {
+      if (this.selectedProductId && this.selectedProjectId) {
+        saveLastProductProjectCache(this.selectedProductId, this.selectedProjectId)
+      }
+      this.skillPageNo = 1
+      this.rulePageNo = 1
+      this.loadModuleTree()
+      if (this.projectId) {
+        if (this.configActiveTab === 'rules') this.fetchRuleList()
+        else this.fetchSkillList()
+      } else {
+        this.skillList = []
+        this.ruleList = []
+        this.skillTotal = 0
+        this.ruleTotal = 0
+      }
+    },
+    resetSkillQuery() {
+      this.skillQuery = { moduleId: '', keyword: '', status: '', skillType: '', riskLevel: '' }
+      this.skillPageNo = 1
+      this.fetchSkillList()
+    },
+    resetRuleQuery() {
+      this.ruleQuery = { moduleId: '', keyword: '', status: '', priority: '' }
+      this.rulePageNo = 1
+      this.fetchRuleList()
+    },
+    fetchSkillList() {
+      if (!this.projectId) return
+      this.skillLoading = true
+      const params = this.cleanParams(Object.assign({}, this.skillQuery, {
+        pageNo: this.skillPageNo,
+        pageSize: this.skillPageSize,
+        projectId: this.projectId
+      }))
+      getSkillList(params).then(res => {
+        const data = (res && res.data) || res || {}
+        const list = data.list || data.items || []
+        this.skillList = Array.isArray(list) ? list : []
+        this.skillTotal = Number(data.total || 0)
+      }).catch(() => {
+        this.skillList = []
+        this.skillTotal = 0
+      }).finally(() => { this.skillLoading = false })
+    },
+    fetchRuleList() {
+      if (!this.projectId) return
+      this.ruleLoading = true
+      const params = this.cleanParams(Object.assign({}, this.ruleQuery, {
+        pageNo: this.rulePageNo,
+        pageSize: this.rulePageSize,
+        projectId: this.projectId
+      }))
+      getBusinessRuleList(params).then(res => {
+        const data = (res && res.data) || res || {}
+        const list = data.list || data.items || []
+        this.ruleList = Array.isArray(list) ? list : []
+        this.ruleTotal = Number(data.total || 0)
+      }).catch(() => {
+        this.ruleList = []
+        this.ruleTotal = 0
+      }).finally(() => { this.ruleLoading = false })
+    },
+    onSkillSize(s) {
+      this.skillPageSize = s
+      this.skillPageNo = 1
+      this.fetchSkillList()
+    },
+    onSkillPage(p) {
+      this.skillPageNo = p
+      this.fetchSkillList()
+    },
+    onRuleSize(s) {
+      this.rulePageSize = s
+      this.rulePageNo = 1
+      this.fetchRuleList()
+    },
+    onRulePage(p) {
+      this.rulePageNo = p
+      this.fetchRuleList()
+    },
+    openSkillCreate() {
+      if (!this.projectId) {
+        this.$message.warning('请先选择项目')
+        return
+      }
+      this.skillDialogMode = 'create'
+      this.resetSkillFormModel()
+      this.skillDialogVisible = true
+      this.$nextTick(() => this.$refs.skillFormRef && this.$refs.skillFormRef.clearValidate())
+    },
+    openSkillEdit(row) {
+      if (!row || !row.id) return
+      getSkillDetail(row.id).then(res => {
+        const d = (res && res.data) || res || {}
+        this.skillDialogMode = 'edit'
+        this.skillForm = {
+          skillId: d.id,
+          moduleId: d.module_id != null && d.module_id !== '' ? d.module_id : '',
+          name: d.name || '',
+          code: d.code || '',
+          description: d.description || '',
+          triggerCondition: d.trigger_condition || '',
+          reasoningPath: d.reasoning_path || '',
+          outputSpec: d.output_spec || '',
+          skillType: d.skill_type !== undefined ? d.skill_type : 1,
+          riskLevel: d.risk_level !== undefined ? d.risk_level : 2,
+          tags: Array.isArray(d.tags) ? d.tags.slice() : [],
+          status: d.status !== undefined ? d.status : 1
+        }
+        this.skillDialogVisible = true
+        this.$nextTick(() => this.$refs.skillFormRef && this.$refs.skillFormRef.clearValidate())
+      })
+    },
+    resetSkillForm() {
+      this.resetSkillFormModel()
+    },
+    submitSkill() {
+      const form = this.$refs.skillFormRef
+      if (!form) return
+      form.validate(valid => {
+        if (!valid) return
+        const tags = Array.isArray(this.skillForm.tags) ? this.skillForm.tags.filter(Boolean) : []
+        this.skillSubmitting = true
+        const done = () => { this.skillSubmitting = false }
+        if (this.skillDialogMode === 'create') {
+          createSkill(this.cleanParams({
+            projectId: this.projectId,
+            moduleId: this.skillForm.moduleId || undefined,
+            name: this.skillForm.name,
+            code: this.generateAutoSkillCode(),
+            description: this.skillForm.description || undefined,
+            triggerCondition: '由系统自动创建，可在编辑中完善。',
+            skillType: this.skillForm.skillType,
+            riskLevel: this.skillForm.riskLevel,
+            tags,
+            status: this.skillForm.status
+          })).then(() => {
+            this.$message.success('创建成功')
+            this.skillDialogVisible = false
+            this.fetchSkillList()
+          }).finally(done)
+        } else {
+          updateSkill(this.cleanParams({
+            skillId: this.skillForm.skillId,
+            name: this.skillForm.name,
+            description: this.skillForm.description || undefined,
+            triggerCondition: this.skillForm.triggerCondition,
+            reasoningPath: this.skillForm.reasoningPath || undefined,
+            outputSpec: this.skillForm.outputSpec || undefined,
+            skillType: this.skillForm.skillType,
+            riskLevel: this.skillForm.riskLevel,
+            tags,
+            status: this.skillForm.status
+          })).then(() => {
+            this.$message.success('保存成功')
+            this.skillDialogVisible = false
+            this.fetchSkillList()
+          }).finally(done)
+        }
+      })
+    },
+    removeSkill(row) {
+      this.$confirm('确认删除该 Skill？', '提示', { type: 'warning' }).then(() => {
+        deleteSkill(row.id).then(() => {
+          this.$message.success('已删除')
+          this.fetchSkillList()
+        })
+      }).catch(() => {})
+    },
+    openRuleCreate() {
+      if (!this.projectId) {
+        this.$message.warning('请先选择项目')
+        return
+      }
+      this.ruleDialogMode = 'create'
+      this.resetRuleFormModel()
+      this.ruleDialogVisible = true
+      this.$nextTick(() => this.$refs.ruleFormRef && this.$refs.ruleFormRef.clearValidate())
+    },
+    openRuleEdit(row) {
+      if (!row || !row.id) return
+      getBusinessRuleDetail(row.id).then(res => {
+        const d = (res && res.data) || res || {}
+        this.ruleDialogMode = 'edit'
+        this.ruleForm = {
+          ruleId: d.id,
+          moduleId: d.module_id != null && d.module_id !== '' ? d.module_id : '',
+          name: d.name || '',
+          ruleCode: d.rule_code || '',
+          ruleContent: d.rule_content || '',
+          applicableScene: d.applicable_scene || '',
+          example: d.example || '',
+          priority: d.priority !== undefined ? d.priority : 2,
+          tags: Array.isArray(d.tags) ? d.tags.slice() : [],
+          status: d.status !== undefined ? d.status : 1
+        }
+        this.ruleDialogVisible = true
+        this.$nextTick(() => this.$refs.ruleFormRef && this.$refs.ruleFormRef.clearValidate())
+      })
+    },
+    resetRuleForm() {
+      this.resetRuleFormModel()
+    },
+    submitRule() {
+      const form = this.$refs.ruleFormRef
+      if (!form) return
+      form.validate(valid => {
+        if (!valid) return
+        const tags = Array.isArray(this.ruleForm.tags) ? this.ruleForm.tags.filter(Boolean) : []
+        this.ruleSubmitting = true
+        const done = () => { this.ruleSubmitting = false }
+        if (this.ruleDialogMode === 'create') {
+          createBusinessRule(this.cleanParams({
+            projectId: this.projectId,
+            moduleId: this.ruleForm.moduleId || undefined,
+            name: this.ruleForm.name,
+            ruleContent: this.ruleForm.ruleContent,
+            applicableScene: this.ruleForm.applicableScene || undefined,
+            example: this.ruleForm.example || undefined,
+            priority: this.ruleForm.priority,
+            tags,
+            status: this.ruleForm.status
+          })).then(() => {
+            this.$message.success('创建成功')
+            this.ruleDialogVisible = false
+            this.fetchRuleList()
+          }).finally(done)
+        } else {
+          updateBusinessRule(this.cleanParams({
+            ruleId: this.ruleForm.ruleId,
+            name: this.ruleForm.name,
+            ruleContent: this.ruleForm.ruleContent,
+            applicableScene: this.ruleForm.applicableScene || undefined,
+            example: this.ruleForm.example || undefined,
+            priority: this.ruleForm.priority,
+            tags,
+            status: this.ruleForm.status
+          })).then(() => {
+            this.$message.success('保存成功')
+            this.ruleDialogVisible = false
+            this.fetchRuleList()
+          }).finally(done)
+        }
+      })
+    },
+    removeRule(row) {
+      this.$confirm('确认删除该业务规则？', '提示', { type: 'warning' }).then(() => {
+        deleteBusinessRule(row.id).then(() => {
+          this.$message.success('已删除')
+          this.fetchRuleList()
+        })
+      }).catch(() => {})
+    }
+  }
+}
+</script>
+
+<style scoped>
+.page-wrap {
+  padding: 20px;
+}
+.filter-bar {
+  margin-bottom: 8px;
+}
+.toolbar-form {
+  margin-top: 0;
+}
+.pager-wrap {
+  margin-top: 12px;
+  text-align: right;
+}
+
+.skill-rule-tabs /deep/ .el-tabs__header {
+  margin-bottom: 12px;
+}
+</style>
diff --git a/src/router/index.js b/src/router/index.js
index 16a7734..7872a5f 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -96,6 +96,13 @@ export default new Router({
             Manage: (resolve) => require(['@/components/TestPlatform/Project/ProjectSettings'], resolve)
           }
         },
+        {
+          path: '/test-platform/skill-rules',
+          name: 'BusinessSkillRuleConfig',
+          components: {
+            Manage: (resolve) => require(['@/components/TestPlatform/SkillRule/BusinessSkillRuleConfig'], resolve)
+          }
+        },
         {
           path: '/test-platform/case',
           name: 'CaseList',
diff --git a/src/utils/bugStepsFormat.js b/src/utils/bugStepsFormat.js
index 8f1d808..76dff6a 100644
--- a/src/utils/bugStepsFormat.js
+++ b/src/utils/bugStepsFormat.js
@@ -41,7 +41,7 @@ export function normalizeUploadPathSlashes(url) {
 
 /**
  * 静态资源（Bug 上传图）访问根，不含末尾 /
- * - 开发环境默认 http://localhost:5010（与后端文件服务常见端口一致）
+ * - 开发环境默认 http://localhost:8881（与后端文件服务常见端口一致）
  * - 可在 index.html 里设置 window.__BUG_UPLOAD_ORIGIN__ 覆盖
  * - 打包时可配置 VUE_APP_BUG_UPLOAD_ORIGIN（需在 webpack DefinePlugin 中注入）
  */
@@ -56,14 +56,14 @@ export function getBugUploadStaticOrigin() {
   } catch (e) { /* ignore */ }
   try {
     if (typeof process !== 'undefined' && process.env && process.env.NODE_ENV === 'development') {
-      return 'http://localhost:5010'
+      return 'http://localhost:8881'
     }
   } catch (e2) { /* ignore */ }
   return ''
 }
 
 /**
- * 浏览器实际加载图片用的地址：/uploads/... 在开发环境走 5010 端口
+ * 浏览器实际加载图片用的地址：/uploads/... 在开发环境走 8881 端口
  * 存库仍可为接口返回的完整 URL，仅展示/预览时改写
  */
 export function rewriteBugImageUrlForAccess(url) {
@@ -155,7 +155,7 @@ export function isStepsLikelyHtml(s) {
   return /<\s*(p|div|br|img|span|ul|ol|li|h[1-6]|table|strong|em)\b/i.test(String(s || '').trim())
 }
 
-/** 将 HTML 中 img 的 src 改写为可访问地址（开发环境 /uploads → 5010） */
+/** 将 HTML 中 img 的 src 改写为可访问地址（开发环境 /uploads → 8881） */
 export function rewriteImgSrcsInHtml(html) {
   return String(html || '').replace(/(<img\b[^>]*\bsrc\s*=\s*)(["'])([^"']*)\2/gi, function (_m, pre, q, src) {
     const fixed = rewriteBugImageUrlForAccess(normalizeUploadPathSlashes(src))
-- 
2.49.1