test/pages/order/show/index.wxml

<!--pages/order/show/index.wxml-->
<wxs src="../../../utils/filter.wxs" module="tool" />
<title title="选择票档"></title>
<view class="order-top" wx:if="{{product}}">
  <view class="order-name">{{product.title}}</view>
</view>
<view class="box">
  <view class="box-content">
    <view class="box-title">选择日期</view>
    <view class="flex-between">
        <view class="tag {{dateindex==0?'active':''}}" bindtap="changeDate" data-date="0">今天 {{dateArr[0].short_date}}</view>
        <view class="tag {{dateindex==1?'active':''}}" bindtap="changeDate" data-date="1">明天 {{dateArr[1].short_date}}</view>
        <view class="tag {{dateindex==2?'active':''}}" bindtap="changeDate" data-date="2">后天 {{dateArr[2].short_date}}</view>
        <view class="tag {{dateindex>2?'active':''}}" bindtap="showMoreDate">{{dateindex>2?dateArr[dateindex].short_date:'更多'}}</view>
    </view>
  </view>

  <view class="box-content" wx:if="{{dateindex>=0}}">
    <view class="box-title">场次</view>
    

    <view wx:if="{{noStock}}">
        <image  class="no-data" src="https://static.ticket.sz-trip.com/uploads/20241129/894f45acb51cffcdddd5a2ddd695660b.png"></image>
        <view style="text-align: center;color: #666;padding-top: 40rpx;">暂无场次</view>
    </view>
    
    <view class="flex-wrap flex-between" wx:else>
        <view wx:for="{{times}}" wx:key="index" date-item="{{item}}" 
        class="tag {{timeindex==index?'active':''}} {{item.total_stock<=0?'disabled':''}}" 
        bindtap="changeTime" data-date="{{index}}">
            {{item.sale_date}} {{item.week}} {{item.start_time}}
        </view>
    </view>
  </view>

  <view class="box-content" wx:if="{{timeindex>=0}}">
    <view class="box-title">票档</view>
    <view class="sku-box">
        <view wx:for="{{skuArr}}" wx:key="index" date-item="{{item}}" 
        class="tag {{skuindex==index?'active':''}} {{item.stock_number<=0?'disabled':''}}" 
        bindtap="changeSku" data-date="{{index}}">
            {{item.sku_name}} ￥{{item.price/100}}
        </view>
    </view>
  </view>


    
    <!-- <view class="number-box box-content">
      <text>数量</text>
      <view class="iconfont icon-sami-select" bindtap="minus"></view>
      <view class="number">{{producNum}}</view>
      <view class="iconfont icon-add-select add" bindtap="add"></view>
    </view> -->

  
</view>
<view style="height:138rpx"></view>
<view class="fixed-bottom">
    <view>单价：<text class="bottom-price">￥{{selectSku.price/100}}</text></view>
    <view class="btns">
        <!-- <view class="btn" bindtap="showCart">加入购物车</view> -->
        <view class="btn" bindtap="showOrder" >立即购买</view>
    </view>
</view>


<!-- 购物车悬浮框 -->
<!-- <navigator url="/pages/user/cartlist/list" catchtap="pagePoint" data-event='product_cart_click' class="cart-box" id="cart">
  <image src="https://sz-qd.oss-cn-hangzhou.aliyuncs.com/xcxImages/info/cart.png" mode="widthFix"></image>
  <view class="cart-num">{{cartCount}}</view>
</navigator> -->

<!-- 日历选择 -->
<view class="mask" wx:if="{{showMoreDateFlag}}" style="z-index:101">
  <view class="mask-bg" bindtap="hideCalendar"></view>
  <view class="calendar-content">
    <calendar activeDay="{{activeDate.date}}" id="calendar" datelist="{{dateArr}}" calendarConfig="{{calendarConfig}}" 
    bind:afterCalendarRender="calendarReady" bind:onTapDay="onTapDay" bind:afterTapDay="afterTapDay"></calendar>
  </view>
</view>