|
|
|
|
@ -280,12 +280,16 @@ |
|
|
|
|
<!-- 设备列表 --> |
|
|
|
|
<div class="tab" :class="bimModel == 2 ? 'tataigen' : ''"> |
|
|
|
|
<div class="title flex-center"> |
|
|
|
|
<img src="../../../public/img/monitoring/electricity/listIcon3.png" /> |
|
|
|
|
<span id="eletric_box">设备列表</span> |
|
|
|
|
<div style="display:flex"> |
|
|
|
|
<img src="../../../public/img/monitoring/electricity/listIcon3.png" /> |
|
|
|
|
<span >设备列表</span> |
|
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
<div class="more_btn" style="margin-right:34px;cursor: pointer;" @click="clickMore">更多</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="tabBox"> |
|
|
|
|
<el-table @row-click="tableClick" :data="tableData" style="width: 100%" |
|
|
|
|
:class="bimModel == 2 ? 'tataitab' : ''"> |
|
|
|
|
<div class="tabBox" id="eletric_box"> |
|
|
|
|
<el-table @row-click="tableClick" :data="tableData" style="width: 100%" @row-contextmenu="tableContext" |
|
|
|
|
:class="bimModel == 2 ? 'tataitab' : ''" > |
|
|
|
|
<el-table-column label="电表名称" width="130"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
<div class="flex-center dev_name"> |
|
|
|
|
@ -344,6 +348,42 @@ |
|
|
|
|
</el-pagination> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<el-dialog |
|
|
|
|
title="设备详情" |
|
|
|
|
:visible.sync="dialogVisible" |
|
|
|
|
width="30%" |
|
|
|
|
:append-to-body="true" |
|
|
|
|
:before-close="handleClose"> |
|
|
|
|
<span>设备类型：电力</span> |
|
|
|
|
<div> |
|
|
|
|
<div class="title" style="font-size: 18px;padding-bottom: 10px;border-bottom: 1px dashed;margin-top: 10px;">通讯地址</div> |
|
|
|
|
<span style="display: inline-block;width: 33%;margin: 10px 0;">IP地址：192.168.20.101</span> |
|
|
|
|
<span style="display: inline-block;width: 33%;margin: 10px 0;">端口号：502</span> |
|
|
|
|
<span style="display: inline-block;width: 33%;margin: 10px 0;">数据偏移量：12</span> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<div class="title" style="font-size: 18px;padding-bottom: 10px;border-bottom: 1px dashed;margin-top: 10px;">设备编码</div> |
|
|
|
|
<span style="display: inline-block;width: 33%;margin: 10px 0;">模型：业务区</span> |
|
|
|
|
<span style="display: inline-block;width: 33%;margin: 10px 0;">楼栋：1号楼</span> |
|
|
|
|
<span style="display: inline-block;width: 33%;margin: 10px 0;">楼层：01</span> |
|
|
|
|
</div> |
|
|
|
|
<div> |
|
|
|
|
<div class="title" style="font-size: 18px;padding-bottom: 10px;border-bottom: 1px dashed;margin-top: 10px;">基础配置</div> |
|
|
|
|
<span style="display: inline-block;width: 33%;margin: 10px 0;">编码：10100000001</span> |
|
|
|
|
<span style="display: inline-block;width: 33%;margin: 10px 0;">名称：1号楼B1</span> |
|
|
|
|
<span style="display: inline-block;width: 33%;margin: 10px 0;">简称：净水器</span> |
|
|
|
|
<span style="display: inline-block;width: 33%;margin: 10px 0;">使用时间：净水器</span> |
|
|
|
|
<span style="display: inline-block;width: 33%;margin: 10px 0;">具体位置：WH2</span> |
|
|
|
|
<span style="display: inline-block;width: 33%;margin: 10px 0;">固定资产编号：</span> |
|
|
|
|
<span style="display: inline-block;width: 33%;margin: 10px 0;">维保人：</span> |
|
|
|
|
<span style="display: inline-block;width: 33%;margin: 10px 0;">维保电话：</span> |
|
|
|
|
<span style="display: inline-block;width: 33%;margin: 10px 0;">维保时间：</span> |
|
|
|
|
</div> |
|
|
|
|
<span slot="footer" class="dialog-footer"> |
|
|
|
|
<el-button @click="dialogVisible = false">取 消</el-button> |
|
|
|
|
<el-button type="primary" @click="dialogVisible = false">确 定</el-button> |
|
|
|
|
</span> |
|
|
|
|
</el-dialog> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
|
|
|
|
|
@ -412,6 +452,7 @@ export default { |
|
|
|
|
}, |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
dialogVisible:false, |
|
|
|
|
current: 1, //当前页 |
|
|
|
|
size: 5, //每页数量 |
|
|
|
|
total: 14, //总条目数 |
|
|
|
|
@ -457,12 +498,13 @@ export default { |
|
|
|
|
}, |
|
|
|
|
mounted() { |
|
|
|
|
this.getNavigationMap(); |
|
|
|
|
let dom = document.getElementById('eletric_box'); |
|
|
|
|
dom.addEventListener('contextmenu', (event)=> { |
|
|
|
|
event.preventDefault(); // 阻止默认菜单 |
|
|
|
|
const routerUrl = this.$router.resolve({ path: '/equipment/index', query: { classCode: '0100' } }); |
|
|
|
|
window.open(routerUrl.href, "_blank"); |
|
|
|
|
}); |
|
|
|
|
// let dom = document.getElementById('eletric_box'); |
|
|
|
|
// dom.addEventListener('contextmenu', (event)=> { |
|
|
|
|
// console.log(event) |
|
|
|
|
// event.preventDefault(); // 阻止默认菜单 |
|
|
|
|
// // const routerUrl = this.$router.resolve({ path: '/equipment/index', query: { classCode: '0100' } }); |
|
|
|
|
// // window.open(routerUrl.href, "_blank"); |
|
|
|
|
// }); |
|
|
|
|
}, |
|
|
|
|
watch: { |
|
|
|
|
bimModel: { |
|
|
|
|
@ -648,6 +690,11 @@ export default { |
|
|
|
|
}, |
|
|
|
|
}, |
|
|
|
|
methods: { |
|
|
|
|
// 点击更多按钮 |
|
|
|
|
clickMore(){ |
|
|
|
|
const routerUrl = this.$router.resolve({ path: '/equipment/index', query: { classCode: '0100' } }); |
|
|
|
|
window.open(routerUrl.href, "_blank"); |
|
|
|
|
}, |
|
|
|
|
//确认告警 - 重新查询告警列表 |
|
|
|
|
doCancelWarn(item) { |
|
|
|
|
getCancelWarn(item.id).then((res) => { |
|
|
|
|
@ -710,6 +757,13 @@ export default { |
|
|
|
|
tableClick(row, column, event) { |
|
|
|
|
this.bjClick(row); |
|
|
|
|
}, |
|
|
|
|
tableContext(row,column, event){ |
|
|
|
|
event.preventDefault(); // 阻止默认菜单 |
|
|
|
|
const routerUrl = this.$router.resolve({ path: '/equipment/index', query: {code: row.code } }); |
|
|
|
|
window.open(routerUrl.href, "_blank"); |
|
|
|
|
// this.dialogVisible = true |
|
|
|
|
// console.log(row) |
|
|
|
|
}, |
|
|
|
|
// 添加标签 |
|
|
|
|
addLabel(objectId, name, type, location, dataNum) { |
|
|
|
|
// 构件id/设备名称/设备状态/设备位置/累计电量 |
|
|
|
|
@ -1971,6 +2025,8 @@ export default { |
|
|
|
|
color: #fff; |
|
|
|
|
font-size: 15px; |
|
|
|
|
font-weight: bold; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
|
|
|
|
|
img { |
|
|
|
|
display: block; |
|
|
|
|
|
jinna
3 years ago