From 00dc0fa15aaa69748dc61bfe3fe9abc654a6620e Mon Sep 17 00:00:00 2001
From: lihui <lihui030304@163.com>
Date: Wed, 13 Aug 2025 19:37:20 +0800
Subject: [PATCH] =?UTF-8?q?refactor(audit):=20=E4=BC=98=E5=8C=96=E5=AE=A1?=
 =?UTF-8?q?=E6=A0=B8=E6=97=B6=E9=97=B4=E7=AD=9B=E9=80=89=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/audit/gold/rechargeAudit.vue | 269 +++++++++++++++++----------------
 1 file changed, 139 insertions(+), 130 deletions(-)

diff --git a/src/views/audit/gold/rechargeAudit.vue b/src/views/audit/gold/rechargeAudit.vue
index 22bf99d..4cf0235 100644
--- a/src/views/audit/gold/rechargeAudit.vue
+++ b/src/views/audit/gold/rechargeAudit.vue
@@ -1,134 +1,141 @@
 <template>
   <el-card style="margin-bottom: 0.5vh;margin-top: 0.5vh">
-      <el-col style="margin-bottom: 0.5vh">
-        <el-text size="large">精网号：</el-text>
-        <el-input v-model="rechargeAudit.jwcode" placeholder="请输入精网号" style="width: 12vw;margin-right:1vw" clearable />
+    <el-col style="margin-bottom: 0.5vh">
+      <el-text size="large">精网号：</el-text>
+      <el-input v-model="rechargeAudit.jwcode" placeholder="请输入精网号" style="width: 12vw;margin-right:1vw"
+                clearable/>
 
-        <el-text size="large">活动名称：</el-text>
-        <el-select v-model="rechargeAudit.activity" placeholder="请选择活动名称" style="width: 12vw;margin-right:1vw" clearable>
-          <el-option v-for="item in activity" :key="item" :label="item" :value="item" />
-        </el-select>
+      <el-text size="large">活动名称：</el-text>
+      <el-select v-model="rechargeAudit.activity" placeholder="请选择活动名称" style="width: 12vw;margin-right:1vw"
+                 clearable>
+        <el-option v-for="item in activity" :key="item" :label="item" :value="item"/>
+      </el-select>
 
-        <el-text size="large">支付方式：</el-text>
-        <el-select v-model="rechargeAudit.payModel" placeholder="请选择支付方式" style="width: 12vw;margin-right:1vw" clearable>
-          <el-option v-for="item in payModel" :key="item.value" :label="item.label" :value="item.value" />
-        </el-select>
+      <el-text size="large">支付方式：</el-text>
+      <el-select v-model="rechargeAudit.payModel" placeholder="请选择支付方式" style="width: 12vw;margin-right:1vw"
+                 clearable>
+        <el-option v-for="item in payModel" :key="item.value" :label="item.label" :value="item.value"/>
+      </el-select>
 
-        <el-text size="large">所属地区：</el-text>
-        <el-cascader v-model="selectedMarketPath" :options="market" placeholder="请选择所属地区" clearable style="width:12vw"
-          @change="handleMarketChange" />
-      </el-col>
-      <el-col>
+      <el-text size="large">所属地区：</el-text>
+      <el-cascader v-model="selectedMarketPath" :options="market" placeholder="请选择所属地区" clearable
+                   style="width:12vw"
+                   @change="handleMarketChange"/>
+    </el-col>
+    <el-col>
 
-            <el-text size="large">
-
-              充值时间：
-            </el-text>
-            <el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间"
-              end-placeholder="结束时间" class="time-controls" style="margin-right:1vw;width:25vw"
-              @change="handleDatePickerChange"
-                            :default-time="defaultTime"/>
-            <el-button @click="getToday()" :type="activeTimeRange === 'today' ? 'primary' : ''">今</el-button>
-            <el-button @click="getYesterday()" :type="activeTimeRange === 'yesterday' ? 'primary' : ''">昨</el-button>
-            <el-button @click="get7Days()" :type="activeTimeRange === '7days' ? 'primary' : ''">近7天</el-button>
-            <el-button @click="resetSearch" type="success">重置</el-button>
-            <el-button @click="handleSearch"type="primary" >查询</el-button>
-      </el-col>
+      <el-text size="large">
+        {{ activeName === 'wait' ? '提交时间：' : '审核时间：' }}
+      </el-text>
+      <el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间"
+                      end-placeholder="结束时间" class="time-controls" style="margin-right:1vw;width:25vw"
+                      @change="handleDatePickerChange"
+                      :default-time="defaultTime"/>
+      <el-button @click="getToday()" :type="activeTimeRange === 'today' ? 'primary' : ''">今</el-button>
+      <el-button @click="getYesterday()" :type="activeTimeRange === 'yesterday' ? 'primary' : ''">昨</el-button>
+      <el-button @click="get7Days()" :type="activeTimeRange === '7days' ? 'primary' : ''">近7天</el-button>
+      <el-button @click="resetSearch" type="success">重置</el-button>
+      <el-button @click="handleSearch" type="primary">查询</el-button>
+    </el-col>
   </el-card>
