From 231d87163df1bb249dafcf869d5911a2964e2f13 Mon Sep 17 00:00:00 2001
From: zhangrenyuan <18990852002@163.com>
Date: Wed, 15 Oct 2025 18:22:56 +0800
Subject: [PATCH] =?UTF-8?q?add:=20ConfirmDialog.vue=E6=96=87=E4=BB=B6?=
 =?UTF-8?q?=EF=BC=9B=E4=BC=98=E5=8C=96=E4=BB=A3=E7=A0=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/dialogs/ConfirmDialog.vue | 125 +++++++++++++++++++++++++++++++
 src/views/audit/bean/beanAudit.vue       |   7 +-
 src/views/audit/gold/rechargeAudit.vue   | 111 +++++++++++++++++++--------
 src/views/home.vue                       |  39 ++++++++++
 src/views/permissions/rolePermission.vue |   8 +-
 5 files changed, 251 insertions(+), 39 deletions(-)
 create mode 100644 src/components/dialogs/ConfirmDialog.vue

diff --git a/src/components/dialogs/ConfirmDialog.vue b/src/components/dialogs/ConfirmDialog.vue
new file mode 100644
index 0000000..fe92690
--- /dev/null
+++ b/src/components/dialogs/ConfirmDialog.vue
@@ -0,0 +1,125 @@
+<template>
+  <el-dialog 
+    v-model="visible" 
+    :width="width" 
+    :close-on-click-modal="false" 
+    :style="{
+      backgroundImage: 'url(/src/assets/SvgIcons/背景.svg)',
+      backgroundSize: 'cover',
+      backgroundPosition: 'center',
+      height: '400px'
+    }"
+    @close="handleClose">
+    
+    <div class="confirm-content">
+      将要{{ message }}
+      <br>
+    </div>
+    
+    <template #footer>
+      <div class="dialog-footer-button">
+        <el-button round class="custom-large-button" @click="handleCancel">
+          取消
+        </el-button>
+        <el-button round class="custom-large-button" type="primary" @click="handleConfirm">
+          通过
+        </el-button>
+      </div>
+    </template>
+  </el-dialog>
+</template>
+
+<script setup>
+import { ref, watch } from 'vue'
+
+// 组件属性
+const props = defineProps({
+  // 是否显示对话框
+  modelValue: {
+    type: Boolean,
+    default: false
+  },
+  // 对话框宽度
+  width: {
+    type: String,
+    default: '700px'
+  },
+  // 消息内容
+  message: {
+    type: String,
+    default: '通过该记录！'
+  }
+})
+
+// 组件事件
+const emit = defineEmits(['update:modelValue', 'confirm', 'cancel', 'close'])
+
+// 内部可见性状态
+const visible = ref(false)
+
+// 监听外部modelValue变化
+watch(() => props.modelValue, (newVal) => {
+  visible.value = newVal
+})
+
+// 监听内部visible变化，同步到外部
+watch(visible, (newVal) => {
+  emit('update:modelValue', newVal)
+})
+
+// 确认按钮点击事件
+const handleConfirm = () => {
+  emit('confirm')
+  visible.value = false
+}
+
+// 取消按钮点击事件
+const handleCancel = () => {
+  emit('cancel')
+  visible.value = false
+}
+
+// 对话框关闭事件
+const handleClose = () => {
+  emit('close')
+  visible.value = false
+}
+</script>
+
+<style scoped>
+.confirm-content {
+  text-align: center;
+  font-size: 40px;
+  font-weight: bold;
+  color: #333;
+  line-height: 1.5;
+  padding: 20px;
+  position: absolute;
+  top: 57%;
+  left: 53%;
+  transform: translate(-50%, -50%);
+  width: 100%;
+}
+
+.dialog-footer-button {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  display: flex; 
+  justify-content: center; 
+  font-size: 50px;
+  gap: 10px;
+  height: 60px;
+  margin-top: 20px;
+  position: absolute;
+  top: 70%;
+  left: 30%;
+}
+
+.custom-large-button {
+  font-size: 20px !important;
+  height: 40px !important;
+  min-width: 40px !important;
+  padding: 0 40px !important;
+}
+</style>
\ No newline at end of file
diff --git a/src/views/audit/bean/beanAudit.vue b/src/views/audit/bean/beanAudit.vue
index 9756e7e..8b64fd8 100644
--- a/src/views/audit/bean/beanAudit.vue
+++ b/src/views/audit/bean/beanAudit.vue
@@ -89,15 +89,15 @@
         prop="operation" label="操作" width="400px">
         <template #default="scope">
           <div class="operation">
-            <el-popconfirm title="确定要通过此条记录吗？" @confirm="handleApprove(scope.row)">
+            <el-popconfirm  title="确定要通过此条记录吗？" @confirm="handleApprove(scope.row)">
               <template #reference>
                 <el-link :underline="false" class="pass-btn" v-if="hasbeanWaitThough"
                   :disabled="clicked || cancelClicked" type="primary">
                   通过
                 </el-link>
               </template>
