258 lines
14 KiB
HTML
258 lines
14 KiB
HTML
<div class="mrs02-content" ng-init="init();">
|
|
<div class="kmi-layout-main-content ">
|
|
<!-- 左方區域 -->
|
|
<div class="left-area">
|
|
<!--標題區域-->
|
|
<label class="title" ng-bind="'mrs02.subTitle' | translate"></label>
|
|
<!--欄位標題-->
|
|
<div class="kmi-list work-list column-selector" column-selector-id="work-list" kmi-scrollbar="774px" style="height: calc(100% - 40px);">
|
|
<div class="kmi-list__header">
|
|
<div class="kmi-list__column head-controls" style="flex:1;">
|
|
<div class="order">
|
|
<label ng-bind="'mrs02.orderNo' | translate"></label>
|
|
</div>
|
|
</div>
|
|
<div class="kmi-list__column head-controls" style="flex:1;">
|
|
<div class="order">
|
|
<label ng-bind="'mrs02.itemNo' | translate"></label>
|
|
</div>
|
|
</div>
|
|
<div class="kmi-list__column head-controls" style="flex:1;">
|
|
<div class="order">
|
|
<label ng-bind="'mrs02.substituteMaterialNo' | translate"></label>
|
|
</div>
|
|
</div>
|
|
<div class="kmi-list__column head-controls" style="flex:1;">
|
|
<div class="order">
|
|
<label ng-bind="'mrs02.itemPatchNo' | translate"></label>
|
|
</div>
|
|
</div>
|
|
<div class="kmi-list__column head-controls" style="flex:0.6;">
|
|
<div class="order">
|
|
<label ng-bind="'mrs02.remainQty' | translate"></label>
|
|
</div>
|
|
</div>
|
|
<div class="kmi-list__column head-controls" style="flex:0.6;">
|
|
<div class="order">
|
|
<label ng-bind="'mrs02.totalQty' | translate"></label>
|
|
</div>
|
|
</div>
|
|
<div class="kmi-list__column head-controls" style="width:34px;">
|
|
<div class="order">
|
|
<label></label>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="kmi-list__row-content">
|
|
<div class="kmi-list__row"
|
|
ng-repeat="item in materialList | orderBy:['MONO','MATERIALNO','INPUTMATERIALNO','MATERIALLOTNO'] track by $index">
|
|
<div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.MONO"></div>
|
|
<div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.MATERIALNO"></div>
|
|
<div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.INPUTMATERIALNO"></div>
|
|
<div class="kmi-list__column column-border" style="flex:1;" ng-bind="item.MATERIALLOTNO"></div>
|
|
<div class="kmi-list__column column-border" style="flex:0.6;" ng-bind="item.QTY"></div>
|
|
<div class="kmi-list__column column-border" style="flex:0.6;" ng-bind="item.INPUTQTY"></div>
|
|
<div class="kmi-list__column column-border" style="width:34px;position: relative;">
|
|
<i class="material-icons">clear</i>
|
|
<div class="kmi-can-click" ng-click="delete($index,item);"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
<!-- 右方區域 -->
|
|
<div class="right_area">
|
|
|
|
<div class="menu">
|
|
<div class="menu-section" ng-repeat="item in listMenu track by $index">
|
|
<div class="kmi-menu-tile" ng-class="{'is-selected':$index == menuIndex}" ng-click="changeMenu($index);">
|
|
<div class="menu-item" ng-bind="item.name"></div>
|
|
<div class="kmi-can-click"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div ng-show="menuIndex == 0">
|
|
<!--切換按鈕-->
|
|
<div class="pda-boolean-btn"
|
|
ng-class="{true:'active'}[blnbtnActive]"
|
|
ng-click="switchBlnBtn();">
|
|
<div class="prod" ng-class="{true:'active'}[blnbtnActive]" ng-bind="'mrs02.materialLot' | translate"></div>
|
|
<div class="test" ng-class="{false:'active'}[blnbtnActive]" ng-bind="'mrs02.noMaterialLot' | translate"></div>
|
|
<div class="inner-circle"></div>
|
|
</div>
|
|
|
|
<!-- 工單編號 -->
|
|
<div class="box">
|
|
<div class="box-row">
|
|
<span class="no" ng-class="{'doing':step_index>=0}">1</span>
|
|
<span class="label" ng-class="{'doing':step_index>=0}" ng-bind="'mrs02.orderNo' | translate"></span>
|
|
</div>
|
|
<div class="box-row">
|
|
<input id="scan_mono" ng-keypress="enter_input($event)" ng-model="mo_no" ng-show="step_index >= 0"
|
|
ng-disabled="step_index > 0" placeholder="{{'mrs02.pleaseInputMO'|translate}}">
|
|
</div>
|
|
<svg class="line" ng-class="{'doing':step_index>=1}">
|
|
<path d="M12 4 12 64" />
|
|
</svg>
|
|
</div>
|
|
<!-- 物料編號 -->
|
|
<div class="box">
|
|
<div class="box-row">
|
|
<span class="no" ng-class="{'doing':step_index>=1}">2</span>
|
|
<span class="label" ng-class="{'doing':step_index>=1}" ng-bind="'mrs02.itemNo' | translate"></span>
|
|
</div>
|
|
<div class="box-row">
|
|
<input id="scan_mtlno" class="text" ng-keypress="enter_input($event)" ng-model="material_no"
|
|
ng-show="step_index >= 1" ng-disabled="step_index>1"
|
|
placeholder="{{'mrs02.pleaseInputMaterialNo'|translate}}">
|
|
</div>
|
|
<svg class="line" ng-class="{'doing':step_index>=2}">
|
|
<path d="M12 5 12 65" />
|
|
</svg>
|
|
</div>
|
|
<!-- 替代料編號 -->
|
|
<div class="box">
|
|
<div class="box-row">
|
|
<span class="no" ng-class="{'doing':step_index>=2}">3</span>
|
|
<span class="label" ng-class="{'doing':step_index>=2}" ng-bind="'mrs02.substituteMaterialNo' | translate"></span>
|
|
</div>
|
|
<div class="box-row">
|
|
<input id="scan_submtlno" class="text" ng-keypress="enter_input($event)" ng-model="substitute_material_no"
|
|
ng-show="step_index >= 2" ng-disabled="step_index>2"
|
|
placeholder="{{'mrs02.pleaseInputSubstituteMaterialNo'|translate}}">
|
|
</div>
|
|
<svg class="line" ng-class="{'doing':step_index>=3}">
|
|
<path d="M12 5 12 65" />
|
|
</svg>
|
|
</div>
|
|
<!-- 物料批號 -->
|
|
<div class="box">
|
|
<div class="box-row">
|
|
<span class="no" ng-class="{'doing':step_index>=3}">4</span>
|
|
<span class="label" ng-class="{'doing':step_index>=3}" ng-bind="'mrs02.itemPatchNo' | translate"></span>
|
|
</div>
|
|
<div class="box-row">
|
|
<input id="scan_mtllotno" class="text" ng-keypress="enter_input($event)" ng-model="material_lot_no"
|
|
ng-show="step_index >= 3" ng-disabled="step_index>3"
|
|
placeholder="{{'mrs02.pleaseInputMaterialLotNo'|translate}}">
|
|
</div>
|
|
<svg class="line" ng-class="{'doing':step_index>=4}">
|
|
<path d="M12 5 12 65" />
|
|
</svg>
|
|
</div>
|
|
<!-- 數量 -->
|
|
<div class="box">
|
|
<div class="box-row">
|
|
<span class="no" ng-class="{'doing':step_index>=4}">5</span>
|
|
<span class="label" ng-class="{'doing':step_index>=4}" ng-bind="'mrs02.inputNumber' | translate"></span>
|
|
</div>
|
|
<div class="box-row">
|
|
<input id="scan_qty" class="text" mdl-calculater="qty" mdl-calculater-decimal="true" ng-model="qty" ng-show="step_index >= 4"
|
|
placeholder="{{'mrs02.pleaseInputQty'|translate}}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div ng-show="menuIndex == 1">
|
|
<!-- 工單編號 -->
|
|
<div class="box">
|
|
<div class="box-row">
|
|
<span class="no" ng-class="{'doing':step_index_semi>=0}">1</span>
|
|
<span class="label" ng-class="{'doing':step_index_semi>=0}" ng-bind="'mrs02.orderNo' | translate"></span>
|
|
</div>
|
|
<div class="box-row">
|
|
<input id="scan_mono_semi" ng-keypress="enter_input_semi($event)" ng-model="mo_no" ng-show="step_index_semi >= 0"
|
|
ng-disabled="step_index_semi > 0" placeholder="{{'mrs02.pleaseInputMO'|translate}}">
|
|
</div>
|
|
<svg class="line" ng-class="{'doing':step_index_semi>=1}">
|
|
<path d="M12 4 12 64" />
|
|
</svg>
|
|
</div>
|
|
<!-- 半成品批號 -->
|
|
<div class="box">
|
|
<div class="box-row">
|
|
<span class="no" ng-class="{'doing':step_index_semi>=1}">2</span>
|
|
<span class="label" ng-class="{'doing':step_index_semi>=1}" ng-bind="'mrs02.lotNo' | translate"></span>
|
|
</div>
|
|
<div class="box-row">
|
|
<input id="scan_lotno" class="text" ng-keypress="enter_input_semi($event)" ng-model="product_lot_no"
|
|
ng-show="step_index_semi >= 1" ng-disabled="step_index_semi>1"
|
|
placeholder="{{'mrs02.pleaseInputLotNo'|translate}}">
|
|
</div>
|
|
<svg class="line" ng-class="{'doing':step_index_semi>=2}">
|
|
<path d="M12 5 12 65" />
|
|
</svg>
|
|
</div>
|
|
<!-- 產品編號 -->
|
|
<div class="box">
|
|
<div class="box-row">
|
|
<span class="no" ng-class="{'doing':step_index_semi>=2}">3</span>
|
|
<span class="label" ng-class="{'doing':step_index_semi>=2}" ng-bind="'mrs02.productNo' | translate"></span>
|
|
</div>
|
|
<div class="box-row">
|
|
<input id="scan_productno" class="text" ng-model="product_no" ng-show="step_index_semi >= 2" ng-disabled="false">
|
|
</div>
|
|
<svg class="line" ng-class="{'doing':step_index_semi>=3}">
|
|
<path d="M12 5 12 65" />
|
|
</svg>
|
|
</div>
|
|
<!-- 替代料編號 -->
|
|
<div class="box">
|
|
<div class="box-row">
|
|
<span class="no" ng-class="{'doing':step_index_semi>=3}">4</span>
|
|
<span class="label" ng-class="{'doing':step_index_semi>=3}" ng-bind="'mrs02.substituteMaterialNo' | translate"></span>
|
|
</div>
|
|
<div class="box-row">
|
|
<input id="scan_mtllotno" class="text" ng-keypress="enter_input_semi($event)" ng-model="substitute_material_no"
|
|
ng-show="step_index_semi >= 3" ng-disabled="step_index_semi>3"
|
|
placeholder="{{'mrs02.pleaseInputSubstituteMaterialNo'|translate}}">
|
|
</div>
|
|
<svg class="line" ng-class="{'doing':step_index_semi>=4}">
|
|
<path d="M12 5 12 65" />
|
|
</svg>
|
|
</div>
|
|
<!-- 數量 -->
|
|
<div class="box">
|
|
<div class="box-row">
|
|
<span class="no" ng-class="{'doing':step_index_semi>=4}">5</span>
|
|
<span class="label" ng-class="{'doing':step_index_semi>=4}" ng-bind="'mrs02.inputNumber' | translate"></span>
|
|
</div>
|
|
<div class="box-row">
|
|
<input id="scan_qty_semi" class="text" mdl-calculater="qty" mdl-calculater-decimal="true" ng-model="qty" ng-show="step_index_semi >= 4"
|
|
placeholder="{{'mrs02.pleaseInputQty'|translate}}">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 確認按鈕 -->
|
|
<div class="btn">
|
|
<!-- 清除按鈕 -->
|
|
<div class="kmi-button kmi-button-cancel" ng-click="cancel();" style="width:60px;">
|
|
<div style="display:flex;flex-direction:row;">
|
|
<label ng-bind="'common.cancel'| translate"></label>
|
|
</div>
|
|
<div class="kmi-can-click"></div>
|
|
</div>
|
|
<!-- 建立按鈕 -->
|
|
<div class="kmi-button kmi-button-confirm" ng-click="add();" ng-show="showCreateBtn();" style="width:158px;">
|
|
<div style="display:flex;flex-direction:row;">
|
|
<img class="create_img">
|
|
<label ng-bind="'common.create'| translate"></label>
|
|
</div>
|
|
<div class="kmi-can-click"></div>
|
|
</div>
|
|
<!-- 掃描按鈕 -->
|
|
<div class="kmi-button kmi-button-confirm" ng-click="scanQrcode();" ng-show="showScanBtn();"
|
|
style="width:158px;">
|
|
<div style="display:flex;flex-direction:row;">
|
|
<div class="kmi-button-scan" style="height:auto;width:24px;margin-right:8px;"></div>
|
|
<label ng-bind="'common.scan'| translate"></label>
|
|
</div>
|
|
<div class="kmi-can-click"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div> |