Browse Source

调整大屏图标的大小

meizhou
selia-zx 3 weeks ago
parent
commit
b7e2a43f55
  1. 22
      src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails.vue
  2. 40
      src/views/aircAndWindc/awSysMonitor/components/damperMonitor.vue
  3. 22
      src/views/boilerSys/boilerMonitor/boilerMonitorDetails.vue
  4. 24
      src/views/boilerSys/heatingPump/heatingPumpDetails.vue
  5. 188
      src/views/boilerSys/hotWaterBoiler/hotWaterBoilerDetails.vue
  6. 25
      src/views/centerairC/sysMonitor/hostDetails.vue
  7. 22
      src/views/centerairC/sysMonitor/monitorCenter.vue
  8. 28
      src/views/centerairC/sysMonitor/performance.vue
  9. 22
      src/views/hotWater/waterMonitor/waterMonitorDetails.vue
  10. 1021
      src/views/temSys/temMonitor/index copy.vue
  11. 22
      src/views/temSys/temMonitor/temMonitorDeatils.vue

22
src/views/aircAndWindc/awSysMonitor/asSysMonitorDetails.vue

@ -482,7 +482,7 @@ export default {
} }
.title-right { .title-right {
width: 5.04rem; width: 5.04rem;
height: 0.61rem; height: 0.78rem;
} }
.sys-title { .sys-title {
position: absolute; position: absolute;
@ -496,7 +496,7 @@ export default {
} }
.nowTime { .nowTime {
position: absolute; position: absolute;
top: 0.3rem; top: 0.37rem;
right: 0.6rem; right: 0.6rem;
font-size: 0.18rem; font-size: 0.18rem;
color: #ffffff; color: #ffffff;
@ -522,11 +522,11 @@ export default {
} }
.icon_warning { .icon_warning {
position: absolute; position: absolute;
top: 0.33rem; top: 0.39rem;
right: 4.4rem; right: 4.4rem;
z-index: 10; z-index: 10;
width: 0.3rem; width: 0.35rem;
height: 0.27rem; height: 0.32rem;
margin: 0 0.25rem 0 0.27rem; margin: 0 0.25rem 0 0.27rem;
cursor: pointer; cursor: pointer;
/* 添加闪烁动画 */ /* 添加闪烁动画 */
@ -542,21 +542,21 @@ export default {
} }
.icon_home { .icon_home {
position: absolute; position: absolute;
top: 0.33rem; top: 0.39rem;
right: 4rem; right: 4rem;
z-index: 10; z-index: 10;
width: 0.3rem; width: 0.35rem;
height: 0.27rem; height: 0.32rem;
margin: 0 0.2rem 0 0.27rem; margin: 0 0.2rem 0 0.27rem;
cursor: pointer; cursor: pointer;
} }
.back-icon { .back-icon {
position: absolute; position: absolute;
top: 0.33rem; top: 0.39rem;
right: 3.7rem; right: 3.7rem;
z-index: 10; z-index: 10;
width: 0.3rem; width: 0.35rem;
height: 0.27rem; height: 0.32rem;
cursor: pointer; cursor: pointer;
} }
} }

40
src/views/aircAndWindc/awSysMonitor/components/damperMonitor.vue

@ -466,7 +466,7 @@
<!-- 远程启停 --> <!-- 远程启停 -->
<div <div
class="offClass" class="offClass"
@click="handleOneKeyButton(remoteManualObj,'远程手动停止')" @click="handleOneKeyButton(remoteManualObj, '远程手动停止')"
v-if="isObjectValid(remoteManualObj) && startStopValue === 0" v-if="isObjectValid(remoteManualObj) && startStopValue === 0"
> >
<div v-if="remoteManualObj.collectValue" class="off-bg on-animation"> <div v-if="remoteManualObj.collectValue" class="off-bg on-animation">
@ -477,7 +477,7 @@
<!-- 时间表启停 --> <!-- 时间表启停 -->
<div <div
class="offClass" class="offClass"
@click="handleOneKeyButton(timeScheduleObj,'时间表停止')" @click="handleOneKeyButton(timeScheduleObj, '时间表停止')"
v-if="isObjectValid(timeScheduleObj) && startStopValue === 1" v-if="isObjectValid(timeScheduleObj) && startStopValue === 1"
> >
<div v-if="timeScheduleObj.collectValue" class="off-bg on-animation"> <div v-if="timeScheduleObj.collectValue" class="off-bg on-animation">
@ -911,9 +911,18 @@ export default {
item.collectName.includes("启停选择") item.collectName.includes("启停选择")
) { ) {
this.startStopObj = item; this.startStopObj = item;
if (String(this.startStopObj.collectValue) === "0.00") { if (typeof this.startStopObj.collectValue === "string") {
this.startStopObj.collectValue = 0; //
this.startStopValue = 0; if (
/^\d+$/.test(this.startStopObj.collectValue) ||
this.startStopObj.collectValue.match(/^\d+\.00$/)
) {
this.startStopObj.collectValue = parseInt(
this.startStopObj.collectValue,
10
);
this.startStopValue = this.startStopObj.collectValue;
}
} }
} }
// 01 // 01
@ -955,14 +964,17 @@ export default {
) { ) {
this.modeChangeObj = item; this.modeChangeObj = item;
// collectValue // collectValue
if ( if (typeof this.modeChangeObj.collectValue === "string") {
typeof this.modeChangeObj.collectValue === "string" && //
this.modeChangeObj.collectValue.match(/^\d+\.00$/) if (
) { /^\d+$/.test(this.modeChangeObj.collectValue) ||
this.modeChangeObj.collectValue = parseInt( this.modeChangeObj.collectValue.match(/^\d+\.00$/)
this.modeChangeObj.collectValue, ) {
10 this.modeChangeObj.collectValue = parseInt(
); this.modeChangeObj.collectValue,
10
);
}
} }
if (this.modeChangeObj.collectValue === 0) { if (this.modeChangeObj.collectValue === 0) {
this.isShowMode1 = true; this.isShowMode1 = true;
@ -1546,7 +1558,7 @@ export default {
} }
}, },
// //
handleOneKeyButton(item,val) { handleOneKeyButton(item, val) {
console.log( console.log(
"this.automaticObj.collectValue", "this.automaticObj.collectValue",
this.automaticObj.collectValue this.automaticObj.collectValue

22
src/views/boilerSys/boilerMonitor/boilerMonitorDetails.vue

@ -570,7 +570,7 @@ export default {
} }
.title-right { .title-right {
width: 5.04rem; width: 5.04rem;
height: 0.61rem; height: 0.78rem;
} }
.sys-title { .sys-title {
position: absolute; position: absolute;
@ -584,7 +584,7 @@ export default {
} }
.nowTime { .nowTime {
position: absolute; position: absolute;
top: 0.3rem; top: 0.37rem;
right: 0.6rem; right: 0.6rem;
font-size: 0.18rem; font-size: 0.18rem;
color: #ffffff; color: #ffffff;
@ -610,11 +610,11 @@ export default {
} }
.icon_warning { .icon_warning {
position: absolute; position: absolute;
top: 0.33rem; top: 0.39rem;
right: 4.4rem; right: 4.4rem;
z-index: 10; z-index: 10;
width: 0.3rem; width: 0.35rem;
height: 0.27rem; height: 0.32rem;
margin: 0 0.25rem 0 0.27rem; margin: 0 0.25rem 0 0.27rem;
cursor: pointer; cursor: pointer;
/* 添加闪烁动画 */ /* 添加闪烁动画 */
@ -630,21 +630,21 @@ export default {
} }
.icon_home { .icon_home {
position: absolute; position: absolute;
top: 0.33rem; top: 0.39rem;
right: 4rem; right: 4rem;
z-index: 10; z-index: 10;
width: 0.3rem; width: 0.35rem;
height: 0.27rem; height: 0.32rem;
margin: 0 0.2rem 0 0.27rem; margin: 0 0.2rem 0 0.27rem;
cursor: pointer; cursor: pointer;
} }
.back-icon { .back-icon {
position: absolute; position: absolute;
top: 0.33rem; top: 0.39rem;
right: 3.7rem; right: 3.7rem;
z-index: 10; z-index: 10;
width: 0.3rem; width: 0.35rem;
height: 0.27rem; height: 0.32rem;
cursor: pointer; cursor: pointer;
} }
} }

24
src/views/boilerSys/heatingPump/heatingPumpDetails.vue

@ -804,7 +804,7 @@ export default {
} }
.title-right { .title-right {
width: 5.04rem; width: 5.04rem;
height: 0.61rem; height: 0.78rem;
} }
.sys-title { .sys-title {
position: absolute; position: absolute;
@ -818,7 +818,7 @@ export default {
} }
.nowTime { .nowTime {
position: absolute; position: absolute;
top: 0.3rem; top: 0.37rem;
right: 0.6rem; right: 0.6rem;
font-size: 0.18rem; font-size: 0.18rem;
color: #ffffff; color: #ffffff;
@ -844,11 +844,11 @@ export default {
} }
.icon_warning { .icon_warning {
position: absolute; position: absolute;
top: 0.33rem; top: 0.39rem;
right: 4.4rem; right: 4.4rem;
z-index: 10; z-index: 10;
width: 0.3rem; width: 0.35rem;
height: 0.27rem; height: 0.32rem;
margin: 0 0.25rem 0 0.27rem; margin: 0 0.25rem 0 0.27rem;
cursor: pointer; cursor: pointer;
/* 添加闪烁动画 */ /* 添加闪烁动画 */
@ -864,21 +864,21 @@ export default {
} }
.icon_home { .icon_home {
position: absolute; position: absolute;
top: 0.33rem; top: 0.37rem;
right: 4rem; right: 4rem;
z-index: 10; z-index: 10;
width: 0.3rem; width: 0.35rem;
height: 0.27rem; height: 0.32rem;
margin: 0 0.2rem 0 0.27rem; margin: 0 0.2rem 0 0.27rem;
cursor: pointer; cursor: pointer;
} }
.back-icon { .back-icon {
position: absolute; position: absolute;
top: 0.33rem; top: 0.37rem;
right: 3.7rem; right: 3.7rem;
z-index: 10; z-index: 10;
width: 0.3rem; width: 0.35rem;
height: 0.27rem; height: 0.32rem;
cursor: pointer; cursor: pointer;
} }
} }
@ -986,7 +986,7 @@ export default {
} }
} }
.alarm { .alarm {
.pumpli-monitor{ .pumpli-monitor {
margin-top: 0.2rem; margin-top: 0.2rem;
} }
} }

188
src/views/boilerSys/hotWaterBoiler/hotWaterBoilerDetails.vue

@ -45,7 +45,11 @@
/> />
</div> </div>
<div class="hotWater-div"> <div class="hotWater-div">
<div class="hotWater-li" v-for="(boiler, index) in hotWaterBoilerData" :key="index"> <div
class="hotWater-li"
v-for="(boiler, index) in hotWaterBoilerData"
:key="index"
>
<div class="special-div one"> <div class="special-div one">
<div class="special-top"> <div class="special-top">
<div class="special-title"> <div class="special-title">
@ -65,29 +69,43 @@
<div class="hotWater-tem"> <div class="hotWater-tem">
<div class="pump-data-li"> <div class="pump-data-li">
<div>出水温度:</div> <div>出水温度:</div>
<div class="pump-data-text">{{ getTemperatureData(boiler, '出水温度') }}</div> <div class="pump-data-text">
{{ getTemperatureData(boiler, "出水温度") }}
</div>
</div> </div>
<div class="pump-data-li"> <div class="pump-data-li">
<div>回水温度:</div> <div>回水温度:</div>
<div class="pump-data-text">{{ getTemperatureData(boiler, '回水温度') }}</div> <div class="pump-data-text">
{{ getTemperatureData(boiler, "回水温度") }}
</div>
</div> </div>
<div class="pump-data-li"> <div class="pump-data-li">
<div>炉水温度:</div> <div>炉水温度:</div>
<div class="pump-data-text">{{ getTemperatureData(boiler, '炉水温度') }}</div> <div class="pump-data-text">
{{ getTemperatureData(boiler, "炉水温度") }}
</div>
</div> </div>
<div class="pump-data-li"> <div class="pump-data-li">
<div>烟道温度:</div> <div>烟道温度:</div>
<div class="pump-data-text">{{ getTemperatureData(boiler, '烟道温度') }}</div> <div class="pump-data-text">
{{ getTemperatureData(boiler, "烟道温度") }}
</div>
</div> </div>
</div> </div>
<div class="port-right"> <div class="port-right">
<div class="port"> <div class="port">
<div :class="['port-li', getFireSignalClass(boiler, '大火')]">大火控制信号发出</div> <div :class="['port-li', getFireSignalClass(boiler, '大火')]">
<div :class="['port-li', getFireSignalClass(boiler, '小火')]">小火控制信号发出</div> 大火控制信号发出
</div>
<div :class="['port-li', getFireSignalClass(boiler, '小火')]">
小火控制信号发出
</div>
<div class="port-li port-close">燃烧机电源</div> <div class="port-li port-close">燃烧机电源</div>
</div> </div>
<div class="bad-div"> <div class="bad-div">
故障信息:<span class="bad-text">{{ getFaultInfo(boiler) }}</span> 故障信息:<span class="bad-text">{{
getFaultInfo(boiler)
}}</span>
</div> </div>
</div> </div>
</div> </div>
@ -253,7 +271,7 @@ export default {
mounted() { mounted() {
this.getAlarnStatus(); this.getAlarnStatus();
this.getDayData(); this.getDayData();
// //
this.getHotWaterBoiler(); this.getHotWaterBoiler();
}, },
beforeDestroy() { beforeDestroy() {
@ -265,117 +283,133 @@ export default {
methods: { methods: {
// Get temperature data by type (keep as is) // Get temperature data by type (keep as is)
getTemperatureData(boiler, type) { getTemperatureData(boiler, type) {
if (!boiler || !boiler.values) return '--'; if (!boiler || !boiler.values) return "--";
const item = boiler.values.find(v => v.otherName && v.otherName.includes(type)); const item = boiler.values.find(
return item && item.curValue !== null ? item.curValue : '--'; (v) => v.otherName && v.otherName.includes(type)
);
return item && item.curValue !== null ? item.curValue : "--";
}, },
// Get fire signal class for individual signals // Get fire signal class for individual signals
getFireSignalClass(boiler, signalType) { getFireSignalClass(boiler, signalType) {
if (!boiler || !boiler.values) return 'port-close'; if (!boiler || !boiler.values) return "port-close";
// Get fire signal values // Get fire signal values
const fire1Item = boiler.values.find(v => v.otherName && v.otherName.includes('火力1')); const fire1Item = boiler.values.find(
const fire2Item = boiler.values.find(v => v.otherName && v.otherName.includes('火力2')); (v) => v.otherName && v.otherName.includes("火力1")
);
const fire1Value = fire1Item && fire1Item.curValue !== null ? fire1Item.curValue : 0; const fire2Item = boiler.values.find(
const fire2Value = fire2Item && fire2Item.curValue !== null ? fire2Item.curValue : 0; (v) => v.otherName && v.otherName.includes("火力2")
);
const fire1Value =
fire1Item && fire1Item.curValue !== null ? fire1Item.curValue : 0;
const fire2Value =
fire2Item && fire2Item.curValue !== null ? fire2Item.curValue : 0;
// Determine which signal should be open based on the logic: // Determine which signal should be open based on the logic:
// : fire1=1 and fire2=1 // : fire1=1 and fire2=1
// : fire1=1 and fire2=0 // : fire1=1 and fire2=0
if (signalType === '大火' && fire1Value == 1 && fire2Value == 1) { if (signalType === "大火" && fire1Value == 1 && fire2Value == 1) {
return 'port-open'; return "port-open";
} else if (signalType === '小火' && fire1Value == 1 && fire2Value == 0) { } else if (signalType === "小火" && fire1Value == 1 && fire2Value == 0) {
return 'port-open'; return "port-open";
} else { } else {
return 'port-close'; return "port-close";
} }
}, },
// Get fire status text based on both fire signals (for other uses if needed) // Get fire status text based on both fire signals (for other uses if needed)
getFireStatusText(boiler) { getFireStatusText(boiler) {
if (!boiler || !boiler.values) return '未开机'; if (!boiler || !boiler.values) return "未开机";
const fire1Item = boiler.values.find(v => v.otherName && v.otherName.includes('火力1')); const fire1Item = boiler.values.find(
const fire2Item = boiler.values.find(v => v.otherName && v.otherName.includes('火力2')); (v) => v.otherName && v.otherName.includes("火力1")
);
const fire1Value = fire1Item && fire1Item.curValue !== null ? fire1Item.curValue : 0; const fire2Item = boiler.values.find(
const fire2Value = fire2Item && fire2Item.curValue !== null ? fire2Item.curValue : 0; (v) => v.otherName && v.otherName.includes("火力2")
);
const fire1Value =
fire1Item && fire1Item.curValue !== null ? fire1Item.curValue : 0;
const fire2Value =
fire2Item && fire2Item.curValue !== null ? fire2Item.curValue : 0;
// If both are 0, boiler is off // If both are 0, boiler is off
if (fire1Value == 0 && fire2Value == 0) { if (fire1Value == 0 && fire2Value == 0) {
return '无火信号'; return "无火信号";
} }
// If fire1 is 1 and fire2 is 0, small fire // If fire1 is 1 and fire2 is 0, small fire
else if (fire1Value == 1 && fire2Value == 0) { else if (fire1Value == 1 && fire2Value == 0) {
return '小火控制信号发出'; return "小火控制信号发出";
} }
// If both fire1 and fire2 are 1, big fire // If both fire1 and fire2 are 1, big fire
else if (fire1Value == 1 && fire2Value == 1) { else if (fire1Value == 1 && fire2Value == 1) {
return '大火控制信号发出'; return "大火控制信号发出";
} }
// Any other case // Any other case
else { else {
return '未开机'; return "未开机";
} }
}, },
// Get fault information (placeholder implementation) // Get fault information (placeholder implementation)
// Get fault information based on fault code // Get fault information based on fault code
getFaultInfo(boiler) { getFaultInfo(boiler) {
if (!boiler || !boiler.values) return '无故障'; if (!boiler || !boiler.values) return "无故障";
// Find the fault item - you might need to adjust this based on actual data structure // Find the fault item - you might need to adjust this based on actual data structure
const faultItem = boiler.values.find(v => v.otherName && v.otherName.includes('故障')); const faultItem = boiler.values.find(
(v) => v.otherName && v.otherName.includes("故障")
);
if (!faultItem || faultItem.curValue === null) { if (!faultItem || faultItem.curValue === null) {
return '无故障'; return "无故障";
} }
// Convert fault code to descriptive text // Convert fault code to descriptive text
const faultCode = parseInt(faultItem.curValue); const faultCode = parseInt(faultItem.curValue);
switch (faultCode) { switch (faultCode) {
case 0: case 0:
return '无故障'; return "无故障";
case 1: case 1:
return '炉水温度传感器故障'; return "炉水温度传感器故障";
case 2: case 2:
return '出水温度传感器故障'; return "出水温度传感器故障";
case 3: case 3:
return '回水温度传感器故障'; return "回水温度传感器故障";
case 4: case 4:
return '锅炉水位极低'; return "锅炉水位极低";
case 5: case 5:
return '燃烧机故障'; return "燃烧机故障";
case 6: case 6:
return '炉水超温'; return "炉水超温";
case 7: case 7:
return '循环水流故障'; return "循环水流故障";
case 9: case 9:
return '定时时间到关机(正常关机模式)'; return "定时时间到关机(正常关机模式)";
case 11: case 11:
return '烟道传感器故障'; return "烟道传感器故障";
case 12: case 12:
return '烟道超温故障'; return "烟道超温故障";
case 13: case 13:
return '检漏故障'; return "检漏故障";
default: default:
return '未知故障'; return "未知故障";
} }
}, },
// //
getHotWaterBoiler() { getHotWaterBoiler() {
let queryParams = { let queryParams = {
systemType: '3', systemType: "3",
type: '0', type: "0",
}; };
hotWaterBoiler(queryParams).then((res) => { hotWaterBoiler(queryParams).then((res) => {
if (res.code == 200) { if (res.code == 200) {
console.log("热水锅炉数据", res.rows); console.log("热水锅炉数据", res.rows);
if(res.rows.length > 0){ if (res.rows.length > 0) {
this.hotWaterBoilerData = res.rows; this.hotWaterBoilerData = res.rows;
} else { } else {
this.hotWaterBoilerData = []; this.hotWaterBoilerData = [];
@ -447,7 +481,7 @@ export default {
} }
.title-right { .title-right {
width: 5.04rem; width: 5.04rem;
height: 0.61rem; height: 0.78rem;
} }
.sys-title { .sys-title {
position: absolute; position: absolute;
@ -461,7 +495,7 @@ export default {
} }
.nowTime { .nowTime {
position: absolute; position: absolute;
top: 0.3rem; top: 0.37rem;
right: 0.6rem; right: 0.6rem;
font-size: 0.18rem; font-size: 0.18rem;
color: #ffffff; color: #ffffff;
@ -487,11 +521,11 @@ export default {
} }
.icon_warning { .icon_warning {
position: absolute; position: absolute;
top: 0.33rem; top: 0.39rem;
right: 4.4rem; right: 4.4rem;
z-index: 10; z-index: 10;
width: 0.3rem; width: 0.35rem;
height: 0.27rem; height: 0.32rem;
margin: 0 0.25rem 0 0.27rem; margin: 0 0.25rem 0 0.27rem;
cursor: pointer; cursor: pointer;
/* 添加闪烁动画 */ /* 添加闪烁动画 */
@ -507,21 +541,21 @@ export default {
} }
.icon_home { .icon_home {
position: absolute; position: absolute;
top: 0.33rem; top: 0.39rem;
right: 4rem; right: 4rem;
z-index: 10; z-index: 10;
width: 0.3rem; width: 0.35rem;
height: 0.27rem; height: 0.32rem;
margin: 0 0.2rem 0 0.27rem; margin: 0 0.2rem 0 0.27rem;
cursor: pointer; cursor: pointer;
} }
.back-icon { .back-icon {
position: absolute; position: absolute;
top: 0.33rem; top: 0.39rem;
right: 3.7rem; right: 3.7rem;
z-index: 10; z-index: 10;
width: 0.3rem; width: 0.35rem;
height: 0.27rem; height: 0.32rem;
cursor: pointer; cursor: pointer;
} }
} }
@ -554,7 +588,7 @@ export default {
width: 100%; width: 100%;
padding: 0 0.25rem 0.15rem 0.7rem; padding: 0 0.25rem 0.15rem 0.7rem;
gap: 0.5rem; /* Add space between elements */ gap: 0.5rem; /* Add space between elements */
.hotWater-tem { .hotWater-tem {
flex: 1; /* Allow to grow */ flex: 1; /* Allow to grow */
min-width: 35%; /* Minimum width */ min-width: 35%; /* Minimum width */

25
src/views/centerairC/sysMonitor/hostDetails.vue

@ -142,7 +142,8 @@
" "
@input="handleInput(offsetValuerControlObj.curValue)" @input="handleInput(offsetValuerControlObj.curValue)"
@blur="handleBlur()" @blur="handleBlur()"
> <template #suffix></template></el-input >
<template #suffix></template></el-input
></span ></span
> >
</div> </div>
@ -801,7 +802,7 @@ export default {
} }
.title-right { .title-right {
width: 5.04rem; width: 5.04rem;
height: 0.61rem; height: 0.78rem;
} }
.sys-title { .sys-title {
position: absolute; position: absolute;
@ -815,7 +816,7 @@ export default {
} }
.nowTime { .nowTime {
position: absolute; position: absolute;
top: 0.3rem; top: 0.37rem;
right: 0.6rem; right: 0.6rem;
font-size: 0.18rem; font-size: 0.18rem;
color: #ffffff; color: #ffffff;
@ -841,11 +842,11 @@ export default {
} }
.icon_warning { .icon_warning {
position: absolute; position: absolute;
top: 0.33rem; top: 0.39rem;
right: 4.4rem; right: 4.4rem;
z-index: 10; z-index: 10;
width: 0.3rem; width: 0.35rem;
height: 0.27rem; height: 0.32rem;
margin: 0 0.25rem 0 0.27rem; margin: 0 0.25rem 0 0.27rem;
cursor: pointer; cursor: pointer;
/* 添加闪烁动画 */ /* 添加闪烁动画 */
@ -861,21 +862,21 @@ export default {
} }
.icon_home { .icon_home {
position: absolute; position: absolute;
top: 0.33rem; top: 0.39rem;
right: 4rem; right: 4rem;
z-index: 10; z-index: 10;
width: 0.3rem; width: 0.35rem;
height: 0.27rem; height: 0.32rem;
margin: 0 0.2rem 0 0.27rem; margin: 0 0.2rem 0 0.27rem;
cursor: pointer; cursor: pointer;
} }
.back-icon { .back-icon {
position: absolute; position: absolute;
top: 0.33rem; top: 0.39rem;
right: 3.7rem; right: 3.7rem;
z-index: 10; z-index: 10;
width: 0.3rem; width: 0.35rem;
height: 0.27rem; height: 0.32rem;
cursor: pointer; cursor: pointer;
} }
} }

22
src/views/centerairC/sysMonitor/monitorCenter.vue

@ -2664,7 +2664,7 @@ export default {
} }
.title-right { .title-right {
width: 5.04rem; width: 5.04rem;
height: 0.61rem; height: 0.78rem;
} }
.sys-title { .sys-title {
position: absolute; position: absolute;
@ -2678,7 +2678,7 @@ export default {
} }
.nowTime { .nowTime {
position: absolute; position: absolute;
top: 0.3rem; top: 0.37rem;
right: 0.6rem; right: 0.6rem;
font-size: 0.18rem; font-size: 0.18rem;
color: #ffffff; color: #ffffff;
@ -2704,11 +2704,11 @@ export default {
} }
.icon_warning { .icon_warning {
position: absolute; position: absolute;
top: 0.33rem; top: 0.39rem;
right: 4.4rem; right: 4.4rem;
z-index: 10; z-index: 10;
width: 0.3rem; width: 0.35rem;
height: 0.27rem; height: 0.32rem;
margin: 0 0.25rem 0 0.27rem; margin: 0 0.25rem 0 0.27rem;
cursor: pointer; cursor: pointer;
/* 添加闪烁动画 */ /* 添加闪烁动画 */
@ -2724,21 +2724,21 @@ export default {
} }
.icon_home { .icon_home {
position: absolute; position: absolute;
top: 0.33rem; top: 0.39rem;
right: 4rem; right: 4rem;
z-index: 10; z-index: 10;
width: 0.3rem; width: 0.35rem;
height: 0.27rem; height: 0.32rem;
margin: 0 0.2rem 0 0.27rem; margin: 0 0.2rem 0 0.27rem;
cursor: pointer; cursor: pointer;
} }
.back-icon { .back-icon {
position: absolute; position: absolute;
top: 0.33rem; top: 0.39rem;
right: 3.7rem; right: 3.7rem;
z-index: 10; z-index: 10;
width: 0.3rem; width: 0.35rem;
height: 0.27rem; height: 0.32rem;
cursor: pointer; cursor: pointer;
} }
} }

28
src/views/centerairC/sysMonitor/performance.vue

@ -397,7 +397,7 @@ import {
import { alarmRecordList } from "@/api/alarm/alarmRecord"; import { alarmRecordList } from "@/api/alarm/alarmRecord";
import titleImg from "./components/titleImg.vue"; import titleImg from "./components/titleImg.vue";
import { format } from "@/utils/datetime"; import { format } from "@/utils/datetime";
import PerformanceChart from './components/performanceChart.vue'; import PerformanceChart from "./components/performanceChart.vue";
export default { export default {
name: "sysControl", name: "sysControl",
components: { titleImg, PerformanceChart }, components: { titleImg, PerformanceChart },
@ -561,7 +561,7 @@ export default {
} }
.title-right { .title-right {
width: 5.04rem; width: 5.04rem;
height: 0.61rem; height: 0.78rem;
} }
.sys-title { .sys-title {
position: absolute; position: absolute;
@ -575,7 +575,7 @@ export default {
} }
.nowTime { .nowTime {
position: absolute; position: absolute;
top: 0.3rem; top: 0.37rem;
right: 0.6rem; right: 0.6rem;
font-size: 0.18rem; font-size: 0.18rem;
color: #ffffff; color: #ffffff;
@ -601,11 +601,11 @@ export default {
} }
.icon_warning { .icon_warning {
position: absolute; position: absolute;
top: 0.33rem; top: 0.39rem;
right: 4.4rem; right: 4.4rem;
z-index: 10; z-index: 10;
width: 0.3rem; width: 0.35rem;
height: 0.27rem; height: 0.32rem;
margin: 0 0.25rem 0 0.27rem; margin: 0 0.25rem 0 0.27rem;
cursor: pointer; cursor: pointer;
/* 添加闪烁动画 */ /* 添加闪烁动画 */
@ -621,21 +621,21 @@ export default {
} }
.icon_home { .icon_home {
position: absolute; position: absolute;
top: 0.33rem; top: 0.39rem;
right: 4rem; right: 4rem;
z-index: 10; z-index: 10;
width: 0.3rem; width: 0.35rem;
height: 0.27rem; height: 0.32rem;
margin: 0 0.2rem 0 0.27rem; margin: 0 0.2rem 0 0.27rem;
cursor: pointer; cursor: pointer;
} }
.back-icon { .back-icon {
position: absolute; position: absolute;
top: 0.33rem; top: 0.39rem;
right: 3.7rem; right: 3.7rem;
z-index: 10; z-index: 10;
width: 0.3rem; width: 0.35rem;
height: 0.27rem; height: 0.32rem;
cursor: pointer; cursor: pointer;
} }
} }
@ -669,7 +669,7 @@ export default {
height: 2.6rem; height: 2.6rem;
margin-bottom: 0.1rem; margin-bottom: 0.1rem;
} }
.host-name{ .host-name {
position: absolute; position: absolute;
top: 0.8rem; top: 0.8rem;
left: 1.6rem; left: 1.6rem;
@ -726,7 +726,7 @@ export default {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
justify-content: space-between; justify-content: space-between;
height:3rem; height: 3rem;
// background-color: #217df5; // background-color: #217df5;
} }
} }

22
src/views/hotWater/waterMonitor/waterMonitorDetails.vue

@ -1069,7 +1069,7 @@ export default {
} }
.title-right { .title-right {
width: 5.04rem; width: 5.04rem;
height: 0.61rem; height: 0.78rem;
} }
.sys-title { .sys-title {
position: absolute; position: absolute;
@ -1083,7 +1083,7 @@ export default {
} }
.nowTime { .nowTime {
position: absolute; position: absolute;
top: 0.3rem; top: 0.37rem;
right: 0.6rem; right: 0.6rem;
font-size: 0.18rem; font-size: 0.18rem;
color: #ffffff; color: #ffffff;
@ -1109,11 +1109,11 @@ export default {
} }
.icon_warning { .icon_warning {
position: absolute; position: absolute;
top: 0.33rem; top: 0.39rem;
right: 4.4rem; right: 4.4rem;
z-index: 10; z-index: 10;
width: 0.3rem; width: 0.35rem;
height: 0.27rem; height: 0.32rem;
margin: 0 0.25rem 0 0.27rem; margin: 0 0.25rem 0 0.27rem;
cursor: pointer; cursor: pointer;
/* 添加闪烁动画 */ /* 添加闪烁动画 */
@ -1129,21 +1129,21 @@ export default {
} }
.icon_home { .icon_home {
position: absolute; position: absolute;
top: 0.33rem; top: 0.39rem;
right: 4rem; right: 4rem;
z-index: 10; z-index: 10;
width: 0.3rem; width: 0.35rem;
height: 0.27rem; height: 0.32rem;
margin: 0 0.2rem 0 0.27rem; margin: 0 0.2rem 0 0.27rem;
cursor: pointer; cursor: pointer;
} }
.back-icon { .back-icon {
position: absolute; position: absolute;
top: 0.33rem; top: 0.39rem;
right: 3.7rem; right: 3.7rem;
z-index: 10; z-index: 10;
width: 0.3rem; width: 0.35rem;
height: 0.27rem; height: 0.32rem;
cursor: pointer; cursor: pointer;
} }
} }

1021
src/views/temSys/temMonitor/index copy.vue

File diff suppressed because it is too large Load Diff

22
src/views/temSys/temMonitor/temMonitorDeatils.vue

@ -827,7 +827,7 @@ export default {
} }
.title-right { .title-right {
width: 5.04rem; width: 5.04rem;
height: 0.61rem; height: 0.78rem;
} }
.sys-title { .sys-title {
position: absolute; position: absolute;
@ -841,7 +841,7 @@ export default {
} }
.nowTime { .nowTime {
position: absolute; position: absolute;
top: 0.3rem; top: 0.37rem;
right: 0.6rem; right: 0.6rem;
font-size: 0.18rem; font-size: 0.18rem;
color: #ffffff; color: #ffffff;
@ -867,11 +867,11 @@ export default {
} }
.icon_warning { .icon_warning {
position: absolute; position: absolute;
top: 0.33rem; top: 0.39rem;
right: 4.4rem; right: 4.4rem;
z-index: 10; z-index: 10;
width: 0.3rem; width: 0.35rem;
height: 0.27rem; height: 0.32rem;
margin: 0 0.25rem 0 0.27rem; margin: 0 0.25rem 0 0.27rem;
cursor: pointer; cursor: pointer;
/* 添加闪烁动画 */ /* 添加闪烁动画 */
@ -887,21 +887,21 @@ export default {
} }
.icon_home { .icon_home {
position: absolute; position: absolute;
top: 0.33rem; top: 0.39rem;
right: 4rem; right: 4rem;
z-index: 10; z-index: 10;
width: 0.3rem; width: 0.35rem;
height: 0.27rem; height: 0.32rem;
margin: 0 0.2rem 0 0.27rem; margin: 0 0.2rem 0 0.27rem;
cursor: pointer; cursor: pointer;
} }
.back-icon { .back-icon {
position: absolute; position: absolute;
top: 0.33rem; top: 0.39rem;
right: 3.7rem; right: 3.7rem;
z-index: 10; z-index: 10;
width: 0.3rem; width: 0.35rem;
height: 0.27rem; height: 0.32rem;
cursor: pointer; cursor: pointer;
} }
} }

Loading…
Cancel
Save