diff --git a/src/components/workspace/CashManagement.vue b/src/components/workspace/CashManagement.vue index e0864da..5636de4 100644 --- a/src/components/workspace/CashManagement.vue +++ b/src/components/workspace/CashManagement.vue @@ -83,7 +83,7 @@ onMounted(() => { .cash-management { margin: 10px 5px; width: 100%; - height: 50vh; + height: 550px; flex-shrink: 0; border-radius: 8px; background: #E7F4FD; diff --git a/src/components/workspace/GoldGraph.vue b/src/components/workspace/GoldGraph.vue index 6ab154b..1265185 100644 --- a/src/components/workspace/GoldGraph.vue +++ b/src/components/workspace/GoldGraph.vue @@ -14,7 +14,7 @@ 免费金币: {{ activeTab === 'recharge' ? sumRechargeFree / 100 : sumConsumeFree / 100 }}   任务金币: {{ activeTab === 'recharge' ? sumRechargeTask / 100 : sumConsumeTask / 100 }}   -
+
昨天 @@ -36,7 +36,7 @@ @click="getYear()" size="default">本年
-
+
折合新币累计金额
- +
{{ yearlyMoney / 100 }}新币
- +
昨日新增金币:{{ recharge / 100 }}
-
+
其中永久金币:{{ money / 100 }}
@@ -88,10 +88,10 @@
全年累计消费金币数:{{ yearlyReduce / 100 }}
-
+
-
+
@@ -101,16 +101,16 @@
全年累计充值人头数:{{ yearlyRechargeNum }}
- +
- +
-
周同比:{{ sumWow }}% +
周同比:{{ sumWow }}%
-
+
日环比:{{ sumDaily }}% @@ -124,7 +124,7 @@ -
+
@@ -362,11 +362,16 @@ const initConsumeChart = () => { const myChart = echarts.init(consumeChart.value); const option = { legend: { + textStyle: { + fontSize: 15, + color: '#000', + fontFamily: 'PingFang SC' + }, orient: 'vertical', - left: '10%', - top: '85', + left: '15%', + top: '105', icon: 'circle', - iconSize: 5, + iconSize: 7, textSize: 12, itemWidth: 7, itemHeight: 7, @@ -376,7 +381,7 @@ const initConsumeChart = () => { { type: 'pie', radius: ['30%', '45%'], - center: ['50%', '35%'], + center: ['50%', '30%'], silent: true, clockwise: true, label: {show: false}, @@ -406,9 +411,14 @@ const initConsumeDetailChart = () => { const option = { // 增加图表内边距,避免内容溢出 legend: { + textStyle: { + fontSize: 15, + color: '#000', + fontFamily: 'PingFang SC' + }, orient: 'vertical', - left: '20%', - top: '85', + left: '10%', + top: '105', icon: 'circle', iconSize: 5, itemWidth: 7, @@ -464,12 +474,16 @@ const initRechargePeopleChart = () => { const myChart = echarts.init(rechargePeopleChart.value); const option = { legend: { + textStyle: { + fontSize: 15, + color: '#000', + fontFamily: 'PingFang SC' + }, orient: 'vertical', left: '20%', - top: '85', + top: '110', icon: 'circle', iconSize: 5, - textSize: 18, itemWidth: 7, itemHeight: 7, }, @@ -477,7 +491,7 @@ const initRechargePeopleChart = () => { { type: 'pie', radius: ['30%', '50%'], - center: ['50%', '35%'], + center: ['50%', '30%'], silent: true, clockwise: true, label: {show: false}, @@ -492,7 +506,7 @@ const initRechargePeopleChart = () => { { type: 'pie', radius: ['30%', '45%'], - center: ['50%', '35%'], + center: ['50%', '30%'], silent: true, clockwise: true, label: {show: false}, @@ -552,7 +566,7 @@ onMounted(async () => { } .card-item-row1 { - height: 160px; + height: 200px; width: auto; background: #E4F0FC; box-shadow: 0 0 4px 0 #00000040; @@ -566,7 +580,7 @@ onMounted(async () => { .card-item { - height: 200px; + height: 240px; width: auto; background: #E4F0FC; box-shadow: 0 0 4px 0 #00000040; @@ -581,6 +595,7 @@ onMounted(async () => { .card-title { font-weight: bold; height: 36px; + font-size: 17px; width: 100%; flex-shrink: 0; border-radius: 8px; @@ -645,7 +660,7 @@ onMounted(async () => { .gold-management { margin: 10px 5px; width: 100%; - height: 50vh; + height: 550px; flex-shrink: 0; border-radius: 8px; background: #E7F4FD;