|
@@ -1,7 +1,7 @@
|
|
<template>
|
|
<template>
|
|
<view class="order-detail">
|
|
<view class="order-detail">
|
|
<view class="order-top sticky-top">
|
|
<view class="order-top sticky-top">
|
|
- <view class="order-status">{{ stateExpFormat(orderInfo.status) }}</view>
|
|
|
|
|
|
+ <view class="order-status" v-if="shopOrderList.length > 0">{{ stateExpFormat(shopOrderList[0].shopStatus) }}</view>
|
|
<!-- 收货地址 -->
|
|
<!-- 收货地址 -->
|
|
<order-choose-address :addressInfo="userInfo" :disabled="true"></order-choose-address>
|
|
<order-choose-address :addressInfo="userInfo" :disabled="true"></order-choose-address>
|
|
</view>
|
|
</view>
|
|
@@ -9,45 +9,53 @@
|
|
<view class="return-instructions" v-if="returnGoodsStutas" v-html="helpContent"></view>
|
|
<view class="return-instructions" v-if="returnGoodsStutas" v-html="helpContent"></view>
|
|
<!-- 订单商品列表-->
|
|
<!-- 订单商品列表-->
|
|
<view class="shop-list">
|
|
<view class="shop-list">
|
|
- <view class="shop-section" v-for="shopInfo in shopOrderList" :key="shopInfo.shopId">
|
|
|
|
|
|
+ <view class="shop-section" v-for="shopInfo in orderInfo.shopOrderList" :key="shopInfo.shopId">
|
|
<order-supplier-area :shopInfo="shopInfo"></order-supplier-area>
|
|
<order-supplier-area :shopInfo="shopInfo"></order-supplier-area>
|
|
- <tui-divider :height="48"></tui-divider>
|
|
|
|
|
|
+ <!-- <tui-divider :height="48"></tui-divider> -->
|
|
<!-- 商品统计 -->
|
|
<!-- 商品统计 -->
|
|
- <!-- <view class="total">
|
|
|
|
|
|
+<!-- <view class="total">
|
|
<view class="count">共{{ shopInfo.itemCount }}件商品</view>
|
|
<view class="count">共{{ shopInfo.itemCount }}件商品</view>
|
|
<view class="price">
|
|
<view class="price">
|
|
<text class="label">商品总额:</text>
|
|
<text class="label">商品总额:</text>
|
|
<text>¥{{ shopInfo.totalAmount | priceFormat }}</text>
|
|
<text>¥{{ shopInfo.totalAmount | priceFormat }}</text>
|
|
</view>
|
|
</view>
|
|
</view> -->
|
|
</view> -->
|
|
- <view class="remark">
|
|
|
|
- <text class="label">留言:</text>
|
|
|
|
|
|
+ <view class="remark" v-if="shopInfo.note">
|
|
|
|
+ <text class="label" style="color: #999999;">留言:</text>
|
|
<text class="content">{{ shopInfo.note }}</text>
|
|
<text class="content">{{ shopInfo.note }}</text>
|
|
</view>
|
|
</view>
|
|
<tui-divider :height="48"></tui-divider>
|
|
<tui-divider :height="48"></tui-divider>
|
|
<view class="description">
|
|
<view class="description">
|
|
|
|
+ <view class="row">
|
|
|
|
+ <text class="label">商品总额:</text>
|
|
|
|
+ <text class="content active">¥{{ shopInfo.needPayAmount | priceFormat }}</text>
|
|
|
|
+ </view>
|
|
<view class="collapse-content" v-if="isCollapse">
|
|
<view class="collapse-content" v-if="isCollapse">
|
|
<view class="row">
|
|
<view class="row">
|
|
- <text class="label">商品总额:</text>
|
|
|
|
- <text class="content">¥{{ shopInfo.needPayAmount | priceFormat }}</text>
|
|
|
|
|
|
+ <text class="label">运费:</text>
|
|
|
|
+ <text class="content">包邮</text>
|
|
</view>
|
|
</view>
|
|
<view class="row">
|
|
<view class="row">
|
|
|
|
+ <text class="label">订单总额:</text>
|
|
|
|
+ <text class="content">¥{{ shopInfo.realPay | priceFormat }}</text>
|
|
|
|
+ </view>
|
|
|
|
+ <!-- <view class="row">
|
|
<text class="label">优惠:</text>
|
|
<text class="label">优惠:</text>
|
|
<text class="content">¥{{ shopInfo.eachDiscount | priceFormat }}</text>
|
|
<text class="content">¥{{ shopInfo.eachDiscount | priceFormat }}</text>
|
|
</view>
|
|
</view>
|
|
<view class="row">
|
|
<view class="row">
|
|
<text class="label">应付金额:</text>
|
|
<text class="label">应付金额:</text>
|
|
<text class="content">¥{{ shopInfo.realPay | priceFormat }}</text>
|
|
<text class="content">¥{{ shopInfo.realPay | priceFormat }}</text>
|
|
- </view>
|
|
|
|
|
|
+ </view> -->
|
|
<view class="row">
|
|
<view class="row">
|
|
<text class="label">已付金额:</text>
|
|
<text class="label">已付金额:</text>
|
|
<text class="content">¥{{ shopInfo.receiptAmount | priceFormat }}</text>
|
|
<text class="content">¥{{ shopInfo.receiptAmount | priceFormat }}</text>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
- <view class="row">
|
|
|
|
|
|
+ <!-- <view class="row">
|
|
<text class="label active">待付金额:</text>
|
|
<text class="label active">待付金额:</text>
|
|
<text class="content active">¥{{ shopInfo.restAmount | priceFormat }}</text>
|
|
<text class="content active">¥{{ shopInfo.restAmount | priceFormat }}</text>
|
|
- </view>
|
|
|
|
|
|
+ </view> -->
|
|
<view class="collapse" :class="isCollapse ? 'arrowup' : 'arrowdown'" @click="onCollapse">
|
|
<view class="collapse" :class="isCollapse ? 'arrowup' : 'arrowdown'" @click="onCollapse">
|
|
{{ isCollapse ? '收起' : '展开' }}
|
|
{{ isCollapse ? '收起' : '展开' }}
|
|
</view>
|
|
</view>
|
|
@@ -55,7 +63,7 @@
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<!-- 订单详细信息 -->
|
|
<!-- 订单详细信息 -->
|
|
- <order-information :orderInfo="orderInfo"></order-information>
|
|
|
|
|
|
+ <order-information :orderInfo="orderInfo" :shopOrderList="shopOrderList"></order-information>
|
|
<!-- 底部操作按钮 -->
|
|
<!-- 底部操作按钮 -->
|
|
<view class="control fixed-bottom" v-if="orderInfo.userId == userId">
|
|
<view class="control fixed-bottom" v-if="orderInfo.userId == userId">
|
|
<simple-safe-view>
|
|
<simple-safe-view>
|
|
@@ -196,7 +204,7 @@ export default {
|
|
font-size: 26rpx;
|
|
font-size: 26rpx;
|
|
color: #333333;
|
|
color: #333333;
|
|
padding: 0 24rpx;
|
|
padding: 0 24rpx;
|
|
- margin: 8rpx 0;
|
|
|
|
|
|
+ margin-top: 30rpx;
|
|
}
|
|
}
|
|
.description {
|
|
.description {
|
|
overflow: hidden;
|
|
overflow: hidden;
|