基础数据-物料定额表-金押定额-新增排序/权限

基础数据-物料定额表-银板定额-新增排序/权限

src/views/basicData/materialQuota/components/KAu.vue

@@ -1,32 +1,17 @@
 <template>
   <div>
-    <avue-crud
+    <avue-crud :option="option" :table-loading="loading" :data="data" v-model="form" v-model:page="page" ref="crud"
-      :option="option"
+      @row-del="rowDel" :before-open="beforeOpen" @row-save="rowSave" @row-update="rowUpdate"
-      :table-loading="loading"
+      @search-change="searchChange" @search-reset="searchReset" @selection-change="selectionChange"
-      :data="data"
+      @current-change="currentChange" @size-change="sizeChange" @refresh-change="refreshChange" @on-load="onLoad"
-      v-model="form"
+      @sort-change="sortChange" :permission="permissionList">
-      v-model:page="page"
-      ref="crud"
-      @row-del="rowDel"
-      :before-open="beforeOpen"
-      @row-save="rowSave"
-      @row-update="rowUpdate"
-      @search-change="searchChange"
-      @search-reset="searchReset"
-      @selection-change="selectionChange"
-      @current-change="currentChange"
-      @size-change="sizeChange"
-      @refresh-change="refreshChange"
-      @on-load="onLoad"
-    >
       <template #menu-left>
         <!-- <el-button type="primary" icon="el-icon-plus" @click="addEdit">新增 </el-button> -->
-        <el-button type="danger"  @click="handleDelete"
+        <el-button type="danger" v-if="permission.materialQuota1_del" @click="handleDelete">删除
-          >删除
         </el-button>
       </template>
       <template #menu-right>
-        <el-button type="primary"  @click="handleImport">导入 </el-button>
+        <el-button type="primary" v-if="permission.materialQuota1_import" @click="handleImport">导入 </el-button>
       </template>
       <template #menu="scope">
         <!-- <el-button type="text" @click="editFn(scope.row)">编辑 </el-button> -->
@@ -48,15 +33,14 @@
     </avue-crud>
     <!-- 导入 -->
     <basic-import v-if="isShowImport" title="导入" :isShow="isShowImport"
-      templateUrl="/blade-desk/BA/MaterialQuota/downloadExcelTemplate"
+      templateUrl="/blade-desk/BA/MaterialQuota/downloadExcelTemplate" templateName="金钾定额模板.xls"
-      templateName="金钾定额模板.xls"
+      importUrl="/blade-desk/BA/MaterialQuota/importExcel" @closeDialog="closeDialog"></basic-import>
-      importUrl="/blade-desk/BA/MaterialQuota/importExcel"
-     @closeDialog="closeDialog"></basic-import>
   </div>
 </template>
 <script>
 import basicImport from '@/components/basic-import/main.vue'
 import { getList, addQuota, updateQuota, deleteQuota } from "@/api/basicData/materialQuota"