-      <el-card>
-        <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
-          <el-tab-pane label="待审核" name="wait"></el-tab-pane>
-          <el-tab-pane label="已通过" name="pass"></el-tab-pane>
-          <el-tab-pane label="已驳回" name="reject"></el-tab-pane>
-          <div>
-            总条数：{{ format3(stats.totalNum) }}条&nbsp;&nbsp;&nbsp;&nbsp;
-            总金币数：{{ format3(stats.permanentGolds + stats.freeGolds + stats.taskGolds) }}金币&nbsp;&nbsp;&nbsp;&nbsp;
-            永久金币：{{ format3(stats.permanentGolds) }}金币&nbsp;&nbsp;&nbsp;&nbsp;
-            免费金币：{{ format3(stats.freeGolds) }}金币&nbsp;&nbsp;&nbsp;&nbsp;
+  <el-card>
+    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+      <el-tab-pane label="待审核" name="wait"></el-tab-pane>
+      <el-tab-pane label="已通过" name="pass"></el-tab-pane>
+      <el-tab-pane label="已驳回" name="reject"></el-tab-pane>
+      <div>
+
+        总条数：{{ format3(stats.totalNum) }}条&nbsp;&nbsp;&nbsp;&nbsp;
+        充值新币：{{ format3(stats.permanentGolds) }}新币&nbsp;&nbsp;&nbsp;&nbsp;
+        总金币数：{{ format3(stats.permanentGolds + stats.freeGolds + stats.taskGolds) }}金币&nbsp;&nbsp;&nbsp;&nbsp;
+        永久金币：{{ format3(stats.permanentGolds) }}金币&nbsp;&nbsp;&nbsp;&nbsp;
+        免费金币：{{ format3(stats.freeGolds) }}金币&nbsp;&nbsp;&nbsp;&nbsp;
+      </div>
+    </el-tabs>
+    <el-table :data="tableData" style="width: 100vw;height:55vh" @sort-change="handleSortChange"
+              :row-style="{ height: '50px' }">
+      <el-table-column type="index" label="序号" width="100px" fixed="left">
+        <template #default="scope">
+          <span>{{ scope.$index + 1 + (getObj.pageNum - 1) * getObj.pageSize }}</span>
+        </template>
+      </el-table-column>
+      <el-table-column fixed="left" prop="name" label="姓名" width="150px"/>
+      <el-table-column fixed="left" prop="jwcode" label="精网号" width="110px"/>
+      <el-table-column prop="market" label="所属地区" width="100px"/>
+      <el-table-column prop="activity" label="活动名称" width="100px" show-overflow-tooltip/>
+      <el-table-column prop="rateName" label="货币名称" width="110px"/>
+      <el-table-column prop="money" sortable="custom" label="充值金额" width="110px"/>
+      <el-table-column prop="money" label="充值金额" sortable="custom" width="110px">
+        <template #default="scope">{{ scope.row.permanentGold / 100 }}</template>
+      </el-table-column>
+      <el-table-column prop="permanentGold" label="永久金币" width="110px" sortable="custom">
+        <template #default="scope">{{ scope.row.permanentGold / 100 }}</template>
+      </el-table-column>
+      <el-table-column prop="freeGold" label="免费金币" sortable="custom" width="110px">
+        <template #default="scope">{{ (scope.row.freeGold) / 100 }}</template>
+      </el-table-column>
+      <el-table-column prop="remark" label="备注" width="200px" show-overflow-tooltip/>
+      <el-table-column prop="payModel" label="支付方式" width="110px"/>
+      <el-table-column prop="voucher" label="支付凭证" width="110px">
+        <template #default="scope">
+          <div v-if="scope.row.voucher"
+               style="display: flex; justify-content: center; align-items: center; cursor: pointer;"
+               @click="previewImage(scope.row.voucher)">
+            <img :src="scope.row.voucher" alt="支付凭证" style="width: auto; height: 40px;">
           </div>
