orderStateDetail.wxml 4.1 KB
<!--pages/personalCenter/orderStateDetail/orderStateDetail.wxml-->
<!-- state是订单状态    0未支付,代收款,1已支付,待发货,2待收货,已发货,3已完成 -->
<view class='banner' style=" background-image: url(https://english.vipstudy.com.cn/public/images/bg@2x.png);">
  <view class='iconfont icon-shijian'></view>
  <view class='banner_character' wx:if='{{state==0}}'>等待付款</view>
  <view class='banner_character' wx:elif='{{state==1}}'>{{delivery_mode==1?'等待提货':'等待发货'}}</view>
  <view class='banner_character' wx:elif='{{state==2}}'>等待收货</view>
  <view class='banner_character' wx:elif='{{state==3}}'>交易成功</view>
</view>
<view class='content_list'>
  <view class='list_top'>
    <view class='item_list top'>
      <block>
        <view class='iconfont icon-weibiaoti-3'></view>
        <view class='content'>
          <view class='person_information'>
            <view class='name'>{{name}}</view>
            <view class='phone_num'>{{phone_num}}</view>
          </view>
          <view class='address'>
            <text class='region'>{{address}} </text>
            <text class='region_detail'>{{location}}</text>
          </view>
        </view>
      </block>
    </view>
  </view>
  <view class='content_item'>
    <view class='order_content'>
      <view class='order_num'>订单编号:{{order_no}}</view>
      <view class='wait_charge'>
        <view wx:if='{{state==0}}'>等待付款</view>
        <view wx:elif='{{state==1}}'>{{delivery_mode==1?'等待提货':'等待发货'}}</view>
        <view wx:elif='{{state==2}}'>等待收货</view>
        <view wx:elif='{{state==3}}'>交易成功</view>
      </view>
    </view>
    <view class='item_list' wx:for='{{orderdetail}}' wx:for-item='items' wx:key=''>
      <view class='list_content_box'>
        <view class='list_img'>
          <image src='{{items.thumbnail}}'></image>
        </view>
        <view class='list_info_box'>
          <view class='info_title'>
            <view>
              <text>{{items.brand}}</text>
              <text>{{items.color}}</text>
              <text>{{items.degree}}</text>
            </view>
          </view>
          <view class='list_label_box'>
            <view class='list_label' wx:for='{{items.attribute}}' wx:key=''>{{item}}</view>
          </view>
          <view class='list_label_box2'>
            <view class='list_label2' wx:for='{{items.label}}' wx:key=''>{{item}}</view>
          </view>
          <view class='info_money'>
            <view>
              <text class='money_icon'>¥</text>
              <text>{{items.price}}</text>
            </view>
            <view class='money'>×{{items.num}}</view>
          </view>
        </view>
      </view>
    </view>
  </view>
  <view class='item_list' >
    <view>{{delivery_mode=='2'?'快递发货(邮费到付)':'到店自提'}}</view>
  </view>
  <view class='item_list spanno' wx:if='{{courier}}'>
    <view>快递方式:</view>
    <view>{{courier}}</view>
  </view>
   <view class='item_list spanno' wx:if='{{courier_number}}'>
    <view>运单号:</view>
    <view>{{courier_number}}</view>
  </view>
  <view class='item_list'>
    <view>买家留言</view>
    <view>{{note}}</view>
  </view>
  <view class='item_list'>
    <view>需付金额</view>
    <view>¥{{price}}</view>
  </view>
</view>
<block wx:if='{{state==0}}'>
  <view class='null_box'></view>
  <view class='bottom_btn'>
    <view class='cancel_btn' bindtap='cancelOrder'>取消订单</view>
    <view class='charge' bindtap='toPay'>去支付</view>
  </view>
</block>
<block wx:elif='{{state==2}}'>
  <view class='bottom_btn'>
    <view class='charge' bindtap='confirmOrder'>确认收货</view>
  </view>
</block>
<block wx:elif='{{state==3}}'>
  <view class='bottom_btn'>
    <view class='charge' bindtap='contact'>联系客服</view>
  </view>
</block>
<view class='mask_box' wx:if='{{moudel}}'>
  <view class='popup_box'>
    <view class='iconfont icon-cha-copy' bindtap='cancelPopup'></view>
    <view class='popup_title'>联系客服</view>
    <view>买家电话:13626594682</view>
    <view class='popup_btn' bindtap='contactBuyer'>联系客服</view>
  </view>
</view>