o_detail.wxml 4.8 KB
<nav>
	<view class="black-font font32r font-siny">订单详情</view>
</nav>
<view class="cut"></view>
<view class="send-info bg-white detail-block">
	<view class="black-font font30r order-seller-name flex-ll">订单信息</view>
	<view class="order-me-line bg-line-gray"></view>
	<view style="padding: 10rpx 0;">
		<view class="flex-lr send-info-single font28r" style="align-items: flex-start">
			<view class="gray-font">订单状态</view>
			<view class="green-font font-bold font32r">
				<block wx:if="{{order.status==0}}">待支付</block>
				<block wx:if="{{order.status==1}}">已下单</block>
				<block wx:if="{{order.status==2}}">配送中</block>
				<block wx:if="{{order.status==3}}">已完成</block>
				<block wx:if="{{order.status==4}}">已退款</block>
			</view>
		</view>
		<view class="flex-lr send-info-single font28r" style="align-items: flex-start" wx:if="{{order.remark && order.remark!=''}}">
			<view class="gray-font">备注</view>
			<view class="black-font">{{order.remark}}</view>
		</view>
	</view>
	
</view>
<view class="cut"></view>
<view class="send-info bg-white detail-block">
	<view class="black-font font30r order-seller-name flex-ll">支付信息</view>
	<view class="order-me-line bg-line-gray"></view>
	<view style="padding: 10rpx 0;">
		<view class="flex-lr send-info-single font28r" style="align-items: flex-start">
			<view class="gray-font">下单时间</view>
			<view class="black-font">{{order.cdate}}</view>
		</view>
		<view class="flex-lr send-info-single font28r" style="align-items: flex-start">
			<view class="gray-font">支付金额</view>
			<view class="black-font">¥{{order.price}}</view>
		</view>
	</view>
	
</view>
<view class="cut"></view>
<view class="bg-white order-main detail-block">
	<view class="black-font font30r order-seller-name flex-lr">菜品信息</view>
	<view class="order-me-line bg-line-gray"></view>
	<view class="order-food">
		<block wx:for="{{cartlist}}">
			<view class="order-food-single flex-lr smooth" style="align-items: flex-start;">
				<view class="flex-ll">
					<image class="food-image bg-gray" src="{{item.cookimage ? item.cookimage : ''}}" mode="aspectFill"></image>
					<view class="">
						<view class="black-font font32r font-bold">{{item.cookname}}</view>
						<view class="gray-font font28r" wx:if="{{item.spec_name || item.practice_name}}">{{item.spec_name ? item.spec_name : ''}}{{item.practice_name && item.spec_name ? ',' : ''}}{{item.practice_name ? item.practice_name : ''}}</view>
						<view class="gray-font font28r">x {{item.count}}</view>
					</view>
				</view>
				<view class="">
					<view class="black-font font24r">¥<text class="font36r font-bold">{{item.member_price && item.member_price>0 ? item.member_price : item.price}}</text></view>
					<view class="gray-light-font font24r" style="text-align: right;" wx:if="{{item.member_price && item.member_price>0}}">¥<text class="font28r">{{item.price}}</text></view>
				</view>
			</view>
		</block>
	</view>
	<!-- <view class="order-me-line bg-line-gray"></view>
	<view class="order-price flex-rr">
		<view class="black-font font30r flex-ll">小计<text class="font36r" style="margin-left: 10rpx;">¥</text><text class="font-bold font44r">{{totalprice}}</text></view>
	</view> -->
</view>
<view class="cut"></view>
<view class="send-info bg-white detail-block">
	<view class="black-font font30r order-seller-name flex-ll">配送信息</view>
	<view class="order-me-line bg-line-gray"></view>
	<view style="padding: 10rpx 0;">
		<view class="flex-lr send-info-single font28r" style="align-items: flex-start">
			<view class="gray-font">送达时间</view>
			<view class="black-font">{{order.showsendtime}}</view>
		</view>
		<view class="flex-lr send-info-single font28r" style="align-items: flex-start">
			<view class="gray-font">收货地址</view>
			<view class="flex-vr" style="align-items: flex-end;width: 440rpx;">
				<view class="black-font">{{order.uname}}{{order.sex==1 ? '先生' : '女士'}} {{order.phone}}</view>
				<view class="black-font flex-rr" style="text-align: right;">{{order.address}}{{order.address_detail ? order.address_detail : ''}}</view>
			</view>
			
		</view>
	</view>
	
</view>
<view style="height:{{order.status!=4 && order.status!=0 ? 140 : 40}}rpx"></view>
<block wx:if="{{order.status!=4 && order.status!=0}}">
	<view class="order-seller-button flex-lr bg-white">
		<view class="item-button flex-cc green-font font32r smooth back-button" style="width:{{order.status==3 ? '100' : '50'}}%" bindtap="refund">退款</view>
		<block wx:if="{{order.status==1}}">
			<view class="item-button flex-cc white-font font32r smooth bg-green" bindtap="setorder" data-status="2">开始配送</view>
		</block>
		<block wx:if="{{order.status==2}}">
			<view class="item-button flex-cc white-font font32r smooth bg-green" bindtap="setorder" data-status="3">配送完成</view>
		</block>
	</view>
</block>