修改所有表格分页数据

gold-system/src/router/index.js

@@ -49,6 +49,8 @@ const router = createRouter({
                 { path: '/goldenBeenBalance', name: "goldenBeenBalance", component: () => import("../views/goldBeen/goldenBeenBalance.vue") },
                 //金豆充值明细
                 { path: '/goldenBeenDetail', name: "goldenBeenDetail", component: () => import("../views/goldBeen/goldenBeenDetail.vue") },
+                //金豆消费明细
+                { path: '/goldenBeenConsum', name: "goldenBeenConsum", component: () => import("../views/goldBeen/goldenBeenConsum.vue") }
             ]
         },
 

gold-system/src/views/audit/rechargeAudit.vue

@@ -1,87 +1,87 @@
 <script setup>
-import { ref, onMounted, reactive, computed } from "vue";
-import ElementPlus from "element-plus";
-import { ElMessage, ElMessageBox } from "element-plus";
-import { AiFillRead } from "vue-icons-plus/ai";
-import axios from "axios";
-import request from "@/util/http";
-import moment from "moment";
-import API from "../../api/index.js";
+import { ref, onMounted, reactive, computed } from 'vue'
+import ElementPlus from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { AiFillRead } from 'vue-icons-plus/ai'
+import axios from 'axios'
+import request from '@/util/http'
+import moment from 'moment'
+import API from '../../api/index.js'
 // 变量
 
 //这是获取用户信息的接口
-const adminData = ref({});
+const adminData = ref({})
 const getAdminData = async function () {
   try {
     const result = await request({
-      url: "/admin/userinfo",
-      data: {},
-    });
-    adminData.value = result;
-    console.log("请求成功", result);
-    console.log("用户信息", adminData.value);
+      url: '/admin/userinfo',
+      data: {}
+    })
+    adminData.value = result
+    console.log('请求成功', result)
+    console.log('用户信息', adminData.value)
   } catch (error) {
-    console.log("请求失败", error);
+    console.log('请求失败', error)
   }
-};
+}
 
 // 充值明细表格
-const tableData = ref([]);
+const tableData = ref([])
 // 搜索======================================
 // 搜索rechargeVo
 const rechargeVo = ref({
-  rechargeWay: "客服充值",
-});
+  rechargeWay: '客服充值'
+})
 // 搜索对象
 const getObj = ref({
   pageNum: 1,
-  pageSize: 50,
-});
+  pageSize: 50
+})
 //分页总条目
-const total = ref(100);
+const total = ref(100)
 // 搜索对象时间
-const getTime = ref([]);
+const getTime = ref([])
 // 搜索活动列表
-const activity = ref([]);
+const activity = ref([])
 // 所有信息
-const allData = ref([]);
+const allData = ref([])
 // 搜索地区列表
-const area = ref([]);
+const area = ref([])
 
 // 编辑======================================
 // 驳回弹出框
-const rejectVisible = ref(false);
+const rejectVisible = ref(false)
 // 驳回对象
-const rejectObj = ref({});
+const rejectObj = ref({})
 // 通过对象
-const passObj = ref({});
+const passObj = ref({})
 
 //标签页默认高亮选项
-const activeName = ref("all");
+const activeName = ref('all')
 
 // 支付方式选项
 const payWay = [
   {
-    value: "微信",
-    label: "微信",
+    value: '微信',
+    label: '微信'
   },
   {
-    value: "支付宝",
-    label: "支付宝",
+    value: '支付宝',
+    label: '支付宝'
   },
   {
-    value: "银联",
-    label: "银联",
+    value: '银联',
+    label: '银联'
   },
   {
-    value: "信用卡",
-    label: "信用卡",
+    value: '信用卡',
+    label: '信用卡'
   },
   {
-    value: "借记卡",
-    label: "借记卡",
-  },
-];
+    value: '借记卡',
+    label: '借记卡'
+  }
+]
 
 // //表格高度
 // const tableHeight = computed(function () {
@@ -89,450 +89,454 @@ const payWay = [
 // });
 
 // 表单验证ref
-const Ref = ref(null);
+const Ref = ref(null)
 
 // 方法
 // 合计数存储
 // 统计合计数
-const trueGold = ref(0);
-const trueCount = ref(0);
-const trueRGold = ref(0);
-const trueFGold = ref(0);
+const trueGold = ref(0)
+const trueCount = ref(0)
+const trueRGold = ref(0)
+const trueFGold = ref(0)
 // 待审核条数
-const pendingCount = ref(0);
+const pendingCount = ref(0)
 // 待审核金币数
-const pendingGold = ref(0);
-const pendingRGold = ref(0);
-const pendingFGold = ref(0);
+const pendingGold = ref(0)
+const pendingRGold = ref(0)
+const pendingFGold = ref(0)
 // 已通过条数
-const approvedCount = ref(0);
+const approvedCount = ref(0)
 // 已通过金币数
-const approvedGold = ref(0);
-const approvedRGold = ref(0);
-const approvedFGold = ref(0);
+const approvedGold = ref(0)
+const approvedRGold = ref(0)
+const approvedFGold = ref(0)
 // 已驳回条数
-const rejectedCount = ref(0);
+const rejectedCount = ref(0)
 // 已驳回金币数
-const rejectedGold = ref(0);
-const rejectedRGold = ref(0);
-const rejectedFGold = ref(0);
+const rejectedGold = ref(0)
+const rejectedRGold = ref(0)
+const rejectedFGold = ref(0)
 // 搜索==============================================================
 // 搜索方法
 const get = async function (val) {
   try {
     // 地区赋值
-    if (adminData.value.area === "泰国") {
-      rechargeVo.value.areas = ["泰国", "越南"];
-    } else if (adminData.value.area !== "总部") {
-      rechargeVo.value.area = adminData.value.area;
+    if (adminData.value.area === '泰国') {
+      rechargeVo.value.areas = ['泰国', '越南']
+    } else if (adminData.value.area !== '总部') {
+      rechargeVo.value.area = adminData.value.area
     }
     // 搜索参数页码赋值
-    if (typeof val === "number") {
-      getObj.value.pageNum = val;
+    if (typeof val === 'number') {
+      getObj.value.pageNum = val
     }
     // 搜索参数时间赋值
     if (getTime.value != null) {
-      if (getTime.value.startDate != "" && getTime.value.endDate != "") {
-        rechargeVo.value.startDate = getTime.value[0];
-        rechargeVo.value.endDate = getTime.value[1];
+      if (getTime.value.startDate != '' && getTime.value.endDate != '') {
+        rechargeVo.value.startDate = getTime.value[0]
+        rechargeVo.value.endDate = getTime.value[1]
       }
     } else {
-      rechargeVo.value.startDate = "";
-      rechargeVo.value.endDate = "";
+      rechargeVo.value.startDate = ''
+      rechargeVo.value.endDate = ''
     }
-    rechargeVo.value.sortField = sortField.value;
-    rechargeVo.value.sortOrder = sortOrder.value;
-    console.log("搜索参数", getObj.value);
+    rechargeVo.value.sortField = sortField.value
+    rechargeVo.value.sortOrder = sortOrder.value
+    console.log('搜索参数', getObj.value)
     // 发送POST请求
     const result = await request({
-      url: "/recharge/recharge",
+      url: '/recharge/recharge',
       data: {
         pageNum: getObj.value.pageNum,
         pageSize: getObj.value.pageSize,
-        rechargeVo: { ...rechargeVo.value },
-      },
-    });
+        rechargeVo: { ...rechargeVo.value }
+      }
+    })
     // 合计数的接口
     // 复制一份 rechargeVo.value 并移除排序字段和排序方式
-    const detailWithoutSort = { ...rechargeVo.value };
-    delete detailWithoutSort.sortField;
-    delete detailWithoutSort.sortOrder;
-    delete detailWithoutSort.status;
+    const detailWithoutSort = { ...rechargeVo.value }
+    delete detailWithoutSort.sortField
+    delete detailWithoutSort.sortOrder
+    delete detailWithoutSort.status
     const result2 = await request({
-      url: "/recharge/recharge/RechargeA",
-      data: detailWithoutSort,
-    });
+      url: '/recharge/recharge/RechargeA',
+      data: detailWithoutSort
+    })
     // 做一个判断，如果result2.data[i].flag="待审核"，那么 totalData.value = result2.data[i]，否则就赋值为0
     // 统计合计数
     if (result2.data) {
       result2.data.forEach((item) => {
-        switch (item.flag) {
-          case "待审核":
+        switch (item.auditStatus) {
+          case '待审核':
             // 若 item.raudit 为空则赋值为 0
-            pendingCount.value = item.raudit || 0;
+            pendingCount.value = item.raudit || 0
             // 若 item.sumRaudit 为空则赋值为 0
-            pendingGold.value = item.sumRaudit || 0;
-            pendingRGold.value = item.sumRaudit1 || 0;
-            pendingFGold.value = item.sumRaudit2 || 0;
-            break;
-          case "已通过":
-            approvedCount.value = item.raudit || 0;
-            approvedGold.value = item.sumRaudit || 0;
-            approvedRGold.value = item.sumRaudit1 || 0;
-            approvedFGold.value = item.sumRaudit2 || 0;
-            break;
-          case "已驳回":
-            rejectedCount.value = item.raudit || 0;
-            rejectedGold.value = item.sumRaudit || 0;
-            rejectedRGold.value = item.sumRaudit1 || 0;
-            rejectedFGold.value = item.sumRaudit2 || 0;
-            break;
+            pendingGold.value = item.sumRaudit || 0
+            pendingRGold.value = item.sumRaudit1 || 0
+            pendingFGold.value = item.sumRaudit2 || 0
+            break
+          case '已通过':
+            approvedCount.value = item.raudit || 0
+            approvedGold.value = item.sumRaudit || 0
+            approvedRGold.value = item.sumRaudit1 || 0
+            approvedFGold.value = item.sumRaudit2 || 0
+            break
+          case '已驳回':
+            rejectedCount.value = item.raudit || 0
+            rejectedGold.value = item.sumRaudit || 0
+            rejectedRGold.value = item.sumRaudit1 || 0
+            rejectedFGold.value = item.sumRaudit2 || 0
+            break
         }
-      });
+      })
     }
 
-    trueGold.value =
-      pendingGold.value + approvedGold.value + rejectedGold.value;
+    trueGold.value = pendingGold.value + approvedGold.value + rejectedGold.value
     trueCount.value =
-      pendingCount.value + approvedCount.value + rejectedCount.value;
+      pendingCount.value + approvedCount.value + rejectedCount.value
     trueRGold.value =
-      pendingRGold.value + approvedRGold.value + rejectedRGold.value;
+      pendingRGold.value + approvedRGold.value + rejectedRGold.value
     trueFGold.value =
-      pendingFGold.value + approvedFGold.value + rejectedFGold.value;
+      pendingFGold.value + approvedFGold.value + rejectedFGold.value
 
     // 将响应结果存储到响应式数据中
-    console.log("请求成功", result);
-    console.log("这是分页", getObj.value);
+    console.log('请求成功', result)
+    console.log('这是分页', getObj.value)
     // 存储表格数据
-    tableData.value = result.data.list;
-    console.log("tableData", tableData.value);
+    tableData.value = result.data.list
+    console.log('tableData', tableData.value)
     // 存储分页总数
-    total.value = result.data.total;
-    console.log("total", total.value);
+    total.value = result.data.total
+    console.log('total', total.value)
   } catch (error) {
-    console.log("请求失败", error);
+    console.log('请求失败', error)
     // 在这里可以处理错误逻辑，比如显示错误提示等
   }
-};
+}
 // 搜索
 const search = function () {
-  getObj.value.pageNum = 1;
-  get();
-};
+  getObj.value.pageNum = 1
+  get()
+}
 // 重置
 const reset = function () {
-  delete rechargeVo.value.activityId;
-  delete rechargeVo.value.jwcode;
-  delete rechargeVo.value.payWay;
-  delete rechargeVo.value.area;
-  delete rechargeVo.value.startDate;
-  delete rechargeVo.value.endDate;
-  getTime.value = {};
-};
+  delete rechargeVo.value.activityId
+  delete rechargeVo.value.jwcode
+  delete rechargeVo.value.payWay
+  delete rechargeVo.value.area
+  delete rechargeVo.value.startDate
+  delete rechargeVo.value.endDate
+  getTime.value = {}
+}
 // 今天
 const getToday = function () {
-  const today = new Date();
+  const today = new Date()
   const startDate = new Date(
     today.getFullYear(),
     today.getMonth(),
     today.getDate()
-  );
+  )
   const endDate = new Date(
     today.getFullYear(),
     today.getMonth(),
     today.getDate() + 1
-  );
-  getTime.value = [startDate, endDate];
-  console.log("getTime", getTime.value);
-  get();
-};
+  )
+  getTime.value = [startDate, endDate]
+  console.log('getTime', getTime.value)
+  get()
+}
 // 昨天
 const getYesterday = function () {
-  const yesterday = new Date();
-  yesterday.setDate(yesterday.getDate() - 1);
+  const yesterday = new Date()
+  yesterday.setDate(yesterday.getDate() - 1)
   const startDate = new Date(
     yesterday.getFullYear(),
     yesterday.getMonth(),
     yesterday.getDate()
-  );
+  )
   const endDate = new Date(
     yesterday.getFullYear(),
     yesterday.getMonth(),
     yesterday.getDate() + 1
-  );
-  getTime.value = [startDate, endDate];
-  console.log("getTime", getTime.value);
-  get();
-};
+  )
+  getTime.value = [startDate, endDate]
+  console.log('getTime', getTime.value)
+  get()
+}
 // 近7天
 const get7Days = function () {
-  const today = new Date();
+  const today = new Date()
   const startDate = new Date(
     today.getFullYear(),
     today.getMonth(),
     today.getDate() - 6
-  );
+  )
   const endDate = new Date(
     today.getFullYear(),
     today.getMonth(),
     today.getDate() + 1
-  );
-  getTime.value = [startDate, endDate];
-  console.log("getTime", getTime.value);
-  get();
-};
+  )
+  getTime.value = [startDate, endDate]
+  console.log('getTime', getTime.value)
+  get()
+}
 //全部充值明细
 const adminAll = function () {
-  console.log("adminAll");
-  rechargeVo.value.status = "";
-  getObj.value.pageNum = 1;
-  get();
-};
+  console.log('adminAll')
+  rechargeVo.value.status = ''
+  getObj.value.pageNum = 1
+  get()
+}
 //待审核充值明细
 const adminWait = async function () {
-  rechargeVo.value.status = 0;
-  getObj.value.pageNum = 1;
-  await get();
-  console.log("adminWait");
-  trueCount.value = pendingCount.value;
-  trueGold.value = pendingGold.value;
-  trueRGold.value = pendingRGold.value;
-  trueFGold.value = pendingFGold.value;
-};
+  rechargeVo.value.status = 0
+  getObj.value.pageNum = 1
+  await get()
+  console.log('adminWait')
+  trueCount.value = pendingCount.value
+  trueGold.value = pendingGold.value
+  trueRGold.value = pendingRGold.value
+  trueFGold.value = pendingFGold.value
+}
 //已通过充值明细
 const adminPass = async function () {
-  rechargeVo.value.status = 1;
-  getObj.value.pageNum = 1;
-  await get();
-  console.log("adminPass");
-  trueCount.value = approvedCount.value;
-  trueGold.value = approvedGold.value;
-  trueRGold.value = approvedRGold.value;
-  trueFGold.value = approvedFGold.value;
-};
+  rechargeVo.value.status = 1
+  getObj.value.pageNum = 1
+  await get()
+  console.log('adminPass')
+  trueCount.value = approvedCount.value
+  trueGold.value = approvedGold.value
+  trueRGold.value = approvedRGold.value
+  trueFGold.value = approvedFGold.value
+}
 //已驳回充值明细
 const adminReject = async function () {
-  rechargeVo.value.status = 2;
-  getObj.value.pageNum = 1;
-  await get();
-  console.log("adminReject");
-  trueCount.value = rejectedCount.value;
-  trueGold.value = rejectedGold.value;
-  trueRGold.value = rejectedRGold.value;
-  trueFGold.value = rejectedFGold.value;
-};
+  rechargeVo.value.status = 2
+  getObj.value.pageNum = 1
+  await get()
+  console.log('adminReject')
+  trueCount.value = rejectedCount.value
+  trueGold.value = rejectedGold.value
+  trueRGold.value = rejectedRGold.value
+  trueFGold.value = rejectedFGold.value
+}
 //点击标签页
 const handleClick = function (tab, event) {
-  if (tab.props.name === "all") {
-    adminAll();
-  } else if (tab.props.name === "wait") {
-    adminWait();
-  } else if (tab.props.name === "pass") {
-    adminPass();
-  } else if (tab.props.name === "reject") {
-    adminReject();
+  if (tab.props.name === 'all') {
+    adminAll()
+  } else if (tab.props.name === 'wait') {
+    adminWait()
+  } else if (tab.props.name === 'pass') {
+    adminPass()
+  } else if (tab.props.name === 'reject') {
+    adminReject()
   }
-};
+}
 // 获取活动名称
 const getActivity = async function () {
   try {
     // 发送POST请求
     const result = await request({
-      url: "/recharge/activity/select",
-      data: {},
-    });
+      url: '/recharge/activity/select',
+      data: {}
+    })
 
     // 将响应结果存储到响应式数据中
-    console.log("请求成功", result);
+    console.log('请求成功', result)
     // 存储表格数据
