|
@ -232,7 +232,6 @@ import {ArrowUpBold, ArrowDownBold, SemiSelect} from '@element-plus/icons-vue' |
|
|
import {marketMapping} from "@/utils/marketMap.js"; |
|
|
import {marketMapping} from "@/utils/marketMap.js"; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 地区数据 |
|
|
// 地区数据 |
|
|
const markets = ref([]) |
|
|
const markets = ref([]) |
|
|
// 图表相关 |
|
|
// 图表相关 |
|
@ -321,7 +320,8 @@ const formatDate = function (date) { |
|
|
const getToday = function () { |
|
|
const getToday = function () { |
|
|
const today = dayjs() |
|
|
const today = dayjs() |
|
|
const startTime = today.startOf('day').format('YYYY-MM-DD HH:mm:ss') |
|
|
const startTime = today.startOf('day').format('YYYY-MM-DD HH:mm:ss') |
|
|
const endTime = today.add(1, 'day').startOf('day').format('YYYY-MM-DD HH:mm:ss') |
|
|
|
|
|
|
|
|
const endTime =today.endOf('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' // 标记当前激活状态 |
|
|
activeTimeRange.value = 'today' // 标记当前激活状态 |
|
@ -332,7 +332,8 @@ const getToday = function () { |
|
|
const getWeek = function () { |
|
|
const getWeek = function () { |
|
|
const today = dayjs() |
|
|
const today = dayjs() |
|
|
const startTime = (today.startOf('week').add(1, 'day')).format('YYYY-MM-DD HH:mm:ss') |
|
|
const startTime = (today.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') |
|
|
|
|
|
|
|
|
const endTime = today.endOf('week').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' // 标记当前激活状态 |
|
|
activeTimeRange.value = 'week' // 标记当前激活状态 |
|
@ -343,7 +344,8 @@ const getWeek = function () { |
|
|
const getMonth = function () { |
|
|
const getMonth = function () { |
|
|
const today = dayjs() |
|
|
const today = dayjs() |
|
|
const startTime = today.startOf('month').format('YYYY-MM-DD HH:mm:ss') |
|
|
const startTime = today.startOf('month').format('YYYY-MM-DD HH:mm:ss') |
|
|
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') |
|
|
|
|
|
const endTime = today.endOf('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' // 标记当前激活状态 |
|
|
activeTimeRange.value = 'month' // 标记当前激活状态 |
|
@ -354,7 +356,8 @@ const getMonth = function () { |
|
|
const getYear = function () { |
|
|
const getYear = function () { |
|
|
const today = dayjs() |
|
|
const today = dayjs() |
|
|
const startTime = today.startOf('year').format('YYYY-MM-DD HH:mm:ss') |
|
|
const startTime = today.startOf('year').format('YYYY-MM-DD HH:mm:ss') |
|
|
const endTime = today.add(1, 'year').startOf('year').format('YYYY-MM-DD HH:mm:ss') |
|
|
|
|
|
|
|
|
const endTime = today.endOf('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' // 标记当前激活状态 |
|
|
activeTimeRange.value = 'year' // 标记当前激活状态 |
|
@ -457,7 +460,8 @@ const getMarkets = async () => { |
|
|
} |
|
|
} |
|
|
}) |
|
|
}) |
|
|
if (Array.isArray(response.data)) { |
|
|
if (Array.isArray(response.data)) { |
|
|
markets.value = response.data.filter(data => data !== "1") |
|
|
|
|
|
|
|
|
// markets.value = response.data.filter(data => data !== "1") |
|
|
|
|
|
markets.value = response.data |
|
|
console.log('市场列表获取成功:', markets.value) |
|
|
console.log('市场列表获取成功:', markets.value) |
|
|
} else { |
|
|
} else { |
|
|
console.error('获取市场列表失败', response) |
|
|
console.error('获取市场列表失败', response) |
|
@ -476,12 +480,10 @@ const getChartData = async () => { |
|
|
if (!markets.value || markets.value.length === 0) { |
|
|
if (!markets.value || markets.value.length === 0) { |
|
|
await getMarkets() |
|
|
await getMarkets() |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
// 本年 |
|
|
// 本年 |
|
|
if (!dateRange.value || dateRange.value.length === 0) { |
|
|
if (!dateRange.value || dateRange.value.length === 0) { |
|
|
getYear() |
|
|
getYear() |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
const params = { |
|
|
const params = { |
|
|
markets: markets.value, |
|
|
markets: markets.value, |
|
|
startDate: dateRange.value[0], |
|
|
startDate: dateRange.value[0], |
|
@ -495,6 +497,7 @@ const getChartData = async () => { |
|
|
}) |
|
|
}) |
|
|
console.log('看看params', params) |
|
|
console.log('看看params', params) |
|
|
if (Array.isArray(response.marketGraphs)) { |
|
|
if (Array.isArray(response.marketGraphs)) { |
|
|
|
|
|
// const filteredGraphs = response.marketGraphs.filter(data => data.market !== "1"); |
|
|
// 处理图表数据 |
|
|
// 处理图表数据 |
|
|
processChartData(response.marketGraphs) |
|
|
processChartData(response.marketGraphs) |
|
|
// 处理排名数据 |
|
|
// 处理排名数据 |
|
|