技术单位管理 表头配置功能

src/utils/tableHeaderParams.js

@@ -94,8 +94,32 @@ export const getJsdwglAllColumns = () => {
       prop: "dwmc",
     },
     {
-      label: "行政区划编码",
-      prop: "selectXzqh",
+      label: "行政区划",
+      prop: "xzqhForName",
+    },
+    {
+      label: "单位领导",
+      prop: "dwld",
+    },
+    {
+      label: "单位面积",
+      prop: "dwmj",
+    },
+    {
+      label: "犬舍数量",
+      prop: "qs",
+    },
+    {
+      label: "单位编制数",
+      prop: "dwbzs",
+    },
+    {
+      label: "联系人",
+      prop: "lxr",
+    },
+    {
+      label: "联系电话",
+      prop: "lxdh",
     },
   ]
   return arr
@@ -108,6 +132,22 @@ export const getJsdwglDefaultColumns = () => {
       label: "单位名称",
       prop: "dwmc",
     },
+    {
+      label: "单位面积",
+      prop: "dwmj",
+    },
+    {
+      label: "犬舍数量",
+      prop: "qs",
+    },
+    {
+      label: "单位编制数",
+      prop: "dwbzs",
+    },
+    {
+      label: "联系人",
+      prop: "lxr",
+    },
   ]
   return arr
 }

src/views/teUnitManage/index.vue

@@ -115,17 +115,27 @@
           label="单位名称"
           align="center"
           show-overflow-tooltip
+          v-if="colPropArr.includes('dwmc')"
         ></el-table-column>
         <el-table-column
           prop="xzqhForName"
           label="行政区划"
           align="center"
           show-overflow-tooltip
+          v-if="colPropArr.includes('xzqhForName')"
+        ></el-table-column>
+        <el-table-column
+          prop="dwld"
+          label="单位领导"
+          align="center"
+          show-overflow-tooltip
+          v-if="colPropArr.includes('dwld')"
         ></el-table-column>
         <el-table-column
           label="单位面积"
           align="center"
           show-overflow-tooltip
+          v-if="colPropArr.includes('dwmj')"
         >
           <template slot-scope="scope">
             <span>{{ scope.row.dwmj ? scope.row.dwmj + ' / 亩' : '' }}</span>
@@ -135,6 +145,7 @@
           label="犬舍数量"
           align="center"
           show-overflow-tooltip
+          v-if="colPropArr.includes('qs')"
         >
           <template slot-scope="scope">
             <span>{{ scope.row.qs ? scope.row.qs + ' / 间' : '' }}</span>
@@ -144,6 +155,7 @@
           label="单位编制数"
           align="center"
           show-overflow-tooltip
+          v-if="colPropArr.includes('dwbzs')"
         >
           <template slot-scope="scope">
             <span>{{ scope.row.dwbzs ? scope.row.dwbzs + ' / 名' : '' }}</span>
@@ -154,6 +166,14 @@
           label="联系人"
           align="center"
           show-overflow-tooltip
+          v-if="colPropArr.includes('lxr')"
+        ></el-table-column>
+        <el-table-column
+          prop="lxdh"
+          label="联系电话"
+          align="center"
+          show-overflow-tooltip
+          v-if="colPropArr.includes('lxdh')"
         ></el-table-column>
       </el-table>
 
@@ -199,6 +219,7 @@ import {
   handleDownFile,
   getSelectXzqhArrOrStr,
   setXzqhOptions,
+  getColumns,
 } from "@/utils/mk.js";
 import {
   getJsdwglAllColumns,
@@ -248,9 +269,21 @@ export default {
   },
   mounted() {},
   async activated() {
+    this.defaultColPropArr = [];
+    this.headerSettInfo.defaultColumns.forEach((item) => {
+      this.defaultColPropArr.push(item.prop);
+    });
+
     let xOp = await getJsonDataApi("CODE_XZQH");
     this.xzqhOptions = setXzqhOptions(xOp);
 
+    let options = await getColumns(this.headerSettInfo.menuId);
+    if (options?.length) {
+      this.colPropArr = options;
+    } else {
+      this.colPropArr = this.defaultColPropArr;
+    }
+
     this.getLists(this.currentPage);
   },
   methods: {