检测过程流程展示页面框架绘制

frontend/src/views/home/components/table.vue

@@ -53,28 +53,30 @@
             >
             <el-button
               type="primary"
+              :icon="Clock"
               @click="handleTest"
               v-if="form.activeTabs === 0"
               >手动检测</el-button
             >
             <el-button
               type="primary"
+              :icon="ChatLineRound"
               @click="handleTest"
               v-if="form.activeTabs === 0"
               >自动检测</el-button
             >
-            <el-button type="primary" v-if="form.activeTabs === 2"
+            <el-button type="primary" :icon="ChatLineSquare" v-if="form.activeTabs === 2"
               >不合格项复检</el-button
             >
-            <el-button type="primary" v-if="form.activeTabs === 2"
+            <el-button type="primary" :icon="ChatDotSquare" v-if="form.activeTabs === 2"
               >全部复检</el-button
             >
 
-            <el-button type="primary" v-if="form.activeTabs === 3"
+            <el-button type="primary" :icon="Postcard" v-if="form.activeTabs === 3"
               >批量生成</el-button
             >
 
-            <el-button type="primary" v-if="form.activeTabs === 4"
+            <el-button type="primary" :icon="Notebook" v-if="form.activeTabs === 4"
               >批量归档</el-button
             >
           </el-form-item>
@@ -108,7 +110,7 @@
         <el-button
         type="primary"
           link
-          :icon="EditPen"
+          :icon="Postcard"
           @click="openDrawer('生成', scope.row)"
           v-if="form.activeTabs === 3"
           >生成</el-button
@@ -124,7 +126,7 @@
         <el-button
         type="primary"
           link
-          :icon="EditPen"
+          :icon="Notebook"
           @click="openDrawer('归档', scope.row)"
           v-if="form.activeTabs === 4"
           >归档</el-button
@@ -146,6 +148,14 @@
         > -->
       </template>
     </ProTable>
+
+    <!-- 检测过程对话框 -->
+    <testPopup     
+      :visible="dialogFormVisible"
+      :formData="dialogForm"
+       :dialogTitle="dialogTitle"
+      @update:visible="dialogFormVisible = $event"
+    />
   </div>
 </template>
 
@@ -157,10 +167,11 @@ import { ElMessage, ElMessageBox, ElLoading} from "element-plus";
 import ProTable from "@/components/ProTable/index.vue";
 import { type ProTableInstance, type ColumnProps } from '@/components/ProTable/interface'
 import {
-  Search,View,EditPen
+  Search,View,EditPen,Clock,ChatLineRound,ChatLineSquare,ChatDotSquare,Postcard,Notebook
 } from "@element-plus/icons-vue";
 import { getPlanList } from "@/api/plan/planList";
 import deviceDataList from '@/api/device/device/deviceData'
+import testPopup from "./testPopup.vue";
 import { log } from "console";
 import { isVisible } from "element-plus/es/utils";
 import { reactive, ref } from "vue";
@@ -168,6 +179,17 @@ const router = useRouter();
 const value1 = ref("");
 const value2 = ref("");
 const tableHeight = ref(0);
+const dialogFormVisible = ref(false)
+const dialogTitle = ref('手动检测')
+const dialogForm = ref<any>({
+      id: '',
+      name: '',
+      standard_Name:'',
+      standard_Time:'',
+      dev_Level:'',
+      enable:1,
+      state:1,     
+});
 //console.log(window.innerHeight, "+++++++++");
 tableHeight.value = window.innerHeight - 630;
 const deviceData = deviceDataList.plan_devicedata
@@ -695,9 +717,13 @@ const handleTest = () => {
   //自动检测
   if (form.value.activeTabs === 0) {
     ElMessage.success("手动检测");
-    router.push({
-      path: "/plan/autoTest",
-    });
+
+  dialogTitle.value = '手动检测';
+  dialogFormVisible.value = true; // 打开对话框
+
+    // router.push({
+    //   path: "/plan/autoTest",
+    // });
   } else {
     ElMessage.warning("手动检测");
     router.push({