-    activity.value = result.data;
-    console.log("activity", activity.value);
+    activity.value = result.data
+    console.log('activity', activity.value)
   } catch (error) {
-    console.log("请求失败", error);
+    console.log('请求失败', error)
     // 在这里可以处理错误逻辑，比如显示错误提示等
   }
-};
+}
 // 获取地区
 const getArea = async function () {
   try {
     // 发送POST请求
     const result = await request({
-      url: "/recharge/user/search",
-      data: {},
-    });
+      url: '/recharge/user/search',
+      data: {}
+    })
     // 将响应结果存储到响应式数据中
-    console.log("请求成功", result);
+    console.log('请求成功', result)
     // 存储地区信息
-    area.value = result.data;
-    console.log("地区", area.value);
+    area.value = result.data
+    console.log('地区', area.value)
   } catch (error) {
-    console.log("请求失败", error);
+    console.log('请求失败', error)
     // 在这里可以处理错误逻辑，比如显示错误提示等
   }
-};
+}
 // 验证跳转输入框的数字是否合法
 const checkNumber = function () {
-  if (typeof parseInt(getObj.value.pageNum) === "number") {
-    console.log(
-      "总共有多少页" + Math.ceil(total.value / getObj.value.pageSize)
-    );
+  if (typeof parseInt(getObj.value.pageNum) === 'number') {
+    console.log('总共有多少页' + Math.ceil(total.value / getObj.value.pageSize))
     if (
       getObj.value.pageNum > 0 &&
       getObj.value.pageNum <= Math.ceil(total.value / getObj.value.pageSize)
     ) {
-      console.log("输入的数字合法");
-      getObj.value.pageNum = parseInt(getObj.value.pageNum);
-      get();
+      console.log('输入的数字合法')
+      getObj.value.pageNum = parseInt(getObj.value.pageNum)
+      get()
     } else {
       //提示
       ElMessage({
-        type: "error",
-        message: "请检查输入内容",
-      });
+        type: 'error',
+        message: '请检查输入内容'
+      })
     }
   } else {
     //提示
     ElMessage({
-      type: "error",
-      message: "请检查输入内容",
-    });
+      type: 'error',
+      message: '请检查输入内容'
+    })
   }
-};
-
+}
+const handlePageSizeChange = function (val) {
+  getObj.value.pageSize = val
+  get()
+}
+const handleCurrentChange = function (val) {
+  getObj.value.pageNum = val
+  get()
+}
 // 编辑====================================
 // 通过按钮
 const pass = function (row) {
   // 通过初始化
-  passObj.value = row;
-  passObj.value.adminId = adminData.value.adminId;
-  passObj.value.auditId = row.auditId;
-  passObj.value.status = 1;
-  passObj.value.rechargeId = row.rechargeId;
-  passObj.value.detailId = row.detailId;
-  passObj.value.jwcode = row.jwcode;
-  passObj.value.paidGold = row.paidGold;
-  passObj.value.freeGold = row.freeGold;
-  passObj.value.adminName = adminData.value.adminName;
+  passObj.value = row
+  passObj.value.adminId = adminData.value.adminId
+  passObj.value.auditId = row.auditId
+  passObj.value.status = 1
+  passObj.value.rechargeId = row.rechargeId
+  passObj.value.detailId = row.detailId
+  passObj.value.jwcode = row.jwcode
+  passObj.value.paidGold = row.paidGold
+  passObj.value.freeGold = row.freeGold
+  passObj.value.adminName = adminData.value.adminName
 
-  console.log("通过对象", passObj.value);
-};
+  console.log('通过对象', passObj.value)
+}
 
 // 通过确认
 const passConfirm = async function () {
   try {
-    console.log("通过对象", passObj.value);
+    console.log('通过对象', passObj.value)
     // 发送POST请求
     // passObj.value.flag = 0;
     const result = await request({
-      url: "/audit/audit/goldedit",
-      data: passObj.value,
-    });
+      url: '/audit/audit/goldedit',
+      data: passObj.value
+    })
 
     // 将响应结果存储到响应式数据中
-    console.log("请求成功", result);
+    console.log('请求成功', result)
     // 刷新表格数据
-    get();
+    get()
     //提示
     ElMessage({
-      type: "success",
-      message: "通过成功！",
-    });
+      type: 'success',
+      message: '通过成功！'
+    })
   } catch (error) {
-    console.log("请求失败", error);
+    console.log('请求失败', error)
     // 在这里可以处理错误逻辑，比如显示错误提示等
   }
-};
+}
 
 // 打开驳回弹出框
 const openRejectVisible = function () {
-  rejectVisible.value = true;
-};
+  rejectVisible.value = true
+}
 // 关闭驳回弹出框
 const closeRejectVisible = function () {
-  rejectVisible.value = false;
-};
+  rejectVisible.value = false
+}
 // 驳回按钮
 const reject = function (row) {
   // 驳回初始化
-  rejectObj.value.adminId = adminData.value.adminId;
-  rejectObj.value.auditId = row.auditId;
-  rejectObj.value.status = 2;
-  rejectObj.value.reson = "";
-  rejectObj.value.rechargeId = row.rechargeId;
-  rejectObj.value.detailId = row.detailId;
-  console.log("驳回对象", rejectObj.value);
-  openRejectVisible();
-};
+  rejectObj.value.adminId = adminData.value.adminId
+  rejectObj.value.auditId = row.auditId
+  rejectObj.value.status = 2
+  rejectObj.value.reson = ''
+  rejectObj.value.rechargeId = row.rechargeId
+  rejectObj.value.detailId = row.detailId
+  console.log('驳回对象', rejectObj.value)
+  openRejectVisible()
+}
 // 驳回确认
 const rejectConfirm = async function () {
   Ref.value.validate(async (valid) => {
     if (valid) {
       try {
-        console.log("驳回对象", rejectObj.value);
+        console.log('驳回对象', rejectObj.value)
         // 发送POST请求
         const result = await request({
-          url: "/audit/audit/goldedit",
-          data: rejectObj.value,
-        });
+          url: '/audit/audit/goldedit',
+          data: rejectObj.value
+        })
 
         // 将响应结果存储到响应式数据中
-        console.log("请求成功", result);
+        console.log('请求成功', result)
         // 刷新表格数据
-        get();
+        get()
         // 关闭弹出框
-        closeRejectVisible();
+        closeRejectVisible()
         //提示
         ElMessage({
-          type: "success",
-          message: "驳回成功！",
-        });
+          type: 'success',
+          message: '驳回成功！'
+        })
       } catch (error) {
-        console.log("请求失败", error);
+        console.log('请求失败', error)
         // 在这里可以处理错误逻辑，比如显示错误提示等
       }
     } else {
       //提示
       ElMessage({
-        type: "error",
-        message: "请检查输入内容",
-      });
+        type: 'error',
+        message: '请检查输入内容'
+      })
     }
-  });
-};
+  })
+}
 
 // 表单验证
 
 const rules = reactive({
-  reson: [{ required: true, message: "请输入驳回理由", trigger: "blur" }],
-});
+  reson: [{ required: true, message: '请输入驳回理由', trigger: 'blur' }]
+})
 
 // 挂载
 onMounted(async function () {
-  await getAdminData();
-  await getActivity();
-  await get();
-});
+  await getAdminData()
+  await getActivity()
+  await get()
+})
 // 新增排序字段和排序方式
-const sortField = ref("");
-const sortOrder = ref("");
+const sortField = ref('')
+const sortOrder = ref('')
 // 处理排序事件
 const handleSortChange = (column) => {
-  console.log("排序字段：", column.prop);
-  console.log("排序方式：", column.order);
-  if (column.prop === "rechargeGold") {
-    sortField.value = "recharge_gold";
-  } else if (column.prop === "freeGold") {
-    sortField.value = "free_gold";
-  } else if (column.prop === "rechargeTime") {
-    sortField.value = "recharge_time";
-  } else if (column.prop === "createTime") {
-    sortField.value = "create_time";
-  } else if (column.prop === "paidGold") {
-    sortField.value = "paid_gold";
+  console.log('排序字段：', column.prop)
+  console.log('排序方式：', column.order)
+  if (column.prop === 'rechargeGold') {
+    sortField.value = 'recharge_gold'
+  } else if (column.prop === 'freeGold') {
+    sortField.value = 'free_gold'
+  } else if (column.prop === 'rechargeTime') {
+    sortField.value = 'recharge_time'
+  } else if (column.prop === 'createTime') {
+    sortField.value = 'create_time'
+  } else if (column.prop === 'paidGold') {
+    sortField.value = 'paid_gold'
   }
-  sortOrder.value = column.order === "ascending" ? "ASC" : "DESC";
-  get();
-};
+  sortOrder.value = column.order === 'ascending' ? 'ASC' : 'DESC'
+  get()
+}
 </script>
 
 <template>
@@ -777,7 +781,7 @@ const handleSortChange = (column) => {
             >
               <template #default="scope">
                 {{
-                  moment(scope.row.rechargeTime).format("YYYY-MM-DD HH:mm:ss")
+                  moment(scope.row.rechargeTime).format('YYYY-MM-DD HH:mm:ss')
                 }}
               </template>
             </el-table-column>
@@ -843,41 +847,12 @@ const handleSortChange = (column) => {
           <el-pagination
             background
             :page-size="getObj.pageSize"
-            layout="slot"
+            :page-sizes="[5, 10, 20, 50, 100]"
+            layout="total, sizes, prev, pager, next, jumper"
             :total="total"
-          >
-            <div>共{{ total }}条,每页</div>
-            <el-select
-              v-model="getObj.pageSize"
-              class="page-size"
-              @change="get()"
-              style="width: 80px"
-            >
-              <el-option
-                v-for="item in [5, 10, 20, 50, 100]"
-                :key="item"
-                :label="item"
-                :value="item"
-              ></el-option>
-            </el-select>
-            <div>条</div>
-          </el-pagination>
-          <el-pagination
-            background
-            layout="prev, pager, next,slot"
-            :page-size="getObj.pageSize"
-            :total="total"
-            :current-page="getObj.pageNum"
-            @current-change="get"
-          >
-            <div>跳至</div>
-            <el-input
-              v-model="getObj.pageNum"
-              style="width: 40px"
-              @change="checkNumber"
-            />
-            <div>页</div>
-          </el-pagination>
+            @size-change="handlePageSizeChange"
+            @current-change="handleCurrentChange"
+          ></el-pagination>
         </div>
       </el-card>
     </el-col>

gold-system/src/views/audit/refundAudit.vue

@@ -1,73 +1,73 @@
 <script setup>
-import { ref, onMounted, reactive, computed } from "vue";
-import ElementPlus from "element-plus";
-import request from "@/util/http";
-import { ElMessage, ElMessageBox } from "element-plus";
-import { AiFillRead } from "vue-icons-plus/ai";
-import axios from "axios";
-import moment from "moment";
-import API from "../../api/index.js";
+import { ref, onMounted, reactive, computed } from 'vue'
+import ElementPlus from 'element-plus'
+import request from '@/util/http'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import { AiFillRead } from 'vue-icons-plus/ai'
+import axios from 'axios'
+import moment from 'moment'
+import API from '../../api/index.js'
 // 变量
 // 用户对象假的
 const admin = ref({
   adminId: 1,
-  name: "赵刚",
-  area: "中国",
-});
+  name: '赵刚',
+  area: '中国'
+})
 //这是获取用户信息的接口
-const adminData = ref({});
+const adminData = ref({})
 const getAdminData = async function () {
   try {
     const result = await request({
-      url: "/admin/userinfo",
-      data: {},
-    });
-    adminData.value = result;
-    console.log("请求成功", result);
-    console.log("用户信息", adminData.value);
+      url: '/admin/userinfo',
+      data: {}
+    })
+    adminData.value = result
+    console.log('请求成功', result)
+    console.log('用户信息', adminData.value)
   } catch (error) {
-    console.log("请求失败", error);
+    console.log('请求失败', error)
   }
-};
+}
 // 充值明细表格
-const tableData = ref([]);
+const tableData = ref([])
 // 搜索======================================
 // 搜索detail
-const detail = ref({});
+const detail = ref({})
 // 搜索对象
 const getObj = ref({
   pageNum: 1,
-  pageSize: 50,
-});
+  pageSize: 50
+})
 //分页总条目
-const total = ref(100);
+const total = ref(100)
 // 搜索对象时间
-const getTime = ref([]);
+const getTime = ref([])
 // 搜索活动列表
-const product = ref([]);
+const product = ref([])
 // 所有信息
-const allData = ref([]);
+const allData = ref([])
 // 搜索地区列表
-const area = ref([]);
+const area = ref([])
 
 // 编辑======================================
 // 驳回弹出框
-const rejectVisible = ref(false);
+const rejectVisible = ref(false)
 // 驳回对象
-const rejectObj = ref({});
+const rejectObj = ref({})
 // 通过对象
-const passObj = ref({});
+const passObj = ref({})
 
 //标签页默认高亮选项
-const activeName = ref("all");
+const activeName = ref('all')
 
 // 退款类型选项
 const refundType = [
   {
-    value: "退款商品",
-    label: "退款商品",
-  },
-];
+    value: '退款商品',
+    label: '退款商品'
+  }
+]
 
 // //表格高度
 // const tableHeight = computed(function () {
@@ -75,421 +75,425 @@ const refundType = [
 // });
 
 // 表单验证ref
-const Ref = ref(null);
+const Ref = ref(null)
 
 // 方法
 // 统计合计数
 // 统计合计数
-const trueGold = ref(0);
-const trueCount = ref(0);
+const trueGold = ref(0)
+const trueCount = ref(0)
 // 待审核条数
-const pendingCount = ref(0);
+const pendingCount = ref(0)
 // 待审核金币数
-const pendingGold = ref(0);
+const pendingGold = ref(0)
 // 已通过条数
-const approvedCount = ref(0);
+const approvedCount = ref(0)
 // 已通过金币数
-const approvedGold = ref(0);
+const approvedGold = ref(0)
 // 已驳回条数
-const rejectedCount = ref(0);
+const rejectedCount = ref(0)
 // 已驳回金币数
-const rejectedGold = ref(0);
+const rejectedGold = ref(0)
 
 // 搜索==================================================================
 // 搜索方法
 const get = async function (val) {
   try {
     // 地区赋值
-    if (adminData.value.area === "泰国") {
-      rechargeVo.value.areas = ["泰国", "越南"];
-    } else if (adminData.value.area !== "总部") {
-      rechargeVo.value.area = adminData.value.area;
+    if (adminData.value.area === '泰国') {
+      rechargeVo.value.areas = ['泰国', '越南']
+    } else if (adminData.value.area !== '总部') {
+      rechargeVo.value.area = adminData.value.area
     }
     // 搜索参数页码赋值
-    if (typeof val === "number") {
-      getObj.value.pageNum = val;
+    if (typeof val === 'number') {
+      getObj.value.pageNum = val
     }
     // 搜索参数时间赋值
     if (getTime.value != null) {
-      if (getTime.value.startDate != "" && getTime.value.endDate != "") {
-        detail.value.startDate = getTime.value[0];
-        detail.value.endDate = getTime.value[1];
+      if (getTime.value.startDate != '' && getTime.value.endDate != '') {
+        detail.value.startDate = getTime.value[0]
+        detail.value.endDate = getTime.value[1]
       }
     } else {
-      detail.value.startDate = "";
-      detail.value.endDate = "";
+      detail.value.startDate = ''
+      detail.value.endDate = ''
     }
-    detail.value.sortField = sortField.value;
-    detail.value.sortOrder = sortOrder.value;
-    console.log("搜索参数", getObj.value);
+    detail.value.sortField = sortField.value
+    detail.value.sortOrder = sortOrder.value
+    console.log('搜索参数', getObj.value)
     // 发送POST请求
     const result = await request({
-      url: "/audit/audit/refund",
+      url: '/audit/audit/refund',
       data: {
         pageNum: getObj.value.pageNum,
         pageSize: getObj.value.pageSize,
         detail: {
-          ...detail.value,
-        },
-      },
-    });
-    const detailWithoutSort = { ...detail.value };
-    delete detailWithoutSort.sortField;
-    delete detailWithoutSort.sortOrder;
+          ...detail.value
+        }
+      }
+    })
+    const detailWithoutSort = { ...detail.value }
+    delete detailWithoutSort.sortField
+    delete detailWithoutSort.sortOrder
     const result2 = await request({
-      url: "/refund/RefundA",
-      data: detailWithoutSort,
-    });
+      url: '/refund/RefundA',
+      data: detailWithoutSort
+    })
 
     // 统计合计数
     if (result2.data) {
       result2.data.forEach((item) => {
         switch (item.status) {
-          case "待审核":
+          case '待审核':
             // 若 item.raudit 为空则赋值为 0
-            pendingCount.value = item.raudit || 0;
+            pendingCount.value = item.raudit || 0
             // 若 item.sumRaudit 为空则赋值为 0
-            pendingGold.value = item.sumRaudit || 0;
-            break;
-          case "已通过":
-            approvedCount.value = item.raudit || 0;
-            approvedGold.value = item.sumRaudit || 0;
-            break;
-          case "已驳回":
-            rejectedCount.value = item.raudit || 0;
-            rejectedGold.value = item.sumRaudit || 0;
-            break;
+            pendingGold.value = item.sumRaudit || 0
+            break
+          case '已通过':
+            approvedCount.value = item.raudit || 0
+            approvedGold.value = item.sumRaudit || 0
+            break
+          case '已驳回':
+            rejectedCount.value = item.raudit || 0
+            rejectedGold.value = item.sumRaudit || 0
+            break
         }
-      });
+      })
     }
 
