表头配置前期准备

src/api/menuDataApi/tableHeaderApi.js

+import { post, postform, get, postJson } from '@/utils/http.js'
+export let baseUrl = '/api_btpz'
+
+// 查询表头配置
+export const getMenuBt = params =>
+  postJson(`${baseUrl}/btpz/getMenuBt`, params)
+
+// 保存表头配置
+export const addMenuBt = params =>
+  postJson(`${baseUrl}/btpz/addMenuBt`, params)
\ No newline at end of file

src/components/headerSettings.vue

@@ -84,6 +84,7 @@
 </template>
 
 <script>
+import { getMenuBt, addMenuBt } from "@/api/menuDataApi/tableHeaderApi.js";
 import draggable from "vuedraggable";
 
 export default {
@@ -125,15 +126,20 @@ export default {
     };
   },
   mounted() {
-    this.waitBt = this.cxDefaultFormTheadList.filter(
-      (item) => !this.cxDefaultFormThead.some((ele) => ele.label === item.label)
-    );
-    console.log(this.waitBt);
+    this.getMenuBtData();
+    // this.waitBt = this.cxDefaultFormTheadList.filter(
+    //   (item) => !this.cxDefaultFormThead.some((ele) => ele.label === item.label)
+    // );
+    // console.log(this.waitBt);
   },
   methods: {
     closePage() {
       this.$emit("close");
     },
+    // 获取表头配置
+    getMenuBtData() {},
+    // 保存表头配置
+    saveMenuBtData() {},
   },
 };
 </script>

src/utils/tableHeaderParams.js

+// 警犬技术人员管理（全部列）
+export const getJsryglAllColumns = () => {
+  let arr = [
+    {
+      label: "姓名",
+      prop: "personName",
+    },
+    {
+      label: "身份证号码",
+      prop: "idNo",
+    },
+    {
+      label: "性别",
+      prop: "gender",
+    },
+    {
+      label: "出生日期",
+      prop: "birthDate",
+    },
+    {
+      label: "是否警犬技术相关专业",
+      prop: "isjwzy",
+    },
+    {
+      label: "毕业院校",
+      prop: "school",
+    },
+    {
+      label: "归属单位",
+      prop: "unitName",
+    },
+    {
+      label: "警务技术序列",
+      prop: "jwjsxl",
+    },
+    {
+      label: "所带警犬",
+      prop: "sxjq",
+    },
+    {
+      label: "从事警犬技术工作时间",
+      prop: "workYears",
+    },
+  ]
+
+  return arr
+}
+
+// 警犬技术人员管理（默认列）
+export const getJsryglDefaultColumns = () => {
+  let arr = [
+    {
+      label: "姓名",
+      prop: "personName",
+    },
+    {
+      label: "性别",
+      prop: "gender",
+    },
+    {
+      label: "出生日期",
+      prop: "birthDate",
+    },
+    {
+      label: "是否警犬技术相关专业",
+      prop: "isjwzy",
+    },
+    {
+      label: "归属单位",
+      prop: "unitName",
+    },
+    {
+      label: "警务技术序列",
+      prop: "jwjsxl",
+    },
+    {
+      label: "从事警犬技术工作时间",
+      prop: "workYears",
+    },
+    {
+      label: "所带警犬",
+      prop: "sxjq",
+    },
+  ]
+
+  return arr
+}
\ No newline at end of file

src/views/artisanManage/index.vue

@@ -168,17 +168,58 @@
           label="姓名"
           align="center"
           show-overflow-tooltip
