116 lines
6.3 KiB
HTML
116 lines
6.3 KiB
HTML
<div class="dialog-container mdl-shadow--8dp mdl-layout--fixed-header material-dialog">
|
|
<!--標題區域-->
|
|
<div class="dialog-header-row">
|
|
<!--標題-->
|
|
<label class="header-title" ng-bind="'lc_co_gen.dialog.material.title'| translate"></label>
|
|
<!--關閉按鈕-->
|
|
<div class="kmi-closeSmall" ng-click="dialog.back();">
|
|
<div class="kmi-can-click" />
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 物料編號Label -->
|
|
<div class="dialog-input-header" ng-bind="'mrs03_lot.chk_material.mtl_no' | translate" style="padding-left: 16px;"></div>
|
|
<!-- 物料編號輸入框 -->
|
|
<div class="kmi-text-fields" style="padding-left: 16px;">
|
|
<input style="flex:1;" ng-model="dialog.mtlno" ng-keypress="dialog.barcodeScan_mtlno($event);;"
|
|
placeholder="{{'mrs03_lot.chk_material.mtl_no_scan'|translate}}" />
|
|
<!-- 掃描圖示 -->
|
|
<div class="kmi-button-scan" ng-click="dialog.scanQrcode1();" style="right: 8px;">
|
|
<div class="kmi-can-click"></div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 物料批號Label -->
|
|
<div class="dialog-input-header" ng-bind="'mrs03_lot.chk_material.mtl_lotno' | translate" style="padding-left: 16px;"></div>
|
|
<!-- 物料批號輸入框 -->
|
|
<div class="kmi-text-fields" style="display:flex;align-items: center; padding-left: 16px;">
|
|
<input style="flex:1;" id="intput_mtllotno" ng-model="dialog.mtllotno" ng-keypress="dialog.barcodeScan_mtllotno($event);"
|
|
placeholder="{{'mrs03_lot.chk_material.mtl_lotno_scan'|translate}}" />
|
|
<!-- 掃描圖示 -->
|
|
<div class="kmi-button-scan" ng-click="dialog.scanQrcode2();" style="right: 8px;" >
|
|
<div class="kmi-can-click"></div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!--內容區域-->
|
|
<div class="kmi-layout-main-content" style="padding-top: 12px;height: calc(100% - 300px);" >
|
|
<div class="materiallist">
|
|
<div class="kmi-list__header" style="border-radius: 7px 7px 0px 0px;">
|
|
<div class="kmi-list__column" style="width:25%">
|
|
<label ng-bind="'lc_co_gen.dialog.material.MATERIALNO' | translate"></label>
|
|
</div>
|
|
<div class="kmi-list__column" style="width:25%">
|
|
<label ng-bind="'lc_co_gen.dialog.material.STDQTY' | translate"></label>
|
|
</div>
|
|
<div class="kmi-list__column" style="width:20%">
|
|
<label ng-bind="'lc_co_gen.dialog.material.STDUSEQTY' | translate"></label>
|
|
</div>
|
|
<div class="kmi-list__column" style="width:20%" ng-show="dialog.ISCI != true">
|
|
<label ng-bind="'lc_co_gen.dialog.material.USEQTY' | translate"></label>
|
|
</div>
|
|
<div class="kmi-list__column" style="width:10%">
|
|
<label ng-bind="'lc_co_gen.dialog.material.UNITNO' | translate"></label>
|
|
</div>
|
|
</div>
|
|
<div class="perfect-scrollbar kmi-list__row-content">
|
|
<div class="kmi-list__row" ng-repeat-start="item in dialog.materials_list track by $index" >
|
|
<div class="kmi-list__column column-border" ng-bind="item.MATERIALNO" style="width:25%"></div>
|
|
<div class="kmi-list__column column-border" ng-bind="item.STDQTY" style="width:25%;text-align: right;"></div>
|
|
<div class="kmi-list__column column-border" ng-bind="item.STDUSEQTY" style="width:20%;text-align: right;"></div>
|
|
<div class="kmi-list__column column-border" ng-bind="item.USEQTY" style="width:20%;text-align: right;" ng-show="dialog.ISCI != true"></div>
|
|
<div class="kmi-list__column column-border" ng-bind="item.UNITNO" style="width:10%"></div>
|
|
</div>
|
|
<div class="sub_material_container" style="margin-left:50px;">
|
|
<div class="kmi-list__header " ng-if="item.mtl_lot" style="background-color: rgb(233, 159, 188);">
|
|
<div class="kmi-list__column column-border" ng-bind="" style="width:5%;background-color: rgb(233, 159, 188);"></div>
|
|
<div class="kmi-list__column" style="width:25%;background-color: rgb(233, 159, 188);"
|
|
ng-bind="'lc_co_gen.dialog.material.SUBMATERIALNO' | translate"></div>
|
|
<div class="kmi-list__column" style="width:25%;background-color: rgb(233, 159, 188);"
|
|
ng-bind="'lc_co_gen.dialog.material.MATERIALLOTNO' | translate"></div>
|
|
<div class="kmi-list__column" style="width:20%;background-color: rgb(233, 159, 188);"
|
|
ng-bind="'lc_co_gen.dialog.material.QTY' | translate"></div>
|
|
<div class="kmi-list__column" style="width:20%;background-color: rgb(233, 159, 188);"
|
|
ng-bind="'lc_co_gen.dialog.material.USEQTY' | translate" ng-show="dialog.ISCI != true"></div>
|
|
<div class="kmi-list__column" style="width:10%;background-color: rgb(233, 159, 188);"></div>
|
|
</div>
|
|
|
|
<div class="kmi-list__row" ng-if="item.mtl_lot" ng-repeat="sub_mtl in item.mtl_lot">
|
|
<div class="kmi-list__column column-border" ng-bind="" style="width:5%"></div>
|
|
<div class="kmi-list__column column-border" ng-bind="sub_mtl.SUBSTITUTEMATERIALNO" style="width:20%"></div>
|
|
<div class="kmi-list__column column-border" ng-bind="sub_mtl.MATERIALLOTNO" style="width:25%"></div>
|
|
<div class="kmi-list__column column-border" ng-bind="sub_mtl.QTY" style="width:20%;text-align: right;"></div>
|
|
<div class="kmi-list__column column-border" style="width:20%;" ng-show="dialog.ISCI != true">
|
|
<input ng-model="sub_mtl.USEQTY"
|
|
ng-click= "dialog.mtlqty_chk_click($event,item,sub_mtl)"
|
|
ng-keypress="dialog.mtlqty_chk_enter($event,item,sub_mtl)"
|
|
ng-blur ="dialog.mtlqty_chk_blur($event,item,sub_mtl)"
|
|
style="border: 1px solid rgb(220, 220, 220);width:100%;text-align: right;">
|
|
</div>
|
|
<div ng-bind="" style="width:10%"></div>
|
|
</div>
|
|
</div>
|
|
<span ng-repeat-end></span>
|
|
</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 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> |