|
@@ -7,13 +7,16 @@
|
|
|
<div class='compute-box'>
|
|
|
<el-dialog :title='`${systemName}`||"机房"' :visible.sync='visible' :fullscreen='true'>
|
|
|
<div class='compute-span'></div>
|
|
|
- <div class='compute-zf' @click='jumpFloor'></div>
|
|
|
+ <el-tooltip class='item' effect='dark' :content='content' placement='top'>
|
|
|
+ <div class='compute-zf' @click='jumpFloor'></div>
|
|
|
+ </el-tooltip>
|
|
|
+
|
|
|
<div class='compute-tab'>
|
|
|
<el-tabs v-model='activeName' @tab-click='handleClick'>
|
|
|
- <el-tab-pane label='机房布置图' name='1'>
|
|
|
+ <el-tab-pane label='机房布置图' name='1' v-if='tableImg.length>0'>
|
|
|
<room-table1 v-if='tableImg.length>=0' :tableImg='tableImg'></room-table1>
|
|
|
</el-tab-pane>
|
|
|
- <el-tab-pane label='配电室低压柜及出线明细表' name='2'>
|
|
|
+ <el-tab-pane label='配电室低压柜及出线明细表' name='2' v-if='systemName=="配电室机房"'>
|
|
|
<div class='compute-center'>
|
|
|
<Select
|
|
|
width='200'
|
|
@@ -407,11 +410,11 @@ import roomTable4 from './room4'
|
|
|
import roomTable5 from './room5'
|
|
|
import { mapGetters } from 'vuex'
|
|
|
import { querySelect, queryPic } from '@/api/public.js'
|
|
|
-import InputDialog from './inputDialog'
|
|
|
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
|
+ content: '',
|
|
|
activeName: '1',
|
|
|
visible: false,
|
|
|
dialogFormVisible: false,
|
|
@@ -494,11 +497,10 @@ export default {
|
|
|
roomTable2,
|
|
|
roomTable3,
|
|
|
roomTable4,
|
|
|
- roomTable5,
|
|
|
- InputDialog
|
|
|
+ roomTable5
|
|
|
},
|
|
|
computed: {
|
|
|
- ...mapGetters(['floorSelect'])
|
|
|
+ ...mapGetters(['floorSelect', 'plazaId'])
|
|
|
},
|
|
|
methods: {
|
|
|
handleClick(tab) {
|
|
@@ -515,6 +517,7 @@ export default {
|
|
|
this.changeSelect()
|
|
|
}
|
|
|
},
|
|
|
+ // 右上角的筛选点击按钮
|
|
|
show() {
|
|
|
this.dialogFormVisible = !this.dialogFormVisible
|
|
|
},
|
|
@@ -525,8 +528,7 @@ export default {
|
|
|
location: '1809',
|
|
|
module: '1002',
|
|
|
system: '1002',
|
|
|
- // floor: this.picFloor,
|
|
|
- plazaId: this.$store.state.plazaId
|
|
|
+ plazaId: this.plazaId
|
|
|
}
|
|
|
queryPic({ getParams }).then(res => {
|
|
|
//console.log('机房布置图', res)
|
|
@@ -537,7 +539,7 @@ export default {
|
|
|
Index1() {
|
|
|
let getParams = {
|
|
|
location: '1890',
|
|
|
- plazaId: this.$store.state.plazaId,
|
|
|
+ plazaId: this.plazaId,
|
|
|
page: this.page1,
|
|
|
size: this.size1
|
|
|
}
|
|
@@ -586,7 +588,7 @@ export default {
|
|
|
let postParams = {}
|
|
|
let data = {
|
|
|
location: '1890',
|
|
|
- plazaId: this.$store.state.plazaId,
|
|
|
+ plazaId: this.plazaId,
|
|
|
page: this.page2,
|
|
|
size: this.size2
|
|
|
}
|
|
@@ -615,7 +617,7 @@ export default {
|
|
|
data.floor = this.floorChange
|
|
|
}
|
|
|
queryHxsb({ data, postParams }).then(res => {
|
|
|
- //console.log('核心设备', res)
|
|
|
+ // console.log('核心设备', res)
|
|
|
this.loading2 = false
|
|
|
this.total2 = res.data.count
|
|
|
this.table3 = res.data.data ? res.data.data : []
|
|
@@ -637,12 +639,12 @@ export default {
|
|
|
this.page4 = val
|
|
|
this.Index4()
|
|
|
},
|
|
|
- // 维修
|
|
|
+ // 机房维修记录
|
|
|
Index3() {
|
|
|
let getParams = {
|
|
|
location: '1890',
|
|
|
// plazaId: '1001145',
|
|
|
- plazaId: this.$store.state.plazaId,
|
|
|
+ plazaId: this.plazaId,
|
|
|
page: this.page3,
|
|
|
size: this.size3,
|
|
|
orderBy: 'sjjssj,0;location,1'
|
|
@@ -685,26 +687,12 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
- changeIndex3(val) {
|
|
|
- if (val.type == 'wx') {
|
|
|
- if (val.msInput4) {
|
|
|
- this.msInput4 = val.msInput4
|
|
|
- }
|
|
|
- if (val.zysxInput4) {
|
|
|
- this.zysxInput4 = val.zysxInput4
|
|
|
- }
|
|
|
- if (val.gdbhInput4) {
|
|
|
- this.gdbhInput4 = val.gdbhInput4
|
|
|
- }
|
|
|
- this.Index3()
|
|
|
- }
|
|
|
- },
|
|
|
- // 维保
|
|
|
+ // 机房维保记录
|
|
|
Index4() {
|
|
|
let postParams = {}
|
|
|
let data = {
|
|
|
location: '1890',
|
|
|
- plazaId: this.$store.state.plazaId,
|
|
|
+ plazaId: this.plazaId,
|
|
|
page: this.page4,
|
|
|
size: this.size4,
|
|
|
orderBy: 'wb_gzglid,0;assetnum,1;reportedby,0;'
|
|
@@ -780,6 +768,7 @@ export default {
|
|
|
confirm2() {
|
|
|
this.Index4()
|
|
|
},
|
|
|
+ // 下拉框数据
|
|
|
changeSelect() {
|
|
|
this.department = []
|
|
|
let postParams = [
|
|
@@ -789,7 +778,7 @@ export default {
|
|
|
}
|
|
|
]
|
|
|
let data = {
|
|
|
- plazaId: this.$store.state.plazaId
|
|
|
+ plazaId: this.plazaId
|
|
|
}
|
|
|
querySelect({ data, postParams }).then(res => {
|
|
|
//console.log('下拉框', res)
|
|
@@ -818,23 +807,32 @@ export default {
|
|
|
}
|
|
|
})
|
|
|
},
|
|
|
+ // 查询楼层功能下的机房属于哪类设备
|
|
|
init() {
|
|
|
this.smsxtArr = []
|
|
|
let params = {
|
|
|
getParams: {
|
|
|
locationid: '5209',
|
|
|
- plazaId: this.$store.state.plazaId
|
|
|
+ plazaId: this.plazaId
|
|
|
}
|
|
|
}
|
|
|
querySystem(params).then(res => {
|
|
|
- //console.log('系统', res.data[0])
|
|
|
this.smsxtArr = res.data[0]
|
|
|
+ this.content = `查看${this.$cookie.get('floorNow')}层${this.smsxtArr.smsxtname}分布图`
|
|
|
})
|
|
|
},
|
|
|
+ // 打开机房弹框
|
|
|
open(name) {
|
|
|
this.visible = true
|
|
|
- this.systemName = name
|
|
|
+ this.systemName = name.name
|
|
|
+ if (name.type == 'floor') {
|
|
|
+ this.init()
|
|
|
+ } else if (name.type == 'system') {
|
|
|
+ let floor = this.$cookie.get('floorNow')
|
|
|
+ this.content = `查看${floor}层楼层功能图`
|
|
|
+ }
|
|
|
},
|
|
|
+ // 机房右上角的跳转 如果是在楼层功能打开的机房则要跳转到设备设施对应的系统\楼层 反之亦然
|
|
|
jumpFloor() {
|
|
|
if (location.pathname.split('/')[3] == 'equipment') {
|
|
|
this.$router.push({ path: '/home/floorFunc' })
|
|
@@ -844,10 +842,8 @@ export default {
|
|
|
}
|
|
|
},
|
|
|
mounted() {
|
|
|
- this.init()
|
|
|
this.Index()
|
|
|
- },
|
|
|
- watch: {}
|
|
|
+ }
|
|
|
}
|
|
|
</script>
|
|
|
<style lang="less" scoped>
|