From bbb918156a1cfd213778f8e2b5816c8de33ca270 Mon Sep 17 00:00:00 2001
From: ZhangYong <zyqinghu@163.com>
Date: Mon, 15 Sep 2025 15:10:53 +0800
Subject: [PATCH] =?UTF-8?q?=E9=87=91=E5=B8=81=E5=AE=A1=E6=A0=B8=E7=AD=9B?=
 =?UTF-8?q?=E9=80=89=E9=A1=B9=E4=BC=98=E5=8C=96?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/audit/gold/rechargeAudit.vue | 108 ++++++++++++++--------
 src/views/audit/gold/refundAudit.vue   | 158 ++++++++++++++++++++-------------
 2 files changed, 168 insertions(+), 98 deletions(-)

diff --git a/src/views/audit/gold/rechargeAudit.vue b/src/views/audit/gold/rechargeAudit.vue
index 4b5e812..74c16f9 100644
--- a/src/views/audit/gold/rechargeAudit.vue
+++ b/src/views/audit/gold/rechargeAudit.vue
@@ -1,36 +1,50 @@
 <template>
   <el-card style="margin-bottom: 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-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-cascader v-model="selectedMarketPath" :options="market" placeholder="请选择所属地区" clearable style="width:12vw"
-        @change="handleMarketChange" />
+    <el-col style="margin-bottom: 1vh">
+      <div class="select">
+        <div class="selectRow">
+          <el-text class="text" size="large">精网号：</el-text>
+          <el-input class="selectContent" v-model="rechargeAudit.jwcode" placeholder="请输入精网号" clearable />
+        </div>
+        <div class="selectRow">
+          <el-text class="text" size="large">活动名称：</el-text>
+          <el-select class="selectContent" v-model="rechargeAudit.activity" placeholder="请选择活动名称" clearable>
+            <el-option v-for="item in activity" :key="item" :label="item" :value="item" />
+          </el-select>
+        </div>
+        <div class="selectRow">
+          <el-text class="text" size="large">支付方式：</el-text>
+          <el-select class="selectContent" v-model="rechargeAudit.payModel" placeholder="请选择支付方式" clearable>
+            <el-option v-for="item in payModel" :key="item.value" :label="item.label" :value="item.value" />
+          </el-select>
+        </div>
+        <div class="selectRow">
+          <el-text class="text" size="large">所属地区：</el-text>
+          <el-cascader class="selectContent" v-model="selectedMarketPath" :options="market" placeholder="请选择所属地区"
+            clearable @change="handleMarketChange" />
+        </div>
+      </div>
     </el-col>
     <el-col>
-
-      <el-text size="large">
-        {{ activeName === 'wait' ? '提交时间：' : '审核时间：' }}
-      </el-text>
-      <el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间"
-        end-placeholder="结束时间" style="margin-right:1vw;width:25vw"
-        @change="handleDatePickerChange" :default-time="defaultTime" :disabled-date="disabledDate" />
-      <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>
+      <div class="select">
+        <div class="selectRow" style="width: 36vw;">
+          <el-text class="text" size="large">
+            {{ activeName === 'wait' ? '提交时间：' : '审核时间：' }}
+          </el-text>
+          <el-date-picker class="selectContent" v-model="getTime" type="datetimerange" range-separator="至"
+            start-placeholder="起始时间" end-placeholder="结束时间" style="margin-right:1vw;width:25vw"
+            @change="handleDatePickerChange" :default-time="defaultTime" :disabled-date="disabledDate" />
+          <div v-if="false">
+            <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>
+          </div>
+        </div>
+        <div class="selectRow" style="justify-content: flex-start;">
+          <el-button @click="resetSearch" type="success">重置</el-button>
+        <el-button @click="handleSearch" type="primary">查询</el-button>
+        </div>
+      </div>
     </el-col>
   </el-card>
   <el-card>
@@ -40,9 +54,10 @@
       <el-tab-pane label="已驳回" name="reject"></el-tab-pane>
       <div>
 
-<!--        总条数：{{ format3(stats.totalNum) }}条&nbsp;&nbsp;&nbsp;&nbsp;-->
+        <!--        总条数：{{ format3(stats.totalNum) }}条&nbsp;&nbsp;&nbsp;&nbsp;-->
         充值新币：{{ format3(stats.permanentGolds) }}新币&nbsp;&nbsp;&nbsp;&nbsp;
