From 193c02587585f85853352f5553a0f068d078696c Mon Sep 17 00:00:00 2001 From: Surpriseplus <845948745@qq.com> Date: 星期三, 22 三月 2023 08:18:50 +0800 Subject: [PATCH] 发布管理修改预览效果,一张图修改 --- src/components/Screen/left.vue | 87 +++++++++++++++++++++++++++++++++++-------- 1 files changed, 70 insertions(+), 17 deletions(-) diff --git a/src/components/Screen/left.vue b/src/components/Screen/left.vue index 2f30e4b..a1643d0 100644 --- a/src/components/Screen/left.vue +++ b/src/components/Screen/left.vue @@ -1,32 +1,59 @@ <template> <div class="current"> <div class="leftarrow"> - <img :src="leftImg" @click="ChangeLeft" /> + <img + :src="leftImg" + @click="ChangeLeft" + /> </div> - <div class="leftContainer" v-if="currentDisplay == '澶у睆' && ChartDisplay"> - <div class="current1" id="leftCurrent1"> + <div + class="leftContainer" + v-if="currentDisplay == '澶у睆' && ChartDisplay" + > + <div + class="current1" + id="leftCurrent1" + > <div class="aside-title">鏁版嵁鐢宠娆℃暟</div> <count-data-apply></count-data-apply> </div> - <div class="current1" id="leftCurrent2"> + <div + class="current1" + id="leftCurrent2" + > <div class="aside-title">鐢ㄦ埛璁块棶閲�</div> <service-type></service-type> </div> - <div class="current1" id="leftCurrent3"> + <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="leftContainer" + v-if="currentDisplay == '椤圭洰'" + > + <div + class="current1" + id="leftCurrent1" + > <div class="aside-title">鏁版嵁鎬昏</div> <div class="wrapper"> <div class="title">{{ currentProject }}</div> - <dv-digital-flop style="height: 40px" :config="xmCountConfig" /> + <dv-digital-flop + style="height: 40px" + :config="xmCountConfig" + /> </div> </div> - <div class="current1" id="leftCurrent2"> + <div + class="current1" + id="leftCurrent2" + > <div class="aside-title">瀛樺偍淇℃伅</div> <base-line-chart :requsetFn="requsetFn" @@ -34,21 +61,36 @@ title="鏁版嵁瀛樺偍閲�" ></base-line-chart> </div> - <div class="current1" id="leftCurrent3"> + <div + class="current1" + id="leftCurrent3" + > <div class="aside-title">鏁版嵁瀛樺偍閲�</div> <data-storage-type></data-storage-type> </div> </div> <!-- 鍏ㄧ悆銆佸叏鍥界缃戝浘 --> - <div class="leftContainer" v-if="currentDisplay == '绠$綉'"> - <div class="current1" id="leftCurrent1"> + <div + class="leftContainer" + v-if="currentDisplay == '绠$綉'" + > + <div + class="current1" + id="leftCurrent1" + > <div class="aside-title">鏁版嵁鎬昏</div> <div class="wrapper"> <div class="title">{{ currentProject }}</div> - <dv-digital-flop style="height: 40px" :config="xmCountConfig" /> + <dv-digital-flop + style="height: 40px" + :config="xmCountConfig" + /> </div> </div> - <div class="current1" id="leftCurrent2"> + <div + class="current1" + id="leftCurrent2" + > <div class="aside-title">绠$綉闀垮害</div> <base-line-chart :requsetFn="requsetFn" @@ -58,13 +100,19 @@ <!-- <base-pie-chart :project="currentProject"></base-pie-chart> --> <!-- <service-type></service-type> --> </div> - <div class="current1" id="leftCurrent3"> + <div + class="current1" + id="leftCurrent3" + > <div class="aside-title">鏁版嵁瀛樺偍閲�</div> <data-storage-type></data-storage-type> </div> </div> <!-- 鍗曚釜宸ョ▼灞曠ず --> - <div class="leftContainer" v-if="currentDisplay == '宸ョ▼'"> + <div + class="leftContainer" + v-if="currentDisplay == '宸ョ▼'" + > <div class="current1"> <div class="aside-title">宸ョ▼绠�浠�</div> <projectintroduction></projectintroduction> @@ -161,6 +209,11 @@ ...this.xmCountConfig, } } + }) + this.$bus.$on("closeLeftAndRightMenu", (res) => { + this.ChartDisplay = res; + this.ProjectreeDisplay = res; + this.ChangeLeft(); }) }, methods: { @@ -448,7 +501,7 @@ startValue: dataAxis[Math.max(params.dataIndex - zoomSize / 2, 0)], endValue: dataAxis[ - Math.min(params.dataIndex + zoomSize / 2, data.length - 1) + Math.min(params.dataIndex + zoomSize / 2, data.length - 1) ], }) }) -- Gitblit v1.9.3