|
@@ -35,7 +35,11 @@
|
|
<div class="space-env">
|
|
<div class="space-env">
|
|
<div
|
|
<div
|
|
class="env-item"
|
|
class="env-item"
|
|
- :style="[{ background: item.bgColor },{opacity: item.bgColor?0.8:''},{borderRadius:item.bgColor?'25px':''}]"
|
|
|
|
|
|
+ :style="[
|
|
|
|
+ { background: item.bgColor ? item.bgColor : '' },
|
|
|
|
+ { opacity: item.bgColor ? 0.8 : '' },
|
|
|
|
+ { borderRadius: item.bgColor ? '25px' : '' },
|
|
|
|
+ ]"
|
|
:class="index == 1 ? 'env-color' : ''"
|
|
:class="index == 1 ? 'env-color' : ''"
|
|
:key="'env' + index"
|
|
:key="'env' + index"
|
|
v-for="(item, index) in envlist"
|
|
v-for="(item, index) in envlist"
|
|
@@ -804,24 +808,56 @@ export default defineComponent({
|
|
},
|
|
},
|
|
// 设置环境参数的背景颜色
|
|
// 设置环境参数的背景颜色
|
|
setEnvBg(key: any, text: any) {
|
|
setEnvBg(key: any, text: any) {
|
|
- let bgColor: any =`linear-gradient(180deg, rgba(205, 11, 0, 0) 0%, #CD0B00 100%);`;
|
|
|
|
|
|
+ let bgColor: any = "";
|
|
if (key === "humidity") {
|
|
if (key === "humidity") {
|
|
// 湿度
|
|
// 湿度
|
|
if (text === "干燥" || text === "潮湿") {
|
|
if (text === "干燥" || text === "潮湿") {
|
|
- bgColor = `linear-gradient(180deg, rgba(205, 11, 0, 0) 0%, #CD0B00 100%);`;
|
|
|
|
|
|
+ bgColor =
|
|
|
|
+ "linear-gradient(180deg, rgba(205, 11, 0, 0) 0%, #CD0B00 100%)";
|
|
} else {
|
|
} else {
|
|
bgColor = "";
|
|
bgColor = "";
|
|
}
|
|
}
|
|
} else if (key === "hcho") {
|
|
} else if (key === "hcho") {
|
|
// 甲醛
|
|
// 甲醛
|
|
if (text === "超标") {
|
|
if (text === "超标") {
|
|
- bgColor = `linear-gradient(180deg, rgba(205, 11, 0, 0) 0%, #CD0B00 100%);`;
|
|
|
|
|
|
+ bgColor =
|
|
|
|
+ "linear-gradient(180deg, rgba(205, 11, 0, 0) 0%, #CD0B00 100%)";
|
|
|
|
+ } else {
|
|
|
|
+ bgColor = "";
|
|
|
|
+ }
|
|
|
|
+ } else if (key === "co2") {
|
|
|
|
+ if (text === "略高") {
|
|
|
|
+ bgColor =
|
|
|
|
+ "linear-gradient(180deg, rgba(205, 11, 0, 0.5) 0%, #CD0B00 100%)";
|
|
|
|
+ } else if (text === "超标") {
|
|
|
|
+ bgColor =
|
|
|
|
+ "linear-gradient(180deg, rgba(205, 11, 0, 1) 0%, #CD0B00 100%)";
|
|
|
|
+ } else {
|
|
|
|
+ bgColor = "";
|
|
|
|
+ }
|
|
|
|
+ } else if (key === "pm25") {
|
|
|
|
+ if (text === "良") {
|
|
|
|
+ bgColor =
|
|
|
|
+ "linear-gradient(180deg, rgba(205, 11, 0, 0.2) 0%, #CD0B00 100%)";
|
|
|
|
+ } else if (text === "轻度污染") {
|
|
|
|
+ bgColor =
|
|
|
|
+ "linear-gradient(180deg, rgba(205, 11, 0, 0.4) 0%, #CD0B00 100%)";
|
|
|
|
+ } else if (text === "中度污染") {
|
|
|
|
+ bgColor =
|
|
|
|
+ "linear-gradient(180deg, rgba(205, 11, 0, 0.6) 0%, #CD0B00 100%)";
|
|
|
|
+ } else if (text === "重度污染") {
|
|
|
|
+ bgColor =
|
|
|
|
+ "linear-gradient(180deg, rgba(205, 11, 0, 0.8) 0%, #CD0B00 100%)";
|
|
|
|
+ } else if (text === "严重污染") {
|
|
|
|
+ bgColor =
|
|
|
|
+ "linear-gradient(180deg, rgba(205, 11, 0, 1) 0%, #CD0B00 100%)";
|
|
} else {
|
|
} else {
|
|
bgColor = "";
|
|
bgColor = "";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
return bgColor;
|
|
return bgColor;
|
|
},
|
|
},
|
|
|
|
+ // 格式化环境数据(处理环境数据展示的级别)
|
|
checkLevel(value: string, name: string) {
|
|
checkLevel(value: string, name: string) {
|
|
let objList = {
|
|
let objList = {
|
|
humidity: {
|
|
humidity: {
|
|
@@ -872,7 +908,6 @@ export default defineComponent({
|
|
},
|
|
},
|
|
// 空间信息数据格式化
|
|
// 空间信息数据格式化
|
|
formatSpaceInfo(content: any = []) {
|
|
formatSpaceInfo(content: any = []) {
|
|
- proxyData.realEevList = [];
|
|
|
|
for (let i = 0; i < content.length; i++) {
|
|
for (let i = 0; i < content.length; i++) {
|
|
let item = content[i];
|
|
let item = content[i];
|
|
if (item.co2 || item.co2 == 0) {
|
|
if (item.co2 || item.co2 == 0) {
|
|
@@ -881,8 +916,9 @@ export default defineComponent({
|
|
proxyData.envlist[1].bgColor = obj.bgColor;
|
|
proxyData.envlist[1].bgColor = obj.bgColor;
|
|
proxyData.envlist[1].num = item.co2;
|
|
proxyData.envlist[1].num = item.co2;
|
|
} else {
|
|
} else {
|
|
- proxyData.envlist[1].level = "";
|
|
|
|
- proxyData.envlist[1].num = "";
|
|
|
|
|
|
+ proxyData.envlist[1].level = "--";
|
|
|
|
+ proxyData.envlist[1].num = "--";
|
|
|
|
+ proxyData.envlist[1].bgColor = "";
|
|
}
|
|
}
|
|
if (item.pm25 || item.pm25 === 0) {
|
|
if (item.pm25 || item.pm25 === 0) {
|
|
let obj: any = proxyData.checkLevel(item.pm25, "pm25");
|
|
let obj: any = proxyData.checkLevel(item.pm25, "pm25");
|
|
@@ -890,8 +926,9 @@ export default defineComponent({
|
|
proxyData.envlist[2].bgColor = obj.bgColor;
|
|
proxyData.envlist[2].bgColor = obj.bgColor;
|
|
proxyData.envlist[2].num = item.pm25;
|
|
proxyData.envlist[2].num = item.pm25;
|
|
} else {
|
|
} else {
|
|
- proxyData.envlist[2].level = "";
|
|
|
|
- proxyData.envlist[2].num = "";
|
|
|
|
|
|
+ proxyData.envlist[2].level = "--";
|
|
|
|
+ proxyData.envlist[2].num = "--";
|
|
|
|
+ proxyData.envlist[2].bgColor = "";
|
|
}
|
|
}
|
|
if (item.hcho || item.hcho == 0) {
|
|
if (item.hcho || item.hcho == 0) {
|
|
let obj: any = proxyData.checkLevel(item.hcho, "hcho");
|
|
let obj: any = proxyData.checkLevel(item.hcho, "hcho");
|
|
@@ -899,8 +936,9 @@ export default defineComponent({
|
|
proxyData.envlist[0].bgColor = obj.bgColor;
|
|
proxyData.envlist[0].bgColor = obj.bgColor;
|
|
proxyData.envlist[0].num = item.hcho.toFixed(2);
|
|
proxyData.envlist[0].num = item.hcho.toFixed(2);
|
|
} else {
|
|
} else {
|
|
- proxyData.envlist[0].level = "";
|
|
|
|
- proxyData.envlist[0].num = "";
|
|
|
|
|
|
+ proxyData.envlist[0].level = "--";
|
|
|
|
+ proxyData.envlist[0].num = "--";
|
|
|
|
+ proxyData.envlist[0].bgColor = "";
|
|
}
|
|
}
|
|
if (item.humidity || item.humidity == 0) {
|
|
if (item.humidity || item.humidity == 0) {
|
|
let obj: any = proxyData.checkLevel(item.humidity, "humidity");
|
|
let obj: any = proxyData.checkLevel(item.humidity, "humidity");
|
|
@@ -908,18 +946,11 @@ export default defineComponent({
|
|
proxyData.envlist[3].bgColor = obj.bgColor;
|
|
proxyData.envlist[3].bgColor = obj.bgColor;
|
|
proxyData.envlist[3].num = item.humidity.toFixed(0);
|
|
proxyData.envlist[3].num = item.humidity.toFixed(0);
|
|
} else {
|
|
} else {
|
|
- proxyData.envlist[3].level = "";
|
|
|
|
- proxyData.envlist[3].num = "";
|
|
|
|
|
|
+ proxyData.envlist[3].level = "--";
|
|
|
|
+ proxyData.envlist[3].num = "--";
|
|
|
|
+ proxyData.envlist[3].bgColor = "";
|
|
}
|
|
}
|
|
}
|
|
}
|
|
- // 只展示有数据的(之江定制)
|
|
|
|
- for (let i = 0; i < proxyData.envlist.length; i++) {
|
|
|
|
- if (proxyData.envlist[i].num) {
|
|
|
|
- proxyData.realEevList.push(proxyData.envlist[i]);
|
|
|
|
- }
|
|
|
|
- }
|
|
|
|
- // 切换空间修改底部的位置
|
|
|
|
- proxyData.updateBottomPerstion();
|
|
|
|
},
|
|
},
|
|
// 获取会议室场景(如果是会议室的才调此接口)
|
|
// 获取会议室场景(如果是会议室的才调此接口)
|
|
getPageMeetingSceneHttp() {
|
|
getPageMeetingSceneHttp() {
|
|
@@ -1257,17 +1288,6 @@ export default defineComponent({
|
|
Toast("您没有当前空间的控制权限!");
|
|
Toast("您没有当前空间的控制权限!");
|
|
}
|
|
}
|
|
},
|
|
},
|
|
- /**
|
|
|
|
- * 当没有环境参数的时候更新页面的位置
|
|
|
|
- */
|
|
|
|
- updateBottomPerstion() {
|
|
|
|
- if (proxyData.isBottom) {
|
|
|
|
- let ele: any = document.getElementById("envContent");
|
|
|
|
- let houseEle: any = document.getElementById("houseDes");
|
|
|
|
- let houseHeight: any = houseEle.offsetHeight;
|
|
|
|
- ele.style.top = screenHeight - houseHeight + "px";
|
|
|
|
- }
|
|
|
|
- },
|
|
|
|
// 切换空间
|
|
// 切换空间
|
|
triggerCheckSpace() {
|
|
triggerCheckSpace() {
|
|
let ele: any = document.getElementById("envContent");
|
|
let ele: any = document.getElementById("envContent");
|