From 995e7dd37c45bdb2684ec20ec33ba0d3e5969438 Mon Sep 17 00:00:00 2001
From: zhangrenyuan <18990852002@163.com>
Date: Wed, 5 Nov 2025 13:57:29 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=8E=88=20perf:=20=E7=9B=AE=E5=89=8D?=
 =?UTF-8?q?=E5=B7=B2=E6=9C=89=E7=9A=84=E5=91=98=E5=B7=A5=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E9=A1=B5=E9=9D=A2=E5=B7=B2=E9=9B=86=E6=88=90=E5=AE=8C=E6=AF=95?=
 =?UTF-8?q?=EF=BC=8C=E5=8C=85=E6=8B=AC=EF=BC=88=E9=87=91=E5=B8=81=E5=85=85?=
 =?UTF-8?q?=E5=80=BC=E6=98=8E=E7=BB=86=EF=BC=8C=E9=87=91=E5=B8=81=E6=B6=88?=
 =?UTF-8?q?=E8=80=97=E6=98=8E=E7=BB=86=EF=BC=8C=E5=AE=A2=E6=88=B7=E9=87=91?=
 =?UTF-8?q?=E5=B8=81=E8=B4=A6=E6=88=B7=E6=98=8E=E7=BB=86=EF=BC=8C=E5=AE=A2?=
 =?UTF-8?q?=E6=88=B7=E9=87=91=E5=B8=81=E8=B4=A6=E6=88=B7=E4=BD=99=E9=A2=9D?=
 =?UTF-8?q?=EF=BC=8C=E9=87=91=E5=B8=81=E9=80=80=E6=AC=BE=E6=98=8E=E7=BB=86?=
 =?UTF-8?q?=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/views/consume/gold/coinConsumeDetail.vue   |  6 +++---
 src/views/refund/gold/coinRefundDetail.vue     | 23 ++++++++++++++++-------
 src/views/usergold/gold/clientCountBalance.vue | 22 +++++++++++++++-------
 3 files changed, 34 insertions(+), 17 deletions(-)

diff --git a/src/views/consume/gold/coinConsumeDetail.vue b/src/views/consume/gold/coinConsumeDetail.vue
index 90be922..2bae2a2 100644
--- a/src/views/consume/gold/coinConsumeDetail.vue
+++ b/src/views/consume/gold/coinConsumeDetail.vue
@@ -9,7 +9,7 @@ import {hasMenuPermission, permissionMapping} from "@/utils/menuTreePermission.j
 import { storeToRefs } from 'pinia'
 import { useAdminStore } from '@/store/index.js'
 const adminStore = useAdminStore()
-const { flag } = storeToRefs(adminStore)
+const { menuTree, flag } = storeToRefs(adminStore)
 // 之后整理一下
 
 // 监听全局flag状态变化
