|
|
|
@ -1,5 +1,5 @@ |
|
|
|
|
<template> |
|
|
|
|
<view> |
|
|
|
|
<view style="padding-bottom: 160rpx;"> |
|
|
|
|
<view class="park-navbar"> |
|
|
|
|
<u-navbar title="确认订单" :border-bottom="false" :background="background"></u-navbar> |
|
|
|
|
</view> |
|
|
|
@ -8,12 +8,23 @@ |
|
|
|
|
<!-- 订单状态 --> |
|
|
|
|
<view class="order-status"> |
|
|
|
|
<view class="status"> |
|
|
|
|
<image :src="$picUrl+'/static/news3/time.png'" mode="widthFix"></image> |
|
|
|
|
<!-- 待支付 --> |
|
|
|
|
<image src="/static/order/status/wait_pay.png" mode="widthFix" |
|
|
|
|
v-if="orderInfo.order_status == 10&&orderInfo.delivery_status==10"></image> |
|
|
|
|
<!-- 待发货 --> |
|
|
|
|
<image src="/static/order/status/wait_deliver.png" mode="widthFix" |
|
|
|
|
v-else-if="orderInfo.order_status == 10 &&orderInfo.delivery_status==30"></image> |
|
|
|
|
<!-- 待收货 --> |
|
|
|
|
<image src="/static/order/status/wait_receipt.png" mode="widthFix" |
|
|
|
|
v-else-if="orderInfo.order_status == 10 &&orderInfo.delivery_status==20 && orderInfo.receipt_status==10"> |
|
|
|
|
</image> |
|
|
|
|
<!-- 已 --> |
|
|
|
|
<image src="/static/order/status/received.png" mode="widthFix" v-else></image> |
|
|
|
|
<text>{{orderInfo.state_text}}</text> |
|
|
|
|
</view> |
|
|
|
|
<view class="reason" |
|
|
|
|
v-if="(!orderInfo.order_refund_id&&orderInfo.order_status==10&&orderInfo.pay_status==10)||(!orderInfo.order_refund_id&&orderInfo.delivery_status==20&&orderInfo.order_status==10&&orderInfo.pay_status==20 && orderInfo.receipt_status==10)"> |
|
|
|
|
<u-count-down :timestamp="timestamp"></u-count-down> |
|
|
|
|
v-if="(orderInfo.time_text>0&&!orderInfo.order_refund_id&&orderInfo.order_status==10&&orderInfo.pay_status==10)||(orderInfo.time_text>0&&!orderInfo.order_refund_id&&orderInfo.delivery_status==20&&orderInfo.order_status==10&&orderInfo.pay_status==20 && orderInfo.receipt_status==10)"> |
|
|
|
|
<u-count-down :timestamp="orderInfo.time_text" :show-days="false"></u-count-down> |
|
|
|
|
<text style="color:#666666">后 |
|
|
|
|
<text |
|
|
|
|
v-if="!orderInfo.order_refund_id&&orderInfo.order_status==10&&orderInfo.pay_status==10">自动取消</text> |
|
|
|
@ -35,7 +46,7 @@ |
|
|
|
|
<!-- 订单商品 --> |
|
|
|
|
<view class="order-goods"> |
|
|
|
|
<view class="goods-list"> |
|
|
|
|
<!-- <view class="orderInfo"> |
|
|
|
|
<!-- <view class="orderInfo"> |
|
|
|
|
<text>订单号:{{orderInfo.order_no}}</text> |
|
|
|
|
</view> --> |
|
|
|
|
<view class="list" v-for="(item,index) in orderInfo.goods" :key="index"> |
|
|
|
@ -94,7 +105,7 @@ |
|
|
|
|
<text>联系客户</text> |
|
|
|
|
</view> |
|
|
|
|
<view class="btnItem" style="border-left:1px solid #F4F4F4" |
|
|
|
|
@click="callStore(order.storeInfo.phone)"> |
|
|
|
|
@click="callStore(order.storeInfo.store_phone)"> |
|
|
|
|
<image :src="$picUrl+'/static/news3/kefu.png'" mode="widthFix"></image> |
|
|
|
|
<text>联系商家</text> |
|
|
|
|
</view> |
|
|
|
@ -106,20 +117,19 @@ |
|
|
|
|
<view class="remarkTitle">售后信息</view> |
|
|
|
|
<view class="list"> |
|
|
|
|
<view class="title">退货类型:</view> |
|
|
|
|
<view class="content">{{orderInfo.order_no}}</view> |
|
|
|
|
<view class="content">{{orderInfo.refund_type_text}}</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="list"> |
|
|
|
|
<view class="title">申请原因:</view> |
|
|
|
|
<view class="content">{{orderInfo.apply_desc}}</view> |
|
|
|
|
<view class="content">{{orderInfo.apply_desc||'-'}}</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="list"> |
|
|
|
|
<view class="list" v-if="orderInfo.refuse_desc"> |
|
|
|
|
<view class="title">申请备注:</view> |
|
|
|
|
<view class="content">{{orderInfo.order_no}}</view> |
|
|
|
|
<view class="content">{{orderInfo.refuse_desc||'-'}}</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="remarkText">申请图片</view> |
|
|
|
|
<view class="img"> |
|
|
|
|
<image :src="$picUrl+'/static/news3/filter.png'" mode=""></image> |
|
|
|
|
<image :src="$picUrl+'/static/news3/filter.png'" mode=""></image> |
|
|
|
|
<view class="remarkText" v-if="orderInfo.images.length>0">申请图片</view> |
|
|
|
|
<view class="img" v-if="orderInfo.images.length>0"> |
|
|
|
|
<image v-for="(item,index) in orderInfo.images" :src="item.image_url" mode=""></image> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<!-- 订单信息 --> |
|
|
|
@ -160,7 +170,7 @@ |
|
|
|
|
<!-- 底部按钮 --> |
|
|
|
|
<view class="footer-btn"> |
|
|
|
|
<view class="del" |
|
|
|
|
v-show="(!orderInfo.order_refund_id&&orderInfo.order_status==10&&orderInfo.pay_status==10) || (!orderInfo.order_refund_id&&orderInfo.order_status==10&&orderInfo.pay_status==20&&orderInfo.delivery_status==30)" |
|
|
|
|
v-show="!orderInfo.order_refund_id&&orderInfo.order_status==10&&orderInfo.pay_status==20&&orderInfo.delivery_status==30" |
|
|
|
|
@click="goJump('/pages/news3/updateAddr',orderInfo,0)">修改地址</view> |
|
|
|
|
<view class="btn" |
|
|
|
|
v-show="!orderInfo.order_refund_id&&orderInfo.order_status==10&&orderInfo.pay_status==10" |
|
|
|
@ -181,13 +191,13 @@ |
|
|
|
|
<u-popup v-model=" afterSale" width="80%" border-radius="10" :closeable="true" mode="center"> |
|
|
|
|
<view class="afterSales"> |
|
|
|
|
<view class="filterTitle"> |
|
|
|
|
{{audit_status==20?'拒绝':'同意'}} |
|
|
|
|
{{audit_status==20?'拒绝':'同意'}}转移至售后 |
|
|
|
|
</view> |
|
|
|
|
<view class="filterItem c"> |
|
|
|
|
<view class="itemTitle"> |
|
|
|
|
<!-- <view class="itemTitle"> |
|
|
|
|
上传照片 <text style="color:#FF5042">*</text><text>最多可传5张图片</text> |
|
|
|
|
</view> |
|
|
|
|
<u-upload :action="action" :header="header" @on-uploaded="refundSuccess" @on-remove="refundRemove" |
|
|
|
|
</view> --> |
|
|
|
|
<!-- <u-upload :action="action" :header="header" @on-uploaded="refundSuccess" @on-remove="refundRemove" |
|
|
|
|
width="180" height="180" :file-list="transferList" :custom-btn="true" max-count="5"> |
|
|
|
|
<template v-slot:addBtn> |
|
|
|
|
<view class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150"> |
|
|
|
@ -195,7 +205,7 @@ |
|
|
|
|
<view class="1">上传图片</view> |
|
|
|
|
</view> |
|
|
|
|
</template> |
|
|
|
|
</u-upload> |
|
|
|
|
</u-upload> --> |
|
|
|
|
<view class="filterItemContent"> |
|
|
|
|
<view class="itemTitle"> |
|
|
|
|
审核备注 |
|
|
|
@ -339,14 +349,15 @@ |
|
|
|
|
page { |
|
|
|
|
background-color: #F7F8FA; |
|
|
|
|
min-height: 100%; |
|
|
|
|
padding-bottom: 140upx; |
|
|
|
|
padding-bottom: 140rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.orderInfo { |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
margin-bottom: 10rpx; |
|
|
|
|
margin-bottom: 120rpx; |
|
|
|
|
|
|
|
|
|
text { |
|
|
|
|
font-size: 28upx; |
|
|
|
|
color: #707070; |
|
|
|
@ -367,7 +378,7 @@ |
|
|
|
|
position: relative; |
|
|
|
|
z-index: 2; |
|
|
|
|
margin: 0upx 26upx; |
|
|
|
|
padding-top: 30upx; |
|
|
|
|
padding-top: 20upx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.navBarContent { |
|
|
|
@ -398,7 +409,7 @@ |
|
|
|
|
.order-status { |
|
|
|
|
width: 100%; |
|
|
|
|
margin: 0 12rpx 40rpx 12rpx; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.status { |
|
|
|
|
display: flex; |
|
|
|
|
align-items: center; |
|
|
|
@ -406,8 +417,8 @@ |
|
|
|
|
width: 100%; |
|
|
|
|
|
|
|
|
|
image { |
|
|
|
|
width: 54upx; |
|
|
|
|
height: auto; |
|
|
|
|
width: 89upx; |
|
|
|
|
height: 89upx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
text { |
|
|
|
|