kxmh_wx/pages/user/order_detail/order_detail.wxml

<view class="_container" style="{{(order_info.order_status!==2&&order_info.order_status!==1)?'padding-top:20rpx;':''}}">
  <view wx:if="{{order_info.order_status==2}}" class="pay_status">
    <view class="warn">
      <view class="text1">待支付</view>
      <view class="text2">若超时未支付，订单将自动取消</view>
    </view>
    <view class="cut_down">剩余
      <van-count-down time="{{ order_info.timeout *1000}}" />
    </view>
  </view>
  <view class="_succ" wx:elif="{{order_info.order_status==1}}">
    <view class="text1">支付成功！</view>
    <view class="text2">请注意节目开始时间，提前进场。</view>
  </view>
  <view class="play_info">
    <view class="_top">
      <image class="img" src="{{order_info.order_pic}}" />
      <view class="info">
        <view class="title">{{show_info.show_name}}</view>
        <view>
          <view class="line">{{show_info.show_date}}</view>
          <view class="line">{{show_info.city_name}}｜{{show_info.theater_name}}</view>
        </view>
        <view class="line" style="font-weight:normal;">
          <van-icon name="passed" color="green" /> 不支持退票
          <block wx:if="{{show_info.is_invoice==0}}">
          <van-icon name="close" color="red" /> 不可开发票
          </block>
          <block wx:elif="{{show_info.is_invoice==1}}">
          <van-icon name="passed" color="green" /> 可开发票
          </block>
        </view>
      </view>
    </view>

    <view class="split-line"></view>

    <view class="_bottom">
      <view class="_ticket" wx:for="{{ticket_info}}" wx:for-item="ticket_list">
        <view class="sit_info">¥{{ticket_list.price}}*{{ticket_list.tkt_num}}张</view>
        <view style="display:flex;flex-wrap: wrap;">
          <view wx:for="{{ticket_list.list}}" class="sit_info1">{{item.seat_info}} </view>
        </view>
      </view>
    </view>

  </view>
</view>



<!-- 订票人信息 -->
<van-cell-group>
  <van-cell custom-class="cell" value-class="cell_left" title-width="30%" title="取票手机" value="{{order_info.mobile}}" />
  <van-cell center custom-class="cell" value-class="cell_left" title-width="30%" title="观演人">
    <view class="buyer_contact" wx:for="{{viewer_info}}">{{item.name}} {{item.id_card}}</view>
  </van-cell>
</van-cell-group>
<!-- 地址信息 -->
<van-cell-group>
  <van-cell custom-class="cell" center title-width="70%" title="{{show_info.city_name}}｜{{show_info.theater_name}}"
    label="地址：{{show_info.traffic_info}}">
    <van-icon name="/images/ui/location.png" size="30" data-longitude="{{show_info.longitude}}"
      data-latitude="{{show_info.latitude}}" bind:click="loc" />
  </van-cell>
</van-cell-group>
<!-- 订单信息 -->
<van-cell-group >
  <van-cell custom-class="cell" title="订单信息" border="{{false}}" title-style="font-weight: bold;" />
  <van-cell custom-class="cell" title="支付金额" value="¥{{order_info.order_price}}" is-link />
  <van-cell custom-class="cell" title="订单号" value="{{order_info.order_no}}" />
  <van-cell custom-class="cell" title="下单时间" value="{{order_info.create_time}}" />
</van-cell-group>
<view style="height:500rpx;width:100%;"></view>
<!-- 底栏 -->
<view class="bottom_selector" wx:if="{{order_info.order_status==2}}">
  <view>
    <!-- <van-cell>
      <view slot="title" style=" display: flex;align-items: center;">
        <van-checkbox icon-size="14" label-class="check" value="{{ checked }}" bind:change="check">购票须先同意</van-checkbox>
        <view bindtap="agreement" style="color:#1394F2;font-size:28rpx;">《服务条款》</view>
      </view>
    </van-cell> -->
    <view class="_sel">
      <button class="_cancel" bindtap="cancel">取消订单</button>
      <button class="_confirm" bindtap="pay">订单无误，立即支付</button>
    </view>
  </view>
</view>
<view class="bottom_selector" wx:elif="{{order_info.order_status==1||order_info.order_status==6||order_info.order_status==12}}">
  <view class="statement_inf">
 <view class='shaky'>换票券码：{{order_info.electronic_code}}（凭此码在取票机兑换票据）</view>
  </view>
  <view class="_b">
    <button bindtap="showPopup" class="selector_dsn">查看电子票码</button>
  </view>
</view>

<!-- 底部弹出层 -->
<van-popup round show="{{ show }}" bind:close="onClose" position="bottom" custom-class="popup_dsn">
  <block wx:for="{{a}}">
    <view wx:if="{{index==a_id}}" class="sit_info1">
      <view class="code_preview">
        <van-icon name="arrow-left" size="40" data-a_id="{{index}}" bind:click="sub" />
        <van-image width="128" height="128" src="{{item.qr_code}}" />
        <van-icon name="arrow" size="40" data-a_id="{{index}}" bind:click="plus" />
      </view>
      <view>{{item.seat_info}}</view>
      <view>{{item.price}}元</view>
      <view>识别码：{{item.ticket_code}}</view>
      <button bindtap="onClose" class="selector_dsn" style="margin: 40rpx auto;">知道了</button>
    </view>
  </block>


</van-popup>

<!-- <van-dialog use-slot title="服务条款" show="{{ show1 }}">
  <view style="margin:40rpx 20rpx;font-size: 24rpx;color: #565656;">我已确认购票场次及价位，完全知悉并接收如下约定：话剧演出性质特殊且具有时效性，演出票一经售出不退不换
  </view>
</van-dialog> -->