左侧树点击刷新饼图和表格

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

@@ -14,7 +14,7 @@
     >
     <!-- :height="tableHeight" -->
       <!-- 表格 header 按钮 -->
-      <template #tableHeader="scope">
+      <template #tableHeader="">
         <el-form :model="form" :inline="true">
           <el-form-item label="关键字">
             <el-input v-model="form.search" placeholder="请输入设备名称、类型"></el-input>
@@ -239,7 +239,7 @@
 import { useRouter } from "vue-router";
 import type { Device } from '@/api/device/interface/device'
 import { useHandleData } from "@/hooks/useHandleData";
-import { ElMessage, ElMessageBox, ElLoading} from "element-plus";
+import { ElMessage, ElMessageBox, ElLoading, Action} from "element-plus";
 import ProTable from "@/components/ProTable/index.vue";
 import { type ProTableInstance, type ColumnProps } from '@/components/ProTable/interface'
 import {
@@ -300,60 +300,56 @@ id: {
 })
 
 //下拉框数据
+interface Dict {
+  id: string;
+  label: string;
+}
 //检测状态数据
-let checkStatusList = reactive([
+const checkStatus: Dict[] = [
   {
-    label: "未检",
-    value: 0,
-    disabled: false,
+    id: "0",
+    label: '未检',
   },
   {
-    label: "检测中",
-    value: 1,
-    disabled: false,
+    id: "1",
+    label: '检测中',
   },
   {
-    label: "检测完成",
-    value: 2,
-    disabled: false,
+    id: "2",
+    label: '检测完成',
   },
   {
-    label: "归档",
-    value: 3,
-    disabled: false,
+    id: "3",
+    label: '归档',
   },
-]);
+]
 //检测报告状态数据
-let checkReportStatusList = reactive([
+const checkReportStatus: Dict[] = [
   {
-    label: "已生成",
-    value: 0,
-    disabled: false,
+    id: "0",
+    label: '已生成',
   },
   {
-    label: "未生成",
-    value: 1,
-    disabled: false,
+    id: "1",
+    label: '未生成',
   },
-]);
+]
 //检测结果数组
