From db5aed78bc305815558e97f9a1110cc2fa993bc9 Mon Sep 17 00:00:00 2001 From: TreeWish <1131093754@qq.com> Date: 星期二, 28 二月 2023 22:11:57 +0800 Subject: [PATCH] 处理全国项目&单个项目数据 --- src/components/Screen/right.vue | 53 +++++++++++++++++++++++++++++++++++++++++------------ 1 files changed, 41 insertions(+), 12 deletions(-) diff --git a/src/components/Screen/right.vue b/src/components/Screen/right.vue index 1dc7ac9..4ecbb25 100644 --- a/src/components/Screen/right.vue +++ b/src/components/Screen/right.vue @@ -19,7 +19,10 @@ <div class="current1"> <div class="aside-title"></div> <!-- <country-dimension-bar ref="barRef"></country-dimension-bar> --> - <base-bar-chart title="椤圭洰涓暟" :project="currentProject"></base-bar-chart> + <base-bar-chart + title="椤圭洰涓暟" + :project="currentProject" + ></base-bar-chart> </div> <div class="current1"> <div class="aside-title">椤圭洰楗肩姸鍥�</div> @@ -31,7 +34,7 @@ <province-dimension-pie v-else ref="pieRef"></province-dimension-pie> </div> <div class="current1"> - <div class="aside-title">椤圭洰鏁版嵁浣跨敤鎯呭喌</div> + <div class="aside-title">鏁版嵁浣跨敤鎯呭喌</div> <dv-capsule-chart :config="barConfig" style="width: 360px; height: 85%" @@ -43,7 +46,10 @@ <div class="current1"> <div class="aside-title">绔欏満搴ф暟</div> <!-- <country-dimension-bar ref="barRef"></country-dimension-bar> --> - <base-bar-chart title="绔欏満搴ф暟" :project="currentProject"></base-bar-chart> + <base-bar-chart + title="绔欏満搴ф暟" + :project="currentProject" + ></base-bar-chart> </div> <div class="current1"> <div class="aside-title">闃�瀹ゅ骇鏁�</div> @@ -53,7 +59,7 @@ /> </div> <div class="current1"> - <div class="aside-title">涓嶅悓杈撻�佷粙璐ㄧ閬撴潯鏁�</div> + <div class="aside-title">绠¢亾鏉℃暟</div> <dv-conical-column-chart :config="config" style="width: 377px; height: 85%" @@ -64,14 +70,22 @@ <div class="rightContainer" v-if="currentDisplay == '宸ョ▼'"> <div class="current1"> <div class="aside-title">鏁版嵁瀛樺偍閲�</div> - <base-line-chart title="鏁版嵁瀛樺偍閲�" :project="currentProject" :params="params"></base-line-chart> + <base-line-chart + title="鏁版嵁瀛樺偍閲�" + :project="currentProject" + :params="params" + ></base-line-chart> </div> <div class="current1"> <div class="aside-title">鏁版嵁涓嬭浇娆℃暟</div> - <base-pie-chart height="90%" :project="currentProject" :params="params"></base-pie-chart> + <base-pie-chart + height="90%" + :project="currentProject" + :params="params" + ></base-pie-chart> </div> <div class="current1"> - <div class="aside-title">缁熻涓嶅悓杈撻�佷粙璐ㄧ閬撴潯鏁�</div> + <div class="aside-title">绠¢亾鏉℃暟</div> <div class="content" style="height: 30px"> <div class="header"> <div>鏍煎紡</div> @@ -107,6 +121,7 @@ countCountryDimension, countProvinceDimension, countZhPipeStations, + countDownloads, } from "@/api/screen.js" export default { @@ -212,11 +227,12 @@ ], showValue: true, }, - params: {} + params: {}, } }, created() { this.getZhPipeStations() + this.getCountDownloads() }, mounted() { this.OpenLeftInit() @@ -230,14 +246,13 @@ } this.currentProject = name }) - this.$bus.$on('changeProjectCode', code => { + this.$bus.$on("changeProjectCode", code => { this.params = { - projectCode: code + projectCode: code, } }) - }, - + methods: { ChangeRight() { if (this.leftMessage == "init") { @@ -303,6 +318,20 @@ } } }, + async getCountDownloads() { + const res = await countDownloads() + if (res.code == 200) { + this.barConfig.data = res.result.map(item => { + return { + name: item.typename, + value: item.count, + } + }) + this.barConfig = { + ...this.barConfig, + } + } + }, }, } </script> -- Gitblit v1.9.3