-    trueGold.value =
-      pendingGold.value + approvedGold.value + rejectedGold.value;
+    trueGold.value = pendingGold.value + approvedGold.value + rejectedGold.value
     trueCount.value =
-      pendingCount.value + approvedCount.value + rejectedCount.value;
+      pendingCount.value + approvedCount.value + rejectedCount.value
     // 将响应结果存储到响应式数据中
-    console.log("请求成功", result);
+    console.log('请求成功', result)
     // 存储表格数据
-    tableData.value = result.data.list;
-    console.log("tableData", tableData.value);
+    tableData.value = result.data.list
+    console.log('tableData', tableData.value)
     // 存储分页总数
-    total.value = result.data.total;
-    console.log("total", total.value);
+    total.value = result.data.total
+    console.log('total', total.value)
   } catch (error) {
-    console.log("请求失败", error);
+    console.log('请求失败', error)
     // 在这里可以处理错误逻辑，比如显示错误提示等
   }
-};
+}
 // 搜索
 const search = function () {
-  getObj.value.pageNum = 1;
-  get();
-};
+  getObj.value.pageNum = 1
+  get()
+}
 // 重置
 const reset = function () {
-  detail.value.area = "";
-  detail.value.jwcode = "";
-  detail.value.refundType = "";
-  detail.value.refundGoods = "";
-  detail.value.startDate = "";
-  detail.value.endDate = "";
-  sortField.value = "";
-  sortOrder.value = "";
-  getTime.value = {};
-};
+  detail.value.area = ''
+  detail.value.jwcode = ''
+  detail.value.refundType = ''
+  detail.value.refundGoods = ''
+  detail.value.startDate = ''
+  detail.value.endDate = ''
+  sortField.value = ''
+  sortOrder.value = ''
+  getTime.value = {}
+}
 // 今天
 const getToday = function () {
-  const today = new Date();
+  const today = new Date()
   const startDate = new Date(
     today.getFullYear(),
     today.getMonth(),
     today.getDate()
-  );
+  )
   const endDate = new Date(
     today.getFullYear(),
     today.getMonth(),
     today.getDate() + 1
-  );
-  getTime.value = [startDate, endDate];
-  console.log("getTime", getTime.value);
-  get();
-};
+  )
+  getTime.value = [startDate, endDate]
+  console.log('getTime', getTime.value)
+  get()
+}
 // 昨天
 const getYesterday = function () {
-  const yesterday = new Date();
-  yesterday.setDate(yesterday.getDate() - 1);
+  const yesterday = new Date()
+  yesterday.setDate(yesterday.getDate() - 1)
   const startDate = new Date(
     yesterday.getFullYear(),
     yesterday.getMonth(),
     yesterday.getDate()
-  );
+  )
   const endDate = new Date(
     yesterday.getFullYear(),
     yesterday.getMonth(),
     yesterday.getDate() + 1
-  );
-  getTime.value = [startDate, endDate];
-  console.log("getTime", getTime.value);
-  get();
-};
+  )
+  getTime.value = [startDate, endDate]
+  console.log('getTime', getTime.value)
+  get()
+}
 // 近7天
 const get7Days = function () {
-  const today = new Date();
+  const today = new Date()
   const startDate = new Date(
     today.getFullYear(),
     today.getMonth(),
     today.getDate() - 6
-  );
+  )
   const endDate = new Date(
     today.getFullYear(),
     today.getMonth(),
     today.getDate() + 1
-  );
-  getTime.value = [startDate, endDate];
-  console.log("getTime", getTime.value);
-  get();
-};
+  )
+  getTime.value = [startDate, endDate]
+  console.log('getTime', getTime.value)
+  get()
+}
 //全部充值明细
 const adminAll = function () {
-  console.log("adminAll");
-  detail.value.status = "";
-  getObj.value.pageNum = 1;
-  get();
-};
+  console.log('adminAll')
+  detail.value.status = ''
+  getObj.value.pageNum = 1
+  get()
+}
 //待审核充值明细
 const adminWait = async function () {
-  detail.value.status = 0;
-  getObj.value.pageNum = 1;
-  await get();
-  console.log("adminWait");
-  trueGold.value = pendingGold.value;
-  trueCount.value = pendingCount.value;
-};
+  detail.value.status = 0
+  getObj.value.pageNum = 1
+  await get()
+  console.log('adminWait')
+  trueGold.value = pendingGold.value
+  trueCount.value = pendingCount.value
+}
 //已通过充值明细
 const adminPass = async function () {
-  detail.value.status = 1;
-  getObj.value.pageNum = 1;
-  await get();
-  console.log("adminPass");
-  trueGold.value = approvedGold.value;
-  trueCount.value = approvedCount.value;
-};
+  detail.value.status = 1
+  getObj.value.pageNum = 1
+  await get()
+  console.log('adminPass')
+  trueGold.value = approvedGold.value
+  trueCount.value = approvedCount.value
+}
 //已驳回充值明细
 const adminReject = async function () {
-  detail.value.status = 2;
-  getObj.value.pageNum = 1;
-  await get();
-  console.log("adminReject");
-  trueGold.value = rejectedGold.value;
-  trueCount.value = rejectedCount.value;
-};
+  detail.value.status = 2
+  getObj.value.pageNum = 1
+  await get()
+  console.log('adminReject')
+  trueGold.value = rejectedGold.value
+  trueCount.value = rejectedCount.value
+}
 //点击标签页
 const handleClick = function (tab, event) {
-  if (tab.props.name === "all") {
-    adminAll();
-  } else if (tab.props.name === "wait") {
-    adminWait();
-  } else if (tab.props.name === "pass") {
-    adminPass();
-  } else if (tab.props.name === "reject") {
-    adminReject();
+  if (tab.props.name === 'all') {
+    adminAll()
+  } else if (tab.props.name === 'wait') {
+    adminWait()
+  } else if (tab.props.name === 'pass') {
+    adminPass()
+  } else if (tab.props.name === 'reject') {
+    adminReject()
   }
-};
+}
 // 获取活动名称
 const getProduct = async function () {
   try {
     // 发送POST请求
     const result = await request({
-      url: "/product",
-      data: {},
-    });
+      url: '/product',
+      data: {}
+    })
 
     // 将响应结果存储到响应式数据中
-    console.log("请求成功", result);
+    console.log('请求成功', result)
     // 存储表格数据
-    product.value = result.data;
-    console.log("产品", product.value);
+    product.value = result.data
+    console.log('产品', product.value)
   } catch (error) {
-    console.log("请求失败", error);
+    console.log('请求失败', error)
     // 在这里可以处理错误逻辑，比如显示错误提示等
   }
-};
+}
 
 // 获取地区
 const getArea = async function () {
   try {
     // 发送POST请求
     const result = await request({
-      url: "/recharge/user/search",
-      data: {},
-    });
+      url: '/recharge/user/search',
+      data: {}
+    })
     // 将响应结果存储到响应式数据中
-    console.log("请求成功", result);
+    console.log('请求成功', result)
     // 存储地区信息
-    area.value = result.data;
-    console.log("地区", area.value);
+    area.value = result.data
+    console.log('地区', area.value)
   } catch (error) {
-    console.log("请求失败", error);
+    console.log('请求失败', error)
     // 在这里可以处理错误逻辑，比如显示错误提示等
   }
-};
+}
 // 验证跳转输入框的数字是否合法
 const checkNumber = function () {
-  if (typeof parseInt(getObj.value.pageNum) === "number") {
-    console.log(
-      "总共有多少页" + Math.ceil(total.value / getObj.value.pageSize)
-    );
+  if (typeof parseInt(getObj.value.pageNum) === 'number') {
+    console.log('总共有多少页' + Math.ceil(total.value / getObj.value.pageSize))
     if (
       getObj.value.pageNum > 0 &&
       getObj.value.pageNum <= Math.ceil(total.value / getObj.value.pageSize)
     ) {
-      getObj.value.pageNum = parseInt(getObj.value.pageNum);
-      console.log("输入的数字合法");
-      get();
+      getObj.value.pageNum = parseInt(getObj.value.pageNum)
+      console.log('输入的数字合法')
+      get()
     } else {
       //提示
       ElMessage({
-        type: "error",
-        message: "请检查输入内容",
-      });
+        type: 'error',
+        message: '请检查输入内容'
+      })
     }
   } else {
     //提示
     ElMessage({
-      type: "error",
-      message: "请检查输入内容",
-    });
+      type: 'error',
+      message: '请检查输入内容'
+    })
   }
-};
+}
 
 // 编辑====================================
 // 通过按钮
 const pass = function (row) {
   // 通过初始化
-  passObj.value.adminId = adminData.value.adminId;
-  passObj.value.auditId = row.auditId;
-  passObj.value.status = 1;
-  passObj.value.refundId = row.refundId;
-  passObj.value.adminName = row.adminName;
-  passObj.value.username = row.username;
-  passObj.value.area = row.area;
-  console.log("通过对象", passObj.value);
-};
+  passObj.value.adminId = adminData.value.adminId
+  passObj.value.auditId = row.auditId
+  passObj.value.status = 1
+  passObj.value.refundId = row.refundId
+  passObj.value.adminName = row.adminName
+  passObj.value.username = row.username
+  passObj.value.area = row.area
+  console.log('通过对象', passObj.value)
+}
 
 // 通过确认
 const passConfirm = async function () {
   try {
-    console.log("通过对象", passObj.value);
+    console.log('通过对象', passObj.value)
     // 发送POST请求
     const result = await request({
-      url: "/audit/audit/edit",
-      data: passObj.value,
-    });
+      url: '/audit/audit/edit',
+      data: passObj.value
+    })
 
     // 将响应结果存储到响应式数据中
-    console.log("请求成功", result);
+    console.log('请求成功', result)
     // 刷新表格数据
-    get();
+    get()
     //提示
     ElMessage({
-      type: "success",
-      message: "通过成功！",
-    });
+      type: 'success',
+      message: '通过成功！'
+    })
   } catch (error) {
-    console.log("请求失败", error);
+    console.log('请求失败', error)
     // 在这里可以处理错误逻辑，比如显示错误提示等
   }
-};
+}
 
 // 打开驳回弹出框
 const openRejectVisible = function () {
-  rejectVisible.value = true;
-};
+  rejectVisible.value = true
+}
 // 关闭驳回弹出框
 const closeRejectVisible = function () {
-  rejectVisible.value = false;
-};
+  rejectVisible.value = false
+}
 // 驳回按钮
 const reject = function (row) {
   // 驳回初始化
-  rejectObj.value.adminId = adminData.value.adminId;
-  rejectObj.value.auditId = row.auditId;
-  rejectObj.value.status = 2;
-  rejectObj.value.reson = "";
-  rejectObj.value.refundId = row.refundId;
-  console.log("驳回对象", rejectObj.value);
-  openRejectVisible();
-};
+  rejectObj.value.adminId = adminData.value.adminId
+  rejectObj.value.auditId = row.auditId
+  rejectObj.value.status = 2
+  rejectObj.value.reson = ''
+  rejectObj.value.refundId = row.refundId
+  console.log('驳回对象', rejectObj.value)
+  openRejectVisible()
+}
 // 驳回确认
 const rejectConfirm = async function () {
   Ref.value.validate(async (valid) => {
     if (valid) {
       try {
-        console.log("驳回对象", rejectObj.value);
+        console.log('驳回对象', rejectObj.value)
         // 发送POST请求
         const result = await request({
-          url: "/audit/audit/edit",
-          data: rejectObj.value,
-        });
+          url: '/audit/audit/edit',
+          data: rejectObj.value
+        })
 
         // 将响应结果存储到响应式数据中
-        console.log("请求成功", result);
+        console.log('请求成功', result)
         // 刷新表格数据
-        get();
+        get()
         // 关闭弹出框
-        closeRejectVisible();
+        closeRejectVisible()
         //提示
         ElMessage({
-          type: "success",
-          message: "驳回成功！",
-        });
+          type: 'success',
+          message: '驳回成功！'
+        })
       } catch (error) {
-        console.log("请求失败", error);
+        console.log('请求失败', error)
         // 在这里可以处理错误逻辑，比如显示错误提示等
       }
     } else {
       //提示
       ElMessage({
-        type: "error",
-        message: "请检查输入内容",
-      });
+        type: 'error',
+        message: '请检查输入内容'
+      })
     }
-  });
-};
-
+  })
+}
+const handlePageSizeChange = function (val) {
+  getObj.value.pageSize = val
+  get()
+}
+const handleCurrentChange = function (val) {
+  getObj.value.pageNum = val
+  get()
+}
 // 表单验证
 
 const rules = reactive({
-  reson: [{ required: true, message: "请输入驳回理由", trigger: "blur" }],
-});
+  reson: [{ required: true, message: '请输入驳回理由', trigger: 'blur' }]
+})
 
 // 挂载
 onMounted(async function () {
-  await getAdminData();
-  await get();
-  getProduct();
-  await getArea();
-  await getArea();
-});
+  await getAdminData()
+  await get()
+  getProduct()
+  await getArea()
+  await getArea()
+})
 // 新增排序字段和排序方式
-const sortField = ref("");
-const sortOrder = ref("");
+const sortField = ref('')
+const sortOrder = ref('')
 // 处理排序事件
 const handleSortChange = (column) => {
-  console.log("排序字段：", column.prop);
-  console.log("排序方式：", column.order);
-  if (column.prop === "rechargeCoin") {
-    sortField.value = "recharge_coin";
-  } else if (column.prop === "taskCoin") {
-    sortField.value = "task_coin";
-  } else if (column.prop === "freeCoin") {
-    sortField.value = "free_coin";
-  } else if (column.prop === "createTime") {
-    sortField.value = "create_time";
+  console.log('排序字段：', column.prop)
+  console.log('排序方式：', column.order)
+  if (column.prop === 'rechargeCoin') {
+    sortField.value = 'recharge_coin'
+  } else if (column.prop === 'taskCoin') {
+    sortField.value = 'task_coin'
+  } else if (column.prop === 'freeCoin') {
+    sortField.value = 'free_coin'
+  } else if (column.prop === 'createTime') {
+    sortField.value = 'create_time'
   }
-  sortOrder.value = column.order === "ascending" ? "ASC" : "DESC";
-  get();
-};
+  sortOrder.value = column.order === 'ascending' ? 'ASC' : 'DESC'
+  get()
+}
 </script>
 
 <template>
@@ -735,7 +739,7 @@ const handleSortChange = (column) => {
               width="200px"
             >
               <template #default="scope">
-                {{ moment(scope.row.createTime).format("YYYY-MM-DD HH:mm:ss") }}
+                {{ moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') }}
               </template>
             </el-table-column>
             <el-table-column
@@ -794,41 +798,12 @@ const handleSortChange = (column) => {
           <el-pagination
             background
             :page-size="getObj.pageSize"
-            layout="slot"
+            :page-sizes="[5, 10, 20, 50, 100]"
+            layout="total, sizes, prev, pager, next, jumper"
             :total="total"
-          >
-            <div>共{{ total }}条,每页</div>
-            <el-select
-              v-model="getObj.pageSize"
-              class="page-size"
-              @change="get()"
-              style="width: 80px"
-            >
-              <el-option
-                v-for="item in [5, 10, 20, 50, 100]"
-                :key="item"
-                :label="item"
-                :value="item"
-              ></el-option>
-            </el-select>
-            <div>条</div>
-          </el-pagination>
-          <el-pagination
-            background
-            layout="prev, pager, next,slot"
-            :page-size="getObj.pageSize"
-            :total="total"
-            :current-page="getObj.pageNum"
-            @current-change="get"
-          >
-            <div>跳至</div>
-            <el-input
-              v-model="getObj.pageNum"
-              style="width: 40px"
-              @change="checkNumber"
-            />
-            <div>页</div>
-          </el-pagination>
+            @size-change="handlePageSizeChange"
+            @current-change="handleCurrentChange"
+          ></el-pagination>
         </div>
       </el-card>
     </el-col>

gold-system/src/views/consume/allConsume.vue

@@ -1,71 +1,71 @@
 <script setup>
-import { ref, onMounted, reactive, computed } from "vue";
-import ElementPlus from "element-plus";
-import { AiFillRead } from "vue-icons-plus/ai";
-import { ElMessage, ElMessageBox } from "element-plus";
-import axios from "axios";
-import API from "../../api/index.js";
-import request from "@/util/http";
+import { ref, onMounted, reactive, computed } from 'vue'
+import ElementPlus from 'element-plus'
+import { AiFillRead } from 'vue-icons-plus/ai'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import axios from 'axios'
+import API from '../../api/index.js'
+import request from '@/util/http'
 // 变量
 //这是获取用户信息的接口
-const adminData = ref({});
+const adminData = ref({})
 const getAdminData = async function () {
   try {
     const result = await request({
-      url: "/admin/userinfo",
-      data: {},
-    });
-    adminData.value = result;
-    console.log("请求成功", result);
-    console.log("用户信息", adminData.value);
+      url: '/admin/userinfo',
+      data: {}
+    })
+    adminData.value = result
+    console.log('请求成功', result)
+    console.log('用户信息', adminData.value)
   } catch (error) {
-    console.log("请求失败", error);
+    console.log('请求失败', error)
   }
-};
+}
 // 充值明细表格
-const tableData = ref([]);
+const tableData = ref([])
 // 搜索======================================
 // 搜索detailVo
-const detailVo = ref({});
+const detailVo = ref({})
 // 搜索对象
 const getObj = ref({
   pageNum: 1,
-  pageSize: 50,
-});
+  pageSize: 50
+})
 //分页总条目
-const total = ref(100);
+const total = ref(100)
 // 搜索对象时间
