williamet/vis389
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

质量管理（差SPC分析）

Browse Source
This commit is contained in:
熊丽君
2021-12-21 16:07:51 +08:00
parent 3bed560dea
commit c9cfd13127
2 changed files with 70 additions and 39 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
src/views/bigScreen/qualityManage/center.vue
View File

@ -4,41 +4,65 @@
<div class="data">
<div class="data-item">
<div><span style="font-weight: bold">质量体系整改率</span></div>
<div class="box"><span>98</span>%</div>
<div class="box"><span>{{}}</span>%</div>
<div style="width: 100%"><progressBar :percentage="98" /></div>
</div>
<div class="data-item">
<div><span style="font-weight: bold">产品合格率</span></div>
<div class="box"><span>98</span>%</div>
<div style="width: 100%"><progressBar :percentage="98" /></div>
<div class="box">
<span>{{ dataInfo.productCate }}</span
>%
</div>
<div style="width: 100%"><progressBar :percentage="dataInfo.productCate" /></div>
</div>
<div class="data-item">
<div><span style="font-weight: bold">一般性质量问题数量</span></div>
<div class="box" style="font-size: 18px"><span style="color: #55c5a2; margin: 0 5px">↓</span>20%</div>
<div class="box"><i>38/40</i><span class="num2"></span></div>
<div class="box" style="font-size: 18px">
<span style="color: #55c5a2; margin: 0 5px">↓</span>{{ dataInfo.rectificationRate }}%
</div>
<div class="box">
<i>{{ dataInfo.commonlyProblemTotal }}/{{}}</i><span class="num2"></span>
</div>
</div>
<div class="data-item">
<div><span style="font-weight: bold">低层次问题数</span></div>
<div class="box"><i>0/0</i><span class="num2"></span></div>
<div class="box">
<i>{{ dataInfo.lowProblemTotal }}/{{}}</i><span class="num2"></span>
</div>
</div>
<div class="data-item">
<div><span style="font-weight: bold">小型产品合格率</span></div>
<div class="box"><span>98</span>%</div>
<div style="width: 100%"><progressBar :percentage="98" /></div>
<div class="box">
<span>{{ dataInfo.smallProductCate }}</span
>%
</div>
<div style="width: 100%"><progressBar :percentage="dataInfo.smallProductCate" /></div>
</div>
<div class="data-item">
<div><span style="font-weight: bold">产品错/漏检率</span></div>
<div class="box"><span>33%/0%</span></div>
<div class="box">
<span>{{ dataInfo.errorCheckRate }}%/{{ dataInfo.leakCheckRate }}%</span>
</div>
</div>
<div class="data-item">
<div><span style="font-weight: bold">质量计划完成率</span></div>
<div class="box"><span>80</span>%<span style="color: #55c5a2; margin: 0 5px; font-size: 16px">55</span></div>
<div style="width: 100%"><progressBar :percentage="98" /></div>
<div class="box">
<span>{{ dataInfo.planCompleteRate }}</span
>%<span style="color: #55c5a2; margin: 0 5px; font-size: 16px">{{
dataInfo.qualityPlanCompleteTotal
}}</span>
</div>
<div style="width: 100%"><progressBar :percentage="dataInfo.planCompleteRate" /></div>
</div>
<div class="data-item">
<div><span style="font-weight: bold">质量检查完成率</span></div>
<div class="box"><span>70</span>%<span style="color: #55c5a2; margin: 0 5px; font-size: 16px">60</span></div>
<div style="width: 100%"><progressBar :percentage="98" /></div>
<div class="box">
<span>{{ dataInfo.checkCompleteRate }}</span
>%<span style="color: #55c5a2; margin: 0 5px; font-size: 16px">{{
dataInfo.qualityNotificationCompleteTotal
}}</span>
</div>
<div style="width: 100%"><progressBar :percentage="dataInfo.checkCompleteRate" /></div>
</div>
</div>
</center1>