|
|
|
@ -48,8 +48,8 @@ |
|
|
|
<div class="flow-text text3">无线网关</div> |
|
|
|
<div class="flow-text text3">无线网关</div> |
|
|
|
<div class="flow-text text4">回水阀</div> |
|
|
|
<div class="flow-text text4">回水阀</div> |
|
|
|
<div class="flow-text text5">房间</div> |
|
|
|
<div class="flow-text text5">房间</div> |
|
|
|
<div class="flow-text text20">水箱1(总容量:2.5米)</div> |
|
|
|
<div class="flow-text text20">水箱1(总容量:30吨)</div> |
|
|
|
<div class="flow-text text21">水箱2(总容量:2.5米)</div> |
|
|
|
<div class="flow-text text21">水箱2(总容量:30吨)</div> |
|
|
|
<!-- 供水定位 --> |
|
|
|
<!-- 供水定位 --> |
|
|
|
<img class="supply" v-if=" |
|
|
|
<img class="supply" v-if=" |
|
|
|
this.upWaterState1 === '1' || |
|
|
|
this.upWaterState1 === '1' || |
|
|
|
@ -190,12 +190,14 @@ |
|
|
|
<div class="progressContainer1" v-if="getWaterPercentage(progress2, 2.5) > 50"> |
|
|
|
<div class="progressContainer1" v-if="getWaterPercentage(progress2, 2.5) > 50"> |
|
|
|
<div class="progress" :style="{ height: getWaterPercentage(progress2, 2.5) + '%' }"> |
|
|
|
<div class="progress" :style="{ height: getWaterPercentage(progress2, 2.5) + '%' }"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<b class="propo">实际容量:{{ progress2 }}米</b> |
|
|
|
<b>实际高度:{{ progress2 }}米</b> |
|
|
|
|
|
|
|
<div class="propo">实际容量:{{ getActualCapacity(progress2) }}吨</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="progressContainer2" v-else> |
|
|
|
<div class="progressContainer2" v-else> |
|
|
|
<div class="progress" :style="{ height: getWaterPercentage(progress2, 2.5) + '%' }"> |
|
|
|
<div class="progress" :style="{ height: getWaterPercentage(progress2, 2.5) + '%' }"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<b class="propo">实际容量:{{ progress2 }}米</b> |
|
|
|
<b>实际高度:{{ progress2 }}米</b> |
|
|
|
|
|
|
|
<div class="propo">实际容量:{{ getActualCapacity(progress2) }}吨</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
|
|
|
|
<!-- 保温水箱1定位 --> |
|
|
|
<!-- 保温水箱1定位 --> |
|
|
|
@ -211,12 +213,14 @@ |
|
|
|
<div class="progressContainer3" v-if="getWaterPercentage(progress1, 2.5) > 50"> |
|
|
|
<div class="progressContainer3" v-if="getWaterPercentage(progress1, 2.5) > 50"> |
|
|
|
<div class="progress" :style="{ height: getWaterPercentage(progress1, 2.5) + '%' }"> |
|
|
|
<div class="progress" :style="{ height: getWaterPercentage(progress1, 2.5) + '%' }"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<b class="propo">实际容量:{{ progress1 }}米</b> |
|
|
|
<b>实际高度:{{ progress1 }}米</b> |
|
|
|
|
|
|
|
<div class="propo">实际容量:{{ getActualCapacity(progress1) }}吨</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="progressContainer4" v-else> |
|
|
|
<div class="progressContainer4" v-else> |
|
|
|
<div class="progress" :style="{ height: getWaterPercentage(progress1, 2.5) + '%' }"> |
|
|
|
<div class="progress" :style="{ height: getWaterPercentage(progress1, 2.5) + '%' }"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<b class="propo">实际容量:{{ progress1 }}米</b> |
|
|
|
<b class="propo">实际高度:{{ progress1 }}米</b> |
|
|
|
|
|
|
|
<div class="propo">实际容量:{{ getActualCapacity(progress1) }}吨</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -232,7 +236,7 @@ |
|
|
|
<div class="flow-text text17">低区回水泵1</div> |
|
|
|
<div class="flow-text text17">低区回水泵1</div> |
|
|
|
<div class="flow-text text18">低区回水泵2</div> |
|
|
|
<div class="flow-text text18">低区回水泵2</div> |
|
|
|
<div class="flow-text text19">回水管</div> |
|
|
|
<div class="flow-text text19">回水管</div> |
|
|
|
<div class="flow-text text22">水箱(总容量:2.5米)</div> |
|
|
|
<div class="flow-text text22">水箱(总容量:30吨)</div> |
|
|
|
<!-- 左上 --> |
|
|
|
<!-- 左上 --> |
|
|
|
<img class="upperLeft" src="../../../assets/flowimg/upperLeft.png" alt="" /> |
|
|
|
<img class="upperLeft" src="../../../assets/flowimg/upperLeft.png" alt="" /> |
|
|
|
<!-- 低区回水 --> |
|
|
|
<!-- 低区回水 --> |
|
|
|
@ -310,12 +314,14 @@ |
|
|
|
<div class="progressContainer5" v-if="getWaterPercentage(progress1, 2.5) > 50"> |
|
|
|
<div class="progressContainer5" v-if="getWaterPercentage(progress1, 2.5) > 50"> |
|
|
|
<div class="progress" :style="{ height: getWaterPercentage(progress1, 2.5) + '%' }"> |
|
|
|
<div class="progress" :style="{ height: getWaterPercentage(progress1, 2.5) + '%' }"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<b class="propo">实际容量:{{ progress1 }}米</b> |
|
|
|
<b>实际高度:{{ progress1 }}米</b> |
|
|
|
|
|
|
|
<div class="propo">实际容量:{{ getActualCapacity(progress1) }}吨</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<div class="progressContainer6" v-else> |
|
|
|
<div class="progressContainer6" v-else> |
|
|
|
<div class="progress" :style="{ height: getWaterPercentage(progress1, 2.5) + '%' }"> |
|
|
|
<div class="progress" :style="{ height: getWaterPercentage(progress1, 2.5) + '%' }"> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<b class="propo">实际容量:{{ progress1 }}米</b> |
|
|
|
<b>实际容量:{{ progress1 }}米</b> |
|
|
|
|
|
|
|
<div class="propo">实际高度:{{ getActualCapacity(progress1) }}吨</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
@ -379,14 +385,15 @@ |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="runState" label="热泵状态"> |
|
|
|
<el-table-column prop="runState" label="热泵状态"> |
|
|
|
<template slot-scope="{ row }"> |
|
|
|
<template slot-scope="{ row }"> |
|
|
|
<span v-if="row.runState === '0'">不运行 </span> |
|
|
|
<el-tag v-if="row.runState === '0'" type="info">关机</el-tag> |
|
|
|
<span v-if="row.runState === '1'">运行 </span> |
|
|
|
<el-tag v-if="row.runState === '4'" type="success">运行</el-tag> |
|
|
|
|
|
|
|
<el-tag v-if="row.runState === '9'">待机</el-tag> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
<el-table-column prop="isFault" label="是否故障"> |
|
|
|
<el-table-column prop="isFault" label="是否故障"> |
|
|
|
<template slot-scope="{ row }"> |
|
|
|
<template slot-scope="{ row }"> |
|
|
|
<span v-if="row.isFault === '0'">无故障</span> |
|
|
|
<el-tag v-if="row.isFault === '0'" type="success">无故障</el-tag> |
|
|
|
<span v-if="row.isFault === '1'">有故障</span> |
|
|
|
<el-tag v-if="row.isFault === '1'" type="danger">有故障</el-tag> |
|
|
|
</template> |
|
|
|
</template> |
|
|
|
</el-table-column> |
|
|
|
</el-table-column> |
|
|
|
</el-table> |
|
|
|
</el-table> |
|
|
|
@ -612,7 +619,7 @@ export default { |
|
|
|
data() { |
|
|
|
data() { |
|
|
|
return { |
|
|
|
return { |
|
|
|
loading: false, |
|
|
|
loading: false, |
|
|
|
dialogLoading:false, |
|
|
|
dialogLoading: false, |
|
|
|
currentDate: new Date(), |
|
|
|
currentDate: new Date(), |
|
|
|
nowTimer: null, |
|
|
|
nowTimer: null, |
|
|
|
timer: null, // 用于存储定时器 ID |
|
|
|
timer: null, // 用于存储定时器 ID |
|
|
|
@ -693,14 +700,22 @@ export default { |
|
|
|
methods: { |
|
|
|
methods: { |
|
|
|
getImageSrc(item) { |
|
|
|
getImageSrc(item) { |
|
|
|
// console.log("item", item); |
|
|
|
// console.log("item", item); |
|
|
|
if (Number(item.runState) === 1 && Number(item.isFault) !== 1) { |
|
|
|
// 优先判断故障状态 |
|
|
|
// 使用 require 函数导入图片 |
|
|
|
if (Number(item.isFault) === 1) { |
|
|
|
return require("@/assets/flowimg/starthotpum.png"); |
|
|
|
|
|
|
|
} else if (Number(item.isFault) === 1) { |
|
|
|
|
|
|
|
return require("@/assets/flowimg/badhotpum.png"); |
|
|
|
return require("@/assets/flowimg/badhotpum.png"); |
|
|
|
} else { |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 根据运行状态返回不同图片 |
|
|
|
|
|
|
|
if (Number(item.runState) === 0) { |
|
|
|
return require("@/assets/flowimg/closehotpum.png"); |
|
|
|
return require("@/assets/flowimg/closehotpum.png"); |
|
|
|
|
|
|
|
} else if (Number(item.runState) === 4) { |
|
|
|
|
|
|
|
return require("@/assets/flowimg/starthotpum.png"); |
|
|
|
|
|
|
|
} else if (Number(item.runState) === 9) { |
|
|
|
|
|
|
|
return require("@/assets/flowimg/standbyhotpump.png"); |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
// 默认返回关闭状态 |
|
|
|
|
|
|
|
return require("@/assets/flowimg/closehotpum.png"); |
|
|
|
}, |
|
|
|
}, |
|
|
|
getSysBuild() { |
|
|
|
getSysBuild() { |
|
|
|
floorTree().then((res) => { |
|
|
|
floorTree().then((res) => { |
|
|
|
@ -1007,7 +1022,7 @@ export default { |
|
|
|
res.rows.forEach((item) => { |
|
|
|
res.rows.forEach((item) => { |
|
|
|
let deviceItem = { |
|
|
|
let deviceItem = { |
|
|
|
...item, |
|
|
|
...item, |
|
|
|
runState: Number(item.runState) == 0 ? "0" : "1", //运行状态 |
|
|
|
// runState: Number(item.runState) == 0 ? "0" : "1", //运行状态 |
|
|
|
upWaterState: Number(item.upWaterState) == 0 ? "0" : "1", //供水状态 |
|
|
|
upWaterState: Number(item.upWaterState) == 0 ? "0" : "1", //供水状态 |
|
|
|
isFault: Number(item.isFault) == 0 ? "0" : "1", //故障状态 |
|
|
|
isFault: Number(item.isFault) == 0 ? "0" : "1", //故障状态 |
|
|
|
}; |
|
|
|
}; |
|
|
|
@ -1018,6 +1033,7 @@ export default { |
|
|
|
this.progress2 = 0; |
|
|
|
this.progress2 = 0; |
|
|
|
this.temdata1 = 0; |
|
|
|
this.temdata1 = 0; |
|
|
|
this.temdata2 = 0; |
|
|
|
this.temdata2 = 0; |
|
|
|
|
|
|
|
this.webstate = 0; |
|
|
|
if (this.tableData.length > 0 && this.isShowHotWater) { |
|
|
|
if (this.tableData.length > 0 && this.isShowHotWater) { |
|
|
|
|
|
|
|
|
|
|
|
// 获取数据 |
|
|
|
// 获取数据 |
|
|
|
@ -1040,8 +1056,14 @@ export default { |
|
|
|
this.progress1 = this.tableData[0].waterLevel1; |
|
|
|
this.progress1 = this.tableData[0].waterLevel1; |
|
|
|
this.temdata1 = this.tableData[0].tankWaterTemp; |
|
|
|
this.temdata1 = this.tableData[0].tankWaterTemp; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
this.webstate = Number(this.tableData[0].gatewayStatus); |
|
|
|
} else { |
|
|
|
} else { |
|
|
|
this.tableData = []; |
|
|
|
this.tableData = []; |
|
|
|
|
|
|
|
this.progress1 = 0; |
|
|
|
|
|
|
|
this.progress2 = 0; |
|
|
|
|
|
|
|
this.temdata1 = 0; |
|
|
|
|
|
|
|
this.temdata2 = 0; |
|
|
|
|
|
|
|
this.webstate = 0; |
|
|
|
} |
|
|
|
} |
|
|
|
}); |
|
|
|
}); |
|
|
|
}, |
|
|
|
}, |
|
|
|
@ -1051,7 +1073,7 @@ export default { |
|
|
|
}, |
|
|
|
}, |
|
|
|
// 判断热泵是否运行 |
|
|
|
// 判断热泵是否运行 |
|
|
|
isHotPumpRunning() { |
|
|
|
isHotPumpRunning() { |
|
|
|
return this.tableData.some(item => Number(item.runState) !== 0); |
|
|
|
return this.tableData.some(item => Number(item.runState) == 4); |
|
|
|
}, |
|
|
|
}, |
|
|
|
// 获取循环泵图片（通用方法） |
|
|
|
// 获取循环泵图片（通用方法） |
|
|
|
getCyclePumpImg(stateKey) { |
|
|
|
getCyclePumpImg(stateKey) { |
|
|
|
@ -1091,7 +1113,7 @@ export default { |
|
|
|
console.log("点击循环泵", pumpName); |
|
|
|
console.log("点击循环泵", pumpName); |
|
|
|
this.currentPumpType = "cyclepump"; |
|
|
|
this.currentPumpType = "cyclepump"; |
|
|
|
this.hotPumpTitle = pumpName; |
|
|
|
this.hotPumpTitle = pumpName; |
|
|
|
this.loadOperateData("贵宾楼循环泵", pumpName); |
|
|
|
this.loadOperateData("循环泵", pumpName); |
|
|
|
}, |
|
|
|
}, |
|
|
|
// 加载操作数据（通用方法） |
|
|
|
// 加载操作数据（通用方法） |
|
|
|
loadOperateData(groupName, itemName) { |
|
|
|
loadOperateData(groupName, itemName) { |
|
|
|
@ -1161,6 +1183,11 @@ export default { |
|
|
|
// 如果计算的值大于100，则返回100 |
|
|
|
// 如果计算的值大于100，则返回100 |
|
|
|
return Number(percentage) > 100 ? 100 : Number(percentage); |
|
|
|
return Number(percentage) > 100 ? 100 : Number(percentage); |
|
|
|
}, |
|
|
|
}, |
|
|
|
|
|
|
|
// 计算实际容量（根据实际高度计算） |
|
|
|
|
|
|
|
getActualCapacity(actualHeight, totalHeight = 2.5, totalCapacity = 30) { |
|
|
|
|
|
|
|
let actualCapacity = (actualHeight / totalHeight * totalCapacity).toFixed(2); |
|
|
|
|
|
|
|
return Number(actualCapacity); |
|
|
|
|
|
|
|
}, |
|
|
|
// 设置热泵开关状态 |
|
|
|
// 设置热泵开关状态 |
|
|
|
handleHotPump(item) { |
|
|
|
handleHotPump(item) { |
|
|
|
this.$confirm( |
|
|
|
this.$confirm( |
|
|
|
@ -1715,6 +1742,7 @@ export default { |
|
|
|
left: 2.2rem; |
|
|
|
left: 2.2rem; |
|
|
|
z-index: 1; |
|
|
|
z-index: 1; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.text22 { |
|
|
|
.text22 { |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
top: 3.2rem; |
|
|
|
top: 3.2rem; |
|
|
|
@ -2087,9 +2115,23 @@ export default { |
|
|
|
color: #d22727; |
|
|
|
color: #d22727; |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
top: -0.3rem; |
|
|
|
top: -0.3rem; |
|
|
|
left:-0.5rem; |
|
|
|
left: -0.5rem; |
|
|
|
|
|
|
|
z-index: 3; |
|
|
|
|
|
|
|
white-space: nowrap; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.propo { |
|
|
|
|
|
|
|
font-family: AdobeHeitiStd-Regular; |
|
|
|
|
|
|
|
font-size: 0.17rem; |
|
|
|
|
|
|
|
line-height: 0.2rem; |
|
|
|
|
|
|
|
letter-spacing: 0rem; |
|
|
|
|
|
|
|
color: #d22727; |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
|
|
|
|
top: -0.6rem; |
|
|
|
|
|
|
|
left: -0.5rem; |
|
|
|
z-index: 3; |
|
|
|
z-index: 3; |
|
|
|
white-space: nowrap; |
|
|
|
white-space: nowrap; |
|
|
|
|
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
@ -2120,10 +2162,24 @@ export default { |
|
|
|
color: #d22727; |
|
|
|
color: #d22727; |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
top: -0.3rem; |
|
|
|
top: -0.3rem; |
|
|
|
left:-0.5rem; |
|
|
|
left: -0.5rem; |
|
|
|
z-index: 3; |
|
|
|
z-index: 3; |
|
|
|
white-space: nowrap; |
|
|
|
white-space: nowrap; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.propo { |
|
|
|
|
|
|
|
font-family: AdobeHeitiStd-Regular; |
|
|
|
|
|
|
|
font-size: 0.17rem; |
|
|
|
|
|
|
|
line-height: 0.2rem; |
|
|
|
|
|
|
|
letter-spacing: 0rem; |
|
|
|
|
|
|
|
color: #d22727; |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
|
|
|
|
top: -0.6rem; |
|
|
|
|
|
|
|
left: -0.5rem; |
|
|
|
|
|
|
|
z-index: 3; |
|
|
|
|
|
|
|
white-space: nowrap; |
|
|
|
|
|
|
|
font-weight: bold; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.progressContainer3 { |
|
|
|
.progressContainer3 { |
|
|
|
@ -2153,10 +2209,24 @@ export default { |
|
|
|
color: #d22727; |
|
|
|
color: #d22727; |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
top: -0.3rem; |
|
|
|
top: -0.3rem; |
|
|
|
left:-0.4rem; |
|
|
|
left: -0.4rem; |
|
|
|
z-index: 3; |
|
|
|
z-index: 3; |
|
|
|
white-space: nowrap; |
|
|
|
white-space: nowrap; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.propo { |
|
|
|
|
|
|
|
font-family: AdobeHeitiStd-Regular; |
|
|
|
|
|
|
|
font-size: 0.17rem; |
|
|
|
|
|
|
|
line-height: 0.2rem; |
|
|
|
|
|
|
|
letter-spacing: 0rem; |
|
|
|
|
|
|
|
color: #d22727; |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
|
|
|
|
top: -0.6rem; |
|
|
|
|
|
|
|
left: -0.4rem; |
|
|
|
|
|
|
|
z-index: 3; |
|
|
|
|
|
|
|
white-space: nowrap; |
|
|
|
|
|
|
|
font-weight: bold; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.progressContainer4 { |
|
|
|
.progressContainer4 { |
|
|
|
@ -2186,10 +2256,24 @@ export default { |
|
|
|
color: #d22727; |
|
|
|
color: #d22727; |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
top: -0.3rem; |
|
|
|
top: -0.3rem; |
|
|
|
left:-0.4rem; |
|
|
|
left: -0.4rem; |
|
|
|
z-index: 3; |
|
|
|
z-index: 3; |
|
|
|
white-space: nowrap; |
|
|
|
white-space: nowrap; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.propo { |
|
|
|
|
|
|
|
font-family: AdobeHeitiStd-Regular; |
|
|
|
|
|
|
|
font-size: 0.17rem; |
|
|
|
|
|
|
|
line-height: 0.2rem; |
|
|
|
|
|
|
|
letter-spacing: 0rem; |
|
|
|
|
|
|
|
color: #d22727; |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
|
|
|
|
top: -0.6rem; |
|
|
|
|
|
|
|
left: -0.4rem; |
|
|
|
|
|
|
|
z-index: 3; |
|
|
|
|
|
|
|
white-space: nowrap; |
|
|
|
|
|
|
|
font-weight: bold; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.progressContainer5 { |
|
|
|
.progressContainer5 { |
|
|
|
@ -2219,10 +2303,24 @@ export default { |
|
|
|
color: #d22727; |
|
|
|
color: #d22727; |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
top: -0.3rem; |
|
|
|
top: -0.3rem; |
|
|
|
left:-0.4rem; |
|
|
|
left: -0.4rem; |
|
|
|
z-index: 3; |
|
|
|
z-index: 3; |
|
|
|
white-space: nowrap; |
|
|
|
white-space: nowrap; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.propo { |
|
|
|
|
|
|
|
font-family: AdobeHeitiStd-Regular; |
|
|
|
|
|
|
|
font-size: 0.17rem; |
|
|
|
|
|
|
|
line-height: 0.2rem; |
|
|
|
|
|
|
|
letter-spacing: 0rem; |
|
|
|
|
|
|
|
color: #d22727; |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
|
|
|
|
top: -0.6rem; |
|
|
|
|
|
|
|
left: -0.4rem; |
|
|
|
|
|
|
|
z-index: 3; |
|
|
|
|
|
|
|
white-space: nowrap; |
|
|
|
|
|
|
|
font-weight: bold; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
.progressContainer6 { |
|
|
|
.progressContainer6 { |
|
|
|
@ -2252,9 +2350,23 @@ export default { |
|
|
|
color: #d22727; |
|
|
|
color: #d22727; |
|
|
|
position: absolute; |
|
|
|
position: absolute; |
|
|
|
top: -0.3rem; |
|
|
|
top: -0.3rem; |
|
|
|
left:-0.4rem; |
|
|
|
left: -0.4rem; |
|
|
|
|
|
|
|
z-index: 3; |
|
|
|
|
|
|
|
white-space: nowrap; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.propo { |
|
|
|
|
|
|
|
font-family: AdobeHeitiStd-Regular; |
|
|
|
|
|
|
|
font-size: 0.17rem; |
|
|
|
|
|
|
|
line-height: 0.2rem; |
|
|
|
|
|
|
|
letter-spacing: 0rem; |
|
|
|
|
|
|
|
color: #d22727; |
|
|
|
|
|
|
|
position: absolute; |
|
|
|
|
|
|
|
top: -0.6rem; |
|
|
|
|
|
|
|
left: -0.4rem; |
|
|
|
z-index: 3; |
|
|
|
z-index: 3; |
|
|
|
white-space: nowrap; |
|
|
|
white-space: nowrap; |
|
|
|
|
|
|
|
font-weight: bold; |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
