|
|
|
|
@ -409,6 +409,7 @@ import { |
|
|
|
|
onClick, |
|
|
|
|
getObjectDataById, |
|
|
|
|
clearDrawableContainer, |
|
|
|
|
removeGlowEffectById, |
|
|
|
|
zoomToBoundingBox, |
|
|
|
|
cameraPosition, |
|
|
|
|
mapUpdate, |
|
|
|
|
@ -488,7 +489,9 @@ export default { |
|
|
|
|
tataiTotal: "", |
|
|
|
|
isMapViewer: 0, |
|
|
|
|
alarmAlert: true, //鼠标悬停在报警列表里查看详情和确认告警是否出现 |
|
|
|
|
dialogItem: {} |
|
|
|
|
dialogItem: {}, |
|
|
|
|
items: Array.from({ length: 15 }, (_, i) => i + 1), // 生成一个包含 1 到 15 的数组 |
|
|
|
|
dianXiangData: null |
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
created() { |
|
|
|
|
@ -496,6 +499,9 @@ export default { |
|
|
|
|
window["handleDetail"] = () => { |
|
|
|
|
this.handleDetail() |
|
|
|
|
}; |
|
|
|
|
window["handleCloseDialog"] = () => { |
|
|
|
|
this.handleCloseDialog() |
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
beforeDestroy() { |
|
|
|
|
if (this.setInterval) { |
|
|
|
|
@ -634,6 +640,94 @@ export default { |
|
|
|
|
setOpacityFun(false,0.3); |
|
|
|
|
this.comeBim(); |
|
|
|
|
} |
|
|
|
|
bfHelper.onClick((data) => { |
|
|
|
|
if (this.tower == '03' && this.layer == '01') { |
|
|
|
|
if (bfHelper.getCondition(data.objectId).family == '低压配电柜' || bfHelper.getCondition(data.objectId).family == '高压配电柜') { |
|
|
|
|
if (this.dianXiangData && this.dianXiangData.objectId == data.objectId) { |
|
|
|
|
clearDrawableContainer(); |
|
|
|
|
this.dianXiangData = null |
|
|
|
|
return |
|
|
|
|
} |
|
|
|
|
this.dianXiangData = data |
|
|
|
|
clearDrawableContainer(); |
|
|
|
|
// 构件id/设备名称/设备状态/设备位置/累计电量 |
|
|
|
|
// 获取当前点击坐标 |
|
|
|
|
let zb = getBoxMessage(data.objectId, true); |
|
|
|
|
console.log('zb', zb) |
|
|
|
|
// //引线标签的顶点 |
|
|
|
|
let position = zb.max; |
|
|
|
|
let content = |
|
|
|
|
`<div class="leadTips" style="transform: translate(85px, -50px);"> |
|
|
|
|
<div style="display: flex; width:max-content"> |
|
|
|
|
<img |
|
|
|
|
src="${require("../../../public/img/monitoring/electricity/customTag1.png")}" |
|
|
|
|
style="position: absolute; left: -86px;" |
|
|
|
|
/> |
|
|
|
|
<div style="margin-top: -42px;"> |
|
|
|
|
<div style=" |
|
|
|
|
width: 185px; height: 46px; |
|
|
|
|
background: url('${require("../../../public/img/monitoring/electricity/customTag1-1.png")}'); |
|
|
|
|
background-repeat: no-repeat; |
|
|
|
|
background-size: cover; |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
"> |
|
|
|
|
<span style=" |
|
|
|
|
padding-left: 36px; |
|
|
|
|
font-size: 15px; |
|
|
|
|
color: white; |
|
|
|
|
margin-top: -15px; |
|
|
|
|
">配电箱</span> |
|
|
|
|
<button style=" |
|
|
|
|
margin-top: -15px; |
|
|
|
|
margin-right: 6px; |
|
|
|
|
background: transparent; |
|
|
|
|
border: none; |
|
|
|
|
color: white;" |
|
|
|
|
onclick="handleCloseDialog()" |
|
|
|
|
>X</button> |
|
|
|
|
</div> |
|
|
|
|
<div style=" |
|
|
|
|
margin-top: 5px; |
|
|
|
|
box-sizing: border-box; |
|
|
|
|
color: #ffffff; |
|
|
|
|
width: 185px; |
|
|
|
|
padding: 0 15px; |
|
|
|
|
background-color: rgba(30, 57, 102, 0.8); |
|
|
|
|
"> |
|
|
|
|
<div |
|
|
|
|
id="image-container" |
|
|
|
|
style=" |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
flex-wrap: wrap; |
|
|
|
|
padding-bottom: 10px; |
|
|
|
|
"></div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
</div>`; |
|
|
|
|
customTag(position, null, content); |
|
|
|
|
this.$nextTick(() => { |
|
|
|
|
const imageContainer = document.getElementById('image-container'); |
|
|
|
|
console.log(imageContainer) |
|
|
|
|
if (imageContainer) { |
|
|
|
|
for(let i = 0; i < 15; i++) { |
|
|
|
|
const img = document.createElement('img'); |
|
|
|
|
img.src = require("../../../public/img/monitoring/electricity/dianBiao.png"); |
|
|
|
|
img.style.width = '30px'; |
|
|
|
|
img.style.height = '30px'; |
|
|
|
|
img.style.margin = '10px 0 0 0'; |
|
|
|
|
imageContainer.appendChild(img); |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
} else { |
|
|
|
|
clearDrawableContainer() |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
}) |
|
|
|
|
} else { |
|
|
|
|
// 查看管线 |
|
|
|
|
window.sessionStorage.setItem( |
|
|
|
|
@ -902,6 +996,12 @@ export default { |
|
|
|
|
const routerUrl = this.$router.resolve({ path: '/equipment/operationDetails', query: { code: this.dialogItem.code,type:'电',area: this.bimModel} }); |
|
|
|
|
window.open(routerUrl.href, "_blank"); |
|
|
|
|
}, |
|
|
|
|
handleCloseDialog() { |
|
|
|
|
console.log('handleCloseDialog') |
|
|
|
|
bfHelper.clearGlowEffect() |
|
|
|
|
bfHelper.cancelSelected() |
|
|
|
|
clearDrawableContainer() |
|
|
|
|
}, |
|
|
|
|
// 构件点击(暂定不用) |
|
|
|
|
onClick() { |
|
|
|
|
onClick((data) => { |
|
|
|
|
|
ytl
12 months ago
