diff --git a/src/views/productionSchedulingPlan/basic/qualityGrade.vue b/src/views/productionSchedulingPlan/basic/qualityGrade.vue
index cc89167e..9c241d19 100644
--- a/src/views/productionSchedulingPlan/basic/qualityGrade.vue
+++ b/src/views/productionSchedulingPlan/basic/qualityGrade.vue
@@ -17,6 +17,8 @@
       @size-change="sizeChange"
       @refresh-change="refreshChange"
       @on-load="onLoad"
+      @sort-change="sortChange"
+      :permission="permissionList"
       :before-open="beforeOpen"
     >
       <template #menu-left> </template>
@@ -40,6 +42,7 @@ import {
   addGualityGrade,
   updateGualityGrade,
 } from '@/api/productionSchedulingPlan/basic';
+import { mapGetters } from 'vuex';
 export default {
   components: {},
   data() {
@@ -220,6 +223,16 @@ export default {
 
       data: [],
     };
+  },
+    computed: {
+    ...mapGetters(['permission']),
+    permissionList() {
+      return {
+        addBtn: this.validData(this.permission.qualityGrade_add, false),
+        editBtn: this.validData(this.permission.qualityGrade_edit, false),
+        delBtn: this.validData(this.permission.qualityGrade_del, false),
+      };
+    },
   },
   methods: {
     beforeOpen(done, type) {
@@ -325,6 +338,17 @@ export default {
     },
     refreshChange() {
       this.onLoad(this.page, this.query);
+    },
+        // 排序
+    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(page, params = {}) {
       this.loading = true;