From b36f54f723ba77fd9c36eeff4bf38453961a88c3 Mon Sep 17 00:00:00 2001
From: zhangrenyuan <18990852002@163.com>
Date: Tue, 11 Nov 2025 14:10:16 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8C=88=20style:=20=E6=92=B8=E4=BA=86?=
 =?UTF-8?q?=E4=B8=80=E9=81=8D=E5=85=A8=E9=A1=B5=E9=9D=A2=E7=9A=84=E6=A0=B7?=
 =?UTF-8?q?=E5=BC=8F=E9=AB=98=E5=BA=A6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development                               |  4 ++--
 src/views/audit/bean/beanAudit.vue             |  2 +-
 src/views/audit/gold/rechargeAudit.vue         |  2 +-
 src/views/audit/gold/refundAudit.vue           |  2 +-
 src/views/channelManage/cart/cart.vue          |  2 +-
 src/views/channelManage/fans/fans.vue          | 26 +++++++++++++++++++------
 src/views/channelManage/reward/reward.vue      | 27 ++++++++++++++++++++------
 src/views/consume/gold/coinConsumeDetail.vue   |  4 ++--
 src/views/history/newHistory.vue               |  2 +-
 src/views/history/oldHistory.vue               |  2 +-
 src/views/managerecharge/rate.vue              |  2 +-
 src/views/permissions/rolePermission.vue       |  2 +-
 src/views/permissions/userPermission.vue       |  2 +-
 src/views/recharge/bean/beanOnlineRecharge.vue |  2 +-
 src/views/recharge/bean/beanSystemRecharge.vue |  2 +-
 src/views/recharge/gold/coinRechargeDetail.vue |  4 ++--
 src/views/refund/gold/coinRefundDetail.vue     |  4 ++--
 src/views/usergold/bean/userbean.vue           |  2 +-
 src/views/usergold/gold/clientCountBalance.vue |  4 ++--
 src/views/usergold/gold/clientCountDetail.vue  |  4 ++--
 20 files changed, 65 insertions(+), 36 deletions(-)

diff --git a/.env.development b/.env.development
index 46e5850..6f088c9 100644
--- a/.env.development
+++ b/.env.development
@@ -1,4 +1,4 @@
-# VITE_API_BASE='https://hwjb.homilychart.com/dev/admin'
+VITE_API_BASE='https://hwjb.homilychart.com/dev/admin'
 # 测试环境
 #  VITE_API_BASE='http://54.255.212.181:10704/'
 # 正式环境
@@ -14,7 +14,7 @@ VITE_UPLOAD_URL=http://39.101.133.168:8828/hljw/api/aws/upload
 # 孙加倍
 # VITE_API_BASE='http://192.168.40.12:8081'
 # 黄其振
-VITE_API_BASE='http://192.168.40.8:8081'
+# VITE_API_BASE='http://192.168.40.8:8081'
 # Lijianlin
 # VITE_API_BASE='http://192.168.9.41:8081/'
 # VITE_API_BASE='http://localhost:8081/'
diff --git a/src/views/audit/bean/beanAudit.vue b/src/views/audit/bean/beanAudit.vue
index 68fc163..1818529 100644
--- a/src/views/audit/bean/beanAudit.vue
+++ b/src/views/audit/bean/beanAudit.vue
@@ -59,7 +59,7 @@
       免费金豆：{{ format3(stats.freeBean) }}金豆
     </div>
 
-    <el-table :data="tableData" height="55vh" @sort-change="handleSortChange" :row-style="{ height: '50px' }">
+    <el-table :data="tableData" height="65vh" @sort-change="handleSortChange" :row-style="{ height: '50px' }">
       <el-table-column type="index" label="序号" width="80">
         <template #default="scope">
           {{ scope.$index + 1 + (pagination.pageNum - 1) * pagination.pageSize }}
