样式调整

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

@@ -1,15 +1,16 @@
 <template>
   <div class="table_info">
+          <!-- :request-api="getTableList" -->
     <ProTable
       ref="proTable"
       :columns="columns"
       :data='deviceData'
-      :request-api="getTableList"
       :init-param="initParam"
       :data-callback="dataCallback"
       @drag-sort="sortTable"
       :height="tableHeight"
       :stripe="true"
+      :key="tableKey"
     >
       <!-- 表格 header 按钮 -->
       <template #tableHeader="scope">
@@ -198,10 +199,10 @@ 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";
+
+const tableKey = ref(0);
 const router = useRouter();
 const value1 = ref("");
 const value2 = ref("");
@@ -224,6 +225,7 @@ const dialogForm = ref<any>({
 tableHeight.value = window.innerHeight - 630;
 const deviceData = deviceDataList.plan_devicedata
 const operationShow = ref(false);
+const operationMinWidth = ref(200);
 //下拉框数据
 //检测状态数据
 let checkStatusList = reactive([
@@ -425,7 +427,6 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
     { prop: 'operation', label: '操作', fixed: 'right', minWidth: 200 ,isShow: operationShow},
   ])
 
-// 表格配置项
 // const columns = reactive<ColumnProps<User.ResUserList>[]>([
 //   { type: "selection", fixed: "left", width: 70 },
 //   {
@@ -684,6 +685,8 @@ function tableHeaderInit(val: number) {
       disableCheckStatus("检测中")
       disableCheckStatus("归档")
       disablecheckResultList("未出结果")
+      columns[columns.length - 1].minWidth = 150;
+      tableKey.value += 1;
       operationShow.value = true;
     break;
     case 4://设备归档
@@ -695,12 +698,22 @@ function tableHeaderInit(val: number) {
       disableCheckStatus("归档")
       disableCheckReportStatus("未生成报告")
       disablecheckResultList("未出结果")
+
+      columns[columns.length - 1].minWidth = 100;
+
+      tableKey.value ++;
       operationShow.value = true;
     break;
-    case 5://设备浏览
+    case 5://数据查询
+    
+    columns[columns.length - 1].minWidth = 250;
+    tableKey.value += 1;
+
     operationShow.value = true;
     break;
   }
+console.log("test",columns);
+
 }
 function refreshStatusList(){
   checkStatusList.map((item: any, index: any) => {
@@ -745,21 +758,29 @@ function disablecheckResultList(val: string){
 
 const handleTest = (val:string) => {
 
-  //自动检测
-  if (form.value.activeTabs === 0) {
-    ElMessage.success("手动检测");
+  if(val==='手动检测'||val==='自动检测'||val==='不合格项复检'||val==='全部复检' )
+  {
+    ElMessage.success(val);
+    dialogTitle.value = val;
+    dialogFormVisible.value = true; // 打开对话框
+  }
+  
+  if(val==='批量生成')
+  {
+    reportDialogVisible.value = true;
+  }
 
-  dialogTitle.value = '手动检测';
-  dialogFormVisible.value = true; // 打开对话框
-
-    // router.push({
-    //   path: "/plan/autoTest",
-    // });
-  } else {
-    ElMessage.warning("手动检测");
-    router.push({
-      path: "/plan/preTest",
-    });
+  if(val==='批量归档')
+  {
+    const loading = ElLoading.service({
+      lock: true,
+      text: '归档中...',
+      background: 'rgba(0, 0, 0, 0.7)',
+    })
+    setTimeout(() => {
+      loading.close()
+      ElMessage.success("批量归档成功");
+    }, 2000)
   }
 };