-let checkResultList = reactive([
+const checkResult: Dict[] = [
   {
-    label: "不符合",
-    value: 0,
-    disabled: false,
+    id: "0",
+    label: '不符合',
   },
   {
-    label: "符合",
-    value: 1,
-    disabled: false,
+    id: "1",
+    label: '符合',
   },
   {
-    label: "未检",
-    value: 2,
-    disabled: false,
+    id: "2",
+    label: '未检',
   },
-]);
+]
+
 
 //查询条件
 const form: any = ref({
@@ -385,21 +381,12 @@ const initParam = reactive({ type: 1, pageNum: 1, pageSize: 10 });
 // dataCallback 是对于返回的表格数据做处理，如果你后台返回的数据不是 list && total 这些字段，可以在这里进行处理成这些字段
 // 或者直接去 hooks/useTable.ts 文件中把字段改为你后端对应的就行
 const tableList = ref([]);
-const dataCallback = (data: any) => {
-  return {
-    list: data || data.data || data.list,
-    total: data.length || data.total, //total
-  };
-};
-
 
 const boundPqDevList=ref<Device.ReqPqDevParams[]>([])//根据检测计划id查询出所有已绑定的设备 
 
 const getTableList = async (params: any) => {
   const pqDevList_Result2 = await getBoundPqDevList({'planId': props.id, 'checkStateList':[0,1,2]});
   boundPqDevList.value = pqDevList_Result2.data as Device.ReqPqDevParams[];
-  console.log('qwe',boundPqDevList.value)
-  console.log('qwe123',props.id)
   return  getBoundPqDevList({'planId': props.id, 'checkStateList':[0,1,2]});
 };
 
@@ -413,6 +400,7 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
       prop: 'name',
       label: '设备名称',
       minWidth: 220,
+      //search: { el: 'input' },
     },
     {
       prop: 'devType',
@@ -444,6 +432,7 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
       label: '检测状态',
       minWidth: 100,
       sortable:true,
+      //enum:checkStatus,
       isShow:checkStateShow,
       render: scope => {
           return (
@@ -455,6 +444,7 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
       prop: 'checkResult',
       label: '检测结果',
       minWidth: 100,
+      //enum:checkResult,
       sortable:true,
       render: (scope) => {
         if (scope.row.checkResult === 0) 
@@ -469,6 +459,7 @@ const columns = reactive<ColumnProps<Device.ResPqDev>[]>([
       prop: 'reportState',
       label: '报告状态',
       minWidth: 100,
+      enum:checkReportStatus,
       sortable:true,
       render: scope => {
           return (
@@ -604,21 +595,7 @@ const handleSelectionChange = (selection: any[]) => {
 
 //查询
 const handleSearch = () => {
-
-  if(form.value.activeTabs === 0)//设备检测、设备归档
-  {
-    deviceData.value = deviceDataList.plan_devicedata.filter((item) => item.document_State === "未归档")
-  }
-  else if(form.value.activeTabs === 4)
-  {
-    deviceData.value = deviceDataList.plan_devicedata.filter((item) => item.check_State === "检测完成" && item.document_State === "未归档");
-  }
-  else if(form.value.activeTabs === 3 || form.value.activeTabs === 5)//报告生成、数据查询
-  {
-    deviceData.value = deviceDataList.plan_devicedata.filter((item) => item.check_State === "检测完成");
-  }
-  //matchDialogVisible.value = true;
-  //proTable.value?.getTableList();
+  proTable.value?.getTableList();
 };
 //重置
 const handleRefresh = () => {
@@ -627,18 +604,6 @@ const handleRefresh = () => {
   form.value.checkResult = null;
   form.value.checkReportStatus = null;
   
-  if(form.value.activeTabs === 0)//设备检测、设备归档
-  {
-    deviceData.value = deviceDataList.plan_devicedata.filter((item) => item.document_State === "未归档")
-  }
-  else if(form.value.activeTabs === 4)
-  {
-    deviceData.value = deviceDataList.plan_devicedata.filter((item) => item.check_State === "检测完成" && item.document_State === "未归档");
-  }
-  else if(form.value.activeTabs === 3 || form.value.activeTabs === 5)//报告生成、数据查询
-  {
-    deviceData.value = deviceDataList.plan_devicedata.filter((item) => item.check_State === "检测完成");
-  }
 };
 // 表格拖拽排序
 const sortTable = ({
@@ -664,8 +629,8 @@ const changeActiveTabs = (val: number,val2: number,tabledata:any[]) => {
 
 //根据当前功能，初始化表头下拉框中的默认值和禁用值
 function tableHeaderInit(val: number) {
+  console.log("tableHeader",val)
   refreshStatusList()
-
   switch (val) {
     case 0://设备检测
     case 1://手动检测
@@ -734,10 +699,8 @@ function tableHeaderInit(val: number) {
     break;
   }
 //console.log("test",columns);
-
 }
 
-tableHeaderInit(0)
 function refreshStatusList(){
   // devNum = 0;
   // devChannelsNum = 0;
@@ -745,17 +708,17 @@ function refreshStatusList(){
   devNum = 0;
   devChannelsNum = 0;
   devTestedNum = 0;
-  checkStatusList.map((item: any, index: any) => {
+  checkStatus.map((item: any, index: any) => {
     if (item.disabled) {
       item.disabled = false;
     }
   });
-  checkReportStatusList.map((item: any, index: any) => {
+  checkReportStatus.map((item: any, index: any) => {
     if (item.disabled) {
       item.disabled = false;
     }
   });
-  checkResultList.map((item: any, index: any) => {
+  checkResult.map((item: any, index: any) => {
     if (item.disabled) {
       item.disabled = false;
     }
@@ -767,21 +730,21 @@ function refreshStatusList(){
 }
 
 function disableCheckStatus(val: string){
-  checkStatusList.map((item: any, index: any) => {
+  checkStatus.map((item: any, index: any) => {
     if (val == item.label) {
       item.disabled = true;
     }
   });
 }
 function disableCheckReportStatus(val: string){
-  checkReportStatusList.map((item: any, index: any) => {
+  checkReportStatus.map((item: any, index: any) => {
     if (val == item.label) {
       item.disabled = true;
     }
   });
 }
 function disablecheckResultList(val: string){
-  checkResultList.map((item: any, index: any) => {
+  checkResult.map((item: any, index: any) => {
     if (val == item.label) {
       item.disabled = true;
     }
@@ -945,17 +908,12 @@ const openDrawer = (title: string, row: any) => {
     }
 }
 
-onMounted(() => {
-  //console.log(proTable.value?.tableData);
-});
-
 // 监听 props.id 的变化
 watch(
   () => props.id,
   (newId) => {
-    console.log(`props.id changed to ${newId}`);
     // 调用获取数据的方法
-    getTableList({ type: 1, pageNum: 1, pageSize: 10 });
+    handleSearch();
   },
   { immediate: true } // 立即执行一次
 );