公共信息
@@ -47,30 +47,21 @@
楼层：{{ currentName }}
-
-
+
-
-
+
-
-
-
{{ progressName1 }}供水泵1
-
{{ progressName1 }}供水泵2
-
{{ progressName2 }}供水泵1
-
{{ progressName2 }}供水泵2
+
高区供水泵1
+
高区供水泵2
+
低区供水泵1
+
低区供水泵2
+
贵宾楼循环泵1
+
贵宾楼循环泵2
回水管
无线网关
回水阀
房间
-
-
补水阀
-
-
-
-
-
-
+
+
+
+
+
+
@@ -99,22 +92,12 @@
-
-
-
+
+
-
+
+
+
@@ -140,7 +123,7 @@
{{ item.waterTemp }}℃
-
+
{{ item.pumpName }}
@@ -188,54 +171,20 @@
-
-
-
-
![]()
-
-
+
+
+
-
-
-
+
+
+
{{ temdata1 }}℃
@@ -245,7 +194,15 @@
{{ progress1 }}%
-
{{ progressName1 }}
+
+
+
+
+
+
+
{{ temdata2 }}℃
@@ -255,14 +212,102 @@
{{ progress2 }}%
-
{{ progressName2 }}
+
+
+
+
+
+
+
无线网关
+
高区供水泵1
+
高区供水泵2
+
高区回水泵1
+
高区回水泵2
+
低区回水泵1
+
低区回水泵2
+
回水管
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.pumpName }}
+ ![]()
+
+
+ {{ item.waterTemp }}℃
+
+
+ ![]()
+ {{ item.pumpName }}
+
+
+ {{ item.waterTemp }}℃
+
+
+
+
+
+
![]()
+
+
+
+
+
+
+
{{ temdata1 }}℃
+
+
+
系统状态显示
@@ -288,7 +333,7 @@
{{ row.tankWaterTemp }}
-
+
{{ row.tankWaterTemp2 }}
@@ -310,23 +355,11 @@
{{ row.levelSet2 }}
-->
-
+
{{ row.waterLevel2 }}
-
不运行
@@ -342,37 +375,6 @@
-
-
-
-
-
-
-
-
-
-
-
-
{{ getPercentage(progress1) }}%
-
-
-
-
{{ getPercentage(progress1) }}%
-
-
-
最大值:3.2米
-
实际值:{{ progress1 }}米
-
-
-
-
-
-
-
@@ -408,27 +410,19 @@ export default {
baseTable: [], //公共信息列表数据
tableData: [], //系统状态表格数据
- // 供水阀状态 0表示关闭 1表示开启
- useWaterState: "",
- upWaterState1: "", //供水泵1状态
- upWaterState2: "", //供水泵2状态
- upWaterState3: "", //供水泵3状态
- upWaterState4: "", //供水泵4状态
- backWaterState: "", //回水阀状态
- // 热泵状态 两个系数
- hotPumState: "",
- isBad: "无故障",
+ // 0表示关闭 1表示开启
+ upWaterState1: "", //高区供水泵1状态
+ upWaterState2: "", //高区供水泵2状态
+ upWaterState3: "", //低区供水泵1状态
+ upWaterState4: "", //低区供水泵2状态
// 网关在线状态 0表示离线 1表示在线
webstate: 1,
// 水位变化数值
- progress1: 0,
- progress2: 0,
- progressName1: "",
- progressName2: "",
- // 温度变化数值
- temdata: 0,
- // 热泵名称
- pumname: "",
+ progress1: 0, //水箱1水位
+ progress2: 0, //水箱2水位
+ temdata1: 0, //水箱1温度
+ temdata2: 0, //水箱2温度
+
currentWeekday: "",
isShowHotWater: false,
threePumpObj: {},
@@ -455,7 +449,7 @@ export default {
return `${year}年${month}月${day}日 ${hours}:${minutes}:${seconds} ${weekDay}`;
},
getHotPumPositionClass() {
- if (this.tableData.length === 4) {
+ if (this.tableData.length === 8) {
return "hotPumPosition-four";
} else if (this.tableData.length === 2) {
return "hotPumPosition-two";
@@ -484,17 +478,17 @@ export default {
this.getAlarnStatus();
this.getDayData();
// 设置定时器，每 10 秒执行一次
- this.timer = setInterval(() => {
- if (this.isShowHotWater) {
- this.baseMessgae();
- this.sysStatus();
- }
- this.sysStatus();
- }, 10000);
- // 每秒更新一次时间
- this.nowTimer = setInterval(() => {
- this.currentDate = new Date();
- }, 1000);
+ // this.timer = setInterval(() => {
+ // if (this.isShowHotWater) {
+ // this.baseMessgae();
+ // this.sysStatus();
+ // }
+ // this.sysStatus();
+ // }, 10000);
+ // // 每秒更新一次时间
+ // this.nowTimer = setInterval(() => {
+ // this.currentDate = new Date();
+ // }, 1000);
},
beforeDestroy() {
// 组件销毁前清除定时器
@@ -578,10 +572,10 @@ export default {
},
getImageSrc(item) {
// console.log("item", item);
- if (item.runState === "1" && item.isFault !== "1") {
+ if (Number(item.runState) === 1 && Number(item.isFault) !== 1) {
// 使用 require 函数导入图片
return require("@/assets/flowimg/starthotpum.png");
- } else if (item.isFault === "1") {
+ } else if (Number(item.isFault) === 1) {
return require("@/assets/flowimg/badhotpum.png");
} else {
return require("@/assets/flowimg/closehotpum.png");
@@ -632,21 +626,12 @@ export default {
console.log("当前选中节点层级", this.currentLevel);
console.log("当前选中节点名称", this.currentName);
if (this.currentName === "主楼") {
- this.progressName1 = "裙楼";
- this.progressName2 = "中厨";
this.isShowHotWater = true;
- this.baseMessgae();
- this.sysStatus();
} else if (this.currentName === "贵宾楼") {
- this.progressName1 = "高区";
- this.progressName2 = "中区";
- this.isShowHotWater = true;
- this.baseMessgae();
- this.sysStatus();
- } else {
this.isShowHotWater = false;
- this.sysStatus();
}
+ this.baseMessgae();
+ this.sysStatus();
}
});
}
@@ -735,50 +720,12 @@ export default {
console.log("当前选中节点名称", this.currentName);
}
if (this.currentName === "主楼") {
- this.progressName1 = "裙楼";
- this.progressName2 = "中厨";
this.isShowHotWater = true;
- this.baseMessgae();
- this.sysStatus();
} else if (this.currentName === "贵宾楼") {
- this.progressName1 = "高区";
- this.progressName2 = "中区";
- this.isShowHotWater = true;
- this.baseMessgae();
- this.sysStatus();
- } else {
this.isShowHotWater = false;
- this.sysStatus();
- }
- },
- handleClick(tab, event) {
- console.log(tab, event);
- console.log("activeName", this.activeName);
- },
- //查询单个热泵状态 点击表格的某一行
- handlerow(row, event, column) {
- console.log("row", row);
- //水位 温度 热泵名称
- if (this.isShowHotWater) {
- this.progress1 = row.waterLevel1;
- } else {
- this.progress1 = Math.round((row.waterLevel1 - 0.1) * 100) / 100;
- // 三个泵的数据
- this.threePumpObj = row;
}
- this.progress2 = row.waterLevel2;
- this.temdata = row.waterTemp;
- this.pumname = row.pumpName;
- // 热泵状态 是否故障
- this.hotPumState = row.runState;
- this.isBad = row.isFault;
- this.useWaterState = row.useWaterState;
- this.upWaterState1 = row.upWaterState1;
- this.upWaterState2 = row.upWaterState2;
- this.upWaterState3 = row.upWaterState3;
- this.upWaterState4 = row.upWaterState4;
- this.backWaterState = row.backWaterState;
- console.log("补水阀状态11111111111111111111", this.useWaterState);
+ this.baseMessgae();
+ this.sysStatus();
},
/* 加入小手状态 */
tableRowStyle({ row, column, rowIndex, columnIndex }) {
@@ -827,14 +774,9 @@ export default {
},
// 系统状态显示
sysStatus() {
- let systemTypeId = "";
- if (this.isShowHotWater) {
- systemTypeId = "1";
- } else {
- systemTypeId = "6";
- }
+
let data = {
- systemType: systemTypeId,
+ systemType: "1",
floorId: this.currentId,
};
waterMonitorList(data).then((res) => {
@@ -851,15 +793,23 @@ export default {
this.tableData.push(deviceItem);
});
console.log("处理后的tableData", this.tableData);
- if (this.tableData.length > 0) {
- // 获取第一行数据
- const firstRow = this.tableData[0];
- // 模拟点击第一行
- this.handlerow(firstRow);
- // 设置当前选中行
- if (this.isShowHotWater) {
- this.$refs.maintable.setCurrentRow(firstRow);
- }
+ if (this.tableData.length > 0 && this.isShowHotWater) {
+
+ // 获取数据
+ //水位 温度 热泵名称
+ this.progress1 = this.tableData[0].waterLevel1;
+ this.progress2 = this.tableData[0].waterLevel2;
+ this.temdata1 = this.tableData[0].waterTemp;
+ this.temdata2 = this.tableData[1].waterTemp;
+ // this.pumname = row.pumpName;
+ // // 热泵状态 是否故障
+ // this.hotPumState = row.runState;
+ // this.isBad = row.isFault;
+ // this.useWaterState = row.useWaterState;
+ // this.upWaterState1 = row.upWaterState1;
+ // this.upWaterState2 = row.upWaterState2;
+ // this.upWaterState3 = row.upWaterState3;
+ // this.upWaterState4 = row.upWaterState4;
}
} else {
this.tableData = [];
@@ -1150,8 +1100,8 @@ export default {
align-items: center;
.flowimg {
- width: 12.27rem;
- height: 5.6rem;
+ width: 13.5rem;
+ height: 6.8rem;
background-size: 100% 100%;
background-repeat: no-repeat;
position: relative;
@@ -1172,15 +1122,15 @@ export default {
.text1 {
position: absolute;
- top: 3.15rem;
- left: 0.55rem;
+ top: 4.35rem;
+ left: 1.4rem;
z-index: 1;
}
.text2 {
position: absolute;
- top: 0.22rem;
- left: 5.3rem;
+ top: 0.25rem;
+ left: 6.5rem;
z-index: 1;
}
@@ -1202,15 +1152,15 @@ export default {
.text5 {
position: absolute;
- top: 4.4rem;
- right: 0.2rem;
+ top: 4.7rem;
+ right: 0.5rem;
z-index: 1;
}
.text6 {
position: absolute;
- top: 4.3rem;
- left: 0.55rem;
+ top: 5.25rem;
+ left: 1.4rem;
z-index: 1;
}
@@ -1230,15 +1180,77 @@ export default {
.text9 {
position: absolute;
- top: 5.4rem;
- left: 0.55rem;
+ top: 6.2rem;
+ left: 1.4rem;
z-index: 1;
}
.text10 {
+ position: absolute;
+ top: 7.2rem;
+ left: 1.4rem;
+ z-index: 1;
+ }
+
+ .text11 {
+ position: absolute;
+ top: 3.9rem;
+ left: 8.9rem;
+ z-index: 1;
+ }
+
+ .text12 {
+ position: absolute;
+ top: 4.6rem;
+ left: 8.9rem;
+ z-index: 1;
+ }
+
+ .text13 {
+ position: absolute;
+ top: 5.35rem;
+ left: 1.2rem;
+ z-index: 1;
+ }
+
+ .text14 {
position: absolute;
top: 6.4rem;
- left: 0.55rem;
+ left: 1.2rem;
+ z-index: 1;
+ }
+
+ .text15 {
+ position: absolute;
+ top: 5.35rem;
+ left: 10.7rem;
+ z-index: 1;
+ }
+
+ .text16 {
+ position: absolute;
+ top: 6.4rem;
+ left: 10.7rem;
+ z-index: 1;
+ }
+
+ .text17 {
+ position: absolute;
+ top: 3.32rem;
+ left: 10.7rem;
+ z-index: 1;
+ }
+
+ .text18 {
+ position: absolute;
+ top: 4.35rem;
+ left: 10.7rem;
+ z-index: 1;
+ }
+ .text19 {
+ position: absolute;
+ top: 0.25rem;
+ left: 3.4rem;
z-index: 1;
}
@@ -1253,27 +1265,60 @@ export default {
.supply {
position: absolute;
- top: 1.2rem;
+ top: 0rem;
left: 0rem;
- width: 12.3rem;
- height: 4.9rem;
+ width: 13.5rem;
+ height: 6.8rem;
+ z-index: 0;
+ }
+
+ .cycle-pipeline {
+ position: absolute;
+ top: 3.3rem;
+ left: 5.3rem;
+ width: 3rem;
+ height: 1.5rem;
z-index: 0;
}
- .circulate {
+ .circulate1 {
position: absolute;
top: 1.5rem;
left: 4.8rem;
width: 3.5rem;
- height: 1.2rem;
+ height: 0.15rem;
+ }
+
+ .circulate2 {
+ position: absolute;
+ top: 2.8rem;
+ left: 4.8rem;
+ width: 3.5rem;
+ height: 0.15rem;
+ }
+
+ .circulate3 {
+ position: absolute;
+ top: 1.2rem;
+ left: 1.8rem;
+ width: 3.5rem;
+ height: 0.15rem;
+ }
+
+ .circulate4 {
+ position: absolute;
+ top: 2.2rem;
+ left: 1.8rem;
+ width: 3.5rem;
+ height: 0.15rem;
}
.coolpum {
width: 0.9rem;
height: 0.68rem;
position: absolute;
- top: 2.4rem;
- left: 0.6rem;
+ top: 3.6rem;
+ left: 1.5rem;
z-index: 2;
}
@@ -1281,24 +1326,40 @@ export default {
width: 0.9rem;
height: 0.68rem;
position: absolute;
- top: 3.55rem;
- left: 0.6rem;
+ top: 4.55rem;
+ left: 1.5rem;
}
.waterpum2 {
width: 0.9rem;
height: 0.68rem;
position: absolute;
- top: 4.65rem;
- left: 0.6rem;
+ top: 5.5rem;
+ left: 1.5rem;
}
.waterpum3 {
width: 0.9rem;
height: 0.68rem;
position: absolute;
- top: 5.65rem;
- left: 0.6rem;
+ top: 6.45rem;
+ left: 1.5rem;
+ }
+
+ .cyclepum1 {
+ width: 0.9rem;
+ height: 0.68rem;
+ position: absolute;
+ top: 3.6rem;
+ left: 7.8rem;
+ }
+
+ .cyclepum2 {
+ width: 0.9rem;
+ height: 0.68rem;
+ position: absolute;
+ top: 4.4rem;
+ left: 7.8rem;
}
.buwaterpum {
@@ -1335,6 +1396,54 @@ export default {
left: 7.9rem;
}
+ .hightSupplyPump1 {
+ width: 0.9rem;
+ height: 0.68rem;
+ position: absolute;
+ top: 4.6rem;
+ left: 1.3rem;
+ }
+
+ .hightSupplyPump2 {
+ width: 0.9rem;
+ height: 0.68rem;
+ position: absolute;
+ top: 5.65rem;
+ left: 1.3rem;
+ }
+
+ .hightBackPump1 {
+ width: 0.9rem;
+ height: 0.68rem;
+ position: absolute;
+ top: 4.57rem;
+ left: 10.75rem;
+ }
+
+ .hightBackPump2 {
+ width: 0.9rem;
+ height: 0.68rem;
+ position: absolute;
+ top: 5.65rem;
+ left: 10.75rem;
+ }
+
+ .lowBackPump1 {
+ width: 0.9rem;
+ height: 0.68rem;
+ position: absolute;
+ top: 2.6rem;
+ left: 10.75rem;
+ }
+
+ .lowBackPump2 {
+ width: 0.9rem;
+ height: 0.68rem;
+ position: absolute;
+ top: 3.65rem;
+ left: 10.75rem;
+ }
+
.web {
width: 0.78rem;
height: 1.12rem;
@@ -1347,7 +1456,7 @@ export default {
width: 0.6rem;
height: 1.15rem;
position: absolute;
- top: 2.25rem;
+ top: 1.9rem;
left: 3.2rem;
z-index: 3;
}
@@ -1356,8 +1465,17 @@ export default {
width: 0.6rem;
height: 1.15rem;
position: absolute;
- top: 2.25rem;
- left: 4.51rem;
+ top: 1.9rem;
+ left: 5.8rem;
+ z-index: 3;
+ }
+
+ .tem3 {
+ width: 0.6rem;
+ height: 1.15rem;
+ position: absolute;
+ top: 1.9rem;
+ left: 3rem;
z-index: 3;
}
@@ -1367,8 +1485,8 @@ export default {
background-color: #02072d;
// background-color: #11aaea;
position: absolute;
- top: 2.63rem;
- left: 3.46rem;
+ top: 2.255rem;
+ left: 3.465rem;
z-index: 3;
.temprogress {
@@ -1386,8 +1504,8 @@ export default {
background-color: #02072d;
// background-color: #11aaea;
position: absolute;
- top: 2.63rem;
- left: 4.77rem;
+ top: 2.255rem;
+ left: 6.07rem;
z-index: 3;
.temprogress {
@@ -1399,12 +1517,30 @@ export default {
}
}
- .waterBox {
+ .waterBox1 {
position: absolute;
- top: 0.3rem;
- left: 2.47rem;
- width: 2.86rem;
- height: 3.32rem;
+ top: 0.7rem;
+ left: 1.8rem;
+ width: 2.16rem;
+ height: 2.6rem;
+ z-index: 2;
+ }
+
+ .waterBox2 {
+ position: absolute;
+ top: 0.7rem;
+ left: 4.4rem;
+ width: 2.16rem;
+ height: 2.6rem;
+ z-index: 2;
+ }
+
+ .waterBox3 {
+ position: absolute;
+ top: 0.7rem;
+ left: 1.6rem;
+ width: 2.16rem;
+ height: 2.6rem;
z-index: 2;
}
@@ -1414,7 +1550,7 @@ export default {
letter-spacing: 0.01rem;
color: #d22727;
position: absolute;
- top: 2.15rem;
+ top: 1.8rem;
left: 3.2rem;
z-index: 3;
}
@@ -1425,19 +1561,30 @@ export default {
letter-spacing: 0.01rem;
color: #d22727;
position: absolute;
- top: 2.15rem;
- left: 4.5rem;
+ top: 1.8rem;
+ left: 5.78rem;
+ z-index: 3;
+ }
+
+ .temdiv3 {
+ font-size: 0.15rem;
+ line-height: 0.18rem;
+ letter-spacing: 0.01rem;
+ color: #d22727;
+ position: absolute;
+ top: 1.8rem;
+ left: 3rem;
z-index: 3;
}
.progressContainer1 {
width: 0.3rem;
- height: 1.7rem;
+ height: 1.5rem;
background-color: #dff1fa;
margin-left: 2%;
position: absolute;
- top: 1.8rem;
- left: 2.8rem;
+ top: 1.7rem;
+ left: 2.1rem;
border: solid 0.01rem #11aaea;
z-index: 3;
@@ -1463,12 +1610,12 @@ export default {
.progressContainer2 {
width: 0.3rem;
- height: 1.7rem;
+ height: 1.5rem;
background-color: #dff1fa;
margin-left: 2%;
position: absolute;
- top: 1.8rem;
- left: 2.8rem;
+ top: 1.7rem;
+ left: 2.1rem;
border: solid 0.01rem red;
z-index: 3;
@@ -1494,12 +1641,12 @@ export default {
.progressContainer3 {
width: 0.3rem;
- height: 1.7rem;
+ height: 1.5rem;
background-color: #dff1fa;
margin-left: 2%;
position: absolute;
- top: 1.8rem;
- left: 4.2rem;
+ top: 1.7rem;
+ left: 4.6rem;
border: solid 0.01rem #11aaea;
z-index: 3;
@@ -1525,12 +1672,74 @@ export default {
.progressContainer4 {
width: 0.3rem;
- height: 1.7rem;
+ height: 1.5rem;
background-color: #dff1fa;
margin-left: 2%;
position: absolute;
- top: 1.8rem;
- left: 4.2rem;
+ top: 1.7rem;
+ left: 4.6rem;
+ border: solid 0.01rem red;
+ z-index: 3;
+
+ .progress {
+ background-color: red;
+ width: 100%;
+ position: absolute;
+ bottom: 0;
+ z-index: 3;
+ }
+
+ b {
+ font-family: AdobeHeitiStd-Regular;
+ font-size: 0.17rem;
+ line-height: 0.2rem;
+ letter-spacing: 0rem;
+ color: #d22727;
+ position: absolute;
+ top: -0.3rem;
+ z-index: 3;
+ }
+ }
+
+ .progressContainer5 {
+ width: 0.3rem;
+ height: 1.5rem;
+ background-color: #dff1fa;
+ margin-left: 2%;
+ position: absolute;
+ top: 1.7rem;
+ left: 1.9rem;
+ border: solid 0.01rem #11aaea;
+ z-index: 3;
+
+ .progress {
+ background-color: #1167db;
+ width: 100%;
+ position: absolute;
+ bottom: 0;
+ z-index: 3;
+ }
+
+ b {
+ font-family: AdobeHeitiStd-Regular;
+ font-size: 0.17rem;
+ line-height: 0.2rem;
+ letter-spacing: 0rem;
+ color: #d22727;
+ position: absolute;
+ top: -0.3rem;
+ z-index: 3;
+ }
+ }
+
+ .progressContainer6 {
+ width: 0.3rem;
+ height: 1.5rem;
+ background-color: #dff1fa;
+ margin-left: 2%;
+ position: absolute;
+ top: 1.7rem;
+ left: 1.9rem;
border: solid 0.01rem red;
z-index: 3;
@@ -1567,46 +1776,53 @@ export default {
z-index: 3;
}
- .progressName1 {
- font-size: 0.17rem;
- font-weight: normal;
- font-stretch: normal;
- line-height: 0.2rem;
- letter-spacing: 0.01rem;
- color: #0a3797;
+ .upperLeft {
position: absolute;
- top: 2rem;
- left: 2.6rem;
- z-index: 3;
+ top: 1.6rem;
+ left: 0rem;
+ width: 3.1rem;
+ height: 2rem;
+ z-index: 0;
}
- .progressName2 {
- font-size: 0.17rem;
- font-weight: normal;
- font-stretch: normal;
- line-height: 0.2rem;
- letter-spacing: 0.01rem;
- color: #0a3797;
+ .guibin-lowBack {
position: absolute;
- top: 2rem;
- left: 4rem;
- z-index: 3;
+ top: 2.95rem;
+ left: 0.14rem;
+ width: 13.1rem;
+ height: 1.5rem;
+ z-index: 0;
}
- .pumname {
- font-size: 0.17rem;
- font-weight: normal;
- font-stretch: normal;
- line-height: 0.2rem;
- letter-spacing: 0.01rem;
- color: #fefefe;
+ .guibin-supply {
position: absolute;
- top: 0.8rem;
- left: 8.8rem;
- z-index: 1;
+ top: 3.6rem;
+ left: 0rem;
+ width: 10.25rem;
+ height: 2.8rem;
+ z-index: 0;
+ }
+
+ .guibin-highBack {
+ position: absolute;
+ top: 3.58rem;
+ left: 10.25rem;
+ width: 3.13rem;
+ height: 2.5rem;
+ z-index: 0;
+ }
+
+ .upperRight {
+ position: absolute;
+ top: 0rem;
+ left: 2.6rem;
+ width: 10.78rem;
+ height: 3.58rem;
+ z-index: 0;
}
- /* 四个元素时的样式 */
+
+ /* 八个元素时的样式 */
.hotPumPosition-four {
font-size: 0.17rem;
font-weight: normal;
@@ -1615,20 +1831,20 @@ export default {
letter-spacing: 0.01rem;
color: #fefefe;
position: absolute;
- top: 0.7rem;
- left: 7.8rem;
+ top: 0.3rem;
+ left: 4.3rem;
z-index: 1;
display: flex;
flex-direction: row;
flex-wrap: wrap;
- width: 2.3rem !important;
+ width: 5.9rem !important;
- .hotPump-li {
+ .hotPump-li2 {
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
- width: 50% !important;
+ width: 25% !important;
position: relative;
// margin-bottom: 0.2rem;
@@ -1646,59 +1862,12 @@ export default {
font-weight: bold;
}
- .hotPump-tem2 {
- position: absolute;
- bottom: 0.4rem;
- color: #ee3a7f;
- font-size: 0.13rem;
- font-weight: bold;
- }
-
.tem1 {
width: 0.4rem;
height: 0.7rem;
position: absolute;
top: 0.3rem;
- left: 1rem;
- z-index: 3;
- }
-
- .tem2 {
- width: 0.4rem;
- height: 0.7rem;
- position: absolute;
- top: 0.3rem;
- left: -0.3rem;
- z-index: 3;
- }
-
- .temContainer2 {
- width: 0.042rem;
- height: 0.4rem;
- background-color: #02072d;
- // background-color: #11aaea;
- position: absolute;
- top: 0.52rem;
- left: -0.12rem;
- z-index: 3;
-
- .temprogress {
- background-color: #d22727;
- width: 100%;
- position: absolute;
- bottom: 0;
- z-index: 3;
- }
- }
-
- .temdiv2 {
- font-size: 0.15rem;
- line-height: 0.18rem;
- letter-spacing: 0.01rem;
- color: #d22727;
- position: absolute;
- top: 1rem;
- left: -0.5rem;
+ left: 1.2rem;
z-index: 3;
}
@@ -1709,7 +1878,7 @@ export default {
// background-color: #11aaea;
position: absolute;
top: 0.52rem;
- left: 1.18rem;
+ left: 1.38rem;
z-index: 3;
.temprogress {
@@ -1728,7 +1897,7 @@ export default {
color: #d22727;
position: absolute;
top: 1rem;
- left: 1.1rem;
+ left: 1.23rem;
z-index: 3;
}
}
@@ -1850,6 +2019,26 @@ export default {
left: -0.5rem;
z-index: 3;
}
+
+ .temContainer3 {
+ width: 0.042rem;
+ height: 0.4rem;
+ background-color: #02072d;
+ // background-color: #11aaea;
+ position: absolute;
+ top: 0.52rem;
+ left: -0.12rem;
+ z-index: 3;
+
+ .temprogress {
+ background-color: #d22727;
+ width: 100%;
+ position: absolute;
+ bottom: 0;
+ z-index: 3;
+ }
+ }
+
}
}
@@ -1977,7 +2166,6 @@ export default {
// height: 250px;
padding: 10px;
overflow: hidden;
- margin-top: 100px;
.tablemaeta {
font-family: SourceHanSansCN-Medium;
@@ -2069,7 +2257,6 @@ export default {
border-radius: 0.06rem !important;
// height: 3rem !important;
padding: 0.1rem !important;
- margin-top: 1rem !important;
.tablemaeta {
font-size: 0.18rem !important;
@@ -2141,7 +2328,6 @@ export default {
.changecontent {
border-radius: 0.06rem !important;
padding: 0.1rem !important;
- margin-top: 1rem !important;
}
}
}
- 
- 
- 
- 
- 
- 
- 
- 
-
- 
-