|
|
@ -276,8 +276,8 @@ |
|
|
|
<div class="monitor-flex-left" v-if="activeName.includes('回水')"> |
|
|
|
<div class="monitor-flex-left" v-if="activeName.includes('回水')"> |
|
|
|
<div class="control-top"> |
|
|
|
<div class="control-top"> |
|
|
|
<img |
|
|
|
<img |
|
|
|
class="monitor-img2" |
|
|
|
class="monitor-img3" |
|
|
|
src="../../../assets/images/startpum.png" |
|
|
|
src="../../../assets/images/pump.png" |
|
|
|
/> |
|
|
|
/> |
|
|
|
<div class="monitor-words"> |
|
|
|
<div class="monitor-words"> |
|
|
|
<div class="words-li"> |
|
|
|
<div class="words-li"> |
|
|
@ -303,9 +303,6 @@ |
|
|
|
></el-input> |
|
|
|
></el-input> |
|
|
|
<div class="white">℃</div> |
|
|
|
<div class="white">℃</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
|
|
|
|
<div class="monitor-words" style="margin-top: 20px"> |
|
|
|
|
|
|
|
<div class="words-li"> |
|
|
|
<div class="words-li"> |
|
|
|
<div class="ash">回水温度设定差值:</div> |
|
|
|
<div class="ash">回水温度设定差值:</div> |
|
|
|
<el-input |
|
|
|
<el-input |
|
|
@ -342,7 +339,8 @@ |
|
|
|
@blur="handleBlur()" |
|
|
|
@blur="handleBlur()" |
|
|
|
size="mini" |
|
|
|
size="mini" |
|
|
|
></el-input> |
|
|
|
></el-input> |
|
|
|
<div class="white">S</div> |
|
|
|
<div class="white">min</div> |
|
|
|
|
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
</div> |
|
|
@ -1236,6 +1234,10 @@ export default { |
|
|
|
width: 1.2rem; |
|
|
|
width: 1.2rem; |
|
|
|
height: 0.8rem; |
|
|
|
height: 0.8rem; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.monitor-img3 { |
|
|
|
|
|
|
|
width: 1.2rem; |
|
|
|
|
|
|
|
height: 0.8rem; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
.control-bottom { |
|
|
|
.control-bottom { |
|
|
|
width: 100%; |
|
|
|
width: 100%; |
|
|
@ -1359,24 +1361,11 @@ export default { |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@media (min-width: 1400px) and (max-width: 1620px) { |
|
|
|
@media (min-width: 1350px) and (max-width: 1460px) { |
|
|
|
.monitor-li { |
|
|
|
.monitor-img3 { |
|
|
|
width: calc(49% - 40px) !important; |
|
|
|
|
|
|
|
margin: 0 20px !important; |
|
|
|
|
|
|
|
.monitor-img1 { |
|
|
|
|
|
|
|
width: 120px !important; |
|
|
|
|
|
|
|
height: 120px !important; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.monitor-img2 { |
|
|
|
|
|
|
|
width: 120px !important; |
|
|
|
|
|
|
|
height: 80px !important; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
.monitor-flex-left { |
|
|
|
|
|
|
|
padding: 0 0.3rem !important; |
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@media (min-width: 1240px) and (max-width: 1400px) { |
|
|
|
@media (min-width: 1350px) and (max-width: 1850px) { |
|
|
|
.monitor-li { |
|
|
|
.monitor-li { |
|
|
|
width: calc(49% - 10px) !important; |
|
|
|
width: calc(49% - 10px) !important; |
|
|
|
margin: 0 5px !important; |
|
|
|
margin: 0 5px !important; |
|
|
@ -1389,8 +1378,12 @@ export default { |
|
|
|
width: 100px !important; |
|
|
|
width: 100px !important; |
|
|
|
height: 60px !important; |
|
|
|
height: 60px !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.monitor-img3 { |
|
|
|
|
|
|
|
width: 1.2rem !important; |
|
|
|
|
|
|
|
height: 0.9rem !important; |
|
|
|
|
|
|
|
} |
|
|
|
} |
|
|
|
} |
|
|
|
@media (max-width: 1240px) { |
|
|
|
@media (max-width: 1350px) { |
|
|
|
.monitor-li { |
|
|
|
.monitor-li { |
|
|
|
width: 100% !important; |
|
|
|
width: 100% !important; |
|
|
|
margin: 0 !important; |
|
|
|
margin: 0 !important; |
|
|
@ -1403,6 +1396,10 @@ export default { |
|
|
|
width: 100px !important; |
|
|
|
width: 100px !important; |
|
|
|
height: 80px !important; |
|
|
|
height: 80px !important; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.monitor-img3 { |
|
|
|
|
|
|
|
width: 100px !important; |
|
|
|
|
|
|
|
height: 80px !important; |
|
|
|
|
|
|
|
} |
|
|
|
.monitor-flex-left { |
|
|
|
.monitor-flex-left { |
|
|
|
padding: 0 30px !important; |
|
|
|
padding: 0 30px !important; |
|
|
|
} |
|
|
|
} |
|
|
|