|
|
@@ -281,7 +281,19 @@
|
|
|
>
|
|
|
<div class="other_boxs">
|
|
|
<div
|
|
|
- v-for="(items, indexs) in item['5'].other"
|
|
|
+ v-for="(items, indexs) in item['5'].other.slice(0, -1)"
|
|
|
+ :key="indexs"
|
|
|
+ class="other_databoxs"
|
|
|
+ >
|
|
|
+ <div class="other_databoxs_name">{{ items.name ? items.name : '' }}</div>
|
|
|
+ <div v-if="items.value != null" class="other_databoxs_value">
|
|
|
+ {{ items.value.toFixed(1) }} {{ items.unit ? items.unit : '' }}
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="other_boxs2">
|
|
|
+ <div
|
|
|
+ v-for="(items, indexs) in item['5'].other.slice(-1)"
|
|
|
:key="indexs"
|
|
|
class="other_databoxs"
|
|
|
>
|
|
|
@@ -467,22 +479,30 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div v-if="item['6'] && item['6'].length > 0" class="border_boxs_left_top1_boxs_left2">
|
|
|
- <div v-for="(items, indexs) in item['6']" :key="indexs" class="public_left1">
|
|
|
- <div class="public_boxs_name">{{ items.name ? items.name : '' }}</div>
|
|
|
- <div v-if="items.value != null" class="public_boxs_value">
|
|
|
- {{ items.value.toFixed(1) }} {{ items.unit ? items.unit : '' }}
|
|
|
+ <!-- <div v-for="(items, indexs) in item['6']" :key="indexs" class="public_left1"> -->
|
|
|
+ <div class="public_left1_boxs">
|
|
|
+ <div v-for="(items, indexs) in item['6']" :key="indexs" class="public_left1">
|
|
|
+ <div class="public_boxs_name">{{ items.name ? items.name : '' }}</div>
|
|
|
+ <div v-if="items.value != null" class="public_boxs_value">
|
|
|
+ {{ items.value.toFixed(1) }} {{ items.unit ? items.unit : '' }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="public_boxs_titile">6#燃烧室</div>
|
|
|
</div>
|
|
|
+ <div class="public_boxs_titile">6#燃烧室</div>
|
|
|
+ <!-- </div> -->
|
|
|
</div>
|
|
|
<div v-if="item['7'] && item['7'].length > 0" class="border_boxs_left_top1_boxs_left3">
|
|
|
- <div v-for="(items, indexs) in item['7']" :key="indexs" class="public_left1">
|
|
|
- <div class="public_boxs_name">{{ items.name ? items.name : '' }}</div>
|
|
|
- <div v-if="items.value != null" class="public_boxs_value">
|
|
|
- {{ items.value.toFixed(1) }} {{ items.unit ? items.unit : '' }}
|
|
|
+ <!-- <div v-for="(items, indexs) in item['7']" :key="indexs" class="public_left1"> -->
|
|
|
+ <div class="public_left1_boxs">
|
|
|
+ <div v-for="(items, indexs) in item['7']" :key="indexs" class="public_left1">
|
|
|
+ <div class="public_boxs_name">{{ items.name ? items.name : '' }}</div>
|
|
|
+ <div v-if="items.value != null" class="public_boxs_value">
|
|
|
+ {{ items.value.toFixed(1) }} {{ items.unit ? items.unit : '' }}
|
|
|
+ </div>
|
|
|
</div>
|
|
|
- <div class="public_boxs_titile">6#混合室</div>
|
|
|
</div>
|
|
|
+ <div class="public_boxs_titile">6#混合室</div>
|
|
|
+ <!-- </div> -->
|
|
|
</div>
|
|
|
<div v-if="item['8'] && item['8'].length > 0" class="border_boxs_left_top1_boxs_left8">
|
|
|
<div v-for="(items, indexs) in item['8']" :key="indexs" class="public_boxs5">
|
|
|
@@ -843,11 +863,14 @@ body {
|
|
|
text-align: center;
|
|
|
border-right: #00befe 0.12rem solid;
|
|
|
position: relative;
|
|
|
- .public_left1 {
|
|
|
+ .public_left1_boxs {
|
|
|
width: 90%;
|
|
|
margin-left: 5%;
|
|
|
position: absolute;
|
|
|
- bottom: 1rem;
|
|
|
+ bottom: 5rem;
|
|
|
+ }
|
|
|
+ .public_left1 {
|
|
|
+ margin-top: 1rem;
|
|
|
.public_boxs_name {
|
|
|
font-size: 0.9rem;
|
|
|
}
|
|
|
@@ -865,9 +888,12 @@ body {
|
|
|
padding: 0.3rem 0.2rem;
|
|
|
color: #41ffbf;
|
|
|
}
|
|
|
- .public_boxs_titile {
|
|
|
- padding-top: 2rem;
|
|
|
- }
|
|
|
+ }
|
|
|
+ .public_boxs_titile {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 1rem;
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
}
|
|
|
.border_boxs_left_top1_boxs_left3 {
|
|
|
@@ -877,11 +903,14 @@ body {
|
|
|
font-size: 0.9rem;
|
|
|
text-align: center;
|
|
|
position: relative;
|
|
|
- .public_left1 {
|
|
|
+ .public_left1_boxs {
|
|
|
width: 90%;
|
|
|
margin-left: 5%;
|
|
|
position: absolute;
|
|
|
- bottom: 1rem;
|
|
|
+ bottom: 5rem;
|
|
|
+ }
|
|
|
+ .public_left1 {
|
|
|
+ margin-top: 1rem;
|
|
|
.public_boxs_name {
|
|
|
font-size: 0.9rem;
|
|
|
}
|
|
|
@@ -899,9 +928,12 @@ body {
|
|
|
padding: 0.3rem 0.2rem;
|
|
|
color: #41ffbf;
|
|
|
}
|
|
|
- .public_boxs_titile {
|
|
|
- padding-top: 2rem;
|
|
|
- }
|
|
|
+ }
|
|
|
+ .public_boxs_titile {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 1rem;
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
}
|
|
|
.border_boxs_left_top1_boxs_left4 {
|
|
|
@@ -1190,11 +1222,14 @@ body {
|
|
|
text-align: center;
|
|
|
border-right: #00befe 0.12rem solid;
|
|
|
position: relative;
|
|
|
- .public_left1 {
|
|
|
+ .public_left1_boxs {
|
|
|
width: 90%;
|
|
|
margin-left: 5%;
|
|
|
position: absolute;
|
|
|
- bottom: 1rem;
|
|
|
+ bottom: 5rem;
|
|
|
+ }
|
|
|
+ .public_left1 {
|
|
|
+ margin-top: 1rem;
|
|
|
.public_boxs_name {
|
|
|
font-size: 0.9rem;
|
|
|
}
|
|
|
@@ -1212,9 +1247,12 @@ body {
|
|
|
padding: 0.3rem 0.2rem;
|
|
|
color: #41ffbf;
|
|
|
}
|
|
|
- .public_boxs_titile {
|
|
|
- padding-top: 2rem;
|
|
|
- }
|
|
|
+ }
|
|
|
+ .public_boxs_titile {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 1rem;
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
}
|
|
|
.border_boxs_left_top1_boxs_left3 {
|
|
|
@@ -1224,11 +1262,14 @@ body {
|
|
|
font-size: 0.9rem;
|
|
|
text-align: center;
|
|
|
position: relative;
|
|
|
- .public_left1 {
|
|
|
+ .public_left1_boxs {
|
|
|
width: 90%;
|
|
|
margin-left: 5%;
|
|
|
position: absolute;
|
|
|
- bottom: 1rem;
|
|
|
+ bottom: 5rem;
|
|
|
+ }
|
|
|
+ .public_left1 {
|
|
|
+ margin-top: 1rem;
|
|
|
.public_boxs_name {
|
|
|
font-size: 0.9rem;
|
|
|
}
|
|
|
@@ -1246,9 +1287,12 @@ body {
|
|
|
padding: 0.3rem 0.2rem;
|
|
|
color: #41ffbf;
|
|
|
}
|
|
|
- .public_boxs_titile {
|
|
|
- padding-top: 2rem;
|
|
|
- }
|
|
|
+ }
|
|
|
+ .public_boxs_titile {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 1rem;
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
}
|
|
|
.border_boxs_left_top1_boxs_left4 {
|
|
|
@@ -1326,6 +1370,7 @@ body {
|
|
|
height: 100%;
|
|
|
display: flex;
|
|
|
margin-left: -0.4rem;
|
|
|
+ position: relative;
|
|
|
// padding: 0 0.3rem;
|
|
|
.circulatingAirandfurnaceAir_boxs {
|
|
|
width: 8rem;
|
|
|
@@ -1382,6 +1427,13 @@ body {
|
|
|
color: #41ffbf;
|
|
|
}
|
|
|
}
|
|
|
+ .other_boxs2 {
|
|
|
+ width: 6rem;
|
|
|
+ height: 8rem;
|
|
|
+ position: absolute;
|
|
|
+ top: 12rem;
|
|
|
+ left: 7rem;
|
|
|
+ }
|
|
|
}
|
|
|
.border_boxs_left_top1_boxs_left8 {
|
|
|
width: 6.3rem;
|
|
|
@@ -1537,11 +1589,14 @@ body {
|
|
|
text-align: center;
|
|
|
border-right: #00befe 0.12rem solid;
|
|
|
position: relative;
|
|
|
- .public_left1 {
|
|
|
+ .public_left1_boxs {
|
|
|
width: 90%;
|
|
|
margin-left: 5%;
|
|
|
position: absolute;
|
|
|
- bottom: 3.5rem;
|
|
|
+ // bottom: 5rem;
|
|
|
+ }
|
|
|
+ .public_left1 {
|
|
|
+ margin-top: 1rem;
|
|
|
.public_boxs_name {
|
|
|
font-size: 0.9rem;
|
|
|
}
|
|
|
@@ -1559,9 +1614,12 @@ body {
|
|
|
padding: 0.3rem 0.2rem;
|
|
|
color: #41ffbf;
|
|
|
}
|
|
|
- .public_boxs_titile {
|
|
|
- padding-top: 2rem;
|
|
|
- }
|
|
|
+ }
|
|
|
+ .public_boxs_titile {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 3rem;
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
}
|
|
|
.border_boxs_left_top1_boxs_left3 {
|
|
|
@@ -1571,11 +1629,14 @@ body {
|
|
|
font-size: 0.9rem;
|
|
|
text-align: center;
|
|
|
position: relative;
|
|
|
- .public_left1 {
|
|
|
+ .public_left1_boxs {
|
|
|
width: 90%;
|
|
|
margin-left: 5%;
|
|
|
position: absolute;
|
|
|
- bottom: 3.5rem;
|
|
|
+ // bottom: 5rem;
|
|
|
+ }
|
|
|
+ .public_left1 {
|
|
|
+ margin-top: 1rem;
|
|
|
.public_boxs_name {
|
|
|
font-size: 0.9rem;
|
|
|
}
|
|
|
@@ -1593,9 +1654,12 @@ body {
|
|
|
padding: 0.3rem 0.2rem;
|
|
|
color: #41ffbf;
|
|
|
}
|
|
|
- .public_boxs_titile {
|
|
|
- padding-top: 2rem;
|
|
|
- }
|
|
|
+ }
|
|
|
+ .public_boxs_titile {
|
|
|
+ position: absolute;
|
|
|
+ bottom: 3rem;
|
|
|
+ width: 100%;
|
|
|
+ text-align: center;
|
|
|
}
|
|
|
}
|
|
|
.border_boxs_left_top1_boxs_left4 {
|
LiuShu_0203