|
|
|
@ -4,25 +4,25 @@ |
|
|
|
<view class="flex-row section_2"> |
|
|
|
<view class="flex-row group_5"> |
|
|
|
<text class="text_2">发货单号:</text> |
|
|
|
<text class="text_3">9847583947839743-1</text> |
|
|
|
<text class="text_3">{{ details.order.back_express_numb || '暂无单号' }}</text> |
|
|
|
</view> |
|
|
|
<text class="text_4">评级中</text> |
|
|
|
<text class="text_4" :style="{color: details.order.status_text_color}">{{ details.order.status_text }}</text> |
|
|
|
</view> |
|
|
|
<view class="section_3 flex-col"> |
|
|
|
<view class="justify-between" @click="$url('/packages/sonpingDetail/viewDetail?id='+ id)"> |
|
|
|
<view class="flex-row"> |
|
|
|
<text class="text_5">明细:</text> |
|
|
|
<text class="text_6">共3件</text> |
|
|
|
<text class="text_6">共{{ details.order.num }}件</text> |
|
|
|
</view> |
|
|
|
<image |
|
|
|
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497780150582913.png" |
|
|
|
class="image_6" |
|
|
|
/> |
|
|
|
</view> |
|
|
|
<view class="justify-between group_8" @click="$url('/packages/sonpingDetail/expenseDetail?id='+ id)"> |
|
|
|
<view class="justify-between group_8" @click="details.order.amount && $url('/packages/sonpingDetail/expenseDetail?id='+ id)"> |
|
|
|
<view class="flex-row"> |
|
|
|
<text class="text_7">费用:</text> |
|
|
|
<text class="text_8">暂无</text> |
|
|
|
<text class="text_8">{{ details.order.amount || '暂无' }}</text> |
|
|
|
</view> |
|
|
|
<image |
|
|
|
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497780230366393.png" |
|
|
|
@ -33,15 +33,15 @@ |
|
|
|
<view class="justify-between"> |
|
|
|
<view class="flex-row lf-flex"> |
|
|
|
<view class="text_9">收货人:</view> |
|
|
|
<view class="text_10">李丽丽</view> |
|
|
|
<view class="text_11">15273936409</view> |
|
|
|
<view class="text_10">{{ details.order.address.name }}</view> |
|
|
|
<view class="text_11">{{ details.order.address.tel }}</view> |
|
|
|
</view> |
|
|
|
<image |
|
|
|
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497780269942998.png" |
|
|
|
class="image_6" |
|
|
|
/> |
|
|
|
</view> |
|
|
|
<view class="text_12">北京北京市海淀区钻石大厦C座</view> |
|
|
|
<view class="text_12">{{ details.order.address.area_name }}{{ details.order.address.desc }}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="section_3 flex-col"> |
|
|
|
@ -51,13 +51,13 @@ |
|
|
|
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497775960694116.png" |
|
|
|
class="image_10" |
|
|
|
/> |
|
|
|
<text class="text_13">收货确认,您的包裹已收到,请耐心等待</text> |
|
|
|
<text class="text_13">{{ details.logs && details.logs[0].title }}</text> |
|
|
|
<image |
|
|
|
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497780327296781.png" |
|
|
|
class="image_6 image_11" |
|
|
|
/> |
|
|
|
</view> |
|
|
|
<text class="text_14">2022-03-12 16:46</text> |
|
|
|
<text class="text_14">{{ details.logs && details.logs[0].created_at }}</text> |
|
|
|
</view> |
|
|
|
<view class="flex-row group_15"> |
|
|
|
<image |
|
|
|
@ -72,7 +72,7 @@ |
|
|
|
<view class="justify-between group_16" @click="$url('/packages/sonpingDetail/ratingTrajectory?id='+ id)"> |
|
|
|
<view class="flex-row"> |
|
|
|
<text class="text_17">寄送藏品:</text> |
|
|
|
<text class="text_18">{{ details.order.express_type }}{{ details.order.express_numb }}</text> |
|
|
|
<text class="text_18">{{ details.order.express_type }} {{ details.order.express_numb }}</text> |
|
|
|
</view> |
|
|
|
<image |
|
|
|
src="https://codefun-proj-user-res-1256085488.cos.ap-guangzhou.myqcloud.com/62677e395a7e3f03107ffc5f/62677e4a35a7e10011e93a80/16509497780290849398.png" |
|
|
|
@ -81,7 +81,7 @@ |
|
|
|
</view> |
|
|
|
<view class="flex-row group_18"> |
|
|
|
<text class="text_19">送评公司:</text> |
|
|
|
<text class="text_20">{{ details.order.express_type }}</text> |
|
|
|
<text class="text_20">北京评分卡部</text> |
|
|
|
</view> |
|
|
|
<view class="flex-row group_19"> |
|
|
|
<text class="text_21">送评人:</text> |
|
|
|
@ -97,7 +97,7 @@ |
|
|
|
</view> |
|
|
|
<view class="flex-row group_22"> |
|
|
|
<text class="text_27">保价:</text> |
|
|
|
<text class="text_28">¥????</text> |
|
|
|
<text class="text_28">暂无</text> |
|
|
|
</view> |
|
|
|
<view class="flex-col group_23"> |
|
|
|
<view class="flex-col"> |
|
|
|
@ -117,8 +117,11 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="flex-col group_26"> |
|
|
|
<view class="flex-col items-center text-wrapper" @click="$url('/packages/address/address?is_select=1')"> |
|
|
|
<view class="flex-col items-center text-wrapper" @click="$url('/packages/address/address?is_select=1')" v-if="details.order.status == 2"> |
|
|
|
<text>更改地址</text> |
|
|
|
</view> |
|
|
|
<view class="flex-col items-center text-wrapper text-wrapper-1" @click="orderConfirm" v-else-if="details.order.status == 4"> |
|
|
|
<text>确认收货</text> |
|
|
|
</view> |
|
|
|
<view class="section_5"> </view> |
|
|
|
</view> |
|
|
|
@ -130,6 +133,7 @@ |
|
|
|
|
|
|
|
<script> |
|
|
|
import { gradingDetail } from '@/service/grading.js' |
|
|
|
import { confirmOrder, changOrderAddress } from '@/service/order.js'; |
|
|
|
|
|
|
|
export default { |
|
|
|
data() { |
|
|
|
@ -141,13 +145,13 @@ |
|
|
|
}, |
|
|
|
watch: { |
|
|
|
address(){ |
|
|
|
console.log("监听到改变,调取接口。。。。"); |
|
|
|
this.changOrderAddress(); |
|
|
|
} |
|
|
|
}, |
|
|
|
computed: { |
|
|
|
showImages(){ |
|
|
|
if(this.details.order && this.details.order.images){ |
|
|
|
return this.details.order.images.split(','); |
|
|
|
return String(this.details.order.images).split(','); |
|
|
|
}else{ |
|
|
|
return [] |
|
|
|
} |
|
|
|
@ -168,6 +172,18 @@ |
|
|
|
urls: this.showImages, |
|
|
|
current: current |
|
|
|
}) |
|
|
|
}, |
|
|
|
// 确认收货 |
|
|
|
async orderConfirm(){ |
|
|
|
await confirmOrder(this.details.order.order_id); |
|
|
|
this.$msg('确认收货成功'); |
|
|
|
this.getGradingDetail(); |
|
|
|
}, |
|
|
|
// 更换收货地址 |
|
|
|
async changOrderAddress(){ |
|
|
|
await changOrderAddress({order_id: this.details.order.order_id, addr_id: this.address.id}); |
|
|
|
this.$msg('地址修改成功'); |
|
|
|
this.getGradingDetail(); |
|
|
|
} |
|
|
|
} |
|
|
|
}; |
|
|
|
@ -215,7 +231,7 @@ |
|
|
|
} |
|
|
|
.text_4 { |
|
|
|
margin-left: 40rpx; |
|
|
|
color: rgb(172, 205, 35); |
|
|
|
/* color: rgb(172, 205, 35); */ |
|
|
|
font-size: 32rpx; |
|
|
|
font-weight: 500; |
|
|
|
line-height: 44rpx; |
|
|
|
@ -469,6 +485,10 @@ |
|
|
|
width: 160rpx; |
|
|
|
border: solid 2rpx rgb(153, 153, 153); |
|
|
|
} |
|
|
|
.text-wrapper-1{ |
|
|
|
border-color: #E7A23F; |
|
|
|
color: #E7A23F; |
|
|
|
} |
|
|
|
.section_5 { |
|
|
|
margin-top: 40rpx; |
|
|
|
align-self: center; |
|
|
|
|