187 lines
10 KiB
HTML
187 lines
10 KiB
HTML
![]() |
<div ng-init="init();" class="mrs-dispatch-home">
|
||
|
<!-- 搜尋區域-->
|
||
|
<div class="top-area">
|
||
|
<div class="left">
|
||
|
<label class="title" ng-bind="'mrs-dispatch-home.area' | translate"></label>
|
||
|
<div class="kmi-text-fields">
|
||
|
<input ng-disabled="machineShow" type="text" id="input_area" ng-model="area"
|
||
|
ng-click="showSelect($event);"></input>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="left middle">
|
||
|
<label class="title" ng-bind="'mrs-dispatch-home.op' | translate"></label>
|
||
|
<div class="kmi-text-fields">
|
||
|
<input ng-disabled="machineShow" type="text" id="input_op" ng-model="op"
|
||
|
ng-click="showSelect($event);"></input>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="right">
|
||
|
<label class="title" ng-bind="'mrs-dispatch-home.date' | translate"></label>
|
||
|
<div class="date-left" ng-click="pervDay();">
|
||
|
<label><</label>
|
||
|
<div class="kmi-can-click"></div>
|
||
|
</div>
|
||
|
<div class="date-middle">
|
||
|
<div class="kmi-text-fields">
|
||
|
<label class="date" ng-disabled="machineShow" type="text" mdl-datepicker="nowtime" ng-bind="nowtime | date:'yyyy/MM/dd'"></label>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="date-right" ng-click="nextDay();">
|
||
|
<label>></label>
|
||
|
<div class="kmi-can-click"></div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<!-- 主區域-->
|
||
|
<div class="main-area">
|
||
|
<!-- 總攬區塊-->
|
||
|
<div class="main-sub-dispatch" ng-hide="machineShow">
|
||
|
<!-- 產批區域-->
|
||
|
<div class="lot-area">
|
||
|
<!-- 搜尋-->
|
||
|
<div class="top-area">
|
||
|
<div class="left">
|
||
|
<label class="title" ng-bind="'mrs-dispatch-home.mono' | translate"></label>
|
||
|
<div class="kmi-text-fields">
|
||
|
<input type="text" id="input_mo" ng-model="mono" ng-click="showSelect($event);"></input>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="left middle">
|
||
|
<label class="title" ng-bind="'mrs-dispatch-home.plot' | translate"></label>
|
||
|
<div class="kmi-text-fields">
|
||
|
<input type="text" ng-model="plot"></input>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="right">
|
||
|
<div class="kmi-button kmi-button-cancel" ng-click="clear();">
|
||
|
<label ng-bind="'mrs-dispatch-home.clear' |translate" class="ng-binding"></label>
|
||
|
<div class="kmi-can-click"></div>
|
||
|
</div>
|
||
|
<div class="kmi-button kmi-button-confirm" ng-click="search();">
|
||
|
<label ng-bind="'mrs-dispatch-home.search' | translate" class="ng-binding"></label>
|
||
|
<div class="kmi-can-click"></div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<!-- 資料表-->
|
||
|
<div class="table">
|
||
|
<!-- 欄位-->
|
||
|
<div class="table-Background">
|
||
|
<div class="table-header">
|
||
|
<button class="check-button" ng-class="{'select':selectAll}"
|
||
|
ng-click="clickSelect();"></button>
|
||
|
<label class="LOTNO" ng-bind="'mrs-dispatch-home.table.LOTNO' | translate"></label>
|
||
|
<label class="LOTNO" ng-bind="'mrs-dispatch-home.table.MONO' | translate"></label>
|
||
|
<label class="CURQTY" ng-bind="'mrs-dispatch-home.table.CURQTY' | translate"></label>
|
||
|
<label class="LOTNO" ng-bind="'mrs-dispatch-home.table.PRODUCTNO' | translate"></label>
|
||
|
<label class="CURQTY" ng-bind="'mrs-dispatch-home.table.curOP' | translate"></label>
|
||
|
<!--2020/10/12 Grace 新增已派設備編號-->
|
||
|
<label class="LOTNO" ng-bind="'mrs-dispatch-home.table.DispatchEQPNo' | translate"></label>
|
||
|
</div>
|
||
|
</div>
|
||
|
<!-- 資料-->
|
||
|
<div class="perfect-scrollbar kmi-list__row-content bar-area">
|
||
|
<div class="plot" ng-repeat="item in plotList">
|
||
|
<button class="check-button" ng-class="{'select':item.isSelect}"
|
||
|
ng-click="itemClickSelect(item);"></button>
|
||
|
<label class="LOTNO" ng-bind="item.LOTNO"></label>
|
||
|
<label class="LOTNO" ng-bind="item.MONO"></label>
|
||
|
<label class="CURQTY" ng-bind="item.CURQTY"></label>
|
||
|
<label class="LOTNO" ng-bind="item.PRODUCTNO"></label>
|
||
|
<label class="CURQTY" ng-bind="item.OPNO"></label>
|
||
|
<!--2020/10/12 Grace 新增已派設備編號-->
|
||
|
<label class="LOTNO" ng-bind="item.DispatchEQPNo"></label>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<!-- 派工區域-->
|
||
|
<div class="machine-area">
|
||
|
<!-- 項目-->
|
||
|
<div class="perfect-scrollbar kmi-list__row-content bar-area">
|
||
|
<div class="machine" ng-repeat="item in machineList" ng-click="machineClick(item);"
|
||
|
ng-hide="item.isHide">
|
||
|
<div class="title">
|
||
|
<div ng-bind="item.EQUIPMENTNO"></div>
|
||
|
<div ng-bind="item.EQUIPMENTNAME"></div>
|
||
|
</div>
|
||
|
<div class="no" ng-bind="('mrs-dispatch-home.lotCount' | translate) + item.LotCount + '/' + item.EQPLOADPORT"></div>
|
||
|
<div class="name" ng-bind="('mrs-dispatch-home.sumQty' | translate) + item.SumQty + '/' + item.CAPACITY"></div>
|
||
|
<div class="kmi-can-click"></div>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
<!-- 派工詳細區塊-->
|
||
|
<div class="main-sub-dispatch-info" ng-show="machineShow">
|
||
|
<!-- 派工資料-->
|
||
|
<div class="dispatch-area">
|
||
|
<!-- 搜尋-->
|
||
|
<div class="top-area">
|
||
|
<div class="left">
|
||
|
<label class="title" ng-bind="'mrs-dispatch-home.plot' | translate"></label>
|
||
|
<div class="kmi-text-fields">
|
||
|
<input type="text" ng-model="machine_plot"></input>
|
||
|
</div>
|
||
|
</div>
|
||
|
<div class="right">
|
||
|
<div class="kmi-button kmi-button-cancel" ng-click="machine_clear();">
|
||
|
<label ng-bind="'mrs-dispatch-home.clear' |translate" class="ng-binding"></label>
|
||
|
<div class="kmi-can-click"></div>
|
||
|
</div>
|
||
|
<div class="kmi-button kmi-button-confirm" ng-click="machine_search();">
|
||
|
<label ng-bind="'mrs-dispatch-home.search' | translate" class="ng-binding"></label>
|
||
|
<div class="kmi-can-click"></div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<!-- 資料表-->
|
||
|
<div class="table">
|
||
|
<!-- 欄位-->
|
||
|
<div class="table-Background">
|
||
|
<div class="table-header">
|
||
|
<div class="space">
|
||
|
<label class="first"
|
||
|
ng-bind="'mrs-dispatch-home.table.EQUIPMENTNO' | translate"></label>
|
||
|
<label class="LOTNO" ng-bind="'mrs-dispatch-home.table.LOTNO' | translate"></label>
|
||
|
<label class="OPNO" ng-bind="'mrs-dispatch-home.table.OPNO' | translate"></label>
|
||
|
<label class="OPNO"
|
||
|
ng-bind="'mrs-dispatch-home.table.DISPATCHDATE' | translate"></label>
|
||
|
<label class="OPNO"
|
||
|
ng-bind="'mrs-dispatch-home.table.DISPATCHORDER' | translate"></label>
|
||
|
<label class="OPNO"
|
||
|
ng-bind="'mrs-dispatch-home.table.EVENTUSER' | translate"></label>
|
||
|
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<!-- 資料-->
|
||
|
<div class="perfect-scrollbar kmi-list__row-content bar-area">
|
||
|
<div class="plot" ng-repeat="item in machineLotList | orderBy:['DISPATCHORDER']">
|
||
|
<button class="delete-button" ng-click="machine_delete(item);"></button>
|
||
|
<button class="up-button" ng-click="machine_up(item);"></button>
|
||
|
<button class="down-button" ng-click="machine_down(item);"></button>
|
||
|
<label ng-bind="item.EQUIPMENTNO"></label>
|
||
|
<label class="LOTNO" ng-bind="item.LOTNO"></label>
|
||
|
<label class="OPNO" ng-bind="item.OPNO"></label>
|
||
|
<label class="OPNO" ng-bind="item.DISPATCHDATE"></label>
|
||
|
<label class="OPNO" ng-bind="item.DISPATCHORDER"></label>
|
||
|
<label class="OPNO" ng-bind="item.EVENTUSER"></label>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
<!-- 底部按鈕-->
|
||
|
<div class="bottom-area">
|
||
|
<div class="kmi-button kmi-button-cancel" ng-click="back();">
|
||
|
<label ng-bind="'common.btn.close' |translate" class="ng-binding"></label>
|
||
|
<div class="kmi-can-click"></div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
</div>
|
||
|
|
||
|
</div>
|