@@ -50,7 +50,7 @@ const defaultTime = [
 */
 
 // 新增复选框状态，默认勾选
-const showEmployeeData = ref(false)
+// const showEmployeeData = ref(false)
 
 //这是获取用户信息的接口
 const adminData = ref({})
@@ -615,7 +615,7 @@ const getMarket = async function () {
             <el-option v-for="item in consumePlatform" :key="item.id" :label="item.label" :value="item.value" />
           </el-select>
         </div>
-        <el-checkbox v-model="showEmployeeData" @change="search()">员工数据</el-checkbox>
+        <!-- <el-checkbox v-model="showEmployeeData" @change="search()">员工数据</el-checkbox> -->
       </div>
 
     </el-col>
diff --git a/src/views/refund/gold/coinRefundDetail.vue b/src/views/refund/gold/coinRefundDetail.vue
index cbcf60f..c8358e0 100644
--- a/src/views/refund/gold/coinRefundDetail.vue
+++ b/src/views/refund/gold/coinRefundDetail.vue
@@ -1,6 +1,6 @@
 <script setup>
 // 这是退款明细页面
-import { computed, onMounted, ref } from 'vue'
+import { computed, onMounted, ref,watch } from 'vue'
 import { ElMessage } from 'element-plus'
 import moment from 'moment'
 import API from '@/util/http.js'
@@ -12,8 +12,17 @@ import { findMenuById, permissionMapping } from "@/utils/menuTreePermission.js"
 import dayjs from "dayjs";
 
 const adminStore = useAdminStore();
-const { adminData, menuTree } = storeToRefs(adminStore);
-const showEmployeeData = ref(false)
+const { adminData, menuTree, flag } = storeToRefs(adminStore);
+// 监听全局flag状态变化
+ watch(flag, (newFlag, oldFlag) => {
+  // 当flag状态改变时，重新发送请求
+  if (newFlag !== oldFlag) {
+    console.log('员工数据flag状态改变，重新加载数据', newFlag)
+    getSelectBy()
+  }
+})
+
+// const showEmployeeData = ref(false)
 const canLook = ref(findMenuById(menuTree.value, permissionMapping.gold_coin_refund_details))
 
 const defaultTime = [
@@ -159,14 +168,14 @@ const getSelectBy = async function (val) {
       url: '/refund/selectBy',
       data: {
         ...getObj.value,
-        refundUser: { ...refundUser.value, flag: showEmployeeData.value ? 0 : 1 }
+        refundUser: { ...refundUser.value, flag: flag.value }
       }
     })
     console.log('===============================', refundUser.value)
     // 复制一份 refundUser.value 并移除排序字段和排序方式
     const detailWithoutSort = {
       ...refundUser.value,
-      flag: showEmployeeData.value ? 0 : 1
+      flag: flag.value
     }
     delete detailWithoutSort.sortField
     delete detailWithoutSort.sortOrder
@@ -357,7 +366,7 @@ const exportExcel = async function () {
       startTime: refundUser.value.startTime || '',
       endTime: refundUser.value.endTime || '',
       goodsName: refundUser.value.goodsName || '',
-      flag: showEmployeeData.value ? 0 : 1,
+      flag: flag.value,
       refundType: refundUser.value.refundType || '',
     },
     page: getObj.pageNum,
@@ -527,7 +536,7 @@ const getMarket = async function () {
             <el-option v-for="item in refundType" :key="item.value" :label="item.label" :value="item.value" />
           </el-select>
         </div>
-        <el-checkbox v-model="showEmployeeData" @change="search()">员工数据</el-checkbox>
+        <!-- <el-checkbox v-model="showEmployeeData" @change="search()">员工数据</el-checkbox> -->
       </div>
     </el-col>
     <el-col>
diff --git a/src/views/usergold/gold/clientCountBalance.vue b/src/views/usergold/gold/clientCountBalance.vue
index b7951da..53c84f0 100644
--- a/src/views/usergold/gold/clientCountBalance.vue
+++ b/src/views/usergold/gold/clientCountBalance.vue
@@ -4,15 +4,23 @@ import { useAdminStore } from "@/store/index.js"
 import { storeToRefs } from "pinia"
 import { findMenuById, permissionMapping } from "@/utils/menuTreePermission.js"
 const adminStore = useAdminStore()
-const { adminData, menuTree } = storeToRefs(adminStore)
-import { onMounted, ref } from 'vue'
+const { adminData, menuTree, flag } = storeToRefs(adminStore)
+// 监听全局flag状态变化(员工数据的)
+ watch(flag, (newFlag, oldFlag) => {
+  // 当flag状态改变时，重新发送请求
+  if (newFlag !== oldFlag) {
+    console.log('员工数据flag状态改变，重新加载数据', newFlag)
+    get()
+  }
+})
+import { onMounted, ref,watch } from 'vue'
 import { ElMessage } from 'element-plus'
 import moment from 'moment'
 import API from '@/util/http.js'
 import { reverseMarketMapping } from "@/utils/marketMap.js";
 
 //新增员工数据复选框
-const showEmployeeData = ref(false)
+// const showEmployeeData = ref(false)
 
 
 // 变量
@@ -102,7 +110,7 @@ const get = async function (val) {
     const result = await API({
       url: '/goldDetail/getGold',
       method: 'post',
-      data: { ...getObj.value, user: { ...user.value, flag: showEmployeeData.value ? 0 : 1 } }
+      data: { ...getObj.value, user: { ...user.value, flag: flag.value } }
     })
     console.log('响应数据', result)
     tableData.value = result.data.list
@@ -115,7 +123,7 @@ const get = async function (val) {
       data: {
         jwcode: user.value.jwcode,
         markets: user.value.markets,
-        flag: showEmployeeData.value ? 0 : 1
+        flag: flag.value
       }
     })
     // 判断精网号是否存在，假设精网号不存在时 result.data.list 为空数组
@@ -242,7 +250,7 @@ const exportExcel = async function () {
     user: {
       jwcode: user.value.jwcode || '',
       markets: user.value.markets || [],
-      flag: showEmployeeData.value ? 0 : 1
+      flag: flag.value
     }
 
   }
@@ -394,7 +402,7 @@ const format3 = (num) => {
           @change="handleMarketChange" />
       </div>
       <div class="head-card-element">
-        <el-checkbox v-model="showEmployeeData" @change="search()">员工数据</el-checkbox>
+        <!-- <el-checkbox v-model="showEmployeeData" @change="search()">员工数据</el-checkbox> -->
       </div>
       <el-button type="primary" @click="search()">查询</el-button>
       <el-button type="primary" @click="exportExcel()">导出Excel</el-button>