|
|
@@ -34,104 +34,100 @@
|
|
|
<table class="table table-sm table-bordered table-hover card-body table-responsive-sm p-0 m-0 "
|
|
|
style="background: #fff;min-width: 3000px;">
|
|
|
<tr class="tr-yellow" align="center">
|
|
|
- <th class=" font-weight-bolder " @cannot('客户不可见') colspan="7" @else colspan="4" @endcannot></th>
|
|
|
- <th class="td-yellow font-weight-bolder original-class table-head-warning "
|
|
|
- @cannot('客户不可见') :colspan="(isShowOrderInfo ? '16':'8' )" @else :colspan="(isShowOrderInfo ? '15':'7' )" @endcannot>
|
|
|
+ <th class=" font-weight-bolder header-1" ></th>
|
|
|
+ <th class="td-yellow font-weight-bolder original-class table-head-warning header-2">
|
|
|
<span>原始运单号</span>
|
|
|
<button class="btn btn-sm btn-outline-secondary float-right" v-if="isShowOrderInfo" @click="hideOrderInfo">
|
|
|
隐藏运单列
|
|
|
</button>
|
|
|
</th>
|
|
|
|
|
|
- <th class=" font-weight-bolder"
|
|
|
- @cannot('客户不可见')
|
|
|
- :colspan="11 + (isShowRejectedBill ? 5:1) + (isShowSecondOrderInfo ? 6: 1 )"
|
|
|
- @else
|
|
|
- colspan="8"
|
|
|
- @endcannot>
|
|
|
+ <th class="font-weight-bolder header-3">
|
|
|
|
|
|
- @cannot('客户不可见')
|
|
|
+ @cannot('订单管理-问题件-客户不可见')
|
|
|
<button class="btn btn-sm btn-outline-secondary float-left" v-if="isShowRejectedBill" @click="hideRejectedBill">
|
|
|
隐藏退单列
|
|
|
</button>
|
|
|
@endcannot
|
|
|
情况说明
|
|
|
- @cannot('客户不可见')
|
|
|
+ @cannot('订单管理-问题件-客户不可见')
|
|
|
<button class="btn btn-sm btn-outline-secondary" v-if="isShowSecondOrderInfo" @click="hideSecondOrder">
|
|
|
隐藏运单列
|
|
|
</button>
|
|
|
@endcannot
|
|
|
</th>
|
|
|
- @cannot('客户不可见')
|
|
|
+ @cannot('订单管理-问题件-客户不可见')
|
|
|
<th></th>
|
|
|
@endcannot
|
|
|
</tr>
|
|
|
|
|
|
<tr class="tr-yellow" align="center">
|
|
|
|
|
|
- <th rowspan="2" class="align-middle">
|
|
|
+ <th rowspan="2" class="align-middle one-layer">
|
|
|
<label for="all">
|
|
|
<input id="all" type="checkbox" @click="checkAll($event)"/>
|
|
|
</label>
|
|
|
</th>
|
|
|
- <th class=" align-middle" rowspan="2" style=" min-width: 50px;">序号</th>
|
|
|
- <th class=" align-middle" rowspan="2" style=" min-width: 25px;">ID</th>
|
|
|
- @cannot('客户不可见')
|
|
|
- <th class=" align-middle" rowspan="2" style=" min-width: 75px;">退件</th>
|
|
|
+ <th class="one-layer align-middle" rowspan="2" style=" min-width: 50px;">序号</th>
|
|
|
+ <th class="one-layer align-middle" rowspan="2" style=" min-width: 25px;">ID</th>
|
|
|
+ @cannot('订单管理-问题件-客户不可见')
|
|
|
+ <th class="one-layer align-middle" rowspan="2" style=" min-width: 75px;">退件</th>
|
|
|
@can("订单管理-问题件-置顶")
|
|
|
- <th class=" align-middle" rowspan="2" style=" min-width: 75px;">置顶</th>
|
|
|
+ <th class="one-layer align-middle" rowspan="2" style=" min-width: 75px;">置顶</th>
|
|
|
@endcan
|
|
|
- <th class=" align-middle" rowspan="2" style=" min-width: 100px;">退单状态</th>
|
|
|
+ <th class="one-layer align-middle" rowspan="2" style=" min-width: 100px;">退单状态</th>
|
|
|
@endcannot
|
|
|
- <th class=" align-middle" rowspan="2" style="min-width: 120px">最终状态</th>
|
|
|
- @cannot('客户不可见')
|
|
|
- <th class=" align-middle td-yellow" rowspan="2" style="min-width: 165px;">登记日期</th>
|
|
|
+ <th class="one-layer align-middle" rowspan="2" style="min-width: 120px">最终状态</th>
|
|
|
+ @cannot('订单管理-问题件-客户不可见')
|
|
|
+ <th class="one-layer align-middle td-yellow" rowspan="2" style="min-width: 165px;">登记日期</th>
|
|
|
@endcannot
|
|
|
|
|
|
- <th class=" align-middle td-yellow" rowspan="2" style="min-width: 165px;">订单日期</th>
|
|
|
- <th class=" align-middle td-yellow" rowspan="2" style="min-width: 100px;">客户</th>
|
|
|
- <th class=" align-middle td-yellow" rowspan="2" style="min-width: 200px;">店铺</th>
|
|
|
- <th class=" align-middle td-yellow" rowspan="2" style="min-width: 200px;">客户订单号</th>
|
|
|
- <th class=" align-middle td-yellow" rowspan="2" style="min-width: 100px;">原始承运商</th>
|
|
|
- <th class=" align-middle td-yellow" rowspan="2" style="min-width: 150px;">原始运单号</th>
|
|
|
+ <th class="tow-layer align-middle td-yellow" rowspan="2" style="min-width: 165px;">订单日期</th>
|
|
|
+ <th class="tow-layer align-middle td-yellow" rowspan="2" style="min-width: 100px;">客户</th>
|
|
|
+ <th class="tow-layer align-middle td-yellow" rowspan="2" style="min-width: 200px;">店铺</th>
|
|
|
+ <th class="tow-layer align-middle td-yellow" rowspan="2" style="min-width: 200px;">客户订单号</th>
|
|
|
+ <th class="tow-layer align-middle td-yellow" rowspan="2" style="min-width: 100px;">原始承运商</th>
|
|
|
+ <th class="tow-layer align-middle td-yellow" rowspan="2" style="min-width: 150px;">原始运单号</th>
|
|
|
{{--原始商品明细 开始--}}
|
|
|
- <th class=" align-middle td-yellow" v-if="!isShowOrderInfo" rowspan="2" style="min-width:50px">展开</th>
|
|
|
- <th class=" align-middle td-yellow" v-if="isShowOrderInfo" rowspan="2" style="min-width: 90px">收货人名称</th>
|
|
|
- <th class=" align-middle td-yellow" v-if="isShowOrderInfo" rowspan="2" style="min-width: 120px;">收货人电话</th>
|
|
|
- <th class=" align-middle td-yellow" v-if="isShowOrderInfo" rowspan="2" style="min-width: 70px">省</th>
|
|
|
- <th class=" align-middle td-yellow" v-if="isShowOrderInfo" rowspan="2" style="min-width: 70px">市</th>
|
|
|
- <th class=" align-middle td-yellow" v-if="isShowOrderInfo" rowspan="2" style="min-width: 70px">区</th>
|
|
|
- <th class=" align-middle td-yellow" v-if="isShowOrderInfo" rowspan="2" style="min-width:300px">收货人地址</th>
|
|
|
- <th class=" align-middle td-yellow" v-if="isShowOrderInfo" colspan="3" style="min-width:300px">原始商品明细</th>
|
|
|
+ <th class="tow-layer align-middle td-yellow" v-if="!isShowOrderInfo" rowspan="2" style="min-width:50px">展开</th>
|
|
|
+ <th class="tow-layer align-middle td-yellow" v-if="isShowOrderInfo" rowspan="2" style="min-width: 90px">收货人名称</th>
|
|
|
+ <th class="tow-layer align-middle td-yellow" v-if="isShowOrderInfo" rowspan="2" style="min-width: 120px;">收货人电话</th>
|
|
|
+ <th class="tow-layer align-middle td-yellow" v-if="isShowOrderInfo" rowspan="2" style="min-width: 70px">省</th>
|
|
|
+ <th class="tow-layer align-middle td-yellow" v-if="isShowOrderInfo" rowspan="2" style="min-width: 70px">市</th>
|
|
|
+ <th class="tow-layer align-middle td-yellow" v-if="isShowOrderInfo" rowspan="2" style="min-width: 70px">区</th>
|
|
|
+ <th class="tow-layer align-middle td-yellow" v-if="isShowOrderInfo" rowspan="2" style="min-width:300px">收货人地址</th>
|
|
|
+ <th class="tow-layer align-middle td-yellow" v-if="isShowOrderInfo" colspan="3" style="min-width:300px">原始商品明细</th>
|
|
|
+{{-- <th class="three-layer align-middle" rowspan="2" >退回单号</th>--}}
|
|
|
{{-- @cannot('客户不可见')--}}
|
|
|
- <th class=" align-middle" rowspan="2" v-if="!isShowRejectedBill" style="min-width:50px">展开</th>
|
|
|
+ <th class="three-layer align-middle" rowspan="2" v-if="!isShowRejectedBill" style="min-width:50px">展开</th>
|
|
|
+
|
|
|
<th class=" align-middle" rowspan="2" v-if="isShowRejectedBill" style="min-width:75px">退回单号</th>
|
|
|
- <th class=" align-middle" colspan="5" v-if="isShowRejectedBill" style="min-width: 450px">返回商品明细</th>
|
|
|
+ <th class="three-layer align-middle" colspan="5" v-if="isShowRejectedBill" style="min-width: 450px">返回商品明细</th>
|
|
|
{{-- @endcannot--}}
|
|
|
- <th class="bg-whit align-middle" rowspan="2" style="min-width: 115px">情况说明</th>
|
|
|
- <th class=" align-middle" rowspan="2" style="min-width: 115px">问题类别</th>
|
|
|
- <th class=" align-middle" colspan="3" style="min-width: 115px">处理结果</th>
|
|
|
- @cannot('客户不可见')
|
|
|
- <th class=" align-middle" rowspan="2" v-if="!isShowSecondOrderInfo" style="width:50px">展开</th>
|
|
|
- <th class=" align-middle" rowspan="2" v-if="isShowSecondOrderInfo" style=" min-width: 120px;">二次客户订单号</th>
|
|
|
- <th class=" align-middle" rowspan="2" v-if="isShowSecondOrderInfo" style=" min-width: 100px;">二次承运商</th>
|
|
|
- <th class=" align-middle" rowspan="2" v-if="isShowSecondOrderInfo" style=" min-width: 200px;">二次运单号</th>
|
|
|
- <th colspan="3" style="min-width: 300px" v-if="isShowSecondOrderInfo" style=" min-width: 350px;">二次商品明细</th>
|
|
|
+ <th class=" bg-whit align-middle" rowspan="2" style="min-width: 115px">情况说明</th>
|
|
|
+ <th class="three-layer align-middle" rowspan="2" style="min-width: 115px">问题类别</th>
|
|
|
+ <th class="three-layer align-middle" colspan="3" style="min-width: 115px">处理结果</th>
|
|
|
+ @cannot('订单管理-问题件-客户不可见')
|
|
|
+ <th class="three-layer align-middle" rowspan="2" v-if="!isShowSecondOrderInfo" style="width:50px">展开</th>
|
|
|
+ <th class="three-layer align-middle" rowspan="2" v-if="isShowSecondOrderInfo" style=" min-width: 120px;">二次客户订单号</th>
|
|
|
+ <th class="three-layer align-middle" rowspan="2" v-if="isShowSecondOrderInfo" style=" min-width: 100px;">二次承运商</th>
|
|
|
+ <th class="three-layer align-middle" rowspan="2" v-if="isShowSecondOrderInfo" style=" min-width: 200px;">二次运单号</th>
|
|
|
+ <th class="three-layer" colspan="3" style="min-width: 300px" v-if="isShowSecondOrderInfo" style=" min-width: 350px;">二次商品明细</th>
|
|
|
@endcannot
|
|
|
- <th class=" align-middle" rowspan="2" style="min-width: 120px">承运商赔偿金额</th>
|
|
|
- <th class=" align-middle" rowspan="2" style="min-width: 120px">承运商快递减免</th>
|
|
|
- @cannot('客户不可见')
|
|
|
- <th class=" align-middle" rowspan="2" style="min-width: 120px">宝时赔偿金额</th>
|
|
|
- <th class=" align-middle" rowspan="2" style="min-width: 120px">宝时快递减免</th>
|
|
|
- <th class=" align-middle" rowspan="2" style="min-width: 120px">事故责任方</th>
|
|
|
- <th class=" align-middle" rowspan="2" style="min-width: 120px">操作</th>
|
|
|
+ <th class="three-layer align-middle" rowspan="2" style="min-width: 120px">承运商赔偿金额</th>
|
|
|
+ <th class="three-layer align-middle" rowspan="2" style="min-width: 120px">承运商快递减免</th>
|
|
|
+ @cannot('订单管理-问题件-客户不可见')
|
|
|
+ <th class="three-layer align-middle" rowspan="2" style="min-width: 120px">宝时赔偿金额</th>
|
|
|
+ <th class="three-layer align-middle" rowspan="2" style="min-width: 120px">宝时快递减免</th>
|
|
|
+ <th class="three-layer align-middle" rowspan="2" style="min-width: 120px">事故责任方</th>
|
|
|
+ <th class="three-layer align-middle" rowspan="2" style="min-width: 120px">操作</th>
|
|
|
@endcannot
|
|
|
</tr>
|
|
|
- <tr class="tr-yellow" align="center">
|
|
|
+ <tr class=" tr-yellow" align="center">
|
|
|
<th class="td-yellow" v-if="isShowOrderInfo" style="min-width: 120px">条码</th>
|
|
|
<th class="td-yellow" v-if="isShowOrderInfo" style="min-width: 150px">商品名</th>
|
|
|
<th class="td-yellow" v-if="isShowOrderInfo" style="min-width: 75px">数量</th>
|
|
|
- @cannot('客户不可见')
|
|
|
+ @cannot('订单管理-问题件-客户不可见')
|
|
|
<th v-if="isShowRejectedBill" style="min-width: 75px">条码</th>
|
|
|
<th v-if="isShowRejectedBill" style="min-width: 100px">商品名</th>
|
|
|
<th v-if="isShowRejectedBill" style="min-width: 50px">数量</th>
|
|
|
@@ -141,7 +137,7 @@
|
|
|
<th style="min-width: 75px">操作类型</th>
|
|
|
<th style="min-width: 120px">说明</th>
|
|
|
<th style="min-width: 100px">操作者</th>
|
|
|
- @cannot('客户不可见')
|
|
|
+ @cannot('订单管理-问题件-客户不可见')
|
|
|
<th v-if="isShowSecondOrderInfo" style="min-width: 100px">条码</th>
|
|
|
<th v-if="isShowSecondOrderInfo" style="min-width: 100px">商品名</th>
|
|
|
<th v-if="isShowSecondOrderInfo" style="min-width: 75px">数量</th>
|
|
|
@@ -149,18 +145,18 @@
|
|
|
</tr>
|
|
|
|
|
|
|
|
|
- <tr class="tr-yellow text-center" v-if="orderIssues" v-for="(orderIssue,index) in orderIssues"
|
|
|
+ <tr class="tr-yellow text-center table-body" v-if="orderIssues" v-for="(orderIssue,index) in orderIssues"
|
|
|
@click="selectedColor(orderIssue.id)" :class="orderIssue.remark ? 'tr_top':''" v-on:mouseover="hidetop($event)" v-on:mouseleave="showtop($event)"
|
|
|
:style="[{'font-weight': orderIssue.id===selectedStyle?'bold':''}]">
|
|
|
- <td>
|
|
|
+ <td class="child-layer-1">
|
|
|
<div class="m-0 p-0 " :style="[{'min-height':orderIssue.remark ?'72px':'45px'}]">
|
|
|
<input class="checkItem" type="checkbox" :value="orderIssue.id" v-model="checkData">
|
|
|
</div>
|
|
|
</td>
|
|
|
- <td >@{{index+1}}</td>
|
|
|
- <td >@{{ orderIssue.id }}</td>
|
|
|
- @cannot('客户不可见')
|
|
|
- <td >
|
|
|
+ <td class="child-layer-1">@{{index+1}}</td>
|
|
|
+ <td class="child-layer-1">@{{ orderIssue.id }}</td>
|
|
|
+ @cannot('订单管理-问题件-客户不可见')
|
|
|
+ <td class="child-layer-1">
|
|
|
@can('订单管理-问题件-编辑')
|
|
|
<button type="button" class="btn btn-sm btn-outline-secondary"
|
|
|
@click="disposeOrderIssue($event)" :data-value="orderIssue.id"
|
|
|
@@ -174,7 +170,7 @@
|
|
|
|
|
|
|
|
|
@can("订单管理-问题件-置顶")
|
|
|
- <td class="text-muted">
|
|
|
+ <td class="text-muted child-layer-1">
|
|
|
<button type="button" class="btn btn-sm btn-outline-danger " @click="cancelOnTop($event)" :data-value="orderIssue.top.id" style="opacity: 0.75" v-if="orderIssue.top">
|
|
|
取消
|
|
|
</button>
|
|
|
@@ -182,14 +178,14 @@
|
|
|
置顶
|
|
|
</button>
|
|
|
</td>
|
|
|
- <td >@{{ orderIssue.rejecting_status }}</td>{{--退件状态--}}
|
|
|
+ <td class="child-layer-1">@{{ orderIssue.rejecting_status }}</td>{{--退件状态--}}
|
|
|
@endcan
|
|
|
@endcannot
|
|
|
|
|
|
|
|
|
- <td >@{{ orderIssue.final_status }}</td>{{--最终状态--}}
|
|
|
- @cannot('客户不可见') {{--登记日期--}}
|
|
|
- <td class="toptd td-yellow ">
|
|
|
+ <td class="child-layer-1">@{{ orderIssue.final_status }}</td>{{--最终状态--}}
|
|
|
+ @cannot('订单管理-问题件-客户不可见') {{--登记日期--}}
|
|
|
+ <td class="toptd td-yellow child-layer-2">
|
|
|
<div v-if="orderIssue.remark" class="bg-light-yellow text-danger top text-left" data-toggle="tooltip" style="opacity: 0.1;position: absolute;z-index: 1">
|
|
|
置顶备注:@{{ orderIssue.remark }}
|
|
|
</div>
|
|
|
@@ -197,8 +193,8 @@
|
|
|
</td>
|
|
|
@endcannot
|
|
|
|
|
|
- <td class="td-yellow">
|
|
|
- @cannot('客户不可见')
|
|
|
+ <td class="td-yellow child-layer-2">
|
|
|
+ @cannot('订单管理-问题件-客户不可见')
|
|
|
@else
|
|
|
<div v-if="orderIssue.remark" class="bg-light-yellow text-danger top text-left" data-toggle="tooltip" style="opacity: 0.1;position: absolute;z-index: 1">
|
|
|
置顶备注:@{{ orderIssue.remark }}
|
|
|
@@ -207,18 +203,18 @@
|
|
|
@{{ orderIssue.order.created_at }}
|
|
|
</td>
|
|
|
|
|
|
- <td class="td-yellow">
|
|
|
+ <td class="td-yellow child-layer-2">
|
|
|
<span v-if='orderIssue.order.owner'>@{{ orderIssue.order.owner.name }}</span>
|
|
|
</td>
|
|
|
- <td class="td-yellow">
|
|
|
+ <td class="td-yellow child-layer-2">
|
|
|
<template v-if="orderIssue.order.shop">@{{ orderIssue.order.shop.name }}</template>
|
|
|
</td>
|
|
|
- <td class="td-yellow">
|
|
|
+ <td class="td-yellow child-layer-2">
|
|
|
<template v-if="orderIssue.order"> @{{ orderIssue.order.client_code }}</template>
|
|
|
- <td class="td-yellow">
|
|
|
+ <td class="td-yellow child-layer-2">
|
|
|
<span v-if='orderIssue.order.logistic'>@{{ orderIssue.order.logistic.name }}</span>
|
|
|
</td>
|
|
|
- <td class=" hide-content p-0 td-yellow " valign="middle" align="center">
|
|
|
+ <td class=" hide-content p-0 td-yellow child-layer-2" valign="middle" align="center">
|
|
|
<div :id="'logisticNumbers'+orderIssue.id" :class="orderIssue.order.logisticNumbers.length > 1 ?'collapse ':''">
|
|
|
<p v-for="logisticNumber in orderIssue.order.logisticNumbers" class="m-0 p-0 text-muted ">@{{ logisticNumber }}</p>
|
|
|
</div>
|
|
|
@@ -229,20 +225,19 @@
|
|
|
</button>
|
|
|
</td>
|
|
|
{{--商品明细 开始--}}
|
|
|
- <td class="td-yellow p-0 m-0" v-if="!isShowOrderInfo && index===0" style="width:50px" :rowspan="orderIssues.length">
|
|
|
+ <td class="td-yellow p-0 m-0 child-layer-2" v-if="!isShowOrderInfo && index===0" style="width:50px" :rowspan="orderIssues.length">
|
|
|
<span class="btn btn-outline-secondary " @click="showOrderInfo" :style="orderIssues.length>4 ?'{height: 200px;line-height: 100px':''" >展开运单列</span>
|
|
|
</td>
|
|
|
|
|
|
-
|
|
|
- <td class="td-yellow " v-if="isShowOrderInfo">@{{ orderIssue.order.consignee_name }}</td>
|
|
|
- <td class="td-yellow " v-if="isShowOrderInfo">@{{ orderIssue.order.consignee_phone }}</td>
|
|
|
- <td class="td-yellow " v-if="isShowOrderInfo">@{{ orderIssue.order.province }}</td>
|
|
|
- <td class="td-yellow " v-if="isShowOrderInfo">@{{ orderIssue.order.city }}</td>
|
|
|
- <td class="td-yellow " v-if="isShowOrderInfo">@{{ orderIssue.order.district }}</td>
|
|
|
- <td class="td-yellow " style="width: 400px" v-if="isShowOrderInfo">
|
|
|
+ <td class="td-yellow child-layer-2-hide" v-if="isShowOrderInfo">@{{ orderIssue.order.consignee_name }}</td>
|
|
|
+ <td class="td-yellow child-layer-2-hide" v-if="isShowOrderInfo">@{{ orderIssue.order.consignee_phone }}</td>
|
|
|
+ <td class="td-yellow child-layer-2-hide" v-if="isShowOrderInfo">@{{ orderIssue.order.province }}</td>
|
|
|
+ <td class="td-yellow child-layer-2-hide" v-if="isShowOrderInfo">@{{ orderIssue.order.city }}</td>
|
|
|
+ <td class="td-yellow child-layer-2-hide" v-if="isShowOrderInfo">@{{ orderIssue.order.district }}</td>
|
|
|
+ <td class="td-yellow child-layer-2-hide" style="width: 400px" v-if="isShowOrderInfo">
|
|
|
<span class="text-wrap m-0 p-0 " style="width: 400px">@{{ orderIssue.order.address }}</span>
|
|
|
</td>
|
|
|
- <td class="td-yellow p-0" :id="orderIssue.id+'items'" colspan="3"
|
|
|
+ <td class="td-yellow p-0 child-layer-2-hide" :id="orderIssue.id+'items'" colspan="3"
|
|
|
v-if="isShowOrderInfo">
|
|
|
<div v-if="orderIssue.order">
|
|
|
<table class="table table-sm m-0" v-if="orderIssue.order.packages"
|
|
|
@@ -267,15 +262,17 @@
|
|
|
|
|
|
{{--退单商品明细 开始--}}
|
|
|
{{-- @cannot('客户不可见')--}}
|
|
|
- <td class="p-0 m-0" v-if="!isShowRejectedBill && index === 0 " style="width:50px;" :rowspan="orderIssues.length" >
|
|
|
- <span class="btn btn-outline-secondary " @click="showRejectedBill" :style="orderIssues.length>4 ?'{height: 200px;line-height: 100px':''" >展开退单列</span>
|
|
|
- </td>
|
|
|
- <td class="text-muted" v-if="isShowRejectedBill">
|
|
|
+
|
|
|
+ <td class="text-muted child-layer-3-hide" v-if="isShowRejectedBill">
|
|
|
<template v-if="orderIssue.rejected_bill">
|
|
|
@{{ orderIssue.rejected_bill.logistic_number_return }}
|
|
|
</template>
|
|
|
</td>
|
|
|
- <td class="p-0" :id="orderIssue.id+'rejectedBill'" valign="middle" align="center" colspan="5"
|
|
|
+{{-- @cannot('订单管理-问题件-客户不可见')--}}
|
|
|
+ <td class="p-0 m-0 child-layer-3" v-if="!isShowRejectedBill && index === 0 " style="width:50px;" :rowspan="orderIssues.length" >
|
|
|
+ <span class="btn btn-outline-secondary " @click="showRejectedBill" :style="orderIssues.length>4 ?'{height: 200px;line-height: 100px':''" >展开退单列</span>
|
|
|
+ </td>
|
|
|
+ <td class="p-0 child-layer-3-hide" :id="orderIssue.id+'rejectedBill'" valign="middle" align="center" colspan="5"
|
|
|
v-if="isShowRejectedBill">
|
|
|
<div v-if="orderIssue.rejected_bill" class="m-0 p-0">
|
|
|
<table v-if="orderIssue.rejected_bill.items" class="table table-sm m-0" :class="orderIssue.rejected_bill.items.length > 1 ? 'collapse' : '' " :id="'rejectedBill'+orderIssue.id"
|
|
|
@@ -298,11 +295,11 @@
|
|
|
{{-- @endcannot--}}
|
|
|
{{--退单商品明细 结束--}}
|
|
|
|
|
|
- <td >@{{ orderIssue.result_explain}}</td>
|
|
|
- <td ><span v-if="orderIssue.issue_type">@{{ orderIssue.issue_type.name}}</span></td>
|
|
|
+ <td class="child-layer-3">@{{ orderIssue.result_explain}}</td>
|
|
|
+ <td class="child-layer-3"><span v-if="orderIssue.issue_type">@{{ orderIssue.issue_type.name}}</span></td>
|
|
|
|
|
|
{{--处理结果--}}
|
|
|
- <td class=" m-0 p-0 log-td " valign="middle" align="center" v-on:mouseover="showAddBtn($event)" v-on:mouseleave="hideAddBtn($event)" colspan="3">
|
|
|
+ <td class=" m-0 p-0 log-td child-layer-3" valign="middle" align="center" v-on:mouseover="showAddBtn($event)" v-on:mouseleave="hideAddBtn($event)" colspan="3">
|
|
|
<div class="addLogD v row m-0 p-0" :id="'AddLog_'+orderIssue.id" style="display: none">
|
|
|
<input type="hidden" name="id" :value="orderIssue.id">
|
|
|
<div class="form-group m-2">
|
|
|
@@ -342,16 +339,16 @@
|
|
|
</div>
|
|
|
</td>
|
|
|
@cannot('客户不可见')
|
|
|
- <td class="p-0 m-0 h-100" v-if="!isShowSecondOrderInfo && index === 0" style="width:50px;" :rowspan="orderIssues.length" >
|
|
|
+ <td class="p-0 m-0 h-100 child-layer-3" v-if="!isShowSecondOrderInfo && index === 0" style="width:50px;" :rowspan="orderIssues.length" >
|
|
|
<span class="btn btn-outline-secondary " @click="showSecondeOrder" :style="orderIssues.length>4 ?'{height: 200px;line-height: 100px':''">展开运单列</span>
|
|
|
</td>
|
|
|
- <td v-if="isShowSecondOrderInfo">
|
|
|
+ <td class="child-layer-3-hide" v-if="isShowSecondOrderInfo">
|
|
|
<span v-if="orderIssue.second_order" class="p-0"> @{{ orderIssue.second_order.client_code }}</span>
|
|
|
</td>
|
|
|
- <td v-if="isShowSecondOrderInfo">
|
|
|
+ <td class="child-layer-3-hide" v-if="isShowSecondOrderInfo">
|
|
|
<span v-if="orderIssue.second_order" class="p-0"> @{{ orderIssue.second_order.logistic.name }}</span>
|
|
|
</td>
|
|
|
- <td class=" p-0" valign="middle" align="center" v-if="isShowSecondOrderInfo">
|
|
|
+ <td class="p-0 child-layer-3-hide" valign="middle" align="center" v-if="isShowSecondOrderInfo">
|
|
|
<template v-if="orderIssue.second_order">
|
|
|
<div class=" m-0" :id="'secondOrderNumbers'+orderIssue.id"
|
|
|
:class="orderIssue.seconderCount > 1 ? 'collapse':''"
|
|
|
@@ -369,7 +366,7 @@
|
|
|
</button>
|
|
|
</template>
|
|
|
</td>
|
|
|
- <td class=" p-0" colspan="3"v-if="isShowSecondOrderInfo">
|
|
|
+ <td class="child-layer-3-hide p-0" colspan="3"v-if="isShowSecondOrderInfo">
|
|
|
<template v-if="orderIssue.second_order" class=" p-0">
|
|
|
<div class="m-0 p-0" :class="orderIssue.secondeOrderCount > 1 ? 'collapse':''"
|
|
|
:id="'secondOrder'+orderIssue.id">
|
|
|
@@ -394,12 +391,12 @@
|
|
|
</template>
|
|
|
</td>
|
|
|
@endcannot
|
|
|
- <td >@{{ orderIssue.logistic_indemnity_money }}</td>
|
|
|
- <td >@{{ orderIssue.logistic_express_remission }}</td>
|
|
|
- @cannot('客户不可见')
|
|
|
- <td >@{{ orderIssue.baoshi_indemnity_money }}</td>
|
|
|
- <td >@{{ orderIssue.baoshi_express_remission }}</td>
|
|
|
- <td><span
|
|
|
+ <td class="child-layer-3">@{{ orderIssue.logistic_indemnity_money }}</td>
|
|
|
+ <td class="child-layer-3">@{{ orderIssue.logistic_express_remission }}</td>
|
|
|
+ @cannot('订单管理-问题件-客户不可见')
|
|
|
+ <td class="child-layer-3">@{{ orderIssue.baoshi_indemnity_money }}</td>
|
|
|
+ <td class="child-layer-3">@{{ orderIssue.baoshi_express_remission }}</td>
|
|
|
+ <td class="child-layer-3"><span
|
|
|
v-if="orderIssue.user_work_group">@{{ orderIssue.user_work_group.name }}</span>
|
|
|
</td>
|
|
|
<td>
|
|
|
@@ -465,8 +462,7 @@
|
|
|
</div>
|
|
|
<div class="modal-body">
|
|
|
<input type="hidden" class="form-control" id="onTopId">
|
|
|
- <textarea type="text" class="form-control" required id="remark"
|
|
|
- @change="changeRemark"></textarea>
|
|
|
+ <textarea type="text" class="form-control" required id="remark" @change="changeRemark"></textarea>
|
|
|
<div class="invalid-feedback">
|
|
|
备注信息不能为空
|
|
|
</div>
|
|
|
@@ -561,13 +557,24 @@
|
|
|
prevPageUrl: {!! $orderIssues->toJson() !!}['prev_page_url'],
|
|
|
lastPageUrl: {!! $orderIssues->toJson() !!}['last_page_url'],
|
|
|
},
|
|
|
- isShowOrderInfo:false,
|
|
|
- isShowRejectedBill: false,
|
|
|
- isShowSecondOrderInfo: false,
|
|
|
+ isShowOrderInfo:true,
|
|
|
+ isShowRejectedBill: true,
|
|
|
+ isShowSecondOrderInfo: true,
|
|
|
},
|
|
|
mounted: function () {
|
|
|
+ this.isShowOrderInfo = false;
|
|
|
+ this.isShowRejectedBill= false;
|
|
|
+ this.isShowSecondOrderInfo= false;
|
|
|
+
|
|
|
+ let tr = $('.table-body')[0];
|
|
|
+ let countShow = $(tr).children('.child-layer-1').length;
|
|
|
+ $('.header-1').attr('colspan',countShow);
|
|
|
+
|
|
|
+
|
|
|
$('.tooltipTarget').tooltip({'trigger': 'hover'});
|
|
|
$('#list').removeClass("d-none");
|
|
|
+
|
|
|
+ console.log(this.orderIssues);
|
|
|
let _this = this;
|
|
|
let final_status = [{name: '已解决', value: '已解决'}, {name: '待退回', value: '待退回'}, {
|
|
|
name: '退回中',
|
|
|
@@ -602,7 +609,7 @@
|
|
|
},
|
|
|
],[
|
|
|
{name: 'logistic_indemnity_money', type: 'input', tip: '承运商赔偿金额', placeholder: '承运商赔偿金额'},
|
|
|
- @cannot('客户不可见')
|
|
|
+ @cannot('订单管理-问题件-客户不可见')
|
|
|
{
|
|
|
name: 'baoshi_indemnity_money', type: 'input', tip: '宝时赔偿金额', placeholder: '宝时赔偿金额'
|
|
|
},
|
|
|
@@ -615,7 +622,7 @@
|
|
|
data: this.orderIssueType
|
|
|
},
|
|
|
{name: 'is_handle', type: 'checkbox', tip: '是否已处理', data: [{name: 'ture', value: '已解决'}]},
|
|
|
- @endcan
|
|
|
+ @endcannot
|
|
|
]];
|
|
|
this.form = new query({
|
|
|
el: '#form_div',
|
|
|
@@ -624,7 +631,6 @@
|
|
|
this.form.init();
|
|
|
let order = $('.table-head-warning')[0];
|
|
|
$('.top').css('min-width', $(order).outerWidth(true));
|
|
|
-
|
|
|
},
|
|
|
watch: {
|
|
|
checkData: {
|
|
|
@@ -637,6 +643,59 @@
|
|
|
},
|
|
|
deep: true
|
|
|
},
|
|
|
+ isShowOrderInfo(newValue){
|
|
|
+ let tr = $('.table-body')[0];
|
|
|
+ setTimeout(function(){
|
|
|
+ let countShow = $(tr).children('.child-layer-2').length;
|
|
|
+ let countHide = $(tr).children('.child-layer-2-hide').length;
|
|
|
+ if(newValue){countHide+=2;}
|
|
|
+ if(newValue===true){
|
|
|
+ $('.header-2').attr('colspan',countHide+countShow);
|
|
|
+ }else{
|
|
|
+ $('.header-2').attr('colspan',countShow);
|
|
|
+ }
|
|
|
+ },2);
|
|
|
+ },
|
|
|
+ isShowRejectedBill(newValue){
|
|
|
+ let tr = $('.table-body')[0];
|
|
|
+ let _this = this;
|
|
|
+ setTimeout(function(){
|
|
|
+ let countShow = $(tr).children('.child-layer-3').length+2;
|
|
|
+ let countHide = $(tr).children('.child-layer-3-hide').length;
|
|
|
+ if(this.isShowRejectedBill){countHide+=4;}
|
|
|
+ if(this.isShowSecondOrderInfo){countHide+=2;}
|
|
|
+ if(newValue === true){
|
|
|
+ countHide+=4;
|
|
|
+ }
|
|
|
+ if(_this.isShowSecondOrderInfo === true){
|
|
|
+ countHide+=2;
|
|
|
+ }
|
|
|
+ if(newValue===true){
|
|
|
+ $('.header-3').attr('colspan',countHide+countShow);
|
|
|
+ }else{
|
|
|
+ $('.header-3').attr('colspan',countShow);
|
|
|
+ }
|
|
|
+ },2);
|
|
|
+ },
|
|
|
+ isShowSecondOrderInfo(newValue){
|
|
|
+ let tr = $('.table-body')[0];
|
|
|
+ let _this = this;
|
|
|
+ setTimeout(function(){
|
|
|
+ let countShow = $(tr).children('.child-layer-3').length+2;
|
|
|
+ let countHide = $(tr).children('.child-layer-3-hide').length;
|
|
|
+ if(_this.isShowRejectedBill === true){
|
|
|
+ countHide+=4;
|
|
|
+ }
|
|
|
+ if(newValue === true){
|
|
|
+ countHide+=2;
|
|
|
+ }
|
|
|
+ if(newValue===true){
|
|
|
+ $('.header-3').attr('colspan',countHide+countShow);
|
|
|
+ }else{
|
|
|
+ $('.header-3').attr('colspan',countShow+countHide);
|
|
|
+ }
|
|
|
+ },2);
|
|
|
+ },
|
|
|
},
|
|
|
methods: {
|
|
|
selectedColor(orderno) {
|
|
|
@@ -750,7 +809,6 @@
|
|
|
});
|
|
|
}
|
|
|
},
|
|
|
-
|
|
|
orderIssueExport(sign) {
|
|
|
let url = '{{url('order/issue/export')}}';
|
|
|
let token = '{{ csrf_token() }}';
|