|
@@ -30,13 +30,13 @@
|
|
|
</div>
|
|
|
<div>
|
|
|
<div class="topElevator">
|
|
|
- <div class="bg-color-spec">
|
|
|
- <div style="float: left">
|
|
|
+ <div class="bg-color-spec other-text">
|
|
|
+ <div>
|
|
|
<svg-icon icon-class="boiler"
|
|
|
style="width: 0.6rem; height: 0.6rem; margin-top: 0.1rem; margin-left: 0.1rem"></svg-icon>
|
|
|
</div>
|
|
|
- <div style="float: left; margin-left: 0.2rem; margin-top: 0.3rem">
|
|
|
- <div style="font-size: 14px; color: #5470c6; font-weight:bold">{{ $t('锅炉') }}</div>
|
|
|
+ <div style="margin-left: 0.2rem; margin-top: 0.2rem">
|
|
|
+ <div class="en-spec-text" style="color: #5470c6;">{{ $t('锅炉') }}</div>
|
|
|
<div class="specFont">{{ devDatas.glData.glAll_num }}<span
|
|
|
style="font-size: 12px; color: #4a7d87; margin-left: 0.1rem">{{ $t('台') }}</span></div>
|
|
|
</div>
|
|
@@ -45,13 +45,13 @@
|
|
|
</div>
|
|
|
<div>
|
|
|
<div class="topElevator">
|
|
|
- <div class="bg-color-spec">
|
|
|
- <div style="float: left">
|
|
|
+ <div class="bg-color-spec other-text">
|
|
|
+ <div>
|
|
|
<svg-icon icon-class="vessel"
|
|
|
style="width: 0.6rem; height: 0.6rem; margin-top: 0.1rem; margin-left: 0.1rem"></svg-icon>
|
|
|
</div>
|
|
|
- <div style="float: right; margin-left: 0.2rem; margin-top: 0.3rem">
|
|
|
- <div style="font-size: 12px; color: #92D050; font-weight:bold">{{ $t('压力容器') }}</div>
|
|
|
+ <div style=" margin-left: 0.2rem; margin-top: 0.2rem">
|
|
|
+ <div class="en-spec-text" style="color: #92D050;">{{ $t('压力容器') }}</div>
|
|
|
<div class="specFont">{{ devDatas.ylrqData.ylrqAll_num }}<span
|
|
|
style="font-size: 12px; color: #4a7d87; margin-left: 0.1rem">{{ $t('台') }}</span></div>
|
|
|
</div>
|
|
@@ -60,13 +60,13 @@
|
|
|
</div>
|
|
|
<div>
|
|
|
<div class="topElevator">
|
|
|
- <div class="bg-color-spec">
|
|
|
- <div style="float: left">
|
|
|
+ <div class="bg-color-spec other-text">
|
|
|
+ <div>
|
|
|
<svg-icon icon-class="pipe"
|
|
|
style="width: 0.6rem; height: 0.6rem; margin-top: 0.1rem; margin-left: 0.1rem"></svg-icon>
|
|
|
</div>
|
|
|
- <div style="float: left; margin-left: 0.2rem; margin-top: 0.3rem">
|
|
|
- <div style="font-size: 14px; color: #e4da3a; font-weight:bold">{{ $t('压力管道') }}</div>
|
|
|
+ <div style="margin-left: 0.2rem; margin-top: 0.2rem">
|
|
|
+ <div class="en-spec-text" style="color: #e4da3a;">{{ $t('压力管道') }}</div>
|
|
|
<div class="specFontSmall"><span style="font-size: 10px; color: #4a7d87;margin-right: 0.1rem">{{ $t('设备数') }}</span>{{
|
|
|
devDatas.ylgdData.ylgdAll_num
|
|
|
}}<span style="font-size: 10px; color: #4a7d87; margin-left: 0.1rem">{{ $t('条') }}</span></div>
|
|
@@ -78,13 +78,13 @@
|
|
|
</div>
|
|
|
<div>
|
|
|
<div class="topElevator">
|
|
|
- <div class="bg-color-spec">
|
|
|
- <div style="float: left">
|
|
|
+ <div class="bg-color-spec other-text">
|
|
|
+ <div>
|
|
|
<svg-icon icon-class="forklift"
|
|
|
style="width: 0.6rem; height: 0.6rem; margin-top: 0.1rem; margin-left: 0.1rem"></svg-icon>
|
|
|
</div>
|
|
|
- <div style="float: left; margin-left: 0.2rem; margin-top: 0.3rem">
|
|
|
- <div style="font-size: 14px; color: #5470c6; font-weight:bold">{{ $t('叉车') }}</div>
|
|
|
+ <div style="margin-left: 0.2rem; margin-top: 0.2rem">
|
|
|
+ <div class="en-spec-text" style="color: #5470c6;">{{ $t('叉车') }}</div>
|
|
|
<div class="specFont">{{ devDatas.ccData.ccAll_num }}<span
|
|
|
style="font-size: 10px; color: #4a7d87; margin-left: 0.05rem">{{ $t('辆') }}</span></div>
|
|
|
</div>
|
|
@@ -93,36 +93,37 @@
|
|
|
</div>
|
|
|
<div>
|
|
|
<div class="topElevator">
|
|
|
- <div class="bg-color-spec">
|
|
|
- <div style="float: left">
|
|
|
+ <div class="bg-color-spec other-text">
|
|
|
+ <div>
|
|
|
<svg-icon icon-class="machinery"
|
|
|
style="width: 0.6rem; height: 0.6rem; margin-top: 0.1rem; margin-left: 0.1rem"></svg-icon>
|
|
|
</div>
|
|
|
- <div style="float: right;margin-top: 0.3rem">
|
|
|
- <div style="font-size: 12px; color: #92D050; font-weight:bold">{{ $t('起重机械') }}</div>
|
|
|
- </div>
|
|
|
- <div style="float: right">
|
|
|
- <div style="margin-top: 0.1rem" class="specFontSmall"><span
|
|
|
- style="font-size: 10px; color: #4a7d87;margin-right: 0.1rem">{{ $t('特种设备2') }}</span>{{
|
|
|
- devDatas.dzsbData.dzsbAll_num
|
|
|
- }}<span style="font-size: 10px; color: #4a7d87; margin-left: 0.1rem">{{ $t('台') }}</span></div>
|
|
|
- <div style="margin-top: 0.1rem" class="specFontSmall"><span
|
|
|
- style="font-size: 10px; color: #4a7d87;margin-right: 0.1rem">{{ $t('非特种设备') }}</span>{{
|
|
|
- devDatas.dzsbData.dzsbUn_num
|
|
|
- }}<span style="font-size: 10px; color: #4a7d87; margin-left: 0.1rem">{{ $t('台') }}</span></div>
|
|
|
+ <div style="margin-left: 0.2rem;margin-top: 0.2rem">
|
|
|
+ <div class="en-spec-text" style="color: #92D050;">{{ $t('起重机械') }}</div>
|
|
|
+
|
|
|
+ <div class="specFontSmall"><span
|
|
|
+ style="font-size: 10px; color: #4a7d87;">{{ $t('特种设备2') }}</span>{{
|
|
|
+ devDatas.dzsbData.dzsbAll_num
|
|
|
+ }}<span style="font-size: 10px; color: #4a7d87; margin-left: 0.1rem">{{ $t('台') }}</span></div>
|
|
|
+ <div class="specFontSmall"><span
|
|
|
+ style="font-size: 10px; color: #4a7d87;">{{ $t('非特种设备') }}</span>{{
|
|
|
+ devDatas.dzsbData.dzsbUn_num
|
|
|
+ }}<span style="font-size: 10px; color: #4a7d87; margin-left: 0.1rem">{{ $t('台') }}</span></div>
|
|
|
+
|
|
|
</div>
|
|
|
+
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
<div>
|
|
|
<div class="topElevator">
|
|
|
- <div class="bg-color-spec">
|
|
|
- <div style="float: left">
|
|
|
+ <div class="bg-color-spec other-text">
|
|
|
+ <div>
|
|
|
<svg-icon icon-class="elevator"
|
|
|
style="width: 0.6rem; height: 0.6rem; margin-top: 0.1rem; margin-left: 0.1rem"></svg-icon>
|
|
|
</div>
|
|
|
- <div style="float: left; margin-left: 0.2rem; margin-top: 0.3rem">
|
|
|
- <div style="font-size: 14px; color: #e4da3a; font-weight:bold">{{ $t('电梯') }}</div>
|
|
|
+ <div style="margin-left: 0.2rem; margin-top: 0.2rem">
|
|
|
+ <div class="en-spec-text" style="color: #e4da3a;">{{ $t('电梯') }}</div>
|
|
|
<div class="specFont">{{ devDatas.dtData.dtAll_num }}<span
|
|
|
style="font-size: 12px; color: #4a7d87; margin-left: 0.1rem">{{ $t('台') }}</span></div>
|
|
|
</div>
|
|
@@ -475,6 +476,10 @@ export default {
|
|
|
height: 1.5rem;
|
|
|
border-radius: 0.125rem;
|
|
|
/*border: 4px solid #8ea3ea;*/
|
|
|
+ &.other-text{
|
|
|
+ display: flex;
|
|
|
+ flex-direction: row;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
|
|
@@ -499,6 +504,10 @@ export default {
|
|
|
margin-top: 0.2rem;
|
|
|
color: #4a7d87;
|
|
|
font: 25px/10px 'ds-digitalbold';
|
|
|
+ margin-left: -0.8rem;
|
|
|
+ word-wrap: break-word;
|
|
|
+ white-space: normal;
|
|
|
+ word-break: break-all;
|
|
|
}
|
|
|
|
|
|
.fs-xl {
|
|
@@ -651,6 +660,17 @@ export default {
|
|
|
}
|
|
|
.bg-color-spec {
|
|
|
border-radius: 0.125rem;
|
|
|
+ .en-spec-text{
|
|
|
+ font-size: 12px;
|
|
|
+ font-weight: bold;
|
|
|
+ word-wrap: break-word;
|
|
|
+ white-space: normal;
|
|
|
+ word-break: break-all;
|
|
|
+ }
|
|
|
+ .ch-spec-text{
|
|
|
+ font-size: 14px;
|
|
|
+ font-weight: bold;
|
|
|
+ }
|
|
|
}
|
|
|
body {
|
|
|
font-size: 12px !important;
|