-const getTime = ref([]);
+const getTime = ref([])
 // 搜索活动列表
-const activity = ref([]);
+const activity = ref([])
 // 所有信息
-const allData = ref([]);
+const allData = ref([])
 // 搜索地区列表
-const area = ref([]);
+const area = ref([])
 
 //标签页默认高亮选项
-const activeName = ref("all");
+const activeName = ref('all')
 
 // 消费平台选项
 const consumePlatform = [
   {
-    value: "4",
-    label: "金币系统",
+    value: '4',
+    label: '金币系统'
   },
 
   {
-    value: "1",
-    label: "ERP系统",
+    value: '1',
+    label: 'ERP系统'
   },
   {
-    value: "2",
-    label: "Homily Chart",
+    value: '2',
+    label: 'Homily Chart'
   },
   {
-    value: "3",
-    label: "Homily Link",
-  },
-];
+    value: '3',
+    label: 'Homily Link'
+  }
+]
 
 // //表格高度
 // const tableHeight = computed(function () {
@@ -73,254 +73,260 @@ const consumePlatform = [
 // });
 // 方法
 // 合计数的显示数据
-const tableDataTotal = ref({});
-const rechargeCoin = ref(0);
-const freeCoin = ref(0);
-const taskCoin = ref(0);
-const totalCoin = ref(0);
+const tableDataTotal = ref({})
+const rechargeCoin = ref(0)
+const freeCoin = ref(0)
+const taskCoin = ref(0)
+const totalCoin = ref(0)
 // 搜索=========================================================================================================================================================
 // 搜索方法
 const get = async function (val) {
   try {
     // 地区赋值
-    if (adminData.value.area != "总部") {
-      detailVo.value.area = adminData.value.area;
+    if (adminData.value.area != '总部') {
+      detailVo.value.area = adminData.value.area
     }
     // 搜索参数页码赋值
-    if (typeof val === "number") {
-      getObj.value.pageNum = val;
+    if (typeof val === 'number') {
+      getObj.value.pageNum = val
     }
     // 搜索参数时间赋值
     if (getTime.value != null) {
-      if (getTime.value.startDate != "" && getTime.value.endDate != "") {
-        detailVo.value.startDate = getTime.value[0];
-        detailVo.value.endDate = getTime.value[1];
+      if (getTime.value.startDate != '' && getTime.value.endDate != '') {
+        detailVo.value.startDate = getTime.value[0]
+        detailVo.value.endDate = getTime.value[1]
       }
     } else {
-      detailVo.value.startDate = "";
-      detailVo.value.endDate = "";
+      detailVo.value.startDate = ''
+      detailVo.value.endDate = ''
     }
-    detailVo.value.sortField = sortField.value;
-    detailVo.value.sortOrder = sortOrder.value;
-    console.log("搜索参数", getObj.value);
+    detailVo.value.sortField = sortField.value
+    detailVo.value.sortOrder = sortOrder.value
+    console.log('搜索参数', getObj.value)
     // 发送POST请求
     const result = await request({
-      url: "/consume/select",
+      url: '/consume/select',
       data: {
         ...getObj.value,
-        consumeDetail: { ...detailVo.value },
-      },
-    });
+        consumeDetail: { ...detailVo.value }
+      }
+    })
     // 合计数的接口
     // 复制一份 detail.value 并移除排序字段和排序方式
-    const detailWithoutSort = { ...detailVo.value };
-    delete detailWithoutSort.sortField;
-    delete detailWithoutSort.sortOrder;
+    const detailWithoutSort = { ...detailVo.value }
+    delete detailWithoutSort.sortField
+    delete detailWithoutSort.sortOrder
     const result2 = await request({
-      url: "/consume/SumConsume",
+      url: '/consume/SumConsume',
       data: {
-        ...detailWithoutSort,
-      },
-    });
+        ...detailWithoutSort
+      }
+    })
 
     // 将响应结果存储到响应式数据中
-    console.log("请求成功", result);
-    console.log("请求成功2", result2);
+    console.log('请求成功', result)
+    console.log('请求成功2', result2)
     // 存储表格数据
-    tableData.value = result.data.list;
-    tableDataTotal.value = result2.data;
+    tableData.value = result.data.list
+    tableDataTotal.value = result2.data
     if (result2.data == null) {
-      console.log("请求成功2", result2);
+      console.log('请求成功2', result2)
       tableDataTotal.value = {
         sumRcion: 0,
         sumFcion: 0,
         sumTcion: 0,
-        sumcion: 0,
-      };
+        sumcion: 0
+      }
     }
 
-    console.log("tableDataT", tableDataTotal);
+    console.log('tableDataT', tableDataTotal)
 
     // 修改为保留两位小数
     rechargeCoin.value = parseFloat(
       (tableDataTotal.value.sumRcion / 100).toFixed(2)
-    );
+    )
     freeCoin.value = parseFloat(
       (tableDataTotal.value.sumFcion / 100).toFixed(2)
-    );
+    )
     taskCoin.value = parseFloat(
       (tableDataTotal.value.sumTcion / 100).toFixed(2)
-    );
+    )
     totalCoin.value = parseFloat(
       (tableDataTotal.value.sumcion / 100).toFixed(2)
-    );
-    console.log("tableData", tableData.value);
+    )
+    console.log('tableData', tableData.value)
     // 存储分页总数
-    total.value = result.data.total;
-    console.log("total", total.value);
+    total.value = result.data.total
+    console.log('total', total.value)
   } catch (error) {
-    console.log("请求失败", error);
+    console.log('请求失败', error)
     // 在这里可以处理错误逻辑，比如显示错误提示等
   }
-};
+}
 // 搜索
 const search = function () {
-  getObj.value.pageNum = 1;
-  get();
-};
+  getObj.value.pageNum = 1
+  get()
+}
 // 重置
 const reset = function () {
-  detailVo.value.productName = "";
-  detailVo.value.consumePlatform = "";
-  detailVo.value.consumeType = "";
-  detailVo.value.startDate = "";
-  detailVo.value.endDate = "";
-  sortField.value = "";
-  sortOrder.value = "";
-  getTime.value = {};
-};
+  detailVo.value.productName = ''
+  detailVo.value.consumePlatform = ''
+  detailVo.value.consumeType = ''
+  detailVo.value.startDate = ''
+  detailVo.value.endDate = ''
+  sortField.value = ''
+  sortOrder.value = ''
+  getTime.value = {}
+}
 // 今天
 const getToday = function () {
-  const today = new Date();
+  const today = new Date()
   const startDate = new Date(
     today.getFullYear(),
     today.getMonth(),
     today.getDate()
-  );
+  )
   const endDate = new Date(
     today.getFullYear(),
     today.getMonth(),
     today.getDate() + 1
-  );
-  getTime.value = [startDate, endDate];
-  console.log("getTime", getTime.value);
-  get();
-};
+  )
+  getTime.value = [startDate, endDate]
+  console.log('getTime', getTime.value)
+  get()
+}
 // 昨天
 const getYesterday = function () {
-  const yesterday = new Date();
-  yesterday.setDate(yesterday.getDate() - 1);
+  const yesterday = new Date()
+  yesterday.setDate(yesterday.getDate() - 1)
   const startDate = new Date(
     yesterday.getFullYear(),
     yesterday.getMonth(),
     yesterday.getDate()
-  );
+  )
   const endDate = new Date(
     yesterday.getFullYear(),
     yesterday.getMonth(),
     yesterday.getDate() + 1
-  );
-  getTime.value = [startDate, endDate];
-  console.log("getTime", getTime.value);
-  get();
-};
+  )
+  getTime.value = [startDate, endDate]
+  console.log('getTime', getTime.value)
+  get()
+}
 // 近7天
 const get7Days = function () {
-  const today = new Date();
+  const today = new Date()
   const startDate = new Date(
     today.getFullYear(),
     today.getMonth(),
     today.getDate() - 6
-  );
+  )
   const endDate = new Date(
     today.getFullYear(),
     today.getMonth(),
     today.getDate() + 1
-  );
-  getTime.value = [startDate, endDate];
-  console.log("getTime", getTime.value);
-  get();
-};
+  )
+  getTime.value = [startDate, endDate]
+  console.log('getTime', getTime.value)
+  get()
+}
 //点击标签页
 const handleClick = function (tab, event) {
-  if (tab.props.name === "all") {
-    adminAll();
-  } else if (tab.props.name === "wait") {
-    adminWait();
-  } else if (tab.props.name === "pass") {
-    adminPass();
-  } else if (tab.props.name === "reject") {
-    adminReject();
+  if (tab.props.name === 'all') {
+    adminAll()
+  } else if (tab.props.name === 'wait') {
+    adminWait()
+  } else if (tab.props.name === 'pass') {
+    adminPass()
+  } else if (tab.props.name === 'reject') {
+    adminReject()
   }
-};
+}
 
 // 挂载
 onMounted(async function () {
-  await getAdminData();
-  await get();
+  await getAdminData()
+  await get()
   // getActivity();
   // await getArea();
-});
+})
 
 // 验证跳转输入框的数字是否合法
 const checkNumber = function () {
-  if (typeof parseInt(getObj.value.pageNum) === "number") {
-    console.log(
-      "总共有多少页" + Math.ceil(total.value / getObj.value.pageSize)
-    );
+  if (typeof parseInt(getObj.value.pageNum) === 'number') {
+    console.log('总共有多少页' + Math.ceil(total.value / getObj.value.pageSize))
     if (
       getObj.value.pageNum > 0 &&
       getObj.value.pageNum <= Math.ceil(total.value / getObj.value.pageSize)
     ) {
-      getObj.value.pageNum = parseInt(getObj.value.pageNum);
-      console.log("输入的数字合法");
-      get();
+      getObj.value.pageNum = parseInt(getObj.value.pageNum)
+      console.log('输入的数字合法')
+      get()
     } else {
       //提示
       ElMessage({
-        type: "error",
-        message: "请检查输入内容",
-      });
+        type: 'error',
+        message: '请检查输入内容'
+      })
     }
   } else {
     //提示
     ElMessage({
-      type: "error",
-      message: "请检查输入内容",
-    });
+      type: 'error',
+      message: '请检查输入内容'
+    })
   }
-};
+}
 // 查询商品的接口
-const goods = ref([]);
+const goods = ref([])
 const getGoods = async function () {
   try {
     // 发送POST请求
     const result = await request({
-      url: "/product",
-      data: {},
-    });
+      url: '/product',
+      data: {}
+    })
     // 将响应结果存储到响应式数据中
-    console.log("请求成功", result);
+    console.log('请求成功', result)
     // 存储全部数据
-    goods.value = result.data;
-    console.log("allData", allData.value);
-    console.log("地区", area.value);
+    goods.value = result.data
+    console.log('allData', allData.value)
+    console.log('地区', area.value)
   } catch (error) {
-    console.log("请求失败", error);
+    console.log('请求失败', error)
     // 在这里可以处理错误逻辑，比如显示错误提示等
   }
-};
-getGoods();
+}
+getGoods()
 
 // 新增排序字段和排序方式
-const sortField = ref("");
-const sortOrder = ref("");
+const sortField = ref('')
+const sortOrder = ref('')
 // 处理排序事件
 const handleSortChange = (column) => {
-  console.log("排序字段：", column.prop);
-  console.log("排序方式：", column.order);
-  if (column.prop === "rechargeCoin") {
-    sortField.value = "recharge_coin";
-  } else if (column.prop === "taskCoin") {
-    sortField.value = "task_coin";
-  } else if (column.prop === "freeCoin") {
-    sortField.value = "free_coin";
-  } else if (column.prop === "createTime") {
-    sortField.value = "create_time";
+  console.log('排序字段：', column.prop)
+  console.log('排序方式：', column.order)
+  if (column.prop === 'rechargeCoin') {
+    sortField.value = 'recharge_coin'
+  } else if (column.prop === 'taskCoin') {
+    sortField.value = 'task_coin'
+  } else if (column.prop === 'freeCoin') {
+    sortField.value = 'free_coin'
+  } else if (column.prop === 'createTime') {
+    sortField.value = 'create_time'
   }
-  sortOrder.value = column.order === "ascending" ? "ASC" : "DESC";
-  get();
-};
+  sortOrder.value = column.order === 'ascending' ? 'ASC' : 'DESC'
+  get()
+}
+const handlePageSizeChange = function (val) {
+  getObj.value.pageSize = val
+  get()
+}
+const handleCurrentChange = function (val) {
+  getObj.value.pageNum = val
+  get()
+}
 </script>
 
 <template>
