From de7a1eaf2da289dac40f3c99bf2cebfb645aea85 Mon Sep 17 00:00:00 2001
From: ZhangYong <zyqinghu@163.com>
Date: Tue, 19 Aug 2025 18:21:27 +0800
Subject: [PATCH] =?UTF-8?q?=E5=8E=86=E5=8F=B2=E9=87=91=E5=B8=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .env.development              |   4 +-
 package-lock.json             |   2 +-
 src/views/history/history.vue | 120 ++++++++++++++++++++++++++++++------------
 3 files changed, 90 insertions(+), 36 deletions(-)

diff --git a/.env.development b/.env.development
index 4a254d4..d222de8 100644
--- a/.env.development
+++ b/.env.development
@@ -6,11 +6,11 @@
 VITE_UPLOAD_URL=http://39.101.133.168:8828/hljw/api/aws/upload
 #  VITE_API_BASE='http://192.168.9.28:8081/'
 # sunjiabei
-#  VITE_API_BASE='http://192.168.9.28:8081/'
+ VITE_API_BASE='http://192.168.9.135:8081/'
 #  VITE_API_BASE='http://192.168.5.92:8081/'
 # zhangyong
 #  VITE_API_BASE='http://192.168.3.83:8081/'
 # 本地
-VITE_API_BASE='http://localhost:8081/'
+# VITE_API_BASE='http://localhost:8081/'
 # sunjiabei
 #  VITE_API_BASE='http://192.168.0.113:8081/'
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 05ac25d..e0fc244 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -3517,7 +3517,7 @@
     },
     "node_modules/dayjs": {
       "version": "1.11.13",
-      "resolved": "https://registry.npmjs.org/dayjs/-/dayjs-1.11.13.tgz",
+      "resolved": "https://registry.npmmirror.com/dayjs/-/dayjs-1.11.13.tgz",
       "integrity": "sha512-oaMBel6gjolK862uaPQOVTA7q3TZhuSvuMQAAglQDOWYO9A91IrAOUJEyKVlqJlHE0vq5p5UXxzdPfMH/x6xNg==",
       "license": "MIT"
     },
diff --git a/src/views/history/history.vue b/src/views/history/history.vue
index ebcdbd0..cf8c75c 100644
--- a/src/views/history/history.vue
+++ b/src/views/history/history.vue
@@ -1,40 +1,42 @@
 <template>
+    <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
+      <el-tab-pane  label="金币查询(新)" name="new"></el-tab-pane>
+      <el-tab-pane  label="金币查询(旧)" name="old"></el-tab-pane>
+    </el-tabs>
     <el-card>
-        <el-text size="large>">姓名：</el-text>
+        <el-text size="large">姓名：</el-text>
         <el-input v-model="searchObj.name" placeholder="请输入姓名" style="width: 12vw;margin-right:1vw"
             clearable></el-input>
-        <el-text size="large>">精网号：</el-text>
+        <el-text size="large">精网号：</el-text>
         <el-input v-model="searchObj.jwcode" placeholder="请输入精网号" style="width: 12vw;margin-right:1vw"
             clearable></el-input>
         <el-text size="large" style="width: 80px">充值时间：</el-text>
         <el-date-picker v-model="dateRange" type="datetimerange" range-separator="至" start-placeholder="开始时间"
-            end-placeholder="结束时间" style="width: 25vw;margin-right:1vw" @change="handleDatePickerChange" />
-        <el-button @click="getToday()" :type="activeTimeRange === 'today' ? 'primary' : ''">今</el-button>
-        <el-button @click="getYesterday()" :type="activeTimeRange === 'yesterday' ? 'primary' : ''">昨</el-button>
-        <el-button @click="get7Days()" :type="activeTimeRange === '7days' ? 'primary' : ''">近7天</el-button>
+            end-placeholder="结束时间" style="width: 25vw;margin-right:1vw" @change="handleDatePickerChange"  :default-time="defaultTime"/>
         <el-button type="success" @click="resetSearch">重置</el-button>
-        <el-button type="primary" @click="get">查询</el-button>
+        <el-button type="primary" v-if="activeName == 'new'" @click="get">查询</el-button>
+        <el-button type="primary" v-else-if="activeName == 'old'" @click="getOld">查询</el-button>
     </el-card>
     <el-card style="margin-top:10px">
-        <el-table :data="tableData">
-            <el-table-column type="index" label="序号" width="55">
+        <el-table :data="tableData" style="width: 100%" height="600">
+            <el-table-column type="index" label="序号" width="55" header-align="center" align="center">
                 <template #default="scope">
-                    {{ scope.$index + 1 + (getObj.pageNum - 1) * getObj.pageSize }}
+                    {{ scope.$index + 1 + (pagination.pageNum - 1) * pagination.pageSize }}
                 </template>
 
             </el-table-column>
             <el-table-column prop="name" label="客户姓名" width="120" show-overflow-tooltip />
