pos_xcx/pages/order/order.wxml

<!-- pages/order/order.wxml -->
<view class="container">
    <!-- 倒计时 -->
    <view class="timer" wx:if="{{order.status==1}}">
        等待买家付款，剩余{{timer.minute}}分{{timer.second}}秒后自动关闭
    </view>
    <view class="code-info" wx:if="{{order.status==2 && order.orderType !=3}}">
        <view class="code card">
            <canvas class="canvas-code" style="width:280rpx;height:280rpx" canvas-id="qrCode" />
            <view class="code-text f13 c-707070" wx:if="{{order.writeOffStatus==1}}">
                进店请出示二维码进行核销
            </view>

            <view wx:if="{{order.writeOffStatus==2}}">
                <view class="refresh">券码已使用</view>
                <view class="code-text f13 c-707070">该券码已核销</view>
            </view>
        </view>
        <view wx:if="{{order.writeOffStatus==1}}" class="progress">
                <view class="writeCode c-707070">核销码：<text class="codeText">{{order.writeOffCode}}</text><text class="codeTip">（2分钟刷新一次)</text></view>
                <progress class="pro" active-mode="forwards" percent="{{percent}}" color="{{color}}" active stroke-width="3" />
            </view>
    </view>
    <view class="order card" wx:if="{{order.orderType !=3}}">
        <view class="order-img">
            <image class="" src="{{order.productImg}}"></image>
        </view>
        <view class="order-info">
            <view class="order-id f30 c-707070" style="font-size:30rpx;">{{order.orderSn}}</view>
            <view class="order-title c-202020">{{order.productName}}</view>
            <view class="order-price f18">¥{{order.orderMoney}}</view>
            <view class="order-date f13 c-707070">
                <mp-icon icon="time" size="18" class="icon" color="#707070"></mp-icon>
                {{order.appointmentTime}}
            </view>
        </view>
    </view>
    <view class="order" wx:if="{{order.orderType ==3}}" style="height:120rpx">
        <view class="order-info" style="padding-right: 20rpx;">
            <view class="order-id f30 c-707070" style="font-size:30rpx;">{{order.orderSn}}</view>
            <view class="order-id f30 c-707070" style="font-size:30rpx;">{{order.productList[0].createTime}}</view>
        </view>
    </view>
    <view class="order card" wx:if="{{order.orderType ==3}}" wx:for="{{order.productList}}">
        <view class="order-img">
            <image class="" src="{{item.productImg}}"></image>
        </view>
        <view class="order-info">
            <view class="order-id f30 c-707070" style="font-size:30rpx;"></view>
            <view class="order-title c-202020">{{item.productName}}×{{item.productNum}}</view>
            <view class="order-price f18">¥{{item.currentPrice}}</view>
            <view class="order-date f13 c-707070">
              
            </view>
        </view>
    </view>
    <view class="shop-info card">
        <view class="shop f17">{{ order.storeName}}</view>
        <view class="address f14 c-707070 " bindtap="guide">
            <image src="../../images/icons/location.png"></image>
            {{order.address}}
        </view>
        <view class="f17 shop">场馆电话</view>
        <view class="tel f14 c-707070 " data-mobile="{{order.mobile}}" bindtap="call">
            <image src="../../images/icons/tel.png"></image>
            {{order.storeMobile}}
        </view>
    </view>
    <view class="order-btn">
        <view class="delete-btn" bindtap="cancelOrder" wx:if="{{order.status==1}}">取消订单</view>
        <view class="pay-btn" wx:if="{{order.status==1}}" bindtap="payOrder">确认支付</view>
        <view class="delete-btn" bindtap="deleteOrder" wx:if="{{order.status==3}}">删除订单</view>
        <view class="xiaofei" wx:if="{{order.status==2  && order.writeOffStatus==1}}">待消费</view>
    </view>
</view>