|
|
@ -7,34 +7,37 @@ |
|
|
|
<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-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" :default-time="defaultTime"/> |
|
|
|
<el-date-picker v-model="dateRange" type="datetimerange" :default-time="defaultTime" range-separator="至" |
|
|
|
start-placeholder="开始时间" end-placeholder="结束时间" style="width: 25vw;margin-right:1vw" /> |
|
|
|
|
|
|
|
<el-button type="success" @click="resetSearch">重置</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-card style="margin-top:10px" v-show="tableData.length > 0"> |
|
|
|
<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 + (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="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-column prop="jwcode" label="精网号" width="120" 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="120" align="center" /> |
|
|
|
<el-table-column v-if="activeName === 'new'" prop="freeGold" label="免费金币" width="120" align="center" /> |
|
|
|
<el-table-column v-if="activeName === 'new'" prop="permanentGold" label="永久金币" width="120" align="center" /> |
|
|
|
<el-table-column v-if="activeName === 'new'" prop="taskGold" label="任务金币" width="120" align="center" /> |
|
|
|
<el-table-column prop="operator" label="操作人" width="120" /> |
|
|
|
<el-table-column prop="createTime" label="更新时间" width="200" header-align="center" align="center" /> |
|
|
|
<el-table-column prop="remark" label="备注" show-overflow-tooltip width="180" align="center" /> |
|
|
|
</el-table> |
|
|
|
<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" |
|
|
@ -53,26 +56,21 @@ 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() |
|
|
|
pagination.value.pageNum = 1 |
|
|
|
tableData.value = [] |
|
|
|
console.log('新的'); |
|
|
|
|
|
|
|
} else if (tab.props.name === 'old') { |
|
|
|
//selectOld() |
|
|
|
resetSearch() |
|
|
|
pagination.value.pageNum = 1 |
|
|
|
console.log('旧的'); |
|
|
|
tableData.value = [] |
|
|
|
} |
|
|
@ -93,18 +91,21 @@ const pagination = ref({ |
|
|
|
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', |
|
|
|
if ((searchObj.value.name || searchObj.value.jwcode) && activeName.value == 'old') { |
|
|
|
const startTime = dateRange.value[0] ? moment(dateRange.value[0]).format('YYYY-MM-DD HH:mm:ss') : "" |
|
|
|
const endTime = dateRange.value[1] ? moment(dateRange.value[1]).format('YYYY-MM-DD HH:mm:ss') : "" |
|
|
|
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, |
|
|
|
startTime: startTime, |
|
|
|
endTime: endTime, |
|
|
|
pageNum: pagination.value.pageNum, |
|
|
|
pageSize: pagination.value.pageSize, |
|
|
|
} |
|
|
|
}) |
|
|
|
tableData.value = res.data.list |
|
|
|
console.log('tableData.value',res.data.list); |
|
|
|
console.log('tableData.value', res.data.list); |
|
|
|
pagination.value.total = res.data.total |
|
|
|
|
|
|
|
} else { |
|
|
@ -120,14 +121,17 @@ const getOld = async function () { |
|
|
|
const get = async function () { |
|
|
|
if (findMenuById(menuTree.value, permissionMapping.History_Query)) { |
|
|
|
try { |
|
|
|
if (searchObj.value.name || searchObj.value.jwcode) { |
|
|
|
const res = await API({url:'/history/getNewHistoryRecord', |
|
|
|
if ((searchObj.value.name || searchObj.value.jwcode) && activeName.value == 'new') { |
|
|
|
const startTime = dateRange.value[0] ? moment(dateRange.value[0]).format('YYYY-MM-DD HH:mm:ss') : "" |
|
|
|
const endTime = dateRange.value[1] ? moment(dateRange.value[1]).format('YYYY-MM-DD HH:mm:ss') : "" |
|
|
|
const res = await API({ |
|
|
|
url: '/history/getNewHistoryRecord', |
|
|
|
data: { |
|
|
|
...searchObj.value, |
|
|
|
startTime: dateRange.value[0], |
|
|
|
endTime: dateRange.value[1], |
|
|
|
pageNum:pagination.value.pageNum, |
|
|
|
pageSize:pagination.value.pageSize, |
|
|
|
startTime: startTime, |
|
|
|
endTime: endTime, |
|
|
|
pageNum: pagination.value.pageNum, |
|
|
|
pageSize: pagination.value.pageSize, |
|
|
|
} |
|
|
|
}) |
|
|
|
tableData.value = res.data.list |
|
|
@ -141,58 +145,29 @@ const get = async function () { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
const activeTimeRange = ref('') |
|
|
|
const resetSearch = function () { |
|
|
|
searchObj.value = { |
|
|
|
name: '', |
|
|
|
jwcode: '' |
|
|
|
} |
|
|
|
dateRange.value = [] |
|
|
|
//get() |
|
|
|
} |
|
|
|
const getToday = function () { |
|
|
|
const today = dayjs() |
|
|
|
const startTime = today.startOf('day').format('YYYY-MM-DD HH:mm:ss') |
|
|
|
const endTime = today.endOf('day').format('YYYY-MM-DD HH:mm:ss') |
|
|
|
dateRange.value = [startTime, endTime] |
|
|
|
console.log('dateRange', dateRange.value) |
|
|
|
activeTimeRange.value = 'today' |
|
|
|
get() |
|
|
|
} |
|
|
|
const getYesterday = function () { |
|
|
|
const today = dayjs() |
|
|
|
const startTime = today.subtract(1, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss') |
|
|
|
const endTime = today.subtract(1, 'day').endOf('day').format('YYYY-MM-DD HH:mm:ss') |
|
|
|
dateRange.value = [startTime, endTime] |
|
|
|
console.log('dateRange', dateRange.value) |
|
|
|
activeTimeRange.value = 'yesterday' |
|
|
|
get() |
|
|
|
} |
|
|
|
const get7Days = function () { |
|
|
|
const today = dayjs() |
|
|
|
const startTime = today.subtract(6, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss') |
|
|
|
const endTime = today.endOf('day').format('YYYY-MM-DD HH:mm:ss') |
|
|
|
dateRange.value = [startTime, endTime] |
|
|
|
console.log('dateRange', dateRange.value) |
|
|
|
activeTimeRange.value = '7days' |
|
|
|
get() |
|
|
|
} |
|
|
|
const handleDatePickerChange = () => { |
|
|
|
activeTimeRange.value = '' |
|
|
|
} |
|
|
|
const handlePageSizeChange = function (val) { |
|
|
|
pagination.value.pageSize = val |
|
|
|
if (activeName.value == 'new') { |
|
|
|
get() |
|
|
|
} else if (activeName.value == 'old') { |
|
|
|
getOld() |
|
|
|
} |
|
|
|
} |
|
|
|
const handleCurrentChange = function (val) { |
|
|
|
pagination.value.pageNum = val |
|
|
|
if (activeName.value == 'new') { |
|
|
|
get() |
|
|
|
} else if (activeName.value == 'old') { |
|
|
|
getOld() |
|
|
|
} |
|
|
|
} |
|
|
|
</script> |
|
|
|
|
|
|
|
<style scoped> |
|
|
|
/* .pagination { |
|
|
|
display: flex; |
|
|
|
margin-top: 0.5vh; |
|
|
|
} */ |
|
|
|
</style> |
|
|
|
<style scoped></style> |