From 68921e53f3c4f6bad19cd5b4ed180f6f43e01377 Mon Sep 17 00:00:00 2001
From: ysn <2126564605@qq.com>
Date: Tue, 28 Apr 2026 15:23:04 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9F=BA=E7=A1=80=E6=95=B0=E6=8D=AE-=E8=AE=A1?=
 =?UTF-8?q?=E7=AE=97=E5=85=AC=E5=BC=8F-=E6=96=B0=E5=A2=9E=E6=8E=92?=
 =?UTF-8?q?=E5=BA=8F/=E6=9D=83=E9=99=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../calculationFormula/tankDosing.vue         | 219 +++---
 .../calculationFormula/theoreticalValue.vue   | 624 ++++++++++--------
 2 files changed, 462 insertions(+), 381 deletions(-)

diff --git a/src/views/basicData/calculationFormula/tankDosing.vue b/src/views/basicData/calculationFormula/tankDosing.vue
index c4f42b3d..afc7fd7c 100644
--- a/src/views/basicData/calculationFormula/tankDosing.vue
+++ b/src/views/basicData/calculationFormula/tankDosing.vue
@@ -15,17 +15,28 @@
       @size-change="sizeChange"
       @refresh-change="refreshChange"
       @on-load="onLoad"
+      @sort-change="sortChange"s
+      :permission="permissionList"
     >
       <template #menu-left>
-        <el-button type="primary"  @click="addEdit">新增 </el-button>
-        <el-button type="danger"  @click="handleDelete()"
+        <el-button type="primary" v-if="permission.calculationFormula1_add" @click="addEdit"
+          >新增
+        </el-button>
+        <el-button type="danger" v-if="permission.calculationFormula1_del" @click="handleDelete()"
           >删除
         </el-button>
       </template>
       <template #menu-right> </template>
       <template #menu="scope">
-        <el-button type="text" @click="editFn(scope.row)">修改 </el-button>
-        <el-button type="text" @click="handleDelete(scope.row)">删除 </el-button>
+        <el-button type="text" v-if="permission.calculationFormula1_edit" @click="editFn(scope.row)"
+          >修改
+        </el-button>
+        <el-button
+          type="text"
+          v-if="permission.calculationFormula1_del"
+          @click="handleDelete(scope.row)"
+          >删除
+        </el-button>
       </template>
       <template #produceTsTarget="scope"> </template>
     </avue-crud>
@@ -44,9 +55,15 @@
   </div>
 </template>
 <script>
