|
|
|
|
@ -8,7 +8,8 @@
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<div class="home-welcome-right">
|
|
|
|
|
<el-image alt="banner" :src="bannerImg" fit="contain" class="home-welcome-image"
|
|
|
|
|
<el-image
|
|
|
|
|
alt="banner" :src="bannerImg" fit="contain" class="home-welcome-image"
|
|
|
|
|
style="height: 180px;margin-right:100px" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -16,7 +17,8 @@
|
|
|
|
|
<div class="section-header">
|
|
|
|
|
<div class="section-title">整体生产概况</div>
|
|
|
|
|
<div>
|
|
|
|
|
<el-date-picker v-model="productionOverviewRange" type="daterange" unlink-panels value-format="YYYY-MM-DD"
|
|
|
|
|
<el-date-picker
|
|
|
|
|
v-model="productionOverviewRange" type="daterange" unlink-panels value-format="YYYY-MM-DD"
|
|
|
|
|
start-placeholder="开始日期" end-placeholder="结束日期" size="small" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
@ -143,20 +145,19 @@
|
|
|
|
|
<div class="section-header">
|
|
|
|
|
<div class="section-title">设备整体情况</div>
|
|
|
|
|
<div>
|
|
|
|
|
<el-date-picker v-model="deviceOverviewRange" type="daterange" unlink-panels value-format="YYYY-MM-DD"
|
|
|
|
|
start-placeholder="开始日期" end-placeholder="结束日期" size="small" />
|
|
|
|
|
<el-date-picker
|
|
|
|
|
v-model="deviceOverviewRange" type="daterange" unlink-panels value-format="YYYY-MM-DD"
|
|
|
|
|
start-placeholder="开始日期" end-placeholder="结束日期" size="small" />
|
|
|
|
|
</div>
|
|
|
|
|
</div>
|
|
|
|
|
<el-row class="device-overview-row" :gutter="0">
|
|
|
|
|
<el-col v-for="item in deviceOverviewTop" :key="item.key" :span="Math.floor(24 / deviceOverviewTop.length)">
|
|
|
|
|
<el-col v-for="item in deviceOverviewTop" :key="item.key" :span="2">
|
|
|
|
|
<div class="device-overview-item">
|
|
|
|
|
<div class="production-overview-label">{{ item.label }}</div>
|
|
|
|
|
<div class="production-overview-value production-overview-value-primary">{{ item.value }}</div>
|
|
|
|
|
</div>
|
|
|
|
|
</el-col>
|
|
|
|
|
</el-row>
|
|
|
|
|
<el-row class="device-overview-row device-overview-row-bottom" :gutter="0">
|
|
|
|
|
<el-col v-for="item in deviceOverviewBottom" :key="item.key" :span="6">
|
|
|
|
|
<el-col v-for="item in deviceOverviewBottom" :key="item.key" :span="2">
|
|
|
|
|
<div class="device-overview-item">
|
|
|
|
|
<div class="production-overview-label">{{ item.label }}</div>
|
|
|
|
|
<div class="production-overview-value production-overview-value-primary">{{ item.value }}</div>
|
|
|
|
|
|