+import { mapGetters } from 'vuex';
 export default {
   components: {
     basicImport,
@@ -119,7 +103,7 @@ export default {
           {
             label: "镀层厚度",
             prop: "thickness",
-            sortable: true,
+            sortable: 'custom',
             filter: true,
             span: 24,
             search: false,
@@ -135,7 +119,7 @@ export default {
           //   label: "工艺能力",
           //   prop: "processAbilityId",
           //   type:"select",
-          //   sortable: true,
+          //   sortable: 'custom',
           //   filter: true,
           //   span: 24,
           //   search: false,
@@ -148,7 +132,7 @@ export default {
           {
             label: "滚振镀金类定额",
             prop: "quota",
-            sortable: true,
+            sortable: 'custom',
             filter: true,
             span: 24,
             search: false,
@@ -156,7 +140,7 @@ export default {
           {
             label: "挂镀金类定额",
             prop: "smallBatQuota",
-            sortable: true,
+            sortable: 'custom',
             filter: true,
             span: 24,
             search: false,
@@ -164,7 +148,7 @@ export default {
           {
             label: "微孔镀金类定额",
             prop: "bigBatQuota",
-            sortable: true,
+            sortable: 'custom',
             filter: true,
             span: 24,
             search: false,
@@ -172,7 +156,7 @@ export default {
           {
             label: "局部镀定额",
             prop: "localBatQuota",
-            sortable: true,
+            sortable: 'custom',
             filter: true,
             span: 24,
             search: false,
@@ -189,6 +173,16 @@ export default {
       isWorkOpen: false,
     };
   },
+  computed: {
+    ...mapGetters(['permission']),
+    permissionList() {
+      return {
+        addBtn: this.validData(this.permission.materialQuota1_add, false),
+        editBtn: this.validData(this.permission.materialQuota1_edit, false),
+        delBtn: this.validData(this.permission.materialQuota1_del, false),
+      };
+    },
+  },
   methods: {
     // 点击导入按钮
     handleImport() {
@@ -359,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.replace(/([a-z])([A-Z0-9])/g, '$1_$2').toUpperCase();
+      // // 重新加载数据
+      this.onLoad(this.page, this.query);
+    },
     onLoad() {
       this.loading = true;
       getList({

src/views/basicData/materialQuota/components/silverAnode.vue

@@ -18,23 +18,37 @@
       @size-change="sizeChange"
       @refresh-change="refreshChange"
       @on-load="onLoad"
+      @sort-change="sortChange"
+      :permission="permissionList"
     >
       <template #menu-left>
         <!-- <el-button type="primary" icon="el-icon-plus" @click="addEdit">新增 </el-button> -->
-        <el-button type="danger"  @click="handleDelete">删除 </el-button>
+        <el-button type="danger" v-if="permission.materialQuota2_del" @click="handleDelete"
+          >删除
+        </el-button>
       </template>
       <template #menu-right>
-        <el-button type="primary"  @click="handleImport">导入 </el-button>
+        <el-button type="primary" v-if="permission.materialQuota2_import" @click="handleImport"
+          >导入
+        </el-button>
       </template>
       <template #menu="scope">
         <!-- <el-button type="text" @click="editFn(scope.row)">编辑 </el-button> -->
         <!-- <el-button type="text" @click="handleDelete">删除 </el-button> -->
       </template>
       <template #quota-form="{ type, disabled }">
-        <el-input v-model="form.quota" placeholder="请输入 滚振镀银类定额" @input="validateQuota"></el-input>
+        <el-input
+          v-model="form.quota"
+          placeholder="请输入 滚振镀银类定额"
+          @input="validateQuota"
+        ></el-input>
       </template>
       <template #smallBatQuota-form="{ type, disabled }">
-        <el-input v-model="form.smallBatQuota" placeholder="请输入 滚振镀银类定额" @input="validateSmallBat"></el-input>
+        <el-input
+          v-model="form.smallBatQuota"
+          placeholder="请输入 滚振镀银类定额"
+          @input="validateSmallBat"
+        ></el-input>
       </template>
     </avue-crud>
     <!-- 导入 -->
@@ -52,6 +66,7 @@
 <script>
 import basicImport from '@/components/basic-import/main.vue';
 import { getList, addQuota, updateQuota, deleteQuota } from '@/api/basicData/materialQuota';
+import { mapGetters } from 'vuex';
 export default {
   components: {
     basicImport,
@@ -114,7 +129,7 @@ export default {
           {
             label: '镀层厚度',
             prop: 'thickness',
-            sortable: true,
+            sortable: 'custom',
             filter: true,
             span: 24,
             search: false,
@@ -130,7 +145,7 @@ export default {
           //   label: "工艺能力",
           //   prop: "processAbilityId",
           //   type:"select",
-          //   sortable: true,
+          //   sortable: 'custom',
           //   filter: true,
           //   span: 24,
           //   search: false,
@@ -143,7 +158,7 @@ export default {
           {
             label: '滚振镀银类定额',
             prop: 'quota',
-            sortable: true,
+            sortable: 'custom',
             filter: true,
             span: 24,
             search: false,
@@ -151,7 +166,7 @@ export default {
           {
             label: '挂镀银类定额',
             prop: 'smallBatQuota',
-            sortable: true,
+            sortable: 'custom',
             filter: true,
             span: 24,
             search: false,
@@ -159,7 +174,7 @@ export default {
           // {
           //   label: "大批量定额",
           //   prop: "bigBatQuota",
-          //   sortable: true,
+          //   sortable: 'custom',
           //   filter: true,
           //   span: 24,
           //   search: false,
@@ -176,6 +191,16 @@ export default {
       isWorkOpen: false,
     };
   },
+  computed: {
+    ...mapGetters(['permission']),
+    permissionList() {
+      return {
+        addBtn: this.validData(this.permission.materialQuota2_add, false),
+        editBtn: this.validData(this.permission.materialQuota2_edit, false),
+        delBtn: this.validData(this.permission.materialQuota2_del, false),
+      };
+    },
+  },
   methods: {
     // 点击导入按钮
     handleImport() {
@@ -338,6 +363,17 @@ export default {
           }
         });
       });
+    },
+        // 排序
+    sortChange({ prop, order }) {
+      this.query.descs = undefined;
+      this.query.ascs = undefined;
+      let orderByFieldKey = order === 'descending' ? 'descs' : 'ascs';
+      this.query[orderByFieldKey] = !prop
+        ? undefined
+        : prop.replace(/([a-z])([A-Z0-9])/g, '$1_$2').toUpperCase();
+      // // 重新加载数据
+      this.onLoad(this.page, this.query);
     },
     onLoad() {
       this.loading = true;