|
@@ -8,7 +8,7 @@
|
|
<div class='legend-container'>
|
|
<div class='legend-container'>
|
|
<div :class='showView===1?"legend2":"legend"' @click='showTl' v-if='(type==1 || floors.length>0)&& isMessage && legendTable.length>0 '>图例</div>
|
|
<div :class='showView===1?"legend2":"legend"' @click='showTl' v-if='(type==1 || floors.length>0)&& isMessage && legendTable.length>0 '>图例</div>
|
|
<!-- 图里展示状态组件 -->
|
|
<!-- 图里展示状态组件 -->
|
|
- <el-collapse-transition v-if='(type==1 || floors.length>0)&& isMessage && legendTable.length>0 '>
|
|
|
|
|
|
+ <el-collapse-transition v-if='(type==1 || floors.length>0)&& isMessage && legendTable.length>0'>
|
|
<div class='legend-tab' v-if='showView===1'>
|
|
<div class='legend-tab' v-if='showView===1'>
|
|
<div class='legend-table2' v-if='systemName=="土建装饰"'>
|
|
<div class='legend-table2' v-if='systemName=="土建装饰"'>
|
|
<lengend-view @changeSwitch='handleSwich' :remarksText='remarksText' ref='viewLengend' :systemName='systemName'></lengend-view>
|
|
<lengend-view @changeSwitch='handleSwich' :remarksText='remarksText' ref='viewLengend' :systemName='systemName'></lengend-view>
|
|
@@ -512,6 +512,17 @@ export default {
|
|
console.log(remarksText)
|
|
console.log(remarksText)
|
|
this.$store.commit('SETREMARKSTEXT', remarksText)
|
|
this.$store.commit('SETREMARKSTEXT', remarksText)
|
|
})
|
|
})
|
|
|
|
+ },
|
|
|
|
+ // 设置图例整体高度
|
|
|
|
+ setLengedHeight(){
|
|
|
|
+ let dom = document.getElementsByClassName('legend-table')[0];
|
|
|
|
+ console.log('asdfasfd',window.screen.height,window.screen.width)
|
|
|
|
+ if(window.screen.height>1000){
|
|
|
|
+ dom.style.maxHeight="768px"
|
|
|
|
+ }else{
|
|
|
|
+ dom.style.maxHeight="534px"
|
|
|
|
+ }
|
|
|
|
+
|
|
}
|
|
}
|
|
},
|
|
},
|
|
mounted() {
|
|
mounted() {
|
|
@@ -529,7 +540,8 @@ export default {
|
|
this.$once('hook:beforeDestroy', () => {
|
|
this.$once('hook:beforeDestroy', () => {
|
|
clearInterval(this.timer)
|
|
clearInterval(this.timer)
|
|
})
|
|
})
|
|
-
|
|
|
|
|
|
+ // 设置图例最大高度
|
|
|
|
+ this.setLengedHeight()
|
|
}
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
</script>
|
|
@@ -571,7 +583,7 @@ export default {
|
|
right: 47px;
|
|
right: 47px;
|
|
.legend-table {
|
|
.legend-table {
|
|
padding: 16px;
|
|
padding: 16px;
|
|
- height: 460px;
|
|
|
|
|
|
+ // max-height: 768px;
|
|
width: 385px;
|
|
width: 385px;
|
|
// width: 420px;
|
|
// width: 420px;
|
|
overflow: auto;
|
|
overflow: auto;
|