|
|
@@ -19,11 +19,13 @@
|
|
|
<a class="dropdown-item" @click="orderIssueExport(true)" href="javascript:">导出所有页</a>
|
|
|
</div>
|
|
|
</span>
|
|
|
+ @cannot('客户不可见')
|
|
|
<span class="ml-1">
|
|
|
<button type="button" class="btn btn-outline-dark btn-sm form-control-sm to ltipTarget"
|
|
|
@click="endOrderIssue"
|
|
|
:class="[checkData.length>0?'btn-dark text-light':'']">完结</button>
|
|
|
</span>
|
|
|
+ @endcannot
|
|
|
<span class="ml-1">
|
|
|
<button type="button" class="btn btn-outline-dark btn-sm form-control-sm tooltipTarget"
|
|
|
@click="copyOrderNo">复制快递单号</button>
|
|
|
@@ -32,27 +34,41 @@
|
|
|
<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 " colspan="7"></th>
|
|
|
+ <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 "
|
|
|
- :colspan="isShowOrderInfo ? '16':'8'"><span>原始运单号</span>
|
|
|
- <button class="btn btn-sm btn-outline-secondary float-right" v-if="isShowOrderInfo"
|
|
|
- @click="hideOrderInfo">隐藏运单列
|
|
|
+ @cannot('客户不可见') :colspan="(isShowOrderInfo ? '16':'8' )" @else :colspan="(isShowOrderInfo ? '15':'7' )" @endcannot>
|
|
|
+ <span>原始运单号</span>
|
|
|
+ <button class="btn btn-sm btn-outline-secondary float-right" v-if="isShowOrderInfo" @click="hideOrderInfo">
|
|
|
+ 隐藏运单列
|
|
|
</button>
|
|
|
</th>
|
|
|
|
|
|
- <th class=" font-weight-bolder" :colspan="10 + (isShowRejectedBill ? 5:1) + (isShowSecondOrderInfo ? 6: 1 ) @cannot('客户不可见') +1 @endcannot">
|
|
|
- <button class="btn btn-sm btn-outline-secondary float-left" v-if="isShowRejectedBill"
|
|
|
- @click="hideRejectedBill">隐藏退单列
|
|
|
+ <th class=" font-weight-bolder"
|
|
|
+ @cannot('客户不可见')
|
|
|
+ :colspan="11 + (isShowRejectedBill ? 5:1) + (isShowSecondOrderInfo ? 6: 1 )"
|
|
|
+ @else
|
|
|
+ colspan="8"
|
|
|
+ @endcannot>
|
|
|
+
|
|
|
+ @cannot('客户不可见')
|
|
|
+ <button class="btn btn-sm btn-outline-secondary float-left" v-if="isShowRejectedBill" @click="hideRejectedBill">
|
|
|
+ 隐藏退单列
|
|
|
</button>
|
|
|
+ @endcannot
|
|
|
情况说明
|
|
|
- <button class="btn btn-sm btn-outline-secondary" v-if="isShowSecondOrderInfo"
|
|
|
- @click="hideSecondOrder">隐藏运单列
|
|
|
+ @cannot('客户不可见')
|
|
|
+ <button class="btn btn-sm btn-outline-secondary" v-if="isShowSecondOrderInfo" @click="hideSecondOrder">
|
|
|
+ 隐藏运单列
|
|
|
</button>
|
|
|
+ @endcannot
|
|
|
</th>
|
|
|
+ @cannot('客户不可见')
|
|
|
<th></th>
|
|
|
+ @endcannot
|
|
|
</tr>
|
|
|
|
|
|
<tr class="tr-yellow" align="center">
|
|
|
+
|
|
|
<th rowspan="2" class="align-middle">
|
|
|
<label for="all">
|
|
|
<input id="all" type="checkbox" @click="checkAll($event)"/>
|
|
|
@@ -60,97 +76,81 @@
|
|
|
</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>
|
|
|
@can("订单管理-问题件-置顶")
|
|
|
- <th class=" align-middle" rowspan="2" style=" min-width: 75px;">置顶</th>
|
|
|
+ <th class=" align-middle" rowspan="2" style=" min-width: 75px;">置顶</th>
|
|
|
@endcan
|
|
|
<th class=" 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>
|
|
|
+ @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=" 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=" align-middle" rowspan="2" v-if="!isShowRejectedBill" style="min-width:50px">
|
|
|
- 展开
|
|
|
- </th>
|
|
|
- <th class=" align-middle" colspan="5" v-if="isShowRejectedBill" style="min-width: 450px">
|
|
|
- 返回商品明细
|
|
|
- </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>
|
|
|
+{{-- @cannot('客户不可见')--}}
|
|
|
+ <th class=" 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>
|
|
|
+{{-- @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>
|
|
|
- <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>
|
|
|
@cannot('客户不可见')
|
|
|
- <th class=" align-middle" rowspan="2" style="min-width: 120px">承运商赔偿金额</th>
|
|
|
+ <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>
|
|
|
@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>
|
|
|
+ @endcannot
|
|
|
</tr>
|
|
|
<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('客户不可见')
|
|
|
<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>
|
|
|
<th v-if="isShowRejectedBill" style="min-width: 50px">是否正品</th>
|
|
|
<th v-if="isShowRejectedBill" style="min-width: 100px">备注</th>
|
|
|
+ @endcannot
|
|
|
<th style="min-width: 75px">操作类型</th>
|
|
|
<th style="min-width: 120px">说明</th>
|
|
|
<th style="min-width: 100px">操作者</th>
|
|
|
+ @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>
|
|
|
+ @endcannot
|
|
|
</tr>
|
|
|
- <tr class="tr-yellow" align="center" 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)"
|
|
|
+
|
|
|
+
|
|
|
+ <tr class="tr-yellow text-center" 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>
|
|
|
<div class="m-0 p-0 " :style="[{'min-height':orderIssue.remark ?'72px':'45px'}]">
|
|
|
@@ -159,40 +159,54 @@
|
|
|
</td>
|
|
|
<td >@{{index+1}}</td>
|
|
|
<td >@{{ orderIssue.id }}</td>
|
|
|
+ @cannot('客户不可见')
|
|
|
<td >
|
|
|
@can('订单管理-问题件-编辑')
|
|
|
- <button type="button" class="btn btn-sm btn-outline-secondary"
|
|
|
- @click="disposeOrderIssue($event)" :data-value="orderIssue.id"
|
|
|
- v-if="orderIssue.is_new_rejecting === '有'">有
|
|
|
- </button>
|
|
|
- <span v-else>@{{ orderIssue.is_new_rejecting }}</span>
|
|
|
+ <button type="button" class="btn btn-sm btn-outline-secondary"
|
|
|
+ @click="disposeOrderIssue($event)" :data-value="orderIssue.id"
|
|
|
+ v-if="orderIssue.is_new_rejecting === '有'">有
|
|
|
+ </button>
|
|
|
+ <span v-else>@{{ orderIssue.is_new_rejecting }}</span>
|
|
|
@else
|
|
|
- <span v-if="orderIssue.is_new_rejecting">@{{ orderIssue.is_new_rejecting }}</span>
|
|
|
+ <span v-if="orderIssue.is_new_rejecting">@{{ orderIssue.is_new_rejecting }}</span>
|
|
|
@endcan
|
|
|
</td>
|
|
|
+
|
|
|
+
|
|
|
@can("订单管理-问题件-置顶")
|
|
|
- <td class="text-muted">
|
|
|
- <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>
|
|
|
- <button type="button" class="btn btn-sm btn-outline-secondary"
|
|
|
- @click="OrderIssueOnTop($event)" :data-value="orderIssue.id"
|
|
|
- style="opacity: 0.75" v-else>置顶
|
|
|
- </button>
|
|
|
- </td>
|
|
|
+ <td class="text-muted">
|
|
|
+ <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>
|
|
|
+ <button type="button" class="btn btn-sm btn-outline-secondary" @click="OrderIssueOnTop($event)" :data-value="orderIssue.id" style="opacity: 0.75" v-else>
|
|
|
+ 置顶
|
|
|
+ </button>
|
|
|
+ </td>
|
|
|
+ <td >@{{ orderIssue.rejecting_status }}</td>{{--退件状态--}}
|
|
|
@endcan
|
|
|
- <td >@{{ orderIssue.rejecting_status }}</td>
|
|
|
- <td >@{{ orderIssue.final_status }}</td>
|
|
|
+ @endcannot
|
|
|
+
|
|
|
+
|
|
|
+ <td >@{{ orderIssue.final_status }}</td>{{--最终状态--}}
|
|
|
+ @cannot('客户不可见') {{--登记日期--}}
|
|
|
<td class="toptd td-yellow ">
|
|
|
<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>
|
|
|
@{{ orderIssue.created_at }}
|
|
|
</td>
|
|
|
+ @endcannot
|
|
|
+
|
|
|
<td class="td-yellow">
|
|
|
+ @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 }}
|
|
|
+ </div>
|
|
|
+ @endcannot
|
|
|
@{{ orderIssue.order.created_at }}
|
|
|
</td>
|
|
|
+
|
|
|
<td class="td-yellow">
|
|
|
<span v-if='orderIssue.order.owner'>@{{ orderIssue.order.owner.name }}</span>
|
|
|
</td>
|
|
|
@@ -204,77 +218,67 @@
|
|
|
<td class="td-yellow">
|
|
|
<span v-if='orderIssue.order.logistic'>@{{ orderIssue.order.logistic.name }}</span>
|
|
|
</td>
|
|
|
-
|
|
|
<td class=" hide-content p-0 td-yellow " 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 :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>
|
|
|
- <button v-if="orderIssue.order.logisticNumbers.length > 1" type="button"
|
|
|
- class="btn btn-sm btn-outline-primary align-middle mt-1"
|
|
|
- :id="'logisticNumbersBtn'+orderIssue.id"
|
|
|
- data-toggle="collapse"
|
|
|
- :data-target="'#logisticNumbers'+orderIssue.id"
|
|
|
+ <button v-if="orderIssue.order.logisticNumbers.length > 1" type="button" class="btn btn-sm btn-outline-primary align-middle mt-1"
|
|
|
+ :id="'logisticNumbersBtn'+orderIssue.id" data-toggle="collapse" :data-target="'#logisticNumbers'+orderIssue.id"
|
|
|
@click="toggleLogisticNumbers(orderIssue.id,orderIssue.order.logisticNumbers.length)">
|
|
|
分箱@{{ orderIssue.order.logisticNumbers.length }}件,点击展开
|
|
|
</button>
|
|
|
</td>
|
|
|
+ {{--商品明细 开始--}}
|
|
|
<td class="td-yellow p-0 m-0" 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.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 class="td-yellow " v-if="isShowOrderInfo">@{{ orderIssue.order.district }}</td>
|
|
|
+ <td class="td-yellow " 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 " 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'" valign="middle" align="center"
|
|
|
- v-if="isShowOrderInfo"
|
|
|
- colspan="3">
|
|
|
+ <td class="td-yellow p-0" :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"
|
|
|
- :class="orderIssue.orderPackagecount > 1 ? 'collapse' : ''"
|
|
|
- :id="'order'+orderIssue.id"
|
|
|
- :data-value="orderIssue.orderCount = 0"
|
|
|
- :data-count="orderIssue.orderPackagecount = 0">
|
|
|
+ <table class="table table-sm m-0" v-if="orderIssue.order.packages"
|
|
|
+ :class="orderIssue.orderPackagecount > 1 ? 'collapse' : ''" :id="'order'+orderIssue.id"
|
|
|
+ :data-value="orderIssue.orderCount = 0" :data-count="orderIssue.orderPackagecount = 0">
|
|
|
<template v-for="packages in orderIssue.order.packages">
|
|
|
- <tr v-for="item in packages.commodities"
|
|
|
- :data-value="orderIssue.orderCount += 1" align="center">
|
|
|
+ <tr v-for="item in packages.commodities" class="text-center" :data-value="orderIssue.orderCount += 1" align="center">
|
|
|
<td >@{{ item.commodity.sku }}</td>
|
|
|
<td >@{{ item.commodity.name }}</td>
|
|
|
<td :data-value="orderIssue.orderPackagecount += item.amount ">@{{ item.amount }}</td>
|
|
|
</tr>
|
|
|
</template>
|
|
|
</table>
|
|
|
- <button v-if="orderIssue.orderCount > 1 " type="button"
|
|
|
- class="btn btn-sm btn-outline-primary mt-1"
|
|
|
- :id="'orderBtn'+orderIssue.id"
|
|
|
- data-toggle="collapse"
|
|
|
- :data-target="'#order'+orderIssue.id"
|
|
|
- @click="toggleOrder(orderIssue.id,orderIssue.orderPackagecount)">
|
|
|
+ <button v-if="orderIssue.orderCount > 1 " type="button" class="btn btn-sm btn-outline-primary mt-1"
|
|
|
+ :id="'orderBtn'+orderIssue.id" @click="toggleOrder(orderIssue.id,orderIssue.orderPackagecount)"
|
|
|
+ data-toggle="collapse" :data-target="'#order'+orderIssue.id">
|
|
|
商品@{{ orderIssue.orderPackagecount}}件,点击展开
|
|
|
</button>
|
|
|
</div>
|
|
|
</td>
|
|
|
+ {{--商品明细 结束--}}
|
|
|
+
|
|
|
+ {{--退单商品明细 开始--}}
|
|
|
+{{-- @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="p-0" :id="orderIssue.id+'rejectedBill'" valign="middle" align="center"
|
|
|
- v-if="isShowRejectedBill"
|
|
|
- colspan="5">
|
|
|
+ <td class="text-muted" 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"
|
|
|
+ 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"
|
|
|
+ <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"
|
|
|
:data-value="orderIssue.rejectedCount = 0">
|
|
|
<tr v-for="item in orderIssue.rejected_bill.items"
|
|
|
:data-value="orderIssue.rejected_bill.sum += item.amount" align="center">
|
|
|
@@ -285,24 +289,21 @@
|
|
|
<td style="min-width: 100px" >@{{ item.remark }}</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
- <button v-if="orderIssue.rejected_bill.items.length > 1" type="button"
|
|
|
- class="btn btn-sm btn-outline-primary align-middle mt-1"
|
|
|
- :id="'rejectedBillBtn'+orderIssue.id"
|
|
|
- data-toggle="collapse"
|
|
|
- :data-target="'#rejectedBill'+orderIssue.id"
|
|
|
- @click="toggleRejectedBill(orderIssue.id,orderIssue.rejectedCount)">
|
|
|
+ <button v-if="orderIssue.rejected_bill.items.length > 1" type="button" class="btn btn-sm btn-outline-primary align-middle mt-1" :id="'rejectedBillBtn'+orderIssue.id"
|
|
|
+ data-toggle="collapse" :data-target="'#rejectedBill'+orderIssue.id" @click="toggleRejectedBill(orderIssue.id,orderIssue.rejectedCount)">
|
|
|
商品@{{ orderIssue.rejectedCount }}件,点击展开
|
|
|
</button>
|
|
|
</div>
|
|
|
</td>
|
|
|
- {{--情况说明--}}
|
|
|
+{{-- @endcannot--}}
|
|
|
+ {{--退单商品明细 结束--}}
|
|
|
+
|
|
|
<td >@{{ orderIssue.result_explain}}</td>
|
|
|
<td ><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">
|
|
|
- <div class="addLogDiv row m-0 p-0" :id="'AddLog_'+orderIssue.id" style="display: none">
|
|
|
+ <td class=" m-0 p-0 log-td " 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">
|
|
|
<input type="text" name="content" class="form-control" required>
|
|
|
@@ -312,8 +313,7 @@
|
|
|
</button>
|
|
|
</div>
|
|
|
|
|
|
- <div style="position: absolute;display: none;margin-top: -35px" class="add-btn"
|
|
|
- :id="'AddBtn'+orderIssue.id">
|
|
|
+ <div style="position: absolute;display: none;margin-top: -35px" class="add-btn" :id="'AddBtn'+orderIssue.id">
|
|
|
<button type="button" class="btn btn-primary "
|
|
|
@click="showAddDiv('AddLog_'+orderIssue.id)">新
|
|
|
</button>
|
|
|
@@ -321,8 +321,7 @@
|
|
|
|
|
|
<template v-if="orderIssue.logs" class="p-0 m-0 ">
|
|
|
<table class="table table-sm p-0 m-0 " :id="'logs'+orderIssue.id" :data-value="orderIssue.logShow == null ? orderIssue.logShow=false:''">
|
|
|
- <tr style="position:static" align="center" v-for="(log,index) in orderIssue.logs"
|
|
|
- :class="(orderIssue.logs.length <= 2 ? '' : ((index === 0 || orderIssue.logShow ) ? '' : 'd-none' )) "
|
|
|
+ <tr style="position:static" align="center" v-for="(log,index) in orderIssue.logs" :class="(orderIssue.logs.length <= 2 ? '' : ((index === 0 || orderIssue.logShow ) ? '' : 'd-none' )) "
|
|
|
v-on:mouseover="showDelBtn($event)" v-on:mouseleave="hideDelBtn($event)" >
|
|
|
<td style="min-width: 75px">@{{ log.type }}</td>
|
|
|
<td style="min-width: 200px">@{{ log.content }}</td>
|
|
|
@@ -333,15 +332,13 @@
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|
|
|
- <button type="button" class="btn btn-sm btn-outline-primary align-middle mt-1"
|
|
|
- v-if="orderIssue.logs.length > 2"
|
|
|
- :data-value="orderIssue.logs.length"
|
|
|
- :data-count="orderIssue.logShow"
|
|
|
- @click="toggleLogs(orderIssue,$event)">
|
|
|
+ <button type="button" class="btn btn-sm btn-outline-primary align-middle mt-1" v-if="orderIssue.logs.length > 2"
|
|
|
+ @click="toggleLogs(orderIssue,$event)" :data-value="orderIssue.logs.length" :data-count="orderIssue.logShow" >
|
|
|
记录共@{{ orderIssue.logs.length }}条,点击展开
|
|
|
</button>
|
|
|
</template>
|
|
|
</td>
|
|
|
+ @cannot('客户不可见')
|
|
|
<td class="p-0 m-0 h-100" 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>
|
|
|
@@ -393,12 +390,11 @@
|
|
|
</button>
|
|
|
</template>
|
|
|
</td>
|
|
|
-
|
|
|
+ @endcannot
|
|
|
<td >@{{ orderIssue.logistic_indemnity_money }}</td>
|
|
|
<td >@{{ orderIssue.logistic_express_remission }}</td>
|
|
|
@cannot('客户不可见')
|
|
|
- <td >@{{ orderIssue.baoshi_indemnity_money }}</td>
|
|
|
- @endcannot
|
|
|
+ <td >@{{ orderIssue.baoshi_indemnity_money }}</td>
|
|
|
<td >@{{ orderIssue.baoshi_express_remission }}</td>
|
|
|
<td><span
|
|
|
v-if="orderIssue.user_work_group">@{{ orderIssue.user_work_group.name }}</span>
|
|
|
@@ -411,6 +407,7 @@
|
|
|
@click="deleteOrderIssue($event)" :data-value="orderIssue.id">删
|
|
|
</button>
|
|
|
</td>
|
|
|
+ @endcannot
|
|
|
</tr>
|
|
|
</table>
|
|
|
<button class="btn btn-sm" :class="page.curPage === 1 ?'':'btn-outline-primary'"
|
|
|
@@ -540,14 +537,14 @@
|
|
|
data: {
|
|
|
orderIssues: {!! $orderIssues->toJson() !!}['data'],
|
|
|
owners: [@foreach($owners as $owner){name: '{{ $owner->id }}', value: '{{ $owner->name}}'},@endforeach],
|
|
|
- orderIssueType: [@foreach($orderIssueType as $type){
|
|
|
- name: '{{$type->id}}',
|
|
|
- value: '{{$type->name}}'
|
|
|
- },@endforeach],
|
|
|
- qualityLabel: [@foreach($qualityLabel as $type){
|
|
|
- name: '{{$type->id}}',
|
|
|
- value: '{{$type->name}}'
|
|
|
- },@endforeach],
|
|
|
+ orderIssueType: [
|
|
|
+ @foreach($orderIssueType as $type)
|
|
|
+ {name: '{{$type->id}}', value: '{{$type->name}}' },
|
|
|
+ @endforeach],
|
|
|
+ qualityLabel: [
|
|
|
+ @foreach($qualityLabel as $type)
|
|
|
+ {name: '{{$type->id}}', value: '{{$type->name}}' },
|
|
|
+ @endforeach],
|
|
|
checkData: [],
|
|
|
from: '',
|
|
|
finalStatus: [{name: '0', value: '已解决'}, {name: '1', value: '待退回'}, {name: '2', value: '退回中'}],
|
|
|
@@ -561,7 +558,7 @@
|
|
|
prevPageUrl: {!! $orderIssues->toJson() !!}['prev_page_url'],
|
|
|
lastPageUrl: {!! $orderIssues->toJson() !!}['last_page_url'],
|
|
|
},
|
|
|
- isShowOrderInfo: false,
|
|
|
+ isShowOrderInfo:false,
|
|
|
isShowRejectedBill: false,
|
|
|
isShowSecondOrderInfo: false,
|
|
|
},
|
|
|
@@ -616,7 +613,7 @@
|
|
|
data: this.orderIssueType
|
|
|
},
|
|
|
{name: 'is_handle', type: 'checkbox', tip: '是否已处理', data: [{name: 'ture', value: '已解决'}]},
|
|
|
- @endcannot
|
|
|
+ @endcan
|
|
|
]];
|
|
|
this.form = new query({
|
|
|
el: '#form_div',
|
|
|
@@ -1037,7 +1034,7 @@
|
|
|
},
|
|
|
goPage(page){
|
|
|
let href = window.location.href;
|
|
|
- if(href.indexOf('?')==-1){
|
|
|
+ if(href.indexOf('?')===-1){
|
|
|
href+='?'
|
|
|
}
|
|
|
if(href.indexOf('page=')!==-1){
|