修正app.vue样式语法,空调监控bim标签优化和状态验证

dev
zhangqun 3 years ago
parent 00dec97b23
commit bb6aec92d7
  1. 3
      src/App.vue
  2. 10
      src/components/monitoring/conditioner.vue

@ -53,8 +53,7 @@
margin-right: 5px; margin-right: 5px;
} }
.el-menu--horizontal .el-menu .el-menu-item, .el-menu--horizontal .el-menu .el-menu-item{
{
background-color: #20222A; background-color: #20222A;
} }

@ -969,16 +969,16 @@ export default {
let bgImg2 = require("../../../public/img/monitoring/electricity/condition2.png"); let bgImg2 = require("../../../public/img/monitoring/electricity/condition2.png");
let content = `<div class="lift-block" style="position:relative;width:133px"> let content = `<div class="lift-block" style="position:relative;width:133px">
<div style="background-image:url(${testObject.open == 1 ? bgImg1 : bgImg2 <div style="background-image:url(${testObject.open == 1 ? bgImg1 : bgImg2
});width:133px;height:40px;background-size:100% 100%;color:white" id="temped-${testObject.code });width:133px;height:40px;background-size:100% 100%;background-position:-5px 0;color:white" id="temped-${testObject.code
}"> }">
<div id="condition-${testObject.code <div id="condition-${testObject.code
}" style="width:93px;position:absolute;height:40px;display:flex;left:40px;top:0;justify-content: space-between;align-items:center;cursor: pointer"> }" style="width:103px;position:absolute;height:40px;display:flex;left:30px;top:0;justify-content: space-between;align-items:center;cursor: pointer">
<span style="font-size:14px;display:${testObject.code == this.clickCode ? "none" : "inline-block" <span style="font-size:14px;display:${testObject.code == this.clickCode ? "none" : "inline-block"
}" > }" >
<span style="font-size:25px;font-family:fantasy;" id="temper-${testObject.code <span style="font-size:16px;font-family:fantasy;" id="temper-${testObject.code
}">${testObject.temSetting}</span> }">${testObject.temSetting}</span>
<span id="tempec-${testObject.code <span id="tempec-${testObject.code
}">℃/</span><span style="font-size:25px;font-family:fantasy;" id="tempea-${testObject.code }">℃/</span><span style="font-size:16px;font-family:fantasy;" id="tempea-${testObject.code
}">${testObject.temCur}</span><span id="tempac-${testObject.code }">${testObject.temCur}</span><span id="tempac-${testObject.code
}"> </span> }"> </span>
</span> </span>
@ -1025,7 +1025,7 @@ export default {
};"> };">
<div style="padding: 5px 0;display: flex;align-items: center;justify-content: space-between;"> <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="opacity: 0.5;font-size: 12px;">设备状态:</span>
<span style="font-size: 15px;">${objData.open == 1 ? "正常" : "离线"}</span> <span style="font-size: 15px;">${objData.open == 1 ? "开" : "关"}</span>
</div> </div>
</div> </div>
</div> </div>

Loading…
Cancel
Save