|
@@ -2,17 +2,27 @@
|
|
|
<!-- 设备设施的三级路由的tabs -->
|
|
|
<div class='dialog-container'>
|
|
|
<el-dialog :title='`${systemName}-${dialogInfo.label}`' :visible.sync='visible' :fullscreen='true'>
|
|
|
- <div class='top'></div>
|
|
|
+ <!-- 除了清单和原理页面,别的都有记录事项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"' src='../../assets/imgs/zy1.png' @click='visibalBox' alt />
|
|
|
+ </div>
|
|
|
+ <!-- 没有tab的页面 -->
|
|
|
<div v-if='Object.keys(dialogInfo).length>0 && dialogInfo.children.length==0'>
|
|
|
+ <!-- 原理图 -->
|
|
|
<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' major='土建'></tj-table>
|
|
|
+ <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>
|
|
|
<el-tabs v-model='activeName' @tab-click='handleClick' v-if='Object.keys(dialogInfo).length>0 && dialogInfo.children.length>0'>
|
|
|
<el-tab-pane
|
|
@@ -21,23 +31,29 @@
|
|
|
:label='`${value.label}`'
|
|
|
:name='`${value.param.tab_code}`'
|
|
|
>
|
|
|
+ <!-- 有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"' param major='维保' :systemName='systemName'></wb-table>
|
|
|
- <wb-table v-else-if='value.id.slice(2,4)=="WX"' param major='维修' :systemName='systemName'></wb-table>
|
|
|
+ <!-- 维保表格 -->
|
|
|
+ <wb-table v-else-if='value.id.slice(2,4)=="WB"' :smsxt='smsxt' major='维保'></wb-table>
|
|
|
+ <!-- 维修的表格 -->
|
|
|
+ <wx-table v-else-if='value.id.slice(2,4)=="WX"' :smsxt='smsxt' major='维修'></wx-table>
|
|
|
<!-- 专维 -->
|
|
|
<zw-table v-else-if='value.id.slice(2,4)=="ZW"' param major='专维'></zw-table>
|
|
|
<!-- 其他 -->
|
|
|
<other-table v-else-if='value.id.slice(2,4)=="QT"' param major='其他'></other-table>
|
|
|
+ <!-- 建筑立面图 -->
|
|
|
+ <tj-build-table v-else-if='value.id.slice(0,4)=="TJLM"'></tj-build-table>
|
|
|
</el-tab-pane>
|
|
|
</el-tabs>
|
|
|
</div>
|
|
|
</el-dialog>
|
|
|
+ <!--记录表格 -->
|
|
|
+ <record-dialog ref='Dialog'></record-dialog>
|
|
|
</div>
|
|
|
</template>
|
|
|
<script>
|
|
@@ -48,8 +64,11 @@ import zwTable from './table/zwTable'
|
|
|
import lookPage from './table/lookPageTable'
|
|
|
import standTable from './table/standTable'
|
|
|
import otherTable from './table/otherTable'
|
|
|
+import wxTable from './table/wxTable'
|
|
|
+import recordDialog from './table/recordDialog'
|
|
|
+import djspTable from './table/djspTable'
|
|
|
export default {
|
|
|
- props: ['systemName'],
|
|
|
+ props: ['systemName', 'smsxt'],
|
|
|
data() {
|
|
|
return {
|
|
|
activeName: '',
|
|
@@ -60,7 +79,7 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
mounted() {},
|
|
|
- components: { tableList, tjTable, wbTable, zwTable, lookPage, standTable, otherTable },
|
|
|
+ components: { tableList, tjTable, wbTable, zwTable, lookPage, standTable, otherTable, wxTable, recordDialog, djspTable },
|
|
|
methods: {
|
|
|
showModal(item) {
|
|
|
this.visible = true
|
|
@@ -75,11 +94,23 @@ export default {
|
|
|
handleClick(tab) {
|
|
|
this.param = tab.name
|
|
|
this.activeName = tab.name
|
|
|
+ },
|
|
|
+ visibalBox() {
|
|
|
+ this.$refs.Dialog.open()
|
|
|
}
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
<style lang="less" scoped>
|
|
|
+.dialog-container {
|
|
|
+ .title-name {
|
|
|
+ font-size: 16px;
|
|
|
+ padding-right: 6px;
|
|
|
+ color: #000;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
+}
|
|
|
+
|
|
|
.top {
|
|
|
width: 1366px;
|
|
|
height: 1px;
|