diff --git a/src/views/audit/gold/rechargeAudit.vue b/src/views/audit/gold/rechargeAudit.vue
index 774179a..1beee61 100644
--- a/src/views/audit/gold/rechargeAudit.vue
+++ b/src/views/audit/gold/rechargeAudit.vue
@@ -85,7 +85,7 @@
         免费金币：{{ format3(stats.freeGolds.toFixed(2)) }}金币&nbsp;&nbsp;&nbsp;&nbsp;
       </div>
 
-    <el-table :data="tableData" style="width: 82vw;height:54vh" @sort-change="handleSortChange"
+    <el-table :data="tableData" style="width: 82vw;height:61vh" @sort-change="handleSortChange"
       :row-style="{ height: '50px' }">
       <el-table-column type="index" label="序号" width="100px" fixed="left">
         <template #default="scope">
diff --git a/src/views/audit/gold/refundAudit.vue b/src/views/audit/gold/refundAudit.vue
index e08d1cc..06c713a 100644
--- a/src/views/audit/gold/refundAudit.vue
+++ b/src/views/audit/gold/refundAudit.vue
@@ -74,7 +74,7 @@
       任务金币：{{ format3(stats.taskGolds.toFixed(2)) }}金币
     </div>
 
-    <el-table :data="tableData" style="height:54vh;width:82vw" @sort-change="handleSortChange"
+    <el-table :data="tableData" style="height:61vh;width:82vw" @sort-change="handleSortChange"
       :row-style="{ height: '50px' }">
       <el-table-column type="index" label="序号" width="60" />
       <el-table-column prop="name" label="姓名" width="120" show-overflow-tooltip />
