样式调整

src/views/garden/generalizePatternNew.vue

@@ -19,7 +19,7 @@
       :style="{ top: '0.47rem' }">
       <div class="dateType">{{ isHolidays ? '节假日' : '工作日' }}</div>
       <div class="weather flex-center" style="margin-left: 0.29rem">
-        运行状态：<span style="color: #07E6ED;">{{ (reportFangyi.status == 2 ? '分区域运行' : reportFangyi.status == 2 ? '封闭运行' :
+        运行状态：<span style="color: #07E6ED;">{{ (reportFangyi.status == 2 ? '分区域运行' : reportFangyi.status == 1 ? '封闭运行' :
             '正常')
         }}</span>
       </div>

src/views/garden/index.vue

@@ -4,24 +4,26 @@
 			<!-- 模型承载 -->
 			<div id="domId"></div>
 			<!-- 顶部导航 -->
-			<div class="animated topNav flex-center-around"
+			<div class="animated topNav flex-center"
 				:style="{ 'height': topNavHeight + 'rem', 'background-image': topNav == 1 ? 'url(' + topbg1 + ')' : 'url(' + topbg1 + ')' }">
 				<div class="topNav1" v-if="isActive" :class="[isActive ? 'fadeInDown' : 'fadeOutUp']">
-					<div @click="topNavFun(1)" :class="[topNav==1?'active':'']" class="item flex-center-center"
-						style="margin-left: 8px;"
+					<div class="flex-center">
+						<div @click="topNavFun(1)" :class="[topNav == 1 ? 'active' : '']"
+							class="item flex-center-center" style="margin-right: 32px;"
 							:style="{ 'border-color': topNav == 1 ? '#00bbff' : '#00bbff', 'box-shadow': topNav == 1 ? '#0790eb 0px 0px 0.875rem inset' : '' }">
 							<img v-if="topNav == 1" src="../../../public/img/top_nav1-1.png">
 							<img v-else src="../../../public/img/top_nav1.png">
 							<span>概况模式</span>
 						</div>
-					<div v-if="bimModel==1" @click="topNavFun(2)" :class="[topNav==2?'active':'']"
+						<!-- <div v-if="bimModel == 1" @click="topNavFun(2)" :class="[topNav == 2 ? 'active' : '']"
 						class="item flex-center-center"
 						:style="{ 'border-color': topNav == 1 ? '#00bbff' : '#00bbff', 'box-shadow': topNav == 2 ? '#0790eb 0px 0px 0.875rem inset' : '' }">
 						<img v-if="topNav == 2" src="../../../public/img/top_nav2-1.png">
 						<img v-else src="../../../public/img/top_nav2.png">
 						<span>导览模式</span>
-					</div>
-					<div @click="topNavFun(3)" :class="[topNav==3?'active':'']" class="item flex-center-center"
+					</div> -->
+						<div @click="topNavFun(3)" :class="[topNav == 3 ? 'active' : '']"
+							class="item flex-center-center"
 							:style="{ 'border-color': topNav == 1 ? '#00bbff' : '#00bbff', 'box-shadow': topNav == 3 ? '#0790eb 0px 0px 0.875rem inset' : '' }">
 							<img v-if="topNav == 3" src="../../../public/img/top_nav3-1.png">
 							<img v-else src="../../../public/img/top_nav3.png">
@@ -32,6 +34,7 @@
 						<img v-else src="../../../public/img/top_nav4.png">
 						<span>添加模型</span>
 					</div> -->
+					</div>
 					<!-- 顶部隐藏显示导航按钮 -->
 					<img @click="cutTopNav" class="navStateImg1" src="../../../public/img/top_navIcon.png">
 				</div>
@@ -161,6 +164,16 @@ export default {
 				}
 
 			}
+		},
+		"$store.state.bfHelperState.bfState": {
+			immediate: true,
+			handler(newval, olval) {
+				if (newval) {
+					document.querySelector(".bf-house").style.zIndex = "100";
+					document.querySelector(".bf-menu").style.zIndex = "100";
+					// this.$refs.monitoringPattern.clickMenu(1, '电', true);
+				}
+			},
 		}
 	},
 	created() {
@@ -377,12 +390,13 @@ export default {
 			// height: 3.575rem;
 			// background: url(../../../public/img/top_navBg.png);
 			background-size: 100% 100%;
+			padding: 0 32px;
 
 			.topNav1 {
 				display: flex;
 				align-items: center;
 				justify-content: space-between;
-				width: 90%;
+				width: 100%;
 				height: 3rem;
 			}