校准值:
-
+
℃
bar
m
@@ -1029,12 +882,12 @@ export default {
Number(item.switchStatus) === 0
? false
: Number(item.switchStatus) === 4
- ? true
- : "", // 热泵开关状态
+ ? true
+ : "", // 热泵开关状态
switchStatus: Number(item.switchStatus) == 0 ? false : true, //启停控制
alarmStatus: Number(item.alarmStatus) == 0 ? "无故障" : "故障", //故障状态
handAutomaticSwitch:
- Number(item.handAutomaticSwitch) == 1 ? false : true, //手自动状态
+ Number(item.handAutomaticSwitch) == 0 ? false : true, //手自动状态
openSwitch: Number(item.openSwitch) == 0 ? false : true, //一键启动
closeSwitch: Number(item.closeSwitch) == 0 ? false : true, //一键停止
// 传感器参数设置相关字段,确保初始化
@@ -1059,7 +912,7 @@ export default {
}
},
// 失去焦点
- handleBlur() {},
+ handleBlur() { },
// 获取热水设备列表
getWaterList() {
return new Promise((resolve, reject) => {
@@ -1108,8 +961,8 @@ export default {
Number(item.switchStatus) === 0
? false
: Number(item.switchStatus) === 4
- ? true
- : "未知状态", // 热泵开关状态
+ ? true
+ : "未知状态", // 热泵开关状态
switchStatus:
Number(item.switchStatus) == 0 ? false : true, //启停控制
alarmStatus:
@@ -1155,8 +1008,7 @@ export default {
// 一键启动
handleAllStart(item) {
this.$confirm(
- `确定要 ${item.openSwitch ? "一键开启" : "关闭一键开启"} ${
- item.name
+ `确定要 ${item.openSwitch ? "一键开启" : "关闭一键开启"} ${item.name
}的设备吗?`,
"提示",
{
@@ -1183,8 +1035,7 @@ export default {
// 一键停止
handleAllEnd(item) {
this.$confirm(
- `确定要 ${item.closeSwitch ? "一键停止" : "关闭一键停止"} ${
- item.name
+ `确定要 ${item.closeSwitch ? "一键停止" : "关闭一键停止"} ${item.name
}的设备吗?`,
"提示",
{
@@ -1222,13 +1073,12 @@ export default {
.then(() => {
this.hadleOperationConrol(id, value);
})
- .catch(() => {});
+ .catch(() => { });
},
// 设置热泵开关状态
handleHotPump(item) {
this.$confirm(
- `确定要切换设备"${item.name}"的状态为:${
- item.hotPumpStatus ? "开机" : "关机 吗?"
+ `确定要切换设备"${item.name}"的状态为:${item.hotPumpStatus ? "开机" : "关机 吗?"
}`,
"提示",
{
@@ -1257,8 +1107,7 @@ export default {
// 设置供水泵手自动状态
handAutomatic(item) {
this.$confirm(
- `确定要切换设备"${item.name}"的状态为:${
- item.handAutomaticSwitch ? "手动" : "自动 吗?"
+ `确定要切换设备"${item.name}"的状态为:${item.handAutomaticSwitch ? "手动" : "自动 吗?"
}`,
"提示",
{
@@ -1286,8 +1135,7 @@ export default {
// 设置启停控制
handleSwitch(item) {
this.$confirm(
- `确定要切换设备"${item.name}"的状态为:${
- item.switchStatus ? "开启" : "停止 吗?"
+ `确定要切换设备"${item.name}"的状态为:${item.switchStatus ? "开启" : "停止 吗?"
}`,
"提示",
{
@@ -1384,17 +1232,20 @@ export default {
justify-content: space-between;
align-items: stretch;
height: 100%;
+
.left-tree {
width: 256px;
padding: 15px 10px;
border: 1px solid #004b8c;
min-height: 800px;
+
.status {
display: flex;
flex-direction: row;
justify-content: space-between;
flex-wrap: wrap;
margin-top: 20px;
+
.status-li {
width: 50%;
display: flex;
@@ -1403,6 +1254,7 @@ export default {
justify-content: center;
margin-bottom: 15px;
}
+
.status1,
.status2,
.status3,
@@ -1412,6 +1264,7 @@ export default {
align-items: center;
margin-bottom: 5px;
}
+
.status1::before {
content: "";
width: 10px;
@@ -1420,6 +1273,7 @@ export default {
background-color: #00d2ff;
margin-right: 5px;
}
+
.status2::before {
content: "";
width: 10px;
@@ -1428,6 +1282,7 @@ export default {
background-color: #ff2f2f;
margin-right: 5px;
}
+
.status3::before {
content: "";
width: 10px;
@@ -1436,6 +1291,7 @@ export default {
background-color: #ff9908;
margin-right: 5px;
}
+
.status4::before {
content: "";
width: 10px;
@@ -1446,11 +1302,13 @@ export default {
}
}
}
+
.right-monitor {
width: calc(100% - 280px);
display: flex;
flex-direction: column;
justify-content: flex-start;
+
.buildingDiv {
padding-left: 54px;
display: flex;
@@ -1458,6 +1316,7 @@ export default {
align-items: center;
margin-bottom: 20px;
position: relative;
+
.title-bg {
width: 208px;
height: 38px;
@@ -1465,6 +1324,7 @@ export default {
left: 0;
z-index: 0;
}
+
.title-word {
z-index: 10;
font-family: YouSheBiaoTiHei;
@@ -1473,6 +1333,7 @@ export default {
white-space: nowrap;
}
}
+
.monitor-context {
height: 640px;
width: 100%;
@@ -1485,6 +1346,7 @@ export default {
align-content: flex-start;
}
}
+
.monitor-context {
height: 650px;
width: 100%;
@@ -1495,6 +1357,7 @@ export default {
justify-content: flex-start;
flex-wrap: wrap;
align-content: flex-start;
+
.monitor-li {
display: flex;
flex-direction: column;
@@ -1504,14 +1367,13 @@ export default {
margin: 0 10px;
padding-bottom: 25px;
margin-bottom: 16px !important;
- background: linear-gradient(
- to top,
- rgba(0, 94, 173, 0.6) 0%,
- rgba(0, 94, 173, 0.1) 100%
- );
+ background: linear-gradient(to top,
+ rgba(0, 94, 173, 0.6) 0%,
+ rgba(0, 94, 173, 0.1) 100%);
overflow: hidden;
position: relative;
border-radius: 10px;
+
.monitor-title {
width: 100%;
height: 50px;
@@ -1525,6 +1387,7 @@ export default {
color: #ffffff;
text-align: center;
}
+
.monitor-flex {
width: 100%;
display: flex;
@@ -1533,30 +1396,36 @@ export default {
align-items: center;
justify-content: space-between;
margin-top: 20px;
+
.monitor-flex-left {
padding: 0 0.2rem;
display: flex;
flex-direction: column;
width: 100%;
+
.control-top {
display: flex;
flex-direction: row;
align-items: center;
justify-content: space-between;
width: 100%;
+
.monitor-img1 {
width: 1.2rem;
height: 1.2rem;
}
+
.monitor-img2 {
width: 1.2rem;
height: 0.8rem;
}
+
.monitor-img3 {
width: 1.2rem;
height: 0.8rem;
}
}
+
.control-bottom {
width: 100%;
display: flex;
@@ -1565,14 +1434,17 @@ export default {
justify-content: space-between;
margin-top: 20px;
}
+
.ash {
color: #b8bfcb;
white-space: nowrap;
margin-right: 8px;
}
+
.white {
color: #ffffff;
}
+
.words-li {
display: flex;
flex-direction: row;
@@ -1582,49 +1454,63 @@ export default {
line-height: 28px;
margin-bottom: 10px;
}
+
.monitor-words {
flex-wrap: wrap;
+
.words-li {
width: 100%;
}
}
+
.control-bottom {
flex-wrap: wrap;
+
.words-li {
width: 45%;
flex-wrap: nowrap;
}
+
.words-li2 {
width: 100%;
display: flex;
flex-direction: row;
align-items: center;
}
+
.words-li3 {
width: 36%;
}
+
.words-li4 {
width: 45%;
+
.ash {
width: 80px;
}
}
+
.words-li5 {
width: 45%;
+
.ash2 {
width: 100px;
}
}
+
.words-li6 {
width: 70%;
+
.ash2 {
width: 100px;
}
}
}
+
.sigClass {
width: 40%;
flex-wrap: wrap;
+
.words-li {
width: 100%;
}
@@ -1632,6 +1518,7 @@ export default {
}
}
}
+
.monitor-li::before {
content: "";
position: absolute;
@@ -1641,31 +1528,39 @@ export default {
bottom: 0;
border-radius: 10px;
border: 1px solid transparent;
- background: linear-gradient(
- 0deg,
+ background: linear-gradient(0deg,
#0088f0 0%,
- rgba(19, 213, 255, 0.2) 100%
- )
- border-box;
+ rgba(19, 213, 255, 0.2) 100%) border-box;
mask: linear-gradient(#fff 0 0) padding-box,
- /* 内部透明 */ linear-gradient(#fff 0 0); /* 填充整个区域 */
- mask-composite: exclude; /* 关键属性 */
- pointer-events: none; /* 防止遮挡点击事件 */
+ /* 内部透明 */
+ linear-gradient(#fff 0 0);
+ /* 填充整个区域 */
+ mask-composite: exclude;
+ /* 关键属性 */
+ pointer-events: none;
+ /* 防止遮挡点击事件 */
}
}
}
+
.tree-container {
- height: 300px; /* 设置固定高度 */
- overflow-y: auto; /* 启用垂直滚动条 */
+ height: 300px;
+ /* 设置固定高度 */
+ overflow-y: auto;
+ /* 启用垂直滚动条 */
}
+
// 滚动条
:-webkit-scrollbar {
- width: 10px; /* 滚动条宽度 */
+ width: 10px;
+ /* 滚动条宽度 */
}
::-webkit-scrollbar-track {
- background: transparent !important; /* 滚动条轨道背景色 */
+ background: transparent !important;
+ /* 滚动条轨道背景色 */
}
+
.custom-tree-node {
flex: 1;
display: flex;
@@ -1673,56 +1568,67 @@ export default {
justify-content: space-between;
font-size: 14px;
padding-right: 8px;
+
.tree-left {
.custom-tree-icon {
margin-right: 5px;
}
}
}
+
@media (min-width: 1350px) and (max-width: 1460px) {
- .monitor-img3 {
- }
+ .monitor-img3 {}
}
+
@media (min-width: 1350px) and (max-width: 1850px) {
.monitor-li {
width: calc(49% - 10px) !important;
margin: 0 5px !important;
}
+
.monitor-img1 {
width: 100px !important;
height: 100px !important;
}
+
.monitor-img2 {
width: 100px !important;
height: 60px !important;
}
+
.monitor-img3 {
width: 1.2rem !important;
height: 0.9rem !important;
}
}
+
@media (max-width: 1350px) {
.monitor-li {
width: 100% !important;
margin: 0 !important;
margin-right: 10px !important;
+
.monitor-img1 {
width: 100px !important;
height: 100px !important;
}
+
.monitor-img2 {
width: 100px !important;
height: 80px !important;
}
+
.monitor-img3 {
width: 100px !important;
height: 80px !important;
}
+
.monitor-flex-left {
padding: 0 30px !important;
}
}
}
+
// 媒体查询,适配大于2000px分辨率的大屏样式
@media (min-width: 2000px) {
.app-container {
@@ -1730,17 +1636,21 @@ export default {
width: 2.56rem !important;
padding: 0.15rem 0.1rem !important;
min-height: 8rem !important;
+
.status {
margin-top: 0.2rem !important;
+
.status-li {
margin-bottom: 0.15rem !important;
}
+
.status1,
.status2,
.status3,
.status4 {
margin-bottom: 0.05rem !important;
}
+
.status1::before,
.status2::before,
.status3::before,
@@ -1751,25 +1661,32 @@ export default {
}
}
}
+
.right-monitor {
width: calc(100% - 2.8rem) !important;
+
.buildingDiv {
padding-left: 0.54rem !important;
margin-bottom: 0.2rem !important;
+
.title-bg {
width: 2.08rem !important;
height: 0.38rem !important;
}
+
.title-word {
font-size: 0.24rem !important;
}
}
+
.monitor-context {
height: 6.4rem !important;
}
}
+
.monitor-context {
height: 6.5rem !important;
+
.monitor-li {
min-height: 1.6rem !important;
width: calc(33.33% - 0.2rem) !important;
@@ -1777,36 +1694,44 @@ export default {
padding-bottom: 0.25rem !important;
margin-bottom: 0.16rem !important;
border-radius: 0.1rem !important;
+
.monitor-title {
height: 0.5rem !important;
font-size: 0.18rem !important;
line-height: 0.4rem !important;
}
+
.monitor-flex {
margin-top: 0.2rem !important;
+
.monitor-flex-left {
.control-bottom {
margin-top: 0.2rem !important;
}
+
.ash {
margin-right: 0.08rem !important;
}
+
.words-li {
font-size: 0.16rem !important;
line-height: 0.28rem !important;
margin-bottom: 0.1rem !important;
}
+
.control-bottom {
.words-li4 {
.ash {
width: 1.3rem !important;
}
}
+
.words-li5 {
.ash2 {
width: 1rem !important;
}
}
+
.words-li6 {
.ash2 {
width: 1rem !important;
@@ -1816,6 +1741,7 @@ export default {
}
}
}
+
.monitor-li::before {
border-radius: 0.1rem !important;
}
@@ -1825,19 +1751,18 @@ export default {