shouye
This commit is contained in:
parent
bbb096e67c
commit
5401d07003
|
|
@ -10,169 +10,19 @@
|
|||
<img class="topCardImg" src="img/topCard.png">
|
||||
</div>
|
||||
</div>
|
||||
<div class="retangleWrap">
|
||||
<div class="retangle countRetangle">
|
||||
<div style="display: flex;justify-content: space-between;padding: 0 24px;">
|
||||
<div style="color: rgb(30, 30, 30);font-size: 16px;font-weight: 400;line-height: 24px;">昨日核心指标</div>
|
||||
</div>
|
||||
<div style="padding-top: 20px;display: flex;">
|
||||
<div class="countItem">
|
||||
<div class="countname">预制棒合格数</div>
|
||||
<p class="countnum">{{ dayPassNum7 }}</p>
|
||||
<p class="countrate">同比前天
|
||||
<span :class="bindClass(tongbi7)">
|
||||
{{ tongbi7 }}%
|
||||
<span v-if="tongbi7 < 0"> ▼</span>
|
||||
<span v-else> ▲</span>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="countItem">
|
||||
<div class="countname">预制管合格数</div>
|
||||
<p class="countnum">{{ dayPassNum10 }}</p>
|
||||
<p class="countrate">同比前天
|
||||
<span :class="bindClass(tongbi10)">
|
||||
{{ tongbi10 }}%
|
||||
<span v-if="tongbi10 < 0"> ▼</span>
|
||||
<span v-else> ▲</span>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="countItem">
|
||||
<div class="countname">AVG合格数</div>
|
||||
<p class="countnum">{{ dayAVGcountOk }}</p>
|
||||
<p class="countrate">同比前天
|
||||
<span :class="bindClass(AVGOktongbi)">
|
||||
{{ AVGOktongbi }}%
|
||||
<span v-if="AVGOktongbi < 0"> ▼</span>
|
||||
<span v-else> ▲</span>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="countItem">
|
||||
<div class="countname">预制棒管交付数</div>
|
||||
<p class="countnum">{{ dayPayNum6 }}</p>
|
||||
<p class="countrate">同比前天
|
||||
<span :class="bindClass(tongbi06)">
|
||||
{{ tongbi06 }}%
|
||||
<span v-if="tongbi06 < 0"> ▼</span>
|
||||
<span v-else> ▲</span>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="countItem">
|
||||
<div class="countname">AVG交付数</div>
|
||||
<p class="countnum">{{ dayAVGcountDelivered }}</p>
|
||||
<p class="countrate">同比前天
|
||||
<span :class="bindClass(AVGDelivertongbi)">
|
||||
{{ AVGDelivertongbi }}%
|
||||
<span v-if="AVGDelivertongbi < 0"> ▼</span>
|
||||
<span v-else> ▲</span>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="retangleWrap retangleWrapmiddle">
|
||||
<div class="retangle middleRetangle">
|
||||
<div style="padding: 20px 0;display: flex;">
|
||||
<div class="middleItem">
|
||||
<div class="countname">本月累积交付数</div>
|
||||
<div style="display: flex;justify-content: space-around;padding-top: 25px;font-size: 20px;">
|
||||
<div>
|
||||
<div>预制棒管</div>
|
||||
<p class="countnum">{{ monthPayNum6 }}</p>
|
||||
</div>
|
||||
<div>
|
||||
<div>AVG</div>
|
||||
<p class="countnum">{{ monthPayNumAVG }}</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="middleItem" style="display: flex;">
|
||||
<el-progress type="circle" :stroke-width="15" :show-text="false" :percentage="monthPassRate7" />
|
||||
<div style="margin-left: 20px;">
|
||||
<div class="countname">预制棒合格率</div>
|
||||
<p class="countnum" style="line-height: 82px">{{ monthPassRate7 }}%</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="middleItem" style="display: flex;">
|
||||
<el-progress type="circle" :stroke-width="15" :show-text="false"
|
||||
:percentage="monthPassRate10" />
|
||||
<div style="margin-left: 20px;">
|
||||
<div class="countname">预制管合格率</div>
|
||||
<p class="countnum" style="line-height: 82px">{{ monthPassRate10 }}%</p>
|
||||
<!-- <p class="countrate">同比上周 8.63%</p> -->
|
||||
</div>
|
||||
</div>
|
||||
<div class="middleItem" style="display: flex;">
|
||||
<el-progress type="circle" :stroke-width="15" :show-text="false" :percentage="monthRateAVG" />
|
||||
<div style="margin-left: 20px;">
|
||||
<div class="countname">AVG合格率</div>
|
||||
<p class="countnum" style="line-height: 82px">{{ monthRateAVG }}%</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<el-row>
|
||||
<el-col :span="14">
|
||||
<div class="retangleWrap" style="padding-right: 0;">
|
||||
<div class="retangle bottomRetangle">
|
||||
<div style="display: flex;justify-content: space-between;padding: 0 24px;">
|
||||
<div style="color: rgb(30, 30, 30);font-size: 16px;font-weight: 400;line-height: 24px;">
|
||||
本月生产合格趋势</div>
|
||||
<div style="color: rgb(122, 121, 121);size: 12px;font-weight: 290;line-height: 22px;">
|
||||
<el-radio-group v-model="deptName" @change="deptNameChange">
|
||||
<el-radio label="6车间">6车间</el-radio>
|
||||
<el-radio label="7车间">7车间</el-radio>
|
||||
<el-radio label="10车间">10车间</el-radio>
|
||||
</el-radio-group>
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding: 20px 24px 0 24px;background: #ffffff;">
|
||||
<div class="bottomItem">
|
||||
<div class="countname">本月计划完成度</div>
|
||||
<p class="countnum">99%</p>
|
||||
<!-- <p class="countrate">同比上周<span class="redColor"> 8.63%▲</span> 月同比6.47%</p> -->
|
||||
<div id="barCharts" style="width: 100%;height: 218px;"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
<el-col :span="10">
|
||||
<div class="retangleWrap retangleWrapTable">
|
||||
<div class="retangle tableRetangle">
|
||||
<div style="display: flex;justify-content: space-between;padding: 0 24px;">
|
||||
<div style="color: rgb(30, 30, 30);font-size: 16px;font-weight: 400;line-height: 24px;">库存情况
|
||||
</div>
|
||||
</div>
|
||||
<div style="padding: 20px 24px 24px 24px;">
|
||||
<el-table :data="tableData" style="width: 100%;height: 293px;">
|
||||
<el-table-column label="#" type="index" width="50"></el-table-column>
|
||||
<el-table-column prop="name" label="名称"></el-table-column>
|
||||
<el-table-column prop="specification" label="规格"></el-table-column>
|
||||
<el-table-column prop="model" label="型号"></el-table-column>
|
||||
<el-table-column prop="unit" label="单位"></el-table-column>
|
||||
<el-table-column prop="count" label="库存"></el-table-column>
|
||||
</el-table>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</el-col>
|
||||
</el-row>
|
||||
<el-row style="margin-bottom: 20px;">
|
||||
<el-col :span="7">
|
||||
<div class="retangleWrap" style="padding-right: 0;">
|
||||
<div class="retangle bottomRetangle" style="background: rgb(20,141,255);color:#ffffff;">
|
||||
<div class="retangle bottomRetangle" style="">
|
||||
<div style="display: flex;justify-content: space-between;padding: 0 24px;">
|
||||
<div style="font-size: 16px;font-weight: 400;line-height: 24px;">预警提示</div>
|
||||
</div>
|
||||
<div style="padding: 20px 24px 24px 24px;height: 311px;">
|
||||
<div>
|
||||
<p>延期任务数量上月同比增加 <span style="font-size: 24px;">10.23%</span></p>
|
||||
<p style="display: flex;justify-content: space-between;height: 30px;line-height: 30px;">
|
||||
<span>颗粒物污染上升</span>
|
||||
<span style="font-size: 24px;">0.035%</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
|
|
|||
Loading…
Reference in New Issue