This repo is archived. You can view files and clone it, but cannot push or open issues or pull requests.
SXS20240115/SRC/iMES_PAD/module/moduleWIP/program/mrs-eqp/mrs05/mrs05.html
2024-01-24 16:47:50 +08:00

276 lines
17 KiB
HTML
Raw Blame History

This file contains ambiguous Unicode characters

This file contains Unicode characters that might be confused with other characters. If you think that this is intentional, you can safely ignore this warning. Use the Escape button to reveal them.

<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header mrs05-dialog">
<!--標題區域-->
<div class="dialog-header-row">
<!--標題-->
<label class="header-title" ng-bind="'mrs05.title' | translate"></label>
<!--關閉按鈕-->
<div class="kmi-closeSmall" ng-click="dialog.back();">
<div class="kmi-can-click" />
</div>
</div>
<!--內容區域-->
<div class="dialog-main-content">
<div class="perfect-scrollbar kmi-list__no-header" ng-show="dialog.eqpQcListDetail.length<=0;">
<!-- 設備Label -->
<div class="dialog-input-header" ng-bind="'dashboard.workOperator.workeq' | translate"></div>
<!-- 設備輸入框 -->
<div class="kmi-text-fields" style="display:flex;align-items: center;">
<input id="scan_eqp" ng-model="dialog.equipmentNo" placeholder="{{'mrs01_lot.msg.please_keyin_eqpno'|translate}}" ng-keypress="dialog.enter($event);" ng-click="dialog.showEquipmentList()" />
<!-- 掃描圖示 -->
<div class="kmi-button-scan" ng-click="dialog.scanQrcode_eqp();">
<div class="kmi-can-click"></div>
</div>
</div>
<!--待點檢-->
<label class="dialog-input-header" ng-bind="'dashboard.waitQC.title' | translate"></label>
<!--內容區域-->
<div style="height:100% ;width:100%;">
<div class="kmi-list listWork column-selector" column-selector-id="listWork" style="height:100%;">
<div class="kmi-list__header">
<div class="kmi-list__column head-controls" style="flex:1;">
<label ng-bind="'dashboard.waitQC.qcListNo' | translate"></label>
<i class="material-icons"> </i>
<div class="kmi-can-click"></div>
</div>
<div class="kmi-list__column head-controls" style="flex:1;">
<label ng-bind="'dashboard.waitQC.qcListName' | translate"></label>
<i class="material-icons"> </i>
<div class="kmi-can-click"></div>
</div>
<div class="kmi-list__column head-controls" style="flex:1;">
<label ng-bind="'dashboard.waitQC.inspType' | translate"></label>
<i class="material-icons"> </i>
<div class="kmi-can-click"></div>
</div>
</div>
<div class="kmi-list__row-content">
<div ng-repeat="item in dialog.WaitQCList | orderBy : item.QCLISTNO track by $index">
<div class="kmi-list__row">
<div class="kmi-list__column column-border" style="flex:1" ng-bind="item.QCLISTNO"></div>
<div class="kmi-list__column column-border" style="flex:1" ng-bind="item.QCLISTNAME"></div>
<div class="kmi-list__column column-border" style="flex:1" ng-bind="item.InspTypeName"></div>
<div class="kmi-can-click" ng-click="dialog.loadMachineChecklist(item);"></div>
</div>
</div>
</div>
</div>
</div>
<!--補點檢-->
<label class="dialog-input-header" ng-bind="'dashboard.reQC.title' | translate"></label>
<!--內容區域-->
<div style="height:100%;width:100%;">
<div class="kmi-list listWork column-selector" column-selector-id="listWork" style="height:100%;">
<div class="kmi-list__header">
<div class="kmi-list__column head-controls" style="flex:1;">
<label ng-bind="'dashboard.reQC.qcListNo' | translate"></label>
<i class="material-icons"> </i>
<div class="kmi-can-click"></div>
</div>
<div class="kmi-list__column head-controls" style="flex:1;">
<label ng-bind="'dashboard.reQC.qcListName' | translate"></label>
<i class="material-icons"> </i>
<div class="kmi-can-click"></div>
</div>
<div class="kmi-list__column head-controls" style="flex:1;">
<label ng-bind="'dashboard.reQC.inspType' | translate"></label>
<i class="material-icons"> </i>
<div class="kmi-can-click"></div>
</div>
<div class="kmi-list__column head-controls" style="flex:1;">
<label ng-bind="'dashboard.reQC.lotNo' | translate"></label>
<i class="material-icons"> </i>
<div class="kmi-can-click"></div>
</div>
</div>
<div class="kmi-list__row-content">
<div ng-repeat="item in dialog.ReQCList | orderBy : item.QCLISTNO track by $index">
<div class="kmi-list__row">
<div class="kmi-list__column column-border" style="flex:1" ng-bind="item.QCLISTNO"></div>
<div class="kmi-list__column column-border" style="flex:1" ng-bind="item.QCLISTNAME"></div>
<div class="kmi-list__column column-border" style="flex:1" ng-bind="item.InspTypeName"></div>
<div class="kmi-list__column column-border" style="flex:1" ng-bind="item.LOTNO"></div>
<div class="kmi-can-click" ng-click="dialog.loadMachineChecklist(item);"></div>
</div>
</div>
</div>
</div>
</div>
</div>
<!--點檢細項-->
<div class="perfect-scrollbar kmi-list__no-header" ng-show="dialog.eqpQcListDetail.length>0;">
<div class="info">
<div class="header">
<div>
<label ng-bind="'mrs05.EQPTYPE' | translate" class="ng-binding"></label>
<label></label>
</div>
</div>
<div class="body">
<span ng-bind="dialog.equipmentType" class="ng-binding"></span>
</div>
</div>
<div class="info">
<div class="header">
<div>
<label ng-bind="'mrs05.EQUIPMENTNO' | translate" class="ng-binding"></label>
<label></label>
</div>
</div>
<div class="body">
<span ng-bind="dialog.equipmentNo" class="ng-binding"></span>
</div>
</div>
<div class="info">
<div class="header">
<div>
<label ng-bind="'mrs05.EQUIPMENTNAME' | translate" class="ng-binding"></label>
<label></label>
</div>
</div>
<div class="body">
<span ng-bind="dialog.equipmentName" class="ng-binding"></span>
</div>
</div>
<div class="info">
<div class="header">
<div>
<label ng-bind="'mrs05.QCLISTNO' | translate" class="ng-binding"></label>
<label></label>
</div>
</div>
<div class="body">
<span ng-bind="dialog.qcListNo" class="ng-binding"></span>
</div>
</div>
<div class="info">
<div class="header">
<div>
<label ng-bind="'mrs05.QCLISTNAME' | translate" class="ng-binding"></label>
<label></label>
</div>
</div>
<div class="body">
<span ng-bind="dialog.qcListName" class="ng-binding"></span>
</div>
</div>
<!--點檢項目-->
<div ng-repeat="item in dialog.eqpQcListDetail | orderBy : item.seq track by $index">
<div class="fields" ng-click="dialog.switchQCResult(item);">
<!--點檢項目-->
<label ng-bind="($index+1) +'.'+ item.QCITEM"></label>
<!--圖示-->
<img src="image/icons/check1.png" ng-if="dialog.showCorrectIcon(item);">
<img src="image/icons/not1.png" ng-if="dialog.showErrorIcon(item);">
<!--標準 QCTYPE = 0-->
<label class="itemValue" ng-if="item.QCTYPE == '0'" ng-bind="item.STDVALUE"></label>
<label class="itemType" ng-if="item.QCTYPE == '0'" ng-bind="'mrs05.itemStd' |translate"></label>
<!--區間 QCTYPE = 1-->
<label class="itemValue" ng-if="item.QCTYPE == '1'" ng-bind="(item.MINIVALUE) + '-' + (item.MAXIVALUE)"></label>
<label class="itemType" ng-if="item.QCTYPE == '1'" ng-bind="'mrs05.itemArea' |translate"></label>
<!--判定-->
<div ng-show="false" ng-class="[dialog.itemStatus(item)]"></div>
</div>
<div class="kmi-text-fields" style="margin-bottom: 5px;">
<!--點檢值-->
<input class="input" ng-class="{'fail': !dialog.inputValueCorrect(item.InputValue,item)}" ng-if="item.QCTYPE =='0' || item.QCTYPE=='1'" mdl-calculater="item.InputValue" mdl-calculater-title='{{"mrs05.inputCheckValue" | translate}}' mdl-calculater-decimal='true' mdl-calculater-negative="true">
<input class="input" ng-class="{'fail': !dialog.inputValueCorrect(item.InputValue,item)}" ng-if="item.QCTYPE == '3'" ng-model="item.InputValue" />
</div>
<div class="kmi-text-fields" style="margin-bottom: 5px;" ng-if="item.INPUTDATACOUNT>=2">
<!--點檢值-->
<input class="input" ng-class="{'fail': !dialog.inputValueCorrect(item.D02,item)}" ng-if="item.QCTYPE =='0' || item.QCTYPE=='1'" mdl-calculater="item.D02" mdl-calculater-title='{{"mrs05.inputCheckValue" | translate}}' mdl-calculater-decimal='true' mdl-calculater-negative="true">
<input class="input" ng-class="{'fail': !dialog.inputValueCorrect(item.D02,item)}" ng-if="item.QCTYPE == '3'" ng-model="item.D02" />
</div>
<div class="kmi-text-fields" style="margin-bottom: 5px;" ng-if="item.INPUTDATACOUNT>=3">
<!--點檢值-->
<input class="input" ng-class="{'fail': !dialog.inputValueCorrect(item.D03,item)}" ng-if="item.QCTYPE =='0' || item.QCTYPE=='1'" mdl-calculater="item.D03" mdl-calculater-title='{{"mrs05.inputCheckValue" | translate}}' mdl-calculater-decimal='true' mdl-calculater-negative="true">
<input class="input" ng-class="{'fail': !dialog.inputValueCorrect(item.D03,item)}" ng-if="item.QCTYPE == '3'" ng-model="item.D03" />
</div>
<div class="kmi-text-fields" style="margin-bottom: 5px;" ng-if="item.INPUTDATACOUNT>=4">
<!--點檢值-->
<input class="input" ng-class="{'fail': !dialog.inputValueCorrect(item.D04,item)}" ng-if="item.QCTYPE =='0' || item.QCTYPE=='1'" mdl-calculater="item.D04" mdl-calculater-title='{{"mrs05.inputCheckValue" | translate}}' mdl-calculater-decimal='true' mdl-calculater-negative="true">
<input class="input" ng-class="{'fail': !dialog.inputValueCorrect(item.D04,item)}" ng-if="item.QCTYPE == '3'" ng-model="item.D04" />
</div>
<div class="kmi-text-fields" style="margin-bottom: 5px;" ng-if="item.INPUTDATACOUNT>=5">
<!--點檢值-->
<input class="input" ng-class="{'fail': !dialog.inputValueCorrect(item.D05,item)}" ng-if="item.QCTYPE =='0' || item.QCTYPE=='1'" mdl-calculater="item.D05" mdl-calculater-title='{{"mrs05.inputCheckValue" | translate}}' mdl-calculater-decimal='true' mdl-calculater-negative="true">
<input class="input" ng-class="{'fail': !dialog.inputValueCorrect(item.D05,item)}" ng-if="item.QCTYPE == '3'" ng-model="item.D05" />
</div>
<div class="kmi-text-fields" style="margin-bottom: 5px;" ng-if="item.INPUTDATACOUNT>=6">
<!--點檢值-->
<input class="input" ng-class="{'fail': !dialog.inputValueCorrect(item.D06,item)}" ng-if="item.QCTYPE =='0' || item.QCTYPE=='1'" mdl-calculater="item.D06" mdl-calculater-title='{{"mrs05.inputCheckValue" | translate}}' mdl-calculater-decimal='true' mdl-calculater-negative="true">
<input class="input" ng-class="{'fail': !dialog.inputValueCorrect(item.D06,item)}" ng-if="item.QCTYPE == '3'" ng-model="item.D06" />
</div>
<div class="kmi-text-fields" style="margin-bottom: 5px;" ng-if="item.INPUTDATACOUNT>=7">
<!--點檢值-->
<input class="input" ng-class="{'fail': !dialog.inputValueCorrect(item.D07,item)}" ng-if="item.QCTYPE =='0' || item.QCTYPE=='1'" mdl-calculater="item.D07" mdl-calculater-title='{{"mrs05.inputCheckValue" | translate}}' mdl-calculater-decimal='true' mdl-calculater-negative="true">
<input class="input" ng-class="{'fail': !dialog.inputValueCorrect(item.D07,item)}" ng-if="item.QCTYPE == '3'" ng-model="item.D07" />
</div>
<div class="kmi-text-fields" style="margin-bottom: 5px;" ng-if="item.INPUTDATACOUNT>=8">
<!--點檢值-->
<input class="input" ng-class="{'fail': !dialog.inputValueCorrect(item.D08,item)}" ng-if="item.QCTYPE =='0' || item.QCTYPE=='1'" mdl-calculater="item.D08" mdl-calculater-title='{{"mrs05.inputCheckValue" | translate}}' mdl-calculater-decimal='true' mdl-calculater-negative="true">
<input class="input" ng-class="{'fail': !dialog.inputValueCorrect(item.D08,item)}" ng-if="item.QCTYPE == '3'" ng-model="item.D08" />
</div>
<div class="kmi-text-fields" style="margin-bottom: 5px;" ng-if="item.INPUTDATACOUNT>=9">
<!--點檢值-->
<input class="input" ng-class="{'fail': !dialog.inputValueCorrect(item.D09,item)}" ng-if="item.QCTYPE =='0' || item.QCTYPE=='1'" mdl-calculater="item.D09" mdl-calculater-title='{{"mrs05.inputCheckValue" | translate}}' mdl-calculater-decimal='true' mdl-calculater-negative="true">
<input class="input" ng-class="{'fail': !dialog.inputValueCorrect(item.D09,item)}" ng-if="item.QCTYPE == '3'" ng-model="item.D09" />
</div>
<div class="kmi-text-fields" style="margin-bottom: 5px;" ng-if="item.INPUTDATACOUNT>=10">
<!--點檢值-->
<input class="input" ng-class="{'fail': !dialog.inputValueCorrect(item.D10,item)}" ng-if="item.QCTYPE =='0' || item.QCTYPE=='1'" mdl-calculater="item.D10" mdl-calculater-title='{{"mrs05.inputCheckValue" | translate}}' mdl-calculater-decimal='true' mdl-calculater-negative="true">
<input class="input" ng-class="{'fail': !dialog.inputValueCorrect(item.D10,item)}" ng-if="item.QCTYPE == '3'" ng-model="item.D10" />
</div>
</div>
<!-- 說明Label -->
<div class="dialog-input-header" ng-bind="'mrs05.description' | translate"></div>
<!-- 說明輸入框 -->
<div class="kmi-text-fields" style="display:flex;align-items: end;">
<input ng-model="dialog.description" style="height: 100px;" />
</div>
</div>
</div>
<!-- 底部 -->
<div class="dialog-footer" ng-show="dialog.eqpQcListDetail.length>0;">
<!-- 取消按鈕 -->
<div class="kmi-button kmi-button-cancel" ng-click="dialog.cancel();">
<label ng-bind="'common.cancel'| translate"></label>
<div class="kmi-can-click" />
</div>
<!-- 確定按鈕 -->
<div class="kmi-button kmi-button-confirm" ng-click="dialog.confirm();">
<div style="display:flex;flex-direction:row;">
<div class="kmi-button-check"></div>
<label ng-bind="'common.complete'| translate" />
</div>
<div class="kmi-can-click" />
</div>
</div>
</div>