From b8df6f340341199197e74db1595409f7ff74fba9 Mon Sep 17 00:00:00 2001
From: ks3356143 <314298729@qq.com>
Date: Fri, 7 Jun 2024 18:03:11 +0800
Subject: [PATCH] =?UTF-8?q?6=E6=9C=887=E6=97=A5?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 cdTMP/src/api/project/singleProblem.js        |  14 +
 cdTMP/src/components/Empty/index.vue          |   1 +
 cdTMP/src/layout/components/footer.vue        |  10 +-
 cdTMP/src/layout/components/navbar.vue        |  16 +-
 cdTMP/src/layout/page-layout.vue              |  10 +-
 cdTMP/src/layout/project-layout.vue           |  84 ++++-
 .../workplace/components/cpns/st-welcome.vue  |   2 +-
 .../project/case/components/CaseModal.vue     |  65 ++++
 .../project/case/components/ProblemChoose.vue |  40 ++-
 cdTMP/src/views/project/case/index.vue        |   7 +-
 cdTMP/src/views/project/testDemand/index.vue  |   1 +
 .../testmanage/projmanage/cpns/preview.vue    |  14 +-
 .../testmanage/projmanage/cpns/progress.vue   |   3 +-
 .../src/views/testmanage/projmanage/index.vue | 334 +++++++++++-------
 14 files changed, 439 insertions(+), 162 deletions(-)
 create mode 100644 cdTMP/src/views/project/case/components/CaseModal.vue

diff --git a/cdTMP/src/api/project/singleProblem.js b/cdTMP/src/api/project/singleProblem.js
index 19c1ba4..9bc1337 100644
--- a/cdTMP/src/api/project/singleProblem.js
+++ b/cdTMP/src/api/project/singleProblem.js
@@ -1,10 +1,24 @@
 import { request } from "@/api/request"
 export default {
+    /**
+     * 得到单个问题单信息
+     */
     getSingleProblem(params = {}) {
         return request({
             url: "/project/getSingleProblem",
             method: "get",
             params
         })
+    },
+    /**
+     * 参数是对象，对象里面1.id-问题单id
+     * @returns 问题单关联的用例
+     */
+    getRelativeCases(params = {}) {
+        return request({
+            url: "/project/getRelativeCases",
+            method: "get",
+            params
+        })
     }
 }
diff --git a/cdTMP/src/components/Empty/index.vue b/cdTMP/src/components/Empty/index.vue
index 476fea8..6462e1c 100644
--- a/cdTMP/src/components/Empty/index.vue
+++ b/cdTMP/src/components/Empty/index.vue
@@ -21,6 +21,7 @@ const text = ref("暂无数据")
     color: #aaa;
     p {
         margin-top: 6px;
+        user-select: none;
     }
 }
 </style>
diff --git a/cdTMP/src/layout/components/footer.vue b/cdTMP/src/layout/components/footer.vue
index a8c2226..dc8019d 100644
--- a/cdTMP/src/layout/components/footer.vue
+++ b/cdTMP/src/layout/components/footer.vue
@@ -1,15 +1,15 @@
 <template>
-    <div>
-        <a-layout-footer class="flex items-center justify-center h-10 footer text-center"
-            >成都测试管理平台
-        </a-layout-footer>
-    </div>
+    <a-layout-footer class="flex items-center justify-center h-10 footer text-center">
+        <a-typography-title :heading="8"> 成都测试管理平台 </a-typography-title>
+    </a-layout-footer>
 </template>
 
 <script setup></script>
 
 <style lang="less" scoped>
 .footer {
+    border-top: 1px solid var(--color-border);
     color: var(--color-text-2);
+    background-color: var(--color-bg-2);
 }
 </style>
diff --git a/cdTMP/src/layout/components/navbar.vue b/cdTMP/src/layout/components/navbar.vue
index 4f751ae..783a4ae 100644
--- a/cdTMP/src/layout/components/navbar.vue
+++ b/cdTMP/src/layout/components/navbar.vue
@@ -19,7 +19,11 @@
             </a-space>
         </div>
         <div class="center-side flex items-center justify-center font-bold text-lg">
-            <template v-if="title"> 项目名称：{{ $route.query.ident }}-{{ title }} </template>
+            <template v-if="title">
+                <a-typography-title :style="{ margin: 0, fontSize: '1.1rem', fontWeight: 'bold' }" :heading="4">
+                    项目名称：{{ $route.query.ident }}-{{ title }}
+                </a-typography-title>
+            </template>
             <Menu v-if="topMenu"></Menu>
         </div>
         <ul class="right-side">
@@ -43,8 +47,8 @@
                 <!-- 这里有个下拉列表 -->
             </li>
             <li>
-                <a-tooltip content="切换主题-暂无">
-                    <a-button class="nav-btn" type="outline" :shape="'circle'">
+                <a-tooltip content="切换主题">
+                    <a-button @click="handleChangeTheme" class="nav-btn" type="outline" :shape="'circle'">
                         <template #icon>
                             <icon-moon-fill />
                         </template>
@@ -121,6 +125,12 @@ import Menu from "@/layout/components/menu.vue"
 import { useRouter } from "vue-router"
 const router = useRouter()
 const appStore = useAppStore()
