123

src/views/cai/account/index.vue

@@ -37,7 +37,7 @@
       <right-toolbar :showSearch.sync="showSearch" @queryTable="getList"></right-toolbar>
     </el-row>
 
-    <el-table v-loading="loading" :data="accountList" @selection-change="handleSelectionChange">
+    <el-table v-loading="loading" :data="accountList" @selection-change="handleSelectionChange" @sort-change="handleSortChange">
 <!--      <el-table-column type="selection" width="55" align="center"/>-->
       <el-table-column :label="systemName+'号'" align="center" prop="usercode"/>
       <el-table-column label="手机号" align="center" prop="mobile"/>
@@ -57,8 +57,8 @@
           <cai-dict-tag :options="isAnchorList" :value="scope.row.isAnchor"/>
         </template>
       </el-table-column>
-      <el-table-column label="余额" align="center" prop="coin"/>
-      <el-table-column label="收益" align="center" prop="incomeCoin"/>
+      <el-table-column label="余额" align="center" prop="coin" sortable="custom" :sort-orders="['descending', 'ascending']" />
+      <el-table-column label="收益" align="center" prop="incomeCoin" sortable="custom" :sort-orders="['descending', 'ascending']"/>
       <el-table-column label="充值总额" align="center" prop="totalBuyMoney"/>
       <el-table-column label="充值总紫贝" align="center" prop="totalBuyCoin"/>
       <el-table-column label="状态" align="center" prop="status">
@@ -128,6 +128,8 @@ export default {
       queryParams: {
         pageNum: 1,
         pageSize: 10,
+        orderByColumn: undefined,
+        isAsc: undefined,
         usercode: undefined,
         mobile: undefined
       },
@@ -152,6 +154,11 @@ export default {
         this.loading = false;
       });
     },
+    handleSortChange(column, prop, order) {
+      this.queryParams.orderByColumn = column.prop;
+      this.queryParams.isAsc = column.order;
+      this.getList();
+    },
     /** 搜索按钮操作 */
     handleQuery() {
       this.queryParams.pageNum = 1;