|
@@ -1,63 +1,61 @@
|
|
|
<template>
|
|
|
<!-- 设备设施的三级路由的tabs -->
|
|
|
<div class='dialog-container'>
|
|
|
- <Modal :show='visible' :title='`${systemName}-${dialogInfo.label}`' mode='full' @close='modalClose' @confirm='modalConfirm'>
|
|
|
- <template #content>
|
|
|
- <!-- 除了清单和原理页面,别的都有记录事项detailDialog页面 -->
|
|
|
- <div slot='title' class='header-title' v-if='Object.keys(dialogInfo).length>0'>
|
|
|
- <!-- <span class='title-name'>{{systemName}}-{{dialogInfo.label}}</span> -->
|
|
|
- <img
|
|
|
- v-if='dialogInfo.id.slice(2,4)!="QD" && dialogInfo.id.slice(2,4)!="YL" && dialogInfo.id.slice(0,4)!="GJSP"'
|
|
|
- src='../../assets/imgs/zy1.png'
|
|
|
- @click='visibalBox'
|
|
|
- alt
|
|
|
- />
|
|
|
+ <el-dialog :visible.sync='visible' :fullscreen='true'>
|
|
|
+ <!-- 除了清单和原理页面,别的都有记录事项detailDialog页面 -->
|
|
|
+ <div slot='title' class='header-title' v-if='Object.keys(dialogInfo).length>0'>
|
|
|
+ <span class='title-name'>{{systemName}}-{{dialogInfo.label}}</span>
|
|
|
+ <img
|
|
|
+ v-if='dialogInfo.id.slice(2,4)!="QD" && dialogInfo.id.slice(2,4)!="YL" && dialogInfo.id.slice(0,4)!="GJSP"'
|
|
|
+ src='../../assets/imgs/zy1.png'
|
|
|
+ @click='visibalBox'
|
|
|
+ alt
|
|
|
+ />
|
|
|
+ </div>
|
|
|
+ <!-- 没有tab的页面 -->
|
|
|
+ <div v-if='Object.keys(dialogInfo).length>0 && dialogInfo.children.length==0' style='margin:16px 24px 0 24px'>
|
|
|
+ <!-- 原理图 -->
|
|
|
+ <div v-if='dialogInfo.id.slice(2,4)=="YL"' style='width:100%;height:600px;overflow:hidden'>
|
|
|
+ <rotation :rotationImg='rotationImg'></rotation>
|
|
|
</div>
|
|
|
- <!-- 没有tab的页面 -->
|
|
|
- <div v-if='Object.keys(dialogInfo).length>0 && dialogInfo.children.length==0' style='margin:16px 24px 0 24px'>
|
|
|
- <!-- 原理图 -->
|
|
|
- <div v-if='dialogInfo.id.slice(2,4)=="YL"' style='width:100%;height:600px;overflow:hidden'>
|
|
|
- <rotation :rotationImg='rotationImg'></rotation>
|
|
|
- </div>
|
|
|
- <!-- 土建系统主要材料清单 -->
|
|
|
- <tj-table v-else-if='dialogInfo.id.slice(0,4)=="TJQD"' :param='param'></tj-table>
|
|
|
- <!-- 主要设备清单 标准设备表格 -->
|
|
|
- <standTable v-else-if='dialogInfo.id.slice(2,4)=="QD"' :param='param' :major='dialogInfo.id'></standTable>
|
|
|
- <!-- 电井商铺范围清单 -->
|
|
|
- <djsp-table v-else-if='dialogInfo.id.slice(0,4)=="GJSP"'></djsp-table>
|
|
|
- <!-- 查看图纸 -->
|
|
|
- <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;'>
|
|
|
- <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'
|
|
|
- :key='"u"+index'
|
|
|
- :label='`${value.label}`'
|
|
|
- :name='`${value.param.tab_code}`'
|
|
|
- @click='tabClick(value)'
|
|
|
- >
|
|
|
- <!-- 有tab的原理图 -->
|
|
|
- <div v-if='value.id.slice(2,4)=="YL"' style='width:100%;height:600px;overflow:hidden'>
|
|
|
- <rotation :rotationImg='rotationImg'></rotation>
|
|
|
- </div>
|
|
|
- <!-- 主要设备清单 标准设备表格加tab -->
|
|
|
- <tableList v-else-if='value.id.slice(0,4)=="RDQD"' :param='param' ref='list1' major='弱电'></tableList>
|
|
|
- <tableList v-else-if='value.id.slice(0,4)=="NTQD"' :param='param' ref='list2' major='暖通'></tableList>
|
|
|
- <!-- 维保表格 -->
|
|
|
- <wb-table v-else-if='value.id.slice(2,4)=="WB"' :smsxt='smsxt' :major='dialogInfo.id'></wb-table>
|
|
|
- <!-- 维修的表格 -->
|
|
|
- <wx-table v-else-if='value.id.slice(2,4)=="WX"' :smsxt='smsxt' :major='dialogInfo.id'></wx-table>
|
|
|
- <!-- 专维 -->
|
|
|
- <zw-table v-else-if='value.id.slice(2,4)=="ZW"' :smsxt='smsxt' :major='dialogInfo.id'></zw-table>
|
|
|
- <!-- 其他 -->
|
|
|
- <other-table v-else-if='value.id.slice(2,4)=="QT"' :smsxt='smsxt' :major='dialogInfo.id'></other-table>
|
|
|
- </el-tab-pane>
|
|
|
- </el-tabs>
|
|
|
- </div>
|
|
|
- </template>
|
|
|
- </Modal>
|
|
|
+ <!-- 土建系统主要材料清单 -->
|
|
|
+ <tj-table v-else-if='dialogInfo.id.slice(0,4)=="TJQD"' :param='param'></tj-table>
|
|
|
+ <!-- 主要设备清单 标准设备表格 -->
|
|
|
+ <standTable v-else-if='dialogInfo.id.slice(2,4)=="QD"' :param='param' :major='dialogInfo.id'></standTable>
|
|
|
+ <!-- 电井商铺范围清单 -->
|
|
|
+ <djsp-table v-else-if='dialogInfo.id.slice(0,4)=="GJSP"'></djsp-table>
|
|
|
+ <!-- 查看图纸 -->
|
|
|
+ <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;'>
|
|
|
+ <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'
|
|
|
+ :key='"u"+index'
|
|
|
+ :label='`${value.label}`'
|
|
|
+ :name='`${value.param.tab_code}`'
|
|
|
+ @click='tabClick(value)'
|
|
|
+ >
|
|
|
+ <!-- 有tab的原理图 -->
|
|
|
+ <div v-if='value.id.slice(2,4)=="YL"' style='width:100%;height:600px;overflow:hidden'>
|
|
|
+ <rotation :rotationImg='rotationImg'></rotation>
|
|
|
+ </div>
|
|
|
+ <!-- 主要设备清单 标准设备表格加tab -->
|
|
|
+ <tableList v-else-if='value.id.slice(0,4)=="RDQD"' :param='param' ref='list1' major='弱电'></tableList>
|
|
|
+ <tableList v-else-if='value.id.slice(0,4)=="NTQD"' :param='param' ref='list2' major='暖通'></tableList>
|
|
|
+ <!-- 维保表格 -->
|
|
|
+ <wb-table v-else-if='value.id.slice(2,4)=="WB"' :smsxt='smsxt' :major='dialogInfo.id'></wb-table>
|
|
|
+ <!-- 维修的表格 -->
|
|
|
+ <wx-table v-else-if='value.id.slice(2,4)=="WX"' :smsxt='smsxt' :major='dialogInfo.id'></wx-table>
|
|
|
+ <!-- 专维 -->
|
|
|
+ <zw-table v-else-if='value.id.slice(2,4)=="ZW"' :smsxt='smsxt' :major='dialogInfo.id'></zw-table>
|
|
|
+ <!-- 其他 -->
|
|
|
+ <other-table v-else-if='value.id.slice(2,4)=="QT"' :smsxt='smsxt' :major='dialogInfo.id'></other-table>
|
|
|
+ </el-tab-pane>
|
|
|
+ </el-tabs>
|
|
|
+ </div>
|
|
|
+ </el-dialog>
|
|
|
<!--记录表格 -->
|
|
|
<record-dialog ref='Dialog'></record-dialog>
|
|
|
</div>
|
|
@@ -118,7 +116,7 @@ export default {
|
|
|
this.param = this.activeName
|
|
|
},
|
|
|
//点击tab函数
|
|
|
- handleClick(tab, event) {
|
|
|
+ handleClick(tab) {
|
|
|
console.log(tab.index)
|
|
|
if (this.param) {
|
|
|
this.param = tab.name
|
|
@@ -130,7 +128,9 @@ export default {
|
|
|
if (this.dialogInfo.children.length > 0) {
|
|
|
this.typecode = this.dialogInfo.children[`${tab.index}`].param.type_code
|
|
|
}
|
|
|
- this.initImage(this.typecode)
|
|
|
+ if (this.dialogInfo.children[0].id.slice(2, 4) == 'YL') {
|
|
|
+ this.initImage(this.typecode)
|
|
|
+ }
|
|
|
},
|
|
|
tabClick(value) {
|
|
|
console.log(value, '-----.')
|
|
@@ -159,13 +159,19 @@ export default {
|
|
|
}
|
|
|
let postParams = []
|
|
|
if (this.dialogInfo.children.length == 0) {
|
|
|
- postParams[0].params.tyepcode = this.dialogInfo.param.type_code
|
|
|
- postParams[0].tableName = 'v_glsms_confrguring'
|
|
|
+ postParams.push({
|
|
|
+ params: {
|
|
|
+ tyepcode: this.dialogInfo.param.type_code
|
|
|
+ },
|
|
|
+ tableName: 'glsms_proimgup'
|
|
|
+ })
|
|
|
} else {
|
|
|
this.dialogInfo.children.forEach(el => {
|
|
|
postParams.push({
|
|
|
- 'params.tyepcode': el.param.type_code,
|
|
|
- tableName: 'v_glsms_confrguring'
|
|
|
+ params: {
|
|
|
+ tyepcode: el.param.type_code
|
|
|
+ },
|
|
|
+ tableName: 'glsms_proimgup'
|
|
|
})
|
|
|
})
|
|
|
}
|
|
@@ -185,11 +191,6 @@ export default {
|
|
|
color: #000;
|
|
|
font-weight: bold;
|
|
|
}
|
|
|
- .header-title {
|
|
|
- position: absolute;
|
|
|
- top: 15px;
|
|
|
- left: 220px;
|
|
|
- }
|
|
|
}
|
|
|
.top {
|
|
|
width: 1366px;
|
|
@@ -249,8 +250,5 @@ export default {
|
|
|
color: #025baa;
|
|
|
border-color: #025baa;
|
|
|
}
|
|
|
- .p-modal-content {
|
|
|
- overflow-y: hidden;
|
|
|
- }
|
|
|
}
|
|
|
</style>
|