|
|
|
|
@ -3,13 +3,13 @@ |
|
|
|
|
<div v-if="warmState && bimModel == 1" class="warm"> |
|
|
|
|
<clickCp :bimModel="bimModel" sbType="暖" ref="clickcp"></clickCp> |
|
|
|
|
<div class="mapDom" style=" |
|
|
|
|
position: absolute; |
|
|
|
|
left: 105px; |
|
|
|
|
top: 210px; |
|
|
|
|
width: 250px; |
|
|
|
|
height: 180px; |
|
|
|
|
margin: 45px auto; |
|
|
|
|
" v-if="bimModel == 1"></div> |
|
|
|
|
position: absolute; |
|
|
|
|
left: 105px; |
|
|
|
|
top: 210px; |
|
|
|
|
width: 250px; |
|
|
|
|
height: 180px; |
|
|
|
|
margin: 45px auto; |
|
|
|
|
" v-if="bimModel == 1"></div> |
|
|
|
|
<!-- 返回主视角 --> |
|
|
|
|
<backHome :bimModel="bimModel" type="暖" :modelIds="warmModel" dom=".mapDom"></backHome> |
|
|
|
|
<div class="mode_box"> |
|
|
|
|
@ -37,7 +37,7 @@ |
|
|
|
|
<img v-if="curWarm.compare > 0" class="compare" src="../../../public/img/monitoring/electricity/up.png" /> |
|
|
|
|
<img v-else class="compare" src="../../../public/img/monitoring/electricity/down.png" /> |
|
|
|
|
<span :style="{ color: curWarm.compare > 0 ? '#ff8b2e' : '#2cd52c' }" class="use-unit">{{ |
|
|
|
|
Math.abs(curWarm.compare) |
|
|
|
|
(curWarm.compare + "").substring((curWarm.compare + "").indexOf(".")).length > 3 ? curWarm.compare.toFixed(2) : Math.abs(curWarm.compare) |
|
|
|
|
}}MJ</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -85,7 +85,7 @@ |
|
|
|
|
<img v-if="item.compare > 0" class="compare" src="../../../public/img/monitoring/electricity/up.png" /> |
|
|
|
|
<img v-else class="compare" src="../../../public/img/monitoring/electricity/down.png" /> |
|
|
|
|
<span :style="{ color: item.compare > 0 ? '#ff8b2e' : '#2cd52c' }" class="use-unit">{{ |
|
|
|
|
Math.abs(item.monthBasis) |
|
|
|
|
(item.monthBasis + "").substring((item.monthBasis + "").indexOf(".")) > 2 ? item.monthBasis.toFixed(2) : Math.abs(item.monthBasis) |
|
|
|
|
}}%</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -227,9 +227,9 @@ |
|
|
|
|
}">{{ item.warnDate.substring(5, 16) }}</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
<div class="item flex-center" v-for="(item, index) in listData.warnEventList" |
|
|
|
|
<div v-if="activeTab == 2" class="item flex-center" v-for="(item, index) in listData.warnEventList" |
|
|
|
|
@mouseenter="showAlarkAlert(item, index, 1)" style="position: relative" |
|
|
|
|
@mouseleave="closeAlarkAlert(item, index, 1)" :key="'warnEvent' + index" v-else> |
|
|
|
|
@mouseleave="closeAlarkAlert(item, index, 1)" :key="'warnEvent' + index"> |
|
|
|
|
<div :style="{ display: item.showAlert ? 'flex' : 'none' }" class="alark-alert"> |
|
|
|
|
<p @click="bjClick(item)"> |
|
|
|
|
<img src="../../../public/img/monitoring/electricity/alark-detail-icon.png" alt="" /> |
|
|
|
|
@ -273,15 +273,15 @@ |
|
|
|
|
</div> |
|
|
|
|
</vue-seamless-scroll> |
|
|
|
|
<div style=" |
|
|
|
|
position: absolute; |
|
|
|
|
bottom: 10px; |
|
|
|
|
right: 10px; |
|
|
|
|
width: 345px; |
|
|
|
|
text-align: right; |
|
|
|
|
color: rgb(7, 230, 237); |
|
|
|
|
font-size: 14px; |
|
|
|
|
cursor: pointer; |
|
|
|
|
"> |
|
|
|
|
position: absolute; |
|
|
|
|
bottom: 10px; |
|
|
|
|
right: 10px; |
|
|
|
|
width: 345px; |
|
|
|
|
text-align: right; |
|
|
|
|
color: rgb(7, 230, 237); |
|
|
|
|
font-size: 14px; |
|
|
|
|
cursor: pointer; |
|
|
|
|
"> |
|
|
|
|
<span @click="goMoreWarnList">查看报警详情</span> |
|
|
|
|
</div> |
|
|
|
|
</div> |
|
|
|
|
@ -317,24 +317,24 @@ |
|
|
|
|
<el-table-column label="设备位置" width="100"> |
|
|
|
|
<template slot-scope="scope"> |
|
|
|
|
<div class="flex-center dev_name" style=" |
|
|
|
|
overflow: hidden; |
|
|
|
|
text-overflow: ellipsis; |
|
|
|
|
cursor: pointer; |
|
|
|
|
"> |
|
|
|
|
<span style=" |
|
|
|
|
padding-left: 10px; |
|
|
|
|
font-size: 13px; |
|
|
|
|
overflow: hidden; |
|
|
|
|
text-overflow: ellipsis; |
|
|
|
|
white-space: nowrap; |
|
|
|
|
" :style="{ |
|
|
|
|
color: |
|
|
|
|
scope.row.status == 90000 |
|
|
|
|
? 'white' |
|
|
|
|
: scope.row.status == 90001 |
|
|
|
|
? '#a5bbe5' |
|
|
|
|
: '#ff0000', |
|
|
|
|
}" :title="scope.row.location">{{ scope.row.location }}</span> |
|
|
|
|
cursor: pointer; |
|
|
|
|
"> |
|
|
|
|
<span style=" |
|
|
|
|
padding-left: 10px; |
|
|
|
|
font-size: 13px; |
|
|
|
|
overflow: hidden; |
|
|
|
|
text-overflow: ellipsis; |
|
|
|
|
white-space: nowrap; |
|
|
|
|
" :style="{ |
|
|
|
|
color: |
|
|
|
|
scope.row.status == 90000 |
|
|
|
|
? 'white' |
|
|
|
|
: scope.row.status == 90001 |
|
|
|
|
? '#a5bbe5' |
|
|
|
|
: '#ff0000', |
|
|
|
|
}" :title="scope.row.location">{{ scope.row.location }}</span> |
|
|
|
|
</div> |
|
|
|
|
</template> |
|
|
|
|
</el-table-column> |
|
|
|
|
@ -477,6 +477,7 @@ export default { |
|
|
|
|
// 模型恢复全部状态 |
|
|
|
|
bfHelper.resetStatus(2); |
|
|
|
|
bfHelper.extObjMngClear(); //清除外部构件 |
|
|
|
|
console.log('bfstate',newval) |
|
|
|
|
if (newval == 1) { |
|
|
|
|
// 滚轮设置透明度 |
|
|
|
|
|
|
|
|
|
@ -514,6 +515,31 @@ export default { |
|
|
|
|
}, 300); |
|
|
|
|
bfHelper.lookEquipmentCop("暖"); |
|
|
|
|
bfHelper.setOpacityFun(); |
|
|
|
|
bfHelper.setCameraStatus({ |
|
|
|
|
aspect: 1.889763779527559, |
|
|
|
|
coordinateSystem: "world", |
|
|
|
|
far: 960464.7787185954, |
|
|
|
|
fov: 45, |
|
|
|
|
name: "persp", |
|
|
|
|
near: 105041.57557288553, |
|
|
|
|
position: { |
|
|
|
|
x: 114923.08877241895, |
|
|
|
|
y: -391542.9803033385, |
|
|
|
|
z: 219845.7809478254 |
|
|
|
|
}, |
|
|
|
|
target: { |
|
|
|
|
x: -8729.420142852026, |
|
|
|
|
y: 863922.0428858905, |
|
|
|
|
z: -496665.6824418152 |
|
|
|
|
}, |
|
|
|
|
up: { |
|
|
|
|
x: -0.048407478040169157, |
|
|
|
|
y: 0.4914893345691443, |
|
|
|
|
z: 0.8695372045373162 |
|
|
|
|
}, |
|
|
|
|
version: 1, |
|
|
|
|
zoom: 1 |
|
|
|
|
});//回标准视角 |
|
|
|
|
} else { |
|
|
|
|
if (floor.indexOf("undefined") == -1) { |
|
|
|
|
//如果是单楼加载 |
|
|
|
|
@ -632,9 +658,9 @@ export default { |
|
|
|
|
this.getHistoryWarm(); //历史用热统计 |
|
|
|
|
this.getCurWarm(); //本月用热 |
|
|
|
|
this.getMode(); //模式 |
|
|
|
|
this.getWarmLists(); //获取热量表列表 |
|
|
|
|
// this.getWarmLists(); //获取热量表列表 20230317bim加载状态监听内执行 |
|
|
|
|
// this.getWarmGK(); //获取热量表概况 |
|
|
|
|
this.getHeatWarnList(); //告警列表 |
|
|
|
|
// this.getHeatWarnList(); //告警列表 20230317bim加载状态监听内执行 |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
clickAlarm(item) { |
|
|
|
|
@ -724,6 +750,7 @@ export default { |
|
|
|
|
this.layer = item.floored; |
|
|
|
|
bfHelper.clearDrawableContainer(); |
|
|
|
|
let id = bfHelper.disposeId(item.area, item.build, item.modelId); |
|
|
|
|
console.log('bjclick',id) |
|
|
|
|
bfHelper.customTag( |
|
|
|
|
bfHelper.getBoxMessage(id, true).max, |
|
|
|
|
null, |
|
|
|
|
@ -770,7 +797,7 @@ export default { |
|
|
|
|
}, |
|
|
|
|
addLabel() { |
|
|
|
|
//添加热量表的标签 |
|
|
|
|
this.labelContent();; |
|
|
|
|
this.labelContent(); |
|
|
|
|
window.addEventListener("click", (e) => { |
|
|
|
|
//监听事件 |
|
|
|
|
if (e.target.id.indexOf("heatmeter") != -1) { |
|
|
|
|
@ -885,14 +912,13 @@ export default { |
|
|
|
|
}, |
|
|
|
|
labelContent() { |
|
|
|
|
//初始化时显示所有热量表标签 |
|
|
|
|
|
|
|
|
|
for (let i = 0; i < this.tableData.length; i++) { |
|
|
|
|
let id = bfHelper.disposeId( |
|
|
|
|
this.tableData[i].area, |
|
|
|
|
this.tableData[i].build, |
|
|
|
|
this.tableData[i].modelId |
|
|
|
|
); |
|
|
|
|
// console.log(bfHelper.getBoxMessage(id)) |
|
|
|
|
// console.log(id,bfHelper.getBoxMessage(id)) |
|
|
|
|
let zb = bfHelper.getBoxMessage(id, true).max; |
|
|
|
|
bfHelper.customTag( |
|
|
|
|
zb, |
|
|
|
|
|