138 lines
4.4 KiB
HTML
138 lines
4.4 KiB
HTML
<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header emp01-dialog">
|
||
<!-- 標題區域 -->
|
||
<div class="kmi-header-row">
|
||
<div class="kmi-text-title">
|
||
<!-- 標題 -->
|
||
<div class="title" ng-bind="'epm01tmp.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" style="background: rgb(238, 241, 247);">
|
||
<div class="kmi-layout-page">
|
||
<div class="perfect-scrollbar" style="height: calc(100vh - 130px);">
|
||
<!-- 淺灰色文字區塊 -->
|
||
<div class="info">
|
||
<div class="header">
|
||
<div>
|
||
<label ng-bind="'imes_resources.EQPTYPE' | translate"></label>
|
||
<label >：</label>
|
||
</div>
|
||
<div>
|
||
<label ng-bind="'epm01tmp.device_ID' | translate"></label>
|
||
<label >：</label>
|
||
</div>
|
||
<div>
|
||
<label ng-bind="'imes_resources.EQUIPMENTNAME' | translate"></label>
|
||
<label >：</label>
|
||
</div>
|
||
<div>
|
||
<label ng-bind="'epm01tmp.BREAKDOWNSERIALNO' | translate"></label>
|
||
<label >：</label>
|
||
</div>
|
||
<div>
|
||
<label ng-bind="'epm01tmp.BREAKDOWNSTARTTIME' | translate"></label>
|
||
<label >：</label>
|
||
</div>
|
||
</div>
|
||
<div class="body">
|
||
<span ng-bind="dialog.EQUIPMENTTYPE"></span><br />
|
||
<span ng-bind="dialog.EQUIPMENTNO"></span><br />
|
||
<span ng-bind="dialog.EQUIPMENTNAME"></span><br />
|
||
<span ng-bind="dialog.BREAKDOWNSERIALNO"></span><br />
|
||
<span ng-bind="dialog.BREAKDOWNSTARTTIME | date:'yyyy/MM/dd HH：mm：ss'"></span>
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 輸入框 -->
|
||
<div class="kmi-input-fields">
|
||
<div class="header">
|
||
<label class="title" ng-bind="'epm01tmp.REPAIRSTARTTIME' | translate"></label>
|
||
</div>
|
||
<div class="body">
|
||
<input class="input" mdl-datepicker="dialog.StartDate" />
|
||
</div>
|
||
</div>
|
||
|
||
<div class="kmi-input-fields">
|
||
<div class="header">
|
||
<label class="title" ng-bind="'epm01tmp.REPAIRENDTIME' | translate"></label>
|
||
</div>
|
||
<div class="body">
|
||
<input class="input" mdl-datepicker="dialog.EndDate" />
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 切換框 ng-class="{'on':'off'}[dialog.selEQPStatus]" ng-click="dialog.EQPStatus();-->
|
||
<div class="kmi-input-fields">
|
||
<div class="header">
|
||
<label class="title" ng-bind="'epm01tmp.EQPSTATE' | translate"></label>
|
||
</div>
|
||
<div class="body" >
|
||
<label class="switch" >
|
||
<input type="checkbox" />
|
||
<div class="slider round" ng-class="{'on':'off'}[dialog.selEQPStatus]" ng-click="dialog.changeEQPState();">
|
||
<span class="on" ng-bind="'epm01tmp.PRODUCTION' | translate"></span>
|
||
<span class="off" ng-bind="'epm01tmp.IDLE' | translate"></span>
|
||
</div>
|
||
</label>
|
||
</div>
|
||
</div>
|
||
|
||
<div class="kmi-input-fields">
|
||
<div class="header">
|
||
<label class="title" ng-bind="'imes_resources.DESCRIPTION' | translate"></label>
|
||
</div>
|
||
<div class="body">
|
||
<textarea class = "description" ng-model="dialog.DESCRIPTION" />
|
||
</div>
|
||
</div>
|
||
|
||
<!-- 多選框 -->
|
||
<div class="kmi-input-fields">
|
||
<div class="header">
|
||
<label class="title" ng-bind="'epm01tmp.REPAIRNO' | translate"></label>
|
||
</div>
|
||
<div class="body" ng-repeat="item in $root.RepairList" >
|
||
<div >
|
||
<label class="chkbox" >
|
||
<div ng-click="dialog.itemClickSelect(item);"style="width: 11%;float: left;position:relative">
|
||
<input type="checkbox"/>
|
||
<span class="checkmark" ng-class="{'checked':item.isSelect}"></span>
|
||
</div>
|
||
<span ng-bind="item.REPAIRNO" ></span>
|
||
<span ng-bind="item.REPAIRNAME" ></span>
|
||
</label>
|
||
</div>
|
||
|
||
</div>
|
||
</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> |