suojin
/
smartpark-front
14
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

样式调整

Browse Source
dev
zhangqun 3 years ago
parent bb6aec92d7
commit 6f35a449c8
2 changed files with 46 additions and 32 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 2
      src/views/garden/generalizePatternNew.vue
  2. 76
      src/views/garden/index.vue

2
src/views/garden/generalizePatternNew.vue
Unescape View File

@ -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>

76
src/views/garden/index.vue
Unescape View File

@ -4,34 +4,37 @@
<!-- 模型承载 -->
<div id="domId"></div>
<!-- 顶部导航 -->
<div class="animated topNav flex-center-around"
: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;"
: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 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 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' : '']"
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">
: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"
: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">
<span>监控模式</span>
</div>
<!-- <div @click="topNavFun(4)" :class="[topNav==4?'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">
<span>监控模式</span>
</div>
<!-- <div @click="topNavFun(4)" :class="[topNav==4?'active':'']" class="item flex-center-center">
<img v-if="topNav==4" src="../../../public/img/top_nav4-1.png">
<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>
@ -41,15 +44,15 @@
</div>
<!-- 概况 -->
<generalizePattern ref="generalizePattern" :bimModel="bimModel" v-if="topNav==1"></generalizePattern>
<generalizePattern ref="generalizePattern" :bimModel="bimModel" v-if="topNav == 1"></generalizePattern>
<!-- 预览 -->
<browsePattern :bimModel="bimModel" v-if="topNav==2"></browsePattern>
<browsePattern :bimModel="bimModel" v-if="topNav == 2"></browsePattern>
<!-- 监控 -->
<monitoringPattern ref="monitoringPattern" @status-cut="statusCut" :bimModel="bimModel" v-if="topNav==3">
<monitoringPattern ref="monitoringPattern" @status-cut="statusCut" :bimModel="bimModel" v-if="topNav == 3">
</monitoringPattern>
<!-- 模型切换 -->
<div v-if="status&&topNav!=2" class="cut flex-center"
:style="{'top':topNav==1?'1.25rem':'1.938rem','left':topNav==1?'1.25rem':'auto','right':topNav==1?'auto':'7.625rem'}">
<div v-if="status && topNav != 2" class="cut flex-center"
:style="{ 'top': topNav == 1 ? '1.25rem' : '1.938rem', 'left': topNav == 1 ? '1.25rem' : 'auto', 'right': topNav == 1 ? 'auto' : '7.625rem' }">
<img v-if="topNav == 1" src="../../../public/img/home-view.png" alt="" style="margin-right: 20px;"
@click="goBackHome">
<!-- <img v-else src="../../../public/img/home-view.png" alt="" style="margin-right: 20px;" @click="goBackHome"> -->
@ -59,11 +62,11 @@
<div @click="selectBim(2)" :class="[bimModel==2?'active':'']" class="cut_select right"
:style="{'borderColor':topNav == 1?'rgb(16,208,164)':'#00BAFE','boxShadow':bimModel == 2&&topNav == 1?'rgb(11, 163, 166) 0px 0px 0.875rem inset':bimModel == 2&&topNav == 3?'rgb(7, 144, 235) 0px 0px 0.875rem inset':'none'}">
塔台</div> -->
<div @click="selectBim(1)" :class="[bimModel==1?'active':'']" class="cut_select left"
:style="{'borderColor':topNav == 1?'#00bbff':'#00BAFE','boxShadow':bimModel == 1&&topNav == 1?'#0790eb 0px 0px 0.875rem inset':bimModel == 1&&topNav == 3?'rgb(7, 144, 235) 0px 0px 0.875rem inset':'none'}">
<div @click="selectBim(1)" :class="[bimModel == 1 ? 'active' : '']" class="cut_select left"
:style="{ 'borderColor': topNav == 1 ? '#00bbff' : '#00BAFE', 'boxShadow': bimModel == 1 && topNav == 1 ? '#0790eb 0px 0px 0.875rem inset' : bimModel == 1 && topNav == 3 ? 'rgb(7, 144, 235) 0px 0px 0.875rem inset' : 'none' }">
业务区</div>
<div @click="selectBim(2)" :class="[bimModel==2?'active':'']" class="cut_select right"
:style="{'borderColor':topNav == 1?'#00bbff':'#00BAFE','boxShadow':bimModel == 2&&topNav == 1?'#0790eb 0px 0px 0.875rem inset':bimModel == 2&&topNav == 3?'rgb(7, 144, 235) 0px 0px 0.875rem inset':'none'}">
<div @click="selectBim(2)" :class="[bimModel == 2 ? 'active' : '']" class="cut_select right"
:style="{ 'borderColor': topNav == 1 ? '#00bbff' : '#00BAFE', 'boxShadow': bimModel == 2 && topNav == 1 ? '#0790eb 0px 0px 0.875rem inset' : bimModel == 2 && topNav == 3 ? 'rgb(7, 144, 235) 0px 0px 0.875rem inset' : 'none' }">
塔台</div>
</div>
</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;
}

Write Preview
Loading…
Cancel
Save