-              <template #actions="{ confirm }">
-                <el-button size="small">取消</el-button>
+              <template #actions="{ confirm, cancel }">
+                <el-button size="small" @click="cancel">取消</el-button>
                 <el-button type="primary" size="small" :disabled="clicked" @click="confirm">
                   确认
                 </el-button>
@@ -160,6 +160,7 @@ const reason = ref('')
 const rejectRow = ref({
   id: null
 })// 驳回行数据
+const popconfirmRef = ref(null)
 
 // 操作权限（金豆审核相关，与充值权限格式对齐）
 const hasbeanWait = ref(false)        // 金豆审核待审核（对应beanWait:42）
diff --git a/src/views/audit/gold/rechargeAudit.vue b/src/views/audit/gold/rechargeAudit.vue
index c5b7dbb..a496330 100644
--- a/src/views/audit/gold/rechargeAudit.vue
+++ b/src/views/audit/gold/rechargeAudit.vue
@@ -145,20 +145,11 @@
       <el-table-column v-if="activeName === 'wait'&&(hasrechargeWaitThough||hasrechargeWaitReject)&&hasrechargeWaitShow" fixed="right" prop="operation" label="操作" width="150px">
         <template #default="scope">
           <div class="operation">
-            <el-popconfirm title="确定要通过此条记录吗？" @confirm="handleApprove(scope.row)">
-              <template #reference>
-                <el-link :underline="false" class="pass-btn" v-if="hasrechargeWaitThough"
-                         :disabled="clicked || cancelClicked">
-                  通过
-                </el-link>
-              </template>
-              <template #actions="{ confirm, cancel }">
-                <el-button size="small" @click="cancel">取消</el-button>
-                <el-button type="primary" size="small" :disabled="clicked" @click="confirm">
-                  确认
-                </el-button>
-              </template>
-            </el-popconfirm>
+            <el-link :underline="false" class="pass-btn" v-if="hasrechargeWaitThough"
+                     :disabled="clicked || cancelClicked" type="primary"
+                     @click="showApproveDialog(scope.row)">
+              通过
+            </el-link>
             <el-link :underline="false" class="reject-btn" v-if="hasrechargeWaitReject"
                      :disabled="clicked || cancelClicked" type="primary"
                      @click="showRejectDialog(scope.row)">
@@ -189,8 +180,19 @@
       </span>
     </template>
   </el-dialog>
+
+  <!-- 新增：使用ConfirmDialog组件 -->
+  <ConfirmDialog 
+    v-model="approveDialogVisible"
+    message="通过该记录!"
+    @confirm="handleApproveConfirm"
+    @cancel="handleApproveCancel"
+    @close="handleApproveClose"
+  />
+
 </template>
 
+
 <script setup>
 import { onMounted, reactive, ref } from 'vue'
 import { ElMessage } from 'element-plus'
@@ -200,6 +202,8 @@ import moment from 'moment'
 import { useAdminStore } from "@/store/index.js";
 import { storeToRefs } from "pinia";
 
+import ConfirmDialog from '@/components/dialogs/ConfirmDialog.vue'
+
 const adminStore = useAdminStore();
 const { adminData, menuTree } = storeToRefs(adminStore);
 import { permissionMapping, hasMenuPermission } from "@/utils/menuTreePermission.js"
@@ -246,6 +250,8 @@ const activity = ref([])
 const market = ref("")
 const rejectDialogVisible = ref(false)
 const rejectReason = ref('')
+
+const approveDialogVisible = ref(false)
 // 当前行信息
 const currentRecord = ref(null)
 // 标签页默认是待审批
@@ -575,32 +581,73 @@ const handlePagination = (type, val) => {
   getStats()
 }
 const clicked = ref(false);
