|
|
@@ -79,28 +79,24 @@
|
|
|
@can('退货管理-查询-客户定义-爱奇艺')<td class="text-muted">@{{rejectedBill.common_01}}</td>@endcan
|
|
|
<td class="text-muted">@{{rejectedBill.common_02}}</td>
|
|
|
<td class="text-muted">@{{rejectedBill.goods_amount}}</td>
|
|
|
- <td colspan="8">
|
|
|
- <div class="text-center" v-if="rejectedBill.detailFolding && rejectedBill.items.length>1">
|
|
|
- <a href="javascript:;" @click="rejectedBill.detailFolding=false">@{{rejectedBill.goods_amount}}件商品，点击展开明细</a></div>
|
|
|
- <table class="table table-sm" v-else>
|
|
|
- <tr v-for="item in rejectedBill.items">
|
|
|
- <td style="width: 140px">@{{item.barcode_goods}}</td>
|
|
|
- <td style="width: 140px">@{{item.name_goods}}</td>
|
|
|
- <td style="width: 30px">@{{item.amount}}</td>
|
|
|
- <td class="text-muted">@{{item.quality_label}}</td>
|
|
|
- <td class="text-muted">@{{item.batch_number}}</td>
|
|
|
- <td class="text-muted">@{{item.made_at}}</td>
|
|
|
- <td class="text-muted">@{{item.validity_at}}</td>
|
|
|
- <td class="text-muted">@{{item.remark}}</td>
|
|
|
- </tr>
|
|
|
- <tr v-if="!rejectedBill.detailFolding && rejectedBill.items.length>1">
|
|
|
- <td colspan="8" class="text-center">
|
|
|
- <a href="javascript:;" @click="rejectedBill.detailFolding=true">点击收起明细</a>
|
|
|
- </td>
|
|
|
- </tr>
|
|
|
- </table>
|
|
|
+ <td colspan="8" style="min-width: 800px">
|
|
|
+ <div class="w-100" :class="rejectedBill.items.length>1 ? 'up' : ''" :id="'rejected-'+rejectedBill.id">
|
|
|
+ <div class="row" v-for="item in rejectedBill.items">
|
|
|
+ <div class="col-2">@{{item.barcode_goods}}</div>
|
|
|
+ <div class="col-2">@{{item.name_goods}}</div>
|
|
|
+ <div class="col-1">@{{item.amount}}</div>
|
|
|
+ <div class="col-1">@{{item.quality_label}}</div>
|
|
|
+ <div class="col-2">@{{item.batch_number}}</div>
|
|
|
+ <div class="col-1">@{{item.made_at}}</div>
|
|
|
+ <div class="col-1">@{{item.validity_at}}</div>
|
|
|
+ <div class="col-2">@{{item.remark}}</div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <div class="text-center cursor-pointer" v-if="rejectedBill.items.length>1" @click="unfold(rejectedBill.id)">
|
|
|
+ <div v-if="upList[rejectedBill.id]">点击收起明细</div>
|
|
|
+ <div v-else>@{{rejectedBill.goods_amount}}件商品，点击展开明细</div>
|
|
|
+ </div>
|
|
|
</td>
|
|
|
- {{-- <td class="text-muted" style="max-width: 190px">@{{rejectedBill.remark}}</td>--}}
|
|
|
<td style="min-width:150px;">
|
|
|
@can('退货管理-编辑备注')
|
|
|
<textarea class="form-control form-control-sm" :rows="rejectedBill.remark?Math.ceil(rejectedBill.remark.length/8):2" cols=8
|
|
|
@@ -137,9 +133,6 @@
|
|
|
@section('lastScript')
|
|
|
<script>
|
|
|
let rejectedBills={!! $rejectedBills->toJson()!!}.data;
|
|
|
- rejectedBills.forEach(function(rejectedBill){
|
|
|
- rejectedBill.detailFolding=true;
|
|
|
- })
|
|
|
let owners=[
|
|
|
@foreach($owners as $owner)
|
|
|
{id:'{{$owner->id}}',name:'{{$owner->name}}'},
|
|
|
@@ -190,9 +183,11 @@
|
|
|
{name:'{{$qualityLabel->id}}',value:'{{$qualityLabel->name}}'},
|
|
|
@endforeach
|
|
|
],
|
|
|
- selectTr:''
|
|
|
+ selectTr:'',
|
|
|
+ upList:{},
|
|
|
},
|
|
|
mounted:function(){
|
|
|
+ $(".up").slideUp();
|
|
|
$(".tooltipTarget").tooltip({'trigger':'hover'});
|
|
|
$('#list').removeClass('d-none');
|
|
|
let data=[
|
|
|
@@ -239,17 +234,19 @@
|
|
|
@can('退货管理-查询-客户定义-爱奇艺'){name:'common_01',value: '寄件方省'},@endcan
|
|
|
{name:'common_02',value: '重量'},
|
|
|
{name:'goods_amount',value: '商品总数'},
|
|
|
- {name:'item_barcode_goods',value: '商品条码', neglect: true},
|
|
|
- {name: 'item_name_goods', value: '商品名称', neglect: true},
|
|
|
- {name: 'item_amount', value: '数量', neglect: true},
|
|
|
- {name:'item_quality_label',value: '是否正品', neglect: true},
|
|
|
- {name:'item_batch_number',value: '批次号', neglect: true},
|
|
|
- {name:'item_made_at',value: '生产日期', neglect: true},
|
|
|
- {name:'item_validity_at',value: '效期', neglect: true},
|
|
|
- {name:'item_remark',value: '备注', neglect: true},
|
|
|
+ {name:"goods",type:"multi",title:"商品信息",rows:[
|
|
|
+ {value:"商品条码",col:"2"},
|
|
|
+ {value:"商品名称",col:"2"},
|
|
|
+ {value:"数量",col:"1"},
|
|
|
+ {value:"质量",col:"1"},
|
|
|
+ {value:"批次号",col:"2"},
|
|
|
+ {value:"产期",col:"1"},
|
|
|
+ {value:"效期",col:"1"},
|
|
|
+ {value:"备注",col:"2"},
|
|
|
+ ]},
|
|
|
{name:'remark',value: '退单备注'},
|
|
|
{name:'operator_name',value: '录入人'},
|
|
|
- @can('退货管理-编辑','退货管理-删除'){name:'remove',value: '操作', neglect: true},@endcan
|
|
|
+ @can('退货管理-编辑','退货管理-删除'){name:'remove',value: '操作', neglect: true},@endcan
|
|
|
];
|
|
|
new Header({
|
|
|
el: "table",
|
|
|
@@ -260,6 +257,10 @@
|
|
|
}).init();
|
|
|
},
|
|
|
methods:{
|
|
|
+ unfold(id){
|
|
|
+ this.$set(this.upList,id,this.upList[id] ? !this.upList[id] : true);
|
|
|
+ $("#rejected-"+id).slideToggle();
|
|
|
+ },
|
|
|
selectTableRow(id,e){
|
|
|
$('#headerParent tr[class=focusing]').removeClass('focusing');
|
|
|
if (id === this.selectTr) {
|
Zhouzhendong