diff --git a/src/views/channelManage/cart/cart.vue b/src/views/channelManage/cart/cart.vue
index 2f0dc5e..95d90cb 100644
--- a/src/views/channelManage/cart/cart.vue
+++ b/src/views/channelManage/cart/cart.vue
@@ -529,7 +529,7 @@ const getTagText = (state) => {
       免费金豆数：{{ format3(Math.abs(freeBean)) }}
     </div>
     <div style="overflow-y: auto">
-      <el-table :data="tableData" style="width: 82vw" height="65vh" @sort-change="handleSortChange"
+      <el-table :data="tableData" style="width: 82vw" height="64vh" @sort-change="handleSortChange"
       :row-style="{ height: '50px' }">
         <el-table-column type="index" label="序号" width="110px" fixed="left">
           <template #default="scope">
diff --git a/src/views/channelManage/fans/fans.vue b/src/views/channelManage/fans/fans.vue
index 0e6eb95..e97bdd5 100644
--- a/src/views/channelManage/fans/fans.vue
+++ b/src/views/channelManage/fans/fans.vue
@@ -1,9 +1,21 @@
 <script setup>
-import { computed, onMounted, ref } from 'vue'
+import { computed, onMounted, ref, watch } from 'vue'
 import { dayjs, 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";
+const adminStore = useAdminStore();
+const { flag } = storeToRefs(adminStore);
+// 监听全局flag状态变化
+ watch(flag, (newFlag, oldFlag) => {
+  // 当flag状态改变时，重新发送请求
+  if (newFlag !== oldFlag) {
+    ConsumeSelectBy()
+  }
+})
+
 // 之后整理一下
 
 /*
@@ -183,7 +195,8 @@ const ConsumeSelectBy = async function (val) {
           startTime: beanConsumeFan.value.startTime || '',
           endTime: beanConsumeFan.value.endTime || '',
           sortField: beanConsumeFan.value.sortField || 'consumeTime',
-          sortOrder: beanConsumeFan.value.sortOrder || 'desc'
+          sortOrder: beanConsumeFan.value.sortOrder || 'desc',
+          flag: flag.value 
         }
       }
     })
@@ -201,7 +214,7 @@ const ConsumeSelectBy = async function (val) {
       payType: 7, // 固定传入 payType 值 7
       beanConsumeFan: {
         ...beanConsumeFan.value,
-
+        flag: flag.value 
       }
     };
     // 发送 POST 请求获取合计数
@@ -262,6 +275,8 @@ const reset = function () {
   getTime.value = {}
   activeTimeRange.value = '' // 清除激活状态
 
+  // 重置页码
+  getObj.value.pageNum = 1
 
   // 点完重置后，重新请求数据
   ConsumeSelectBy()
@@ -516,7 +531,7 @@ const getTagText = (state) => {
       免费金豆数：{{ format3(Math.abs(freeBean)) }}
     </div>
     <div style="overflow-y: auto">
-      <el-table :data="tableData" style="width: 82vw" height="68vh" @sort-change="handleSortChange"
+      <el-table :data="tableData" style="width: 82vw" height="69vh" @sort-change="handleSortChange"
       :row-style="{ height: '50px' }">
         <el-table-column type="index" label="序号" width="80px" fixed="left">
           <template #default="scope">
@@ -545,7 +560,7 @@ const getTagText = (state) => {
 
     <!-- 分页 -->
     <div class="pagination">
-      <el-pagination background :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
+      <el-pagination background :current-page="getObj.pageNum" :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]"
         layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handlePageSizeChange"
         @current-change="handleCurrentChange"></el-pagination>
     </div>
@@ -593,7 +608,6 @@ const getTagText = (state) => {
 // 表单的卡片样式
 .card2 {
   background: #E7F4FD;
-  height: 81vh;
 }
 
 // 新币总数等等
diff --git a/src/views/channelManage/reward/reward.vue b/src/views/channelManage/reward/reward.vue
index e33da94..088ace9 100644
--- a/src/views/channelManage/reward/reward.vue
+++ b/src/views/channelManage/reward/reward.vue
@@ -1,9 +1,22 @@
 <script setup>
-import { computed, onMounted, ref } from 'vue'
+import { computed, onMounted, ref, watch } from 'vue'
 import { dayjs, 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";
+const adminStore = useAdminStore();
+const { flag } = storeToRefs(adminStore);
+
+// 监听全局flag状态变化
+ watch(flag, (newFlag, oldFlag) => {
+  // 当flag状态改变时，重新发送请求
+  if (newFlag !== oldFlag) {
+    selectLiveBy()
+  }
+})
+
 // 之后整理一下
 
 /*
@@ -223,7 +236,8 @@ const selectLiveBy = async function (val) {
           startTime: beanConsumeLive.value.startTime || '',
           endTime: beanConsumeLive.value.endTime || '',
           sortField: beanConsumeLive.value.sortField || 'consumeTime',
-          sortOrder: beanConsumeLive.value.sortOrder || 'desc'
+          sortOrder: beanConsumeLive.value.sortOrder || 'desc',
+          flag: flag.value 
         }
       }
     })
@@ -239,7 +253,7 @@ const selectLiveBy = async function (val) {
       payType: 1, // 固定传入 payType 值 1 是直播
       beanConsumeLive: {
         ...beanConsumeLive.value,
-
+        flag: flag.value 
       }
     };
 
@@ -296,6 +310,8 @@ const reset = function () {
   getTime.value = {}
   activeTimeRange.value = '' // 清除激活状态
 
+  // 重置页码
+  getObj.value.pageNum = 1
 
   // 点完重置后，重新请求数据
   selectLiveBy()
@@ -561,7 +577,7 @@ const getTagText = (state) => {
       免费金豆数：{{ format3(Math.abs(freeBean)) }}
     </div>
     <div style="overflow-y: auto">
-      <el-table :data="tableData" style="width: 82vw" height="68vh" @sort-change="handleSortChange"
+      <el-table :data="tableData" style="width: 82vw" height="69vh" @sort-change="handleSortChange"
       :row-style="{ height: '50px' }">
         <el-table-column type="index" label="序号" width="80px" fixed="left">
           <template #default="scope">
@@ -590,7 +606,7 @@ const getTagText = (state) => {
         <el-table-column prop="consumeTime" label="消费时间" sortable="custom" width="180px" />
       </el-table>
     </div>
-    <el-pagination background :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]" style="margin-top: 20px;"
+    <el-pagination background :current-page="getObj.pageNum" :page-size="getObj.pageSize" :page-sizes="[5, 10, 20, 50, 100]" style="margin-top: 20px;"
       layout="total, sizes, prev, pager, next, jumper" :total="total" @size-change="handlePageSizeChange"
       @current-change="handleCurrentChange"></el-pagination>
   </el-card>
@@ -637,7 +653,6 @@ const getTagText = (state) => {
 // 表单的卡片样式
 .card2 {
   background: #E7F4FD;
-  height: 81vh;
 }
 
 // 新币总数等等
diff --git a/src/views/consume/gold/coinConsumeDetail.vue b/src/views/consume/gold/coinConsumeDetail.vue
index 4ca5ffc..5ca7fed 100644
--- a/src/views/consume/gold/coinConsumeDetail.vue
+++ b/src/views/consume/gold/coinConsumeDetail.vue
@@ -648,8 +648,8 @@ const getMarket = async function () {
       免费金币：{{ format3(Math.abs(freeGolds)) }}&nbsp;&nbsp;&nbsp;&nbsp;
       任务金币：{{ format3(Math.abs(taskGolds)) }}
     </div>
-    <div style="height: 58vh;">
-      <el-table :data="tableData" style="height: 57vh" @sort-change="handleSortChange" 
+    <div style="height: 65vh;">
+      <el-table :data="tableData" style="height: 65vh" @sort-change="handleSortChange" 
       :row-style="{ height: '50px' }">
         <el-table-column type="index" label="序号" width="80px" fixed="left">
           <template #default="scope">
diff --git a/src/views/history/newHistory.vue b/src/views/history/newHistory.vue
index 083e545..35f5ee7 100644
--- a/src/views/history/newHistory.vue
+++ b/src/views/history/newHistory.vue
@@ -17,7 +17,7 @@
     </el-card>
 
     <el-card class="card2" style="margin-top:10px" v-show="tableData.length > 0">
-        <el-table :data="tableData" style="width: 82vw;height:60vh">
+        <el-table :data="tableData" style="width: 82vw;height:74vh">
             <el-table-column type="index" label="序号" width="100" header-align="center" align="center">
                 <template #default="scope">
                     {{ scope.$index + 1 + (pagination.pageNum - 1) * pagination.pageSize }}
diff --git a/src/views/history/oldHistory.vue b/src/views/history/oldHistory.vue
index 981f17a..4cb6c8b 100644
--- a/src/views/history/oldHistory.vue
+++ b/src/views/history/oldHistory.vue
@@ -17,7 +17,7 @@
     </el-card>
 
     <el-card class="card2" style="margin-top:10px" v-show="tableData.length > 0">
-        <el-table :data="tableData" style="width: 82vw;height:60vh">
+        <el-table :data="tableData" style="width: 82vw;height:74vh">
             <el-table-column type="index" label="序号" width="100" header-align="center" align="center">
                 <template #default="scope">
                     {{ scope.$index + 1 + (pagination.pageNum - 1) * pagination.pageSize }}
diff --git a/src/views/managerecharge/rate.vue b/src/views/managerecharge/rate.vue
index 0ddc64e..a629898 100644
--- a/src/views/managerecharge/rate.vue
+++ b/src/views/managerecharge/rate.vue
@@ -256,7 +256,7 @@ onMounted(async function () {
 </script>
 
 <template>
-  <el-card class="card2" style="width:82vw;height:85vh" v-if="hasrateShow">
+  <el-card class="card2" style="width:82vw;height:92vh" v-if="hasrateShow">
     <el-table :data="tableData" v-if="(tableData.flag = 1)">
       <el-table-column type="index" label="序号" width="100px" fixed="left">
         <template #default="scope">
diff --git a/src/views/permissions/rolePermission.vue b/src/views/permissions/rolePermission.vue
index 5468bd2..1c59c90 100644
--- a/src/views/permissions/rolePermission.vue
+++ b/src/views/permissions/rolePermission.vue
@@ -657,7 +657,7 @@ onMounted(async function () {
           v-if="canAdd">新增角色</el-button>
       </div>
       <div>
-        <el-table :data="roleData" style="width: 82vw;height:62.3vh" show-overflow-tooltip
+        <el-table :data="roleData" style="width: 82vw;height:71.3vh" show-overflow-tooltip
           :row-style="{ height: '56px' }">
           <el-table-column type="index" label="序号" width="100px" fixed="left">
             <template #default="scope">
diff --git a/src/views/permissions/userPermission.vue b/src/views/permissions/userPermission.vue
index a45b549..7c9b52f 100644
--- a/src/views/permissions/userPermission.vue
+++ b/src/views/permissions/userPermission.vue
@@ -949,7 +949,7 @@ onMounted(async function () {
       </div>
 
       <div>
-        <el-table :data="tableData" style="width: 82vw;height:63.3vh" show-overflow-tooltip
+        <el-table :data="tableData" style="width: 82vw;height:71.3vh" show-overflow-tooltip
         >
           <el-table-column type="index" label="序号" width="100px" fixed="left">
             <template #default="scope">
diff --git a/src/views/recharge/bean/beanOnlineRecharge.vue b/src/views/recharge/bean/beanOnlineRecharge.vue
index 53ae57d..567839a 100644
--- a/src/views/recharge/bean/beanOnlineRecharge.vue
+++ b/src/views/recharge/bean/beanOnlineRecharge.vue
@@ -411,7 +411,7 @@ onMounted(async function () {
     </div>
     <!-- 设置表格容器的高度和滚动样式 -->
     <div>
-      <el-table :data="tableData" style="width:80vw;" height="60vh" @sort-change="handleSortChange"
+      <el-table :data="tableData" style="width:80vw;" height="65vh" @sort-change="handleSortChange"
       :row-style="{ height: '50px' }">
         <el-table-column type="index" label="序号" width="80px" fixed="left">
           <template #default="scope">
diff --git a/src/views/recharge/bean/beanSystemRecharge.vue b/src/views/recharge/bean/beanSystemRecharge.vue
index 445bd4d..7449e23 100644
--- a/src/views/recharge/bean/beanSystemRecharge.vue
+++ b/src/views/recharge/bean/beanSystemRecharge.vue
@@ -404,7 +404,7 @@ onMounted(async function () {
       免费金豆数：{{ format3(freeBean) }}
     </div>
     <div>
-      <el-table :data="tableData" style="width: 82vw;height:60vh;" @sort-change="handleSortChange" 
+      <el-table :data="tableData" style="width: 82vw;height:65vh;" @sort-change="handleSortChange" 
       :row-style="{ height: '50px' }">
         <el-table-column type="index" label="序号" width="80px" fixed="left">
           <template #default="scope">
diff --git a/src/views/recharge/gold/coinRechargeDetail.vue b/src/views/recharge/gold/coinRechargeDetail.vue
index e9ca93a..4908422 100644
--- a/src/views/recharge/gold/coinRechargeDetail.vue
+++ b/src/views/recharge/gold/coinRechargeDetail.vue
@@ -664,8 +664,8 @@ const getTagText = (state) => {
       免费金币：{{ format3(freeGolds) }}金币
     </div>
     <!-- 设置表格容器的高度和滚动样式 -->
-    <div style="height: 60vh;">
-      <el-table :data="tableData" height="60vh" @sort-change="handleSortChange">
+    <div style="height: 66vh;">
+      <el-table :data="tableData" height="66vh" @sort-change="handleSortChange">
         <el-table-column type="index" label="序号" width="80px" fixed="left">
           <template #default="scope">
             <span>{{
diff --git a/src/views/refund/gold/coinRefundDetail.vue b/src/views/refund/gold/coinRefundDetail.vue
index f20e46d..d30f0b6 100644
--- a/src/views/refund/gold/coinRefundDetail.vue
+++ b/src/views/refund/gold/coinRefundDetail.vue
@@ -578,8 +578,8 @@ const getMarket = async function () {
       任务金币：{{ format3(Math.abs(taskGolds).toFixed(2)) }}
     </div>
     <!-- 设置表格容器的高度和滚动样式 -->
-    <div style="height: 58vh; ">
-      <el-table :data="tableData" style="height: 57vh" @sort-change="handleSortChange"
+    <div style="height: 65vh; ">
+      <el-table :data="tableData" style="height: 65vh" @sort-change="handleSortChange"
       :row-style="{ height: '50px' }">
         <el-table-column type="index" label="序号" width="80px" fixed="left">
           <template #default="scope">
diff --git a/src/views/usergold/bean/userbean.vue b/src/views/usergold/bean/userbean.vue
index 312f2a4..eb685cb 100644
--- a/src/views/usergold/bean/userbean.vue
+++ b/src/views/usergold/bean/userbean.vue
@@ -20,7 +20,7 @@
             免费金豆数：{{ format3(stats.freeBean) }}金豆&nbsp;&nbsp;&nbsp;&nbsp;
             消费金豆总数：{{ format3(stats.consumeSum) }}金豆&nbsp;&nbsp;&nbsp;&nbsp;
         </div>
-        <el-table :data="tableData" height="65vh" @sort-change="handleSortChange" :row-style="{ height: '50px' }">
+        <el-table :data="tableData" height="73vh" @sort-change="handleSortChange" :row-style="{ height: '50px' }">
             <el-table-column type="index" label="序号" width="80px" fixed="left">
                 <template #default="scope">
                     <span>{{
diff --git a/src/views/usergold/gold/clientCountBalance.vue b/src/views/usergold/gold/clientCountBalance.vue
index 93e483d..e77fa21 100644
--- a/src/views/usergold/gold/clientCountBalance.vue
+++ b/src/views/usergold/gold/clientCountBalance.vue
@@ -421,8 +421,8 @@ const format3 = (num) => {
       任务金币：{{ format3(taskGold || 0) }}
     </div>
     <!-- 设置表格容器的高度和滚动样式 -->
-    <div style="height: 60vh; overflow-y: auto">
-      <el-table :data="tableData" @cellClick="cellClick" style="width: 82vw; height:60vh"
+    <div style="height: 69vh; overflow-y: auto">
+      <el-table :data="tableData" @cellClick="cellClick" style="width: 82vw; height:69vh"
         @sort-change="handleSortChange" :row-style="{ height: '50px' }">
         <el-table-column type="index" label="序号" width="100px" fixed="left">
           <template #default="scope">
diff --git a/src/views/usergold/gold/clientCountDetail.vue b/src/views/usergold/gold/clientCountDetail.vue
index 6c8be1f..e60f7b7 100644
--- a/src/views/usergold/gold/clientCountDetail.vue
+++ b/src/views/usergold/gold/clientCountDetail.vue
@@ -545,8 +545,8 @@ const format3 = (num) => {
         任务金币：{{ format3(totalTaskGold || 0) }}&nbsp;&nbsp;
         <a style="color:#b1b1b1; font-size: small;">当前合计仅显示筛选范围内的金币净变化（充值总额 - 消费总额 + 退款总额）</a>
       </div>
-      <div style="height: 58vh; ">
-        <el-table :data="tableData" style="height: 57vh" @sort-change="handleSortChange"  :row-style="{ height: '50px' }">
+      <div style="height: 65vh; ">
+        <el-table :data="tableData" style="height: 65vh" @sort-change="handleSortChange"  :row-style="{ height: '50px' }">
           <el-table-column type="index" label="序号" width="80px" fixed="left">
             <template #default="scope">
               <span>{{