From b515b8e8bf7a226e425e8badf784b04f5a96a78b Mon Sep 17 00:00:00 2001
From: wxy <14293288+zysysys@user.noreply.gitee.com>
Date: Wed, 28 Aug 2024 19:36:01 +0800
Subject: [PATCH] =?UTF-8?q?```feat(money-detail):=20=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E6=8C=89=E6=97=B6=E9=97=B4=E8=8C=83=E5=9B=B4=E6=9F=A5=E8=AF=A2?=
 =?UTF-8?q?=E7=9A=84=E8=A1=A8=E5=8D=95=E5=92=8C=E5=AF=BC=E5=87=BA=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

添加了一个新的功能，允许用户通过指定的日期范围搜索充值明细。此外，导出按钮已被重新设计，并放置在新的位置以提高可用性。该改进增强了用户与系统交互的效率和体验。
```
---
 src/views/money/detail/index.vue | 45 +++++++++++++++++++++++---------
 1 file changed, 32 insertions(+), 13 deletions(-)

diff --git a/src/views/money/detail/index.vue b/src/views/money/detail/index.vue
index 29e91b9..e9d236f 100644
--- a/src/views/money/detail/index.vue
+++ b/src/views/money/detail/index.vue
@@ -2,19 +2,32 @@
   <div style="padding: 20px;">
     <h1 style="text-align: center; margin-bottom: 30px;">充值明细</h1>
     <el-divider></el-divider>
+    <el-form  ref="queryForm" :inline="true" :model="queryParams" size="small">
+      <el-form-item label="创建时间">
+        <el-date-picker
+          v-model="dateRange"
+          end-placeholder="结束日期"
+          range-separator="-"
+          start-placeholder="开始日期"
+          style="width: 240px"
+          type="daterange"
+          value-format="yyyy-MM-dd"
+        ></el-date-picker>
+      </el-form-item>
+      <el-form-item>
+        <el-button icon="el-icon-search" size="mini" type="primary" @click="handleQuery">搜索</el-button>
+      </el-form-item>
+    </el-form>
     <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-button
+        v-hasPermi="['system:pay:export']"
+        icon="el-icon-download"
+        plain
+        size="mini"
+        type="warning"
+        @click="handleExport"
+      >导出
+      </el-button>
     </el-row>
 
     <el-table
@@ -79,6 +92,7 @@ export default {
   components: {PanelGroup},
   data() {
     return {
+      dateRange: [],
       listDate: [],
       total: 0,
       queryParams: {
@@ -91,6 +105,11 @@ export default {
     this.getList();
   },
   methods: {
+    /** 搜索按钮操作 */
+    handleQuery() {
+      this.queryParams.pageNum = 1;
+      this.getList();
+    },
     /** 导出按钮操作 */
     handleExport() {
       this.download('system/user/export', {
@@ -98,7 +117,7 @@ export default {
       }, `pay_${new Date().getTime()}.xlsx`)
     },
     getList() {
-      userPayinfo(this.addDateRange(this.queryParams)).then(response => {
+      userPayinfo(this.addDateRange(this.queryParams, this.dateRange)).then(response => {
           this.listDate = response.data.rows;
           this.total = response.data.total;
         }