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

<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header mrs00-dialog">
    <!--標題區域-->
    <div class="dialog-header-row">
        <!--標題-->
        <label ng-if = "dialog.ActionMode == 1" class="header-title" ng-bind="'mrs00_lot.title' | translate"></label>
        <label ng-if = "dialog.ActionMode == 2" class="header-title" ng-bind="'mrs00.title' | translate"></label>

        <!--關閉按鈕-->
        <div class="kmi-closeSmall" ng-click="dialog.back();">
            <div class="kmi-can-click" />
        </div>
    </div>




     <!--內容區域 作業站-->
     <div class="dialog-main-content" ng-if = "dialog.ActionMode == 1">

        <!--功能選擇按鈕區域-->
        <div class="select-area">
            <div class="kmi-button kmi-button-confirm" ng-disabled="dialog.ActionMode == 1">
                <label ng-bind="'mrs-dispatch-home.table.OPNO' | translate"></label>
                <div class="kmi-can-click" ng-click="dialog.changeActionMode(1);"></div>
            </div>
            <div class="kmi-button kmi-button-confirm" ng-disabled="dialog.ActionMode == 2">
                <label ng-bind="'dashboard.workOperator.workeq' | translate"></label>
                <div class="kmi-can-click" ng-click="dialog.changeActionMode(2);"></div>
            </div>
        </div>


        <!-- 作業站Label -->
        <div class="dialog-input-header" ng-bind="'mrs00.workStation_'+$root.servicePlatform | translate"></div>

        <!-- 作業站輸入框 -->
        <div class="kmi-text-fields" style="display:flex;align-items: center;">
            <input id="scan_op" ng-model="dialog.workStation" placeholder="{{'mrs00.workStation_scan'|translate}}" ng-keypress="dialog.barcodeScan($event);" />
            <!-- 掃描圖示 -->
            <div class="kmi-button-scan" ng-click="dialog.scanQrcode();">
                <div class="kmi-can-click"></div>
            </div>
        </div>

        <!--設備-->
        <div style="font-size: 14px; padding-top: 8px;"> 
            <label class="header-title" ng-bind="'dashboard.workOperator.workeq' | translate"></label>
        </div>

        <!-- 設備清單 -->
        <div class="perfect-scrollbar kmi-list__no-header">
            <div class="kmi-list__row-content" >
                <div class="kmi-list__row" ng-repeat="item in dialog.equipmentList track by $index "
                     ng-bind="item.MACHINE_NO + ' ' + item.MACHINE_NAME" style="flex:1;"
                     ng-click="dialog.itemClick(item, $event);"
                     ng-class="{'is-selected':item.MACHINE_NO == dialog.machine_no}">
                    <div class="kmi-can-click"></div>
                </div>
            </div>
        </div>
    </div>




    <!--內容區域 設備-->
    <div class="dialog-main-content"  ng-if = "dialog.ActionMode == 2" >

        <!--功能選擇按鈕區域-->
        <div class="select-area">
            <div class="kmi-button kmi-button-confirm" ng-disabled="dialog.ActionMode == 1">
                <label ng-bind="'mrs-dispatch-home.table.OPNO' | translate"></label>
                <div class="kmi-can-click" ng-click="dialog.changeActionMode(1);"></div>
            </div>
            <div class="kmi-button kmi-button-confirm" ng-disabled="dialog.ActionMode == 2">
                <label ng-bind="'dashboard.workOperator.workeq' | translate"></label>
                <div class="kmi-can-click" ng-click="dialog.changeActionMode(2);"></div>
            </div>
        </div>

        <!-- 設備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.eqp" placeholder="{{'mrs01_lot.msg.please_keyin_eqpno'|translate}}" ng-keypress="dialog.barcodeScan_eqp($event);" />
            <!-- 掃描圖示 -->
            <div class="kmi-button-scan" ng-click="dialog.scanQrcode_eqp();">
                <div class="kmi-can-click"></div>
            </div>
        </div>
        
         <!--作業站編號-->
        <div style="font-size: 14px; padding-top: 8px;"> 
            <label class="header-title" ng-bind="'mrs-dispatch-home.table.OPNO' | translate"></label>
        </div>
       
        <!-- 作業站清單 -->
        <div class="perfect-scrollbar kmi-list__no-header" >
            <div class="kmi-list__row-content">
                <div class="kmi-list__row" ng-repeat="item in dialog.listWorkStation track by $index "
                     ng-bind="item.WORKSTATION" style="flex:1;"
                     ng-click="dialog.itemClick_eqp(item, $event);"
                     ng-class="{'is-selected':item.WORKSTATION == dialog.strWorkStation}">
                    <div class="kmi-can-click"></div>
                </div>
            </div>
        </div>
    </div>


    <!-- 底部 作業站-->
    <div class="dialog-footer" ng-if = "dialog.ActionMode == 1" >
        <!--  取消按鈕 -->
        <div class="kmi-button kmi-button-cancel" ng-click="dialog.back();">
            <label ng-bind="'common.cancel'| translate"></label>
            <div class="kmi-can-click" />
        </div>
        <!--  確定按鈕 -->
        <div class="kmi-button kmi-button-confirm" ng-click="(!dialog.searchWorkStation || !dialog.machine_no) || dialog.confirm();"
            ng-disabled="(!dialog.searchWorkStation || !dialog.machine_no);">
            <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 class="dialog-footer"  ng-if = "dialog.ActionMode == 2" >
        <!--  取消按鈕 -->
        <div class="kmi-button kmi-button-cancel" ng-click="dialog.back();">
            <label ng-bind="'common.cancel'| translate"></label>
            <div class="kmi-can-click" />
        </div>

        <!--  確定按鈕 -->
        <div class="kmi-button kmi-button-confirm" ng-click="(!dialog.strWorkStation || !dialog.listWorkStation) || dialog.confirm_eqp();"
         ng-disabled="(!dialog.strWorkStation || !dialog.listWorkStation);">
        <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>