+          width="100"
+        ></el-table-column>
+        <el-table-column
+          prop="idNo"
+          label="身份证号码"
+          align="center"
+          show-overflow-tooltip
+          width="150"
+        ></el-table-column>
+        <el-table-column
+          label="性别"
+          align="center"
+          show-overflow-tooltip
+          width="50"
+        >
+          <template slot-scope="scope">
+            <span>{{ (scope.row.gender === '1') ? ('男') : (scope.row.gender === '0' ? '女' : '') }}</span>
+          </template>
+        </el-table-column>
+        <el-table-column
+          prop="birthDate"
+          label="出生日期"
+          align="center"
+          show-overflow-tooltip
+          width="100"
+        ></el-table-column>
+        <el-table-column
+          prop="isjwzyForName"
+          label="是否警犬技术相关专业"
+          align="center"
+          show-overflow-tooltip
+          width="100"
+        ></el-table-column>
+        <el-table-column
+          prop="school"
+          label="毕业院校"
+          align="center"
+          show-overflow-tooltip
+          width="100"
         ></el-table-column>
         <el-table-column
           prop="unitName"
           label="归属单位"
           align="center"
           show-overflow-tooltip
+          width="180"
         ></el-table-column>
         <el-table-column
           label="警务技术序列"
           align="center"
           show-overflow-tooltip
+          width="120"
         >
           <template slot-scope="scope">
             <span>{{ scope.row.jwjsxlForName }}</span>
@@ -188,6 +229,7 @@
           label="所带警犬"
           align="center"
           show-overflow-tooltip
+          width="80"
         >
           <template slot-scope="scope">
             <span>{{ scope.row.sxjq ? scope.row.sxjq + ' / 头' : '' }}</span>
@@ -197,6 +239,7 @@
           label="从事警犬技术工作时间"
           align="center"
           show-overflow-tooltip
+          width="100"
         >
           <template slot-scope="scope">
             <span>{{ scope.row.workYears ? scope.row.workYears + ' / 年' : '' }}</span>
@@ -227,8 +270,9 @@
     </importFilePublic>
     <!-- 表头配置 -->
     <headerSettings
-      v-if="centerDialogVisible"
-      @close="centerDialogVisible = false"
+      v-if="showHeaderSettingBox"
+      :headerSettInfo="headerSettInfo"
+      @close="showHeaderSettingBox = false"
     ></headerSettings>
   </div>
 </template>
@@ -241,6 +285,10 @@ import {
 } from "@/api/menuDataApi/artisanManageApi.js";
 import { getJsonDataApi } from "@/utils/getJsonData.js";
 import { getCodeName, handleDownFile } from "@/utils/mk.js";
+import {
+  getJsryglAllColumns,
+  getJsryglDefaultColumns,
+} from "@/utils/tableHeaderParams.js";
 
 import importFilePublic from "@c/importFilePublic.vue";
 import headerSettings from "@c/headerSettings.vue";
@@ -277,7 +325,12 @@ export default {
         apiName: "importArtisanApi",
       },
 
-      centerDialogVisible: false,
+      showHeaderSettingBox: false,
+      headerSettInfo: {
+        menuId: "jsryManage",
+        allColumns: getJsryglAllColumns(),
+        defaultColumns: getJsryglDefaultColumns(),
+      },
     };
   },
   mounted() {},
@@ -330,6 +383,7 @@ export default {
 
             datas.forEach((item) => {
               item.jwjsxlForName = getCodeName(item.jwjsxl, this.jwjsxlOptions);
+              item.isjwzyForName = getCodeName(item.isjwzy, this.shifouOptions);
             });
 
             this.tableData = datas;
@@ -441,7 +495,7 @@ export default {
     },
     // 配置表头
     handleHeaderSettings() {
-      this.centerDialogVisible = true;
+      this.showHeaderSettingBox = true;
     },
   },
   beforeRouteLeave(to, form, next) {

vue.config.js

@@ -66,8 +66,15 @@ module.exports = {
         pathRewrite: {
           '^/api': '/'
         }
+      },
+      "/api_btpz": {
+        target: "http://47.92.226.24:1008/",
+        ws: true,
+        changeOrigin: true,
+        pathRewrite: {
+          '^/api_btpz': '/'
+        }
       }
-
     },
   },
   css: {