From b3bcad628792ffc08dc02bb60f947272d3a1578d Mon Sep 17 00:00:00 2001
From: ysn <2126564605@qq.com>
Date: Wed, 6 May 2026 11:06:09 +0800
Subject: [PATCH] =?UTF-8?q?=E8=AE=BE=E5=A4=87=E7=AE=A1=E7=90=86-=E8=AE=A1?=
 =?UTF-8?q?=E9=87=8F=E7=AE=A1=E7=90=86-=E9=87=8F=E5=85=B7=E4=BF=9D?=
 =?UTF-8?q?=E5=85=BB-=E6=96=B0=E5=A2=9E=E6=8E=92=E5=BA=8F/=E6=9D=83?=
 =?UTF-8?q?=E9=99=90?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../maintenancetools/index.vue                | 1078 +++++++++--------
 1 file changed, 568 insertions(+), 510 deletions(-)

diff --git a/src/views/warehouseManagement/maintenancetools/index.vue b/src/views/warehouseManagement/maintenancetools/index.vue
index b7370f4e..7718f96d 100644
--- a/src/views/warehouseManagement/maintenancetools/index.vue
+++ b/src/views/warehouseManagement/maintenancetools/index.vue
@@ -1,33 +1,64 @@
 <template>
-    <basic-container>
-        <!-- 计量管理 -->
-        <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-right>
-                <!-- <el-button type="warning" @click="handleAdd" plain>待申请</el-button>
+  <basic-container>
+    <!-- 计量管理 -->
+    <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"
+      @sort-change="sortChange"
+    >
+      <template #menu-right>
+        <!-- <el-button type="warning" @click="handleAdd" plain>待申请</el-button>
                 <el-button type="success" @click="handleAdd" plain>已申请</el-button> -->
-            </template>
-            <!-- <template #goodsName="{ row }">{{ row.stRealtimeStock.coGoods.goodsName }}</template>
+      </template>
+      <!-- <template #goodsName="{ row }">{{ row.stRealtimeStock.coGoods.goodsName }}</template>
             <template #specifications="{ row }">{{ row.stRealtimeStock.coGoods.specifications }}</template>
             <template #piNo="{ row }">{{ row.stRealtimeStock.piNo }}</template>
             <template #shName="{ row }">{{ row.stRealtimeStock.coStorehouse.shName }}</template>
             <template #location="{ row }">{{ row.stRealtimeStock.storageLocation.location }}</template>
             <template #quantity="{ row }">{{ row.stRealtimeStock.quantity }}</template> -->
-            <template #menu-left>
-                <el-button type="primary" @click="handleAdd">新增</el-button>
-                <el-button type="primary" @click="addApply">保养申请</el-button>
-            </template>
-        </avue-crud>
-        <el-dialog v-model="addDialog" append-to-body width="80%" title="新增">
-            <div style="display: flex;justify-content: flex-end;margin-bottom: 10px;">
-                <el-button type="primary" @click="addMaintain">加入保养</el-button>
-            </div>
-            <avue-crud class="addOption-box" :option="addOption" :table-loading="loading" :data="addData" v-model="form" v-model:page="addPage" ref="addCrud"
-            @selection-change="addSelectionChange" @current-change="currentChange" @size-change="sizeChange"
-            @refresh-change="refreshChange"></avue-crud>
-            <!-- <el-table :data="addData">
+      <template #menu-left>
+        <el-button type="primary" @click="handleAdd" v-if="permission.maintenancetools_add">
+          新增
+        </el-button>
+        <el-button
+          type="primary"
+          @click="addApply"
+          v-if="permission.maintenancetools_maintenanceRequest"
+        >
+          保养申请
+        </el-button>
+      </template>
+    </avue-crud>
+    <el-dialog v-model="addDialog" append-to-body width="80%" title="新增">
+      <div style="display: flex; justify-content: flex-end; margin-bottom: 10px">
+        <el-button type="primary" @click="addMaintain">加入保养</el-button>
+      </div>
+      <avue-crud
+        class="addOption-box"
+        :option="addOption"
+        :table-loading="loading"
+        :data="addData"
+        v-model="form"
+        v-model:page="addPage"
+        ref="addCrud"
+        @selection-change="addSelectionChange"
+        @current-change="currentChange"
+        @size-change="sizeChange"
+        @refresh-change="refreshChange"
+      ></avue-crud>
+      <!-- <el-table :data="addData">
                 <el-table-column type="selection"></el-table-column>
                 <el-table-column label="物料名称" align="center" prop="coGoods.goodsName"></el-table-column>
                 <el-table-column label="物料规格" align="center" prop="coGoods.specifications"></el-table-column>
