基础数据-镀种厚度对应表-新增权限/排序

src/views/basicData/platThicknessRelation/index.vue

@@ -17,14 +17,16 @@
       @size-change="sizeChange"
       @refresh-change="refreshChange"
       @on-load="onLoad"
+      @sort-change="sortChange"
+      :permission="permissionList"
       :before-open="beforeOpen"
     >
       <template #menu-left>
-        <el-button type="primary" @click="barchSet">批量维护</el-button>
+        <el-button type="primary" v-if="permission.platThicknessRelation_batch" @click="barchSet">批量维护</el-button>
-        <el-button type="danger" @click="handleDelete">删除</el-button>
+        <el-button type="danger" v-if="permission.platThicknessRelation_del" @click="handleDelete">删除</el-button>
       </template>
       <template #menu-right>
-        <el-button type="primary" @click="handleImport">导入 </el-button>
+        <el-button type="primary" v-if="permission.platThicknessRelation_import" @click="handleImport">导入 </el-button>
       </template>
       <template #levelNum-form="{ type }">
         <div style="width: 100%;">
@@ -58,6 +60,7 @@ import barchSet from "./barchSet.vue";
 import basicImport from '@/components/basic-import/main.vue'
 import {getList,addThickness,updateThickness,deleteThickness} from "@/api/basicData/platThicknessRelation"
 import {getProduction} from "@/api/basicData/ruleMaintenance"
+import { mapGetters } from 'vuex';
 export default {
   components: {
     barchSet,
@@ -122,7 +125,7 @@ export default {
           {
             label: "镀层代号",
             prop: "thicknessCode",
-            sortable: true,
+            sortable: 'custom',
             filter: true,
             labelWidth: 150,
             span: 24,
@@ -132,7 +135,7 @@ export default {
           {
             label: "是否以21E8-210开头",
             prop: "startF21e8",
-            sortable: true,
+            sortable: 'custom',
             filter: true,
             span: 24,
             search: false,
@@ -153,7 +156,7 @@ export default {
             label: "厚度",
             prop: "thickness",
             labelWidth: 150,
-            sortable: true,
+            sortable: 'custom',
             filter: true,
             span: 24,
             search: false,
@@ -163,7 +166,7 @@ export default {
             label: "质量等级",
             prop: "levelNum",
             labelWidth: 150,
-            sortable: true,
+            sortable: 'custom',
             filter: true,
             span: 24,
             search: false,
@@ -187,6 +190,16 @@ export default {
       },
       isOpen: false,
     };
+  },
+    computed: {
+    ...mapGetters(['permission']),
+    permissionList() {
+      return {
+        addBtn: this.validData(this.permission.platThicknessRelation_add, false),
+        editBtn: this.validData(this.permission.platThicknessRelation_edit, false),
+        delBtn: this.validData(this.permission.platThicknessRelation_del, false),
+      };
+    },
   },
   mounted() {
     this.loadGradeData()
@@ -340,6 +353,17 @@ export default {
     // 多选
     selectionChange(list) {
       this.selectionList = list;
+    },
+        // 排序
+    sortChange({ prop, order }) {
+      this.query.descs = undefined;
+      this.query.ascs = undefined;
+      let orderByFieldKey = order === 'descending' ? 'descs' : 'ascs';
+      this.query[orderByFieldKey] = !prop
+        ? undefined
+        : prop=='startF21e8' ? 'START_F21E8' : prop.replace(/([a-z])([A-Z0-9])/g, '$1_$2').toUpperCase();
+      // // 重新加载数据
+      this.onLoad(this.page, this.query);
     },
     onLoad(page, params = {}) {
       this.loading = true;