@@ -545,41 +551,12 @@ const handleSortChange = (column) => {
           <el-pagination
             background
             :page-size="getObj.pageSize"
-            layout="slot"
+            :page-sizes="[5, 10, 20, 50, 100]"
+            layout="total, sizes, prev, pager, next, jumper"
             :total="total"
-          >
-            <div>共{{ total }}条,每页</div>
-            <el-select
-              v-model="getObj.pageSize"
-              class="page-size"
-              @change="get()"
-              style="width: 80px"
-            >
-              <el-option
-                v-for="item in [5, 10, 20, 50, 100]"
-                :key="item"
-                :label="item"
-                :value="item"
-              ></el-option>
-            </el-select>
-            <div>条</div>
-          </el-pagination>
-          <el-pagination
-            background
-            layout="prev, pager, next, slot"
-            :page-size="getObj.pageSize"
-            :total="total"
-            :current-page="getObj.pageNum"
-            @current-change="get"
-          >
-            <div>跳至</div>
-            <el-input
-              v-model="getObj.pageNum"
-              style="width: 40px"
-              @change="checkNumber"
-            />
-            <div>页</div>
-          </el-pagination>
+            @size-change="handlePageSizeChange"
+            @current-change="handleCurrentChange"
+          ></el-pagination>
         </div>
       </el-card>
     </el-col>

gold-system/src/views/goldBeen/addGoldenBeen.vue

@@ -1,6 +1,6 @@
 <template>
   <div class="add-goldenbeen">
-    <div>新增充值</div>
+    <div class="head-top">新增充值</div>
     <div class="add-box">
       <el-form
         :model="beenObj"
@@ -79,7 +79,7 @@
           <el-text>当前免费金豆:{{ user.jinbiFree }}</el-text>
           <!-- <el-text>负责客服:</el-text> -->
           <el-text>消费次数:{{ user.number }}</el-text>
-          <!-- <el-text>所属门店</el-text> -->
+          <el-text>所属门店:{{ user.masterShop }}</el-text>
         </div>
       </el-card>
     </div>
@@ -112,35 +112,39 @@ const rules = ref({
 })
 const addBean = (formEl) => {
   // 提交表单
-  formEl.validate(async (valid) => {
-    if (valid) {
-      // 处理表单提交逻辑
-      const result = await API({
-        url: '/dou/add',
-        data: {
-          jwcode: beenObj.value.jwcode,
-          content: beenObj.value.remark,
-          moneyFree: Number(beenObj.value.freeBeean),
-          moneyBuy: Number(beenObj.value.payBeean),
-          time: Math.floor(Date.now() / 1000),
-          data: beenObj.value.type
+  try {
+    formEl.validate(async (valid) => {
+      if (valid) {
+        // 处理表单提交逻辑
+        const result = await API({
+          url: '/dou/add',
+          data: {
+            jwcode: beenObj.value.jwcode,
+            content: beenObj.value.remark,
+            moneyFree: Number(beenObj.value.freeBeean),
+            moneyBuy: Number(beenObj.value.payBeean),
+            time: Math.floor(Date.now() / 1000),
+            data: beenObj.value.type
+          }
+        })
+        if (result.code === 200) {
+          ElMessage.success('充值成功')
+          beenObj.value.jwcode = ''
+          beenObj.value.remark = ''
+          beenObj.value.payBeean = 0
+          beenObj.value.freeBeean = 0
+        } else if (result.code === 0) {
+          ElMessage.error(result.msg)
+          return
         }
-      })
-      if (result.code === 200) {
-        ElMessage.success('充值成功')
-        beenObj.value.jwcode = ''
-        beenObj.value.remark = ''
-        beenObj.value.payBeean = 0
-        beenObj.value.freeBeean = 0
-      } else if (result.code === 0) {
-        ElMessage.error(result.msg)
-        return
+        console.log('请求成功', result)
+      } else {
+        ElMessage.error('表单验证失败')
       }
-      console.log('请求成功', result)
-    } else {
-      ElMessage.error('表单验证失败')
-    }
-  })
+    })
+  } catch (error) {
+    ElMessage.error('提交失败')
+  }
 }
 const resetData = (formEl) => {
   if (!formEl) return
@@ -158,6 +162,10 @@ const getUser = async function (jwcode) {
     if (result.code === 0) {
       ElMessage.error(result.msg)
     } else {
+      if (!result.data.jwcode) {
+        ElMessage.error('精网号不存在')
+        return
+      }
       Object.assign(user, result.data)
     }
   } catch (error) {
@@ -192,4 +200,11 @@ const getUser = async function (jwcode) {
 .el-card {
   width: 500px;
 }
+.head-top {
+  padding: 20px;
+  box-sizing: border-box;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  margin-bottom: 20px;
+  border-radius: 5px;
+}
 </style>

gold-system/src/views/goldBeen/goldenBeenBalance.vue

@@ -24,7 +24,7 @@
         </el-select>
       </el-form-item>
       <el-form-item>
-        <el-button type="primary" size="small" @click="getInit({})"
+        <el-button type="primary" size="small" @click="search()"
           >查询</el-button
         >
         <el-button type="primary" size="small" @click="reset(ruleFormRef)"
@@ -74,36 +74,12 @@
       <el-pagination
         background
         :page-size="getObj.pageSize"
-        layout="slot"
+        :page-sizes="[5, 10, 20, 50, 100]"
+        layout="total, sizes, prev, pager, next, jumper"
         :total="total"
+        @size-change="handlePageSizeChange"
+        @current-change="handleCurrentChange"
       >
-        <div>共{{ total }}条,每页</div>
-        <el-select
-          v-model="getObj.pageSize"
-          class="page-size"
-          @change="handlePageSizeChange"
-          style="width: 80px"
-        >
-          <el-option
-            v-for="item in [5, 10, 20, 50, 100]"
-            :key="item"
-            :label="item"
-            :value="item"
-          ></el-option>
-        </el-select>
-        <div>条</div>
-      </el-pagination>
-      <el-pagination
-        background
-        layout="prev, pager, next,slot"
-        :page-size="getObj.pageSize"
-        :total="total"
-        :current-page="getObj.pageNum"
-        @current-change="handlePageChange"
-      >
-        <div>跳至</div>
-        <el-input v-model="getObj.pageNum" style="width: 40px" />
-        <div>页</div>
       </el-pagination>
     </div>
   </div>
@@ -129,6 +105,14 @@ let getObj = ref({
   jinbiCostTotal: 0,
   jinbiFree: 0
 })
+const search = function () {
+  getInit({})
+  getCount()
+}
+const handleCurrentChange = function (val) {
+  getObj.value.pageNum = val
+  getInit({})
+}
 //初始化
 const getInit = async function ({
   sortField = '',

gold-system/src/views/goldBeen/goldenBeenConsum.vue

@@ -0,0 +1,294 @@
+<template>
+  <div class="filter-box">
+    <el-form :model="detailY" ref="ruleFormRef">
+      <el-form-item prop="jwcode" label="精网号">
+        <el-input
+          v-model="detailY.jwcode"
+          placeholder="请输入精网号"
+          style="width: 220px"
+        />
+      </el-form-item>
+      <el-form-item prop="area" label="地区">
+        <el-select
+          v-model="detailY.area"
+          placeholder="请选择所属地区"
+          style="width: 240px"
+          clearable
+        >
+          <el-option
+            v-for="item in areaList"
+            :key="item"
+            :label="item"
+            :value="item"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item prop="good" label="商品名称">
+        <el-select
+          v-model="detailY.good"
+          placeholder="请选择商品"
+          style="width: 240px"
+          clearable
+        >
+          <el-option
+            v-for="item in goodList"
+            :key="item"
+            :label="item"
+            :value="item"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item prop="channel" label="频道">
+        <el-select
+          v-model="detailY.channel"
+          placeholder="请选择频道"
+          style="width: 240px"
+          clearable
+        >
+          <el-option
+            v-for="item in channelList"
+            :key="item"
+            :label="item"
+            :value="item"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item prop="liveroom" label="直播间">
+        <el-select
+          v-model="detailY.liveroom"
+          placeholder="请选择直播间"
+          style="width: 240px"
+          clearable
+        >
+          <el-option
+            v-for="item in liveroomList"
+            :key="item"
+            :label="item"
+            :value="item"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item prop="createTime" label="消费时间">
+        <el-date-picker
+          v-model="detailY.createTime"
+          type="daterange"
+          start-placeholder="开始日期"
+          end-placeholder="结束日期"
+          value-format="yyyy-MM-dd HH:mm:ss"
+          style="width: 240px"
+        />
+      </el-form-item>
+      <el-form-item>
+        <el-button type="primary" @click="search">查询</el-button>
+        <el-button type="success" @click="reset(ruleFormRef)">重置</el-button>
+      </el-form-item>
+    </el-form>
+  </div>
+  <div class="table-box">
+    <p>金豆总数：充值金豆总数：合计新币数</p>
+    <el-table
+      :data="tableData"
+      style="width: 100%"
+      :default-sort="{ prop: 'createTime', order: 'descending' }"
+      height="584px"
+    >
+      <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="username" label="姓名" width="150" />
+      <el-table-column fixed="left" prop="jwcode" label="精网号" width="120" />
+      <el-table-column prop="area" label="所属地区" width="120" />
+      <el-table-column prop="type" label="类型" width="110">
+        <!-- 模板内容 -->
+        <template #default="scope">
+          <span v-if="scope.row.updateType == 1">
+            <span>消费</span>
+          </span>
+          <span v-if="scope.row.updateType == 0">
+            <span>充值</span>
+          </span>
+          <span v-if="scope.row.updateType == 2">
+            <span>退款</span>
+          </span>
+          <span v-if="scope.row.updateType == 3">
+            <span>其他</span>
+          </span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="order" label="订单号" width="120" />
+      <el-table-column prop="been" label="金豆数量" width="120">
+      </el-table-column>
+      <el-table-column prop="paybeen" label="付费金豆" width="120">
+      </el-table-column>
+      <el-table-column prop="freebeen" label="免费金豆" width="120">
+      </el-table-column>
+      <el-table-column prop="count" label="金额"></el-table-column>
+      <el-table-column prop="consumePlatform" label="充值平台" width="140">
+        <template #default="scope">
+          <!-- 使用非严格相等比较 -->
+          <span v-if="scope.row.consumePlatform == 0">初始化金币</span>
+          <span v-if="scope.row.consumePlatform == 1">ERP系统</span>
+          <span v-if="scope.row.consumePlatform == 3">Homily Link</span>
+          <span v-if="scope.row.consumePlatform == 2">Homily Chart</span>
+          <span v-if="scope.row.consumePlatform == 4">金币系统</span>
+        </template>
+      </el-table-column>
+      <el-table-column prop="notes" label="备注" width="210"></el-table-column>
+      <el-table-column
+        prop="createTime"
+        sortable="“custom”"
+        label="充值时间"
+        width="210"
+        show-overflow-tooltip
+      >
+        <template #default="scope">
+          <span>{{
+            moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss')
+          }}</span>
+        </template>
+      </el-table-column>
+    </el-table>
+    <!-- 分页 -->
+    <div class="pagination">
+      <el-pagination
+        background
+        :page-size="getObj.pageSize"
+        layout="slot"
+        :total="total"
+      >
+        <div>共{{ total }}条,每页</div>
+        <el-select
+          v-model="getObj.pageSize"
+          class="page-size"
+          @change="getInit({})"
+          style="width: 80px"
+        >
+          <el-option
+            v-for="item in [5, 10, 20, 50, 100]"
+            :key="item"
+            :label="item"
+            :value="item"
+          ></el-option>
+        </el-select>
+        <div>条</div>
+      </el-pagination>
+      <el-pagination
+        background
+        layout="prev, pager, next,slot"
+        :page-size="getObj.pageSize"
+        :total="total"
+        :current-page="getObj.pageNum"
+        @current-change="getInit({})"
+      >
+        <div>跳至</div>
+        <el-input v-model="getObj.pageNum" style="width: 40px" />
+        <div>页</div>
+      </el-pagination>
+    </div>
+  </div>
+</template>
+<script setup lang="ts">
+import { ref } from 'vue'
+import type { FormInstance } from 'element-plus'
+import { ElMessage } from 'element-plus'
+import moment from 'moment'
+import API from '@/util/http'
+
+// 充值明细表格
+const tableData = ref([])
+//分页总条目
+const total = ref(100)
+const areaList = ref<string[]>([])
+const goodList = ref<string[]>(['礼物', '铁粉', '客服操作'])
+const channelList = ref<string[]>([])
+const liveroomList = ref<string[]>([])
+const ruleFormRef = ref<FormInstance>()
+//搜索表单数据
+const detailY = ref({
+  jwcode: '',
+  area: '',
+  createTime: '',
+  channel: '',
+  liveroom: '',
+  good: ''
+})
+const getObj = ref({
+  pageNum: 1,
+  pageSize: 50
+})
+//初始化
+const getInit = async function ({
+  sortField = '',
+  sortOrder = ''
+}: {
+  sortField?: string
+  sortOrder?: string
+}) {
+  try {
+    console.log('搜索参数', getObj.value)
+    // 发送POST请求
+    const result = await API({
+      url: '/detailY',
+      method: 'post',
+      data: {
+        ...getObj.value,
+        detailY: { ...detailY.value },
+        sortField,
+        sortOrder
+      }
+    })
+    tableData.value = result.data.list
+    console.log('tableData', tableData.value)
+    total.value = result.data.total
+    console.log('total', total.value)
+  } catch (error) {
+    console.log('请求失败', error)
+    // 在这里可以处理错误逻辑，比如显示错误提示等
+  }
+}
+// 搜索
+const search = function () {}
+// 重置
+const reset = function (formEl) {
+  formEl.resetFields()
+}
+
+// 挂载
+getInit({})
+</script>
+<style scoped lang="scss">
+.filter-box {
+  width: 100%;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 20px;
+  padding-bottom: 0px;
+  box-sizing: border-box;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  margin-bottom: 20px;
+  border-radius: 5px;
+  .el-form {
+    display: flex;
+    flex-wrap: wrap;
+    row-gap: 20px;
+    column-gap: 20px;
+  }
+}
+.table-box {
+  width: 100%;
+  padding: 20px;
+  box-sizing: border-box;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+  border-radius: 5px;
+}
+.pagination {
+  display: flex;
+  align-items: center;
+  margin-top: 20px;
+}
+</style>

gold-system/src/views/goldBeen/goldenBeenDetail.vue

@@ -1,14 +1,14 @@
 <template>
   <div class="filter-box">
-    <el-form>
-      <el-form-item label="精网号">
+    <el-form :model="detailY" ref="ruleFormRef">
+      <el-form-item prop="jwcode" label="精网号">
         <el-input
           v-model="detailY.jwcode"
           placeholder="请输入精网号"
           style="width: 220px"
         />
       </el-form-item>
-      <el-form-item label="地区">
+      <el-form-item prop="area" label="地区">
         <el-select
           v-model="detailY.area"
           placeholder="请选择所属地区"
@@ -16,21 +16,36 @@
           clearable
         >
           <el-option
-            v-for="item in area"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
+            v-for="item in areaList"
+            :key="item"
+            :label="item"
+            :value="item"
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="订单号">
+      <el-form-item prop="order" label="订单号">
         <el-input
           v-model="detailY.order"
           placeholder="请输入订单号"
           style="width: 220px"
         />
       </el-form-item>
-      <el-form-item label="充值平台">
+      <el-form-item prop="type" label="充值类型">
+        <el-select
+          v-model="detailY.type"
+          placeholder="请选择充值类型"
+          style="width: 240px"
+          clearable
+        >
+          <el-option
+            v-for="item in typeList"
+            :key="item"
+            :label="item"
+            :value="item"
+          />
+        </el-select>
+      </el-form-item>
+      <el-form-item prop="platform" label="充值平台">
         <el-select
           v-model="detailY.platform"
           placeholder="请选择充值平台"
@@ -38,14 +53,14 @@
           clearable
         >
           <el-option
-            v-for="item in area"
-            :key="item.value"
-            :label="item.label"
-            :value="item.value"
+            v-for="item in platformList"
+            :key="item"
+            :label="item"
+            :value="item"
           />
         </el-select>
       </el-form-item>
-      <el-form-item label="充值时间">
+      <el-form-item prop="createTime" label="充值时间">
         <el-date-picker
           v-model="detailY.createTime"
           type="daterange"
@@ -57,8 +72,8 @@
       </el-form-item>
       <el-form-item>
         <el-button type="primary" @click="search">查询</el-button>
-        <el-button type="success" @click="reset">重置</el-button>
-        <el-button type="info">导出excel</el-button>
+        <el-button type="success" @click="reset(ruleFormRef)">重置</el-button>
+        <el-button type="primary">导出excel</el-button>
       </el-form-item>
     </el-form>
   </div>
@@ -99,19 +114,10 @@
       </el-table-column>
       <el-table-column prop="order" label="订单号" width="120" />
       <el-table-column prop="been" label="金豆数量" width="120">
-        <template #default="scope">
-          <span>{{ scope.row.gold / 100 }}</span>
-        </template>
       </el-table-column>
       <el-table-column prop="paybeen" label="付费金豆" width="120">
-        <template #default="scope">
-          <span>{{ scope.row.paybeen / 100 }}</span>
-        </template>
       </el-table-column>
       <el-table-column prop="freebeen" label="免费金豆" width="120">
-        <template #default="scope">
-          <span>{{ scope.row.freebeen / 100 }}</span>
-        </template>
       </el-table-column>
       <el-table-column prop="count" label="金额"></el-table-column>
       <el-table-column prop="consumePlatform" label="充值平台" width="140">
@@ -151,7 +157,7 @@
         <el-select
           v-model="getObj.pageSize"
           class="page-size"
-          @change="get()"
+          @change="getInit({})"
           style="width: 80px"
         >
           <el-option
@@ -169,135 +175,76 @@
         :page-size="getObj.pageSize"
         :total="total"
         :current-page="getObj.pageNum"
-        @current-change="get"
+        @current-change="getInit({})"
       >
         <div>跳至</div>
-        <el-input
-          v-model="getObj.pageNum"
-          style="width: 40px"
-          @change="checkNumber"
-        />
+        <el-input v-model="getObj.pageNum" style="width: 40px" />
         <div>页</div>
       </el-pagination>
     </div>
   </div>
-
-  <!-- 这是导出excel的弹窗 -->
-  <el-dialog
-    v-model="getPutEX"
-    title="请选择导出条件"
-    width="500"
-    :close-on-click-modal="false"
-  >
-    <template #footer>
-      <el-form
-        v-loading="loading"
-        ref="ruleFormRef"
-        style="max-width: 600px"
-        :model="putExcel"
-        :rules="rules"
-        label-width="auto"
-        class="demo-ruleForm"
-        :size="formSize"
-        status-icon
-      >
-        <el-form-item prop="activityName" label="精网号:">
-          <el-input
-            v-model="putExcel.jwcode"
-            placeholder="请输入精网号"
-            style="width: 220px"
-          />
-        </el-form-item>
-        <el-form-item label="所属地区："
-          ><el-select
-            v-model="putExcel.area"
-            placeholder="请选择所属地区"
-            style="width: 240px"
-            clearable
-          >
-            <el-option
-              v-for="item in area"
-              :key="item.value"
-              :label="item.label"
-              :value="item.value"
-            />
-          </el-select>
-        </el-form-item>
-
-        <el-form-item label="更新时间：">
-          <el-radio-group v-model="TimeGet">
-            <el-radio value="1" @click="getT()">今天</el-radio>
-            <el-radio value="3" @click="get3()">近三天</el-radio>
-            <el-radio value="7" @click="get7()">近一周</el-radio>
-            <el-radio value="30" @click="get30()">近一个月</el-radio>
-          </el-radio-group>
-        </el-form-item>
-        <el-button
-          type="primary"
-          size="small"
-          style="margin-left: 10px"
-          @click="areyour()"
-          >确定</el-button
-        >
-      </el-form>
-    </template>
-  </el-dialog>
-  <el-dialog
-    v-model="areyouright"
-    title=""
-    width="500"
-    :close-on-click-modal="false"
-  >
-    <el-button type="success" @click="exportExcel()">导出</el-button>
-  </el-dialog>
 </template>
-<script setup>
-import { ref, onMounted, reactive, computed } from 'vue'
-import { ElMessage, ElMessageBox } from 'element-plus'
+<script setup lang="ts">
+import { ref } from 'vue'
+import { FormInstance } from 'element-plus'
+import { ElMessage } from 'element-plus'
 import moment from 'moment'
 import API from '@/util/http'
-// import * as XLSX from 'xlsx'
-import { utils, writeFile } from 'xlsx'
-//这是获取用户信息的接口
-const adminData = ref({})
+
 // 充值明细表格
 const tableData = ref([])
 //分页总条目
 const total = ref(100)
+const areaList = ref<string[]>([])
+const platformList = ref<string[]>([
+  'stripe',
+  'ios',
+  'FirstData',
+  'paymentasia',
+  'system',
+  '金币系统'
+])
+const typeList = ref<string[]>([
+  '金币换金豆',
+  '金币换免费金豆',
+  '赠送金豆',
+  '购买金豆',
+  '客服操作'
+])
 //搜索表单数据
-const detailY = ref({})
+const detailY = ref({
+  jwcode: '',
+  area: '',
+  order: '',
+  platform: '',
+  createTime: '',
+  type: ''
+})
+const getObj = ref({
+  pageNum: 1,
+  pageSize: 50
+})
+const ruleFormRef = ref<FormInstance>()
 //初始化
-const get = async function (val) {
+const getInit = async function ({
+  sortField = '',
+  sortOrder = ''
+}: {
+  sortField?: string
+  sortOrder?: string
+}) {
   try {
-    // 地区赋值
-    if (adminData.value.area === '泰国') {
-      detailY.value.areas = ['泰国', '越南']
-    } else if (adminData.value.area !== '总部') {
-      detailY.value.area = adminData.value.area
-    }
-    // 搜索参数页码赋值
-    if (typeof val === 'number') {
-      getObj.value.pageNum = val
-    }
-    // 搜索参数时间赋值
-    if (getTime.value != null) {
-      if (getTime.value.startDate != '' && getTime.value.endDate != '') {
-        detailY.value.startDate = getTime.value[0]
-        detailY.value.endDate = getTime.value[1]
-      }
-    } else {
-      detailY.value.startDate = ''
-      detailY.value.endDate = ''
-    }
-    // 添加排序字段和排序方式到请求参数
-    detailY.value.sortField = sortField.value
-    detailY.value.sortOrder = sortOrder.value
     console.log('搜索参数', getObj.value)
     // 发送POST请求
     const result = await API({
       url: '/detailY',
       method: 'post',
-      data: { ...getObj.value, detailY: { ...detailY.value } }
+      data: {
+        ...getObj.value,
+        detailY: { ...detailY.value },
+        sortField,
+        sortOrder
+      }
     })
     tableData.value = result.data.list
     console.log('tableData', tableData.value)
@@ -311,193 +258,12 @@ const get = async function (val) {
 // 搜索
 const search = function () {}
 // 重置
-const reset = function () {}
-
-// 验证跳转输入框的数字是否合法
-const checkNumber = function () {
-  if (typeof parseInt(getObj.value.pageNum) === 'number') {
-    console.log('总共有多少页' + Math.ceil(total.value / getObj.value.pageSize))
-    if (
-      getObj.value.pageNum > 0 &&
-      getObj.value.pageNum <= Math.ceil(total.value / getObj.value.pageSize)
-    ) {
-      getObj.value.pageNum = parseInt(getObj.value.pageNum)
-      console.log('输入的数字合法')
-      get()
-    } else {
-      //提示
-      ElMessage({
-        type: 'error',
-        message: '请检查输入内容'
-      })
-    }
-  } else {
-    //提示
-    ElMessage({
-      type: 'error',
-      message: '请检查输入内容'
-    })
-  }
+const reset = function (formEl) {
+  formEl.resetFields()
 }
 
 // 挂载
-onMounted(async function () {
-  await getAdminData()
-  await get()
-})
-
-// 这是导出excel表格的方法
-// 导出Excel的方法
-// 定义字段映射
-const json_fields = (row) => {
-  return [
-    row.jwcode, // 姓名
-    row.area, // 精网号
-    row.platform, // 所属地区
-    row.consumePlatform, // 平台信息
-    row.gold, // 更新数量
-    row.rechargeCoin, // 免费金币
-    row.freeCoin, // 永久金币
-    row.taskCoin, // 任务金币
-    row.createAdmin, // 提交人
-    row.createTime,
-    row.name,
-    row.id
-  ]
-}
-
-const headers = [
-  '精网号',
-  '地区',
-  '平台信息',
-  '数量',
-  '更新类型',
-  '永久金币',
-  '免费金币',
-  '任务金币',
-  '提交人',
-  '更新时间',
-  '用户名',
-  'id'
-]
-const exportExcel = () => {
-  // 先将 json_fields 应用到数据上
-  const data = excelInfo.value.map(json_fields)
-  const ws = utils.aoa_to_sheet(data)
-  // 添加表头到工作表
-  utils.sheet_add_aoa(ws, [headers], { origin: 'A1' })
-  const wb = utils.book_new()
-  utils.book_append_sheet(wb, ws, 'Sheet1')
-  writeFile(wb, '客户金币明细.xlsx')
-}
-const today = new Date()
-const startDate = new Date(
-  today.getFullYear(),
-  today.getMonth(),
-  today.getDate()
-)
-const endDate = new Date(
-  today.getFullYear(),
-  today.getMonth(),
-  today.getDate() + 1
-)
-const putExcel = ref({
-  startDate: startDate,
-  endDate: endDate
-})
-const excelInfo = ref({})
-const loading = ref(false)
-const areyour = async function () {
-  try {
-    loading.value = true
-    const result = await API({
-      url: '/detailY/searchAll',
-      method: 'post',
-      data: { ...putExcel.value }
-    })
-    excelInfo.value = result.data
-
-    // 处理 excelInfo 中的数据
-    if (Array.isArray(excelInfo.value)) {
-      excelInfo.value.forEach((item) => {
-        if (item.rechargeCoin) {
-          item.rechargeCoin = item.rechargeCoin / 100
-        }
-        if (item.freeCoin) {
-          item.freeCoin = item.freeCoin / 100
-        }
-        if (item.taskCoin) {
-          item.taskCoin = item.taskCoin / 100
-        }
-      })
-    }
-
-    areyouright.value = true
-    ElMessage({
-      type: 'success',
-      message: '查询成功'
-    })
-    loading.value = false
-  } catch (error) {
-    console.log('请求失败', error)
-    loading.value = false
-  }
-}
-
-const areyouright = ref(false)
-
-//选地区
-const area = [
-  {
-    value: '马来西亚',
-    label: '马来西亚'
-  },
-  {
-    value: '新加坡',
-    label: '新加坡'
-  },
-  {
-    value: '香港',
-    label: '香港'
-  },
-  {
-    value: '泰国',
-    label: '泰国'
-  },
-  {
-    value: '加拿大',
-    label: '加拿大'
-  },
-  {
-    value: '越南HCM',
-    label: '越南HCM'
-  }
-]
-//选消费平台
-const platform = [
-  {
-    value: '4',
-    label: '金币系统'
-  },
-
-  {
-    value: '1',
-    label: 'ERP系统'
-  },
-  {
-    value: '2',
-    label: 'Homily Chart'
-  },
-  {
-    value: '3',
-    label: 'Homily Link'
-  },
-  {
-    value: '0',
-    label: '初始化金币'
-  }
-]
-const TimeGet = ref('1')
+getInit({})
 </script>
 <style scoped lang="scss">
 .filter-box {

gold-system/src/views/index.vue

@@ -229,8 +229,8 @@ const changeDataByArea = (item) => {
               ><el-icon> <Folder /> </el-icon>金豆模块</template
             >
             <el-menu-item index="/addGoldenBeen">金豆充值</el-menu-item>
-            <!-- <el-menu-item index="/goldenBeenDetail">金豆充值明细</el-menu-item>
-            <el-menu-item>金豆消费明细</el-menu-item>-->
+            <el-menu-item index="/goldenBeenDetail">金豆充值明细</el-menu-item>
+            <el-menu-item index="/goldenBeenConsum">金豆消费明细</el-menu-item>
             <el-menu-item index="/goldenBeenBalance">客户金豆余额</el-menu-item>
           </el-sub-menu>
           <el-menu-item

gold-system/src/views/managerecharge/activity.vue

@@ -1,180 +1,177 @@
 <script setup>
-import { ref, onMounted, reactive, computed } from "vue";
-import ElementPlus from "element-plus";
-import { ElMessage, ElMessageBox } from "element-plus";
-import axios from "axios";
-import moment from "moment";
-import API from "../../api/index.js";
-import _ from "lodash";
-import request from "@/util/http";
+import { ref, onMounted, reactive, computed } from 'vue'
+import ElementPlus from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import axios from 'axios'
+import moment from 'moment'
+import API from '../../api/index.js'
+import _ from 'lodash'
+import request from '@/util/http'
 
 //这是获取用户信息的接口
-const adminData = ref({});
+const adminData = ref({})
 const getAdminData = async function () {
   try {
-    const result = await request(
-      {
-      url: "/admin/userinfo",
-      data:{}}
-    );
-    adminData.value = result;
-    addObj.value.adminId = adminData.value.adminId;
-    console.log("请求成功", result);
-    console.log("用户信息", adminData.value);
+    const result = await request({
+      url: '/admin/userinfo',
+      data: {}
+    })
+    adminData.value = result
+    addObj.value.adminId = adminData.value.adminId
+    console.log('请求成功', result)
+    console.log('用户信息', adminData.value)
   } catch (error) {
-    console.log("请求失败", error);
+    console.log('请求失败', error)
   }
-};
+}
 
 //变量
 //活动表格数据
-const tableData = ref([]);
+const tableData = ref([])
 //分页总条目
-const total = ref(100);
+const total = ref(100)
 // 搜索对象时间
-const getTime = ref([]);
+const getTime = ref([])
 // 搜索对象活动
-const activity = ref({});
+const activity = ref({})
 //搜索对象
 const getObj = ref({
   pageNum: 1,
-  pageSize: 10,
-});
+  pageSize: 10
+})
 // 添加对象
 const addObj = ref({
-  add: "",
-});
+  add: ''
+})
 // 删除
 // 删除对象
-const delObj = ref({});
+const delObj = ref({})
 // //表格高度
 // const tableHeight = computed(function () {
 //   return (getObj.value.pageSize + 1) * 50 + "px";
 // });
 
 // 表单验证ref
-const Ref = ref(null);
+const Ref = ref(null)
 
 //方法
 //搜索方法
 const get = async function (val) {
   try {
     // 搜索参数页码赋值
-    if (typeof val === "number") {
-      getObj.value.pageNum = val;
+    if (typeof val === 'number') {
+      getObj.value.pageNum = val
     }
     // 搜索参数时间赋值
     if (getTime.value != null) {
-      if (getTime.value.startDate != "" && getTime.value.endDate != "") {
-        activity.value.startDate = getTime.value[0];
-        activity.value.endDate = getTime.value[1];
+      if (getTime.value.startDate != '' && getTime.value.endDate != '') {
+        activity.value.startDate = getTime.value[0]
+        activity.value.endDate = getTime.value[1]
       }
     } else {
-      activity.value.startDate = "";
-      activity.value.endDate = "";
+      activity.value.startDate = ''
+      activity.value.endDate = ''
     }
 
-    console.log("搜索参数", getObj.value);
+    console.log('搜索参数', getObj.value)
     // 发送POST请求
-    const result = await request(
-      {
-      url: "/recharge/activity/select",
-      data:{
+    const result = await request({
+      url: '/recharge/activity/select',
+      data: {
         ...getObj.value,
-        activity: { ...activity.value },
-      }}
-    );
+        activity: { ...activity.value }
+      }
+    })
 
     // 将响应结果存储到响应式数据中
-    console.log("请求成功", result);
+    console.log('请求成功', result)
     // 存储表格数据
-    tableData.value = result.data.list;
-    console.log("tableData", tableData.value);
+    tableData.value = result.data.list
+    console.log('tableData', tableData.value)
     // 存储分页总条目
-    total.value = result.data.total;
-    console.log("total", total.value);
+    total.value = result.data.total
+    console.log('total', total.value)
   } catch (error) {
-    console.log("请求失败", error);
+    console.log('请求失败', error)
     // 在这里可以处理错误逻辑，比如显示错误提示等
   }
-};
+}
 // 搜索
 const search = function () {
-  getObj.value.pageNum = 1;
-  get();
-};
+  getObj.value.pageNum = 1
+  get()
+}
 // 重置
 const reset = function () {
-  getObj.value = {};
-  getObj.value.pageNum = 1;
-  getObj.value.pageSize = 10;
-  getTime.value = {};
-  activity.value = {};
-};
+  getObj.value = {}
+  getObj.value.pageNum = 1
+  getObj.value.pageSize = 10
+  getTime.value = {}
+  activity.value = {}
+}
 //新增活动弹出框
-const addActivityVisible = ref(false);
+const addActivityVisible = ref(false)
 //打开新增活动弹出框
 const openAddActivityVisible = function () {
-  addActivityVisible.value = true;
-};
+  addActivityVisible.value = true
+}
 //关闭新增窗口弹出框
 const closeAddActivityVisible = function (done) {
-  addActivityVisible.value = false;
-};
+  addActivityVisible.value = false
+}
 //添加活动按钮
 const addActicity = function () {
-  console.log("Date", new Date());
+  console.log('Date', new Date())
   //添加对象初始化操作
-  addObj.value = {};
-  addObj.value.adminId = adminData.value.adminId;
-  addObj.value.adminName = adminData.value.name;
-  addObj.value.freeGold = "0";
-  addObj.value.rechargeRatio = 0;
-  addObj.value.startTime = null;
-  addObj.value.endTime = null;
-  openAddActivityVisible();
-};
+  addObj.value = {}
+  addObj.value.adminId = adminData.value.adminId
+  addObj.value.adminName = adminData.value.name
+  addObj.value.freeGold = '0'
+  addObj.value.rechargeRatio = 0
+  addObj.value.startTime = null
+  addObj.value.endTime = null
+  openAddActivityVisible()
+}
 
 // 添加确认
 const add = async function () {
   Ref.value.validate(async (valid) => {
-    console.log("valid", valid);
+    console.log('valid', valid)
     if (valid) {
       try {
-        console.log("添加对象", addObj.value);
+        console.log('添加对象', addObj.value)
         // 发送POST请求
-        const result = await request(
-          {
-      url: "/recharge/activity/add",
-          data: addObj.value}
-        );
+        const result = await request({
+          url: '/recharge/activity/add',
+          data: addObj.value
+        })
 
         // 将响应结果存储到响应式数据中
-        console.log("请求成功", result);
+        console.log('请求成功', result)
         // 刷新表格数据
-        get();
+        get()
         // 关闭弹出框
-        closeAddActivityVisible();
+        closeAddActivityVisible()
         //提示
         ElMessage({
-          type: "success",
-          message: "活动添加成功！",
-        });
+          type: 'success',
+          message: '活动添加成功！'
+        })
       } catch (error) {
-        console.log("请求失败", error);
+        console.log('请求失败', error)
         // 在这里可以处理错误逻辑，比如显示错误提示等
       }
     } else {
       //提示
       ElMessage({
-        type: "error",
-        message: "请检查输入内容",
-      });
+        type: 'error',
+        message: '请检查输入内容'
+      })
     }
-  });
-};
+  })
+}
 // 使用 _.throttle 并设置 trailing 为 false 实现严格节流，只执行一次
