From 27c5590aab433687c58dbf41e9271f71008834f0 Mon Sep 17 00:00:00 2001
From: TreeWish <1131093754@qq.com>
Date: 星期一, 27 二月 2023 11:48:05 +0800
Subject: [PATCH] 修改大屏首页
---
src/components/Screen/left.vue | 56 +++++++++++++++++++++++++++++++++++++++++++++-----------
1 files changed, 45 insertions(+), 11 deletions(-)
diff --git a/src/components/Screen/left.vue b/src/components/Screen/left.vue
index 97ee516..f643744 100644
--- a/src/components/Screen/left.vue
+++ b/src/components/Screen/left.vue
@@ -4,23 +4,52 @@
<img :src="leftImg" @click="ChangeLeft" />
</div>
<div class="leftContainer" v-if="ChartDisplay">
- <div class="current1" style="height: 27%;" id="leftCurrent1">
+ <div class="current1" id="leftCurrent1">
<div class="aside-title">鏁版嵁鐢宠娆℃暟</div>
<count-data-apply ></count-data-apply>
</div>
- <div class="current1" style="height: 27%;" id="leftCurrent2">
- <div class="aside-title">鏈嶅姟绫诲埆</div>
-
+ <div class="current1" id="leftCurrent2">
+ <div class="aside-title">鐢ㄦ埛璁块棶閲�</div>
<service-type></service-type>
</div>
- <div class="current1" style="height: 36%;" id="leftCurrent3">
- <div class="aside-title">瀛樺偍淇℃伅</div>
+ <div class="current1" id="leftCurrent3">
+ <div class="aside-title">椤圭洰瀛樺偍淇℃伅</div>
<data-storage></data-storage>
</div>
</div>
- <div class="leftContainer" v-if="ProjectreeDisplay">
- <project-tree></project-tree>
+ <!-- 鍏ㄧ悆缁熻娆℃暟 -->
+ <div class="leftContainer" v-if="GlobleChartDisplay">
+ <div class="current1" id="leftCurrent1">
+ <div class="aside-title">鏁版嵁鐢宠娆℃暟</div>
+ <count-data-apply ></count-data-apply>
+ </div>
+ <div class="current1" id="leftCurrent2">
+ <div class="aside-title">鐢ㄦ埛璁块棶閲�</div>
+ <service-type></service-type>
+ </div>
+ <div class="current1" id="leftCurrent3">
+ <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>
+ <div class="current1" id="leftCurrent2">
+ <div class="aside-title">鐢ㄦ埛璁块棶閲�</div>
+ <service-type></service-type>
+ </div>
+ <div class="current1" id="leftCurrent3">
+ <div class="aside-title">椤圭洰瀛樺偍淇℃伅</div>
+ <data-storage></data-storage>
+ </div>
+ </div>
+ <!-- <div class="leftContainer" v-if="ProjectreeDisplay">
+ <project-tree></project-tree>
+ </div> -->
</div>
</template>
<script>
@@ -40,6 +69,8 @@
leftMessage: "init",
ChartDisplay: true,
ProjectreeDisplay: false,
+ GlobleChartDisplay:false,
+ CountryChartDisplay:false,
leftImg: require("../../assets/img/Screen/rightArrow.png"),
}
},
@@ -76,6 +107,11 @@
this.leftMessage = "init"
// this.OpenLeftInitChart();
this.$parent.ChangeWidth("leftView")
+
+ this.$bus.$on("changeProject", name => {
+
+ })
+
},
//鎵撳紑宸ョ▼鏍�
OpenLeftProjectTree() {
@@ -543,14 +579,13 @@
.leftContainer {
height: 100%;
width: calc(100% - 7px);
-
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-around;
.current1 {
- height: 30%;
+ height: 32%;
width: 100%;
background: url(../../assets/img/Screen/chartbg.png);
background-size: 100% 100%;
@@ -562,7 +597,6 @@
background: url(../../assets/img/Screen/contentBg.png);
background-size: 100% 100%;
background-repeat: no-repeat;
-
}
}
}
--
Gitblit v1.9.3