suojin
/
smartpark-front
16
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

点击设备列表时添加固定资产编号、维保记录相关字段

Browse Source
main
jinna 2 years ago
parent e45b0dd2a8
commit d975ad67e7
7 changed files with 235 additions and 34 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 20
      src/components/monitoring/door.vue
  2. 37
      src/components/monitoring/electricity.vue
  3. 20
      src/components/monitoring/firefighting.vue
  4. 60
      src/components/monitoring/lift.vue
  5. 36
      src/components/monitoring/wall.vue
  6. 33
      src/components/monitoring/warm.vue
  7. 59
      src/components/monitoring/water.vue

20
src/components/monitoring/door.vue
Unescape View File

@ -1059,6 +1059,26 @@ export default {
<span style="font-size:12px;color:silver">所在位置：</span> <span style="font-size:12px;color:silver">所在位置：</span>
<span style="font-size:13px;color:white">${item.location}</span> <span style="font-size:13px;color:white">${item.location}</span>
</div> </div>
<div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:12px;color:silver">固定资产编号：</span>
<span style="font-size:13px;color:white">${item.inventarNummer ? item.inventarNummer : ''}</span>
</div>
<div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:12px;color:silver">维保人：</span>
<span style="font-size:13px;color:white">${item.maintainUser ? item.maintainUser : ''}</span>
</div>
<div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:12px;color:silver">维保人电话：</span>
<span style="font-size:13px;color:white">${item.maintainPhone ? item.maintainPhone : ''}</span>
</div>
<div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:12px;color:silver">维保时间：</span>
<span style="font-size:13px;color:white">${item.maintainTime ? item.maintainTime.substring(0, 10) : ''}</span>
</div>
<div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:12px;color:silver">维保内容：</span>
<span style="font-size:13px;color:white">${item.maintainDesc ? item.maintainDesc : ''}</span>
</div>
<div style="width:100%;height:1px;background:silver;margin:10px 0"></div> <div style="width:100%;height:1px;background:silver;margin:10px 0"></div>
<div id="pass-user" style="max-height:125px;padding-right:5px;overflow-y:auto"> <div id="pass-user" style="max-height:125px;padding-right:5px;overflow-y:auto">

37
src/components/monitoring/electricity.vue
Unescape View File

@ -765,7 +765,8 @@ export default {
// console.log(row) // console.log(row)
}, },
// 添加标签 // 添加标签
addLabel(objectId, name, type, location, dataNum) { addLabel(objectId, name, type, location, dataNum,inventarNummer,maintainTime,maintainUser,maintainPhone,maintainDesc) {
console.log(type)
// 构件id/设备名称/设备状态/设备位置/累计电量 // 构件id/设备名称/设备状态/设备位置/累计电量
// 获取当前点击坐标 // 获取当前点击坐标
let zb = getBoxMessage(objectId, true); let zb = getBoxMessage(objectId, true);
@ -779,8 +780,9 @@ export default {
<div style="margin-top: -42px;"> <div style="margin-top: -42px;">
<div style="width: 185px;height: 46px;background: url('${require(type == 90000 <div style="width: 185px;height: 46px;background: url('${require(type == 90000
? "../../../public/img/monitoring/electricity/customTag1-1.png" ? "../../../public/img/monitoring/electricity/customTag1-1.png"
: "../../../public/img/monitoring/electricity/offline2.png")}');"> : "../../../public/img/monitoring/electricity/offline2.png")}');background-repeat: no-repeat;background-size: cover;
<span style="padding-left: 36px;line-height: 32px;font-size: 15px;color: white;">${name}</span> display: flex;align-items: center;">
<span style="padding-left: 36px;font-size: 15px;color: white;">${name}</span>
</div> </div>
<div style="margin-top: 5px;box-sizing: border-box;color: #ffffff;width: 185px;padding: 0 15px;background-color: ${type == 90000 <div style="margin-top: 5px;box-sizing: border-box;color: #ffffff;width: 185px;padding: 0 15px;background-color: ${type == 90000
? "rgba(30, 57, 102, 0.8)" ? "rgba(30, 57, 102, 0.8)"
@ -798,6 +800,26 @@ export default {
<span style="opacity: 0.5;font-size: 12px;">累计电量(kw·h):</span> <span style="opacity: 0.5;font-size: 12px;">累计电量(kw·h):</span>
<span style="font-size: 15px;">${dataNum}</span> <span style="font-size: 15px;">${dataNum}</span>
</div> </div>
<div style="padding: 5px 0;display: flex;align-items: center;justify-content: space-between;">
<span style="opacity: 0.5;font-size: 12px;">固定资产编号:</span>
<span style="font-size: 15px;">${inventarNummer ? inventarNummer : ''}</span>
</div>
<div style="padding: 5px 0;display: flex;align-items: center;justify-content: space-between;">
<span style="opacity: 0.5;font-size: 12px;">维保人:</span>
<span style="font-size: 15px;">${maintainUser ? maintainUser : ''}</span>
</div>
<div style="padding: 5px 0;display: flex;align-items: center;justify-content: space-between;">
<span style="opacity: 0.5;font-size: 12px;">维保人电话:</span>
<span style="font-size: 15px;">${maintainPhone ? maintainPhone.substring(0, 10) : ''}</span>
</div>
<div style="padding: 5px 0;display: flex;align-items: center;justify-content: space-between;">
<span style="opacity: 0.5;font-size: 12px;">维保时间:</span>
<span style="font-size: 15px;">${maintainTime ? maintainTime : ''}</span>
</div>
<div style="padding: 5px 0;display: flex;align-items: center;justify-content: space-between;">
<span style="opacity: 0.5;font-size: 12px;">维保内容:</span>
<span style="font-size: 15px;">${maintainDesc ? maintainDesc : ''}</span>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -819,7 +841,7 @@ export default {
if (res.data.code == 200) { if (res.data.code == 200) {
for (let i = 0; i < res.data.data.length; i++) { for (let i = 0; i < res.data.data.length; i++) {
if (data.elementId == res.data.data[i].modelId) { if (data.elementId == res.data.data[i].modelId) {
let { name, status, location, dataNum } = res.data.data[i]; let { name, status, location, dataNum,inventarNummer,maintainTime,maintainUser,maintainPhone,maintainDesc } = res.data.data[i];
// 如果当前点击的是电箱 先清除所以标签 // 如果当前点击的是电箱 先清除所以标签
clearDrawableContainer(); clearDrawableContainer();
this.addLabel( this.addLabel(
@ -827,7 +849,12 @@ export default {
name, name,
status, status,
location, location,
dataNum dataNum,
inventarNummer,
maintainTime,
maintainUser,
maintainPhone,
maintainDesc
); );
} }
} }

20
src/components/monitoring/firefighting.vue
Unescape View File

@ -890,6 +890,26 @@ export default {
: "" : ""
}</span> }</span>
</div> </div>
<div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:12px;color:silver">固定资产编号：</span>
<span style="font-size:13px;color:white">${item.inventarNummer ? item.inventarNummer : ''}</span>
</div>
<div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:12px;color:silver">维保人：</span>
<span style="font-size:13px;color:white">${item.maintainUser ? item.maintainUser : ''}</span>
</div>
<div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:12px;color:silver">维保人电话：</span>
<span style="font-size:13px;color:white">${item.maintainPhone ? item.maintainPhone : ''}</span>
</div>
<div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:12px;color:silver">维保时间：</span>
<span style="font-size:13px;color:white">${item.maintainTime ? item.maintainTime.substring(0, 10) : ''}</span>
</div>
<div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:12px;color:silver">维保内容：</span>
<span style="font-size:13px;color:white">${item.maintainDesc ? item.maintainDesc : ''}</span>
</div>
</div> </div>
</div> </div>
</div> </div>

60
src/components/monitoring/lift.vue
Unescape View File

@ -596,14 +596,14 @@ export default {
getMessage(msg) { getMessage(msg) {
let obj = JSON.parse(msg.data) let obj = JSON.parse(msg.data)
// obj.createTime = dateFormat(new Date(obj.createTime), 'yyyy-MM-dd hh:mm'); // obj.createTime = dateFormat(new Date(obj.createTime), 'yyyy-MM-dd hh:mm');
// obj.tendingTime = dateFormat(new Date(obj.tendingTime), 'yyyy-MM-dd hh:mm'); // obj.maintainTime = dateFormat(new Date(obj.maintainTime), 'yyyy-MM-dd hh:mm');
// if(obj.status != 90000){ // if(obj.status != 90000){
let idx = this.arr.findIndex(item => { return item.id == obj.id }); let idx = this.arr.findIndex(item => { return item.id == obj.id });
if (idx > -1) { if (idx > -1) {
// this.arr[idx].modelId = obj.modelId; // this.arr[idx].modelId = obj.modelId;
// this.arr[idx].status = obj.status; // this.arr[idx].status = obj.status;
// this.arr[idx].createTime = obj.createTime; // this.arr[idx].createTime = obj.createTime;
// this.arr[idx].tendingTime = obj.tendingTime; // this.arr[idx].maintainTime = obj.maintainTime;
// this.arr[idx].factory = obj.factory; // this.arr[idx].factory = obj.factory;
// this.arr[idx].floor = obj.floor; // this.arr[idx].floor = obj.floor;
// this.arr[idx].statusMsg = obj.statusMsg; // this.arr[idx].statusMsg = obj.statusMsg;
@ -677,17 +677,25 @@ export default {
<span style="font-size:13px;color:silver">所在楼层：</span> <span style="font-size:13px;color:silver">所在楼层：</span>
<span style="font-size:14px;color:white">${obj.floor}F</span> <span style="font-size:14px;color:white">${obj.floor}F</span>
</div> </div>
<div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:13px;color:silver">规定资产编号：</span>
<span style="font-size:14px;color:white">${obj.inventarNummer ? obj.inventarNummer : ''}</span>
</div>
<div style="display:flex;justify-content: space-between;margin-top:5px"> <div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:13px;color:silver">维保时间：</span> <span style="font-size:13px;color:silver">维保时间：</span>
<span style="font-size:14px;color:white">${obj.tendingTime.substring(0, 10)}</span> <span style="font-size:14px;color:white">${obj.maintainTime.substring(0, 10)}</span>
</div> </div>
<div style="display:flex;justify-content: space-between;margin-top:5px"> <div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:13px;color:silver">维保人：</span> <span style="font-size:13px;color:silver">维保人：</span>
<span style="font-size:14px;color:white">${obj.tendingUser}</span> <span style="font-size:14px;color:white">${obj.maintainUser}</span>
</div> </div>
<div style="display:flex;justify-content: space-between;margin-top:5px"> <div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:13px;color:silver">维保电话：</span> <span style="font-size:13px;color:silver">维保电话：</span>
<span style="font-size:14px;color:white">${obj.tendingPhone}</span> <span style="font-size:14px;color:white">${obj.maintainPhone}</span>
</div>
<div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:13px;color:silver">维保内容：</span>
<span style="font-size:14px;color:white">${obj.maintainDesc}</span>
</div> </div>
<div style="display:flex;justify-content: space-between;margin-top:5px"> <div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:13px;color:silver">运行方向：</span> <span style="font-size:13px;color:silver">运行方向：</span>
@ -725,17 +733,25 @@ export default {
<span style="font-size:13px;color:silver">所在楼层：</span> <span style="font-size:13px;color:silver">所在楼层：</span>
<span style="font-size:14px;color:white">${obj.floor}F</span> <span style="font-size:14px;color:white">${obj.floor}F</span>
</div> </div>
<div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:13px;color:silver">固定资产编号：</span>
<span style="font-size:14px;color:white">${obj.inventarNummer ? obj.inventarNummer : ''}</span>
</div>
<div style="display:flex;justify-content: space-between;margin-top:5px"> <div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:13px;color:silver">维保时间：</span> <span style="font-size:13px;color:silver">维保时间：</span>
<span style="font-size:14px;color:white">${obj.tendingTime.substring(0, 10)}</span> <span style="font-size:14px;color:white">${obj.maintainTime.substring(0, 10)}</span>
</div> </div>
<div style="display:flex;justify-content: space-between;margin-top:5px"> <div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:13px;color:silver">维保人：</span> <span style="font-size:13px;color:silver">维保人：</span>
<span style="font-size:14px;color:white">${obj.tendingUser}</span> <span style="font-size:14px;color:white">${obj.maintainUser}</span>
</div> </div>
<div style="display:flex;justify-content: space-between;margin-top:5px"> <div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:13px;color:silver">维保电话：</span> <span style="font-size:13px;color:silver">维保电话：</span>
<span style="font-size:14px;color:white">${obj.tendingPhone}</span> <span style="font-size:14px;color:white">${obj.maintainPhone}</span>
</div>
<div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:13px;color:silver">维保内容：</span>
<span style="font-size:14px;color:white">${obj.maintainDesc}</span>
</div> </div>
<div style="display:flex;justify-content: space-between;margin-top:5px"> <div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:13px;color:silver">运行方向：</span> <span style="font-size:13px;color:silver">运行方向：</span>
@ -775,17 +791,25 @@ export default {
<span style="font-size:13px;color:silver">所在楼层：</span> <span style="font-size:13px;color:silver">所在楼层：</span>
<span style="font-size:14px;color:white">${obj.floor}F</span> <span style="font-size:14px;color:white">${obj.floor}F</span>
</div> </div>
<div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:13px;color:silver">固定资产编号：</span>
<span style="font-size:14px;color:white">${obj.inventarNummer ? obj.inventarNummer : ''}</span>
</div>
<div style="display:flex;justify-content: space-between;margin-top:5px"> <div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:13px;color:silver">维保时间：</span> <span style="font-size:13px;color:silver">维保时间：</span>
<span style="font-size:14px;color:white">${obj.tendingTime.substring(0, 10)}</span> <span style="font-size:14px;color:white">${obj.maintainTime.substring(0, 10)}</span>
</div> </div>
<div style="display:flex;justify-content: space-between;margin-top:5px"> <div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:13px;color:silver">维保人：</span> <span style="font-size:13px;color:silver">维保人：</span>
<span style="font-size:14px;color:white">${obj.tendingUser}</span> <span style="font-size:14px;color:white">${obj.maintainUser}</span>
</div> </div>
<div style="display:flex;justify-content: space-between;margin-top:5px"> <div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:13px;color:silver">维保电话：</span> <span style="font-size:13px;color:silver">维保电话：</span>
<span style="font-size:14px;color:white">${obj.tendingPhone}</span> <span style="font-size:14px;color:white">${obj.maintainPhone}</span>
</div>
<div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:13px;color:silver">维保内容：</span>
<span style="font-size:14px;color:white">${obj.maintainDesc}</span>
</div> </div>
<div style="display:flex;justify-content: space-between;margin-top:5px"> <div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:13px;color:silver">运行方向：</span> <span style="font-size:13px;color:silver">运行方向：</span>
@ -823,17 +847,25 @@ export default {
<span style="font-size:13px;color:silver">所在楼层：</span> <span style="font-size:13px;color:silver">所在楼层：</span>
<span style="font-size:14px;color:white">${obj.floor}F</span> <span style="font-size:14px;color:white">${obj.floor}F</span>
</div> </div>
<div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:13px;color:silver">固定资产编号：</span>
<span style="font-size:14px;color:white">${obj.inventarNummer ? obj.inventarNummer : ''}</span>
</div>
<div style="display:flex;justify-content: space-between;margin-top:5px"> <div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:13px;color:silver">维保时间：</span> <span style="font-size:13px;color:silver">维保时间：</span>
<span style="font-size:14px;color:white">${obj.tendingTime.substring(0, 10)}</span> <span style="font-size:14px;color:white">${obj.maintainTime.substring(0, 10)}</span>
</div> </div>
<div style="display:flex;justify-content: space-between;margin-top:5px"> <div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:13px;color:silver">维保人：</span> <span style="font-size:13px;color:silver">维保人：</span>
<span style="font-size:14px;color:white">${obj.tendingUser}</span> <span style="font-size:14px;color:white">${obj.maintainUser}</span>
</div> </div>
<div style="display:flex;justify-content: space-between;margin-top:5px"> <div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:13px;color:silver">维保电话：</span> <span style="font-size:13px;color:silver">维保电话：</span>
<span style="font-size:14px;color:white">${obj.tendingPhone}</span> <span style="font-size:14px;color:white">${obj.maintainPhone}</span>
</div>
<div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:13px;color:silver">维保内容：</span>
<span style="font-size:14px;color:white">${obj.maintainDesc}</span>
</div> </div>
<div style="display:flex;justify-content: space-between;margin-top:5px"> <div style="display:flex;justify-content: space-between;margin-top:5px">
<span style="font-size:13px;color:silver">运行方向：</span> <span style="font-size:13px;color:silver">运行方向：</span>

36
src/components/monitoring/wall.vue
Unescape View File

@ -1004,7 +1004,12 @@ export default {
row.name, row.name,
row.location, row.location,
row.warnContent ? row.warnContent : row.warnMsg, row.warnContent ? row.warnContent : row.warnMsg,
row.warnDate ? row.warnDate : row.warnTime row.warnDate ? row.warnDate : row.warnTime,
row.inventarNummer,
row.maintainTime,
row.maintainUser,
row.maintainPhone,
row.maintainDesc
) )
); );
// bfHelper.zoomToBoundingBox(bfHelper.getBoxMessage(this.ywq[i].walls[0])); // bfHelper.zoomToBoundingBox(bfHelper.getBoxMessage(this.ywq[i].walls[0]));
@ -1038,7 +1043,12 @@ export default {
row.name, row.name,
row.location, row.location,
row.warnContent ? row.warnContent : row.warnMsg, row.warnContent ? row.warnContent : row.warnMsg,
row.warnDate ? row.warnDate : row.warnTime row.warnDate ? row.warnDate : row.warnTime,
row.inventarNummer,
row.maintainTime,
row.maintainUser,
row.maintainPhone,
row.maintainDesc
) )
); );
// bfHelper.zoomToBoundingBox(bfHelper.getBoxMessage(this.ywq[i].walls[0])); // bfHelper.zoomToBoundingBox(bfHelper.getBoxMessage(this.ywq[i].walls[0]));
@ -1052,7 +1062,7 @@ export default {
bfHelper.resetStatus(2); bfHelper.resetStatus(2);
bfHelper.lookEquipmentCop("电子围界"); bfHelper.lookEquipmentCop("电子围界");
}, },
getWallContent(status, statusName, name, location, warnMsg, warnTime) { getWallContent(status, statusName, name, location, warnMsg, warnTime,inventarNummer,maintainTime,maintainUser,maintainPhone,maintainDesc) {
let content = `<div class="leadTips" style="transform: translateY(-72px);"> let content = `<div class="leadTips" style="transform: translateY(-72px);">
<div style="display: flex;width:max-content"> <div style="display: flex;width:max-content">
<img src="${require(status == 90000 <img src="${require(status == 90000
@ -1091,6 +1101,26 @@ export default {
<span style="font-size: 13px;">${warnTime ? warnTime.substring(5, 16) : "" <span style="font-size: 13px;">${warnTime ? warnTime.substring(5, 16) : ""
}</span> }</span>
</div> </div>
<div style="padding: 5px 0;display: flex;align-items: center;justify-content: space-between;">
<span style="opacity: 0.5;font-size: 12px;">固定资产编号:</span>
<span style="font-size: 13px;">${inventarNummer ? inventarNummer : ''}</span>
</div>
<div style="padding: 5px 0;display: flex;align-items: center;justify-content: space-between;">
<span style="opacity: 0.5;font-size: 12px;">维保人:</span>
<span style="font-size: 13px;">${maintainUser ? maintainUser : ''}</span>
</div>
<div style="padding: 5px 0;display: flex;align-items: center;justify-content: space-between;">
<span style="opacity: 0.5;font-size: 12px;">维保人电话:</span>
<span style="font-size: 13px;">${maintainPhone ? maintainPhone : ''}</span>
</div>
<div style="padding: 5px 0;display: flex;align-items: center;justify-content: space-between;">
<span style="opacity: 0.5;font-size: 12px;">维保时间:</span>
<span style="font-size: 13px;">${maintainTime ? maintainTime.substring(0, 10) : ''}</span>
</div>
<div style="padding: 5px 0;display: flex;align-items: center;justify-content: space-between;">
<span style="opacity: 0.5;font-size: 12px;">维保内容:</span>
<span style="font-size: 13px;">${maintainDesc ? maintainDesc : ''}</span>
</div>
</div> </div>
</div> </div>
</div> </div>

33
src/components/monitoring/warm.vue
Unescape View File

@ -761,7 +761,12 @@ export default {
item.name, item.name,
item.location, item.location,
item.status == 90001 ? "离线" : "在线", item.status == 90001 ? "离线" : "在线",
item.dataNum item.dataNum,
item.inventarNummer,
item.maintainUser,
item.maintainPhone,
item.maintainTime,
item.maintainDesc,
) )
); );
this.$refs.clickcp.active = commonValue.activeValue( this.$refs.clickcp.active = commonValue.activeValue(
@ -807,6 +812,7 @@ export default {
e.target.id.substring(9), e.target.id.substring(9),
true true
).max; ).max;
console.log('e',e)
getWarmMeterData(this.bimModel, e.target.id.substring(24)).then( getWarmMeterData(this.bimModel, e.target.id.substring(24)).then(
(res) => { (res) => {
const data = res.data.data; const data = res.data.data;
@ -834,7 +840,7 @@ export default {
} }
}); });
}, },
warmContent(id, type, name, location, statusName, dataNum) { warmContent(id, type, name, location, statusName, dataNum,inventarNummer,maintainUser,maintainPhone,maintainTime,maintainDesc) {
//热量表标签显示信息 //热量表标签显示信息
let content = `<div class="leadTips" style="transform: translateY(-72px);"> let content = `<div class="leadTips" style="transform: translateY(-72px);">
<div style="display: flex;width:max-content;position:relative"> <div style="display: flex;width:max-content;position:relative">
@ -849,7 +855,8 @@ export default {
? "../../../public/img/monitoring/electricity/customTag1-1.png" ? "../../../public/img/monitoring/electricity/customTag1-1.png"
: type == 90001 : type == 90001
? "../../../public/img/monitoring/electricity/customTag2-1.png" ? "../../../public/img/monitoring/electricity/customTag2-1.png"
: "../../../public/img/monitoring/electricity/customTag3-1.png")}');"> : "../../../public/img/monitoring/electricity/customTag3-1.png")}');background-repeat: no-repeat;background-size: cover;
display: flex;align-items: center;">
<span style="padding-left: 36px;line-height: 32px;font-size: 15px;color: white;">${name}</span> <span style="padding-left: 36px;line-height: 32px;font-size: 15px;color: white;">${name}</span>
</div> </div>
<div style="margin-top: 5px;box-sizing: border-box;color: #ffffff;width: 185px;padding: 0 15px; <div style="margin-top: 5px;box-sizing: border-box;color: #ffffff;width: 185px;padding: 0 15px;
@ -891,6 +898,26 @@ export default {
</div> </div>
</div> </div>
<div style="padding: 5px 0;display: flex;align-items: center;justify-content: space-between;">
<span style="opacity: 0.5;font-size: 12px;">固定资产编号:</span>
<span style="font-size: 13px;">${inventarNummer ? inventarNummer : ''}</span>
</div>
<div style="padding: 5px 0;display: flex;align-items: center;justify-content: space-between;">
<span style="opacity: 0.5;font-size: 12px;">维保人:</span>
<span style="font-size: 13px;">${maintainUser ? maintainUser : ''}</span>
</div>
<div style="padding: 5px 0;display: flex;align-items: center;justify-content: space-between;">
<span style="opacity: 0.5;font-size: 12px;">维保人电话:</span>
<span style="font-size: 13px;">${maintainPhone ? maintainPhone : ''}</span>
</div>
<div style="padding: 5px 0;display: flex;align-items: center;justify-content: space-between;">
<span style="opacity: 0.5;font-size: 12px;">维保时间:</span>
<span style="font-size: 13px;">${maintainTime ? maintainTime.substring(0, 10) : ''}</span>
</div>
<div style="padding: 5px 0;display: flex;align-items: center;justify-content: space-between;">
<span style="opacity: 0.5;font-size: 12px;">维保内容:</span>
<span style="font-size: 13px;">${maintainDesc ? maintainDesc : ''}</span>
</div>
</div> </div>
</div> </div>

59
src/components/monitoring/water.vue
Unescape View File

@ -793,7 +793,7 @@ export default {
); );
} }
}, },
labelContent(img, img1, id, type, name, location, msg, dataNum) { labelContent(img, img1, id, type, name, location, msg, dataNum,inventarNummer,maintainUser,maintainPhone,maintainTime,maintainDesc) {
//图标标签 //图标标签
// console.log(msg) // console.log(msg)
let content = `<div class="leadTips" style="transform: translateY(-72px);"> let content = `<div class="leadTips" style="transform: translateY(-72px);">
@ -832,7 +832,26 @@ export default {
</div> </div>
</div> </div>
</div> </div>
<div style="padding: 5px 0;display: flex;align-items: center;justify-content: space-between;">
<span style="opacity: 0.5;font-size: 12px;">固定资产编号:</span>
<span style="font-size: 13px;">${inventarNummer ? inventarNummer : ''}</span>
</div>
<div style="padding: 5px 0;display: flex;align-items: center;justify-content: space-between;">
<span style="opacity: 0.5;font-size: 12px;">维保人:</span>
<span style="font-size: 13px;">${maintainUser ? maintainUser : ''}</span>
</div>
<div style="padding: 5px 0;display: flex;align-items: center;justify-content: space-between;">
<span style="opacity: 0.5;font-size: 12px;">维保人电话:</span>
<span style="font-size: 13px;">${maintainPhone ? maintainPhone : ''}</span>
</div>
<div style="padding: 5px 0;display: flex;align-items: center;justify-content: space-between;">
<span style="opacity: 0.5;font-size: 12px;">维保时间:</span>
<span style="font-size: 13px;">${maintainTime ? maintainTime.substring(0, 10) : ''}</span>
</div>
<div style="padding: 5px 0;display: flex;align-items: center;justify-content: space-between;">
<span style="opacity: 0.5;font-size: 12px;">维保内容:</span>
<span style="font-size: 13px;">${maintainDesc ? maintainDesc : ''}</span>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -849,7 +868,7 @@ export default {
return content; return content;
}, },
// 添加标签 // 添加标签
addLabel(objectId, name, type, location, statusName, dataNum, msg) { addLabel(objectId, name, type, location, statusName, dataNum, msg,inventarNummer,maintainUser,maintainPhone,maintainTime,maintainDesc,) {
// 构件id/设备名称/设备状态/设备位置/累计电量 // 构件id/设备名称/设备状态/设备位置/累计电量
// bfHelper.setColor('#ff761a',[objectId]) // bfHelper.setColor('#ff761a',[objectId])
// 获取当前点击坐标 // 获取当前点击坐标
@ -874,8 +893,9 @@ export default {
? "../../../public/img/monitoring/electricity/customTag1-1.png" ? "../../../public/img/monitoring/electricity/customTag1-1.png"
: type == 90001 : type == 90001
? "../../../public/img/monitoring/electricity/customTag2-1.png" ? "../../../public/img/monitoring/electricity/customTag2-1.png"
: "../../../public/img/monitoring/electricity/customTag3-1.png")}');"> : "../../../public/img/monitoring/electricity/customTag3-1.png")}');background-repeat: no-repeat;background-size: cover;
<span style="padding-left: 36px;line-height: 32px;font-size: 15px;color: white;">${name}</span> display: flex;align-items: center;">
<span style="padding-left: 46px;line-height: 32px;font-size: 15px;color: white;">${name}</span>
</div> </div>
<div style="margin-top: 5px;box-sizing: border-box;color: #ffffff;width: 185px;padding: 0 15px;background-color: ${type == 90000 <div style="margin-top: 5px;box-sizing: border-box;color: #ffffff;width: 185px;padding: 0 15px;background-color: ${type == 90000
? "rgba(30, 57, 102, 0.8)" ? "rgba(30, 57, 102, 0.8)"
@ -906,6 +926,26 @@ export default {
</div> </div>
</div> </div>
<div style="padding: 5px 0;display: flex;align-items: center;justify-content: space-between;">
<span style="opacity: 0.5;font-size: 12px;">固定资产编号:</span>
<span style="font-size: 13px;">${inventarNummer ? inventarNummer : ''}</span>
</div>
<div style="padding: 5px 0;display: flex;align-items: center;justify-content: space-between;">
<span style="opacity: 0.5;font-size: 12px;">维保人:</span>
<span style="font-size: 13px;">${maintainUser ? maintainUser : ''}</span>
</div>
<div style="padding: 5px 0;display: flex;align-items: center;justify-content: space-between;">
<span style="opacity: 0.5;font-size: 12px;">维保人电话:</span>
<span style="font-size: 13px;">${maintainPhone ? maintainPhone : ''}</span>
</div>
<div style="padding: 5px 0;display: flex;align-items: center;justify-content: space-between;">
<span style="opacity: 0.5;font-size: 12px;">维保时间:</span>
<span style="font-size: 13px;">${maintainTime ? maintainTime.substring(0, 10) : ''}</span>
</div>
<div style="padding: 5px 0;display: flex;align-items: center;justify-content: space-between;">
<span style="opacity: 0.5;font-size: 12px;">维保内容:</span>
<span style="font-size: 13px;">${maintainDesc ? maintainDesc : ''}</span>
</div>
</div> </div>
</div> </div>
</div> </div>
@ -914,7 +954,7 @@ export default {
}, },
// 点击报警信息定位到指定设备 // 点击报警信息定位到指定设备
bjClick(item) { bjClick(item) {
// console.log(item) console.log('item',item)
// 如果当前点击的是电箱 先清除所以标签 // 如果当前点击的是电箱 先清除所以标签
bfHelper.clearDrawableContainer(); bfHelper.clearDrawableContainer();
let id = bfHelper.disposeId(item.area, item.build, item.modelId); let id = bfHelper.disposeId(item.area, item.build, item.modelId);
@ -926,7 +966,12 @@ export default {
item.location, item.location,
item.status == 90000 ? "正常" : "离线", item.status == 90000 ? "正常" : "离线",
item.dataNum, item.dataNum,
item.warnContent item.warnContent,
item.inventarNummer,
item.maintainUser,
item.maintainPhone,
item.maintainTime,
item.maintainDesc,
); );
bfHelper.zoomToBoundingBox(boundingBox, 20); bfHelper.zoomToBoundingBox(boundingBox, 20);
}, },

Write Preview
Loading…
Cancel
Save