|
|
|
|
@ -28,7 +28,21 @@ |
|
|
|
|
<view class="order-list" v-for="order in orderDetail.item" :key="order.id"> |
|
|
|
|
<view style="border-bottom:1px solid #eaeaea;padding: 24rpx 0;">商品信息</view> |
|
|
|
|
<view class="order-card" @tap="jump('/pages/goods/detail', { id: order.goods_id })"> |
|
|
|
|
<shopro-mini-card :title="order.goods_title" :image="order.goods_image"> |
|
|
|
|
<image class="goods_img" lazy-load fade-show :src="order.goods_image" mode="aspectFill"></u-image> |
|
|
|
|
<view class="u-m-l-20" style="width: calc(100% - 180rpx);height:159rpx;display: flex;flex-direction: column;justify-content: space-between;"> |
|
|
|
|
<view class="goods-title u-ellipsis-2">{{ order.goods_title }}</view> |
|
|
|
|
<view v-if="subtitle" class="describe-text u-m-b-10 u-ellipsis-2">{{ order.subtitle }}</view> |
|
|
|
|
<view class="order-sku u-ellipsis-1"> |
|
|
|
|
<text class="order-num">数量:{{ order.goods_num || 0 }};</text> |
|
|
|
|
{{ order.goods_sku_text ? order.goods_sku_text : '' }} |
|
|
|
|
</view> |
|
|
|
|
<view class="card-price-box u-flex"> |
|
|
|
|
<text class="order-price font-OPPOSANS">￥{{ order.goods_price || 0 }}</text> |
|
|
|
|
<!-- <button class="u-reset-button status-btn" v-if="order.status_name">{{ order.status_name }}</button> --> |
|
|
|
|
</view> |
|
|
|
|
</view> |
|
|
|
|
|
|
|
|
|
<!-- <shopro-mini-card :title="order.goods_title" :image="order.goods_image"> |
|
|
|
|
<template #describe> |
|
|
|
|
<view class="order-sku u-ellipsis-1"> |
|
|
|
|
<text class="order-num">数量:{{ order.goods_num || 0 }};</text> |
|
|
|
|
@ -37,11 +51,11 @@ |
|
|
|
|
</template> |
|
|
|
|
<template #cardBottom> |
|
|
|
|
<view class="card-price-box u-flex"> |
|
|
|
|
<text class="order-price font-OPPOSANS">￥{{ order.goods_price || 0 }}</text> |
|
|
|
|
<text class="order-price font-OPPOSANS">￥{{ order.goods_price || 0 }}</text> --> |
|
|
|
|
<!-- <button class="u-reset-button status-btn" v-if="order.status_name">{{ order.status_name }}</button> --> |
|
|
|
|
</view> |
|
|
|
|
<!-- </view> |
|
|
|
|
</template> |
|
|
|
|
</shopro-mini-card> |
|
|
|
|
</shopro-mini-card> --> |
|
|
|
|
</view> |
|
|
|
|
<!-- 配送方式 --> |
|
|
|
|
<!-- <view class="express-type-box u-flex u-row-between"> |
|
|
|
|
@ -224,7 +238,68 @@ export default { |
|
|
|
|
data() { |
|
|
|
|
return { |
|
|
|
|
time: 0, |
|
|
|
|
orderDetail: {}, |
|
|
|
|
orderDetail: { |
|
|
|
|
"id": null, |
|
|
|
|
"type": null, |
|
|
|
|
"order_sn": null, |
|
|
|
|
"user_id": null, |
|
|
|
|
"activity_type": "", |
|
|
|
|
"goods_amount": "", |
|
|
|
|
"dispatch_amount": "", |
|
|
|
|
"phone": "", |
|
|
|
|
"consignee": "", |
|
|
|
|
"community_id": null, |
|
|
|
|
"community_case_id": null, |
|
|
|
|
"community_case_num": null, |
|
|
|
|
"community_case_name": null, |
|
|
|
|
"province_name": "", |
|
|
|
|
"city_name": "", |
|
|
|
|
"area_name": "", |
|
|
|
|
"address": "", |
|
|
|
|
"province_id": null, |
|
|
|
|
"city_id": null, |
|
|
|
|
"area_id": null, |
|
|
|
|
"status": null, |
|
|
|
|
"invoice_status": "", |
|
|
|
|
"memo": null, |
|
|
|
|
"remark": "", |
|
|
|
|
"total_amount": "", |
|
|
|
|
"score_amount": null, |
|
|
|
|
"total_fee": "", |
|
|
|
|
"last_total_fee": "", |
|
|
|
|
"discount_fee": "", |
|
|
|
|
"coupon_fee": "", |
|
|
|
|
"activity_discount_money": "", |
|
|
|
|
"dispatch_discount_money": "", |
|
|
|
|
"pay_fee": "", |
|
|
|
|
"score_fee": null, |
|
|
|
|
"goods_original_amount": "", |
|
|
|
|
"coupons_id": null, |
|
|
|
|
"transaction_id": "", |
|
|
|
|
"payment_json": "", |
|
|
|
|
"pay_type": "", |
|
|
|
|
"paytime": null, |
|
|
|
|
"ext": "", |
|
|
|
|
"platform": "", |
|
|
|
|
"price_difference": "", |
|
|
|
|
"rider_order_sn": null, |
|
|
|
|
"rider_order_status": null, |
|
|
|
|
"rider_phone": null, |
|
|
|
|
"createtime": null, |
|
|
|
|
"item": [ |
|
|
|
|
|
|
|
|
|
], |
|
|
|
|
"status_code": "", |
|
|
|
|
"status_name": "", |
|
|
|
|
"status_desc": "", |
|
|
|
|
"btns": [], |
|
|
|
|
"ext_arr": { |
|
|
|
|
"buy_type": "", |
|
|
|
|
"groupon_id": null, |
|
|
|
|
"expired_time": null |
|
|
|
|
} |
|
|
|
|
}, |
|
|
|
|
itemList:[], |
|
|
|
|
orderStatus: { |
|
|
|
|
'-2': '已关闭', |
|
|
|
|
'-1': '已取消', |
|
|
|
|
@ -249,7 +324,9 @@ export default { |
|
|
|
|
}; |
|
|
|
|
}, |
|
|
|
|
onShow() { |
|
|
|
|
this.$nextTick(()=>{ |
|
|
|
|
this.getOrderDetail(); |
|
|
|
|
}) |
|
|
|
|
}, |
|
|
|
|
onLoad() {}, |
|
|
|
|
computed: { |
|
|
|
|
@ -283,7 +360,9 @@ export default { |
|
|
|
|
}).then(res => { |
|
|
|
|
console.log(res,"9999") |
|
|
|
|
if (res.code === 1) { |
|
|
|
|
that.itemList = res.data.item; |
|
|
|
|
that.orderDetail = res.data; |
|
|
|
|
that.orderDetail.item = res.data.item |
|
|
|
|
that.orderDetail.createtime = that.$u.timeFormat(res.data.createtime, 'yyyy-mm-dd hh:MM'); |
|
|
|
|
that.orderDetail.paytime = that.$u.timeFormat(res.data.paytime, 'yyyy-mm-dd hh:MM'); |
|
|
|
|
// let that = this; |
|
|
|
|
|
liudan
1 year ago