驾驶舱提测ui

This commit is contained in:
2024-01-11 13:44:38 +08:00
parent b1458827f1
commit 6c02990cb5
20 changed files with 441 additions and 254 deletions

View File

@@ -11,14 +11,14 @@
style="
flex: 1;
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-template-columns: 2fr 3fr 3fr;
grid-template-rows: auto;
gap: 8px;
padding: 4px;
margin-bottom: 6px;
">
<ShadowRect
style="grid-row: 1 / 3; flex-direction: column; justify-content: center">
style="grid-row: 1/3 ; flex-direction: column; justify-content: center">
<span
style="
font-size: 16px;
@@ -34,6 +34,7 @@
line-height: 1.55;
text-align: center;
letter-spacing: 1px;
color: #3ce8ff
">
{{energyInfo.elecQty1}}kwh
</span>
@@ -51,7 +52,7 @@
">
<p style="margin: 0; line-height: inherit">水耗量</p>
</div>
<span style="font-size: 16px; line-height: 1.24; flex: 1">{{energyInfo.waterQty}}</span>
<span style="font-size: 16px; line-height: 1.24; flex: 1.3;color: #3ce8ff">{{energyInfo.waterQty}}</span>
</ShadowRect>
<ShadowRect>
@@ -66,7 +67,7 @@
">
<p style="margin: 0; line-height: inherit">天然气I</p>
</div>
<span style="font-size: 16px; line-height: 1.24; flex: 1">{{sumGasInfo.sumGas1Now}}</span>
<span style="font-size: 16px; line-height: 1.24; flex: 1.3;color: #3ce8ff">{{sumGasInfo.sumGas1Now}}</span>
</ShadowRect>
<ShadowRect>
@@ -81,7 +82,7 @@
">
<p style="margin: 0; line-height: inherit">电耗量</p>
</div>
<span style="font-size: 16px; line-height: 1.24; flex: 1">{{energyInfo.elecQty2}}kwh</span>
<span style="font-size: 16px; line-height: 1.24; flex: 1.3;color: #3ce8ff">{{energyInfo.elecQty2}}kwh</span>
</ShadowRect>
<ShadowRect>
@@ -96,7 +97,7 @@
">
<p style="margin: 0; line-height: inherit">天然气II</p>
</div>
<span style="font-size: 16px; line-height: 1.24; flex: 1">{{sumGasInfo.sumGas2Now}}</span>
<span style="font-size: 16px; line-height: 1.24; flex: 1.3;color: #3ce8ff">{{sumGasInfo.sumGas2Now}}</span>
</ShadowRect>
</div>
</template>

View File

@@ -99,7 +99,7 @@
<SelectorBtnGroup :options="['日', '周', '月', '年']" @emitFun='toggleDate' :active='chartTime' />
</div>
<div class="chart" style="height: 250px;margin-top: 10px;">
<FlueGas :chartType='chartType' :chartTime='chartTime'/>
<FlueGasChart :chartType='chartType' :chartTime='chartTime'/>
</div>
</div>
</Container>
@@ -112,7 +112,7 @@ import ShadowRect from '../components/ShadowRect.vue';
import KilnLine from '../components/line';
// import Switcher from '../components/Switcher';
import SelectorBtnGroup from '../components/SelectorBtnGroup';
import FlueGas from '../components/FlueGas';
import FlueGasChart from '../components/FlueGasChart';
export default {
name: 'GasHandle',
@@ -121,7 +121,7 @@ export default {
ShadowRect,
KilnLine,
SelectorBtnGroup,
FlueGas,
FlueGasChart,
},
props: {},
data() {