+// 切换暗黑主题
+const handleChangeTheme = () => {
+    document.body.hasAttribute("arco-theme")
+        ? document.body.removeAttribute("arco-theme")
+        : document.body.setAttribute("arco-theme", "dark")
+}
 // title管理-默认在后台
 const props = defineProps({
     title: {
diff --git a/cdTMP/src/layout/page-layout.vue b/cdTMP/src/layout/page-layout.vue
index 2e2af80..8674085 100644
--- a/cdTMP/src/layout/page-layout.vue
+++ b/cdTMP/src/layout/page-layout.vue
@@ -1,5 +1,8 @@
 <template>
     <router-view v-slot="{ Component, route }" class="mx-2 my-2">
+        <template v-if="!Component">
+            <Empty class="full-empty" />
+        </template>
         <transition name="ma-fade" mode="out-in" appear>
             <!-- 这里主要在路由定义是否缓存页面 -->
             <component :is="Component" v-if="route.meta.ignoreCache" :key="route.fullPath" />
@@ -13,6 +16,7 @@
 <script setup>
 import { computed, ref } from "vue"
 import { useTabBarStore } from "@/store"
+import Empty from "@/components/Empty/index.vue"
 // 获取缓存列表
 const tabBarStore = useTabBarStore()
 const cacheList = computed(() => tabBarStore.getCacheList)
@@ -29,4 +33,8 @@ const refresh = () => {
 defineExpose({ refresh })
 </script>
 
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.full-empty {
+    width: 79vw;
+}
+</style>
diff --git a/cdTMP/src/layout/project-layout.vue b/cdTMP/src/layout/project-layout.vue
index 3fd719a..c219eaa 100644
--- a/cdTMP/src/layout/project-layout.vue
+++ b/cdTMP/src/layout/project-layout.vue
@@ -96,7 +96,25 @@
                                 <template v-if="props.node.level === '1'"> [被测件] </template>
                                 <template v-if="props.node.level === '2'"> [设] </template>
                                 <template v-if="props.node.level === '3'"> [项] </template>
-                                <template v-if="props.node.level === '4'"> [例] </template>
+                                <template v-if="props.node.level === '4'">
+                                    <template v-if="props.node.isRelatedProblem">
+                                        <a-tooltip content="有问题单关联">
+                                            <button>[@]</button>
+                                        </a-tooltip>
+                                    </template>
+                                    <template v-else>
+                                        <template v-if="props.node.isNotPassed">
+                                            <a-tooltip content="该用例未通过，但是未关联问题单，请关联">
+                                                <button :style="{ color: 'red' }">[×]</button>
+                                            </a-tooltip>
+                                        </template>
+                                        <template v-else>
+                                            <a-tooltip content="该用例未执行或已通过，未关联问题单">
+                                                <button>[>]</button>
+                                            </a-tooltip>
+                                        </template>
+                                    </template>
+                                </template>
                             </template>
                         </a-tree>
                     </div>
@@ -593,12 +611,32 @@ const roundColumn = ref([
                                 dataIndex: "beginTime",
                                 formType: "date",
                                 placeholder: "请选择时间",
-                                rules: [{ required: true, message: "开始时间必填" }]
+                                extra: "尽量大于项目开始时间13天，生成文档才符合要求",
+                                rules: [
+                                    { required: true, message: "开始时间必填" },
+                                    {
+                                        validator: (value, callback) => {
+                                            const projectBegin = route.query.beginTime
+                                            value <= projectBegin
+                                                ? callback(
+                                                      "不能早于项目开始时间，由于还有前期测试设计阶段，建议大于项目开始时间13天"
+                                                  )
+                                                : null
+                                        }
+                                    }
+                                ]
                             },
                             {
                                 title: "速度等级",
                                 dataIndex: "speedGrade",
                                 placeholder: "请填入速度等级"
+                            },
+                            {
+                                title: "动态地点",
+                                dataIndex: "location",
+                                placeholder: "请填入测试地点",
+                                extra: "该字段影响时间相关表格的地点",
+                                rules: [{ required: true, message: "测试地点是必填的" }]
                             }
                         ]
                     },
@@ -611,12 +649,36 @@ const roundColumn = ref([
                                 dataIndex: "endTime",
                                 formType: "date",
                                 placeholder: "请选择时间",
-                                rules: [{ required: true, message: "结束时间必填" }]
+                                extra: "该字段决定《测试记录》封面时间",
+                                rules: [
+                                    { required: true, message: "结束时间必填" },
+                                    {
+                                        validator(value, errorCallback) {
+                                            let start = maFormModalRef.value.form.beginTime
+                                            value < start ? errorCallback("结束时间不能小于开始时间") : null
+                                        }
+                                    }
+                                ]
                             },
                             {
                                 title: "封装",
                                 dataIndex: "package",
                                 placeholder: "请填入封装"
+                            },
+                            {
+                                title: "质量等级",
+                                dataIndex: "grade",
+                                formType: "select",
+                                dict: {
+                                    data: [
+                                        { label: "军级", value: "1" },
+                                        { label: "商业级", value: "2" },
+                                        { label: "宇航级", value: "3" },
+                                        { label: "工业级", value: "4" }
+                                    ]
+                                },
+                                placeholder: "请填入质量等级",
+                                rules: [{ required: true, message: "质量等级必填" }]
                             }
                         ]
                     }
@@ -624,21 +686,7 @@ const roundColumn = ref([
             }
         ]
     },
-    {
-        title: "质量等级",
-        dataIndex: "grade",
-        formType: "radio",
-        dict: {
-            data: [
-                { label: "军级", value: "1" },
-                { label: "商业级", value: "2" },
-                { label: "宇航级", value: "3" },
-                { label: "工业级", value: "4" }
-            ]
-        },
-        placeholder: "请填入质量等级",
-        rules: [{ required: true, message: "质量等级必填" }]
-    },
+
     {
         formType: "card",
         title: "极端工况信息",
diff --git a/cdTMP/src/views/dashboard/workplace/components/cpns/st-welcome.vue b/cdTMP/src/views/dashboard/workplace/components/cpns/st-welcome.vue
index 6157c7c..1989785 100644
--- a/cdTMP/src/views/dashboard/workplace/components/cpns/st-welcome.vue
+++ b/cdTMP/src/views/dashboard/workplace/components/cpns/st-welcome.vue
@@ -6,7 +6,7 @@
                     <img src="@/assets/avatar/zhu.jpg" />
                 </a-avatar>
                 <div class="pl-3 mt-2">
-                    <div class="content-block-title">{{ userStore.name }}，今天天气很好，欢迎回来！</div>
+                    <div class="content-block-title">{{ userStore.name }}，好久不见，欢迎回来！</div>
                     <div class="leading-5 mt-2 flex items-center">
                         <a-tag color="red" bordered class="mr-2">好用的测试工具集</a-tag>
                         欢迎使用测试管理平台 ⭐长期更新。
diff --git a/cdTMP/src/views/project/case/components/CaseModal.vue b/cdTMP/src/views/project/case/components/CaseModal.vue
new file mode 100644
index 0000000..4057c6c
--- /dev/null
+++ b/cdTMP/src/views/project/case/components/CaseModal.vue
@@ -0,0 +1,65 @@
+<template>
+    <div class="case-modal-container">
+        <a-modal v-model:visible="visible" draggable unmount-on-close hide-cancel ok-text="关闭" width="900px">
+            <template #title> 问题单关联用例列表 </template>
+            <div>
+                <a-list>
+                    <a-list-item v-for="(item, index) in transformData" :key="index">
+                        <a-descriptions :data="item.showData" :title="'用例名称：' + item.case" bordered :column="1" />
+                    </a-list-item>
+                </a-list>
+            </div>
+        </a-modal>
+    </div>
+</template>
+
+<script setup>
+import { ref, computed } from "vue"
+
+const visible = ref(false)
+// 数据储存在这里
+const data = ref([])
+// 转换为描述数据
+const transformData = computed(() => {
+    return data.value.map((item) => {
+        // 数组的每一项都要转为{ case:'xxx',showData:[{label:'xxx',value:'xxx2'}] }
+        const showData = []
+        for (let key in item) {
+            let showKey = key
+            if (key === "case") continue
+            if (key === "dut") {
+                showKey = "被测件"
+            }
+            if (key === "round") {
+                showKey = "轮次"
+            }
+            if (key === "design") {
+                showKey = "设计需求"
+            }
+            if (key === "demand") {
+                showKey = "测试项"
+            }
+            if (key === "demand_ident") {
+                showKey = "测试项标识"
+            }
+            showData.push({
+                label: showKey,
+                value: item[key]
+            })
+        }
+        return {
+            case: item.case,
+            showData
+        }
+    })
+})
+function open(caseList) {
+    visible.value = true
+    data.value = caseList
+}
+defineExpose({
+    open
+})
+</script>
+
+<style lang="less" scoped></style>
diff --git a/cdTMP/src/views/project/case/components/ProblemChoose.vue b/cdTMP/src/views/project/case/components/ProblemChoose.vue
index 88c70b3..306b2bf 100644
--- a/cdTMP/src/views/project/case/components/ProblemChoose.vue
+++ b/cdTMP/src/views/project/case/components/ProblemChoose.vue
@@ -23,7 +23,14 @@
                 <template #ident="{ record }">
                     {{ "PT_" + route.query.ident + "_" + record.ident.padStart(3, "0") }}
                 </template>
+                <!-- table按钮后置插槽：这里用于提醒 -->
+                <template #tableAfterButtons>
+                    <a-alert banner class="alert">
+                        表格问题单右键可以查看<span :style="{ color: 'red', fontWeight: 700 }">关联用例信息</span>
+                    </a-alert>
+                </template>
             </ma-crud>
+            <case-modal ref="caseModalRef"></case-modal>
         </div>
     </a-modal>
 </template>
@@ -31,8 +38,10 @@
 <script setup lang="jsx">
 import { ref } from "vue"
 import problemApi from "@/api/project/problem"
-import { Message } from "@arco-design/web-vue"
+import problemSingleApi from "@/api/project/singleProblem"
+import { Message, Notification } from "@arco-design/web-vue"
 import { useRoute, useRouter } from "vue-router"
+import CaseModal from "./CaseModal.vue"
 const route = useRoute()
 // 定义props
 const props = defineProps({
@@ -79,6 +88,7 @@ const handleRelatedChange = async (record) => {
 // 数据定义
 const crudRef = ref()
 const visible = ref(false)
+const caseModalRef = ref()
 
 // 定义open事件
 const open = (row) => {
@@ -113,6 +123,25 @@ const crudOptions = ref({
     operationColumn: true,
     operationColumnAlign: "center", // 操作列居中
     isDbClickEdit: false, // 双击不编辑当前列
+    contextMenu: {
+        enabled: true,
+        items: [
+            {
+                operation: "scancase",
+                icon: "icon-list",
+                text: "查看关联用例",
+                onCommand: async (args) => {
+                    const hang = args.record.hang
+                    const problemId = args.record.id
+                    if (hang) {
+                        Notification.warning("该问题单未关联用例")
+                    }
+                    const res = await problemSingleApi.getRelativeCases({ id: problemId })
+                    caseModalRef.value.open(res.data)
+                }
+            }
+        ]
+    },
     bordered: { cell: true },
     formOption: {
         width: 1000,
@@ -437,5 +466,10 @@ const columns = ref([
 // 暴露自己的open方法
 defineExpose({ open })
 </script>
-
-<style lang="less" scoped></style>
+<style lang="less" scoped>
+.alert {
+    max-height: 32px;
+    background-color: transparent;
+    user-select: none;
+}
+</style>
diff --git a/cdTMP/src/views/project/case/index.vue b/cdTMP/src/views/project/case/index.vue
index 8e3b299..e6d6f94 100644
--- a/cdTMP/src/views/project/case/index.vue
+++ b/cdTMP/src/views/project/case/index.vue
@@ -27,14 +27,14 @@
 
 <script setup lang="jsx">
 import { ref } from "vue"
-import { useRoute, useRouter } from "vue-router"
+import { useRoute } from "vue-router"
 import problemApi from "@/api/project/problem"
 import { useTreeDataStore } from "@/store"
 import ProblemChoose from "./components/ProblemChoose.vue"
 import { Message } from "@arco-design/web-vue"
 const treeDataStore = useTreeDataStore()
 const route = useRoute()
-const router = useRouter()
+// const router = useRouter()
 const roundNumber = route.query.key.split("-")[0]
 const dutNumber = route.query.key.split("-")[1]
 const designDemandNumber = route.query.key.split("-")[2]
@@ -59,6 +59,8 @@ const crudOptions = ref({
     edit: { show: true, api: problemApi.update },
     delete: { show: true, api: problemApi.delete },
     operationColumnAlign: "center", // 操作列居中
+    // 列表选项卡配置
+    tabs:{},
     beforeOpenAdd: function () {
         // 先判断是否已经有个问题单了，如果有则不让用户创建
         if (crudRef.value.getTableData().length >= 1) {
@@ -106,6 +108,7 @@ const crudOptions = ref({
     },
     showIndex: false,
     showTools: false,
+    operationColumnAlign:'center',
     rowSelection: { showCheckedAll: true },
     searchColNumber: 3,
     tablePagination: false,
diff --git a/cdTMP/src/views/project/testDemand/index.vue b/cdTMP/src/views/project/testDemand/index.vue
index ae6ef20..8e3b4d1 100644
--- a/cdTMP/src/views/project/testDemand/index.vue
+++ b/cdTMP/src/views/project/testDemand/index.vue
@@ -37,6 +37,7 @@ const crudOptions = ref({
     add: { show: true, api: caseApi.save, text: "新增用例" },
     edit: { show: true, api: caseApi.update, text: "修改用例" },
     delete: { show: true, api: caseApi.delete },
+    operationColumnAlign:'center',
     // 处理新增删除后树状图显示
     beforeOpenAdd: function () {
         let key_split = route.query.key.split("-")
diff --git a/cdTMP/src/views/testmanage/projmanage/cpns/preview.vue b/cdTMP/src/views/testmanage/projmanage/cpns/preview.vue
index 13df213..cfefd19 100644
--- a/cdTMP/src/views/testmanage/projmanage/cpns/preview.vue
+++ b/cdTMP/src/views/testmanage/projmanage/cpns/preview.vue
@@ -1,8 +1,8 @@
 <template>
     <!-- 描述列表组件 -->
     <a-modal width="1000px" v-model:visible="visible" :footer="false">
-        <template #title>{{ previewRecord.name }}</template>
-        <ma-info :columns="columns" :data="previewRecord" :column="3"></ma-info>
+        <template #title>项目名称：{{ previewRecord.name }}</template>
+        <ma-info :columns="props.columns" :data="previewRecord" :column="1" size="mini"></ma-info>
     </a-modal>
 </template>
 
@@ -12,11 +12,15 @@ import MaInfo from "@/components/ma-info/index.vue"
 // 提供open方法给外界，并获取整行数据
 const visible = ref(false)
 const previewRecord = ref({})
-const columns = ref([])
-const open = (record, outColumns) => {
+const props = defineProps({
+    columns: {
+        type: Array,
+        default: () => []
+    }
+})
+const open = (record) => {
     visible.value = true
     previewRecord.value = record
-    columns.value = outColumns
 }
 defineExpose({ open })
 // MA-INFO的columns
diff --git a/cdTMP/src/views/testmanage/projmanage/cpns/progress.vue b/cdTMP/src/views/testmanage/projmanage/cpns/progress.vue
index 664e48c..03a8148 100644
--- a/cdTMP/src/views/testmanage/projmanage/cpns/progress.vue
+++ b/cdTMP/src/views/testmanage/projmanage/cpns/progress.vue
@@ -51,13 +51,14 @@ watch(
     () => props.visible,
     (newVal, oldVal) => {
         if (newVal) {
+            percent.value = 0
             timer = setInterval(() => {
                 if (percent.value <= 0.95) {
                     let temp = parseFloat(percent.value.toFixed(2))
                     temp += 0.01
                     percent.value = parseFloat(temp.toFixed(2))
                 }
-            }, 100)
+            }, 120)
         } else {
             // 进度条清零
             percent.value = 0
diff --git a/cdTMP/src/views/testmanage/projmanage/index.vue b/cdTMP/src/views/testmanage/projmanage/index.vue
index a71c5cd..640bf7c 100644
--- a/cdTMP/src/views/testmanage/projmanage/index.vue
+++ b/cdTMP/src/views/testmanage/projmanage/index.vue
@@ -12,42 +12,91 @@
                             文档生成
                         </a-button>
                         <template #content>
-                            <p><a-link @click="createDgItem(record)">大纲二段文档</a-link></p>
-                            <p><a-link @click="createSmItem(record)">说明二段文档</a-link></p>
-                            <p><a-link @click="createJLItem(record)">记录二级文档</a-link></p>
-                            <p><a-link @click="createBgItem(record)">报告二级文档</a-link></p>
-                            <p><a-link @click="createHsmItem(record)">回归说明二级文档</a-link></p>
-                            <p><a-link @click="createHjlItem(record)">回归记录二级文档</a-link></p>
-                            <p><a-link @click="createWtdItem(record)">问题单二级文档</a-link></p>
                             <p>
-                                <a-link @click="createSeitaiDagang(record)"><icon-eye />[测试]生成最后大纲</a-link>
+                                <a-link
+                                    :disabled="isGenerating"
+                                    :loading="isDgLoading"
+                                    @click="createDgItem($event, record)"
+                                >
+                                    大纲二段文档
+                                </a-link>
                             </p>
                             <p>
-                                <a-link @click="createSeitaiShuoming(record)"><icon-eye />[测试]生成最后说明</a-link>
+                                <a-link :disabled="isGenerating" :loading="isSmLoading" @click="createSmItem(record)">
+                                    说明二段文档
+                                </a-link>
                             </p>
                             <p>
-                                <a-link @click="createSeitaiJilu(record)"><icon-eye />[测试]生成最后记录</a-link>
+                                <a-link :disabled="isGenerating" :loading="isJlloading" @click="createJLItem(record)">
+                                    记录二级文档
+                                </a-link>
                             </p>
                             <p>
-                                <a-link @click="createSeitaiBaogao(record)"><icon-eye />[测试]生成测评报告</a-link>
+                                <a-link :disabled="isGenerating" :loading="isBgLoading" @click="createBgItem(record)">
+                                    报告二级文档
+                                </a-link>
                             </p>
                             <p>
-                                <a-link @click="createSeitaiHsm(record)"><icon-eye />[测试]回归测试说明</a-link>
+                                <a-link :disabled="isGenerating" :loading="ishsmLoading" @click="createHsmItem(record)">
+                                    回归说明二级文档
+                                </a-link>
                             </p>
                             <p>
-                                <a-link @click="createSeitaiHjl(record)"><icon-eye />[测试]回归测试记录</a-link>
+                                <a-link :disabled="isGenerating" :loading="ishjlLoading" @click="createHjlItem(record)">
+                                    回归记录二级文档
+                                </a-link>
                             </p>
                             <p>
-                                <a-link @click="createSeitaiWtd(record)"><icon-eye />[测试]生成问题单</a-link>
+                                <a-link :disabled="isGenerating" :loading="isWtdLoading" @click="createWtdItem(record)">
+                                    问题单二级文档
+                                </a-link>
+                            </p>
+                            <p>
+                                <a-link :disabled="isGenerating" @click="createSeitaiDagang(record)">
+                                    <icon-eye />
+                                    [测试]生成最后大纲
+                                </a-link>
+                            </p>
+                            <p>
+                                <a-link :disabled="isGenerating" @click="createSeitaiShuoming(record)">
+                                    <icon-eye />[测试]生成最后说明
+                                </a-link>
+                            </p>
+                            <p>
+                                <a-link :disabled="isGenerating" @click="createSeitaiJilu(record)"
+                                    ><icon-eye />[测试]生成最后记录</a-link
+                                >
+                            </p>
+                            <p>
+                                <a-link :disabled="isGenerating" @click="createSeitaiBaogao(record)"
+                                    ><icon-eye />[测试]生成测评报告</a-link
+                                >
+                            </p>
+                            <p>
+                                <a-link :disabled="isGenerating" @click="createSeitaiHsm(record)"
+                                    ><icon-eye />[测试]回归测试说明</a-link
+                                >
+                            </p>
+                            <p>
+                                <a-link :disabled="isGenerating" @click="createSeitaiHjl(record)"
+                                    ><icon-eye />[测试]回归测试记录</a-link
+                                >
+                            </p>
+                            <p>
+                                <a-link :disabled="isGenerating" @click="createSeitaiWtd(record)"
+                                    ><icon-eye />[测试]生成问题单</a-link
+                                >
                             </p>
                         </template>
                     </a-popover>
-                    <a-link @click="enterWorkPlant(record)">进入工作区</a-link>
-                    <a-link @click="previewRef.open(record, crudColumns)"><icon-eye />预览</a-link>
+                    <a-button @click="enterWorkPlant(record)" size="mini" status="warning" type="outline">
+                        工作区
+                    </a-button>
+                    <a-link @click="previewRef.open(record)"><icon-eye />预览</a-link>
                 </template>
             </ma-crud>
         </div>
-        <preview ref="previewRef"></preview>
+        <preview ref="previewRef" :columns="crudColumns"></preview>
         <Progress
             :visible="visible"
             :isComplete="isComplete"
@@ -74,7 +123,7 @@ import Progress from "./cpns/progress.vue"
 import hoosk from "@/views/testmanage/projmanage/hooks.js"
 const router = useRouter()
 // 定义预览组件的Ref
-const previewRef = ref(null)
+const previewRef = ref()
 // 点击进入工作区函数 - 每次点击后都清除localStorage中树状目录数据
 const enterWorkPlant = function (record) {
     if (localStorage.getItem("tree_local_data")) {
@@ -89,6 +138,16 @@ const ptext = ref("测评大纲")
 const handleModalConfirmClick = () => {
     visible.value = false
 }
+// 该变量用于显示所以生成文档的按钮是否->禁用
+const isGenerating = ref(false)
+// 用于显示是否正在加载（全部按钮各一个）
+const isDgLoading = ref(false)
+const isSmLoading = ref(false)
+const isBgLoading = ref(false)
+const isJlloading = ref(false)
+const ishsmLoading = ref(false)
+const ishjlLoading = ref(false)
+const isWtdLoading = ref(false)
 // ~~~~~~~~测试说明生成文档~~~~~~~~
 const createSeitaiShuoming = async (record) => {
     ptext.value = "测试说明"
@@ -131,127 +190,141 @@ const createSeitaiWtd = async (record) => {
 
 // 记录生成二级文档
 const createJLItem = async (record) => {
-    const st = await jlGenerateApi.createJLcaserecord({ id: record.id })
-
-    Message.success(st.message)
+    isGenerating.value = true
+    isJlloading.value = true
+    await jlGenerateApi.createJLcaserecord({ id: record.id }).finally(() => {
+        isGenerating.value = false
+        isJlloading.value = false
+    })
+    Message.success("记录-片段库生成成功，请查看output/jl文件夹")
 }
 // 说明生成二级文档
 const createSmItem = async (record) => {
-    // 生成测评对象 - 和大纲一样 - 可能会删除
-    await dgGenerateApi.createSoftComposition({ id: record.id })
-    // 生成被测软件功能 - 和大纲重复 - 可能会删除
-    await dgGenerateApi.createFuncList({ id: record.id })
-    // 生成被测软件接口 - 和大纲重复 - 可能会删除
-    await dgGenerateApi.createInterface({ id: record.id })
-    // 生成被测软件性能 - 和大纲重复 - 可能会删除
-    await dgGenerateApi.createPerformance({ id: record.id })
-    // 生成被测软件基本信息 - 和大纲重复 - 可能会删除
-    await dgGenerateApi.createBaseInformation({ id: record.id })
-    // 生成标准类引用文档 - 和大纲重复 - 可能会删除
-    await dgGenerateApi.createYiju({ id: record.id })
-    // 生成技术类引用文档列表 -> 在大纲基础上添加《测评大纲》
-    await smGenerateApi.createSMTechyiju({ id: record.id })
-    // 生成软硬件环境（注意标题级别不一样，这个在最后处理）
-    await dgGenerateApi.createEnvironment({ id: record.id })
-    // 生成用例全
-    await smGenerateApi.createSMCaseList({ id: record.id })
-    // 生成用例列表-那个表格
-    await smGenerateApi.createSMCaseBreifList({ id: record.id })
-    // 生成说明追踪
-    const st = await smGenerateApi.createSMTrack({ id: record.id })
-    Message.success(st.message)
+    isGenerating.value = true
+    isSmLoading.value = true
+    const id = record.id
+    await Promise.all([
+        dgGenerateApi.createSoftComposition({ id }), // 生成测评对象 - 和大纲一样
+        dgGenerateApi.createFuncList({ id }), // 生成被测软件功能 - 和大纲重复
+        dgGenerateApi.createInterface({ id }), // 生成被测软件接口 - 和大纲重复 - 可能会删除
+        dgGenerateApi.createPerformance({ id }), // 生成被测软件性能 - 和大纲重复 - 可能会删除
+        dgGenerateApi.createBaseInformation({ id }), // 生成被测软件基本信息 - 和大纲重复 - 可能会删除
+        dgGenerateApi.createYiju({ id }), // 生成标准类引用文档 - 和大纲重复 - 可能会删除
+        smGenerateApi.createSMTechyiju({ id }), // 生成技术类引用文档列表 -> 在大纲基础上添加《测评大纲》
+        dgGenerateApi.createEnvironment({ id }), // 生成软硬件环境（注意标题级别不一样，这个在最后处理）
+        smGenerateApi.createSMCaseList({ id }), // 生成用例全
+        smGenerateApi.createSMCaseBreifList({ id }), // 生成用例列表-那个表格
+        smGenerateApi.createSMTrack({ id }) // 生成说明追踪
+    ]).finally(() => {
+        isGenerating.value = false
+        isSmLoading.value = false
+    })
+    Message.success("说明-片段库生成成功，请查看output/sm文件夹")
 }
 // 大纲生成二级文档
-const createDgItem = async (record) => {
-    // 生成测试项文档
-    await dgGenerateApi.createTestDemand({ id: record.id })
-    // 标准依据文件
-    await dgGenerateApi.createYiju({ id: record.id })
-    // 技术依据文件
-    await dgGenerateApi.createTechYiju({ id: record.id })
-    // 生成时间和地点
-    await dgGenerateApi.createTimeaddress({ id: record.id })
-    // 生成被测软件功能列表
-    await dgGenerateApi.createFuncList({ id: record.id })
-    // 生成测评对象-软件组成
-    await dgGenerateApi.createSoftComposition({ id: record.id })
-    // 生成联系人和方式
-    await dgGenerateApi.createContact({ id: record.id })
-    // 生成测试充分性（adequancy）和有效性（effectiveness）说明
-    await dgGenerateApi.createAdequacyEffectiveness({ id: record.id })
-    // 生成测评组织及分工
-    await dgGenerateApi.createGroup({ id: record.id })
-    // 生成测评保障
-    await dgGenerateApi.createGuarantee({ id: record.id })
-    // 生成缩略语
-    await dgGenerateApi.createAbbreviation({ id: record.id })
-    // 生成-被测软件接口
-    await dgGenerateApi.createInterface({ id: record.id })
-    // 生成-被测软件性能
-    await dgGenerateApi.createPerformance({ id: record.id })
-    // 生成-被测软件基本信息
-    await dgGenerateApi.createBaseInformation({ id: record.id })
-    // 生成-测试总体要求
-    await dgGenerateApi.createRequirement({ id: record.id })
-    // 生成-研总-测试项对照表
-    await dgGenerateApi.createYzComparison({ id: record.id })
-    // 生成-需求规格说明-测试项对照表
-    await dgGenerateApi.createXqComparison({ id: record.id })
-    // 生成-反向测试项-需求规格说明对照表
-    await dgGenerateApi.createFanXqComparison({ id: record.id })
-    // 生成-代码质量度量分析表
-    await dgGenerateApi.createCodeQuality({ id: record.id })
-    // 生成-软硬件环境
-    await dgGenerateApi.createEnvironment({ id: record.id })
-    // 生成-主要战技指标
-    const st = await dgGenerateApi.createMainTech({ id: record.id })
-    Message.success(st.message)
+const createDgItem = async (e, record) => {
+    isGenerating.value = true
+    isDgLoading.value = true
+    const id = record.id
+    await Promise.all([
+        dgGenerateApi.createTestDemand({ id }), // 生成第一轮测试项
+        dgGenerateApi.createYiju({ id }), // 生成依据文件
+        dgGenerateApi.createTechYiju({ id }), // 技术依据文件
+        dgGenerateApi.createContact({ id }), // 生成联系人和方式
+        dgGenerateApi.createTimeaddress({ id }), // 生成测评时间和地点
+        dgGenerateApi.createFuncList({ id }), // 生成被测软件功能列表
+        dgGenerateApi.createSoftComposition({ id }), // 生成测评对象-软件组成
+        dgGenerateApi.createAdequacyEffectiveness({ id }), // 生成测试充分性（adequancy）和有效性（effectiveness）说明
+        dgGenerateApi.createGroup({ id }), // 生成测评组织及分工
+        dgGenerateApi.createGuarantee({ id }), // 生成测评保障
+        dgGenerateApi.createAbbreviation({ id }), // 生成缩略语
+        dgGenerateApi.createInterface({ id }), // 生成-被测软件接口
+        dgGenerateApi.createPerformance({ id }), // 生成-被测软件性能
+        dgGenerateApi.createBaseInformation({ id }), // 生成-被测软件基本信息
+        dgGenerateApi.createRequirement({ id }), // 生成-测试总体要求
+        dgGenerateApi.createYzComparison({ id }), // 生成-研总-测试项对照表
+        dgGenerateApi.createXqComparison({ id }), // 生成-需求规格说明-测试项对照表
+        dgGenerateApi.createFanXqComparison({ id }), // 生成-反向测试项-需求规格说明对照表
+        dgGenerateApi.createCodeQuality({ id }), // 生成-代码质量度量分析表
+        dgGenerateApi.createEnvironment({ id }), // 生成-软硬件环境
+        dgGenerateApi.createMainTech({ id }) // 生成-主要战技指标
+    ]).finally(() => {
+        isGenerating.value = false
+        isDgLoading.value = false
+    })
+    Message.success("大纲-片段库文档生成成功，请查看output/dg文件夹")
 }
 // 报告生成二级文档
 const createBgItem = async (record) => {
-    // 删除output/bg文件夹下文件
-    await bgGenerateApi.deleteBGFiles({ id: record.id })
-    await bgGenerateApi.createBgTechYiju({ id: record.id })
-    await bgGenerateApi.createBgTimeaddress({ id: record.id })
-    await bgGenerateApi.createBgBaseInformation({ id: record.id })
-    await bgGenerateApi.createBgCompletionstatus({ id: record.id })
-    await bgGenerateApi.createBgSummary({ id: record.id })
-    await bgGenerateApi.createBgContentandresults1({ id: record.id })
-    await bgGenerateApi.createBgContentandresults2({ id: record.id })
-    await bgGenerateApi.createBgEffectAndAdquacy({ id: record.id })
-    await bgGenerateApi.createBgDemandEffective({ id: record.id })
-    await bgGenerateApi.createBgQualityEvaluate({ id: record.id })
-    await bgGenerateApi.createBgEntire({ id: record.id })
-    await bgGenerateApi.createBgYzxqTrack({ id: record.id })
-    const st = await bgGenerateApi.createBgProblemsSummary({ id: record.id })
-    Message.success(st.message)
+    isGenerating.value = true
+    isBgLoading.value = true
+    const id = record.id
+    await Promise.all([
+        bgGenerateApi.deleteBGFiles({ id }), // 删除output/bg文件夹下文件
+        bgGenerateApi.createBgTechYiju({ id }),
+        bgGenerateApi.createBgTimeaddress({ id }),
+        bgGenerateApi.createBgBaseInformation({ id }),
+        bgGenerateApi.createBgCompletionstatus({ id }),
+        bgGenerateApi.createBgSummary({ id }),
+        bgGenerateApi.createBgContentandresults1({ id }),
+        bgGenerateApi.createBgContentandresults2({ id }),
+        bgGenerateApi.createBgEffectAndAdquacy({ id }),
+        bgGenerateApi.createBgDemandEffective({ id }),
+        bgGenerateApi.createBgQualityEvaluate({ id }),
+        bgGenerateApi.createBgEntire({ id }),
+        bgGenerateApi.createBgYzxqTrack({ id }),
+        bgGenerateApi.createBgProblemsSummary({ id })
+    ]).finally(() => {
+        isGenerating.value = false
+        isBgLoading.value = false
+    })
+    Message.success("报告-片段库文档生成成功，请查看output/bg文件夹")
 }
 // 回归测试说明二级文档
 const createHsmItem = async (record) => {
-    // 先调用删除文件夹里面文件
-    await hsmGenerateApi.deleteHSMFiles({ id: record.id })
-    await hsmGenerateApi.createBasicInfo({ id: record.id })
-    await hsmGenerateApi.createDocSummary({ id: record.id })
-    await hsmGenerateApi.createJstech({ id: record.id })
-    await hsmGenerateApi.createChangePart({ id: record.id })
-    await hsmGenerateApi.createHdemand({ id: record.id })
-    await hsmGenerateApi.createCaseListDesc({ id: record.id })
-    await hsmGenerateApi.createCaseList({ id: record.id })
-    const st = await hsmGenerateApi.createTrack({ id: record.id })
-    Message.success(st.message)
+    const id = record.id
+    isGenerating.value = true
+    ishsmLoading.value = true
+    await Promise.all([
+        hsmGenerateApi.deleteHSMFiles({ id }), // 先删除以前文件
+        hsmGenerateApi.createBasicInfo({ id }),
+        hsmGenerateApi.createDocSummary({ id }),
+        hsmGenerateApi.createJstech({ id }),
+        hsmGenerateApi.createChangePart({ id }),
+        hsmGenerateApi.createHdemand({ id }),
+        hsmGenerateApi.createCaseListDesc({ id }),
+        hsmGenerateApi.createCaseList({ id }),
+        hsmGenerateApi.createTrack({ id })
+    ]).finally(() => {
+        isGenerating.value = false
+        ishsmLoading.value = false
+    })
+    Message.success("回归说明-片段库文档生成成功，请查看output/hsm文件夹")
 }
 // 回归测试记录二级文档
 const createHjlItem = async (record) => {
-    // 先调用删除文件夹里面文件
-    await hjlGenerateApi.deleteHJLFiles({ id: record.id })
-    await hjlGenerateApi.createBasicInfo({ id: record.id })
-    const st = await hjlGenerateApi.createCaseinfo({ id: record.id })
-    Message.success(st.message)
+    const id = record.id
+    isGenerating.value = true
+    ishjlLoading.value = true
+    await Promise.all([
+        hjlGenerateApi.deleteHJLFiles({ id }), // 先调用删除文件夹里面文件
+        hjlGenerateApi.createBasicInfo({ id }),
+        hjlGenerateApi.createCaseinfo({ id })
+    ]).finally(() => {
+        isGenerating.value = false
+        ishjlLoading.value = false
+    })
+    Message.success("回归记录-片段库文档生成成功，请查看output/hjl文件夹")
 }
 // 问题单二级文档
 const createWtdItem = async (record) => {
-    const st = await wtdGenerateApi.createWtdTable({ id: record.id })
-    Message.success(st.message)
+    isGenerating.value = true
+    isWtdLoading.value = true
+    await wtdGenerateApi.createWtdTable({ id: record.id }).finally(() => {
+        isGenerating.value = false
+        isWtdLoading.value = false
+    })
+    Message.success("问题单-片段库文档生成成功，请查看output/wtd文件夹")
 }
 
 // ~~~~~~~~~~~~~~~~~~~~~~~~~~~~
@@ -270,6 +343,8 @@ const crudOptions = ref({
     operationWidth: 500,
     showIndex: false,
     showTools: false,
+    operationColumnWidth: 220, // 操作列宽度
+    operationColumnAlign: "center", // 操作列对齐方式
     // 处理弹窗的title
     beforeOpenAdd: function () {
         crudRef.value.crudFormRef.actionTitle = "项目"
@@ -426,7 +501,20 @@ const crudColumns = ref([
     {
         title: "结束时间",
         dataIndex: "endTime",
-        formType: "date"
+        formType: "date",
+        extra: "注意：开始时间和结束时间影响大纲、报告多个时间，谨慎填写",
+        commonRules: [
+            {
+                required: true,
+                message: "结束时间必填"
+            },
+            {
+                validator: (value, validationCallbackFunction) => {
+                    let beginTime = crudRef.value.getFormData().beginTime
+                    value < beginTime ? validationCallbackFunction("开始时间必须小于结束时间") : null
+                }
+            }
+        ]
     },
     // 这是只为了搜索的字段
     {