|
|
@ -9,6 +9,13 @@ import { writeFile, utils } from 'xlsx' |
|
|
|
import request from "@/util/request.js"; |
|
|
|
|
|
|
|
|
|
|
|
// 标记当前激活的时间范围按钮 |
|
|
|
const activeTimeRange = ref('') |
|
|
|
// 日期选择器变化时清除按钮激活状态 |
|
|
|
const handleDatePickerChange = () => { |
|
|
|
activeTimeRange.value = '' |
|
|
|
} |
|
|
|
|
|
|
|
// 定义ref 变量来存储合计数据 |
|
|
|
const totalPermanentGold = ref(0) |
|
|
|
const totalFreeGold = ref(0) |
|
|
@ -230,11 +237,13 @@ const reset = function () { |
|
|
|
delete goldDetail.value.type |
|
|
|
delete goldDetail.value.startTime |
|
|
|
delete goldDetail.value.endTime |
|
|
|
delete goldDetail.value.market |
|
|
|
delete goldDetail.value.markets |
|
|
|
delete sortField.value |
|
|
|
delete sortOrder.value |
|
|
|
getTime.value = [] |
|
|
|
delete goldDetail.value.payPlatform |
|
|
|
activeTimeRange.value = '' // 清除激活状态 |
|
|
|
|
|
|
|
search() |
|
|
|
} |
|
|
|
|
|
|
@ -252,6 +261,8 @@ const getToday = function () { |
|
|
|
const startTime = today.startOf('day').toDate() |
|
|
|
const endTime = today.add(1, 'days').startOf('day').toDate() |
|
|
|
getTime.value = [startTime, endTime] |
|
|
|
activeTimeRange.value = 'today' // 标记当前激活状态 |
|
|
|
|
|
|
|
search() |
|
|
|
} |
|
|
|
|
|
|
@ -262,6 +273,8 @@ const getYesterday = function () { |
|
|
|
const startTime = yesterday.startOf('day').toDate() |
|
|
|
const endTime = today.startOf('day').toDate() |
|
|
|
getTime.value = [startTime, endTime] |
|
|
|
activeTimeRange.value = 'yesterday' // 标记当前激活状态 |
|
|
|
|
|
|
|
search() |
|
|
|
} |
|
|
|
|
|
|
@ -270,6 +283,8 @@ const get7Days = function () { |
|
|
|
const startTime = moment().subtract(6, 'day').startOf('day').toDate() |
|
|
|
const endTime = moment().add(1, 'days').startOf('day').toDate() |
|
|
|
getTime.value = [startTime, endTime] |
|
|
|
activeTimeRange.value = '7days' // 标记当前激活状态 |
|
|
|
|
|
|
|
search() |
|
|
|
} |
|
|
|
|
|
|
@ -459,7 +474,7 @@ const getTagText = (state) => { |
|
|
|
<el-col :span="6"> |
|
|
|
<div class="head-card-element"> |
|
|
|
<el-text class="mx-1" size="large">所属地区:</el-text> |
|
|
|
<el-select v-model="goldDetail.market" placeholder="请选择所属地区" style="width: 180px" clearable |
|
|
|
<el-select v-model="goldDetail.markets" placeholder="请选择所属地区" style="width: 180px" clearable multiple |
|
|
|
:loading="isLoadingArea"> |
|
|
|
<el-option v-for="item in market" :key="item.value || item" :label="item.label || item" |
|
|
|
:value="item.value || item" /> |
|
|
@ -471,10 +486,10 @@ const getTagText = (state) => { |
|
|
|
<div class="head-card-element"> |
|
|
|
<el-text class="mx-1" size="large">更新时间:</el-text> |
|
|
|
<el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间" |
|
|
|
end-placeholder="结束时间" style="margin-right: 50px" /> |
|
|
|
<el-button @click="getToday()">今</el-button> |
|
|
|
<el-button @click="getYesterday()">昨</el-button> |
|
|
|
<el-button @click="get7Days()">近7天</el-button> |
|
|
|
end-placeholder="结束时间" style="width: 400px" @change="handleDatePickerChange"/> |
|
|
|
<el-button @click="getToday()" style="margin-left: 10px" :type="activeTimeRange === 'today' ? 'primary' : ''"> 今</el-button> |
|
|
|
<el-button @click="getYesterday()" style="margin-left: 10px" :type="activeTimeRange === 'yesterday' ? 'primary' : ''"> 昨</el-button> |
|
|
|
<el-button @click="get7Days()" style="margin-left: 10px" :type="activeTimeRange === '7days' ? 'primary' : ''"> 近7天</el-button> |
|
|
|
|
|
|
|
<el-button type="success" @click="reset()">重置</el-button> |
|
|
|
<el-button type="primary" @click="search()">查询</el-button> |
|
|
|