From 234409bb4a612c5b69b78b1e844492f0a7122521 Mon Sep 17 00:00:00 2001 From: TreeWish <1131093754@qq.com> Date: 星期二, 28 二月 2023 19:15:32 +0800 Subject: [PATCH] 工程&管线接口对接 --- src/components/Screen/right.vue | 85 ++++++++++++++++++++++++++++++++++++++---- 1 files changed, 76 insertions(+), 9 deletions(-) diff --git a/src/components/Screen/right.vue b/src/components/Screen/right.vue index dda3675..1dc7ac9 100644 --- a/src/components/Screen/right.vue +++ b/src/components/Screen/right.vue @@ -17,9 +17,9 @@ <!-- 鍏ㄧ悆銆佸叏鍥介」鐩� --> <div class="rightContainer" v-if="currentDisplay == '椤圭洰'"> <div class="current1"> - <div class="aside-title">椤圭洰鏌辩姸鍥�</div> + <div class="aside-title"></div> <!-- <country-dimension-bar ref="barRef"></country-dimension-bar> --> - <base-bar-chart :project="currentProject"></base-bar-chart> + <base-bar-chart title="椤圭洰涓暟" :project="currentProject"></base-bar-chart> </div> <div class="current1"> <div class="aside-title">椤圭洰楗肩姸鍥�</div> @@ -32,7 +32,10 @@ </div> <div class="current1"> <div class="aside-title">椤圭洰鏁版嵁浣跨敤鎯呭喌</div> - <dv-capsule-chart :config="config" style="width: 360px; height: 85%" /> + <dv-capsule-chart + :config="barConfig" + style="width: 360px; height: 85%" + /> </div> </div> <!-- 鍏ㄥ浗銆佸叏鐞冪缃� --> @@ -40,7 +43,7 @@ <div class="current1"> <div class="aside-title">绔欏満搴ф暟</div> <!-- <country-dimension-bar ref="barRef"></country-dimension-bar> --> - <base-bar-chart :project="currentProject"></base-bar-chart> + <base-bar-chart title="绔欏満搴ф暟" :project="currentProject"></base-bar-chart> </div> <div class="current1"> <div class="aside-title">闃�瀹ゅ骇鏁�</div> @@ -61,11 +64,11 @@ <div class="rightContainer" v-if="currentDisplay == '宸ョ▼'"> <div class="current1"> <div class="aside-title">鏁版嵁瀛樺偍閲�</div> - <base-line-chart :project="currentProject"></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"></base-pie-chart> + <base-pie-chart height="90%" :project="currentProject" :params="params"></base-pie-chart> </div> <div class="current1"> <div class="aside-title">缁熻涓嶅悓杈撻�佷粙璐ㄧ閬撴潯鏁�</div> @@ -75,7 +78,7 @@ <div>鏁伴噺</div> </div> </div> - <file-format></file-format> + <file-format :params="params"></file-format> </div> </div> @@ -100,7 +103,11 @@ import BasePieChart from "../chart/BasePieChart .vue" import VisitCount from "../chart/VisitCount.vue" -import { countCountryDimension, countProvinceDimension } from "@/api/screen.js" +import { + countCountryDimension, + countProvinceDimension, + countZhPipeStations, +} from "@/api/screen.js" export default { components: { @@ -180,9 +187,37 @@ ], lineWidth: 10, }, + barConfig: { + data: [ + { + name: "鍗楅槼", + value: 167, + }, + { + name: "鍛ㄥ彛", + value: 123, + }, + { + name: "婕渤", + value: 98, + }, + { + name: "閮戝窞", + value: 75, + }, + { + name: "瑗垮场", + value: 66, + }, + ], + showValue: true, + }, + params: {} } }, - + created() { + this.getZhPipeStations() + }, mounted() { this.OpenLeftInit() this.$bus.$on("changeProject", name => { @@ -195,7 +230,14 @@ } this.currentProject = name }) + this.$bus.$on('changeProjectCode', code => { + this.params = { + projectCode: code + } + }) + }, + methods: { ChangeRight() { if (this.leftMessage == "init") { @@ -236,6 +278,31 @@ // this.leftMessage = "projectree" // this.$parent.ChangeWidth("leftTree") // }, + async getZhPipeStations() { + const res = await countZhPipeStations() + if (res.code == 200) { + const data = res.result + this.pieconfig.data = res.result.map(item => { + return { + name: item.杈撻�佷粙璐�, + value: item.绠¢亾鏁伴噺, + } + }) + + this.pieconfig = { + ...this.pieconfig, + } + this.config.data = res.result.map(item => { + return { + name: item.杈撻�佷粙璐�, + value: item.绠¢亾鏁伴噺, + } + }) + this.config = { + ...this.config, + } + } + }, }, } </script> -- Gitblit v1.9.3