|
|
|
|
@ -1,7 +1,7 @@ |
|
|
|
|
<template> |
|
|
|
|
<view :style="colorStyle"> |
|
|
|
|
<view class="my-order"> |
|
|
|
|
<view class="header bg-color"> |
|
|
|
|
<!-- <view class="header bg-color"> |
|
|
|
|
<view class="picTxt acea-row row-between-wrapper"> |
|
|
|
|
<view class="text"> |
|
|
|
|
<view class="name">{{$t(`订单信息`)}}</view> |
|
|
|
|
@ -13,27 +13,31 @@ |
|
|
|
|
<image src="../static/orderTime.png"></image> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> --> |
|
|
|
|
<view class="nav acea-row row-around"> |
|
|
|
|
<view class="item" :class="orderStatus == 9 ? 'on' : ''" @click="statusClick(9)"> |
|
|
|
|
<view>{{$t(`全部`)}}</view> |
|
|
|
|
<view class="num">{{ orderData.order_count || 0 }}</view> |
|
|
|
|
<!-- <view class="num">{{ orderData.order_count || 0 }}</view> --> |
|
|
|
|
</view> |
|
|
|
|
<view class="item" :class="orderStatus == 0 ? 'on' : ''" @click="statusClick(0)"> |
|
|
|
|
<view>{{$t(`待付款`)}}</view> |
|
|
|
|
<view class="num">{{ orderData.unpaid_count || 0 }}</view> |
|
|
|
|
<view>{{$t(`待支付`)}}</view> |
|
|
|
|
<!-- <view class="num">{{ orderData.unpaid_count || 0 }}</view> --> |
|
|
|
|
</view> |
|
|
|
|
<view class="item" :class="orderStatus == 1 ? 'on' : ''" @click="statusClick(1)"> |
|
|
|
|
<view>{{$t(`待发货`)}}</view> |
|
|
|
|
<view class="num">{{ orderData.unshipped_count || 0 }}</view> |
|
|
|
|
<view>{{$t(`备货中`)}}</view> |
|
|
|
|
<!-- <view class="num">{{ orderData.unshipped_count || 0 }}</view> --> |
|
|
|
|
</view> |
|
|
|
|
<view class="item" :class="orderStatus == 6 ? 'on' : ''" @click="statusClick(6)"> |
|
|
|
|
<view>{{$t(`待付尾款`)}}</view> |
|
|
|
|
<!-- <view class="num">{{ orderData.unshipped_count || 0 }}</view> --> |
|
|
|
|
</view> |
|
|
|
|
<view class="item" :class="orderStatus == 2 ? 'on' : ''" @click="statusClick(2)"> |
|
|
|
|
<view>{{$t(`待收货`)}}</view> |
|
|
|
|
<view class="num ">{{ orderData.received_count || 0 }}</view> |
|
|
|
|
<view>{{$t(`运输中`)}}</view> |
|
|
|
|
<!-- <view class="num ">{{ orderData.received_count || 0 }}</view> --> |
|
|
|
|
</view> |
|
|
|
|
<view class="item" :class="orderStatus == 3 ? 'on' : ''" @click="statusClick(3)"> |
|
|
|
|
<view>{{$t(`待评价`)}}</view> |
|
|
|
|
<view class="num">{{ orderData.evaluated_count || 0 }}</view> |
|
|
|
|
<view>{{$t(`已完成`)}}</view> |
|
|
|
|
<!-- <view class="num">{{ orderData.evaluated_count || 0 }}</view> --> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
</view> |
|
|
|
|
@ -53,19 +57,20 @@ |
|
|
|
|
<view>{{ item._add_time }}</view> |
|
|
|
|
</view> |
|
|
|
|
<view v-if="item._status._type == 9" class="font-color">{{$t(`线下付款,未支付`)}}</view> |
|
|
|
|
<view v-else-if="item._status._type == 0" class="font-color">{{$t(`待付款`)}}</view> |
|
|
|
|
<view v-if="item._status._type == 6" class="font-color">{{$t(`待付尾款`)}}</view> |
|
|
|
|
<view v-else-if="item._status._type == 0" class="font-color">{{$t(`待支付`)}}</view> |
|
|
|
|
<view v-else-if="item._status._type == 1 && item.shipping_type == 1" class="font-color"> |
|
|
|
|
{{$t(`待发货`)}} |
|
|
|
|
{{$t(`备货中`)}} |
|
|
|
|
<text v-if="item.refund.length">，{{item.is_all_refund?$t(`退款中`):$t(`部分退款中`)}}</text> |
|
|
|
|
</view> |
|
|
|
|
<view v-else-if="item._status._type == 1 && item.shipping_type == 2" class="font-color"> |
|
|
|
|
{{$t(`待核销`)}} |
|
|
|
|
<text v-if="item.refund.length">，{{item.is_all_refund?$t(`退款中`):$t(`部分退款中`)}}</text> |
|
|
|
|
</view> |
|
|
|
|
<view v-else-if="item._status._type == 2" class="font-color">{{$t(`待收货`)}} |
|
|
|
|
<view v-else-if="item._status._type == 2" class="font-color">{{$t(`运输中`)}} |
|
|
|
|
<text v-if="item.refund.length">，{{item.is_all_refund?$t(`退款中`):$t(`部分退款中`)}}</text> |
|
|
|
|
</view> |
|
|
|
|
<view v-else-if="item._status._type == 3" class="font-color">{{$t(`待评价`)}} |
|
|
|
|
<view v-else-if="item._status._type == 3" class="font-color">{{$t(`已完成`)}} |
|
|
|
|
<text v-if="item.refund.length">，{{item.is_all_refund?$t(`退款中`):$t(`部分退款中`)}}</text> |
|
|
|
|
</view> |
|
|
|
|
<view v-else-if="item._status._type == 4" class="font-color">{{$t(`已完成`)}} |
|
|
|
|
@ -85,14 +90,19 @@ |
|
|
|
|
<easy-loadimage mode="widthFix" :image-src="items.productInfo.image"></easy-loadimage> |
|
|
|
|
<!-- <image :src="items.productInfo.image"></image> --> |
|
|
|
|
</view> |
|
|
|
|
<view class="text row-between"> |
|
|
|
|
<view class="text"> |
|
|
|
|
<text class="name line2">{{ items.productInfo.store_name }}</text> |
|
|
|
|
<view class="money"> |
|
|
|
|
<view v-if="items.productInfo.attrInfo"> |
|
|
|
|
{{$t(`￥`)}}{{ items.productInfo.attrInfo.price }} |
|
|
|
|
<view v-if="items.productInfo.attrInfo" style="display: flex;justify-content: space-between;width: 100%;"> |
|
|
|
|
<text style="font-size: 26rpx;color: #E48A4F;">{{$t(`￥`)}}{{ items.productInfo.attrInfo.price }}</text> |
|
|
|
|
<view style="font-size: 30rpx;color: #333333;">x{{ items.cart_num }}</view> |
|
|
|
|
</view> |
|
|
|
|
<view v-else style="display: flex;justify-content: space-between;width: 100%;"> |
|
|
|
|
<text style="font-size: 26rpx;color: #E48A4F;">{{$t(`￥`)}}{{ items.productInfo.price }}</text> |
|
|
|
|
|
|
|
|
|
<view style="font-size: 30rpx;color: #333333;">x{{ items.cart_num }}</view> |
|
|
|
|
</view> |
|
|
|
|
<view v-else>{{$t(`￥`)}}{{ items.productInfo.price }}</view> |
|
|
|
|
<view>x{{ items.cart_num }}</view> |
|
|
|
|
|
|
|
|
|
<view v-if="items.refund_num && item._status._type != -2" class="return"> |
|
|
|
|
{{ items.refund_num }}{{$t(`件退款中`)}} |
|
|
|
|
</view> |
|
|
|
|
@ -100,15 +110,18 @@ |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="totalPrice"> |
|
|
|
|
{{$t(`共`)}}{{ item.total_num || 0 }}{{$t(`件商品，总金额`)}} |
|
|
|
|
<text class="money">{{$t(`￥`)}}{{ item.pay_price }}</text> |
|
|
|
|
<text style="font-size: 24rpx;color: #999999;">总计：<text style="color: #333333;">¥{{item.total_price}}</text></text> |
|
|
|
|
<text style="font-size: 24rpx;color: #999999;margin:0 30rpx;">本次支付：<text style="color: #E4884E;">¥{{item.pay_price}}</text></text> |
|
|
|
|
<text style="color: #A8D178;font-size: 24rpx;">{{item.percentage}}定金</text> |
|
|
|
|
<!-- {{$t(`共`)}}{{ item.total_num || 0 }}{{$t(`件商品，总金额`)}} |
|
|
|
|
<text class="money">{{$t(`￥`)}}{{ item.pay_price }}</text> --> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<view class="bottom acea-row row-right row-middle"> |
|
|
|
|
<view class="bnt cancelBnt" v-if="item._status._type == 0 || item._status._type == 9" |
|
|
|
|
@click="cancelOrder(index, item.order_id)">{{$t(`取消订单`)}}</view> |
|
|
|
|
<view class="bnt bg-color" v-if="item._status._type == 0" |
|
|
|
|
@click="goPay(item.pay_price, item.order_id)">{{$t(`立即付款`)}}</view> |
|
|
|
|
@click="goPay(item.pay_price, item.order_id)">{{$t(`支付定金`)}}</view> |
|
|
|
|
<!-- <view class="bnt bg-color" v-else-if="item._status._type == 3" |
|
|
|
|
@click="goOrderDetails(item.order_id)">去评价</view> --> |
|
|
|
|
<!-- <view class="bnt bg-color" |
|
|
|
|
@ -133,6 +146,7 @@ |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
<zmm-watermark></zmm-watermark> |
|
|
|
|
<!-- #ifndef MP --> |
|
|
|
|
<home></home> |
|
|
|
|
<!-- #endif --> |
|
|
|
|
@ -462,20 +476,20 @@ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.my-order .nav { |
|
|
|
|
background-color: #fff; |
|
|
|
|
width: 690rpx; |
|
|
|
|
height: 140rpx; |
|
|
|
|
// background-color: #fff; |
|
|
|
|
width: 100%; |
|
|
|
|
// height: 140rpx; |
|
|
|
|
border-radius: 6rpx; |
|
|
|
|
margin: -73rpx auto 0 auto; |
|
|
|
|
margin: 0rpx auto 0 auto; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.my-order .nav .item { |
|
|
|
|
text-align: center; |
|
|
|
|
font-size: 26rpx; |
|
|
|
|
font-size: 30rpx; |
|
|
|
|
color: #282828; |
|
|
|
|
width: 3rem; |
|
|
|
|
// width: 3rem; |
|
|
|
|
padding: 27rpx 0; |
|
|
|
|
border-bottom: 5rpx solid transparent; |
|
|
|
|
border-bottom: 8rpx solid transparent; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.my-order .nav .item.on { |
|
|
|
|
@ -501,6 +515,7 @@ |
|
|
|
|
background-color: #fff; |
|
|
|
|
border-radius: 6rpx; |
|
|
|
|
margin-bottom: 14rpx; |
|
|
|
|
border-radius: 20rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.my-order .list .item .title { |
|
|
|
|
@ -524,17 +539,17 @@ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.my-order .list .item .item-info .pictrue { |
|
|
|
|
width: 120rpx; |
|
|
|
|
height: 120rpx; |
|
|
|
|
width: 160rpx; |
|
|
|
|
height: 160rpx; |
|
|
|
|
|
|
|
|
|
/deep/, |
|
|
|
|
/deep/image, |
|
|
|
|
/deep/.easy-loadimage, |
|
|
|
|
/deep/uni-image { |
|
|
|
|
|
|
|
|
|
width: 120rpx; |
|
|
|
|
height: 120rpx; |
|
|
|
|
border-radius: 6rpx; |
|
|
|
|
width: 160rpx; |
|
|
|
|
height: 160rpx; |
|
|
|
|
border-radius: 20rpx; |
|
|
|
|
} |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
@ -545,29 +560,36 @@ |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.my-order .list .item .item-info .text { |
|
|
|
|
width: 486rpx; |
|
|
|
|
// width: 486rpx; |
|
|
|
|
font-size: 28rpx; |
|
|
|
|
color: #999; |
|
|
|
|
margin-top: 6rpx; |
|
|
|
|
display: flex; |
|
|
|
|
// display: flex; |
|
|
|
|
line-height: 39rpx; |
|
|
|
|
flex: 1; |
|
|
|
|
margin-left: 20rpx; |
|
|
|
|
|
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.my-order .list .item .item-info .text .name { |
|
|
|
|
width: 306rpx; |
|
|
|
|
color: #282828; |
|
|
|
|
height: 78rpx; |
|
|
|
|
// height: 78rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.my-order .list .item .item-info .text .money { |
|
|
|
|
text-align: right; |
|
|
|
|
// text-align: right; |
|
|
|
|
display: flex; |
|
|
|
|
justify-content: space-between; |
|
|
|
|
width: 100%; |
|
|
|
|
flex: 1; |
|
|
|
|
margin-top:30rpx; |
|
|
|
|
} |
|
|
|
|
|
|
|
|
|
.my-order .list .item .totalPrice { |
|
|
|
|
font-size: 26rpx; |
|
|
|
|
color: #282828; |
|
|
|
|
text-align: right; |
|
|
|
|
// text-align: right; |
|
|
|
|
margin: 27rpx 0 0 30rpx; |
|
|
|
|
padding: 0 30rpx 30rpx 0; |
|
|
|
|
border-bottom: 1rpx solid #eee; |
|
|
|
|
|
liudan
4 months ago