diff --git a/src/views/centerairC/sysMonitor/hostDetails.vue b/src/views/centerairC/sysMonitor/hostDetails.vue index 4c897f4..04ad1b0 100644 --- a/src/views/centerairC/sysMonitor/hostDetails.vue +++ b/src/views/centerairC/sysMonitor/hostDetails.vue @@ -163,12 +163,12 @@ - + > -->
@@ -191,12 +191,12 @@
- + > --> @@ -368,11 +368,17 @@ export default { // 主机参数分开两列 this.leftHostData = []; this.rightHostData = []; + // 筛选去掉特定 paramType 的数据 + this.rightHostData = this.hostData.filter((item) => { + return !["2", "21", "20", "6", "5", "22", "26"].includes( + Number(item.paramType) + ); + }); + // // 根据 ordernum 进行排序 + // this.rightHostData.sort((a, b) => { + // return Number(a.ordernum) - Number(b.ordernum); + // }); this.hostData.forEach((item) => { - // 右边主机参数 温度12 - if (item.paramType === "12") { - this.rightHostData.push(item); - } //左边主机参数 根据不同的 paramType 处理 showValue if (item.paramType === "6") { // 运行状态 @@ -402,10 +408,13 @@ export default { // 遍历数组 for (let i = 0; i < this.compressorData.length; i++) { const item = this.compressorData[i]; - if (item.paramType === '1' && Number(item.curValue) === 0) { + if (item.paramType === "1" && Number(item.curValue) === 0) { item.curValue = "停止"; - console.log("压缩机停止了啊是0···················") - }else if (item.paramType === '1' && Number(item.curValue) === 1){ + console.log("压缩机停止了啊是0···················"); + } else if ( + item.paramType === "1" && + Number(item.curValue) === 1 + ) { item.curValue = "运行"; } } @@ -792,7 +801,7 @@ export default { } } .detail-bottom { - height: 5rem; + // height: 5rem; margin-top: 0.3rem; margin-left: 0.25rem; display: flex; @@ -801,9 +810,9 @@ export default { .hostStatus { display: flex; flex-direction: column; - justify-content: flex-end; - width: 3rem; - margin-bottom: 1.5rem; + justify-content: flex-start; + width: 3rem !important; + margin-top: 1.5rem; .hostStatus-li { background-color: #25455a; color: #c0dffc; @@ -813,7 +822,11 @@ export default { letter-spacing: 0.02rem; display: flex; flex-direction: row; + flex-wrap: nowrap; align-items: flex-start; + span { + white-space: nowrap; + } } } .detail-data { @@ -837,17 +850,18 @@ export default { } } .detail-data-bottom { - width: 100%; - padding: 0.1rem 0.3rem; + // width: 100%; + // padding: 0.1rem 0.3rem; z-index: 0; display: flex; flex-direction: row; flex-wrap: wrap; - align-items: flex-start; + align-items: stretch; justify-content: flex-start; .detail-data-li { // width: 100%; margin-right: 0.1rem; + margin-bottom: 0.15rem !important; position: relative; color: #c0dffc; font-family: Arial, sans-serif; @@ -990,20 +1004,26 @@ export default { } } .hostparams { - width: 7.6rem; + // width: 7.7rem; + width: 7rem; .detail-data-bottom { - padding-left: 0.5rem; + // padding-left: 0.5rem; .detail-data-li { - width: 3.2rem; + // width: 3.2rem; + width: calc(50% - 0.2rem) !important; + margin: 0 0.1rem; } } } .compressor { width: 7.6rem; .detail-data-bottom { - padding-left: 0.75rem; + // padding-left: 0.75rem; + // width: 10rem; .detail-data-li { - width: 3rem; + // width: 3.4rem; + width: calc(50% - 0.2rem) !important; + margin: 0 0.1rem; } } } @@ -1037,4 +1057,4 @@ export default { } } } - \ No newline at end of file +