From 804ad882d4076ddd4e2235c3dade9836afa76bc8 Mon Sep 17 00:00:00 2001
From: wxy <14293288+zysysys@user.noreply.gitee.com>
Date: Tue, 27 Aug 2024 22:33:24 +0800
Subject: [PATCH] =?UTF-8?q?refactor(money-detail):=E8=B0=83=E6=95=B4?=
 =?UTF-8?q?=E5=AF=BC=E5=87=BA=E6=8C=89=E9=92=AE=E5=B8=83=E5=B1=80=E5=B9=B6?=
 =?UTF-8?q?=E5=B1=85=E4=B8=AD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

调整充值明细页面的导出按钮布局，使其在中心对齐，改善页面布局效果。此调整涉及使用`el-row`和`el-col`组件对导出按钮进行重新排布，并确保其在页面上水平居中。
---
 src/views/money/detail/index.vue | 29 +++++++++++++++++------------
 1 file changed, 17 insertions(+), 12 deletions(-)

diff --git a/src/views/money/detail/index.vue b/src/views/money/detail/index.vue
index 175b4c1..29e91b9 100644
--- a/src/views/money/detail/index.vue
+++ b/src/views/money/detail/index.vue
@@ -2,17 +2,21 @@
   <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-row>
+      <el-col :span="50"></el-col>
+      <el-col :span="5" :offset="15">
+        <el-button
+          v-hasPermi="['system:pay:export']"
+          icon="el-icon-download"
+          plain
+          size="mini"
+          type="warning"
+          @click="handleExport"
+        >导出
+        </el-button>
+      </el-col>
+    </el-row>
+
     <el-table
       :data="listDate"
       style="width: 100%; border-collapse: collapse;">
@@ -98,7 +102,8 @@ export default {
           this.listDate = response.data.rows;
           this.total = response.data.total;
         }
-      );}
+      );
+    }
   }
 }
 </script>