From b2b481f4d187e2ce455dddf990d0ef10539a74e7 Mon Sep 17 00:00:00 2001
From: wxy <14293288+zysysys@user.noreply.gitee.com>
Date: Tue, 27 Aug 2024 22:27:20 +0800
Subject: [PATCH] =?UTF-8?q?feat(money-detail):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E5=AF=BC=E5=87=BA=E6=8C=89=E9=92=AE=E5=92=8C=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E5=85=85=E5=80=BC=E6=97=B6=E9=97=B4=E5=88=97=E7=9A=84=E8=BE=B9?=
 =?UTF-8?q?=E6=A1=86=E9=A2=9C=E8=89=B2?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

在充值明细页面添加了一个导出按钮，允许用户导出数据。
此外，调整了“充值时间”列的边框颜色，以区分不同的列并提高可读性。
---
 src/views/money/detail/index.vue | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

diff --git a/src/views/money/detail/index.vue b/src/views/money/detail/index.vue
index 8728890..175b4c1 100644
--- a/src/views/money/detail/index.vue
+++ b/src/views/money/detail/index.vue
@@ -2,6 +2,17 @@
   <div style="padding: 20px;">
     <h1 style="text-align: center; margin-bottom: 30px;">充值明细</h1>
     <el-divider></el-divider>
+    <el-col :span="1.5">
+      <el-button
+        v-hasPermi="['system:pay:export']"
+        icon="el-icon-download"
+        plain
+        size="mini"
+        type="warning"
+        @click="handleExport"
+      >导出
+      </el-button>
+    </el-col>
     <el-table
       :data="listDate"
       style="width: 100%; border-collapse: collapse;">
@@ -40,7 +51,7 @@
       <el-table-column
         label="充值时间"
         width="300"
-        style="border: 1px solid #ccc; padding: 10px; text-align: center;">
+        style="border: 1px solid #ca8a8a; padding: 10px; text-align: center;">
         <template slot-scope="scope">
           {{ scope.row.createTime }}
         </template>
@@ -76,6 +87,12 @@ export default {
     this.getList();
   },
   methods: {
+    /** 导出按钮操作 */
+    handleExport() {
+      this.download('system/user/export', {
+        ...this.queryParams
+      }, `pay_${new Date().getTime()}.xlsx`)
+    },
     getList() {
       userPayinfo(this.addDateRange(this.queryParams)).then(response => {
           this.listDate = response.data.rows;