order-detail.wxml 4.4 KB
<!--pages/order/order-detail/order-detail.wxml-->
<view class="content">
    <view class="state-box">

        <view class="line"></view>
        <!-- // (0全部,2待拼成,3人数不足未拼成,4已拼成,5已取消,6已完成,7已评价,8已拼成(活动未结束),9删除-->
        <view class="state1">
            <view class="circle change"></view>
            <text>已拍下</text>
        </view>
        <view class="state2">
            <!--{{detail.status === 4 ||detail.status === 5 || detail.status === 6||detail.status === 8?'change':''}}-->
            <view class="circle change"></view>
            <text wx:if="{{detail.status === 5 || detail.status === 10}}">已取消</text>
            <text wx:if="{{detail.status === 11}}">已过期</text>
            <text wx:if="{{detail.status === 4 || detail.status === 6 || detail.status === 7 || detail.status === 8}}">已拼成</text>
            <text wx:if="{{detail.status === 2}}" class="{{detail.status === 2?'change-text':''}}">待拼成</text>
            <text wx:if="{{detail.status === 3}}" class="{{detail.status === 3?'change-text':''}}">未拼成</text>
        </view>
        <view class="state3">
            <view class="circle {{detail.status === 6?'change':''}}"></view>
            <text wx:if="{{detail.status === 6}}">已完成</text>
            <text wx:if="{{detail.status === 4 || detail.status === 2 || detail.status === 3||detail.status === 5|| detail.status === 8 || detail.status === 10|| detail.status === 11}}" class="{{detail.status === 4 || detail.status === 2 ||detail.status === 5?'change-text':''}}">待完成</text>
        </view>
    </view>

    <view class="box"  bindtap="goDetail">
        <view class="top">
            <!--<image src="../../../images/avatar@2x.png"></image>-->
            <image src="{{detail.userPic}}" class="user-avatar"></image>
            <image src="{{detail.userSex === 1?'../../../images/man.png':'../../../images/women.png'}}" class="sex-icon"></image>
            <text class="name">{{detail.userName}}</text>
        </view>
        <view class="order-info">
            <image src="{{detail.pic}}" class="banner" mode="aspectFill"></image>
            <view class="info-right">
                <text class="address">{{detail.title}}</text>
                <text class="time">{{detail.time}}</text>
            </view>
        </view>
    </view>


    <view class="complain" catchtap="goComplain"><text>去投诉</text></view>

    <view class="order-detail">
        <text>订单编号:{{detail.order_sn}}</text>
        <text>交易时间:{{detail.create_time}}</text>
    </view>

    <view class="bottom">
        <!-- // (0全部,2待拼成,3人数不足未拼成,4已拼成,5已取消,6已完成,7已评价,8已拼成(活动未结束),9删除-->
        <text class="cancel-btn" wx:if="{{detail.status === 2}}" bindtap="cancel">取消订单</text>
        <text class="cancel-btn gray" wx:if="{{detail.status === 2}}">待拼成</text>
        <!--<text class="cancel-btn gray" wx:if="{{detail.status === 8}}">已拼成</text>-->
        <!--1发布人,2拼餐/拼活动人-->
        <block wx:if="{{detail.sonType === 1}}">
            <text class="confirm-btn" wx:if="{{detail.status === 3 || detail.status === 8}}" bindtap="cancel">取消订单</text><!--开始前6小时内不能取消-->
            <text class="cancel-btn gray" wx:if="{{detail.status === 8}}">待完成</text>
            <text class="cancel-btn gray" wx:if="{{detail.status === 3}}">未拼成</text>
            <text class="confirm-btn add-width" wx:if="{{detail.status === 4}}" bindtap="confirm">完成</text><!--待完成时并且活动时间已开始,发布人可点击完成,发布人只显示完成按钮-->
            <text class="confirm-btn add-width gray" wx:if="{{detail.status === 6}}">已完成</text>
        </block>
        <block wx:if="{{detail.sonType === 2}}">
            <!--<text class="cancel-btn gray border" wx:if="{{detail.status === 8}}">取消订单</text>-->
            <text class="cancel-btn gray add-width" wx:if="{{detail.status === 8}}">待完成</text>
            <text class="confirm-btn gray add-width" wx:if="{{detail.status === 3}}">未拼成</text>
            <text class="confirm-btn gray add-width" wx:if="{{detail.status === 4}}">待完成</text>
            <text class="confirm-btn add-width gray" wx:if="{{detail.status === 6}}">已完成</text>
        </block>
    </view>
</view>