|
@@ -1,6 +1,7 @@
|
|
|
<template>
|
|
|
<v-header backgroundColor="#fff" title="订单详情"
|
|
|
async
|
|
|
+ ref="header"
|
|
|
@fetch="fetch"
|
|
|
>
|
|
|
<view class="screen_all flex">
|
|
@@ -20,10 +21,10 @@
|
|
|
</view>
|
|
|
<view class="flex-all-1 overflow">
|
|
|
<view class="row aCenter">
|
|
|
- <view class="order-address-name line-1">收货人</view>
|
|
|
- <view>12345678910</view>
|
|
|
+ <view class="order-address-name line-1">{{item.addressInfo.name}}</view>
|
|
|
+ <view>{{item.addressInfo.mobile}}</view>
|
|
|
</view>
|
|
|
- <view class="line-1 order-address-info">山东省 临沂市 河东区 临沂市开发区管委会</view>
|
|
|
+ <view class="line-1 order-address-info">{{item.addressInfo.province_name ||''}}{{item.addressInfo.city_name||''}}{{item.addressInfo.area_name||''}}{{item.addressInfo.address||''}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 物流信息 -->
|
|
@@ -48,7 +49,7 @@
|
|
|
>
|
|
|
<view class="circular-line-target"></view>
|
|
|
<view v-if="index <= statusSpeed && statusSpeed>0" class="absolute jCenter circular-line-active"
|
|
|
- :style="{'right':index===statusSpeed?'50%':'0' }"
|
|
|
+ :style="{'right':index===statusSpeed && statusSpeed !== 3?'50%':'0' }"
|
|
|
>
|
|
|
<view></view>
|
|
|
</view>
|
|
@@ -59,48 +60,67 @@
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 商品 -->
|
|
|
- <view class="order-modal order-shop">
|
|
|
+ <view class="order-modal order-shop" >
|
|
|
<view class="row aCenter order-title-model row aCenter">
|
|
|
<image src="/static/images/shop.png" class="order-shop-icon"></image>
|
|
|
- <view class="line-1 order-title-container">镇江鑫天鸿粮油店</view>
|
|
|
+ <view class="line-1 order-title-container">{{config.name}}</view>
|
|
|
<text class="iconfont iconfont-more order-more"></text>
|
|
|
</view>
|
|
|
- <layout-ui-shop-item number></layout-ui-shop-item>
|
|
|
+ <layout-ui-shop-item number
|
|
|
+ v-for="(item,index) in item.productList"
|
|
|
+ :key="index"
|
|
|
+ :item="item"
|
|
|
+ goDetail
|
|
|
+ ></layout-ui-shop-item>
|
|
|
</view>
|
|
|
<!-- 配送计划 -->
|
|
|
- <view class="order-modal order-distribution row aCenter">
|
|
|
+ <view v-if="item.orderDelivery && item.orderDelivery.length>0" @click="triggerRouterDetail" class="order-modal order-distribution row aCenter">
|
|
|
<view class="flex-all-1 order-label">配送计划</view>
|
|
|
<text class="order-distribution-info">查看详情</text>
|
|
|
<text class="iconfont iconfont-more order-distribution-more"></text>
|
|
|
</view>
|
|
|
<!-- 费用明细 -->
|
|
|
- <view class="order-modal flex overflow order-cost">
|
|
|
+ <view class="order-modal flex overflow order-cost" >
|
|
|
<view class="order-title">费用明细</view>
|
|
|
<view class="order-cost-item row aCenter"
|
|
|
- v-for="(item,index) in costData"
|
|
|
+ v-for="(cItem,index) in costData"
|
|
|
:key="index"
|
|
|
>
|
|
|
- <view class="flex-all-1">{{item.label}}</view>
|
|
|
- <view class="order-cost-value">¥48.00</view>
|
|
|
+ <view class="flex-all-1">{{cItem.label}}</view>
|
|
|
+ <view class="order-cost-value">¥{{item.orderInfo[cItem.key] || cItem.defaultValue || ''}}</view>
|
|
|
</view>
|
|
|
<view class="order-cost-footer row aCenter jEnd flex-all-1">
|
|
|
<view>实付款:</view>
|
|
|
- <view class="order-cost-price">¥48.00</view>
|
|
|
+ <view class="order-cost-price">¥{{item.orderInfo.total_price || '0.00'}}</view>
|
|
|
</view>
|
|
|
</view>
|
|
|
<!-- 订单信息 -->
|
|
|
- <view class="order-modal flex overflow">
|
|
|
+ <view class="order-modal flex overflow" >
|
|
|
<view class="order-title">订单信息</view>
|
|
|
<view class="order-cost-item row aCenter"
|
|
|
- v-for="(item,index) in orderData"
|
|
|
+ v-for="(cItem,index) in orderData"
|
|
|
:key="index"
|
|
|
>
|
|
|
- <view class="flex-all-1">{{item.label}}</view>
|
|
|
- <view class="order-cost-value">20181111051523458</view>
|
|
|
+ <view class="flex-all-1">{{cItem.label}}</view>
|
|
|
+ <view class="order-cost-value">{{item.orderInfo[cItem.key] || ''}}</view>
|
|
|
+ </view>
|
|
|
+ </view>
|
|
|
+
|
|
|
+ <!-- 我的评价 -->
|
|
|
+ <view class="order-comment" v-if="item.orderComment">
|
|
|
+ <view class="order-comment-title">我的评价</view>
|
|
|
+ <view class="row aCenter order-comment-introduce">
|
|
|
+ <view class="order-comment-introduce-label">描述相符</view>
|
|
|
+ <v-rate type="comment"></v-rate>
|
|
|
+ </view>
|
|
|
+ <view class="order-comment-content">这是一条评价,这是一条评价,这是一条评价,这是一 条评价。</view>
|
|
|
+ <view class="order-comment-comment-group row wrap">
|
|
|
+ <v-image class="order-comment-image"></v-image>
|
|
|
</view>
|
|
|
</view>
|
|
|
|
|
|
</view>
|
|
|
+
|
|
|
</scroll-view>
|
|
|
</view>
|
|
|
<view class="order-footer order-modal row aCenter">
|
|
@@ -111,9 +131,10 @@
|
|
|
<view class="flex-all-1 overflow jEnd">
|
|
|
<layout-button-group
|
|
|
:buttonGroup="statusInfo.buttonGroup"
|
|
|
- :item="item"
|
|
|
+ :item="buttonItem"
|
|
|
size="big"
|
|
|
type="order-detail"
|
|
|
+ page="order-detail"
|
|
|
@openPayModal="openPayModal"
|
|
|
></layout-button-group>
|
|
|
</view>
|
|
@@ -129,13 +150,17 @@ import mixins from './mixins';
|
|
|
import layoutUiShopItem from '@/layout/layout-ui-shop-item/main';
|
|
|
import layoutButtonGroup from '@/layout/layout-button-group/layout-button-group';
|
|
|
import payModal from '@/components/pay-modal/pay-modal';
|
|
|
+import vRate from '@/components/uni-rate/uni-rate';
|
|
|
+import vImage from '@/components/v-image/main';
|
|
|
export default {
|
|
|
name: "order-detail",
|
|
|
components:{
|
|
|
vHeader,
|
|
|
layoutUiShopItem,
|
|
|
layoutButtonGroup,
|
|
|
- payModal
|
|
|
+ payModal,
|
|
|
+ vRate,
|
|
|
+ vImage
|
|
|
},
|
|
|
mixins
|
|
|
}
|