From fb212223fdc2f692896da5483ba2b1a8aec22d5f Mon Sep 17 00:00:00 2001 From: TreeWish <1131093754@qq.com> Date: 星期一, 27 二月 2023 19:15:20 +0800 Subject: [PATCH] 修改基础数据 --- src/components/Screen/left.vue | 80 +++++++++++++++++++++++----------------- 1 files changed, 46 insertions(+), 34 deletions(-) diff --git a/src/components/Screen/left.vue b/src/components/Screen/left.vue index 2863288..75d356e 100644 --- a/src/components/Screen/left.vue +++ b/src/components/Screen/left.vue @@ -3,7 +3,7 @@ <div class="leftarrow"> <img :src="leftImg" @click="ChangeLeft" /> </div> - <div class="leftContainer" v-if="ChartDisplay"> + <div class="leftContainer" v-if="currentDisplay == '澶у睆' && ChartDisplay"> <div class="current1" id="leftCurrent1"> <div class="aside-title">鏁版嵁鐢宠娆℃暟</div> <count-data-apply></count-data-apply> @@ -17,38 +17,51 @@ <data-storage></data-storage> </div> </div> - <!-- 鍏ㄧ悆缁熻娆℃暟 --> - <div class="leftContainer" v-if="GlobleChartDisplay"> + <!-- 鍏ㄧ悆銆佸叏鍥界粺璁℃鏁� --> + <div class="leftContainer" v-if="currentDisplay == '椤圭洰'"> <div class="current1" id="leftCurrent1"> - <div class="aside-title">椤硅嚜绫诲瀷</div> + <div class="aside-title">鍥藉唴銆佸浗澶�</div> + </div> + <div class="current1" id="leftCurrent2"> + <div class="aside-title">缁熻鍦扮伨銆佹礊搴撶瓑涓撲笟鏁版嵁瀛樺偍閲�</div> <base-line-chart :project="currProject"></base-line-chart> - + </div> + <div class="current1" id="leftCurrent3"> + <div class="aside-title">鏁版嵁瀛樺偍閲�</div> + <data-storage></data-storage> + </div> + </div> + <!-- 鍏ㄧ悆銆佸叏鍥界缃戝浘 --> + <div class="leftContainer" v-if="currentDisplay == '绠$綉'"> + <div class="current1" id="leftCurrent1"> + <div class="aside-title">绠$綉鍥藉唴銆佸浗澶�</div> <!-- <base-bar-chart :project="currProject"></base-bar-chart> --> <!-- <count-data-apply></count-data-apply> --> </div> <div class="current1" id="leftCurrent2"> - <div class="aside-title">鐢ㄦ埛璁块棶閲�</div> - <base-pie-chart :project="currProject"></base-pie-chart> + <div class="aside-title">杈撻�佷粙璐ㄧ被鍒粺璁¢暱搴�</div> + <base-line-chart :project="currProject"></base-line-chart> + <!-- <base-pie-chart :project="currProject"></base-pie-chart> --> <!-- <service-type></service-type> --> </div> <div class="current1" id="leftCurrent3"> - <div class="aside-title">椤圭洰瀛樺偍淇℃伅</div> + <div class="aside-title">鏁版嵁瀛樺偍閲�</div> <data-storage></data-storage> </div> </div> - <!-- 鍏ㄥ浗椤圭洰缁熻娆℃暟 --> - <div class="leftContainer" v-if="CountryChartDisplay"> - <div class="current1" id="leftCurrent1"> - <div class="aside-title">鏁版嵁鐢宠娆℃暟</div> - <count-data-apply></count-data-apply> + <!-- 鍗曚釜宸ョ▼灞曠ず --> + <div class="leftContainer" v-if="currentDisplay == '宸ョ▼'"> + <div class="current1" > + <div class="aside-title">宸ョ▼绠�浠�</div> + </div> - <div class="current1" id="leftCurrent2"> - <div class="aside-title">鐢ㄦ埛璁块棶閲�</div> - <service-type></service-type> + <div class="current1" > + <div class="aside-title">椤圭洰鐘舵��</div> + </div> - <div class="current1" id="leftCurrent3"> - <div class="aside-title">椤圭洰瀛樺偍淇℃伅</div> - <data-storage></data-storage> + <div class="current1"> + <div class="aside-title">寤鸿宸ユ湡</div> + </div> </div> <!-- <div class="leftContainer" v-if="ProjectreeDisplay"> @@ -72,7 +85,7 @@ DataStorage, BaseBarChart, BaseLineChart, - BasePieChart + BasePieChart, }, data() { return { @@ -83,24 +96,22 @@ CountryChartDisplay: false, leftImg: require("../../assets/img/Screen/rightArrow.png"), currProject: "鍏ㄧ悆椤圭洰", + currentDisplay: "澶у睆", } }, mounted() { this.OpenLeftInit() // this.OpenLeftInitChart(); + this.$bus.$on("changeProject", name => { - this.currProject = name - this.GlobleChartDisplay = true - this.ChartDisplay = false - // if (name == "鍏ㄧ悆椤圭洰") { - // this.GlobleChartDisplay = true - // this.ChartDisplay = false - - // } else { - // this.ChartDisplay = true - // this.GlobleChartDisplay = false - - // } + if (name.includes("鍏ㄧ悆绠$綉") || name.includes("鍏ㄥ浗绠$綉")) { + this.currentDisplay = "绠$綉" + } else if (name.includes("鍏ㄧ悆椤圭洰") || name.includes("鍏ㄥ浗椤圭洰")) { + this.currentDisplay = "椤圭洰" + } else { + this.currentDisplay = '宸ョ▼' + } + this.currentProject = name }) }, methods: { @@ -127,13 +138,14 @@ }, //鎵撳紑澶у睆宸︿晶鐣岄潰 OpenLeftInit() { + this.currentDisplay = "澶у睆" + this.ChartDisplay = true this.ProjectreeDisplay = false this.leftMessage = "init" // this.OpenLeftInitChart(); this.$parent.ChangeWidth("leftView") this.GlobleChartDisplay = false - }, //鎵撳紑宸ョ▼鏍� OpenLeftProjectTree() { @@ -600,7 +612,7 @@ .leftContainer { height: 100%; - width: calc(100% - 7px); + width: calc(100% - 45px); display: flex; flex-direction: column; align-items: center; -- Gitblit v1.9.3