排序

src/views/payroll/staffWage/index.vue

@@ -10,6 +10,7 @@
       :page-size="pageInfo.size"
       :page-current="pageInfo.current"
       @page-change="onPageChange"
+      @sort-change="onSortChange"
     >
       <template #meritPay="{row}">
         <span class="text-link" @click="onDrill(row)">{{ row.meritPay }}</span>
@@ -50,6 +51,9 @@ export default {
         current: 1,
         size: 10
       },
+      orders: [
+        { column: 'month', asc: false }
+      ],
       cardTitle: null // 用于全景卡片名称
     }
   },
@@ -120,7 +124,10 @@ export default {
       this.loading = true
       try {
         const { data } = await getPayrollPage({
-          page: this.pageInfo,
+          page: {
+            ...this.pageInfo,
+            orders: this.orders
+          },
           ...query
         })
         this.items = data.records
@@ -135,6 +142,10 @@ export default {
       this.pageInfo.current = index
       this.init()
     },
+    onSortChange (v) {
+      this.orders = v
+      this.init()
+    },
     onSearch () {
       this.pageInfo.current = 1
       this.init()