|
|
@@ -4,20 +4,20 @@
|
|
|
@section('content')
|
|
|
<div class="d-none" id="container">
|
|
|
<div class="card offset-md-3 col-md-6 col-sm-12">
|
|
|
- <div class="card-header text-center mt-2 bg-transparent" id="header_title">
|
|
|
- <span class="font-weight-bold h4">收货</span>
|
|
|
+ <div class="card-header text-center bg-transparent" id="header_title">
|
|
|
+ <span class="font-weight-bold h3">收货</span>
|
|
|
</div>
|
|
|
- <div class="card-body">
|
|
|
+ <div class="">
|
|
|
<div class="form-group row m-1">
|
|
|
<span class="font-weight-bold text-sm-right" v-if="asnno">
|
|
|
- @{{ asnno }}_已收/待收数量: @{{ asn_receivedqty }}/@{{ asn_expectedqty }}</span>
|
|
|
+ @{{ asnno }}_已收/待收数量: <span class="h5">@{{ asn_receivedqty }}/@{{ asn_expectedqty }}</span></span>
|
|
|
</div>
|
|
|
<div class="form-group row m-1 mt-1">
|
|
|
<span class="text-right">
|
|
|
<span class="fa fa-search fa-lg" aria-hidden="true" @click="selectAsnDetails()"></span>
|
|
|
- <label for="sku" class="text-right text-danger font-weight-bold">产品:</label>
|
|
|
+ <label for="sku" class="text-right text-info font-weight-bold h5">产品*:</label>
|
|
|
</span>
|
|
|
- <input type="text" class="form-control form-control-sm col-8" id="sku" autocomplete="off" placeholder="输入商品sku或商品条码"
|
|
|
+ <input type="text" class="form-control form-control-sm col-8 font-weight-bold" id="sku" autocomplete="off" placeholder="输入商品sku或商品条码"
|
|
|
:class="errors.sku ? 'is-invalid' : ''" @keydown.enter="enterVal($event)" v-model="info.sku" @blur="checkedSku()">
|
|
|
<span class="invalid-feedback offset-3" role="alert" v-if="errors.sku">
|
|
|
<strong>@{{ errors.sku[0] }}</strong>
|
|
|
@@ -25,17 +25,17 @@
|
|
|
</div>
|
|
|
<div v-if="isInit">
|
|
|
<div class="form-group row m-1">
|
|
|
- <label for="name" class="text-right">品名:</label>
|
|
|
- <span id="name" >@{{ info.name }}</span>
|
|
|
+ <label for="name" class="text-right h5">品名:</label>
|
|
|
+ <span id="name">@{{ info.name }}</span>
|
|
|
</div>
|
|
|
<div class="form-group row m-1">
|
|
|
- <label for="quantity" class="text-right">已收/预收数量:</label>
|
|
|
+ <label for="quantity" class="text-right h5">已收/预收数量:</label>
|
|
|
<span> </span>
|
|
|
- <span id="quantity">@{{ info.receivedqty?info.receivedqty:0 }}/@{{ info.expectedqty?info.expectedqty:0 }}</span>
|
|
|
+ <span id="quantity" class="font-weight-bold">@{{ info.receivedqty?info.receivedqty:0 }}/@{{ info.expectedqty?info.expectedqty:0 }}</span>
|
|
|
</div>
|
|
|
<div class="form-group row m-1">
|
|
|
- <label for="amount" class="text-right text-danger font-weight-bold">实收数量:</label>
|
|
|
- <input type="number" class="form-control form-control-sm col-8" id="amount" autocomplete="off"
|
|
|
+ <label for="amount" class="text-right text-info font-weight-bold h5">实收数量*:</label>
|
|
|
+ <input type="number" class="form-control form-control-sm col-8 font-weight-bold" id="amount" autocomplete="off"
|
|
|
:class="errors.amount ? 'is-invalid' : ''" v-model="info.amount" @keydown.enter="enterVal($event)">
|
|
|
<span class="invalid-feedback offset-3" role="alert" v-if="errors.amount">
|
|
|
<strong>@{{ errors.amount[0] }}</strong>
|
|
|
@@ -47,8 +47,8 @@
|
|
|
{{-- @keydown.enter="enterVal($event)" v-model="info.location">--}}
|
|
|
{{-- </div>--}}
|
|
|
<div class="form-group row m-1">
|
|
|
- <label for="trackNumber" class="text-right text-danger font-weight-bold">容器号:</label>
|
|
|
- <input type="text" class="form-control form-control-sm col-8" id="trackNumber" autocomplete="off"
|
|
|
+ <label for="trackNumber" class="text-right text-info font-weight-bold h5">容器号*:</label>
|
|
|
+ <input type="text" class="form-control form-control-sm col-8 font-weight-bold" id="trackNumber" autocomplete="off"
|
|
|
@keydown.enter="enterVal($event)" :class="errors.trackNumber ? 'is-invalid' : ''" v-model="info.trackNumber">
|
|
|
<span class="invalid-feedback offset-3" role="alert" v-if="errors.trackNumber">
|
|
|
<strong>@{{ errors.trackNumber[0] }}</strong>
|
|
|
@@ -62,12 +62,12 @@
|
|
|
<td style="filter:grayscale(30%);">
|
|
|
<div>
|
|
|
<div style="transform:scale(1)" class="pl-0">
|
|
|
- <span><span class="text-danger font-weight-bold">产品:</span><span class="text-black">@{{ asnDetail.sku }}</span></span>
|
|
|
- <span><span class="font-weight-bold">行号:</span><span class="text-lowercase" >@{{ asnDetail.asnlineno }}</span></span>
|
|
|
- <span class="text-right float-right">选中:<input type="checkbox" @click="checked(asnDetail)"></span>
|
|
|
- <span><span class="text-lowercase">品名:</span><span class="text-lowercase">@{{ asnDetail.skudescrc }} </span></span>
|
|
|
- <span><span class="text-black">预期数量:</span><span class="text-black-50">@{{ asnDetail.expectedqty }}</span></span>
|
|
|
- <span><span class="text-black">已收数量:</span><span class="text-black-50">@{{ asnDetail.receivedqty }}</span></span>
|
|
|
+ <span><span class="text-danger font-weight-bold h5">产品:</span><span class="text-black h5">@{{ asnDetail.sku }}</span></span>
|
|
|
+ <span><span class="font-weight-bold h5">行号:</span><span class="text-lowercase h5" >@{{ asnDetail.asnlineno }}</span></span>
|
|
|
+ <span class="text-right float-right h5">选中:<input type="checkbox" @click="checked(asnDetail)"></span>
|
|
|
+ <span><span class="text-lowercase h5">品名:</span><span class="text-lowercase h5">@{{ asnDetail.skudescrc }} </span></span>
|
|
|
+ <span><span class="text-black h5">预期数量:</span><span class="text-black-50 h5">@{{ asnDetail.expectedqty }}</span></span>
|
|
|
+ <span><span class="text-black h5">已收数量:</span><span class="text-black-50 h5">@{{ asnDetail.receivedqty }}</span></span>
|
|
|
</div>
|
|
|
</div>
|
|
|
</td>
|
|
|
@@ -75,19 +75,19 @@
|
|
|
</table>
|
|
|
</div>
|
|
|
</div>
|
|
|
- <div class="card-body border-top border-dark" v-if="basSku.lot_id">
|
|
|
+ <div class="border-top border-dark" v-if="basSku.lot_id">
|
|
|
<div class="form-group row">
|
|
|
<span class="col-6" v-if="basSku.lot_id.lotkey01==='Y'">
|
|
|
- <label for="lotatt01" class=" text-right text-danger">生产日期:</label><br>
|
|
|
- <input type="date" class="form-control form-control-sm"
|
|
|
+ <label for="lotatt01" class=" text-right text-info font-weight-bold h5">生产日期:</label><br>
|
|
|
+ <input type="date" class="form-control form-control-sm h5 font-weight-bold"
|
|
|
:class="errors.lotatt01 ? 'is-invalid' : ''" id="lotatt01" v-model="info.lotatt01">
|
|
|
<span class="invalid-feedback offset-3" role="alert" v-if="errors.lotatt01">
|
|
|
<strong>@{{ errors.lotatt01[0] }}</strong>
|
|
|
</span>
|
|
|
</span>
|
|
|
<span class="col-6" v-if="basSku.lot_id.lotkey02==='Y'">
|
|
|
- <label for="lotatt02" class=" text-right text-danger">失效日期:</label>
|
|
|
- <input type="date" class="form-control form-control-sm"
|
|
|
+ <label for="lotatt02" class=" text-right text-info font-weight-bold h5">失效日期:</label>
|
|
|
+ <input type="date" class="form-control form-control-sm h5 font-weight-bold"
|
|
|
:class="errors.lotatt02 ? 'is-invalid' : ''" id="lotatt02" v-model="info.lotatt02">
|
|
|
<span class="invalid-feedback offset-3" role="alert" v-if="errors.lotatt02">
|
|
|
<strong>@{{ errors.lotatt02[0] }}</strong>
|
|
|
@@ -96,16 +96,16 @@
|
|
|
</div>
|
|
|
<div class="form-group row">
|
|
|
<span class="col-6" v-if="basSku.lot_id.lotkey04==='Y'">
|
|
|
- <label for="lotatt04" class=" text-right text-danger">批号:</label><br>
|
|
|
- <input type="text" class="form-control form-control-sm" :class="errors.lotatt04 ? 'is-invalid' : ''" autocomplete="off"
|
|
|
+ <label for="lotatt04" class=" text-right text-info font-weight-bold h5">批号:</label><br>
|
|
|
+ <input type="text" class="form-control form-control-sm h5 font-weight-bold" :class="errors.lotatt04 ? 'is-invalid' : ''" autocomplete="off"
|
|
|
id="lotatt04" v-model="info.lotatt04">
|
|
|
<span class="invalid-feedback offset-3" role="alert" v-if="errors.lotatt04">
|
|
|
<strong>@{{ errors.lotatt04[0] }}</strong>
|
|
|
</span>
|
|
|
</span>
|
|
|
<span class="col-6" v-if="basSku.lot_id.lotkey05==='Y'">
|
|
|
- <label for="lotatt05" class=" text-right text-danger">属性仓:</label>
|
|
|
- <select class="form-control form-control-sm" :class="errors.lotatt05 ? 'is-invalid' : ''"
|
|
|
+ <label for="lotatt05" class=" text-right text-info font-weight-bold h5">属性仓:</label>
|
|
|
+ <select class="form-control form-control-sm h5 font-weight-bold" :class="errors.lotatt05 ? 'is-invalid' : ''"
|
|
|
id="lotatt05" v-model="info.lotatt05">
|
|
|
<option v-for="(attributeLocation,i) in attributeLocations" :value="attributeLocation.code">@{{ attributeLocation.codename_c }}</option>
|
|
|
</select>
|
|
|
@@ -116,8 +116,8 @@
|
|
|
</div>
|
|
|
<div class="form-group row">
|
|
|
<span class="col-6" v-if="basSku.lot_id.lotkey08==='Y'">
|
|
|
- <label for="lotatt08" class=" text-right text-danger">质量状态:</label>
|
|
|
- <select class="form-control form-control-sm"
|
|
|
+ <label for="lotatt08" class=" text-right text-info font-weight-bold h5">质量状态:</label>
|
|
|
+ <select class="form-control form-control-sm h5 font-weight-bold"
|
|
|
:class="errors.lotatt08 ? 'is-invalid' : ''" id="lotatt08" v-model="info.lotatt08">
|
|
|
<option v-for="(quality,i) in qualityStatus" :value="quality.code">@{{ quality.codename_c }}</option>
|
|
|
</select>
|
|
|
@@ -126,8 +126,8 @@
|
|
|
</span>
|
|
|
</span>
|
|
|
<span class="col-6" v-if="basSku.lot_id.lotkey03==='Y'">
|
|
|
- <label for="lotatt03" class=" text-right text-danger">入库日期:</label>
|
|
|
- <input type="date" class="form-control form-control-sm"
|
|
|
+ <label for="lotatt03" class=" text-right text-info font-weight-bold h5">入库日期:</label>
|
|
|
+ <input type="date" class="form-control form-control-sm h5 font-weight-bold"
|
|
|
:class="errors.lotatt03 ? 'is-invalid' : ''" id="lotatt03" v-model="info.lotatt03">
|
|
|
<span class="invalid-feedback offset-3" role="alert" v-if="errors.lotatt03">
|
|
|
<strong>@{{ errors.lotatt03[0] }}</strong>
|
|
|
@@ -136,8 +136,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
<div class="card-footer bg-transparent">
|
|
|
- <button type="button" id="confirm" class="btn btn-md btn-outline-success float-right" @click="ensure()">确定</button>
|
|
|
- <button type="button" id="cancel" class="btn btn-md btn-outline-info float-left" @click="cancel()">取消</button>
|
|
|
+ <button type="button" id="confirm" class="btn btn-md btn-success font-weight-bold float-right" @click="ensure()">确定</button>
|
|
|
+ <button type="button" id="cancel" class="btn btn-md btn-danger font-weight-bold float-left" @click="cancel()">取消</button>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -186,6 +186,7 @@
|
|
|
let e2 = document.getElementById("demand-div");
|
|
|
if (e1)e1.remove();
|
|
|
if (e2)e2.remove();
|
|
|
+ document.getElementById('app').firstElementChild.style.display = 'none';
|
|
|
},
|
|
|
selectTrOne(i,sku){
|
|
|
if (this.selectTr===i+1){
|