@@ -39,502 +70,529 @@
                 <el-table-column label="金额" align="center" prop="balanceMoney"></el-table-column>
                 <el-table-column label="累计使用次数" align="center" prop="sumNum"></el-table-column>
             </el-table> -->
-        </el-dialog>
-    </basic-container>
+    </el-dialog>
+  </basic-container>
 </template>
 
 <script>
-import {getRecorderList,addRecorderList,addRecorder,applyRecorder} from "@/api/equiptManagement/maintenancetools"
+import {
+  getRecorderList,
+  addRecorderList,
+  addRecorder,
+  applyRecorder,
+} from '@/api/equiptManagement/maintenancetools';
+import { mapGetters } from 'vuex';
 export default {
-    data() {
-        return {
-            addDialog: false,
-            addData: [],
-            loading: false,
-            data: [],
-            form: {},
-            query:{},
-            selectionList:[],
-            addSelectionList:[],
-            addPage:{
-                pageSize: 10,
-                currentPage: 1,
-                total: 0,
-            },
-            page: {
-                pageSize: 10,
-                currentPage: 1,
-                total: 0,
-            },
-            option: {
-                columnSort: true,
-                tip: false,
-                height: 'auto',
-                align: 'center',
-                calcHeight: 32,
-                simplePage: false,
-                searchShow: true,
-                searchMenuSpan: 6,
-                searchIcon: true,
-                searchIndex: 3,
-                tree: false,
-                border: true,
-                index: false,
-                selection: true,
-                viewBtn: false,
-                delBtn: false,
-                editBtn: false,
-                addBtnIcon: ' ',
-                viewBtnIcon: ' ',
-                delBtnIcon: ' ',
-                editBtnIcon: ' ',
-                addBtn: false,
-                labelWidth: 120,
-                menu: false,
-                menuWidth: 200,
-                dialogWidth: 600,
-                dialogClickModal: false,
-                searchEnter: true,
-                excelBtn: true,
-                gridBtn: false,
-                searchShowBtn: false,
-                showOverflowTooltip: true,
-                searchLabelPosition: 'left',
-                searchGutter: 24,
-                searchSpan: 6,
-                menuAlign: 'left',
-                gridBtn: false,
-                searchMenuPosition: 'right',
-                column: [
-                    {
-                        label: '保养单号',
-                        prop: 'mmCode',
-                        span: 24,
-                        labelWidth: 140,
-                        overflow: true,
-                        search: false,
-                        rules: [
-                            {
-                                required: true,
-                                message: '请输入保养单号',
-                                trigger: 'blur',
-                            },
-                        ],
-                    },
-                    {
-                        label: '物料名称',
-                        prop: 'goodsName',
-                        span: 24,
-                        labelWidth: 140,
-                        overflow: true,
-                        search: true,
-                        rules: [
-                            {
-                                required: true,
-                                message: '请输入物料名称',
-                                trigger: 'blur',
-                            },
-                        ],
-                    },
-                    {
-                        label: '物料规格',
-                        prop: 'specifications',
-                        span: 24,
-                        labelWidth: 140,
-                        overflow: true,
-                        search: false,
-                        rules: [
-                            {
-                                required: true,
-                                message: '请输入物料规格',
-                                trigger: 'blur',
-                            },
-                        ],
-                    },
-                    {
-                        label: '生产批次号',
-                        prop: 'piNo',
-                        span: 24,
-                        overflow: true,
-                        search: true,
-                        width:150,
-                        searchLabelWidth:100,
-                        rules: [
-                            {
-                                required: true,
-                                message: '请输入生产批次号',
-                                trigger: 'blur',
-                            },
-                        ],
-                    },
-                    {
-                        label: '仓库',
-                        prop: 'shName',
-                        span: 24,
-                        overflow: true,
-                        search: true,
-                        searchLabelWidth:60,
-                        rules: [
-                            {
-                                required: true,
-                                message: '请输入仓库',
-                                trigger: 'blur',
-                            },
-                        ],
-                    },
-                    {
-                        label: '库位号',
-                        prop: 'location',
-                        span: 24,
-                        overflow: true,
-                        search: true,
-                        rules: [
-                            {
-                                required: true,
-                                message: '请输入库位号',
-                                trigger: 'blur',
-                            },
-                        ],
-                    },
-                    {
-                        label: '库存数量',
-                        prop: 'quantity',
-                        span: 24,
-                        overflow: true,
-                        search: false,
-                        rules: [
-                            {
-                                required: true,
-                                message: '请输入库存数量',
-                                trigger: 'blur',
-                            },
-                        ],
-                    },
-                    {
-                        label: '等级',
-                        prop: 'quantityLevel',
-                        span: 24,
-                        overflow: true,
-                        search: false,
-                        rules: [
-                            {
-                                required: true,
-                                message: '请输入等级',
-                                trigger: 'blur',
-                            },
-                        ],
-                    },
-                    {
-                        label: '金额',
-                        prop: 'balanceMoney',
-                        span: 24,
-                        overflow: true,
-                        search: false,
-                        rules: [
-                            {
-                                required: true,
-                                message: '请输入金额',
-                                trigger: 'blur',
-                            },
-                        ],
-                    },
-                    {
-                        label: '累计使用次数',
-                        prop: 'sumNum',
-                        span: 24,
-                        overflow: true,
-                        search: false,
-                        rules: [
-                            {
-                                required: true,
-                                message: '请输入累计使用次数',
-                                trigger: 'blur',
-                            },
-                        ],
-                    },
-                    {
-                        label: '当前状态',
-                        prop: 'status',
-                        type: 'select',
-                        span: 24,
-                        labelWidth: 140,
-                        overflow: true,
-                        search: true,
-                        rules: [
-                            {
-                                required: true,
-                                message: '请输入当前状态',
-                                trigger: 'blur',
-                            },
-                        ],
-                        // 0 新建 1 已申请
-                        dicData: [
-                            { label: "新建", value: 0 },
-                            { label: "已申请", value: 1 },
-                        ]
-                    },
-                ]
-            },
-            addOption: {
-                columnSort: true,
-                tip: false,
-                refreshBtn:false,
-                height: 'auto',
-                align: 'center',
-                calcHeight: 32,
-                simplePage: false,
-                searchShow: true,
-                searchMenuSpan: 6,
-                searchIcon: true,
-                searchIndex: 3,
-                tree: false,
-                border: true,
-                index: false,
-                selection: true,
-                viewBtn: false,
-                delBtn: false,
-                columnBtn:false,
-                editBtn: false,
-                addBtnIcon: ' ',
-                viewBtnIcon: ' ',
-                delBtnIcon: ' ',
-                editBtnIcon: ' ',
-                addBtn: false,
-                labelWidth: 120,
-                menu: false,
-                menuWidth: 200,
-                dialogWidth: 600,
-                dialogClickModal: false,
-                searchEnter: true,
-                excelBtn: false,
-                gridBtn: false,
-                searchShowBtn: false,
-                showOverflowTooltip: true,
-                searchLabelPosition: 'left',
-                searchGutter: 24,
-                searchSpan: 6,
-                menuAlign: 'left',
-                gridBtn: false,
-                searchMenuPosition: 'right',
-                column: [
-                    {
-                        label: '物料名称',
-                        prop: 'goodsName',
-                        span: 24,
-                        labelWidth: 140,
-                        overflow: true,
-                        search: false,
-                        rules: [
-                            {
-                                required: true,
-                                message: '请输入物料名称',
-                                trigger: 'blur',
-                            },
-                        ],
-                    },
-                    {
-                        label: '物料规格',
-                        prop: 'specifications',
-                        span: 24,
-                        labelWidth: 140,
-                        overflow: true,
-                        search: false,
-                        rules: [
-                            {
-                                required: true,
-                                message: '请输入物料规格',
-                                trigger: 'blur',
-                            },
-                        ],
-                    },
-                    {
-                        label: '生产批次号',
-                        prop: 'piNo',
-                        span: 24,
-                        overflow: true,
-                        search: false,
-                        width:150,
-                        searchLabelWidth:100,
-                        rules: [
-                            {
-                                required: true,
-                                message: '请输入生产批次号',
-                                trigger: 'blur',
-                            },
-                        ],
-                    },
-                    {
-                        label: '仓库',
-                        prop: 'shName',
-                        span: 24,
-                        overflow: true,
-                        search: false,
-                        searchLabelWidth:60,
-                        rules: [
-                            {
-                                required: true,
-                                message: '请输入仓库',
-                                trigger: 'blur',
-                            },
-                        ],
-                    },
-                    {
-                        label: '库位号',
-                        prop: 'location',
-                        span: 24,
-                        overflow: true,
-                        search: false,
-                        rules: [
-                            {
-                                required: true,
-                                message: '请输入库位号',
-                                trigger: 'blur',
-                            },
-                        ],
-                    },
-                    {
-                        label: '库存数量',
-                        prop: 'quantity',
-                        span: 24,
-                        overflow: true,
-                        search: false,
-                        rules: [
-                            {
-                                required: true,
-                                message: '请输入库存数量',
-                                trigger: 'blur',
-                            },
-                        ],
-                    },
-                    {
-                        label: '等级',
-                        prop: 'quantityLevel',
-                        span: 24,
-                        overflow: true,
-                        search: false,
-                        rules: [
-                            {
-                                required: true,
-                                message: '请输入等级',
-                                trigger: 'blur',
-                            },
-                        ],
-                    },
-                    {
-                        label: '金额',
-                        prop: 'balanceMoney',
-                        span: 24,
-                        overflow: true,
-                        search: false,
-                        rules: [
-                            {
-                                required: true,
-                                message: '请输入金额',
-                                trigger: 'blur',
-                            },
-                        ],
-                    },
-                    {
-                        label: '累计使用次数',
-                        prop: 'sumNum',
-                        span: 24,
-                        overflow: true,
-                        search: false,
-                        rules: [
-                            {
-                                required: true,
-                                message: '请输入累计使用次数',
-                                trigger: 'blur',
-                            },
-                        ],
-                    },
-                ]
-            }
-        }
+  data() {
+    return {
+      addDialog: false,
+      addData: [],
+      loading: false,
+      data: [],
+      form: {},
+      query: {},
+      selectionList: [],
+      addSelectionList: [],
+      addPage: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 0,
+      },
+      page: {
+        pageSize: 10,
+        currentPage: 1,
+        total: 0,
+      },
+      option: {
+        columnSort: true,
+        tip: false,
+        height: 'auto',
+        align: 'center',
+        calcHeight: 32,
+        simplePage: false,
+        searchShow: true,
+        searchMenuSpan: 6,
+        searchIcon: true,
+        searchIndex: 3,
+        tree: false,
+        border: true,
+        index: false,
+        selection: true,
+        viewBtn: false,
+        delBtn: false,
+        editBtn: false,
+        addBtnIcon: ' ',
+        viewBtnIcon: ' ',
+        delBtnIcon: ' ',
+        editBtnIcon: ' ',
+        addBtn: false,
+        labelWidth: 120,
+        menu: false,
+        menuWidth: 200,
+        dialogWidth: 600,
+        dialogClickModal: false,
+        searchEnter: true,
+        excelBtn: true,
+        gridBtn: false,
+        searchShowBtn: false,
+        showOverflowTooltip: true,
+        searchLabelPosition: 'left',
+        searchGutter: 24,
+        searchSpan: 6,
+        menuAlign: 'left',
+        gridBtn: false,
+        searchMenuPosition: 'right',
+        column: [
+          {
+            label: '保养单号',
+            prop: 'mmCode',
+            span: 24,
+            labelWidth: 140,
+            overflow: true,
+            search: false,
+            sortable: 'custom',
+            rules: [
+              {
+                required: true,
+                message: '请输入保养单号',
+                trigger: 'blur',
+              },
+            ],
+          },
+          {
+            label: '物料名称',
+            prop: 'goodsName',
+            span: 24,
+            labelWidth: 140,
+            overflow: true,
+            search: true,
+            sortable: 'custom',
+            rules: [
+              {
+                required: true,
+                message: '请输入物料名称',
+                trigger: 'blur',
+              },
+            ],
+          },
+          {
+            label: '物料规格',
+            prop: 'specifications',
+            span: 24,
+            labelWidth: 140,
+            overflow: true,
+            search: false,
+            sortable: 'custom',
+            rules: [
+              {
+                required: true,
+                message: '请输入物料规格',
+                trigger: 'blur',
+              },
+            ],
+          },
+          {
+            label: '生产批次号',
+            prop: 'piNo',
+            span: 24,
+            overflow: true,
+            search: true,
+            width: 150,
+            searchLabelWidth: 100,
+            sortable: 'custom',
+            rules: [
+              {
+                required: true,
+                message: '请输入生产批次号',
+                trigger: 'blur',
+              },
+            ],
+          },
+          {
+            label: '仓库',
+            prop: 'shName',
+            span: 24,
+            overflow: true,
+            search: true,
+            searchLabelWidth: 60,
+            sortable: 'custom',
+            rules: [
+              {
+                required: true,
+                message: '请输入仓库',
+                trigger: 'blur',
+              },
+            ],
+          },
+          {
+            label: '库位号',
+            prop: 'location',
+            span: 24,
+            overflow: true,
+            search: true,
+            sortable: 'custom',
+            rules: [
+              {
+                required: true,
+                message: '请输入库位号',
+                trigger: 'blur',
+              },
+            ],
+          },
+          {
+            label: '库存数量',
+            prop: 'quantity',
+            span: 24,
+            overflow: true,
+            search: false,
+            sortable: 'custom',
+            rules: [
+              {
+                required: true,
+                message: '请输入库存数量',
+                trigger: 'blur',
+              },
+            ],
+          },
+          {
+            label: '等级',
+            prop: 'quantityLevel',
+            span: 24,
+            overflow: true,
+            search: false,
+            sortable: 'custom',
+            rules: [
+              {
+                required: true,
+                message: '请输入等级',
+                trigger: 'blur',
+              },
+            ],
+          },
+          {
+            label: '金额',
+            prop: 'balanceMoney',
+            span: 24,
+            overflow: true,
+            search: false,
+            sortable: 'custom',
+            rules: [
+              {
+                required: true,
+                message: '请输入金额',
+                trigger: 'blur',
+              },
+            ],
+          },
+          {
+            label: '累计使用次数',
+            prop: 'sumNum',
+            span: 24,
+            overflow: true,
+            search: false,
+            sortable: 'custom',
+            rules: [
+              {
+                required: true,
+                message: '请输入累计使用次数',
+                trigger: 'blur',
+              },
+            ],
+          },
+          {
+            label: '当前状态',
+            prop: 'status',
+            type: 'select',
+            span: 24,
+            labelWidth: 140,
+            overflow: true,
+            search: true,
+            rules: [
+              {
+                required: true,
+                message: '请输入当前状态',
+                trigger: 'blur',
+              },
+            ],
+            // 0 新建 1 已申请
+            dicData: [
+              { label: '新建', value: 0 },
+              { label: '已申请', value: 1 },
+            ],
+          },
+        ],
+      },
+      addOption: {
+        columnSort: true,
+        tip: false,
+        refreshBtn: false,
+        height: 'auto',
+        align: 'center',
+        calcHeight: 32,
+        simplePage: false,
+        searchShow: true,
+        searchMenuSpan: 6,
+        searchIcon: true,
+        searchIndex: 3,
+        tree: false,
+        border: true,
+        index: false,
+        selection: true,
+        viewBtn: false,
+        delBtn: false,
+        columnBtn: false,
+        editBtn: false,
+        addBtnIcon: ' ',
+        viewBtnIcon: ' ',
+        delBtnIcon: ' ',
+        editBtnIcon: ' ',
+        addBtn: false,
+        labelWidth: 120,
+        menu: false,
+        menuWidth: 200,
+        dialogWidth: 600,
+        dialogClickModal: false,
+        searchEnter: true,
+        excelBtn: false,
+        gridBtn: false,
+        searchShowBtn: false,
+        showOverflowTooltip: true,
+        searchLabelPosition: 'left',
+        searchGutter: 24,
+        searchSpan: 6,
+        menuAlign: 'left',
+        gridBtn: false,
+        searchMenuPosition: 'right',
+        column: [
+          {
+            label: '物料名称',
+            prop: 'goodsName',
+            span: 24,
+            labelWidth: 140,
+            overflow: true,
+            search: false,
+            rules: [
+              {
+                required: true,
+                message: '请输入物料名称',
+                trigger: 'blur',
+              },
+            ],
+          },
+          {
+            label: '物料规格',
+            prop: 'specifications',
+            span: 24,
+            labelWidth: 140,
+            overflow: true,
+            search: false,
+            rules: [
+              {
+                required: true,
+                message: '请输入物料规格',
+                trigger: 'blur',
+              },
+            ],
+          },
+          {
+            label: '生产批次号',
+            prop: 'piNo',
+            span: 24,
+            overflow: true,
+            search: false,
+            width: 150,
+            searchLabelWidth: 100,
+            rules: [
+              {
+                required: true,
+                message: '请输入生产批次号',
+                trigger: 'blur',
+              },
+            ],
+          },
+          {
+            label: '仓库',
+            prop: 'shName',
+            span: 24,
+            overflow: true,
+            search: false,
+            searchLabelWidth: 60,
+            rules: [
+              {
+                required: true,
+                message: '请输入仓库',
+                trigger: 'blur',
+              },
+            ],
+          },
+          {
+            label: '库位号',
+            prop: 'location',
+            span: 24,
+            overflow: true,
+            search: false,
+            rules: [
+              {
+                required: true,
+                message: '请输入库位号',
+                trigger: 'blur',
+              },
+            ],
+          },
+          {
+            label: '库存数量',
+            prop: 'quantity',
+            span: 24,
+            overflow: true,
+            search: false,
+            rules: [
+              {
+                required: true,
+                message: '请输入库存数量',
+                trigger: 'blur',
+              },
+            ],
+          },
+          {
+            label: '等级',
+            prop: 'quantityLevel',
+            span: 24,
+            overflow: true,
+            search: false,
+            rules: [
+              {
+                required: true,
+                message: '请输入等级',
+                trigger: 'blur',
+              },
+            ],
+          },
+          {
+            label: '金额',
+            prop: 'balanceMoney',
+            span: 24,
+            overflow: true,
+            search: false,
+            rules: [
+              {
+                required: true,
+                message: '请输入金额',
+                trigger: 'blur',
+              },
+            ],
+          },
+          {
+            label: '累计使用次数',
+            prop: 'sumNum',
+            span: 24,
+            overflow: true,
+            search: false,
+            rules: [
+              {
+                required: true,
+                message: '请输入累计使用次数',
+                trigger: 'blur',
+              },
+            ],
+          },
+        ],
+      },
+    };
+  },
+  computed: {
+    ...mapGetters(['permission']),
+  },
+  mounted() {},
+  methods: {
+    handleAdd() {
+      addRecorderList().then(res => {
+        console.log('res-----------', res);
+        this.addData = res.data.data.records;
+        this.addPage.total = res.data.data.total;
+        this.addDialog = true;
+      });
     },
-    mounted() {
-
+    addApply() {
+      if (this.selectionList.length == 0) {
+        this.$message.error('请至少选择一条数据');
+        return;
+      }
+      this.$confirm('确定进行保养申请吗?', {
+        confirmButtonText: '确定',
+        cancelButtonText: '取消',
+        type: 'warning',
+      }).then(() => {
+        applyRecorder({
+          ids: this.selectionList.map(item => item.id).join(','),
+        }).then(res => {
+          if (res.data.code == 200) {
+            this.$message.success('申请成功');
+            this.onLoad();
+          }
+        });
+      });
+    },
+    selectionChange(list) {
+      this.selectionList = list;
     },
-    methods: {
-        handleAdd() {
-            addRecorderList().then(res =>{
-                console.log('res-----------',res)
-                this.addData = res.data.data.records
-                this.addPage.total = res.data.data.total
-                this.addDialog = true
-            })
-        },
-        addApply(){
-            if(this.selectionList.length == 0){
-                this.$message.error('请至少选择一条数据')
-                return
-            }
-            this.$confirm('确定进行保养申请吗?', {
-                confirmButtonText: '确定',
-                cancelButtonText: '取消',
-                type: 'warning',
-            }).then(() => {
-                applyRecorder({
-                    ids:this.selectionList.map(item => item.id).join(',')
-                }).then(res =>{
-                    if(res.data.code == 200){
-                        this.$message.success('申请成功')
-                        this.onLoad()
-                    }
-                })
-            })
-        },
-        selectionChange(list){
-            this.selectionList = list
-        },
-        addSelectionChange(list){
-            this.addSelectionList = list
-        },
-        addMaintain(){
-            if(this.addSelectionList.length == 0){
-                this.$message.error('请至少选择一条数据')
-                return
-            }
-            addRecorder({
-                ids:this.addSelectionList.map(item => item.id).join(',')
-            }).then(res =>{
-                if(res.data.code == 200){
-                    this.$message.success('新增成功')
-                    this.addDialog = false
-                    this.onLoad()
-                }
-            })
-        },
-        searchChange(params, done){
-            this.page.currentPage = 1
-            this.query = params
-            this.onLoad()
-            done()
-        },
-        searchReset(){
-            this.query = {}
-            this.onLoad()
-        },
-        onLoad() {
-            this.loading = true
-            getRecorderList({
-                current:this.page.currentPage,
-                size:this.page.pageSize,
-                ...this.query
-            }).then(res =>{
-                this.data = res.data.data.records
-                this.page.total = res.data.data.total
-                this.loading = false
-            })
+    addSelectionChange(list) {
+      this.addSelectionList = list;
+    },
+    addMaintain() {
+      if (this.addSelectionList.length == 0) {
+        this.$message.error('请至少选择一条数据');
+        return;
+      }
+      addRecorder({
+        ids: this.addSelectionList.map(item => item.id).join(','),
+      }).then(res => {
+        if (res.data.code == 200) {
+          this.$message.success('新增成功');
+          this.addDialog = false;
+          this.onLoad();
         }
-    }
-}
+      });
+    },
+    searchChange(params, done) {
+      this.page.currentPage = 1;
+      this.query = params;
+      this.onLoad();
+      done();
+    },
+    searchReset() {
+      this.query = {};
+      this.onLoad();
+    },
+    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();
+    },
+    onLoad() {
+      this.loading = true;
+      getRecorderList({
+        current: this.page.currentPage,
+        size: this.page.pageSize,
+        ...this.query,
+      }).then(res => {
+        this.data = res.data.data.records;
+        this.page.total = res.data.data.total;
+        this.loading = false;
+      });
+    },
+  },
+};
 </script>
 
 <style lang="scss">
-.addOption-box{
-    .avue-crud__header{
-        min-height: 0;
-    }
+.addOption-box {
+  .avue-crud__header {
+    min-height: 0;
+  }
 }
 </style>
\ No newline at end of file