From 4faca008a39f47c7cd9750406c95aa38cae9d687 Mon Sep 17 00:00:00 2001
From: zhaoln <zhaoln@yuntongxun.com>
Date: Thu, 17 Apr 2025 17:56:44 +0800
Subject: [PATCH] =?UTF-8?q?=E8=81=94=E8=B0=83=E5=8A=A0=E6=94=B9bug?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../src/views/goldBeen/goldenBeenConsum.vue        |  49 +++--
 .../src/views/goldBeen/goldenBeenDetail.vue        | 222 ++++++++++++++-------
 gold-system/src/views/login.vue                    |  81 ++++----
 3 files changed, 216 insertions(+), 136 deletions(-)

diff --git a/gold-system/src/views/goldBeen/goldenBeenConsum.vue b/gold-system/src/views/goldBeen/goldenBeenConsum.vue
index 5ba635f..b200c1e 100644
--- a/gold-system/src/views/goldBeen/goldenBeenConsum.vue
+++ b/gold-system/src/views/goldBeen/goldenBeenConsum.vue
@@ -8,9 +8,9 @@
           style="width: 220px"
         />
       </el-form-item>
-      <el-form-item prop="area" label="地区">
+      <el-form-item prop="ipAddress" label="地区">
         <el-select
-          v-model="detailY.area"
+          v-model="detailY.ipAddress"
           placeholder="请选择所属地区"
           style="width: 240px"
           clearable
@@ -23,7 +23,7 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item prop="good" label="商品名称">
+      <!-- <el-form-item prop="good" label="商品名称">
         <el-select
           v-model="detailY.good"
           placeholder="请选择商品"
@@ -37,8 +37,8 @@
             :value="item"
           />
         </el-select>
-      </el-form-item>
-      <el-form-item prop="channel" label="频道">
+      </el-form-item> -->
+      <!-- <el-form-item prop="channel" label="频道">
         <el-select
           v-model="detailY.channel"
           placeholder="请选择频道"
@@ -52,10 +52,10 @@
             :value="item"
           />
         </el-select>
-      </el-form-item>
-      <el-form-item prop="liveroom" label="直播间">
+      </el-form-item> -->
+      <!-- <el-form-item prop="sourceName" label="直播间">
         <el-select
-          v-model="detailY.liveroom"
+          v-model="detailY.sourceName"
           placeholder="请选择直播间"
           style="width: 240px"
           clearable
@@ -67,7 +67,7 @@
             :value="item"
           />
         </el-select>
-      </el-form-item>
+      </el-form-item> -->
       <el-form-item prop="createTime" label="消费时间">
         <el-date-picker
           v-model="detailY.createTime"
@@ -99,12 +99,12 @@
           }}</span>
         </template>
       </el-table-column>
-      <el-table-column fixed="left" prop="username" label="姓名" width="150" />
+      <el-table-column fixed="left" prop="nickname" 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="ipAddress" label="地区" width="120" />
       <el-table-column prop="good" label="商品名称" width="120">
       </el-table-column>
-      <el-table-column prop="been" label="金豆价格" width="120">
+      <el-table-column prop="jinbiCostTotal" label="金豆价格" width="120">
       </el-table-column>
       <el-table-column prop="chanel" label="频道" width="120">
       </el-table-column>
