37 lines
1.8 KiB
HTML
37 lines
1.8 KiB
HTML
|
<div class="qualityStatus">
|
||
|
|
<!--標題-->
|
||
|
|
<label class="dashboard-title" ng-bind="'dashboard.qualityStatus.title' | translate"></label>
|
||
|
|
<!--內容-->
|
||
|
|
<div class="quality">
|
||
|
|
|
||
|
|
<!--不良率-->
|
||
|
|
<div class="row">
|
||
|
|
<div class="kmi-bar" style="background: linear-gradient(to right, {{dashboard['qualityStatus'].quality_detail.LIGHTCOLOR}} {{dashboard['qualityStatus'].quality_detail.QTY_RATE}}%, rgb(238,241,247) 0%);">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<label ng-bind="'dashboard.qualityStatus.badRate' | translate"></label>
|
||
|
|
<label class="right" ng-bind="(dashboard['qualityStatus'].quality_detail.QTY_RATE | number) + '%' "></label>
|
||
|
|
</div>
|
||
|
|
<!--良品-->
|
||
|
|
<div class="row">
|
||
|
|
<div class="kmi-bar" style="background: linear-gradient(to right, green {{dashboard['qualityStatus'].quality_detail.G_QTY_RATE}}%, rgb(238,241,247) 0%);">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<label ng-bind="'dashboard.qualityStatus.good' | translate"></label>
|
||
|
|
<label class="right"
|
||
|
|
ng-bind="dashboard['qualityStatus'].quality_detail.SHIFT_WORK_QTY - dashboard['qualityStatus'].quality_detail.SHIFT_DEFECT_QTY"></label>
|
||
|
|
</div>
|
||
|
|
<!--不良品-->
|
||
|
|
<div class="row">
|
||
|
|
<div class="kmi-bar" style="background: linear-gradient(to right, red {{dashboard['qualityStatus'].quality_detail.QTY_RATE}}%, rgb(238,241,247) 0%);">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="row">
|
||
|
|
<label ng-bind="'dashboard.qualityStatus.bad' | translate"></label>
|
||
|
|
<label class="right" ng-bind="dashboard['qualityStatus'].quality_detail.SHIFT_DEFECT_QTY"></label>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
</div>
|