2024.2.21
This commit is contained in:
@@ -16,7 +16,7 @@
|
||||
</template>
|
||||
|
||||
<script setup>
|
||||
import { getChartData } from '@/api/home.js'
|
||||
import { getChartData,agentamount } from '@/api/home.js'
|
||||
import * as echarts from "echarts"
|
||||
import { dayjs } from 'element-plus'
|
||||
import hooks from '@/hooks'
|
||||
@@ -41,7 +41,7 @@ const props = defineProps({
|
||||
})
|
||||
|
||||
// 初始化折线图
|
||||
function initDeicount(yearData = [], sevenData = [], sevenDataTime = []) {
|
||||
function initDeicount(yearData = [], yearDataTime = [], sevenData = [], sevenDataTime = []) {
|
||||
if (!chartsObj.lineRef1 && !chartsObj.lineRef2) {
|
||||
chartsObj.lineRef1 = echarts.init(lineRef1.value);
|
||||
chartsObj.lineRef2 = echarts.init(lineRef2.value);
|
||||
@@ -58,7 +58,7 @@ function initDeicount(yearData = [], sevenData = [], sevenDataTime = []) {
|
||||
xAxis: [
|
||||
{
|
||||
type: 'category',
|
||||
data: ['一月', '二月', '三月', '四月', '五月', '六月', '七月', '八月', '九月', '十月', '十一月', '十二'],
|
||||
data: yearDataTime,
|
||||
axisPointer: {
|
||||
type: 'shadow'
|
||||
},
|
||||
@@ -124,26 +124,29 @@ function chartTypeChange(t) {
|
||||
async function getChartDataMethod() {
|
||||
try {
|
||||
let yearData = ''
|
||||
let yearDataTime = ''
|
||||
let sevenData = ''
|
||||
let sevenDataTime = ''
|
||||
if (chartType.value == 1) {
|
||||
// 收益
|
||||
const res1 = await getChartData(4, props.userId)
|
||||
const res2 = await getChartData(2, props.userId)
|
||||
yearData = res1.map(item => item.price.toFixed(2))
|
||||
sevenData = res2.map(item => item.price.toFixed(2))
|
||||
sevenDataTime = res2.map(item => dayjs(item.times).format('MM/DD'))
|
||||
const res = await getChartData()
|
||||
yearData = res.year_profit.map(item => item.profit)
|
||||
yearDataTime = res.year_profit.map(item => item.date)
|
||||
sevenData = res.m_profit.map(item => item.profit)
|
||||
sevenDataTime = res.m_profit.map(item => item.date)
|
||||
} else {
|
||||
// 流水
|
||||
const res1 = await getChartData(3, props.userId)
|
||||
const res2 = await getChartData(1, props.userId)
|
||||
yearData = res1.map(item => item.consumeFee)
|
||||
sevenData = res2.map(item => item.consumeFee)
|
||||
sevenDataTime = res2.map(item => dayjs(item.times).format('MM/DD'))
|
||||
// 流水agentamount
|
||||
const res = await agentamount()
|
||||
yearData = res.year_amount.map(item => item.amount)
|
||||
yearDataTime = res.year_amount.map(item => item.date)
|
||||
sevenData = res.m_amount.map(item => item.amount)
|
||||
sevenDataTime = res.m_amount.map(item => item.date)
|
||||
}
|
||||
initDeicount(yearData, sevenData, sevenDataTime)
|
||||
initDeicount(yearData, yearDataTime, sevenData, sevenDataTime)
|
||||
chartLoading.value = false
|
||||
} catch (error) { }
|
||||
} catch (error) {
|
||||
console.log(error)
|
||||
}
|
||||
}
|
||||
|
||||
// 批量设置 echarts resize
|
||||
|
||||
Reference in New Issue
Block a user