SXS20240115/SRC/iMES_PAD/module/moduleWIP/program/mrs-eqp/mrs05/mrs05.html

<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>