-import addEditDosing from "./components/addEditDosing.vue";
-import workCenterSet from "./components/workCenterSet.vue";
-import {getList,addFormula,deleteFormula,userListpage} from "@/api/basicData/calculationFormula"
+import addEditDosing from './components/addEditDosing.vue';
+import workCenterSet from './components/workCenterSet.vue';
+import {
+  getList,
+  addFormula,
+  deleteFormula,
+  userListpage,
+} from '@/api/basicData/calculationFormula';
+import { mapGetters } from 'vuex';
 export default {
   components: {
     addEditDosing,
@@ -55,12 +72,12 @@ export default {
   data() {
     return {
       selectionList: [],
-      loading:false,
-      query:{},
+      loading: false,
+      query: {},
       userListData: [],
       userListLoaded: false,
       option: {
-        height: "auto",
+        height: 'auto',
         calcHeight: 32,
         tip: false,
         // size: "medium",
@@ -77,11 +94,11 @@ export default {
         delBtn: false,
         addBtn: false,
         editBtn: false,
-        editBtnText: "修改",
-        viewBtnIcon: " ",
-        delBtnIcon: " ",
-        editBtnIcon: " ",
-        viewBtnText: "详情",
+        editBtnText: '修改',
+        viewBtnIcon: ' ',
+        delBtnIcon: ' ',
+        editBtnIcon: ' ',
+        viewBtnText: '详情',
         labelWidth: 120,
         menuWidth: 100,
         dialogWidth: 640,
@@ -94,51 +111,51 @@ export default {
         excelBtn: true,
         columnSort: true,
         showOverflowTooltip: true,
-        searchLabelPosition: "left",
-        searchLabelPosition: "left",
+        searchLabelPosition: 'left',
+        searchLabelPosition: 'left',
         searchGutter: 24,
         searchSpan: 6,
-        menuAlign: "center",
+        menuAlign: 'center',
         gridBtn: false,
-        searchMenuPosition: "right",
-        addBtnIcon: " ",
-        viewBtnIcon: " ",
-        delBtnIcon: " ",
-        editBtnIcon: " ",
-        align: "center",
+        searchMenuPosition: 'right',
+        addBtnIcon: ' ',
+        viewBtnIcon: ' ',
+        delBtnIcon: ' ',
+        editBtnIcon: ' ',
+        align: 'center',
         column: [
           {
-            label: "公式名称",
-            prop: "name",
-            sortable: true,
+            label: '公式名称',
+            prop: 'name',
+            sortable: 'custom',
             filter: true,
             span: 24,
             search: true,
           },
           {
-            label: "公式内容",
-            prop: "content",
-            sortable: true,
+            label: '公式内容',
+            prop: 'content',
+            sortable: 'custom',
             filter: true,
             span: 24,
             search: false,
           },
           {
-            label: "操作人",
-            prop: "updateUser",
-            sortable: true,
+            label: '操作人',
+            prop: 'updateUser',
+            sortable: 'custom',
             filter: true,
             span: 24,
             search: false,
             display: true,
-            formatter: (row) => {
+            formatter: row => {
               return this.userMapObj[row.updateUser] || row.updateUser || '-';
             },
           },
           {
-            label: "更新时间",
-            prop: "updateTime",
-            sortable: true,
+            label: '更新时间',
+            prop: 'updateTime',
+            sortable: 'custom',
             filter: true,
             span: 24,
             search: false,
@@ -146,7 +163,7 @@ export default {
           },
         ],
       },
-      checkRow:{},
+      checkRow: {},
       form: {},
       page: {
         pageSize: 10,
@@ -158,6 +175,14 @@ export default {
     };
   },
   computed: {
+    ...mapGetters(['permission']),
+    permissionList() {
+      return {
+        addBtn: this.validData(this.permission.calculationFormula1_add, false),
+        editBtn: this.validData(this.permission.calculationFormula1_edit, false),
+        delBtn: this.validData(this.permission.calculationFormula1_del, false),
+      };
+    },
     userMapObj() {
       const map = {};
       this.userListData.forEach(user => {
@@ -169,23 +194,24 @@ export default {
     },
   },
   methods: {
-    
     loadUserList() {
-      return new Promise((resolve) => {
-        userListpage(1, 99999).then(res => {     
-          if (res.data.code == 200) {
-            const users = res.data.data;
-            this.userListData = users.map(user => ({
-              label: user.realName || user.name,
-              value: String(user.id)
-            }));
-            this.userListLoaded = true;
-          }
-          resolve();
-        }).catch(error => {
-          console.error('获取用户列表失败', error);
-          resolve();
-        });
+      return new Promise(resolve => {
+        userListpage(1, 99999)
+          .then(res => {
+            if (res.data.code == 200) {
+              const users = res.data.data;
+              this.userListData = users.map(user => ({
+                label: user.realName || user.name,
+                value: String(user.id),
+              }));
+              this.userListLoaded = true;
+            }
+            resolve();
+          })
+          .catch(error => {
+            console.error('获取用户列表失败', error);
+            resolve();
+          });
       });
     },
     addEdit() {
@@ -199,7 +225,7 @@ export default {
     closeDialog(val) {
       this.isOpen = false;
       this.isWorkOpen = false;
-      if(val){
+      if (val) {
         this.onLoad();
       }
     },
@@ -239,58 +265,69 @@ export default {
       //     });
     },
     handleDelete(row) {
-      console.log('row---------',row)
+      console.log('row---------', row);
       if (!row && this.selectionList.length === 0) {
-          this.$message.error('请选择至少一条数据');
-          return;
+        this.$message.error('请选择至少一条数据');
+        return;
       }
-      this.$confirm("确定将选择数据删除?", {
-        confirmButtonText: "确定",
-        cancelButtonText: "取消",
-        type: "warning",
+      this.$confirm('确定将选择数据删除?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
       }).then(() => {
-        if(row){
-          deleteFormula({ids:row.id}).then(res => {
-            if(res.data.code == 200){
-              this.$message.success('删除成功')
-              this.onLoad()
+        if (row) {
+          deleteFormula({ ids: row.id }).then(res => {
+            if (res.data.code == 200) {
+              this.$message.success('删除成功');
+              this.onLoad();
             }
           });
-        }else{
+        } else {
           deleteFormula({
-            ids:this.selectionList.map(item => item.id).join(',')
-          }).then(res =>{
-            if(res.data.code == 200){
-              this.$message.success('删除成功')
-              this.onLoad()
+            ids: this.selectionList.map(item => item.id).join(','),
+          }).then(res => {
+            if (res.data.code == 200) {
+              this.$message.success('删除成功');
+              this.onLoad();
             }
-          })
+          });
         }
       });
     },
-    searchChange(params, done){
+    searchChange(params, done) {
       this.page.currentPage = 1;
       this.query = params;
-      this.onLoad()
+      this.onLoad();
       done();
     },
-    searchReset(){
+    searchReset() {
       this.query = {};
-      this.onLoad()
+      this.onLoad();
     },
-    currentChange(currentPage){
+    currentChange(currentPage) {
       this.page.currentPage = currentPage;
     },
-    sizeChange(pageSize){
+    sizeChange(pageSize) {
       this.page.pageSize = pageSize;
     },
-    refreshChange(){
-      this.onLoad()
+    refreshChange() {
+      this.onLoad();
     },
     // 多选
     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);
+    },
     async onLoad() {
       this.loading = true;
       // 确保用户列表先加载完成
@@ -298,15 +335,15 @@ export default {
         await this.loadUserList();
       }
       getList({
-        current:this.page.currentPage,
-        size:this.page.pageSize,
-        formulaType:1,
-        ...this.query
-      }).then(res =>{
-        this.data = res.data.data.records
-        this.page.total = res.data.data.total
-        this.loading = false
-      })
+        current: this.page.currentPage,
+        size: this.page.pageSize,
+        formulaType: 1,
+        ...this.query,
+      }).then(res => {
+        this.data = res.data.data.records;
+        this.page.total = res.data.data.total;
+        this.loading = false;
+      });
       // this.data = [
       //   {
       //     area: null,
diff --git a/src/views/basicData/calculationFormula/theoreticalValue.vue b/src/views/basicData/calculationFormula/theoreticalValue.vue
index 4e9022d1..8668fabf 100644
--- a/src/views/basicData/calculationFormula/theoreticalValue.vue
+++ b/src/views/basicData/calculationFormula/theoreticalValue.vue
@@ -1,304 +1,348 @@
 <template>
-    <div>
-        <avue-crud :option="option" :table-loading="loading" :data="data" v-model="form" v-model:page="page" ref="crud"
-            @row-del="rowDel" @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" @click="addEdit">新增
-                </el-button>
-                <el-button type="danger"  @click="handleDelete()">删除
-                </el-button>
-            </template>
-            <template #menu-right>
-
-            </template>
-            <template #menu="scope">
-                <el-button type="text" @click="editFn(scope.row)">修改
-                </el-button>
-                <el-button type="text" @click="handleDelete(scope.row)">删除
-                </el-button>
-            </template>
-            <template #produceTsTarget="scope">
-
-            </template>
-
-        </avue-crud>
-        <addEditDosing v-if="isOpen" :showDialog="isOpen" 
-        :formulaType="2"
-        :checkRow="checkRow" @closeDialog="closeDialog"></addEditDosing>
-        <workCenterSet v-if="isWorkOpen" :showDialog="isWorkOpen" @closeDialog="closeDialog"></workCenterSet>
-    </div>
+  <div>
+    <avue-crud
+      :option="option"
+      :table-loading="loading"
+      :data="data"
+      v-model="form"
+      v-model:page="page"
+      ref="crud"
+      @row-del="rowDel"
+      @search-change="searchChange"
+      @search-reset="searchReset"s
+      @selection-change="selectionChange"
+      @current-change="currentChange"
+      @size-change="sizeChange"
+      @refresh-change="refreshChange"
+      @on-load="onLoad"
+      @sort-change="sortChange"
+      :permission="permissionList"
+    >
+      <template #menu-left>
+        <el-button type="primary" v-if="permission.calculationFormula2_add" @click="addEdit"
+          >新增
+        </el-button>
+        <el-button type="danger" v-if="permission.calculationFormula2_del" @click="handleDelete()"
+          >删除
+        </el-button>
+      </template>
+      <template #menu-right> </template>
+      <template #menu="scope">
+        <el-button type="text" v-if="permission.calculationFormula2_edit" @click="editFn(scope.row)"
+          >修改
+        </el-button>
+        <el-button
+          type="text"
+          v-if="permission.calculationFormula2_del"
+          @click="handleDelete(scope.row)"
+          >删除
+        </el-button>
+      </template>
+      <template #produceTsTarget="scope"> </template>
+    </avue-crud>
+    <addEditDosing
+      v-if="isOpen"
+      :showDialog="isOpen"
+      :formulaType="2"
+      :checkRow="checkRow"
+      @closeDialog="closeDialog"
+    ></addEditDosing>
+    <workCenterSet
+      v-if="isWorkOpen"
+      :showDialog="isWorkOpen"
+      @closeDialog="closeDialog"
+    ></workCenterSet>
+  </div>
 </template>
 <script>
-import addEditDosing from './components/addEditDosing.vue'
-import workCenterSet from './components/workCenterSet.vue'
-import {getList,deleteFormula,userListpage} from "@/api/basicData/calculationFormula"
+import addEditDosing from './components/addEditDosing.vue';
+import workCenterSet from './components/workCenterSet.vue';
+import { getList, deleteFormula, userListpage } from '@/api/basicData/calculationFormula';
+import { mapGetters } from 'vuex';
 export default {
-    components: {
-        addEditDosing,
-        workCenterSet
-    },
-    data() {
-        return {
-            selectionList: [],
-            loading: false,
-            query: {},
-            userListData: [],
-            userListLoaded: false,
-            option: {
-                height: 'auto',
-                calcHeight: 32,
-                tip: false,
-                // size: 'medium',
-                simplePage: true,
-                searchShow: true,
-                searchMenuSpan: 18,
-                searchIcon: true,
-                searchIndex: 3,
-                tree: false,
-                border: true,
-                index: false,
-                selection: true,
-                viewBtn: false,
-                delBtn: false,
-                addBtn: false,
-                editBtn: false,
-                editBtnText: '修改',
-                viewBtnIcon: ' ',
-                delBtnIcon: ' ',
-                editBtnIcon: ' ',
-                viewBtnText: '详情',
-                labelWidth: 120,
-                menuWidth: 100,
-                dialogWidth: 640,
-                dialogClickModal: false,
-                searchEnter: true,
-                excelBtn: false,
-                filterBtn: true,
-                searchShowBtn: false,
-                columnSort: true,
-                excelBtn: true,
-                columnSort: true,
-                showOverflowTooltip: true,
-                searchLabelPosition:'left',
-                searchLabelPosition:'left',
-                searchGutter:24,
-                searchSpan:6,
-                menuAlign: 'left',
-                gridBtn:false,
-                searchMenuPosition:'right',
-                addBtnIcon: ' ',
-                viewBtnIcon: ' ',
-                delBtnIcon: ' ',
-                editBtnIcon: ' ',
-                align: 'center',
-
-                column: [
-                    {
-                        label: '公式名称',
-                        prop: 'name',
-                        sortable: true,
-                        filter: true,
-                        span: 24,
-                        search: true,
-                    },
-                    {
-                        label: '公式内容',
-                        prop: 'content',
-                        sortable: true,
-                        filter: true,
-                        span: 24,
-                        search: false,
-                    },
-                    {
-                        label: '操作人',
-                        prop: 'updateUser',
-                        sortable: true,
-                        filter: true,
-                        span: 24,
-                        search: false,
-                        display: true,
-                        formatter: (row) => {
-                            return this.userMapObj[row.updateUser] || row.updateUser || '-';
-                        },
-                    },
-                    {
-                        label: '更新时间',
-                        prop: 'updateTime',
-                        sortable: true,
-                        filter: true,
-                        span: 24,
-                        search: false,
-                        display: true,
-                    },
-                ]
-            },
-            form: {
+  components: {
+    addEditDosing,
+    workCenterSet,
+  },
+  data() {
+    return {
+      selectionList: [],
+      loading: false,
+      query: {},
+      userListData: [],
+      userListLoaded: false,
+      option: {
+        height: 'auto',
+        calcHeight: 32,
+        tip: false,
+        // size: 'medium',
+        simplePage: true,
+        searchShow: true,
+        searchMenuSpan: 18,
+        searchIcon: true,
+        searchIndex: 3,
+        tree: false,
+        border: true,
+        index: false,
+        selection: true,
+        viewBtn: false,
+        delBtn: false,
+        addBtn: false,
+        editBtn: false,
+        editBtnText: '修改',
+        viewBtnIcon: ' ',
+        delBtnIcon: ' ',
+        editBtnIcon: ' ',
+        viewBtnText: '详情',
+        labelWidth: 120,
+        menuWidth: 100,
+        dialogWidth: 640,
+        dialogClickModal: false,
+        searchEnter: true,
+        excelBtn: false,
+        filterBtn: true,
+        searchShowBtn: false,
+        columnSort: true,
+        excelBtn: true,
+        columnSort: true,
+        showOverflowTooltip: true,
+        searchLabelPosition: 'left',
+        searchLabelPosition: 'left',
+        searchGutter: 24,
+        searchSpan: 6,
+        menuAlign: 'left',
+        gridBtn: false,
+        searchMenuPosition: 'right',
+        addBtnIcon: ' ',
+        viewBtnIcon: ' ',
+        delBtnIcon: ' ',
+        editBtnIcon: ' ',
+        align: 'center',
 
+        column: [
+          {
+            label: '公式名称',
+            prop: 'name',
+            sortable: 'custom',
+            filter: true,
+            span: 24,
+            search: true,
+          },
+          {
+            label: '公式内容',
+            prop: 'content',
+            sortable: 'custom',
+            filter: true,
+            span: 24,
+            search: false,
+          },
+          {
+            label: '操作人',
+            prop: 'updateUser',
+            sortable: 'custom',
+            filter: true,
+            span: 24,
+            search: false,
+            display: true,
+            formatter: row => {
+              return this.userMapObj[row.updateUser] || row.updateUser || '-';
             },
-            page: {
-                pageSize: 10,
-                currentPage: 1,
-                total: 0,
-            },
-            isOpen: false,
-            isWorkOpen: false,
-            checkRow:{}
-        }
+          },
+          {
+            label: '更新时间',
+            prop: 'updateTime',
+            sortable: 'custom',
+            filter: true,
+            span: 24,
+            search: false,
+            display: true,
+          },
+        ],
+      },
+      form: {},
+      page: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 0,
+      },
+      isOpen: false,
+      isWorkOpen: false,
+      checkRow: {},
+    };
+  },
+  computed: {
+    ...mapGetters(['permission']),
+    permissionList() {
+      return {
+        addBtn: this.validData(this.permission.calculationFormula2_add, false),
+        editBtn: this.validData(this.permission.calculationFormula2_edit, false),
+        delBtn: this.validData(this.permission.calculationFormula2_del, false),
+      };
     },
-    computed: {
-        userMapObj() {
-            const map = {};
-            this.userListData.forEach(user => {
-                map[user.value] = user.label;
-                map[String(user.value)] = user.label;
-                map[Number(user.value)] = user.label;
-            });
-            return map;
-        },
+    userMapObj() {
+      const map = {};
+      this.userListData.forEach(user => {
+        map[user.value] = user.label;
+        map[String(user.value)] = user.label;
+        map[Number(user.value)] = user.label;
+      });
+      return map;
     },
-    methods: {
-        loadUserList() {
-            return new Promise((resolve) => {
-                userListpage(1, 99999).then(res => {
-                    if (res.data.code == 200) {
-                        const users = res.data.data;
-                        this.userListData = users.map(user => ({
-                            label: user.realName || user.name,
-                            value: String(user.id)
-                        }));
-                        this.userListLoaded = true;
-                    }
-                    resolve();
-                }).catch(error => {
-                    console.error('获取用户列表失败', error);
-                    resolve();
-                });
-            });
-        },
-        addEdit() {
-            this.checkRow = {}
-            this.isOpen = true
-        },
-        editFn(row) {
-            this.isOpen = true
-            this.checkRow = row
-        },
-        closeDialog(val) {
-            this.isOpen = false
-            this.isWorkOpen = false
-            if(val) {
-                this.onLoad()
+  },
+  methods: {
+    loadUserList() {
+      return new Promise(resolve => {
+        userListpage(1, 99999)
+          .then(res => {
+            if (res.data.code == 200) {
+              const users = res.data.data;
+              this.userListData = users.map(user => ({
+                label: user.realName || user.name,
+                value: String(user.id),
+              }));
+              this.userListLoaded = true;
             }
-        },
-        maintenanceClick() {
-            //   this.$refs.myTable.fullValidate((errMap) => {
-            //     if (errMap) {
-            //       return;
-            //     }
-            //     const dataList = this.$refs.myTable.getRecordset().updateRecords;
-            //     this.$ajax
-            //       .post('oemMerits/maintenance', {
-            //         dataList,
-            //         status: 2,
-            //         type: 'produce'
-            //       })
-            //       .then((res) => {
-            //         if (res.code === 0) {
-            //           this.$message.success('维护成功');
-            //           this.queryTable();
-            //         }
-            //       });
-            //   });
-        },
-        proofreadClick() {
-            //   const dataList = this.$refs.myTable.getTableData().tableData;
-            //   this.$ajax
-            //     .post('oemMerits/proofread', {
-            //       dataList,
-            //       status: 3,
-            //       type: 'produce'
-            //     })
-            //     .then((res) => {
-            //       if (res.code === 0) {
-            //         this.$message.success('校对成功');
-            //         this.queryTable();
-            //       }
-            //     });
-        },
-        handleDelete(row) {
-            if (!row && this.selectionList.length === 0) {
-                this.$message.error('请选择至少一条数据');
-                return;
+            resolve();
+          })
+          .catch(error => {
+            console.error('获取用户列表失败', error);
+            resolve();
+          });
+      });
+    },
+    addEdit() {
+      this.checkRow = {};
+      this.isOpen = true;
+    },
+    editFn(row) {
+      this.isOpen = true;
+      this.checkRow = row;
+    },
+    closeDialog(val) {
+      this.isOpen = false;
+      this.isWorkOpen = false;
+      if (val) {
+        this.onLoad();
+      }
+    },
+    maintenanceClick() {
+      //   this.$refs.myTable.fullValidate((errMap) => {
+      //     if (errMap) {
+      //       return;
+      //     }
+      //     const dataList = this.$refs.myTable.getRecordset().updateRecords;
+      //     this.$ajax
+      //       .post('oemMerits/maintenance', {
+      //         dataList,
+      //         status: 2,
+      //         type: 'produce'
+      //       })
+      //       .then((res) => {
+      //         if (res.code === 0) {
+      //           this.$message.success('维护成功');
+      //           this.queryTable();
+      //         }
+      //       });
+      //   });
+    },
+    proofreadClick() {
+      //   const dataList = this.$refs.myTable.getTableData().tableData;
+      //   this.$ajax
+      //     .post('oemMerits/proofread', {
+      //       dataList,
+      //       status: 3,
+      //       type: 'produce'
+      //     })
+      //     .then((res) => {
+      //       if (res.code === 0) {
+      //         this.$message.success('校对成功');
+      //         this.queryTable();
+      //       }
+      //     });
+    },
+    handleDelete(row) {
+      if (!row && this.selectionList.length === 0) {
+        this.$message.error('请选择至少一条数据');
+        return;
+      }
+      this.$confirm('确定将选择数据删除?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }).then(() => {
+        if (row) {
+          deleteFormula({
+            ids: row.id,
+          }).then(res => {
+            if (res.data.code == 200) {
+              this.$message.success('删除成功');
+              this.onLoad();
             }
-            this.$confirm('确定将选择数据删除?', {
-                confirmButtonText: '确定',
-                cancelButtonText: '取消',
-                type: 'warning',
-            }).then(() => {
-                if(row){
-                    deleteFormula({
-                        ids:row.id
-                    }).then(res =>{
-                        if(res.data.code == 200){
-                            this.$message.success('删除成功')
-                            this.onLoad()
-                        }
-                    })
-                }else{
-                    deleteFormula({
-                        ids:this.selectionList.map(item => item.id).join(',')
-                    }).then(res =>{
-                        if(res.data.code == 200){
-                            this.$message.success('删除成功')
-                            this.onLoad()
-                        }
-                    })
-                }
-            })
-        },
-        searchChange(params, done){
-            this.query = params;
-            this.page.currentPage = 1;
-            this.onLoad()
-            done();
-        },
-        searchReset(){
-            this.query = {}
-            this.onLoad()
-        },
-        currentChange(currentPage){
-            this.page.currentPage = currentPage;
-        },
-        sizeChange(pageSize){
-            this.page.pageSize = pageSize;
-        },
-        refreshChange(){
-            this.onLoad()
-        },
-        // 多选
-        selectionChange(list) {
-            this.selectionList = list;
-        },
-        async onLoad() {
-            this.loading = true
-            // 确保用户列表先加载完成
-            if (!this.userListLoaded) {
-                await this.loadUserList();
+          });
+        } else {
+          deleteFormula({
+            ids: this.selectionList.map(item => item.id).join(','),
+          }).then(res => {
+            if (res.data.code == 200) {
+              this.$message.success('删除成功');
+              this.onLoad();
             }
-            getList({
-                current:this.page.currentPage,
-                size:this.page.pageSize,
-                formulaType:2,
-                ...this.query
-            }).then(res =>{
-                this.data = res.data.data.records
-                this.page.total = res.data.data.total
-                this.loading = false
-            })
+          });
         }
-    }
-}
+      });
+    },
+    searchChange(params, done) {
+      this.query = params;
+      this.page.currentPage = 1;
+      this.onLoad();
+      done();
+    },
+    searchReset() {
+      this.query = {};
+      this.onLoad();
+    },
+    currentChange(currentPage) {
+      this.page.currentPage = currentPage;
+    },
+    sizeChange(pageSize) {
+      this.page.pageSize = pageSize;
+    },
+    refreshChange() {
+      this.onLoad();
+    },
+    // 多选
+    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);
+    },
+    async onLoad() {
+      this.loading = true;
+      // 确保用户列表先加载完成
+      if (!this.userListLoaded) {
+        await this.loadUserList();
+      }
+      getList({
+        current: this.page.currentPage,
+        size: this.page.pageSize,
+        formulaType: 2,
+        ...this.query,
+      }).then(res => {
+        this.data = res.data.data.records;
+        this.page.total = res.data.data.total;
+        this.loading = false;
+      });
+    },
+  },
+};
 </script>
 <style lang="scss" scoped></style>
\ No newline at end of file