-        总金币数：{{ format3((stats.permanentGolds + stats.freeGolds + stats.taskGolds).toFixed(2)) }}金币&nbsp;&nbsp;&nbsp;&nbsp;
+        总金币数：{{ format3((stats.permanentGolds + stats.freeGolds + stats.taskGolds).toFixed(2))
+        }}金币&nbsp;&nbsp;&nbsp;&nbsp;
         永久金币：{{ format3(stats.permanentGolds.toFixed(2)) }}金币&nbsp;&nbsp;&nbsp;&nbsp;
         免费金币：{{ format3(stats.freeGolds.toFixed(2)) }}金币&nbsp;&nbsp;&nbsp;&nbsp;
       </div>
@@ -55,10 +70,10 @@
         </template>
       </el-table-column>
       <el-table-column fixed="left" prop="name" label="姓名" width="150px" show-overflow-tooltip />
-      <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 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" label="充值金额" sortable="custom" width="110px">
         <template #default="scope">{{ scope.row.money / 100 }}</template>
       </el-table-column>
@@ -208,7 +223,7 @@ const getObj = ref({
 })
 // 支付方式选项
 const payModel = [
-{
+  {
     value: '银行转账',
     label: '银行转账'
   },
@@ -654,4 +669,25 @@ onMounted(async function () {
 .operation {
   display: flex;
 }
+
+.select {
+  display: flex;
+
+  .selectRow {
+    width: 17vw;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0 0.5vw;
+
+    .text {
+      width: 5vw;
+      font-size: 15px;
+    }
+
+    .selectContent {
+      flex: 1;
+    }
+  }
+}
 </style>
\ No newline at end of file
diff --git a/src/views/audit/gold/refundAudit.vue b/src/views/audit/gold/refundAudit.vue
index eb529f9..2f49ed2 100644
--- a/src/views/audit/gold/refundAudit.vue
+++ b/src/views/audit/gold/refundAudit.vue
@@ -1,38 +1,51 @@
 <template>
   <el-card style="margin-bottom: 0.5vh;">
-    <el-col style="margin-bottom: 0.5vh">
-      <el-text size="large">精网号：</el-text>
-      <el-input v-model="searchForm.jwcode" placeholder="请输入精网号" style="width: 12vw;margin-right:1vw" clearable/>
-
-      <el-text size="large">商品名称：</el-text>
-      <el-select v-model="searchForm.goodsName" placeholder="请输入商品名称" style="width: 12vw;margin-right:1vw"
-                 clearable>
-        <el-option v-for="item in refundGoodsOptions" :key="item" :label="item" :value="item"></el-option>
-      </el-select>
-
-      <el-text size="large">退款类型：</el-text>
-      <el-select v-model="searchForm.refundType" placeholder="请选择" style="width: 12vw;margin-right:1vw" clearable>
-        <el-option label="商品退款" value="商品退款"/>
-        <el-option label="金币退款" 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 style="margin-bottom: 1vh">
+      <div class="select">
+        <div class="selectRow">
+          <el-text class="text" size="large">精网号：</el-text>
+          <el-input class="selectContent" v-model="searchForm.jwcode" placeholder="请输入精网号" clearable />
+        </div>
+        <div class="selectRow">
+          <el-text class="text" size="large">商品名称：</el-text>
+          <el-select class="selectContent" v-model="searchForm.goodsName" placeholder="请输入商品名称" clearable>
+            <el-option v-for="item in refundGoodsOptions" :key="item" :label="item" :value="item"></el-option>
+          </el-select>
+        </div>
+        <div class="selectRow">
+          <el-text class="text" size="large">退款类型：</el-text>
+          <el-select class="selectContent" v-model="searchForm.refundType" placeholder="请选择退款类型" clearable>
+            <el-option label="商品退款" value="商品退款" />
+            <el-option label="金币退款" value="金币退款" />
+          </el-select>
+        </div>
+        <div class="selectRow">
+          <el-text class="text" size="large">所属地区：</el-text>
+          <el-cascader class="selectContent" style="width: 12vw;" v-model="selectedMarketPath" :options="market" placeholder="请选择所属地区"
+            clearable @change="handleMarketChange" />
+        </div>
+      </div>
     </el-col>
     <el-col>
-      <el-text size="large">
-        {{ activeName === 'wait' ? '提交时间：' : '审核时间：' }}
-      </el-text>
-      <el-date-picker v-model="dateRange" type="datetimerange" range-separator="至" start-placeholder="开始时间"
-                      end-placeholder="结束时间" style="margin-right:1vw;width:25vw"
-                      @change="handleDatePickerChange" :default-time="defaultTime" :disabled-date="disabledDate"/>
-      <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 type="success" @click="resetSearch">重置</el-button>
-      <el-button type="primary" @click="handleSearch">查询</el-button>
+        <div class="select">
+        <div class="selectRow" style="width: 36vw;">
+          <el-text class="text" size="large">
+            {{ activeName === 'wait' ? '提交时间：' : '审核时间：' }}
+          </el-text>
+          <el-date-picker class="selectContent" v-model="dateRange" type="datetimerange" range-separator="至"
+            start-placeholder="起始时间" end-placeholder="结束时间" style="margin-right:1vw;width:25vw"
+            @change="handleDatePickerChange" :default-time="defaultTime" :disabled-date="disabledDate" />
+          <div v-if="false">
+            <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>
+          </div>
+        </div>
+        <div class="selectRow" style="justify-content: flex-start;">
+          <el-button @click="resetSearch" type="success">重置</el-button>
+        <el-button @click="handleSearch" type="primary">查询</el-button>
+        </div>
+      </div>
     </el-col>
   </el-card>
 
@@ -44,26 +57,27 @@
     </el-tabs>
 
     <div>
-      退款总金币数：{{ format3((stats.permanentGolds + stats.freeGolds + stats.taskGolds).toFixed(2)) }}金币&nbsp;&nbsp;&nbsp;&nbsp;
+      退款总金币数：{{ format3((stats.permanentGolds + stats.freeGolds + stats.taskGolds).toFixed(2))
+      }}金币&nbsp;&nbsp;&nbsp;&nbsp;
       永久金币：{{ format3(stats.permanentGolds.toFixed(2)) }}金币&nbsp;&nbsp;&nbsp;&nbsp;
       免费金币：{{ format3(stats.freeGolds.toFixed(2)) }}金币&nbsp;&nbsp;&nbsp;&nbsp;
       任务金币：{{ format3(stats.taskGolds.toFixed(2)) }}金币
     </div>
 
     <el-table :data="tableData" style="height:54vh;width:82vw" @sort-change="handleSortChange">
-      <el-table-column type="index" label="序号" width="60"/>
-      <el-table-column prop="name" label="姓名" width="120" show-overflow-tooltip/>
-      <el-table-column prop="jwcode" label="精网号" width="120"/>
-      <el-table-column prop="market" label="所属地区" width="120"/>
-      <el-table-column prop="orderCode" label="订单号" width="260px" show-overflow-tooltip/>
+      <el-table-column type="index" label="序号" width="60" />
+      <el-table-column prop="name" label="姓名" width="120" show-overflow-tooltip />
+      <el-table-column prop="jwcode" label="精网号" width="120" />
+      <el-table-column prop="market" label="所属地区" width="120" />
+      <el-table-column prop="orderCode" label="订单号" width="260px" show-overflow-tooltip />
 
-      <el-table-column prop="refundType" label="退款类型" width="120"/>
+      <el-table-column prop="refundType" label="退款类型" width="120" />
       <el-table-column prop="refundModel" label="退款方式" width="120">
         <template #default="{ row }">
           {{ row.refundModel === 0 ? '全部退款' : '部分退款' }}
         </template>
       </el-table-column>
-      <el-table-column prop="goodsName" label="退款商品" width="120" show-overflow-tooltip/>
+      <el-table-column prop="goodsName" label="退款商品" width="120" show-overflow-tooltip />
       <el-table-column prop="sumGold" label="退款金币总数" width="160" sortable="custom">
         <template #default="{ row }">
           {{ row.sumGold / 100 }}
@@ -84,17 +98,17 @@
           {{ row.taskGold / 100 }}
         </template>
       </el-table-column>
-      <el-table-column prop="remark" label="备注" width="150" show-overflow-tooltip/>
-      <el-table-column prop="adminName" label="提交人" width="120"/>
+      <el-table-column prop="remark" label="备注" width="150" show-overflow-tooltip />
+      <el-table-column prop="adminName" label="提交人" width="120" />
       <el-table-column v-if="checkTab === 'reject'" prop="rejectReason" label="驳回理由" width="150"
-                       show-overflow-tooltip/>
-      <el-table-column v-if="checkTab !== 'pending'" prop="auditName" label="审核人" width="120"/>
+        show-overflow-tooltip />
+      <el-table-column v-if="checkTab !== 'pending'" prop="auditName" label="审核人" width="120" />
       <el-table-column prop="createTime" label="提交时间" width="180" sortable="custom">
         <template #default="{ row }">
           {{
             checkTab === 'pending'
-                ? moment(row.auditTime).format('YYYY-MM-DD HH:mm:ss')
-                : moment(row.createTime).format('YYYY-MM-DD HH:mm:ss')
+              ? moment(row.auditTime).format('YYYY-MM-DD HH:mm:ss')
+              : moment(row.createTime).format('YYYY-MM-DD HH:mm:ss')
           }}
 
         </template>
@@ -128,16 +142,15 @@
       </el-table-column>
     </el-table>
     <el-pagination class="pagination" v-model:current-page="pagination.pageNum" v-model:page-size="pagination.pageSize"
-                   layout="total, sizes, prev, pager, next, jumper" :total="pagination.total"
-                   @size-change="handlePageSizeChange"
-                   @current-change="handleCurrentChange"></el-pagination>
+      layout="total, sizes, prev, pager, next, jumper" :total="pagination.total" @size-change="handlePageSizeChange"
+      @current-change="handleCurrentChange"></el-pagination>
   </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/>
+          show-word-limit />
       </el-form-item>
     </el-form>
     <template #footer>
@@ -150,17 +163,17 @@
 </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 API from '@/util/http.js'
 import moment from 'moment'
-import {useAdminStore} from "@/store/index.js";
-import {storeToRefs} from "pinia";
-import {findMenuById, permissionMapping} from "@/utils/menuTreePermission.js"
+import { useAdminStore } from "@/store/index.js";
+import { storeToRefs } from "pinia";
+import { findMenuById, permissionMapping } from "@/utils/menuTreePermission.js"
 import dayjs from "dayjs";
 
 const adminStore = useAdminStore();
-const {adminData, menuTree} = storeToRefs(adminStore);
+const { adminData, menuTree } = storeToRefs(adminStore);
 const defaultTime = [
   new Date(2000, 1, 1, 0, 0, 0),
   new Date(2000, 2, 1, 23, 59, 59),
@@ -250,7 +263,7 @@ const showRejectDialog = (row) => {
 // 查商品名
 const getRefundGoods = async () => {
   try {
-    const res = await API({url: '/general/goods'})
+    const res = await API({ url: '/general/goods' })
     refundGoodsOptions.value = res.data || []
   } catch (error) {
     console.error('获取商品列表失败', error)
@@ -295,7 +308,7 @@ const get = async function (val) {
         return
       }
     }
-    const res = await API({url: '/audit/selectRefund', data: params})
+    const res = await API({ url: '/audit/selectRefund', data: params })
     tableData.value = res.list || []
     pagination.value.total = res.total || 0
     console.log('查全部的total', pagination.value.total, res.total)
@@ -315,7 +328,7 @@ const handleApprove = async (row) => {
         action: 1,// action的1是通过,2是驳回
         rejectReason: ''
       }
-      await API({url: '/audit/audit', data: params})
+      await API({ url: '/audit/audit', data: params })
       ElMessage.success('审核通过成功')
       await get()
       clicked.value = false
@@ -347,7 +360,7 @@ const handleReject = async () => {
         action: 2,
         rejectReason: rejectReason.value
       }
-      await API({url: '/audit/audit', data: params})
+      await API({ url: '/audit/audit', data: params })
       ElMessage.success('驳回成功')
       rejectDialogVisible.value = false
       await get()
@@ -525,8 +538,8 @@ const getMarket = async function () {
 
       return allChildren.map(child => {
         const grandchildren = child.children && child.children.length
-            ? transformTree([child]) // 递归处理子节点
-            : null;
+          ? transformTree([child]) // 递归处理子节点
+          : null;
 
         return {
           value: child.name,
@@ -556,7 +569,7 @@ const format3 = (num) => {
 }
 // 表单验证
 const rules = reactive({
-  reason: [{required: true, message: '请输入驳回理由', trigger: 'blur'}]
+  reason: [{ required: true, message: '请输入驳回理由', trigger: 'blur' }]
 })
 const handlePageSizeChange = function (val) {
   pagination.value.pageSize = val
@@ -583,4 +596,25 @@ onMounted(async () => {
 .operation {
   display: flex;
 }
+
+.select {
+  display: flex;
+
+  .selectRow {
+    width: 17vw;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 0 0.5vw;
+
+    .text {
+      width: 5vw;
+      font-size: 15px;
+    }
+
+    .selectContent {
+      flex: 1;
+    }
+  }
+}
 </style>
\ No newline at end of file