-// 处理通过操作
-const handleApprove = async (row) => {
+
+// 显示通过确认对话框
+const showApproveDialog = (row) => {
     if(!hasrechargeWaitThough){
       ElMessage.error('暂无权限')
       return
     }
+  currentRecord.value = row
+  approveDialogVisible.value = true
+}
+
+// 使用handleApproveConfirm函数代替handleApprove
+const handleApproveConfirm = async () => {
   clicked.value = true
-    try {
-      const params = {
-        orderCode: row.orderCode,
-        auditId: adminData.value.id,
-        action: 1,
-        rejectReason: ''
-      }
-      await request({ url: '/audit/audit', data: params })
-      ElMessage.success('审核通过成功')
-      await getRecharge()
-      clicked.value = false
-      await getStats()
-    } catch (error) {
-      console.error('审核通过失败', error)
-      ElMessage.error('操作失败')
+  try {
+    const params = {
+      orderCode: currentRecord.value.orderCode,
+      auditId: adminData.value.id,
+      action: 1,
+      rejectReason: ''
     }
+    await request({ url: '/audit/audit', data: params })
+    ElMessage.success('审核通过成功')
+    approveDialogVisible.value = false
+    await getRecharge()
+    clicked.value = false
+    await getStats()
+  } catch (error) {
+    console.error('审核通过失败', error)
+    ElMessage.error('操作失败')
+    clicked.value = false
+  }
+}
+// 处理通过取消操作
+const handleApproveCancel = () => {
+  approveDialogVisible.value = false
+}
+// 处理通过关闭操作
+const handleApproveClose = () => {
+  approveDialogVisible.value = false
+}
+// 处理通过操作
+// const handleApprove = async (row) => {
+//     if(!hasrechargeWaitThough){
+//       ElMessage.error('暂无权限')
+//       return
+//     }
+//   clicked.value = true
+//     try {
+//       const params = {
+//         orderCode: row.orderCode,
+//         auditId: adminData.value.id,
+//         action: 1,
+//         rejectReason: ''
+//       }
+//       await request({ url: '/audit/audit', data: params })
+//       ElMessage.success('审核通过成功')
+//       await getRecharge()
+//       clicked.value = false
+//       await getStats()
+//     } catch (error) {
+//       console.error('审核通过失败', error)
+//       ElMessage.error('操作失败')
+//     }
 
 
-}
+// }
 const showRejectDialog = (row) => {
     if(!hasrechargeWaitReject){
       ElMessage.error('暂无权限')
diff --git a/src/views/home.vue b/src/views/home.vue
index b87f533..9ad8256 100644
--- a/src/views/home.vue
+++ b/src/views/home.vue
@@ -11,6 +11,45 @@ import { filterMenu, getRoutePath } from "@/utils/menuUtils.js";
 import SettingsIcon from '@/assets/blue.png';
 
 
+
+// -----------------------------------
+
+// 刷新数据功能
+import API from '@/util/http.js' // 确保已经导入了HTTP请求工具
+
+// 数据刷新功能实现
+const refreshData = async () => {
+  try {
+    // 显示加载提示，duration保持打开提示不自动关闭，showclose显示未×，点击可关闭提示
+    ElMessage({ message: '数据刷新中，请稍候...', type: 'info' });
+
+    // 调用Mysql接口获取最新数据
+    const response = await API({ url: '/Mysql', method: 'POST', data: {} });
+    if (response && response.code === 200) {
+      
+      const currentRoute = route.fullPath;
+      router.replace('/blank'); // 临时跳转到一个空页面
+      setTimeout(() => {
+        router.replace(currentRoute); // 跳转回原页面
+      }, 10);
+      
+      ElMessage.success('数据刷新成功');
+    } else {
+      ElMessage.error('数据刷新失败：' + (response?.msg || '未知错误'));
+    }
+  } catch (error) {
+    console.error('数据刷新异常：', error);
+    ElMessage.error('数据刷新异常，请重试');
+  }
+}
+
+// ---------------------------------------
+
+
+
+
+
+
 // 存储接口返回的菜单数据
 const menuList = ref([])
 
diff --git a/src/views/permissions/rolePermission.vue b/src/views/permissions/rolePermission.vue
index ddef31a..18d7da1 100644
--- a/src/views/permissions/rolePermission.vue
+++ b/src/views/permissions/rolePermission.vue
@@ -600,7 +600,7 @@ onMounted(async function () {
       </div>
       <div>
         <el-table :data="roleData" style="width: 82vw;height:62.3vh" show-overflow-tooltip
-        :row-style="{ height: '56px' }">
+          :row-style="{ height: '56px' }">
           <el-table-column type="index" label="序号" width="100px" fixed="left">
             <template #default="scope">
               <span>{{
@@ -676,7 +676,7 @@ onMounted(async function () {
           <el-tree v-if="data.length > 0" :data="data" show-checkbox node-key="id"
             :props="{ label: 'menuName', children: 'children' }" :checked-keys="addRole.checkedKeys"
             :check-strictly="false" @check="handleCheckChange">
-            <template #default="{ node, data }">
+            <template #default="{ node }">
               <span>{{ node.label }}</span>
             </template>
           </el-tree>
@@ -718,7 +718,8 @@ onMounted(async function () {
             :props="{ label: 'menuName', children: 'children' }"
             :default-checked-keys="permissionEditRoleObj.checkedKeys" :check-strictly="false"
             @check="handleEditRolePermissionCheck">
-            <template #default="{ node, data }">
+            <!-- <template #default="{ node, data }"> data删掉了，不影响功能 -->
+            <template #default="{ node }">
               <span>{{ node.label }}</span>
             </template>
           </el-tree>
@@ -739,7 +740,6 @@ onMounted(async function () {
 </template>
 
 <style scoped lang="scss">
-
 // 新增用户按钮
 .add-item {
   margin-bottom: 1vh;