根据卡号导出交易明细

src/views/business/agentAdmin/index.vue

@@ -58,7 +58,7 @@
             <div>{{ scope.row.accName}} </div>
           </template>
         </el-table-column>
-        <el-table-column label="通道" align="center" prop="payAccNo">
+        <el-table-column label="通道" align="center" prop="channelCode">
           <template slot-scope="scope">
             {{ sysPayChannelMap.get(scope.row.channelCode) }}
           </template>
@@ -80,6 +80,13 @@
             icon="el-icon-info"
             @click="viewDetail(scope.row)"
           >账户详情</el-button>
+          <el-button
+            size="mini"
+            type="text"
+            icon="el-icon-download"
+            @click="exportBiz(scope.row.alipayCardNo)"
+            v-hasPermi="['business:payBiz:export']"
+          >导出交易明细</el-button>
           <el-button
             size="mini"
             type="text"
@@ -143,6 +150,22 @@
         <el-button type="primary" @click="configRateSubmit">确 定</el-button>
       </div>
     </el-dialog>
+
+    <!-- 导出交易明细-弹窗-->
+    <el-dialog title="导出交易明细" :visible.sync="ex.panel" width="30%" center>
+      <el-date-picker
+        v-model="ex.timeRange"
+        type="daterange"
+        value-format="yyyy-MM-dd"
+        range-separator="至"
+        start-placeholder="开始日期"
+        end-placeholder="结束日期">
+      </el-date-picker>
+      <div slot="footer" class="dialog-footer">
+        <el-button @click="ex.panel = false">取  消</el-button>
+        <el-button type="primary" @click="handleExport">确 定</el-button>
+      </div>
+    </el-dialog>
   </div>
 </template>
 
@@ -214,6 +237,13 @@ export default {
         toBankRate: [
           { required: true, message: '请输入转账到银行卡的费率', trigger: 'blur' }
         ],
+      },
+      ex: {
+        panel: false,
+        payAccNo: null,
+        timeRange: null,
+        timeLimitStart: null,
+        timeLimitEnd: null
       }
     };
   },
@@ -289,6 +319,22 @@ export default {
         }
       })
     },
+    exportBiz(cardNo) {
+      this.ex.payAccNo = cardNo
+      this.ex.panel = true
+    },
+    /** 导出按钮操作 */
+    handleExport() {
+      if (!this.ex.timeRange) {
+        return this.$modal.msgWarning("请选择时间区间")
+      }
+      this.ex.timeLimitStart = this.ex.timeRange[0]
+      this.ex.timeLimitEnd = this.ex.timeRange[1]
+      this.ex.panel = false
+      this.download('business/payOrder/biz/export', {
+        ...this.ex
+      }, `${this.ex.payAccNo}_${this.ex.timeLimitStart}_${this.ex.timeLimitEnd}.xlsx`)
+    },
   }
 };
 </script>