|
@@ -13,7 +13,7 @@
|
|
|
/>
|
|
|
</div>
|
|
|
<!-- 没有tab的页面 -->
|
|
|
- <div v-if='Object.keys(dialogInfo).length>0 && dialogInfo.children.length==0' style='margin:16px 24px 0 24px'>
|
|
|
+ <div v-if='Object.keys(dialogInfo).length>0 && dialogInfo.children.length==0' style='margin:16px 0 0 24px'>
|
|
|
<!-- 原理图 -->
|
|
|
<div v-if='dialogInfo.id.slice(2,4)=="YL"' style='width:90%;overflow:hidden'>
|
|
|
<rotation :rotationImg='rotationImg'></rotation>
|
|
@@ -29,7 +29,7 @@
|
|
|
<look-page v-else-if='dialogInfo.id.slice(2,4)=="TZ"' param major></look-page>
|
|
|
</div>
|
|
|
<!-- 有tab的页面 -->
|
|
|
- <div v-else style='margin:16px 24px 0 24px;'>
|
|
|
+ <div v-else style='margin:16px 0 0 24px;height:100%;'>
|
|
|
<el-tabs v-model='activeName' @tab-click='handleClick' v-if='Object.keys(dialogInfo).length>0 && dialogInfo.children.length>0'>
|
|
|
<el-tab-pane
|
|
|
v-for='(value,index) in dialogInfo.children'
|
|
@@ -72,7 +72,7 @@
|
|
|
:name='`${value.param.type_code}`'
|
|
|
v-if='value.id.slice(2,4)=="YL" && value.param.type_code.slice(0,3)=="FBT"'
|
|
|
>
|
|
|
- <fenbuPic ref='fenbutu' @openFloorMap='openFloor' :typecode='value.param.type_code'></fenbuPic>
|
|
|
+ <fenbuPic ref='fenbutu' :typecode='value.param.type_code'></fenbuPic>
|
|
|
</el-tab-pane>
|
|
|
</template>
|
|
|
</template>
|
|
@@ -117,7 +117,6 @@ export default {
|
|
|
methods: {
|
|
|
//打开弹窗
|
|
|
showModal(item) {
|
|
|
- console.log(item)
|
|
|
this.visible = true
|
|
|
this.dialogInfo = item
|
|
|
if (Object.keys(this.dialogInfo).length > 0 && this.dialogInfo.children.length > 0) {
|
|
@@ -138,7 +137,6 @@ export default {
|
|
|
this.initImage(this.typecode)
|
|
|
}
|
|
|
}
|
|
|
- //console.log(this.dialogInfo)
|
|
|
this.param = this.activeName
|
|
|
},
|
|
|
//点击tab函数
|
|
@@ -157,17 +155,14 @@ export default {
|
|
|
if (this.dialogInfo.children[0].id.slice(2, 4) == 'YL' && this.typecode.slice(0, 3) != 'FBT') {
|
|
|
this.initImage(this.typecode)
|
|
|
}
|
|
|
- if (this.typecode.slice(0, 3) == 'FBT') {
|
|
|
- this.openFloor()
|
|
|
+ if (this.dialogInfo.children[0].id.slice(2, 4) == 'YL' && this.typecode.slice(0, 3) == 'FBT') {
|
|
|
+ this.$nextTick(() => {
|
|
|
+ this.$refs.fenbutu[0] && this.$refs.fenbutu[0].openFloorMap()
|
|
|
+ })
|
|
|
}
|
|
|
-
|
|
|
this.tabLabel = tab.label
|
|
|
},
|
|
|
- // 打开底图
|
|
|
- openFloor() {
|
|
|
- console.log(';wwwww')
|
|
|
- this.$emit('openFloorMap')
|
|
|
- },
|
|
|
+
|
|
|
visibalBox() {
|
|
|
this.$refs.Dialog.open(this.dialogInfo.id)
|
|
|
},
|
|
@@ -208,7 +203,6 @@ export default {
|
|
|
if (this.systemName == '供电系统') {
|
|
|
getParams.system = '1001'
|
|
|
}
|
|
|
- console.log(getParams)
|
|
|
queryPic({ getParams }).then(res => {
|
|
|
this.rotationImg = res.data || []
|
|
|
})
|
|
@@ -244,7 +238,6 @@ export default {
|
|
|
}
|
|
|
queryTab({ data, postParams }).then(res => {
|
|
|
this.tabCount = []
|
|
|
- console.log('res', res)
|
|
|
let data = res.data.data || []
|
|
|
data.forEach(el => {
|
|
|
this.tabCount.push({
|
|
@@ -306,6 +299,10 @@ export default {
|
|
|
.el-tabs__nav-wrap::after {
|
|
|
height: 0;
|
|
|
}
|
|
|
+ .el-tabs,
|
|
|
+ .el-tabs__content {
|
|
|
+ height: calc(100% - 45px);
|
|
|
+ }
|
|
|
.el-tabs__item {
|
|
|
padding: 5px 16px;
|
|
|
height: 30px;
|
|
@@ -316,12 +313,9 @@ export default {
|
|
|
border: 1px solid rgba(195, 199, 203, 1);
|
|
|
}
|
|
|
.el-tab-pane {
|
|
|
- height: 60% !important;
|
|
|
- }
|
|
|
- .el-tabs,
|
|
|
- .el-tabs__content {
|
|
|
- height: 700px;
|
|
|
+ height: 100% !important;
|
|
|
}
|
|
|
+
|
|
|
.el-tabs__active-bar {
|
|
|
background-color: transparent !important;
|
|
|
}
|
|
@@ -378,4 +372,11 @@ export default {
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
+@media screen and (max-width: 1366px) {
|
|
|
+ /*当屏幕尺寸小于1366px时,应用下面的CSS样式*/
|
|
|
+ .el-tabs,
|
|
|
+ .el-tabs__content {
|
|
|
+ height: 700px;
|
|
|
+ }
|
|
|
+}
|
|
|
</style>
|