SXS20240115/SRC/iMES_PAD/module/moduleEPM/program/mrs-epm/epm00/epm00.html

<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header epm00-dialog">
    <!-- 標題區域 -->
    <div class="kmi-header-row">
        <div class="kmi-text-title">
            <!-- 標題 -->
            <div class="title" ng-bind= "'epm00.title'|translate"></div>			
            <!--關閉按鈕-->
            <div class="kmi-closeSmall" ng-click="dialog.back();">
                <div class="kmi-can-click"></div>
            </div>

        </div>
    </div>

    <!-- 內容 -->
    <div class="kmi-layout-main-content">

        <div class="kmi-layout-page">

            <!-- 設備Label -->
            <div class="label">
                <!--<label ng-bind="{'epm_home.device_ID'|translate}"></label>-->
                <div class="dialog-input-header" ng-bind="'epm_home.device'|translate"></div>
            </div>

            <!-- 設備輸入框 -->
            <div class="kmi-text-fields" style="display:flex;align-items: center;">
                <input id='scan_device_ID' ng-click="dialog.EQPEvent();" style="flex:1;" ng-model="dialog.EQPNO"
                       placeholder="{{'epm_home.device_ID'|translate}}" />
                <!-- 掃描圖示 -->
                <div class="kmi-button-scan" ng-click="dialog.scanQrcode();">
                    <div class="kmi-can-click"></div>
                </div>
            </div> 

            <!-- 故障開始時間Label -->
            <div style="font-size: 14px; padding-top: 4px;">
                <label class="dialog-input-header" ng-bind="'epm_home.start_time' | translate"></label>
            </div>
            <!-- 故障開始時間 -->
            <div class="kmi-layout-page1">
                <div class="kmi-text-fields" style="display:flex;align-items: center;">
                    <!--<input type="text" mdl-datepicker="nowtime" ng-bind="dialog.nowtime | date:'yyyy/MM/dd hh/mm/ss'" />-->
                    <input type="text" mdl-datepicker="dialog.nowtime" ng-bind="dialog.nowtime | date:'yyyy/MM/dd hh/mm/ss'" />
                </div>
            </div>
            <!-- 故障原因清單 -->
            <!-- 欄位-->
            <div class="table" style="height:259px;">
                <div class="table-Background">
                    <div class="header">
                        <button class="check-button" ng-class="{'select':selectAll}" ng-click="dialog.clickSelect();"></button>
                        <span ng-bind="'epm00.BreakDownNo' | translate"></span>
                        <span ng-bind="'epm00.BreakDownCause' | translate"></span>
                    </div>
                </div>

                <!-- 資料-->
                <div class="perfect-scrollbar kmi-list__row-content bar-area" style=" height:218px;">
                    <div class="EQP" ng-repeat="item in $root.EQPBreakDownList | orderBy:'BREAKDOWNNO' track by $index">
                        <div>
                            <button class="check-button" ng-class="{'select':item.isSelect}" ng-click="dialog.itemClickSelect(item);"></button>
                        </div>
                        <div style="width:115px;text-align:left;margin-left:8px">
                            <span ng-bind="item.BREAKDOWNNO" style="line-height: 42px;margin:0px"></span>
                        </div>
                        <div style="width: 197px; padding-left: 8px; text-align:left">
                            <span ng-bind="item.BREAKDOWNCAUSE" style="line-height: 42px;margin:0px"></span>
                        </div>
                    </div>
                </div>
            </div>

            <div class="kmi-layout-page1"　>
                <div class="kmi-text-fields" style="display:flex;align-items: center;" ng-hide="dialog.EQPNO">
                    <input type="text"  />
                </div>
            </div>
            <!-- 說明Label -->
            <div style="font-size: 14px; margin-top: 16px">
                <label class="dialog-input-header" ng-bind="'epm_home.illustrate' | translate"></label>
            </div>
            <div class="kmi-layout-page2" style="margin-top:30px">
                <div class="kmi-text-fields" style="display:flex;align-items: center;">
                    <!--<input ng-click="dialog.scan_focus();" style="flex:1; text-align:left" />-->
                    <textarea id='illustrate' ng-click="dialog.scan_focus();" style="flex:1; text-align:left" rows="5" cols="50" />
                </div>
            </div>
        </div>

            <!-- 底部 -->
            <div class="kmi-layout-footer">
                <!--  取消按鈕 -->
                <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>
                    <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>

        </div>
    </div>