-        </el-tabs>
-          <el-table :data="tableData" style="width: 100vw;height:55vh" @sort-change="handleSortChange"
-            :row-style="{ height: '50px' }">
-            <el-table-column type="index" label="序号" width="100px" fixed="left">
-              <template #default="scope">
-                <span>{{ scope.$index + 1 + (getObj.pageNum - 1) * getObj.pageSize }}</span>
-              </template>
-            </el-table-column>
-            <el-table-column fixed="left" prop="name" label="姓名" width="150px" />
-            <el-table-column fixed="left" prop="jwcode" label="精网号" width="110px" />
-            <el-table-column prop="market" label="所属地区" width="100px" />
-            <el-table-column prop="activity" label="活动名称" width="100px" show-overflow-tooltip />
-            <el-table-column prop="rateName" label="货币名称" width="110px" />
-            <el-table-column prop="money" sortable="custom" label="充值金额" width="110px" />
-            <el-table-column prop="money" label="充值金额" sortable="custom" width="110px">
-              <template #default="scope">{{ scope.row.permanentGold / 100 }}</template>
-            </el-table-column>
-            <el-table-column prop="permanentGold" label="永久金币" width="110px" sortable="custom">
-              <template #default="scope">{{ scope.row.permanentGold / 100 }}</template>
-            </el-table-column>
-            <el-table-column prop="freeGold" label="免费金币" sortable="custom" width="110px">
-              <template #default="scope">{{ (scope.row.freeGold) / 100 }}</template>
-            </el-table-column>
-            <el-table-column prop="remark" label="备注" width="200px" show-overflow-tooltip />
-            <el-table-column prop="payModel" label="支付方式" width="110px" />
-            <el-table-column prop="voucher" label="支付凭证" width="110px">
-              <template #default="scope">
-                <div v-if="scope.row.voucher"
-                  style="display: flex; justify-content: center; align-items: center; cursor: pointer;"
-                  @click="previewImage(scope.row.voucher)">
-                  <img :src="scope.row.voucher" alt="支付凭证" style="width: auto; height: 40px;">
-                </div>
-                <div v-else style="display: flex; justify-content: center; align-items: center; height: 40px;">--</div>
-              </template>
-            </el-table-column>
-            <el-table-column prop="adminName" label="提交人" width="100px" />
-            <el-table-column prop="rejectReason" v-if="activeName === 'reject'" label="驳回理由" width="200px"
-              show-overflow-tooltip />
-            <el-table-column v-if="activeName !== 'wait'" prop="auditName" label="审核人" width="100px" />
-            <el-table-column prop="payTime" sortable="custom" label="付款时间" width="200px">
-              <template #default="scope">
-                {{ moment(scope.row.payTime).format('YYYY-MM-DD HH:mm:ss') }}
-              </template>
-            </el-table-column>
-            <el-table-column prop="createTime" sortable="custom" label="提交时间" width="200px">
-              <template #default="scope">
-                {{ moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') }}
-              </template>
-            </el-table-column>
-            <el-table-column v-if="activeName !== 'wait'" prop="auditTime" label="审核时间" width="200px">
-              <template #default="scope">
-                {{ moment(scope.row.auditTime).format('YYYY-MM-DD HH:mm:ss') }}
+          <div v-else style="display: flex; justify-content: center; align-items: center; height: 40px;">--</div>
+        </template>
+      </el-table-column>
+      <el-table-column prop="adminName" label="提交人" width="100px"/>
+      <el-table-column prop="rejectReason" v-if="activeName === 'reject'" label="驳回理由" width="200px"
+                       show-overflow-tooltip/>
+      <el-table-column v-if="activeName !== 'wait'" prop="auditName" label="审核人" width="100px"/>
+      <el-table-column prop="payTime" sortable="custom" label="付款时间" width="200px">
+        <template #default="scope">
+          {{ moment(scope.row.payTime).format('YYYY-MM-DD HH:mm:ss') }}
+        </template>
+      </el-table-column>
+      <el-table-column prop="createTime" sortable="custom" label="提交时间" width="200px">
+        <template #default="scope">
+          {{ moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') }}
+        </template>
+      </el-table-column>
+      <el-table-column v-if="activeName !== 'wait'" prop="auditTime" label="审核时间" width="200px">
+        <template #default="scope">
+          {{ moment(scope.row.auditTime).format('YYYY-MM-DD HH:mm:ss') }}
+        </template>
+      </el-table-column>
+      <el-table-column v-if="activeName === 'wait'" fixed="right" prop="operation" label="操作" width="150px">
+        <template #default="scope">
+          <div class="operation">
+            <el-popconfirm title="确定要通过此条记录吗？" @confirm="handleApprove(scope.row)">
+              <template #reference>
+                <el-button :disabled="scope.row.auditStatus === 1 || scope.row.auditStatus === 2" type="primary" text>
+                  通过
+                </el-button>
               </template>
-            </el-table-column>
-            <el-table-column v-if="activeName === 'wait'" fixed="right" prop="operation" label="操作" width="150px">
-              <template #default="scope">
-                <div class="operation">
-                  <el-popconfirm title="确定要通过此条记录吗？" @confirm="handleApprove(scope.row)">
-                    <template #reference>
-                      <el-button :disabled="scope.row.auditStatus === 1 || scope.row.auditStatus === 2" type="primary" text>
-                        通过
-                      </el-button>
-                    </template>
-                  </el-popconfirm>
-                  <el-button :disabled="scope.row.auditStatus === 1 || scope.row.auditStatus === 2" type="primary" text @click="showRejectDialog(scope.row)">
-                    驳回
-                  </el-button>
-                </div>
-              </template>
-            </el-table-column>
-          </el-table>
-        <div class="pagination">
-          <el-pagination :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
-            layout="total, sizes, prev, pager, next, jumper" :total="total"
-            @size-change="handlePagination('size', $event)"
-            @current-change="handlePagination('page', $event)"></el-pagination>
-        </div>
-      </el-card>
+            </el-popconfirm>
+            <el-button :disabled="scope.row.auditStatus === 1 || scope.row.auditStatus === 2" type="primary" text
+                       @click="showRejectDialog(scope.row)">
+              驳回
+            </el-button>
+          </div>
+        </template>
+      </el-table-column>
+    </el-table>
+    <div class="pagination">
+      <el-pagination :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
+                     layout="total, sizes, prev, pager, next, jumper" :total="total"
+                     @size-change="handlePagination('size', $event)"
+                     @current-change="handlePagination('page', $event)"></el-pagination>
+    </div>
+  </el-card>
 
   <el-dialog v-model="rejectDialogVisible" title="驳回理由" width="500px">
     <el-form>
       <el-form-item label="驳回理由" required>
-        <el-input v-model="rejectReason" type="textarea" :rows="4" placeholder="请输入驳回理由" maxlength="200" show-word-limit />
+        <el-input v-model="rejectReason" type="textarea" :rows="4" placeholder="请输入驳回理由" maxlength="200"
+                  show-word-limit/>
       </el-form-item>
     </el-form>
     <template #footer>
@@ -141,17 +148,19 @@
 </template>
 
 <script setup>
-import { onMounted, reactive, ref } from 'vue'
-import { ElMessage } from 'element-plus'
+import {onMounted, reactive, ref} from 'vue'
+import {ElMessage} from 'element-plus'
 import request from '@/util/http.js'
 import API from '@/util/http.js'
 import moment from 'moment'
-import { useAdminStore } from "@/store/index.js";
-import { storeToRefs } from "pinia";
+import {useAdminStore} from "@/store/index.js";
+import {storeToRefs} from "pinia";
+
 const adminStore = useAdminStore();
-const { adminData, menuTree } = storeToRefs(adminStore);
-import { findMenuById, permissionMapping } from "@/utils/menuTreePermission.js"
+const {adminData, menuTree} = storeToRefs(adminStore);
+import {findMenuById, permissionMapping} from "@/utils/menuTreePermission.js"
 import dayjs from "dayjs";
+
 const defaultTime = [
   new Date(2000, 1, 1, 0, 0, 0),
   new Date(2000, 2, 1, 23, 59, 59),
@@ -218,7 +227,7 @@ const stats = ref({
 })
 // 表单验证
 const rules = reactive({
-  rejectReason: [{ required: true, message: '请输入驳回理由', trigger: 'blur' }]
+  rejectReason: [{required: true, message: '请输入驳回理由', trigger: 'blur'}]
 })
 // 搜索方法
 const getRecharge = async function (val) {
@@ -424,7 +433,7 @@ const handleApprove = async (row) => {
         action: 1,
         rejectReason: ''
       }
-      await request({ url: '/audit/audit', data: params })
+      await request({url: '/audit/audit', data: params})
       ElMessage.success('审核通过成功')
       await getRecharge()
       await getStats()
@@ -462,7 +471,7 @@ const handleReject = async () => {
         rejectReason: rejectReason.value
       }
 
-      await request({ url: '/audit/audit', data: params })
+      await request({url: '/audit/audit', data: params})
       ElMessage.success('驳回操作成功')
       rejectDialogVisible.value = false
       await getRecharge()
@@ -533,7 +542,7 @@ const handleMarketChange = (value) => {
   }
 }
 
-const props = { multiple: true }
+const props = {multiple: true}
 // 获取地区，修改为级联下拉框
 const getMarket = async function () {
   try {
@@ -547,8 +556,8 @@ const getMarket = async function () {
       const allChildren = nodes.flatMap(node => node.children || []);
       return allChildren.map(child => {
         const grandchildren = child.children && child.children.length
-          ? transformTree([child]) // 递归处理子节点
-          : null;
+            ? transformTree([child]) // 递归处理子节点
+            : null;
         return {
           value: child.name,
           label: child.name,