新增点击搜索

vue-admin-template-master/src/views/coupon/statistics/index.vue

@@ -22,14 +22,24 @@
     </div>
     <div class="mt-20">
       <h4>领取统计</h4>
-      <el-table :data="receiveTableData" border style="width: 100%">
+      <el-table
+        :data="receiveTableData"
+        border
+        style="width: 100%"
+        @cell-click="receiveClick"
+      >
         <el-table-column prop="title" label="券名称"> </el-table-column>
         <el-table-column prop="value" label="券数量"> </el-table-column>
       </el-table>
     </div>
     <div class="mt-20">
       <h4>使用统计</h4>
-      <el-table :data="useTableData" border style="width: 100%">
+      <el-table
+        :data="useTableData"
+        border
+        style="width: 100%"
+        @cell-click="receiveClick"
+      >
         <el-table-column prop="title" label="券名称"> </el-table-column>
         <el-table-column prop="value" label="券数量"> </el-table-column>
       </el-table>
@@ -92,6 +102,11 @@ export default {
     };
   },
   methods: {
+    receiveClick(row, column, cell, event) {
+      console.log(row);
+      this.input = row.title;
+      this.search();
+    },
     async query() {
       if (!this.time) return this.$message.error("请选择日期范围");
       this.queryLoading = true;
@@ -100,22 +115,24 @@ export default {
         enddate: this.time[1]
       });
 
-      console.log(res);
       let dget = [];
-      for (let key in res.dget) {
+      let keyArr = Object.keys(res.dget);
+      keyArr.forEach((v, i) => {
         dget.push({
-          title: key,
-          value: res.dget[key]
+          title: v,
+          value: Object.values(res.dget)[i]
         });
-      }
+      });
 
       let duse = [];
-      for (let key in res.duse) {
+      let keyUseArr = Object.keys(res.duse);
+      keyUseArr.forEach((v, i) => {
         duse.push({
-          title: key,
-          value: res.dget[key]
+          title: v,
+          value: Object.values(res.duse)[i]
         });
-      }
+      });
+
       this.receiveTableData = dget;
       this.useTableData = duse;
       this.queryLoading = false;