@@ -172,11 +172,12 @@ const ruleFormRef = ref<FormInstance>()
 //搜索表单数据
 const detailY = ref({
   jwcode: '',
-  area: '',
+  ipAddress: '',
   createTime: '',
-  channel: '',
-  liveroom: '',
-  good: ''
+  // channel: '',
+  sourceName: '',
+  payType: ''
+  // good: ''
 })
 const getObj = ref({
   pageNum: 1,
@@ -192,15 +193,23 @@ const getInit = async function ({
 }) {
   try {
     console.log('搜索参数', getObj.value)
+    const [startTime, endTime] = detailY.value.createTime
     // 发送POST请求
     const result = await API({
-      url: '/detailY',
+      url: '/dou/getSpend',
       method: 'post',
       data: {
         ...getObj.value,
-        detailY: { ...detailY.value },
-        sortField,
-        sortOrder
+        spend: {
+          jwcode: detailY.value.jwcode,
+          ipAddress: detailY.value.ipAddress,
+          sourceName: detailY.value.sourceName,
+          payType: detailY.value.payType,
+          startTime,
+          endTime,
+          sortField,
+          sortOrder
+        }
       }
     })
     tableData.value = result.data.list
diff --git a/gold-system/src/views/goldBeen/goldenBeenDetail.vue b/gold-system/src/views/goldBeen/goldenBeenDetail.vue
index bf98a9e..b88c89b 100644
--- a/gold-system/src/views/goldBeen/goldenBeenDetail.vue
+++ b/gold-system/src/views/goldBeen/goldenBeenDetail.vue
@@ -8,9 +8,9 @@
           style="width: 220px"
         />
       </el-form-item>
-      <el-form-item prop="area" label="地区">
+      <el-form-item prop="deptName" label="地区">
         <el-select
-          v-model="detailY.area"
+          v-model="detailY.deptName"
           placeholder="请选择所属地区"
           style="width: 240px"
           clearable
@@ -23,14 +23,14 @@
           />
         </el-select>
       </el-form-item>
-      <el-form-item prop="order" label="订单号">
+      <el-form-item prop="orderNo" label="订单号">
         <el-input
-          v-model="detailY.order"
+          v-model="detailY.orderNo"
           placeholder="请输入订单号"
           style="width: 220px"
         />
       </el-form-item>
-      <el-form-item prop="type" label="充值类型">
+      <!-- <el-form-item prop="type" label="充值类型">
         <el-select
           v-model="detailY.type"
           placeholder="请选择充值类型"
@@ -44,10 +44,10 @@
             :value="item"
           />
         </el-select>
-      </el-form-item>
-      <el-form-item prop="platform" label="充值平台">
+      </el-form-item> -->
+      <el-form-item prop="payStyle" label="充值平台">
         <el-select
-          v-model="detailY.platform"
+          v-model="detailY.payStyle"
           placeholder="请选择充值平台"
           style="width: 240px"
           clearable
@@ -95,30 +95,22 @@
           }}</span>
         </template>
       </el-table-column>
-      <el-table-column fixed="left" prop="username" label="姓名" width="150" />
+      <el-table-column fixed="left" prop="name" 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="order" label="订单号" width="120" />
-      <el-table-column prop="been" label="金豆数量" width="120">
+      <el-table-column prop="deptName" label="地区" width="120" />
+      <el-table-column prop="orderNo" label="订单号" width="120" />
+      <el-table-column prop="count" label="金豆数量" width="120">
       </el-table-column>
-      <el-table-column prop="paybeen" label="付费金豆" width="120">
+      <!--  <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="price" label="金额"></el-table-column>
+      <el-table-column prop="payStyle" label="充值平台" width="140">
       </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="notes" label="备注" width="210"></el-table-column> -->
       <el-table-column
-        prop="createTime"
+        prop="successTime"
         sortable="“custom”"
         label="充值时间"
         width="210"
@@ -126,7 +118,9 @@
       >
         <template #default="scope">
           <span>{{
-            moment(scope.row.createTime).format('YYYY-MM-DD HH:mm:ss')
+            !!scope.row.successTime
+              ? moment(scope.row.successTime).format('YYYY-MM-DD HH:mm:ss')
+              : '-'
           }}</span>
         </template>
       </el-table-column>
@@ -151,6 +145,12 @@
     title="请选择导出条件"
     width="500"
     :close-on-click-modal="false"
+    @close="
+      () => {
+        dialogVisible = false
+        isExport = false
+      }
+    "
   >
     <template #footer>
       <el-form
@@ -220,9 +220,12 @@ const dialogVisible = ref(false)
 const excelData = reactive({
   jwcode: '',
   area: '',
-  timegap: ''
+  timegap: '',
+  startTime: '',
+  endTime: ''
 })
 const areaList = ref<string[]>([])
+const isExport = ref<boolean>(false)
 const rules = ref({
   jwcode: [{ required: true, message: '请输入精网号', trigger: 'blur' }],
   area: [{ required: true, message: '请选择所属地区', trigger: 'change' }]
@@ -237,12 +240,12 @@ const handleCurrentChange = function (val) {
   getInit({})
 }
 const platformList = ref<string[]>([
-  'stripe',
-  'ios',
-  'FirstData',
-  'paymentasia',
-  'system',
-  '金币系统'
+  // 'stripe',
+  // 'ios',
+  // 'FirstData',
+  // 'paymentasia',
+  // 'system',
+  // '金币系统'
 ])
 const typeList = ref<string[]>([
   '金币换金豆',
@@ -254,11 +257,11 @@ const typeList = ref<string[]>([
 //搜索表单数据
 const detailY = ref({
   jwcode: '',
-  area: '',
-  order: '',
-  platform: '',
-  createTime: '',
-  type: ''
+  deptName: '',
+  orderNo: '',
+  payStyle: '',
+  type: '',
+  createTime: ''
 })
 const getObj = ref({
   pageNum: 1,
@@ -266,23 +269,58 @@ const getObj = ref({
 })
 const exportExcel = function () {
   dialogVisible.value = true
-  // console.log('导出excel', excelData)
-  // API({
-  //   url: '/dou/getYve',
-  //   method: 'post',
-  //   data: {
-  //     ...excelData
-  //   }
-  // })
-  // ElMessage.success('导出成功')
+  isExport.value = true
 }
 const exportConfirm = function () {
-  const data = [
-    { 姓名: '张三', 年龄: 28, 城市: '北京' },
-    { 姓名: '李四', 年龄: 32, 城市: '上海' },
-    { 姓名: '王五', 年龄: 25, 城市: '广州' }
-  ]
-
+  if (excelData.timegap == '1') {
+    excelData.startTime = moment().startOf('day').format('YYYY-MM-DD')
+    excelData.endTime = moment().endOf('day').format('YYYY-MM-DD')
+  } else if (excelData.timegap == '3') {
+    excelData.startTime = moment()
+      .subtract(3, 'days')
+      .startOf('day')
+      .format('YYYY-MM-DD')
+    excelData.endTime = moment().endOf('day').format('YYYY-MM-DD')
+  } else if (excelData.timegap == '7') {
+    excelData.startTime = moment()
+      .subtract(7, 'days')
+      .startOf('day')
+      .format('YYYY-MM-DD')
+    excelData.endTime = moment().endOf('day').format('YYYY-MM-DD')
+  } else if (excelData.timegap == '30') {
+    excelData.startTime = moment()
+      .subtract(30, 'days')
+      .startOf('day')
+      .format('YYYY-MM-DD')
+    excelData.endTime = moment().endOf('day').format('YYYY-MM-DD')
+  }
+  getInit(
+    {
+      sortField: '',
+      sortOrder: ''
+    },
+    (data) => {
+      console.log('导出数据', data)
+      //导出的数据将字段映射
+      data = data.map((item) => {
+        return {
+          姓名: item.name,
+          精网号: item.jwcode,
+          地区: item.deptName,
+          订单号: item.orderNo,
+          充值平台: item.payStyle,
+          金豆数量: item.count,
+          充值时间: moment(item.successTime).format('YYYY-MM-DD'),
+          金额: item.price
+        }
+      })
+      console.log('导出数据', data)
+      //excelExport(data)
+    }
+  )
+}
+//数据导出excel
+const excelExport = async function (data) {
   const worksheet = utils.json_to_sheet(data)
   const workbook = utils.book_new()
   utils.book_append_sheet(workbook, worksheet, 'Sheet1')
@@ -295,28 +333,45 @@ const exportConfirm = function () {
 }
 const ruleFormRef = ref<FormInstance>()
 //初始化
-const getInit = async function ({
-  sortField = '',
-  sortOrder = ''
-}: {
-  sortField?: string
-  sortOrder?: string
-}) {
+const getInit = async function (
+  {
+    sortField = '',
+    sortOrder = ''
+  }: {
+    sortField?: string
+    sortOrder?: string
+  },
+  callback?: Function
+) {
   try {
     console.log('搜索参数', getObj.value)
+    const [startTime, endTime] = detailY.value.createTime
+    console.log(startTime, endTime)
     // 发送POST请求
     const result = await API({
-      url: '/detailY',
-      method: 'post',
+      url: '/dou/getPay',
       data: {
-        ...getObj.value,
-        detailY: { ...detailY.value },
-        sortField,
-        sortOrder
+        pay: {
+          jwcode: isExport.value ? excelData.jwcode : detailY.value.jwcode,
+          deptName: isExport.value ? excelData.area : detailY.value.deptName,
+          startTime: isExport.value ? excelData.startTime : startTime || '',
+          endTime: isExport.value ? excelData.endTime : endTime || '',
+          payStyle: isExport.value ? '' : detailY.value.payStyle,
+          orderNo: isExport.value ? '' : detailY.value.orderNo,
+          sortField,
+          sortOrder
+        },
+        pageNum: isExport.value ? '' : getObj.value.pageNum,
+        pageSize: isExport.value ? '' : getObj.value.pageSize
       }
     })
-    tableData.value = result.data.list
-    total.value = result.data.total
+
+    if (isExport.value) {
+      !!callback && callback(result.data.list)
+    } else {
+      tableData.value = result.data.list
+      total.value = result.data.total
+    }
   } catch (error) {
     console.log('请求失败', error)
     // 在这里可以处理错误逻辑，比如显示错误提示等
@@ -332,8 +387,6 @@ const handleSortChange = (column) => {
 }
 // 搜索
 const search = function () {
-  const [startTime, endTime] = detailY.value.createTime
-  console.log(startTime, endTime)
   getObj.value.pageNum = 1
   getInit({})
 }
@@ -341,9 +394,32 @@ const search = function () {
 const reset = function (formEl) {
   formEl.resetFields()
 }
-
-// 挂载
+//获取地区接口
+const getArea = async () => {
+  try {
+    const result = await API({
+      url: '/dou/getPayIp'
+    })
+    areaList.value = result.data
+  } catch (error) {
+    console.log('请求失败', error)
+  }
+}
+//获取支付方式接口
+const getPayType = async () => {
+  try {
+    const result = await API({
+      url: '/dou/getStyle'
+    })
+    platformList.value = result.data
+    // typeList.value = result.data
+  } catch (error) {
+    console.log('请求失败', error)
+  }
+}
 getInit({})
+getArea()
+getPayType()
 </script>
 <style scoped lang="scss">
 .filter-box {
diff --git a/gold-system/src/views/login.vue b/gold-system/src/views/login.vue
index 58668da..4d4fe34 100644
--- a/gold-system/src/views/login.vue
+++ b/gold-system/src/views/login.vue
@@ -1,71 +1,71 @@
 <script setup>
-import { ref, onMounted, reactive, computed } from "vue";
-import { ElMessage } from "element-plus";
-import axios from "axios";
-import request from "@/util/http";
-import { useRouter } from "vue-router";
-import { VscGlobe } from "vue-icons-plus/vsc";
+import { ref, onMounted, reactive, computed } from 'vue'
+import { ElMessage } from 'element-plus'
+import axios from 'axios'
+import request from '@/util/http'
+import { useRouter } from 'vue-router'
+import { VscGlobe } from 'vue-icons-plus/vsc'
 
 //获取当前浏览器地址
-var url = window.location.href; //上传服务器时打开注释并注释掉下一行
+var url = window.location.href //上传服务器时打开注释并注释掉下一行
 //截取machineId=后的字符串
-var machineId = null;
+var machineId = null
 // 从浏览器地址获取machineId的方法
 function getMachineId() {
-  var parts = url.split("machineId=");
+  var parts = url.split('machineId=')
   if (parts.length > 1) {
-    machineId = parts[1].split("&")[0]; // 进一步截取 & 之前的字符串
+    machineId = parts[1].split('&')[0] // 进一步截取 & 之前的字符串
   }
   // machineId = decodeURIComponent(machineId); //如果machineId需要前端转码可以打开注释
-  console.log("MachineId字符串:", machineId); // 输出 machineId 的值
+  console.log('MachineId字符串:', machineId) // 输出 machineId 的值
   // 将 machineId 存储到本地存储中
   if (machineId) {
-    localStorage.setItem("machineId", machineId);
+    localStorage.setItem('machineId', machineId)
   }
 }
-getMachineId();
+getMachineId()
 
-const router = useRouter(); // 获取路由实例
-let formData = new FormData();
+const router = useRouter() // 获取路由实例
+let formData = new FormData()
 // 添加表单数据到FormData对象中
 // formData.append("jwcode", form.value.jwcode);
 // formData.append("password", form.value.password);
 
-const form = ref({ jwcode: "", password: "", token: "", machineId: machineId });
+const form = ref({ jwcode: '', password: '', token: '', machineId: machineId })
 //调用方法
 const login = async function () {
   try {
     const result = await request({
-      url: "/admin/login",
-      data: form.value,
-    });
-    console.log("resultresult", result);
+      url: '/admin/login',
+      data: form.value
+    })
+    console.log('resultresult', result)
     if (result.code == 200) {
-      localStorage.setItem("token", result.msg);
-      localStorage.setItem("permission", result.data.permission);
+      localStorage.setItem('token', result.msg)
+      localStorage.setItem('permission', result.data.permission)
       if (
-        result.data.permission == "5" ||
-        result.data.permission == "1" ||
-        result.data.permission == "2" ||
-        result.data.permission == "3"
+        result.data.permission == '5' ||
+        result.data.permission == '1' ||
+        result.data.permission == '2' ||
+        result.data.permission == '3'
       ) {
-        router.push("/usergold");
-      } else if (result.data.permission == "4") {
-        router.push("/noPermission");
+        router.push('/usergold')
+      } else if (result.data.permission == '4') {
+        router.push('/noPermission')
       }
-      ElMessage.success("登录成功");
-      console.log("请求成功", result);
+      ElMessage.success('登录成功')
+      console.log('请求成功', result)
     } else {
-      form.value.password = "";
-      form.value.jwcode = "";
-      ElMessage.error(result.msg);
+      form.value.password = ''
+      form.value.jwcode = ''
+      ElMessage.error(result.msg)
     }
   } catch (error) {
-    console.log("请求失败", error);
-    ElMessage.error("登录失败，请检查账号密码");
+    console.log('请求失败', error)
+    ElMessage.error('登录失败，请检查账号密码')
     // 在这里可以处理错误逻辑，比如显示错误提示等
   }
-};
+}
 </script>
 <template>
   <el-row class="login-page">
@@ -79,12 +79,7 @@ const login = async function () {
     <!-- <div style="height: 100vh; width: 1000px" class="container"></div> -->
     <el-col :span="6" :offset="3" class="form">
       <!-- 登录表单 -->
-      <el-form
-        :model="form"
-        size="large"
-        autocomplete="off"
-        @keyup.enter.native="login()"
-      >
+      <el-form :model="form" size="large" autocomplete="off">
         <el-form-item>
           <h1 style="color: #409eff">金币系统登录</h1>
         </el-form-item>