zj-teach/pages/orderDetail/orderDetail.wxml

<!--pages/orderDetail/orderDetail.wxml-->

<view class="orderWrapper">
    <!-- 头部区域：订单号、头像 -->
    <view class="orderHead">
        <view class="orderHeadTitle">
            <view>
                <text>订单号</text>
                <text class="orderDetail">xxx</text>
            </view>
            <view>
                <text>对方</text>
                <text class="orderDetail">X学员</text>
            </view>
        </view>
        <image class="headImg" src="../../images/zly.jpeg"></image>
    </view>
    <!-- 中部区域：订单详情 -->
    <view class="orderMid">
        <view>
            <text>对方ID</text>
            <text class="orderDetail">xxx</text>
        </view>
        <view>
            <text>需求号</text>
            <text class="courseNum" bindtap="toNeedDetail">xxx</text>
        </view>
        <view>
            <text>课程号</text>
            <text class="courseNum" bindtap="toCourseDetail">xxx</text>
        </view>
        <view>
            <text>需求金额</text>
            <text class="orderDetail">xxx</text>
        </view>
    </view>
    <view class="orderBottom">
        <view>
            <text>订单内容</text>
            <text class="orderDetail">xxx</text>
        </view>
        <view>
            <text>下单日期</text>
            <text class="orderDetail">xxx</text>
        </view>
        <view>
            <text>订单状态</text>
            <text class="orderPayStatus">{{payStatus}}</text>
        </view>
    </view>
    <view class="orderPay" wx:if="{{payStatus == '待支付' && id == 'teacher'}}">
        <text>支付倒计时</text>
        <text class="orderPayTime">00:32:02</text>
    </view>
    <view class="payWrapper">
        <view wx:if="{{pay}}" class="pay">
            <view wx:if="{{payStatus == '已支付' && payDays < 5 && id == 'teacher'}}" class="paidSucceed">
                <view class="payStatus">查看手机号</view>
                <view class="payStatus">申请退款</view>
            </view>
            <view wx:elif="{{payStatus == '退款中' && id == 'student'}}" class="paidSucceed">
                <view class="payStatus">查看手机号</view>
                <view class="payStatus">同意退款</view>
            </view>
            <view wx:else class="paidSucceed">
                <view class="payStatus">查看手机号</view>
            </view>
        </view>
        <view wx:elif="{{!pay && id == 'teacher'}}" class="paidSucceed">
            <view class="payStatus">教员支付</view>
        </view>
    </view>

</view>