huangqizhen
/
gold-vue
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

feat:所有页面 快捷查询按钮点击后有高亮显示

zhangrenyuan/feature-20250714163943-金币前端二期
lihui 3 weeks ago
parent
e687aa172b
commit
1ec6002ce0
7 changed files with 127 additions and 40 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 18
      src/views/audit/rechargeAudit.vue
  2. 24
      src/views/audit/refundAudit.vue
  3. 24
      src/views/consume/coinConsumeDetail.vue
  4. 23
      src/views/recharge/coinRechargeDetail.vue
  5. 31
      src/views/refund/coinRefundDetail.vue
  6. 23
      src/views/usergold/clientCountDetail.vue
  7. 24
      src/views/workspace/index.vue

18
src/views/audit/rechargeAudit.vue
View File

@ -35,10 +35,10 @@
<div class="time-group"> <div class="time-group">
<el-text size="large" style="width: 80px">充值时间：</el-text> <el-text size="large" style="width: 80px">充值时间：</el-text>
<el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间" <el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间"
end-placeholder="结束时间" style="width: 400px"/>
<el-button @click="getToday()" style="margin-left: 10px"> 今</el-button>
<el-button @click="getYesterday()" style="margin-left: 10px"> 昨</el-button>
<el-button @click="get7Days()" style="margin-left: 10px"> 近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 @click="resetSearch" type="success">重置</el-button> <el-button @click="resetSearch" type="success">重置</el-button>
<el-button type="primary" @click="handleSearch">查询</el-button> <el-button type="primary" @click="handleSearch">查询</el-button>
</div> </div>
@ -185,6 +185,12 @@ const formatTime = (val) => val ? moment(val).format('YYYY-MM-DD HH:mm:ss') : ''
const adminData = ref({}) const adminData = ref({})
// 充值明细表格 // 充值明细表格
const tableData = ref([]) const tableData = ref([])
// 标记当前激活的时间范围按钮
const activeTimeRange = ref('')
// 日期选择器变化时清除按钮激活状态
const handleDatePickerChange = () => {
activeTimeRange.value = ''
}
// 搜索表单数据 // 搜索表单数据
const rechargeAudit = ref({ const rechargeAudit = ref({
@ -352,6 +358,7 @@ const resetSearch = function () {
auditStatus: rechargeAudit.value.auditStatus auditStatus: rechargeAudit.value.auditStatus
} }
getTime.value = [] getTime.value = []
activeTimeRange.value = '' // 清除激活状态
getRecharge() getRecharge()
getStats() getStats()
} }
@ -371,6 +378,7 @@ const getToday = function () {
) )
getTime.value = [startTime, endTime] getTime.value = [startTime, endTime]
console.log('getTime', getTime.value) console.log('getTime', getTime.value)
activeTimeRange.value = 'today' // 标记当前激活状态
getRecharge() getRecharge()
getStats() getStats()
} }
@ -391,6 +399,7 @@ const getYesterday = function () {
) )
getTime.value = [startTime, endTime] getTime.value = [startTime, endTime]
console.log('getTime', getTime.value) console.log('getTime', getTime.value)
activeTimeRange.value = 'yesterday' // 标记当前激活状态
getRecharge() getRecharge()
getStats() getStats()
} }
@ -410,6 +419,7 @@ const get7Days = function () {
) )
getTime.value = [startTime, endTime] getTime.value = [startTime, endTime]
console.log('getTime', getTime.value) console.log('getTime', getTime.value)
activeTimeRange.value = '7days' // 标记当前激活状态
getRecharge() getRecharge()
getStats() getStats()
} }

24
src/views/audit/refundAudit.vue
View File

