detail.wxml 7.46 KB
<nav>
	<view class="black-font font32r font-siny">订单详情</view>
</nav>
<block wx:if="{{order.status>0}}">
	<view class="cut"></view>
	<view class="detail-block order-status flex-vc">
		<block wx:if="{{order.status==1}}">
			<view class="black-font font44r font-bold" style="margin-bottom: 10rpx;">支付成功</view>
			<view class="gray-deep-font font28r" style="margin-bottom: 30rpx;">等待商家制作中</view>
			<view class="flex-cc font30r">
				<block wx:if="{{telist.length>1}}">
					<view class="order-info-button black-font gray-light-border flex-cc" style="margin-right: 40rpx;" bindtap="showtel">退款</view>
				</block>
				<block wx:else>
					<tel phoneNumber="{{seller.selle_tel ? telist[0] : seller.phone}}"><view class="order-info-button black-font gray-light-border flex-cc" style="margin-right: 40rpx;">退款</view></tel>
				</block>
				<navigator class="order-info-button red-pink-font pink-border flex-cc" url="./menu?id={{order.sellerid}}" open-type="reLaunch">再来一单</navigator>
			</view>
		</block>
		<!-- <block wx:if="{{order.status==1}}">
			<view class="black-font font44r font-bold" style="margin-bottom: 10rpx;">正在制作</view>
			<view class="gray-deep-font font28r" style="margin-bottom: 30rpx;">大厨已经开始制作您的菜品了</view>
			<view class="flex-cc font30r">
				<view class="order-info-button black-font gray-light-border flex-cc" style="margin-right: 40rpx;">退款</view>
				<view class="order-info-button red-pink-font pink-border flex-cc">再来一单</view>
			</view>
		</block> -->
		<block wx:if="{{order.status==2}}">
			<view class="black-font font44r font-bold" style="margin-bottom: 10rpx;">正在配送</view>
			<view class="gray-deep-font font28r" style="margin-bottom: 30rpx;">配送员开始配送了,美味马上就到</view>
			<view class="flex-cc font30r">
				<block wx:if="{{telist.length>1}}">
					<view class="order-info-button black-font gray-light-border flex-cc" style="margin-right: 40rpx;" bindtap="showtel">退款</view>
				</block>
				<block wx:else>
					<tel phoneNumber="{{seller.selle_tel ? telist[0] : seller.phone}}"><view class="order-info-button black-font gray-light-border flex-cc" style="margin-right: 40rpx;">退款</view></tel>
				</block>
				<navigator class="order-info-button red-pink-font pink-border flex-cc" url="./menu?id={{order.sellerid}}" open-type="reLaunch">再来一单</navigator>
			</view>
		</block>
		<block wx:if="{{order.status==3}}">
			<view class="black-font font44r font-bold" style="margin-bottom: 10rpx;">订单完成</view>
			<view class="gray-deep-font font28r" style="margin-bottom: 30rpx;">感谢使用飞鸭外卖,祝您用餐愉快</view>
			<view class="flex-cc font30r">
				<block wx:if="{{telist.length>1}}">
					<view class="order-info-button black-font gray-light-border flex-cc" style="margin-right: 40rpx;" bindtap="showtel">退款</view>
				</block>
				<block wx:else>
					<tel phoneNumber="{{seller.selle_tel ? telist[0] : seller.phone}}"><view class="order-info-button black-font gray-light-border flex-cc" style="margin-right: 40rpx;">退款</view></tel>
				</block>
				<navigator class="order-info-button red-pink-font pink-border flex-cc" url="./menu?id={{order.sellerid}}" open-type="reLaunch">再来一单</navigator>
			</view>
		</block>
		<block wx:if="{{order.status==4}}">
			<view class="black-font font44r font-bold" style="margin-bottom: 10rpx;">退款成功</view>
			<view class="gray-deep-font font28r" style="margin-bottom: 30rpx;">钱款已原路退回,期待您的再次光临</view>
			<view class="flex-cc font30r">
				<navigator class="order-info-button red-pink-font pink-border flex-cc" url="./menu?id={{order.sellerid}}" open-type="reLaunch">再来一单</navigator>
			</view>
		</block>
	</view>
</block>
<view class="cut"></view>
<view class="bg-white order-main detail-block">
	<view class="black-font font30r order-seller-name flex-lr">
		<view>{{order.sellername}}</view>
		<block wx:if="{{telist.length>1}}">
			<view style="padding: 25rpx 0;" bindtap="showtel">
				<image src="http://nosqn.colorcun.com/tel.png" style="width: 40rpx;height: 40rpx;"></image>
			</view>
		</block>
		<block wx:else>
			<tel phoneNumber="{{seller.selle_tel ? telist[0] : seller.phone}}">
				<view style="padding: 25rpx 0;">
					<image src="http://nosqn.colorcun.com/tel.png" style="width: 40rpx;height: 40rpx;"></image>
				</view>
			</tel>
		</block>
		
	</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;" wx:if="{{hasmore ? index<3 : index<cartlist.length}}">
				<view class="flex-ll">
					<image class="food-image bg-gray" src="{{item.cookimage ? item.cookimage : 'http://nosqn.colorcun.com/empty.jpg'}}" mode="aspectFill"></image>
					<view class="" style="width:360rpx;">
						<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>
	<block wx:if="{{cartlist.length>3}}">
		<view class="gray-deep-font font28r flex-cc more-button" bindtap="showmore">{{hasmore ? '查看更多' : '收起'}}</view>
	</block>
	<view class="order-me-line bg-line-gray"></view>
	<view class="order-price flex-rr">
		<!-- <view class="black-font font30r" style="margin-right: 40rpx;">已优惠<text class="red-pink-font">¥25</text></view> -->
		<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;">
				<view class="black-font font-more" style="width:400rpx;text-align: right;">{{order.address}}{{order.address_detail ? order.address_detail : ''}}</view>
				<view class="black-font">{{order.uname}}{{order.sex==1 ? '先生' : '女士'}} {{order.phone}}</view>
			</view>
			
		</view>
	</view>
	
</view>
<telModal tellist="{{telist}}" id="tellist"></telModal>
<view class="cut"></view>
<block wx:if="{{order.status==0}}">
	<view style="height: 140rpx;"></view>
	<view class="bg-white flex-rr order-pay detail-block">
		<view class="bg-red-pink font34r font-bold white-font flex-cc order-button" bindtap="pay">去支付</view>
	</view>
</block>
<block wx:else>
	<view style="height: 20rpx;"></view>
</block>