hulimall/pages/order/detail.wxml

<view class="body" wx:if="{{remind}}">
  <view class='zong'>
    <view class="spinner">
      <view class="spinner-container container1">
        <view class="circle1"></view>
        <view class="circle2"></view>
        <view class="circle3"></view>
        <view class="circle4"></view>
      </view>
      <view class="spinner-container container2">
        <view class="circle1"></view>
        <view class="circle2"></view>
        <view class="circle3"></view>
        <view class="circle4"></view>
      </view>
      <view class="spinner-container container3">
        <view class="circle1"></view>
        <view class="circle2"></view>
        <view class="circle3"></view>
        <view class="circle4"></view>
      </view>
    </view>
  </view>
</view>
<!-- 加载页面结束 -->
<block wx:else>
  <view style="padding-bottom: 60px;">
    <!-- <view class="djs" wx:if="{{rstatus == 0}}">
      <text>支付关闭: {{clock}}</text>
      <text>{{micro_second}}</text>
    </view> -->
    <view class="status-view">
      <block wx:if="{{rstatus == 0}}">
        <view class="statusLabel">待付款</view>
        <view class='statusDesc'></view>
      </block>
      <block wx:elif="{{rstatus == 1}}">
        <view class="statusLabel">已付款</view>
        <view class='statusDesc'>等待发货</view>
      </block>
      <block wx:elif="{{rstatus == 2}}">
        <view class="statusLabel">已发货</view>
        <view class='statusDesc'>商家已发货，请及时关注物流信息</view>
      </block>
      <block wx:elif="{{rstatus == 5}}">
        <view class="statusLabel">交易成功</view>
        <view class='statusDesc'>您的商品已发送给你了，下次再来哦~</view>
      </block>
      <image src="/images/orderDetailsBg.png" mode="scaleToFill"></image>
    </view>
    <view class="top_1" style="border-bottom: 20rpx solid#F4F5F6;">
      <view class="df">
        <view class='iconfont icon-dizhi' style='margin:auto 0;'></view>
        <view class="df_1 c6">
          <view class="l_h20 pay_xt" style='color:#333333;font-size:16px;'><text style='color:#333333;font-size:18px;'>{{name}}</text>　{{mobile}}</view>
          <view class="l_h20 mt5 pay_xt" style='color:#333333;'>地址：{{address}}</view>
        </view>
      </view>
    </view>

    <view class="shopView">
      <image src="{{list[0].shop_logo}}" mode="aspectFill"></image>
      <text class="left">{{list[0].shop_name}}</text>
      <image class="jiantou-img" src="/images/x_right.png" mode="aspectFill"></image>
    </view>
    <view class="shop df" wx:for="{{list}}" wx:key="key">
      <navigator url="../product/detail?productId={{item.p_id}}&size={{item.sid}}" hover-class="changestyle">
        <image class="sh_slt" src="{{item.imgurl}}"></image>
      </navigator>
      <view class="df_1" style='padding-left:7px;'>
        <view class="sp_text">
          <navigator style='width:70%;' url="../product/detail?productId={{item.p_id}}&size={{item.sid}}" hover-class="changestyle">
            <view class="sp_tit ovh1" style="color: #000;">{{item.p_name}} </view>
            <view class="sp_tit ovh1" style='color:#999'>[{{item.size}}]</view>
            <view class='price'>¥ {{item.p_price}} </view>
          </navigator>
          <view class='guige'>x{{item.num}}</view>
        </view>
      </view>
    </view>
    <view style='height:20rpx;background-color:#F4F5F6;'></view>
    <view class="top_1">
      <view class='ddlb'>
        <view class='ddlb_v'>
          <text class="ddlb_v-lift">订单号：</text>
          <text class='fright'>{{sNo}}</text>
        </view>

        <view class='ddlb_v'>
          <text class="ddlb_v-lift">下单时间：</text>
          <text class='fright'>{{add_time}}</text>
        </view>

        <view class='ddlb_v'>
          <text class="ddlb_v-lift">商品总价：</text>
          <text class='fright'>￥{{pro_price}}</text>
        </view>

        <view class='ddlb_v' wx:if="{{coupon_money != 0}}">
          <text class="ddlb_v-lift">优惠券：</text>
          <text class='fright'>-￥{{coupon_money}}</text>
        </view>

        <view class='ddlb_v'>
          <text class="ddlb_v-lift">运费：</text>
          <text class='fright'>￥{{freight}}</text>
        </view>

        <view class='ddlb_v'>
          <text class="ddlb_v-lift">订单总价：</text>
          <text class='fright'>￥{{z_price}}</text>
        </view>
      </view>
    </view>
    <view class="top">
      <view class='ddlb'>
        <view class='ddlb_v' style='font-size:32rpx;'>实付款<text class='fright' style='color:#f85654;'>￥{{z_price}}</text></view>
      </view>
    </view>
  </view>

  <!-- <view wx:if="{{rstatus == 0}}" style='margin:15px 0 0 0;border-bottom:1px solid #eee;padding-bottom:15px'>
      <view class="pay_zf pd">
        <text class="left" style='font-size:15px;'>选择支付方式</text>
      </view>
      <view class="pay_zf pd" style='border-bottom:none'>
        <checkbox-group class="radio-group left">
          <label class="radio" wx:for-items="{{pays}}" wx:key="key" style='border-bottom:1px solid #eee;'>
            <view style='width:100%;padding:13px 0;'>
              <image class='img' src='{{item.icon}}' style='width:20px;height:20px;vertical-align:-5px;'></image> {{item.name}}
              <switch bindchange="switchChange" checked="{{item.checked}}" data-index="{{index}}" data-check="{{item.value}}" class="right" style='vertical-align:2px;float:right;margin-bottom:15px;' />
            </view>
          </label>
        </checkbox-group>
      </view>
    </view> -->
  <view class='pay_bottom'>
    <block wx:if="{{rstatus == 0}}">
      <view class="normalBtn" bindtap="removeOrder" data-info="{{orderData}}">取消订单</view>
      <view class="confirmBtn" bindtap="payNow" data-info="{{orderData}}">立即付款</view>
    </block>
    <block wx:elif="{{rstatus == 1}}">
      <view class="confirmBtn" catchtap="afterSalesOrder" style="right: 225rpx;" data-info="{{orderData}}">申请售后</view>
      <view class="confirmBtn" wx:if="{{orderData.delivery_status == 1}}" style="background-color:#ccc;color:white;border:0px;">提醒发货</view>
      <view class="confirmBtn" wx:else bindtap="orderRemind" data-info="{{orderData}}">提醒发货</view>
    </block>
    <block wx:elif="{{rstatus == 2}}">
      <view class="confirmBtn" catchtap="afterSalesOrder" style="right: 410rpx;" data-info="{{orderData}}">申请售后</view>
      <view class="normalBtn" bindtap="orderLogistics" data-info="{{orderData}}">查看物流</view>
      <view class="confirmBtn" bindtap="confirmOrder" data-info="{{orderData}}">确认收货</view>
    </block>
    <block wx:elif="{{rstatus == 5}}">
      <view class="deleteBtn" bindtap="deleteOrder" data-info="{{orderData}}">删除订单</view>
      <view class="normalBtn" bindtap="orderLogistics" data-info="{{orderData}}">查看物流</view>
      <view class="confirmBtn" bindtap="evaluateOrder" data-info="{{orderData}}">立即评价</view>
    </block>
  </view>

  <!-- <view class='pay_bottom' wx:if="{{rstatus != 0 && type1 == 11 && dr != 11}}" style='padding-top: 8px'>
      <view class="font_12 red fl_r mr_5" style='border: 0;height: 60px;display: flex;justify-content: flex-end	;width: 100%;padding: 0;'>
        <form bindsubmit="getUserformid">
          <button class="pay_foot" style='color: #808080;border: 1px solid #808080;border-radius: 3px;margin: 0;font-size: 13px;padding: 0;width: 90px;height: 30px;line-height: 30px;' data-orderId="{{id}}" data-ordersn="{{sNo}}" formType="submit">拼单详情</button>
        </form>
        <form bindsubmit="getUserformid">
          <button class="pay_foot" style='color: #fff;background: #FF6347;border-radius: 3px;margin: 0;font-size: 13px;padding: 0;width: 90px;height: 30px;line-height: 30px;' data-orderId="{{id}}" data-ordersn="{{sNo}}" formType="submit">分享好友</button>
        </form>
      </view>
    </view> -->

  <!-- <view class='pay_bottom' wx:if="{{rstatus != 0 && otype == 'pt'}}" style='padding-top: 8px'>
      <view class="font_12 red fl_r mr_5" style='border: 0;height: 60px;display: flex;justify-content: flex-end	;width: 100%;padding: 0;'>
        <navigator url="../group_buy/cantuan?id={{ptcode}}&groupid={{groupid}}&pro_id={{p_id}}&man_num={{man_num}}">
          <view style='color: #808080;border: 1px solid #808080;border-radius: 3px;margin: 0;font-size: 13px;padding: 0;width: 90px;height: 30px;line-height: 30px;' class="pay_foot">拼单详情</view>
        </navigator>
        <navigator url="../group_buy/cantuan?id={{ptcode}}&groupid={{groupid}}&pro_id={{p_id}}&man_num={{man_num}}">
          <view style='color: #fff;background: #FF6347;border-radius: 3px;margin: 0;font-size: 13px;padding: 0;width: 90px;height: 30px;line-height: 30px;' class="pay_foot">分享好友</view>
        </navigator>
      </view>
    </view> -->


</block>