|
|
@@ -21,7 +21,8 @@
|
|
|
</div>
|
|
|
</div>
|
|
|
{{--其他--}}
|
|
|
- <div class="form-group row" v-if="['其他',null,'快递异常','错漏发','破损','快递丢件'].includes(workOrder.orderIssueType)">
|
|
|
+ <div class="form-group row"
|
|
|
+ v-if="['其他',null,'快递异常','错漏发','破损','快递丢件','拦截'].includes(workOrder.orderIssueType)">
|
|
|
<hr>
|
|
|
<label for="remake_info" class="col-sm-2 col-form-label text-right">问题描述</label>
|
|
|
<div class="col-sm-10">
|
|
|
@@ -60,21 +61,21 @@
|
|
|
</div>
|
|
|
|
|
|
<hr v-if="'破损' === workOrder.orderIssueType">
|
|
|
- <div class="form-group " v-if="'破损' === workOrder.orderIssueType">
|
|
|
- <div class="pl-1 custom-file col-10 offset-2">
|
|
|
- <input type="file" id="package-images" name="package-images" multiple class="custom-file-input"
|
|
|
- accept="image/*" @change="pushImagesAndShow($event,workOrder.packageImages)">
|
|
|
- <label class="custom-file-label" for="package-images">点击添加外包装破损图片</label>
|
|
|
- </div>
|
|
|
- <div class="border-dark mt-1 col-10 offset-2">
|
|
|
- <div v-for="(image,i) in workOrder.packageImages"
|
|
|
- class="d-inline-block col-4 position-relative card">
|
|
|
- <div class="card-body">
|
|
|
- <img :src="image.src" class="card-img-top" :alt="image.file.name">
|
|
|
- <div class="float-right position-relative">
|
|
|
- <button type="button" class="btn btn-sm btn-outline-danger"
|
|
|
- @click="spliceImage(i,workOrder.packageImages)">取消
|
|
|
- </button>
|
|
|
+ <div class="form-group row" v-if="'破损' === workOrder.orderIssueType">
|
|
|
+ <label for="package-image" class="col-sm-2 col-form-label text-right text-primary">外包装图片</label>
|
|
|
+ <div class="col-sm-10">
|
|
|
+ <div class="h-auto border border-secondary" id="package-image" style="min-height: 75px"
|
|
|
+ contenteditable="true"
|
|
|
+ @paste="pasteImage($event,workOrder.packageImages)">
|
|
|
+ <div v-for="(image,i) in workOrder.packageImages"
|
|
|
+ class="d-inline-block col-4 position-relative card">
|
|
|
+ <div class="card-body">
|
|
|
+ <img :src="image.src" class="card-img-top" :alt="image.file.name">
|
|
|
+ <div class="float-right position-relative">
|
|
|
+ <button type="button" class="btn btn-sm btn-outline-danger"
|
|
|
+ @click="spliceImage(i,workOrder.packageImages)">取消
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -82,44 +83,44 @@
|
|
|
</div>
|
|
|
|
|
|
<hr v-if="'破损' === workOrder.orderIssueType">
|
|
|
- <div class="form-group " v-if="'破损' === workOrder.orderIssueType">
|
|
|
- <div class="pl-1 custom-file col-10 offset-2">
|
|
|
- <input type="file" id="commodity-images" name="package-images" multiple
|
|
|
- class="custom-file-input" accept="image/*"
|
|
|
- @change="pushImagesAndShow($event,workOrder.commodityImages)">
|
|
|
- <label class="custom-file-label" for="commodity-images">点击添加内物破损图片</label>
|
|
|
- </div>
|
|
|
- <div class="border-dark mt-1 col-10 offset-2">
|
|
|
- <div v-for="(image,i) in workOrder.commodityImages"
|
|
|
- class="d-inline-block col-4 position-relative card">
|
|
|
- <div class="card-body">
|
|
|
- <img :src="image.src" class="card-img-top" :alt="image.file.name">
|
|
|
- <div class="float-right position-relative">
|
|
|
- <button type="button" class="btn btn-sm btn-outline-danger"
|
|
|
- @click="spliceImage(i,workOrder.commodityImages)">取消
|
|
|
- </button>
|
|
|
+ <div class="form-group row" v-if="'破损' === workOrder.orderIssueType">
|
|
|
+ <label for="commodity-image" class="col-sm-2 col-form-label text-right text-primary">内物破损图片</label>
|
|
|
+ <div class="col-sm-10">
|
|
|
+ <div class="h-auto border border-secondary" id="commodity-image" style="min-height: 75px"
|
|
|
+ contenteditable="true"
|
|
|
+ @paste="pasteImage($event,workOrder.commodityImages)">
|
|
|
+ <div v-for="(image,i) in workOrder.commodityImages"
|
|
|
+ class="d-inline-block col-4 position-relative card">
|
|
|
+ <div class="card-body">
|
|
|
+ <img :src="image.src" class="card-img-top" :alt="image.file.name">
|
|
|
+ <div class="float-right position-relative">
|
|
|
+ <button type="button" class="btn btn-sm btn-outline-danger"
|
|
|
+ @click="spliceImage(i,workOrder.commodityImages)">取消
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
|
|
|
+
|
|
|
<hr v-if="'破损' === workOrder.orderIssueType">
|
|
|
- <div class="form-group " v-if="'破损' === workOrder.orderIssueType">
|
|
|
- <div class="pl-1 custom-file col-10 offset-2">
|
|
|
- <input type="file" id="deal-images" name="package-images" multiple class="custom-file-input"
|
|
|
- accept="image/*" @change="pushImagesAndShow($event,workOrder.dealImages)">
|
|
|
- <label class="custom-file-label" for="deal-images">点击添加外交易截图</label>
|
|
|
- </div>
|
|
|
- <div class="border-dark mt-1 col-10 offset-2">
|
|
|
- <div v-for="(image,i) in workOrder.dealImages"
|
|
|
- class="d-inline-block col-4 position-relative card">
|
|
|
- <div class="card-body">
|
|
|
- <img :src="image.src" class="card-img-top" :alt="image.file.name">
|
|
|
- <div class="float-right position-relative">
|
|
|
- <button type="button" class="btn btn-sm btn-outline-danger"
|
|
|
- @click="spliceImage(i,workOrder.dealImages)">取消
|
|
|
- </button>
|
|
|
+ <div class="form-group row" v-if="'破损' === workOrder.orderIssueType">
|
|
|
+ <label for="deal-image" class="col-sm-2 col-form-label text-right text-primary">交易截图</label>
|
|
|
+ <div class="col-sm-10">
|
|
|
+ <div class="border border-secondary h-auto" id="deal-image" style="min-height: 75px"
|
|
|
+ contenteditable="true"
|
|
|
+ @paste="pasteImage($event,workOrder.dealImages)">
|
|
|
+ <div v-for="(image,i) in workOrder.dealImages"
|
|
|
+ class="d-inline-block col-4 position-relative card">
|
|
|
+ <div class="card-body">
|
|
|
+ <img :src="image.src" class="card-img-top" :alt="image.file.name">
|
|
|
+ <div class="float-right position-relative">
|
|
|
+ <button type="button" class="btn btn-sm btn-outline-danger"
|
|
|
+ @click="spliceImage(i,workOrder.dealImages)">取消
|
|
|
+ </button>
|
|
|
+ </div>
|
|
|
</div>
|
|
|
</div>
|
|
|
</div>
|
|
|
@@ -145,7 +146,9 @@
|
|
|
<input type="number" class="form-control form-control-sm" v-model="item.amount">
|
|
|
</td>
|
|
|
<td>
|
|
|
- <button type="button" class="btn btn-sm btn-outline-danger" @click="workOrder.commodities.splice(i,1)">删除</button>
|
|
|
+ <button type="button" class="btn btn-sm btn-outline-danger"
|
|
|
+ @click="workOrder.commodities.splice(i,1)">删除
|
|
|
+ </button>
|
|
|
</td>
|
|
|
</tr>
|
|
|
</table>
|