-const throttledAdd = _.throttle(add, 5000, { trailing: false });
+const throttledAdd = _.throttle(add, 5000, { trailing: false })
 // 新增一个标志，用于控制是否执行函数
 // let onceFunction = true;
 // 改进后的手动节流函数
@@ -191,117 +188,121 @@ const throttledAdd = _.throttle(add, 5000, { trailing: false });
 // 删除=========================================================
 // 删除按钮
 const del = function (row) {
-  delObj.value.activityId = row.activityId;
-  console.log("delObj", delObj.value);
-};
+  delObj.value.activityId = row.activityId
+  console.log('delObj', delObj.value)
+}
 // 删除按钮的气泡弹出框确认按钮
 const delConfirm = async function () {
   try {
-    console.log("delObj", delObj.value);
+    console.log('delObj', delObj.value)
     // 发送POST请求
-    const result = await request(
-      {
-      url: "/recharge/activity/edit",
-      data: delObj.value}
-    );
+    const result = await request({
+      url: '/recharge/activity/edit',
+      data: delObj.value
+    })
     // 将响应结果存储到响应式数据中
-    console.log("请求成功", result);
+    console.log('请求成功', result)
     // 刷新表格数据
-    get();
+    get()
   } catch (error) {
-    console.log("请求失败", error);
+    console.log('请求失败', error)
     // 在这里可以处理错误逻辑，比如显示错误提示等
   }
-};
-
+}
+const handlePageSizeChange = function (val) {
+  getObj.value.pageSize = val
+  get()
+}
+const handleCurrentChange = function (val) {
+  getObj.value.pageNum = val
+  get()
+}
 // 表单验证
 // 开始时间改变时，重新验证结束时间
 const handleStartTimeChange = () => {
-  Ref.value.validateField("endTime");
-};
+  Ref.value.validateField('endTime')
+}
 const checkFreeGoldRadio = function (rule, value, callback) {
   if (addObj.value.freeGold == 1) {
-    if (value == "0" || value == null || value == "") {
-      callback(new Error("请输入免费金币兑换比"));
+    if (value == '0' || value == null || value == '') {
+      callback(new Error('请输入免费金币兑换比'))
     } else if (value < 0 || isNaN(value)) {
-      callback(new Error("请输入正确的格式"));
+      callback(new Error('请输入正确的格式'))
     } else {
-      callback();
+      callback()
     }
   } else {
-    callback();
+    callback()
   }
-};
+}
 
 const checkStartTime = function (rule, value, callback) {
   if (value < new Date()) {
-    callback(new Error("开始时间不能小于当前时间"));
+    callback(new Error('开始时间不能小于当前时间'))
   } else {
-    callback();
+    callback()
   }
-};
+}
 
 const checkEndTime = function (rule, value, callback) {
   if (value < new Date()) {
-    callback(new Error("结束时间不能小于当前时间"));
+    callback(new Error('结束时间不能小于当前时间'))
   } else if (value <= addObj.value.startTime) {
-    callback(new Error("结束时间不能小于开始时间"));
+    callback(new Error('结束时间不能小于开始时间'))
   } else {
-    callback();
+    callback()
   }
-};
+}
 const rules = reactive({
   activityName: [
-    { required: true, message: "请输入活动名称", trigger: "blur" },
+    { required: true, message: '请输入活动名称', trigger: 'blur' }
   ],
   freeGold: [
-    { required: true, message: "请选择是否赠送免费金币", trigger: "blur" },
+    { required: true, message: '请选择是否赠送免费金币', trigger: 'blur' }
   ],
-  rechargeRatio: [{ validator: checkFreeGoldRadio, trigger: "blur" }],
+  rechargeRatio: [{ validator: checkFreeGoldRadio, trigger: 'blur' }],
   startTime: [
-    { required: true, message: "请选择开始时间", trigger: "blur" },
-    { validator: checkStartTime, trigger: "blur" },
+    { required: true, message: '请选择开始时间', trigger: 'blur' },
+    { validator: checkStartTime, trigger: 'blur' }
   ],
   endTime: [
-    { required: true, message: "请选择结束时间", trigger: "blur" },
-    { validator: checkEndTime, trigger: "blur" },
-  ],
-});
+    { required: true, message: '请选择结束时间', trigger: 'blur' },
+    { validator: checkEndTime, trigger: 'blur' }
+  ]
+})
 
 // 验证跳转输入框的数字是否合法
 const checkNumber = function () {
-  if (typeof parseInt(getObj.value.pageNum) === "number") {
-    console.log(
-      "总共有多少页" + Math.ceil(total.value / getObj.value.pageSize)
-    );
+  if (typeof parseInt(getObj.value.pageNum) === 'number') {
+    console.log('总共有多少页' + Math.ceil(total.value / getObj.value.pageSize))
     if (
       getObj.value.pageNum > 0 &&
       getObj.value.pageNum <= Math.ceil(total.value / getObj.value.pageSize)
     ) {
-      getObj.value.pageNum = parseInt(getObj.value.pageNum);
-      console.log("输入的数字合法");
-      get();
+      getObj.value.pageNum = parseInt(getObj.value.pageNum)
+      console.log('输入的数字合法')
+      get()
     } else {
       //提示
       ElMessage({
-        type: "error",
-        message: "请检查输入内容",
-      });
+        type: 'error',
+        message: '请检查输入内容'
+      })
     }
   } else {
     //提示
     ElMessage({
-      type: "error",
-      message: "请检查输入内容",
-    });
+      type: 'error',
+      message: '请检查输入内容'
+    })
   }
