|
@ -6,6 +6,8 @@ import { Bs1CircleFill, Bs2CircleFill, Bs3CircleFill, Bs4Circle, Bs5Circle, Bs6C |
|
|
import axios, { all } from 'axios'; |
|
|
import axios, { all } from 'axios'; |
|
|
|
|
|
|
|
|
// 变量 |
|
|
// 变量 |
|
|
|
|
|
// 加载对象 |
|
|
|
|
|
const loading = ref(true) |
|
|
// 总览对象 |
|
|
// 总览对象 |
|
|
const getSumCoin = ref({}); |
|
|
const getSumCoin = ref({}); |
|
|
const statistics = ref({}); |
|
|
const statistics = ref({}); |
|
@ -293,6 +295,9 @@ const get = async function () { |
|
|
{ value: (Number(ERPData.value[2].value) + Number(HCData.value[2].value) + Number(LinkData.value[2].value) + Number(goldData.value[2].value)), name: '第3学科' }, |
|
|
{ value: (Number(ERPData.value[2].value) + Number(HCData.value[2].value) + Number(LinkData.value[2].value) + Number(goldData.value[2].value)), name: '第3学科' }, |
|
|
{ value: (Number(ERPData.value[3].value) + Number(HCData.value[3].value) + Number(LinkData.value[3].value) + Number(goldData.value[3].value)), name: '第4学科' }, |
|
|
{ value: (Number(ERPData.value[3].value) + Number(HCData.value[3].value) + Number(LinkData.value[3].value) + Number(goldData.value[3].value)), name: '第4学科' }, |
|
|
] |
|
|
] |
|
|
|
|
|
|
|
|
|
|
|
loading.value = false; |
|
|
|
|
|
|
|
|
console.log('allData', allData.value); |
|
|
console.log('allData', allData.value); |
|
|
} catch (error) { |
|
|
} catch (error) { |
|
|
console.log('请求失败', error); |
|
|
console.log('请求失败', error); |
|
@ -608,7 +613,7 @@ onMounted(async function () { |
|
|
{ |
|
|
{ |
|
|
name: '全年累计金币数(个)\n' + statistics.value.totalSumCoin, |
|
|
name: '全年累计金币数(个)\n' + statistics.value.totalSumCoin, |
|
|
type: 'pie', |
|
|
type: 'pie', |
|
|
radius: ['80%', '60%'], |
|
|
|
|
|
|
|
|
radius: ['60%', '80%'], |
|
|
avoidLabelOverlap: false, |
|
|
avoidLabelOverlap: false, |
|
|
label: { |
|
|
label: { |
|
|
show: true, |
|
|
show: true, |
|
@ -646,7 +651,7 @@ onMounted(async function () { |
|
|
{ |
|
|
{ |
|
|
name: '全年累计消耗金币数(个)\n' + getYearConsumeCoin.value.yearsumCoin, |
|
|
name: '全年累计消耗金币数(个)\n' + getYearConsumeCoin.value.yearsumCoin, |
|
|
type: 'pie', |
|
|
type: 'pie', |
|
|
radius: ['80%', '60%'], |
|
|
|
|
|
|
|
|
radius: ['60%', '80%'], |
|
|
avoidLabelOverlap: false, |
|
|
avoidLabelOverlap: false, |
|
|
label: { |
|
|
label: { |
|
|
show: true, |
|
|
show: true, |
|
@ -684,7 +689,7 @@ onMounted(async function () { |
|
|
{ |
|
|
{ |
|
|
name: '当前金币余量(个)\n' + getSumCoin.value.todayTotalCoin, |
|
|
name: '当前金币余量(个)\n' + getSumCoin.value.todayTotalCoin, |
|
|
type: 'pie', |
|
|
type: 'pie', |
|
|
radius: ['80%', '60%'], |
|
|
|
|
|
|
|
|
radius: ['60%', '80%'], |
|
|
avoidLabelOverlap: false, |
|
|
avoidLabelOverlap: false, |
|
|
label: { |
|
|
label: { |
|
|
show: true, |
|
|
show: true, |
|
@ -728,6 +733,7 @@ onMounted(async function () { |
|
|
</script> |
|
|
</script> |
|
|
|
|
|
|
|
|
<template> |
|
|
<template> |
|
|
|
|
|
<div v-loading="loading"> |
|
|
<el-row :gutter="20"> |
|
|
<el-row :gutter="20"> |
|
|
<el-col :span="6"> |
|
|
<el-col :span="6"> |
|
|
<el-card> |
|
|
<el-card> |
|
@ -756,7 +762,8 @@ onMounted(async function () { |
|
|
</div> |
|
|
</div> |
|
|
</span> |
|
|
</span> |
|
|
</p> |
|
|
</p> |
|
|
<template #footer>充值{{ formatNum(getSumCoin.todayRecharge) }} 免费{{ formatNum(getSumCoin.todayFree) }} |
|
|
|
|
|
|
|
|
<template #footer>充值{{ formatNum(getSumCoin.todayRecharge) }} 免费{{ formatNum(getSumCoin.todayFree) |
|
|
|
|
|
}} |
|
|
任务{{ formatNum(getSumCoin.todayTask) }}</template> |
|
|
任务{{ formatNum(getSumCoin.todayTask) }}</template> |
|
|
</el-card> |
|
|
</el-card> |
|
|
</el-col> |
|
|
</el-col> |
|
@ -958,47 +965,56 @@ onMounted(async function () { |
|
|
<div class="ranking-item" v-if="areaSizeConsume >= 1"> |
|
|
<div class="ranking-item" v-if="areaSizeConsume >= 1"> |
|
|
<Bs1CircleFill /> |
|
|
<Bs1CircleFill /> |
|
|
<span style="margin-left: 10px;">{{ ConsumeRank[0].name }}</span> |
|
|
<span style="margin-left: 10px;">{{ ConsumeRank[0].name }}</span> |
|
|
<span style="margin-left: auto;">{{ formatNum(ConsumeRank[0].value) }}</span> |
|
|
|
|
|
|
|
|
<span style="margin-left: auto;">{{ formatNum(ConsumeRank[0].value) |
|
|
|
|
|
}}</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="ranking-item" v-if="areaSizeConsume >= 2"> |
|
|
<div class="ranking-item" v-if="areaSizeConsume >= 2"> |
|
|
<Bs2CircleFill /> |
|
|
<Bs2CircleFill /> |
|
|
<span style="margin-left: 10px;">{{ ConsumeRank[1].name }}</span> |
|
|
<span style="margin-left: 10px;">{{ ConsumeRank[1].name }}</span> |
|
|
<span style="margin-left: auto;">{{ formatNum(ConsumeRank[1].value) }}</span> |
|
|
|
|
|
|
|
|
<span style="margin-left: auto;">{{ formatNum(ConsumeRank[1].value) |
|
|
|
|
|
}}</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="ranking-item" v-if="areaSizeConsume >= 3"> |
|
|
<div class="ranking-item" v-if="areaSizeConsume >= 3"> |
|
|
<Bs3CircleFill /> |
|
|
<Bs3CircleFill /> |
|
|
<span style="margin-left: 10px;">{{ ConsumeRank[2].name }}</span> |
|
|
<span style="margin-left: 10px;">{{ ConsumeRank[2].name }}</span> |
|
|
<span style="margin-left: auto;">{{ formatNum(ConsumeRank[2].value) }}</span> |
|
|
|
|
|
|
|
|
<span style="margin-left: auto;">{{ formatNum(ConsumeRank[2].value) |
|
|
|
|
|
}}</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="ranking-item" v-if="areaSizeConsume >= 4"> |
|
|
<div class="ranking-item" v-if="areaSizeConsume >= 4"> |
|
|
<Bs4Circle /> |
|
|
<Bs4Circle /> |
|
|
<span style="margin-left: 10px;">{{ ConsumeRank[3].name }}</span> |
|
|
<span style="margin-left: 10px;">{{ ConsumeRank[3].name }}</span> |
|
|
<span style="margin-left: auto;">{{ formatNum(ConsumeRank[3].value) }}</span> |
|
|
|
|
|
|
|
|
<span style="margin-left: auto;">{{ formatNum(ConsumeRank[3].value) |
|
|
|
|
|
}}</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="ranking-item" v-if="areaSizeConsume >= 5"> |
|
|
<div class="ranking-item" v-if="areaSizeConsume >= 5"> |
|
|
<Bs5Circle /> |
|
|
<Bs5Circle /> |
|
|
<span style="margin-left: 10px;">{{ ConsumeRank[4].name }}</span> |
|
|
<span style="margin-left: 10px;">{{ ConsumeRank[4].name }}</span> |
|
|
<span style="margin-left: auto;">{{ formatNum(ConsumeRank[4].value) }}</span> |
|
|
|
|
|
|
|
|
<span style="margin-left: auto;">{{ formatNum(ConsumeRank[4].value) |
|
|
|
|
|
}}</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="ranking-item" v-if="areaSizeConsume >= 6"> |
|
|
<div class="ranking-item" v-if="areaSizeConsume >= 6"> |
|
|
<Bs6Circle /> |
|
|
<Bs6Circle /> |
|
|
<span style="margin-left: 10px;">{{ ConsumeRank[5].name }}</span> |
|
|
<span style="margin-left: 10px;">{{ ConsumeRank[5].name }}</span> |
|
|
<span style="margin-left: auto;">{{ formatNum(ConsumeRank[5].value) }}</span> |
|
|
|
|
|
|
|
|
<span style="margin-left: auto;">{{ formatNum(ConsumeRank[5].value) |
|
|
|
|
|
}}</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="ranking-item" v-if="areaSizeConsume >= 7"> |
|
|
<div class="ranking-item" v-if="areaSizeConsume >= 7"> |
|
|
<Bs7Circle /> |
|
|
<Bs7Circle /> |
|
|
<span style="margin-left: 10px;">{{ ConsumeRank[6].name }}</span> |
|
|
<span style="margin-left: 10px;">{{ ConsumeRank[6].name }}</span> |
|
|
<span style="margin-left: auto;">{{ formatNum(ConsumeRank[6].value) }}</span> |
|
|
|
|
|
|
|
|
<span style="margin-left: auto;">{{ formatNum(ConsumeRank[6].value) |
|
|
|
|
|
}}</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="ranking-item" v-if="areaSizeConsume >= 8"> |
|
|
<div class="ranking-item" v-if="areaSizeConsume >= 8"> |
|
|
<Bs8Circle /> |
|
|
<Bs8Circle /> |
|
|
<span style="margin-left: 10px;">{{ ConsumeRank[7].name }}</span> |
|
|
<span style="margin-left: 10px;">{{ ConsumeRank[7].name }}</span> |
|
|
<span style="margin-left: auto;">{{ formatNum(ConsumeRank[7].value) }}</span> |
|
|
|
|
|
|
|
|
<span style="margin-left: auto;">{{ formatNum(ConsumeRank[7].value) |
|
|
|
|
|
}}</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="ranking-item" v-if="areaSizeConsume >= 9"> |
|
|
<div class="ranking-item" v-if="areaSizeConsume >= 9"> |
|
|
<Bs9Circle /> |
|
|
<Bs9Circle /> |
|
|
<span style="margin-left: 10px;">{{ ConsumeRank[8].name }}</span> |
|
|
<span style="margin-left: 10px;">{{ ConsumeRank[8].name }}</span> |
|
|
<span style="margin-left: auto;">{{ formatNum(ConsumeRank[8].value) }}</span> |
|
|
|
|
|
|
|
|
<span style="margin-left: auto;">{{ formatNum(ConsumeRank[8].value) |
|
|
|
|
|
}}</span> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
@ -1059,6 +1075,7 @@ onMounted(async function () { |
|
|
</el-card> |
|
|
</el-card> |
|
|
</el-col> |
|
|
</el-col> |
|
|
</el-row> |
|
|
</el-row> |
|
|
|
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<style scoped> |
|
|
<style scoped> |
|
|