-            <el-table-column prop="jwcode" label="精网号" width="120" />
-            <el-table-column prop="" label="数量" width="120" />
-            <el-table-column prop="" label="更新类型" width="120" />
-            <el-table-column prop="" label="免费金币" width="120" />
-            <el-table-column prop="" label="永久金币" width="120" />
-            <el-table-column prop="" label="任务金币" width="120" />
-            <el-table-column prop="" label="操作人" width="120" />
-            <el-table-column prop="" label="更新时间" width="120" />
-            <el-table-column prop="" label="备注" width="120" />
+            <el-table-column prop="jwcode" label="精网号" width="130" header-align="center" align="center"/>
+            <el-table-column prop="num" label="数量" width="120" header-align="center" align="center"/>
+            <el-table-column prop="updateType" show-overflow-tooltip label="更新类型" width="150" header-align="center" align="center"/>
+            <el-table-column v-if="activeName === 'new'" prop="freeGold" label="免费金币" width="120" header-align="center" align="center"/>
+            <el-table-column v-if="activeName === 'new'" prop="permanentGold" label="永久金币" width="120" header-align="center" align="center"/>
+            <el-table-column v-if="activeName === 'new'" prop="taskGold" label="任务金币" width="120" header-align="center" align="center"/>
+            <el-table-column prop="operator" label="操作人" width="130" />
+            <el-table-column prop="createTime" label="更新时间" width="200" header-align="center" align="center"/>
+            <el-table-column prop="remark" label="备注" show-overflow-tooltip min-width="250" header-align="center" align="center"/>
         </el-table>
-        <el-pagination class="pagination" v-model:current-page="pagination.pageNum"
+        <el-pagination background style="margin-top:20px" v-model:current-page="pagination.pageNum"
             v-model:page-size="pagination.pageSize" layout="total, sizes, prev, pager, next, jumper"
             :total="pagination.total" @size-change="handlePageSizeChange"
             @current-change="handleCurrentChange"></el-pagination>
@@ -43,14 +45,38 @@
 <script setup>
 import { onMounted, ref } from 'vue'
 import { ElMessage } from 'element-plus'
-import API from '@/util/http'
+import API from '@/util/http.js'
 import moment from 'moment'
 import { useAdminStore } from "@/store/index.js"
 import { storeToRefs } from "pinia"
+import dayjs from 'dayjs'
 const adminStore = useAdminStore()
 const { adminData, menuTree } = storeToRefs(adminStore)
 import { permissionMapping, findMenuById } from "@/utils/menuTreePermission.js"
 
+
+const defaultTime = [
+    new Date(2000, 1, 1, 0, 0, 0),
+    new Date(2000, 2, 1, 23, 59, 59),
+]
+
+const activeName = ref('new')
+const handleClick = function (tab) {
+  //resetSearch()
+  activeName.value = tab.props.name
+  if (tab.props.name === 'new') {
+    //selectNew()
+    resetSearch()
+    tableData.value = []
+    console.log('新的');
+    
+  } else if (tab.props.name === 'old') {
+    //selectOld()
+    resetSearch()
+    console.log('旧的');
+    tableData.value = []
+  }
+}
 const tableData = ref([])
 const dateRange = ref([])
 const searchObj = ref({
@@ -62,18 +88,49 @@ const pagination = ref({
     pageSize: 50,
     total: 0
 })
+
+//获取旧表数据
+const getOld = async function () {
+    if (findMenuById(menuTree.value, permissionMapping.History_Query)) {
+        try {
+            if (searchObj.value.name || searchObj.value.jwcode) {
+                const res = await API({url:'/history/getOldHistoryRecord', 
+                    data: {
+                        ...searchObj.value,
+                        startTime: dateRange.value[0],
+                        endTime: dateRange.value[1],
+                        pageNum:pagination.value.pageNum,
+                        pageSize:pagination.value.pageSize,
+                    }
+                })
+                tableData.value = res.data.list
+                console.log('tableData.value',res.data.list);
+                pagination.value.total = res.data.total
+                
+            } else {
+                ElMessage.error('请输入姓名或精网号')
+                return
+            }
+        } catch (e) {
+            ElMessage.error(e.message)
+        }
+    }
+}
+//获取新表数据
 const get = async function () {
     if (findMenuById(menuTree.value, permissionMapping.History_Query)) {
         try {
-            if (!searchObj.value.name && !searchObj.value.jwcode) {
-                const res = await API.get('/admin/history', {
-                    params: {
+            if (searchObj.value.name || searchObj.value.jwcode) {
+                 const res = await API({url:'/history/getNewHistoryRecord', 
+                  data: {
                         ...searchObj.value,
                         startTime: dateRange.value[0],
-                        endTime: dateRange.value[1]
+                        endTime: dateRange.value[1],
+                        pageNum:pagination.value.pageNum,
+                        pageSize:pagination.value.pageSize,
                     }
                 })
-                tableData.value = res.data
+                tableData.value = res.data.list
                 pagination.value.total = res.data.total
             } else {
                 ElMessage.error('请输入姓名或精网号')
@@ -84,14 +141,14 @@ const get = async function () {
         }
     }
 }
-
+const activeTimeRange = ref('')
 const resetSearch = function () {
     searchObj.value = {
         name: '',
         jwcode: ''
     }
     dateRange.value = []
-    get()
+    //get()
 }
 const getToday = function () {
     const today = dayjs()
@@ -101,7 +158,6 @@ const getToday = function () {
     console.log('dateRange', dateRange.value)
     activeTimeRange.value = 'today'
     get()
-    getStats()
 }
 const getYesterday = function () {
     const today = dayjs()
@@ -111,7 +167,6 @@ const getYesterday = function () {
     console.log('dateRange', dateRange.value)
     activeTimeRange.value = 'yesterday'
     get()
-    getStats()
 }
 const get7Days = function () {
     const today = dayjs()
@@ -121,7 +176,6 @@ const get7Days = function () {
     console.log('dateRange', dateRange.value)
     activeTimeRange.value = '7days'
     get()
-    getStats()
 }
 const handleDatePickerChange = () => {
     activeTimeRange.value = ''
@@ -137,8 +191,8 @@ const handleCurrentChange = function (val) {
 </script>
 
 <style scoped>
-.pagination {
+/* .pagination {
     display: flex;
     margin-top: 0.5vh;
-}
+} */
 </style>
\ No newline at end of file