-};
+}
 
 // 挂载
 onMounted(async function () {
-  await getAdminData();
-  get();
-});
+  await getAdminData()
+  get()
+})
 </script>
 
 <template>
@@ -364,12 +365,12 @@ onMounted(async function () {
             <el-table-column prop="activityName" label="活动名称" />
             <el-table-column prop="startTime" label="开始时间">
               <template #default="scope">
-                {{ moment(scope.row.startTime).format("YYYY-MM-DD HH:mm:ss") }}
+                {{ moment(scope.row.startTime).format('YYYY-MM-DD HH:mm:ss') }}
               </template>
             </el-table-column>
             <el-table-column prop="endTime" label="结束时间">
               <template #default="scope">
-                {{ moment(scope.row.endTime).format("YYYY-MM-DD HH:mm:ss") }}
+                {{ moment(scope.row.endTime).format('YYYY-MM-DD HH:mm:ss') }}
               </template>
             </el-table-column>
             <el-table-column prop="rechargeRatio" label="免费兑换比">
@@ -402,7 +403,7 @@ onMounted(async function () {
             <el-table-column prop="name" label="添加人" />
             <el-table-column prop="createTime" label="添加时间">
               <template #default="scope">
-                {{ moment(scope.row.createTime).format("YYYY-MM-DD HH:mm:ss") }}
+                {{ moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss') }}
               </template>
             </el-table-column>
             <el-table-column prop="operation" label="操作">
@@ -433,41 +434,12 @@ onMounted(async function () {
           <el-pagination
             background
             :page-size="getObj.pageSize"
-            layout="slot"
-            :total="total"
-          >
-            <div>共{{ total }}条,每页</div>
-            <el-select
-              v-model="getObj.pageSize"
-              class="page-size"
-              @change="get()"
-              style="width: 80px"
-            >
-              <el-option
-                v-for="item in [5, 10, 20, 50, 100]"
-                :key="item"
-                :label="item"
-                :value="item"
-              ></el-option>
-            </el-select>
-            <div>条</div>
-          </el-pagination>
-          <el-pagination
-            background
-            layout="prev, pager, next, slot"
-            :page-size="getObj.pageSize"
+            :page-sizes="[5, 10, 20, 50, 100]"
+            layout="total, sizes, prev, pager, next, jumper"
             :total="total"
-            :current-page="getObj.pageNum"
-            @current-change="get"
-          >
-            <div>跳至</div>
-            <el-input
-              v-model="getObj.pageNum"
-              style="width: 40px"
-              @change="checkNumber"
-            />
-            <div>页</div>
-          </el-pagination>
+            @size-change="handlePageSizeChange"
+            @current-change="handleCurrentChange"
+          ></el-pagination>
         </div>
       </el-card>
     </el-col>

gold-system/src/views/managerecharge/rate.vue

@@ -164,6 +164,14 @@ const add = () => {
     }
   });
 };
+const handlePageSizeChange = function (val) {
+  getObj.value.pageSize = val
+  get()
+}
+const handleCurrentChange = function (val) {
+  getObj.value.pageNum = val
+  get()
+}
 // 使用 _.throttle 并设置 trailing 为 false 实现严格节流，只执行一次
 const throttledAdd = _.throttle(add, 5000, { trailing: false });
 // 编辑方法
@@ -581,41 +589,13 @@ function handleInput(value) {
           <el-pagination
             background
             :page-size="getObj.pageSize"
-            layout="slot"
+            :page-sizes="[5, 10, 20, 50, 100]"
+            layout="total, sizes, prev, pager, next, jumper"
             :total="total"
-          >
-            <div>共{{ total }}条,每页</div>
-            <el-select
-              v-model="getObj.pageSize"
-              class="page-size"
-              @change="get()"
-              style="width: 80px"
-            >
-              <el-option
-                v-for="item in [5, 10, 20, 50, 100]"
-                :key="item"
-                :label="item"
-                :value="item"
-              ></el-option>
-            </el-select>
-            <div>条</div>
-          </el-pagination>
-          <el-pagination
-            background
-            layout="prev, pager, next, slot"
-            :page-size="getObj.pageSize"
-            :total="total"
-            :current-page="getObj.pageNum"
-            @current-change="get"
-          >
-            <div>跳至</div>
-            <el-input
-              v-model="getObj.pageNum"
-              style="width: 40px"
-              @change="checkNumber"
-            />
-            <div>页</div>
-          </el-pagination>
+            @size-change="handlePageSizeChange"
+            @current-change="handleCurrentChange"
+          ></el-pagination>
+
         </div>
       </el-card>
     </el-col>

gold-system/src/views/permissions/index.vue

@@ -1,165 +1,163 @@
 <script setup>
-import { ref, onMounted, reactive, computed } from "vue";
-import ElementPlus from "element-plus";
-import { ElMessage, ElMessageBox } from "element-plus";
-import axios from "axios";
-import moment from "moment";
-import { ta } from "element-plus/es/locales.mjs";
-import API from "../../api/index.js";
-import { UserFilled } from "@element-plus/icons-vue";
-import _ from "lodash";
-import request from "@/util/http";
+import { ref, onMounted, reactive, computed } from 'vue'
+import ElementPlus from 'element-plus'
+import { ElMessage, ElMessageBox } from 'element-plus'
+import axios from 'axios'
+import moment from 'moment'
+import { ta } from 'element-plus/es/locales.mjs'
+import API from '../../api/index.js'
+import { UserFilled } from '@element-plus/icons-vue'
+import _ from 'lodash'
+import request from '@/util/http'
 
 // 充值明细表格
-const tableData = ref([]);
+const tableData = ref([])
 // 搜索===========================================
 //分页总条目
-const total = ref(100);
+const total = ref(100)
 // 搜索detailY
-const admin = ref({});
+const admin = ref({})
 // 搜索对象
 const getObj = ref({
   pageNum: 1,
-  pageSize: 10,
-});
+  pageSize: 10
+})
 // 新增用户权限弹窗
-const permissionAddVisible = ref(false);
+const permissionAddVisible = ref(false)
 // 编辑用户权限弹窗
-const permissionEditVisible = ref(false);
+const permissionEditVisible = ref(false)
 //选地区
-const area = ref([]);
+const area = ref([])
 // 选部门
-const store = ref([]);
+const store = ref([])
 // 新增用户权限对象
-const permissionAddObj = ref({});
+const permissionAddObj = ref({})
 // 新增用户权限对象
-const addAdmin = ref({});
+const addAdmin = ref({})
 // 编辑用户权限对象
-const permissionEditObj = ref({});
+const permissionEditObj = ref({})
 // 删除权限对象
-const delObj = ref({});
+const delObj = ref({})
 
 // 搜索接口
 const get = async function (val) {
   try {
     // 搜索参数页码赋值
-    if (typeof val === "number") {
-      getObj.value.pageNum = val;
+    if (typeof val === 'number') {
+      getObj.value.pageNum = val
     }
-    console.log("搜索参数", getObj.value);
+    console.log('搜索参数', getObj.value)
     // 发送POST请求
     const result = await request({
-      url: "/admin/search",
+      url: '/admin/search',
       data: {
         ...getObj.value,
-        admin: { ...admin.value },
-      },
-    });
-    tableData.value = result.data.list;
-    console.log("tableData", tableData.value);
-    total.value = result.data.total;
+        admin: { ...admin.value }
+      }
+    })
+    tableData.value = result.data.list
+    console.log('tableData', tableData.value)
+    total.value = result.data.total
   } catch (error) {
-    console.log("请求失败", error);
+    console.log('请求失败', error)
   }
-};
+}
 // 搜索
 const search = function () {
-  getObj.value.pageNum = 1;
-  get();
-};
+  getObj.value.pageNum = 1
+  get()
+}
 // 重置
 const reset = function () {
-  admin.value = {};
-};
+  admin.value = {}
+}
 
 // 获取地区
 const getArea = async function () {
   try {
     const result = await request({
-      url: "/admin/area",
-      data: {},
-    });
-    area.value = result.data;
+      url: '/admin/area',
+      data: {}
+    })
+    area.value = result.data
   } catch (error) {
-    console.log("请求失败", error);
+    console.log('请求失败', error)
     // 在这里可以处理错误逻辑，比如显示错误提示等
   }
-};
+}
 // 获取部门
 const getStore = async function () {
   try {
     const result = await request({
-      url: "/admin/store",
-      data: {},
-    });
-    store.value = result.data;
+      url: '/admin/store',
+      data: {}
+    })
+    store.value = result.data
   } catch (error) {
-    console.log("请求失败", error);
+    console.log('请求失败', error)
     // 在这里可以处理错误逻辑，比如显示错误提示等
   }
-};
+}
 
 // 验证跳转输入框的数字是否合法
 const checkNumber = function () {
-  if (typeof parseInt(getObj.value.pageNum) === "number") {
-    console.log(
-      "总共有多少页" + Math.ceil(total.value / getObj.value.pageSize)
-    );
+  if (typeof parseInt(getObj.value.pageNum) === 'number') {
+    console.log('总共有多少页' + Math.ceil(total.value / getObj.value.pageSize))
     if (
       getObj.value.pageNum > 0 &&
       getObj.value.pageNum <= Math.ceil(total.value / getObj.value.pageSize)
     ) {
-      getObj.value.pageNum = parseInt(getObj.value.pageNum);
-      console.log("输入的数字合法");
-      get();
+      getObj.value.pageNum = parseInt(getObj.value.pageNum)
+      console.log('输入的数字合法')
+      get()
     } else {
       //提示
       ElMessage({
-        type: "error",
-        message: "请检查输入内容",
-      });
+        type: 'error',
+        message: '请检查输入内容'
+      })
     }
   } else {
     //提示
     ElMessage({
-      type: "error",
-      message: "请检查输入内容",
-    });
+      type: 'error',
+      message: '请检查输入内容'
+    })
   }
-};
+}
 
 // 打开新增用户权限弹窗
 const openPermissionAddVisible = function () {
-  permissionAddVisible.value = true;
-};
+  permissionAddVisible.value = true
+}
 // 关闭新增用户权限弹窗
 const closePermissionAddVisible = function () {
-  permissionAddVisible.value = false;
-};
+  permissionAddVisible.value = false
+}
 // 新增用户权限初始化
 const permissionAddInit = function () {
-  permissionAddObj.value = {};
-  openPermissionAddVisible();
-};
+  permissionAddObj.value = {}
+  openPermissionAddVisible()
+}
 // 通过精网号查询没有权限的用户
 const getAdminByJwcodeWithoutPermission = async function () {
   try {
     const result = await request({
-      url: "/admin/selectNo",
-      data: permissionAddObj.value,
-    });
+      url: '/admin/selectNo',
+      data: permissionAddObj.value
+    })
     if (result.code == 200) {
-      permissionAddObj.value = result.data[0];
-      ElMessage.success("精网号查询成功");
+      permissionAddObj.value = result.data[0]
+      ElMessage.success('精网号查询成功')
     } else {
-      ElMessage.error(result.msg);
+      ElMessage.error(result.msg)
     }
-    console.log("精网号查询没有权限的用户", permissionAddObj.value);
+    console.log('精网号查询没有权限的用户', permissionAddObj.value)
   } catch (error) {
-    console.log("请求失败", error);
+    console.log('请求失败', error)
     // 在这里可以处理错误逻辑，比如显示错误提示等
   }
-};
+}
 // 新增用户权限提交
 // const permissionAdd = async function () {
 //   try {
@@ -205,210 +203,218 @@ const getAdminByJwcodeWithoutPermission = async function () {
 // };
 const permissionAdd = async function () {
   Ref.value.validate(async (valid) => {
-    console.log("valid", valid);
+    console.log('valid', valid)
     if (valid) {
       try {
-        addAdmin.value.adminFlag = 1;
-        addAdmin.value.status1 = 1;
+        addAdmin.value.adminFlag = 1
+        addAdmin.value.status1 = 1
         const result = await request({
-          url: "/admin/add",
-          data: addAdmin.value,
-        });
+          url: '/admin/add',
+          data: addAdmin.value
+        })
 
         if (result.code == 200) {
-          ElMessage.success("添加成功");
+          ElMessage.success('添加成功')
         } else {
-          ElMessage.error(result.msg);
+          ElMessage.error(result.msg)
         }
 
-        addAdmin.value = {};
-        get();
+        addAdmin.value = {}
+        get()
 
-        closePermissionAddVisible();
+        closePermissionAddVisible()
       } catch (error) {
-        console.log("新增用户权限失败", error);
+        console.log('新增用户权限失败', error)
         // 在这里可以处理错误逻辑，比如显示错误提示等
 
-        ElMessage.error("新增用户权限失败");
-        closePermissionAddVisible();
+        ElMessage.error('新增用户权限失败')
+        closePermissionAddVisible()
       }
     } else {
       //提示
       ElMessage({
-        type: "error",
-        message: "请检查输入内容",
-      });
+        type: 'error',
+        message: '请检查输入内容'
+      })
     }
-  });
-};
+  })
+}
 // 表格添加的条件
 const rules = reactive({
-  jwcode: [{ required: true, message: "请输入精网号", trigger: "blur" }],
-  name: [{ required: true, message: "请输入用户名", trigger: "blur" }],
-  store: [{ required: true, message: "请输入职称", trigger: "blur" }],
-  machineId: [{ required: true, message: "请输入精网号", trigger: "blur" }],
-  area: [{ required: true, message: "请选择所属地区", trigger: "blur" }],
-  permission: [{ required: true, message: "请选择权限", trigger: "blur" }],
-});
+  jwcode: [{ required: true, message: '请输入精网号', trigger: 'blur' }],
+  name: [{ required: true, message: '请输入用户名', trigger: 'blur' }],
+  store: [{ required: true, message: '请输入职称', trigger: 'blur' }],
+  machineId: [{ required: true, message: '请输入精网号', trigger: 'blur' }],
+  area: [{ required: true, message: '请选择所属地区', trigger: 'blur' }],
+  permission: [{ required: true, message: '请选择权限', trigger: 'blur' }]
+})
 // 验证表单
 // 表单验证ref
-const Ref = ref(null);
+const Ref = ref(null)
 // 使用 _.throttle 并设置 trailing 为 false 实现严格节流，只执行一次
 const throttledPermissionAdd = _.throttle(permissionAdd, 5000, {
-  trailing: false,
-});
+  trailing: false
+})
 // 权限类别
 const permissionList = [
   {
-    label: "总部",
-    value: "1",
+    label: '总部',
+    value: '1'
   },
   {
-    label: "地区经理",
-    value: "5",
+    label: '地区经理',
+    value: '5'
   },
   {
-    label: "财务",
-    value: "3",
+    label: '财务',
+    value: '3'
   },
   {
-    label: "客服",
-    value: "2",
-  },
-];
+    label: '客服',
+    value: '2'
+  }
+]
 // 获取地区
 // 获取地区
-const areaList = ref([]);
+const areaList = ref([])
 const getAreas = async function () {
   try {
     // 发送POST请求
     const result = await request({
-      url: "/recharge/user/search",
-      data: {},
-    });
+      url: '/recharge/user/search',
+      data: {}
+    })
 
     // 将响应结果存储到响应式数据中
-    console.log("请求成功", result);
+    console.log('请求成功', result)
     // 存储地区信息
-    areaList.value = result.data;
-    console.log("地区", area.value);
+    areaList.value = result.data
+    console.log('地区', area.value)
   } catch (error) {
-    console.log("请求失败", error);
+    console.log('请求失败', error)
     // 在这里可以处理错误逻辑，比如显示错误提示等
   }
-};
-getAreas();
+}
+getAreas()
 // 打开编辑用户权限弹窗
 const openPermissionEditVisible = function () {
-  permissionEditVisible.value = true;
-};
+  permissionEditVisible.value = true
+}
 // 关闭编辑用户权限弹窗
 const closePermissionEditVisible = function () {
-  permissionEditVisible.value = false;
-};
+  permissionEditVisible.value = false
+}
 // 编辑用户权限初始化
 const permissionEditInit = function (row) {
-  permissionEditObj.value = {};
-  permissionEditObj.value.jwcode = row.jwcode;
-  permissionEditObj.value.name = row.name;
-  permissionEditObj.value.area = row.area;
-  permissionEditObj.value.store = row.store;
-  permissionEditObj.value.permission = row.permission;
-  console.log("编辑用户权限", permissionEditObj.value);
-  openPermissionEditVisible();
-};
+  permissionEditObj.value = {}
+  permissionEditObj.value.jwcode = row.jwcode
+  permissionEditObj.value.name = row.name
+  permissionEditObj.value.area = row.area
+  permissionEditObj.value.store = row.store
+  permissionEditObj.value.permission = row.permission
+  console.log('编辑用户权限', permissionEditObj.value)
+  openPermissionEditVisible()
+}
 // 编辑用户权限提交
 const permissionEdit = async function () {
   try {
     const result = await request({
-      url: "/admin/update",
-      data: permissionEditObj.value,
-    });
+      url: '/admin/update',
+      data: permissionEditObj.value
+    })
 
     // 将响应结果存储到响应式数据中