@ -34,10 +34,10 @@
<div class="time-group"> <div class="time-group">
<el-text size="large" style="width: 80px">提交时间：</el-text> <el-text size="large" style="width: 80px">提交时间：</el-text>
<el-date-picker v-model="dateRange" type="datetimerange" range-separator="至" start-placeholder="开始时间" <el-date-picker v-model="dateRange" type="datetimerange" range-separator="至" start-placeholder="开始时间"
end-placeholder="结束时间" style="width: 400px" />
<el-button @click="getToday()" style="margin-left: 10px">今</el-button>
<el-button @click="getYesterday()" style="margin-left: 10px">昨</el-button>
<el-button @click="get7Days()" style="margin-left: 10px">近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="resetSearch">重置</el-button> <el-button type="success" @click="resetSearch">重置</el-button>
<el-button type="primary" @click="handleSearch">查询</el-button> <el-button type="primary" @click="handleSearch">查询</el-button>
</div> </div>
@ -154,6 +154,13 @@ import { ElMessage } from 'element-plus'
import API from '@/util/http' import API from '@/util/http'
import moment from 'moment' import moment from 'moment'
// 标记当前激活的时间范围按钮
const activeTimeRange = ref('')
// 日期选择器变化时清除按钮激活状态
const handleDatePickerChange = () => {
activeTimeRange.value = ''
}
const scopeValue = ref(null) // 当前行 const scopeValue = ref(null) // 当前行
const rejectDialogVisible = ref(false) // 驳回对话框显示状态 const rejectDialogVisible = ref(false) // 驳回对话框显示状态
const rejectReason = ref('') // 驳回理由 const rejectReason = ref('') // 驳回理由
@ -174,6 +181,7 @@ const searchForm = ref({
auditStatus: '0' auditStatus: '0'
}) })
const checkTab = ref('pending') // 能否不用STATUS常量，0是待审批，1是已通过，2是驳回，参数status需要Integer const checkTab = ref('pending') // 能否不用STATUS常量，0是待审批，1是已通过，2是驳回，参数status需要Integer
// 时间
const dateRange = ref([]) const dateRange = ref([])
const pagination = ref({ const pagination = ref({
pageNum: 1, pageNum: 1,
@ -399,6 +407,7 @@ const resetSearch = function () {
auditStatus:auditStatus auditStatus:auditStatus
} }
dateRange.value = [] dateRange.value = []
activeTimeRange.value = '' // 清除激活状态
} }
// 今天 // 今天
@ -408,8 +417,11 @@ const getToday = function () {
const endTime = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1) const endTime = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1)
dateRange.value = [startTime, endTime] dateRange.value = [startTime, endTime]
console.log('dateRange', dateRange.value) console.log('dateRange', dateRange.value)
activeTimeRange.value = 'today' // 标记当前激活状态
get() get()
getStats() getStats()
console.log('aaaaaaaaaa这是今天调用') console.log('aaaaaaaaaa这是今天调用')
} }
@ -421,6 +433,8 @@ const getYesterday = function () {
const endTime = new Date(yesterday.getFullYear(), yesterday.getMonth(), yesterday.getDate() + 1) const endTime = new Date(yesterday.getFullYear(), yesterday.getMonth(), yesterday.getDate() + 1)
dateRange.value = [startTime, endTime] dateRange.value = [startTime, endTime]
console.log('dateRange', dateRange.value) console.log('dateRange', dateRange.value)
activeTimeRange.value = 'yesterday' // 标记当前激活状态
get() get()
getStats() getStats()
console.log('aaaaaaaaaa这是昨天调用') console.log('aaaaaaaaaa这是昨天调用')
@ -433,6 +447,8 @@ const get7Days = function () {
const endTime = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1) const endTime = new Date(today.getFullYear(), today.getMonth(), today.getDate() + 1)
dateRange.value = [startTime, endTime] dateRange.value = [startTime, endTime]
console.log('dateRange', dateRange.value) console.log('dateRange', dateRange.value)
activeTimeRange.value = '7days' // 标记当前激活状态
get() get()
getStats() getStats()
console.log('aaaaaaaaaa这是近七天调用') console.log('aaaaaaaaaa这是近七天调用')

24
src/views/consume/coinConsumeDetail.vue
View File

@ -34,7 +34,12 @@ const consumeUser = ref({
}) })
// 标记当前激活的时间范围按钮
const activeTimeRange = ref('')
// 日期选择器变化时清除按钮激活状态
const handleDatePickerChange = () => {
activeTimeRange.value = ''
}
// 搜索对象 // 搜索对象
const getObj = ref({ const getObj = ref({
pageNum: 1, pageNum: 1,
@ -266,6 +271,8 @@ const reset = function () {
sortField.value = '' sortField.value = ''
sortOrder.value = '' sortOrder.value = ''
getTime.value = {} getTime.value = {}
activeTimeRange.value = '' // 清除激活状态
// 点完重置后，重新请求数据 // 点完重置后，重新请求数据
ConsumeSelectBy() ConsumeSelectBy()
@ -286,6 +293,8 @@ const getToday = function () {
) )
getTime.value = [startTime, endTime] getTime.value = [startTime, endTime]
console.log('getTime', getTime.value) console.log('getTime', getTime.value)
activeTimeRange.value = 'today' // 标记当前激活状态
ConsumeSelectBy() ConsumeSelectBy()
} }
// 昨天 // 昨天
@ -304,6 +313,8 @@ const getYesterday = function () {
) )
getTime.value = [startTime, endTime] getTime.value = [startTime, endTime]
console.log('getTime', getTime.value) console.log('getTime', getTime.value)
activeTimeRange.value = 'yesterday' // 标记当前激活状态
ConsumeSelectBy() ConsumeSelectBy()
} }
// 近7天 // 近7天
@ -321,6 +332,8 @@ const get7Days = function () {
) )
getTime.value = [startTime, endTime] getTime.value = [startTime, endTime]
console.log('getTime', getTime.value) console.log('getTime', getTime.value)
activeTimeRange.value = '7days' // 标记当前激活状态
ConsumeSelectBy() ConsumeSelectBy()
} }
// 获取商品列表 // 获取商品列表
@ -482,11 +495,10 @@ onMounted(async function () {
<div class="head-card-element"> <div class="head-card-element">
<el-text class="mx-1" size="large">消耗时间：</el-text> <el-text class="mx-1" size="large">消耗时间：</el-text>
<el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间" <el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间"
end-placeholder="结束时间"/>
<el-button style="margin-left: 10px" @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>
<!-- </div> <!-- </div>
</el-col> </el-col>
<el-col :span="3"> <el-col :span="3">

23
src/views/recharge/coinRechargeDetail.vue
View File

@ -22,6 +22,13 @@ const getAdminData = async function () {
// 变量 // 变量
// 充值明细表格 // 充值明细表格
const tableData = ref([]) const tableData = ref([])
// 标记当前激活的时间范围按钮
const activeTimeRange = ref('')
// 日期选择器变化时清除按钮激活状态
const handleDatePickerChange = () => {
activeTimeRange.value = ''
}
// 搜索=========================================== // 搜索===========================================
// 搜索recharge // 搜索recharge
const rechargeUser = ref({ const rechargeUser = ref({
@ -250,6 +257,8 @@ const reset = function () {
delete sortField.value delete sortField.value
delete sortOrder.value delete sortOrder.value
getTime.value = {} getTime.value = {}
activeTimeRange.value = '' // 清除激活状态
get() get()
} }
// 今天 // 今天
@ -267,6 +276,8 @@ const getToday = function () {
) )
getTime.value = [startTime, endTime] getTime.value = [startTime, endTime]
console.log('getTime', getTime.value) console.log('getTime', getTime.value)
activeTimeRange.value = 'today' // 标记当前激活状态
get() get()
} }
const handlePageSizeChange = function (val) { const handlePageSizeChange = function (val) {
@ -293,6 +304,8 @@ const getYesterday = function () {
) )
getTime.value = [startTime, endTime] getTime.value = [startTime, endTime]
console.log('getTime', getTime.value) console.log('getTime', getTime.value)
activeTimeRange.value = 'yesterday' // 标记当前激活状态
get() get()
} }
// 近7天 // 近7天
@ -310,6 +323,8 @@ const get7Days = function () {
) )
getTime.value = [startTime, endTime] getTime.value = [startTime, endTime]
console.log('getTime', getTime.value) console.log('getTime', getTime.value)
activeTimeRange.value = '7days' // 标记当前激活状态
get() get()
} }
const exportExcel = async function () { const exportExcel = async function () {
@ -413,10 +428,10 @@ const handleSortChange = (column) => {
<div class="head-card-element"> <div class="head-card-element">
<el-text class="mx-1" size="large">充值时间：</el-text> <el-text class="mx-1" size="large">充值时间：</el-text>
<el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间" <el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间"
end-placeholder="结束时间" />
<el-button style="margin-left: 10px" @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="success" @click="reset()">重置</el-button>
<el-button type="primary" @click="search()">查询</el-button> <el-button type="primary" @click="search()">查询</el-button>
<el-button type="primary" @click="exportExcel()">导出Excel</el-button> <el-button type="primary" @click="exportExcel()">导出Excel</el-button>

31
src/views/refund/coinRefundDetail.vue
View File

@ -27,6 +27,12 @@ const trimJwCode = () => {
// 变量 // 变量
//这是获取用户信息的接口 //这是获取用户信息的接口
// 标记当前激活的时间范围按钮
const activeTimeRange = ref('')
// 日期选择器变化时清除按钮激活状态
const handleDatePickerChange = () => {
activeTimeRange.value = ''
}
const adminData = ref({}) const adminData = ref({})
const getAdminData = async function () { const getAdminData = async function () {
try { try {
@ -182,6 +188,8 @@ const reset = function () {
sortField.value = '' sortField.value = ''
sortOrder.value = '' sortOrder.value = ''
getTime.value = {} getTime.value = {}
activeTimeRange.value = '' // 清除激活状态
getSelectBy() getSelectBy()
} }
// 今天 // 今天
@ -199,6 +207,8 @@ const getToday = function () {
) )
getTime.value = [startTime, endTime] getTime.value = [startTime, endTime]
console.log('getTime', getTime.value) console.log('getTime', getTime.value)
activeTimeRange.value = 'today' // 标记当前激活状态
getSelectBy() getSelectBy()
} }
// 昨天 // 昨天
@ -217,6 +227,8 @@ const getYesterday = function () {
) )
getTime.value = [startTime, endTime] getTime.value = [startTime, endTime]
console.log('getTime', getTime.value) console.log('getTime', getTime.value)
activeTimeRange.value = 'yesterday' // 标记当前激活状态
getSelectBy() getSelectBy()
} }
// 近7天 // 近7天
@ -234,6 +246,8 @@ const get7Days = function () {
) )
getTime.value = [startTime, endTime] getTime.value = [startTime, endTime]
console.log('getTime', getTime.value) console.log('getTime', getTime.value)
activeTimeRange.value = '7days' // 标记当前激活状态
getSelectBy() getSelectBy()
} }
@ -468,19 +482,10 @@ const handleCurrentChange = function (val) {
<el-col :span="21"> <el-col :span="21">
<div class="head-card-element"> <div class="head-card-element">
<el-text class="mx-1" >退款时间：</el-text> <el-text class="mx-1" >退款时间：</el-text>
<el-date-picker
v-model="getTime"
type="datetimerange"
range-separator="至"
start-placeholder="起始时间"
end-placeholder="结束时间"
/>
<el-button style="margin-left: 10px" @click="getToday()"
>今
</el-button
>
<el-button @click="getYesterday()">昨</el-button>
<el-button @click="get7Days()">近7天</el-button>
<el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间" 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="success" @click="reset()">重置</el-button>
<el-button type="primary" @click="search()">查询</el-button> <el-button type="primary" @click="search()">查询</el-button>

23
src/views/usergold/clientCountDetail.vue
View File

@ -9,6 +9,13 @@ import { writeFile, utils } from 'xlsx'
import request from "@/util/request.js"; import request from "@/util/request.js";
// 标记当前激活的时间范围按钮
const activeTimeRange = ref('')
// 日期选择器变化时清除按钮激活状态
const handleDatePickerChange = () => {
activeTimeRange.value = ''
}
// 定义ref 变量来存储合计数据 // 定义ref 变量来存储合计数据
const totalPermanentGold = ref(0) const totalPermanentGold = ref(0)
const totalFreeGold = ref(0) const totalFreeGold = ref(0)
@ -252,6 +259,8 @@ const reset = function () {
delete sortOrder.value delete sortOrder.value
getTime.value = [] getTime.value = []
delete goldDetail.value.payPlatform delete goldDetail.value.payPlatform
activeTimeRange.value = '' // 清除激活状态
search() search()
} }
@ -269,6 +278,8 @@ const getToday = function () {
const startTime = today.startOf('day').toDate() const startTime = today.startOf('day').toDate()
const endTime = today.add(1, 'days').startOf('day').toDate() const endTime = today.add(1, 'days').startOf('day').toDate()
getTime.value = [startTime, endTime] getTime.value = [startTime, endTime]
activeTimeRange.value = 'today' // 标记当前激活状态
search() search()
} }
@ -279,6 +290,8 @@ const getYesterday = function () {
const startTime = yesterday.startOf('day').toDate() const startTime = yesterday.startOf('day').toDate()
const endTime = today.startOf('day').toDate() const endTime = today.startOf('day').toDate()
getTime.value = [startTime, endTime] getTime.value = [startTime, endTime]
activeTimeRange.value = 'yesterday' // 标记当前激活状态
search() search()
} }
@ -287,6 +300,8 @@ const get7Days = function () {
const startTime = moment().subtract(6, 'day').startOf('day').toDate() const startTime = moment().subtract(6, 'day').startOf('day').toDate()
const endTime = moment().add(1, 'days').startOf('day').toDate() const endTime = moment().add(1, 'days').startOf('day').toDate()
getTime.value = [startTime, endTime] getTime.value = [startTime, endTime]
activeTimeRange.value = '7days' // 标记当前激活状态
search() search()
} }
@ -397,10 +412,10 @@ onMounted(async function () {
<div class="head-card-element"> <div class="head-card-element">
<el-text class="mx-1" size="large">更新时间：</el-text> <el-text class="mx-1" size="large">更新时间：</el-text>
<el-date-picker v-model="getTime" type="datetimerange" range-separator="至" start-placeholder="起始时间" <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="success" @click="reset()">重置</el-button>
<el-button type="primary" @click="search()">查询</el-button> <el-button type="primary" @click="search()">查询</el-button>

24
src/views/workspace/index.vue
View File

@ -156,11 +156,11 @@
activeTab === 'recharge' ? sumRechargeTask / 100 : sumConsumeTask / 100 activeTab === 'recharge' ? sumRechargeTask / 100 : sumConsumeTask / 100
}}&nbsp;&nbsp;&nbsp;&nbsp; }}&nbsp;&nbsp;&nbsp;&nbsp;
</div> </div>
<div>
<el-button @click="getToday()" label="day" style="margin-left:250px">今日</el-button>
<el-button @click="getWeek()" label="week">本周</el-button>
<el-button @click="getMonth()" label="month">本月</el-button>
<el-button @click="getYear()" label="year">本年</el-button>
<div @change="handleDatePickerChange">
<el-button @click="getToday()" label="day" style="margin-left:250px" :type="activeTimeRange === 'today' ? 'primary' : ''">今日</el-button>
<el-button @click="getWeek()" label="week" :type="activeTimeRange === 'week' ? 'primary' : ''">本周</el-button>
<el-button @click="getMonth()" label="month" :type="activeTimeRange === 'month' ? 'primary' : ''">本月</el-button>
<el-button @click="getYear()" label="year" :type="activeTimeRange === 'year' ? 'primary' : ''">本年</el-button>
</div> </div>
<!-- 设置日期选择器的显示和绑定值格式 --> <!-- 设置日期选择器的显示和绑定值格式 -->
<el-date-picker <el-date-picker
@ -220,6 +220,13 @@ import utc from 'dayjs-plugin-utc'
import {ArrowDownBold, ArrowUpBold, SemiSelect} from '@element-plus/icons-vue' import {ArrowDownBold, ArrowUpBold, SemiSelect} from '@element-plus/icons-vue'
dayjs.extend(utc) dayjs.extend(utc)
// 标记当前激活的时间范围按钮
const activeTimeRange = ref('')
// 日期选择器变化时清除按钮激活状态
const handleDatePickerChange = () => {
activeTimeRange.value = ''
}
// 地区数据 // 地区数据
const markets = ref([]) const markets = ref([])
// 图表相关 // 图表相关
@ -279,6 +286,8 @@ const getToday = function () {
const endTime = today.add(1, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss') const endTime = today.add(1, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss')
dateRange.value = [startTime, endTime] dateRange.value = [startTime, endTime]
console.log('看看dateRange', dateRange.value) console.log('看看dateRange', dateRange.value)
activeTimeRange.value = 'today' // 标记当前激活状态
getChartData() getChartData()
} }
// 本周 // 本周
@ -288,6 +297,8 @@ const getWeek = function () {
const endTime = today.add(1, 'week').startOf('week').add(1, 'day').format('YYYY-MM-DD HH:mm:ss') const endTime = today.add(1, 'week').startOf('week').add(1, 'day').format('YYYY-MM-DD HH:mm:ss')
dateRange.value = [startTime, endTime] dateRange.value = [startTime, endTime]
console.log('看看dateRange', dateRange.value) console.log('看看dateRange', dateRange.value)
activeTimeRange.value = 'week' // 标记当前激活状态
getChartData() getChartData()
} }
// 本月 // 本月
@ -297,6 +308,8 @@ const getMonth = function () {
const endTime = today.add(1, 'month').startOf('month').format('YYYY-MM-DD HH:mm:ss') const endTime = today.add(1, 'month').startOf('month').format('YYYY-MM-DD HH:mm:ss')
dateRange.value = [startTime, endTime] dateRange.value = [startTime, endTime]
console.log('看看dateRange', dateRange.value) console.log('看看dateRange', dateRange.value)
activeTimeRange.value = 'month' // 标记当前激活状态
getChartData() getChartData()
} }
// 本年 // 本年
@ -306,6 +319,7 @@ const getYear = function () {
const endTime = today.add(1, 'year').startOf('year').format('YYYY-MM-DD HH:mm:ss') const endTime = today.add(1, 'year').startOf('year').format('YYYY-MM-DD HH:mm:ss')
dateRange.value = [startTime, endTime] dateRange.value = [startTime, endTime]
console.log('看看dateRange', dateRange.value) console.log('看看dateRange', dateRange.value)
activeTimeRange.value = 'year' // 标记当前激活状态
getChartData() getChartData()
} }

Write Preview
Loading…
Cancel
Save