数据查询、报告生成流程界面框架绘制

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

@@ -134,10 +134,18 @@
         <el-button
         type="primary"
           link
-          :icon="EditPen"
-          @click="openDrawer('误差体系编辑', scope.row)"
+          :icon="PieChart"
+          @click="openDrawer('检测数据查询', scope.row)"
           v-if="form.activeTabs === 5"
-          >误差体系编辑</el-button
+          >检测数据查询</el-button
+        >
+        <el-button
+        type="primary"
+          link
+          :icon="Switch"
+          @click="openDrawer('误差体系更换', scope.row)"
+          v-if="form.activeTabs === 5"
+          >误差体系更换</el-button
         >
         <!-- <el-button
           dictType="primary"
@@ -156,6 +164,21 @@
        :dialogTitle="dialogTitle"
       @update:visible="dialogFormVisible = $event"
     />
+
+    <reportPopup
+      :visible="reportDialogVisible"
+      @update:visible="reportDialogVisible = $event"
+    ></reportPopup>
+
+    <dataCheckPopup
+      :visible="dataCheckDialogVisible"
+      @update:visible="dataCheckDialogVisible = $event"
+    ></dataCheckPopup>
+
+    <dataCheckChangeErrSysPopup
+    :visible="dataCheckChangeErrSysDialogVisible"
+      @update:visible="dataCheckChangeErrSysDialogVisible = $event"
+      ></dataCheckChangeErrSysPopup>
   </div>
 </template>
 
@@ -167,11 +190,15 @@ 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,Clock,ChatLineRound,ChatLineSquare,ChatDotSquare,Postcard,Notebook
+  Search,View,EditPen,Clock,ChatLineRound,ChatLineSquare,ChatDotSquare,Postcard,Notebook,Switch,PieChart
 } from "@element-plus/icons-vue";
 import { getPlanList } from "@/api/plan/planList";
 import deviceDataList from '@/api/device/device/deviceData'
 import testPopup from "./testPopup.vue";
+import reportPopup from "./reportPopup.vue";
+import dataCheckPopup from "./dataCheckPopup.vue";
+import dataCheckChangeErrSysPopup from "./dataCheckChangeErrSysPopup.vue";
+
 import { log } from "console";
 import { isVisible } from "element-plus/es/utils";
 import { reactive, ref } from "vue";
@@ -180,6 +207,9 @@ const value1 = ref("");
 const value2 = ref("");
 const tableHeight = ref(0);
 const dialogFormVisible = ref(false)
+const reportDialogVisible = ref(false)
+const dataCheckDialogVisible = ref(false)
+const dataCheckChangeErrSysDialogVisible = ref(false)
 const dialogTitle = ref('手动检测')
 const dialogForm = ref<any>({
       id: '',
@@ -354,12 +384,12 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
     { type: 'selection', fixed: 'left', width: 70 },
     {
       prop: 'name',
-      label: '名称',
+      label: '设备名称',
       minWidth: 120,
     },
     {
       prop: 'dev_Type',
-      label: '类型',
+      label: '设备类型',
       minWidth: 100,
     },
     {
@@ -735,19 +765,31 @@ const handleTest = () => {
 
 // 打开 drawer(新增、查看、编辑)
 const openDrawer = (title: string, row: any) => {
-  if (title === '查看')
-  {
-    console.log(title);
-    const link = document.createElement('a');
-    const fileUrl = 'G:/南网数研院非结构化数据生成程序MMS_JSON修改记录.docx'; // 文件路径
-    link.href = fileUrl;
-    link.target = '_blank'; // 在新标签页中打开
-    link.download = 'file.docx'; // 设置下载文件的名称
-    link.click();
-  }
+    if (title === '查看')
+    {
+      console.log(title);
+      const link = document.createElement('a');
+      const fileUrl = 'G:/南网数研院非结构化数据生成程序MMS_JSON修改记录.docx'; // 文件路径
+      link.href = fileUrl;
+      link.target = '_blank'; // 在新标签页中打开
+      link.download = 'file.docx'; // 设置下载文件的名称
+      link.click();
+    }
+
+    if(title === '生成')
+    {
+      reportDialogVisible.value = true;
+    }
       
-    else if (title === '误差体系编辑')
-    console.log(title);
+    if(title === '检测数据查询')
+    {
+      dataCheckDialogVisible.value = true;
+    }
+    if (title === '误差体系更换')
+    {
+      dataCheckChangeErrSysDialogVisible.value = true;
+    }
+
 
     if (title === '归档')
     {