|
|
@ -19,13 +19,16 @@ |
|
|
|
<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: 400px" |
|
|
|
@change="handleDatePickerChange" /> |
|
|
|
@change="handleDatePickerChange" :default-time="defaultTime"/> |
|
|
|
<el-button @click="getToday()" style="margin-left: 10px" |
|
|
|
:type="activeTimeRange === 'today' ? 'primary' : ''"> 今</el-button> |
|
|
|
:type="activeTimeRange === 'today' ? 'primary' : ''"> 今 |
|
|
|
</el-button> |
|
|
|
<el-button @click="getYesterday()" style="margin-left: 10px" |
|
|
|
:type="activeTimeRange === 'yesterday' ? 'primary' : ''"> 昨</el-button> |
|
|
|
:type="activeTimeRange === 'yesterday' ? 'primary' : ''"> 昨 |
|
|
|
</el-button> |
|
|
|
<el-button @click="get7Days()" style="margin-left: 10px" |
|
|
|
:type="activeTimeRange === '7days' ? 'primary' : ''"> 近7天</el-button> |
|
|
|
:type="activeTimeRange === '7days' ? 'primary' : ''"> 近7天 |
|
|
|
</el-button> |
|
|
|
<el-button type="success" @click="resetSearch">重置</el-button> |
|
|
|
<el-button type="primary" @click="handleSearch">查询</el-button> |
|
|
|
</div> |
|
|
@ -90,7 +93,8 @@ |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
<el-pagination style="margin-top:20px" v-model:current-page="pagination.pageNum" |
|
|
|
v-model:page-size="pagination.pageSize" layout="total, sizes, prev, pager, next, jumper" :total="stats.num" |
|
|
|
v-model:page-size="pagination.pageSize" layout="total, sizes, prev, pager, next, jumper" |
|
|
|
:total="stats.num" |
|
|
|
@size-change="handlePageSizeChange" @current-change="handleCurrentChange"></el-pagination> |
|
|
|
</el-card> |
|
|
|
|
|
|
@ -109,20 +113,25 @@ |
|
|
|
</template> |
|
|
|
</el-dialog> |
|
|
|
</template> |
|
|
|
<script setup lang="ts"> |
|
|
|
<script setup> |
|
|
|
import {onMounted, ref} from 'vue' |
|
|
|
import {ElMessage} from 'element-plus' |
|
|
|
import API from '@/util/http' |
|
|
|
import moment from 'moment' |
|
|
|
import {useAdminStore} from "@/store/index.js"; |
|
|
|
import {storeToRefs} from "pinia"; |
|
|
|
const defaultTime = [ |
|
|
|
new Date(2000, 1, 1, 0, 0, 0), |
|
|
|
new Date(2000, 2, 1,23 , 59, 59), |
|
|
|
] |
|
|
|
const adminStore = useAdminStore(); |
|
|
|
const {adminData, menuTree} = storeToRefs(adminStore); |
|
|
|
import {permissionMapping, findMenuById} from "@/utils/menuTreePermission.js" |
|
|
|
import dayjs from "dayjs"; |
|
|
|
|
|
|
|
const tableData = ref([]) |
|
|
|
const marketOptions = ref([]) |
|
|
|
const dateRange = ref<Date[]>([]) |
|
|
|
const dateRange = ref([]) |
|
|
|
const activeTimeRange = ref('') |
|
|
|
const activeName = ref('wait') |
|
|
|
const sortField = ref('') |
|
|
@ -173,22 +182,18 @@ const getmarkets = async () => { |
|
|
|
} |
|
|
|
} |
|
|
|
const handleSortChange = (column) => { |
|
|
|
if (column.prop === 'sumGold') { |
|
|
|
sortField.value = 'sum_gold' |
|
|
|
} else if (column.prop === 'permanentGold') { |
|
|
|
sortField.value = 'permanent_gold' |
|
|
|
} else if (column.prop === 'freeGold') { |
|
|
|
sortField.value = 'freeGold' |
|
|
|
} else if (column.prop === 'taskGold') { |
|
|
|
sortField.value = 'task_gold' |
|
|
|
if (column.prop === 'permanentBean') { |
|
|
|
sortField.value = 'permanentBean' |
|
|
|
} else if (column.prop === 'freeBean') { |
|
|
|
sortField.value = 'freeBean' |
|
|
|
} else if (column.prop === 'createTime') { |
|
|
|
sortField.value = 'create_time' |
|
|
|
sortField.value = 'createTime' |
|
|
|
} else if (column.prop === 'auditTime') { |
|
|
|
sortField.value = 'audit_time' |
|
|
|
sortField.value = 'auditTime' |
|
|
|
} else { |
|
|
|
sortField.value = '' |
|
|
|
} |
|
|
|
sortOrder.value = column.order === 'ascending' ? 'asc' : 'desc' |
|
|
|
sortOrder.value = column.order === 'ascending' ? 'ASC' : 'DESC' |
|
|
|
console.log('排序字段:', sortField.value) |
|
|
|
console.log('排序方式:', sortOrder.value) |
|
|
|
get() |
|
|
@ -310,9 +315,9 @@ const handleReject = async () => { |
|
|
|
} |
|
|
|
} |
|
|
|
const getToday = function () { |
|
|
|
const today = new Date() |
|
|
|
const startTime = new Date(today.getFullYear(), today.getMonth(), today.getDate()) |
|
|
|
const endTime = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1) |
|
|
|
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' |
|
|
@ -321,10 +326,9 @@ const getToday = function () { |
|
|
|
getStats() |
|
|
|
} |
|
|
|
const getYesterday = function () { |
|
|
|
const yesterday = new Date() |
|
|
|
yesterday.setDate(yesterday.getDate() - 1) |
|
|
|
const startTime = new Date(yesterday.getFullYear(), yesterday.getMonth(), yesterday.getDate()) |
|
|
|
const endTime = new Date(yesterday.getFullYear(), yesterday.getMonth(), yesterday.getDate() + 1) |
|
|
|
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' |
|
|
@ -333,9 +337,9 @@ const getYesterday = function () { |
|
|
|
getStats() |
|
|
|
} |
|
|
|
const get7Days = function () { |
|
|
|
const today = new Date() |
|
|
|
const startTime = new Date(today.getFullYear(), today.getMonth(), today.getDate() - 6) |
|
|
|
const endTime = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1) |
|
|
|
const today = dayjs() |
|
|
|
const startTime = today.subtract(6, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss') |
|
|
|
const endTime = today.add(1, 'day').endOf('day').format('YYYY-MM-DD HH:mm:ss') |
|
|
|
dateRange.value = [startTime, endTime] |
|
|
|
console.log('dateRange', dateRange.value) |
|
|
|
activeTimeRange.value = '7days' |
|
|
|