-    console.log("请求成功", result);
+    console.log('请求成功', result)
 
-    ElMessage.success("编辑用户权限成功");
+    ElMessage.success('编辑用户权限成功')
 
-    get();
+    get()
 
-    closePermissionEditVisible();
+    closePermissionEditVisible()
   } catch (error) {
-    console.log("编辑用户权限失败", error);
+    console.log('编辑用户权限失败', error)
     // 在这里可以处理错误逻辑，比如显示错误提示等
-    ElMessage.error("编辑用户权限失败");
+    ElMessage.error('编辑用户权限失败')
 
-    closePermissionEditVisible();
+    closePermissionEditVisible()
   }
-};
+}
 const throttledPermissionEdit = _.throttle(permissionEdit, 5000, {
-  trailing: false,
-});
+  trailing: false
+})
 // 删除初始化
 const del = function (row) {
-  delObj.value = {};
-  console.log(row, "删除初始化");
-  delObj.value.jwcode = row.jwcode;
-};
+  delObj.value = {}
+  console.log(row, '删除初始化')
+  delObj.value.jwcode = row.jwcode
+}
 // 删除权限
 const delConfirm = async function () {
   try {
-    delObj.value.permission = "4";
-    console.log(delObj.value);
+    delObj.value.permission = '4'
+    console.log(delObj.value)
 
     const result = await request({
-      url: "/admin/update",
-      data: delObj.value,
-    });
+      url: '/admin/update',
+      data: delObj.value
+    })
 
     // 将响应结果存储到响应式数据中
-    console.log("请求成功", result);
+    console.log('请求成功', result)
 
-    ElMessage.success("删除权限成功");
-    delObj.value = {};
-    get();
+    ElMessage.success('删除权限成功')
+    delObj.value = {}
+    get()
   } catch (error) {
-    console.log("删除权限失败", error);
+    console.log('删除权限失败', error)
     // 在这里可以处理错误逻辑，比如显示错误提示等
-    ElMessage.error("删除权限失败");
+    ElMessage.error('删除权限失败')
   }
-};
+}
 // 禁用启用用户权限
 const editStatus = async function (row) {
   try {
-    console.log(row);
+    console.log(row)
 
-    permissionEditObj.value = {};
-    permissionEditObj.value.jwcode = row.jwcode;
-    permissionEditObj.value.status1 = row.status1;
+    permissionEditObj.value = {}
+    permissionEditObj.value.jwcode = row.jwcode
+    permissionEditObj.value.status1 = row.status1
 
-    console.log("修改用户权限状态", permissionEditObj.value);
+    console.log('修改用户权限状态', permissionEditObj.value)
 
     const result = await request({
-      url: "/admin/update",
-      data: permissionEditObj.value,
-    });
+      url: '/admin/update',
+      data: permissionEditObj.value
+    })
 
     // 将响应结果存储到响应式数据中
-    console.log("请求成功", result);
+    console.log('请求成功', result)
 
     ElMessage.success(
-      permissionEditObj.value.status1 == 1 ? "启用成功" : "禁用成功"
-    );
-    permissionEditObj.value = {};
-    get();
+      permissionEditObj.value.status1 == 1 ? '启用成功' : '禁用成功'
+    )
+    permissionEditObj.value = {}
+    get()
   } catch (error) {
-    console.log("修改用户权限失败", error);
+    console.log('修改用户权限失败', error)
     // 在这里可以处理错误逻辑，比如显示错误提示等
   }
-};
+}
 
 // 挂载
 onMounted(async function () {
-  await get();
-  await getArea();
-  await getStore();
-});
+  await get()
+  await getArea()
+  await getStore()
+})
+const handlePageSizeChange = function (val) {
+  getObj.value.pageSize = val
+  get()
+}
+const handleCurrentChange = function (val) {
+  getObj.value.pageNum = val
+  get()
+}
 </script>
 
 <template>
@@ -566,41 +572,12 @@ onMounted(async function () {
           <el-pagination
             background
             :page-size="getObj.pageSize"
-            layout="slot"
+            :page-sizes="[5, 10, 20, 50, 100]"
+            layout="total, sizes, prev, pager, next, jumper"
             :total="total"
-          >
-            <div>共{{ total }}条,每页</div>
-            <el-select
-              v-model="getObj.pageSize"
-              class="page-size"
-              @change="get()"
-              style="width: 80px"
-            >
-              <el-option
-                v-for="item in [5, 10, 20, 50, 100]"
-                :key="item"
-                :label="item"
-                :value="item"
-              ></el-option>
-            </el-select>
-            <div>条</div>
-          </el-pagination>
-          <el-pagination
-            background
-            layout="prev, pager, next,slot"
-            :page-size="getObj.pageSize"
-            :total="total"
-            :current-page="getObj.pageNum"
-            @current-change="get"
-          >
-            <div>跳至</div>
-            <el-input
-              v-model="getObj.pageNum"
-              style="width: 40px"
-              @change="checkNumber"
-            />
-            <div>页</div>
-          </el-pagination>
+            @size-change="handlePageSizeChange"
+            @current-change="handleCurrentChange"
+          ></el-pagination>
         </div>
       </el-card>
     </el-col>

gold-system/src/views/recharge/adminRecharge.vue

@@ -156,7 +156,7 @@ const get = async function (val) {
     }
     if (result2.data) {
       result2.data.forEach((item) => {
-        switch (item.flag) {
+        switch (item.auditStatus) {
           case '待审核':
             // 若 item.raudit 为空则赋值为 0
             // 若 item.sumRaudit 为空则赋值为 0
@@ -229,6 +229,14 @@ const getToday = function () {
   console.log('getTime', getTime.value)
   get()
 }
+const handlePageSizeChange = function (val) {
+  getObj.value.pageSize = val
+  get()
+}
+const handleCurrentChange = function (val) {
+  getObj.value.pageNum = val
+  get()
+}
 // 昨天
 const getYesterday = function () {
   const yesterday = new Date()
@@ -695,41 +703,12 @@ const handleSortChange = (column) => {
           <el-pagination
             background
             :page-size="getObj.pageSize"
-            layout="slot"
-            :total="total"
-          >
-            <div>共{{ total }}条,每页</div>
-            <el-select
-              v-model="getObj.pageSize"
-              class="page-size"
-              @change="get()"
-              style="width: 80px"
-            >
-              <el-option
-                v-for="item in [5, 10, 20, 50, 100]"
-                :key="item"
-                :label="item"
-                :value="item"
-              ></el-option>
-            </el-select>
-            <div>条</div>
-          </el-pagination>
-          <el-pagination
-            background
-            layout="prev, pager, next,slot"
-            :page-size="getObj.pageSize"
+            :page-sizes="[5, 10, 20, 50, 100]"
+            layout="total, sizes, prev, pager, next, jumper"
             :total="total"
-            :current-page="getObj.pageNum"
-            @current-change="get"
-          >
-            <div>跳至</div>
-            <el-input
-              v-model="getObj.pageNum"
-              style="width: 40px"
-              @change="checkNumber"
-            />
-            <div>页</div>
-          </el-pagination>
+            @size-change="handlePageSizeChange"
+            @current-change="handleCurrentChange"
+          ></el-pagination>
         </div>
       </el-card>
     </el-col>

gold-system/src/views/recharge/allRecharge.vue

@@ -366,6 +366,14 @@ onMounted(async function () {
   await getArea()
   await getPayWay()
 })
+const handlePageSizeChange = function (val) {
+  getObj.value.pageSize = val
+  get()
+}
+const handleCurrentChange = function (val) {
+  getObj.value.pageNum = val
+  get()
+}
 // 新增排序字段和排序方式
 const sortField = ref('')
 const sortOrder = ref('')
@@ -650,41 +658,12 @@ const handleSortChange = (column) => {
           <el-pagination
             background
             :page-size="getObj.pageSize"
-            layout="slot"
-            :total="total"
-          >
-            <div>共{{ total }}条,每页</div>
-            <el-select
-              v-model="getObj.pageSize"
-              class="page-size"
-              @change="get()"
-              style="width: 80px"
-            >
-              <el-option
-                v-for="item in [5, 10, 20, 50, 100]"
-                :key="item"
-                :label="item"
-                :value="item"
-              ></el-option>
-            </el-select>
-            <div>条</div>
-          </el-pagination>
-          <el-pagination
-            background
-            layout="prev, pager, next,slot"
-            :page-size="getObj.pageSize"
+            :page-sizes="[5, 10, 20, 50, 100]"
+            layout="total, sizes, prev, pager, next, jumper"
             :total="total"
-            :current-page="getObj.pageNum"
-            @current-change="get"
-          >
-            <div>跳至</div>
-            <el-input
-              v-model="getObj.pageNum"
-              style="width: 40px"
-              @change="checkNumber"
-            />
-            <div>页</div>
-          </el-pagination>
+            @size-change="handlePageSizeChange"
+            @current-change="handleCurrentChange"
+          ></el-pagination>
         </div>
       </el-card>
     </el-col>

gold-system/src/views/refund/allRefund.vue

@@ -418,6 +418,14 @@ const handleSortChange = (column) => {
   sortOrder.value = column.order === 'ascending' ? 'ASC' : 'DESC'
   get()
 }
+const handlePageSizeChange = function (val) {
+  getObj.value.pageSize = val
+  get()
+}
+const handleCurrentChange = function (val) {
+  getObj.value.pageNum = val
+  get()
+}
 </script>
 
 <template>
@@ -677,41 +685,12 @@ const handleSortChange = (column) => {
           <el-pagination
             background
             :page-size="getObj.pageSize"
-            layout="slot"
-            :total="total"
-          >
-            <div>共{{ total }}条,每页</div>
-            <el-select
-              v-model="getObj.pageSize"
-              class="page-size"
-              @change="get()"
-              style="width: 80px"
-            >
-              <el-option
-                v-for="item in [5, 10, 20, 50, 100]"
-                :key="item"
-                :label="item"
-                :value="item"
-              ></el-option>
-            </el-select>
-            <div>条</div>
-          </el-pagination>
-          <el-pagination
-            background
-            layout="prev, pager, next,slot"
-            :page-size="getObj.pageSize"
+            :page-sizes="[5, 10, 20, 50, 100]"
+            layout="total, sizes, prev, pager, next, jumper"
             :total="total"
-            :current-page="getObj.pageNum"
-            @current-change="get"
-          >
-            <div>跳至</div>
-            <el-input
-              v-model="getObj.pageNum"
-              style="width: 40px"
-              @change="checkNumber"
-            />
-            <div>页</div>
-          </el-pagination>
+            @size-change="handlePageSizeChange"
+            @current-change="handleCurrentChange"
+          ></el-pagination>
         </div>
       </el-card>
     </el-col>

gold-system/src/views/usergold/index.vue

@@ -496,6 +496,14 @@ const handleSortChange = (column) => {
     sortField.value = 'gold'
   }
   sortOrder.value = column.order === 'ascending' ? 'ASC' : 'DESC'
+}
+get()
+const handlePageSizeChange = function (val) {
+  getObj.value.pageSize = val
+  get()
+}
+const handleCurrentChange = function (val) {
+  getObj.value.pageNum = val
   get()
 }
 </script>
@@ -797,41 +805,12 @@ const handleSortChange = (column) => {
           <el-pagination
             background
             :page-size="getObj.pageSize"
-            layout="slot"
+            :page-sizes="[5, 10, 20, 50, 100]"
+            layout="total, sizes, prev, pager, next, jumper"
             :total="total"
-          >
-            <div>共{{ total }}条,每页</div>
-            <el-select
-              v-model="getObj.pageSize"
-              class="page-size"
-              @change="get()"
-              style="width: 80px"
-            >
-              <el-option
-                v-for="item in [5, 10, 20, 50, 100]"
-                :key="item"
-                :label="item"
-                :value="item"
-              ></el-option>
-            </el-select>
-            <div>条</div>
-          </el-pagination>
-          <el-pagination
-            background
-            layout="prev, pager, next,slot"
-            :page-size="getObj.pageSize"
-            :total="total"
-            :current-page="getObj.pageNum"
-            @current-change="get"
-          >
-            <div>跳至</div>
-            <el-input
-              v-model="getObj.pageNum"
-              style="width: 40px"
-              @change="checkNumber"
-            />
-            <div>页</div>
-          </el-pagination>
+            @size-change="handlePageSizeChange"
+            @current-change="handleCurrentChange"
+          ></el-pagination>
         </div>
       </el-card>
     </el-col>

gold-system/src/views/usergoldInfo/index.vue

@@ -10,6 +10,7 @@ import API from '@/util/http'
 // 变量
 //这是获取用户信息的接口
 const adminData = ref({})
+const dialogVisible = ref(false)
 const getAdminData = async function () {
   try {
     const result = await API({ url: '/admin/userinfo', data: {} })
@@ -28,6 +29,9 @@ const tableAllData = ref([])
 const rechargeCoin = ref(0)
 const freeCoin = ref(0)
 const taskCoin = ref(0)
+//客户消费记录
+const tableCountData = ref([])
+const userInfo = ref({})
 // 搜索===========================================
 //分页总条目
 const total = ref(100)
@@ -144,7 +148,13 @@ const reset = function () {
   sortOrder.value = ''
   get()
 }
-
+const cellClick = function (row, column) {
+  console.log('cellClick', column.label)
+  if (column.label == '姓名') {
+    dialogVisible.value = true
+    userInfo.value = row
+  }
+}
 // 验证跳转输入框的数字是否合法
 const checkNumber = function () {
   if (typeof parseInt(getObj.value.pageNum) === 'number') {
@@ -222,6 +232,14 @@ onMounted(async function () {
   await getAdminData()
   await get()
 })
+const handlePageSizeChange = function (val) {
+  getObj.value.pageSize = val
+  get()
+}
+const handleCurrentChange = function (val) {
+  getObj.value.pageNum = val
+  get()
+}
 </script>
 
 <template>
@@ -279,6 +297,7 @@ onMounted(async function () {
         <div style="height: 626px; overflow-y: auto">
           <el-table
             :data="tableData"
+            @cellClick="cellClick"
             style="width: 100%"
             height="715px"
             @sort-change="handleSortChange"
@@ -380,48 +399,55 @@ onMounted(async function () {
           <el-pagination
             background
             :page-size="getObj.pageSize"
-            layout="slot"
+            :page-sizes="[5, 10, 20, 50, 100]"
+            layout="total, sizes, prev, pager, next, jumper"
             :total="total"
-          >
-            <div>共{{ total }}条,每页</div>
-            <el-select
-              v-model="getObj.pageSize"
-              class="page-size"
-              @change="get()"
-              style="width: 80px"
-            >
-              <el-option
-                v-for="item in [5, 10, 20, 50, 100]"
-                :key="item"
-                :label="item"
-                :value="item"
-              ></el-option>
-            </el-select>
-            <div>条</div>
-          </el-pagination>
-          <el-pagination
-            background
-            layout="prev, pager, next,slot"
-            :page-size="getObj.pageSize"
-            :total="total"
-            :current-page="getObj.pageNum"
-            @current-change="get"
-          >
-            <div>跳至</div>
-            <el-input
-              v-model="getObj.pageNum"
-              style="width: 40px"
-              @change="checkNumber"
-            />
-            <div>页</div>
-          </el-pagination>
+            @size-change="handlePageSizeChange"
+            @current-change="handleCurrentChange"
+          ></el-pagination>
         </div>
       </el-card>
     </el-col>
   </el-row>
+  <!-- 客户信息弹框 -->
+  <el-dialog
+    title="客户信息"
+    v-model="dialogVisible"
+    width="50%"
+    @before-close="dialogVisible = false"
+  >
+    <el-card>
+      <div class="custom-box">
+        <div>姓名：{{ userInfo.name }}</div>
+        <br />
+        <div>精网号：{{ userInfo.jwcode }}</div>
+        <div>地区：{{ userInfo.area }}</div>
+        <div>历史充值：{{ userInfo.rcoin }}</div>
+        <div>历史消费：{{ userInfo.scoin }}</div>
+      </div>
+    </el-card>
+    <!-- t -->
+    <div style="height: 450px; overflow-y: auto">
+      <el-table :data="tableCountData" style="width: 100%" height="715px">
+        <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 prop="" label="商品" width="120" />
+        <el-table-column sortable prop="" label="消费金币总数" width="180" />
+        <el-table-column sortable prop="" label="永久金币" width="120" />
+        <el-table-column sortable prop="" label="免费金币" width="120" />
+        <el-table-column sortable prop="" label="任务金币" width="120" />
+        <el-table-column sortable prop="" label="时间" width="120" />
+      </el-table>
+    </div>
+  </el-dialog>
 </template>
 
-<style scoped>
+<style scoped lang="scss">
 .pagination {
   display: flex;
 }
@@ -441,4 +467,15 @@ onMounted(async function () {
 .head-card-btn {
   margin-left: auto;
 }
+.custom-box {
+  display: flex;
+  flex-wrap: wrap;
+  row-gap: 5px;
+  div:nth-child(1) {
+    flex: 1 0 100%;
+  }
+  div {
+    margin-right: 20px;
+  }
+}
 </style>