test/pages/order/components/date/index.wxml

<!--pages/order/components/date/index.wxml-->
<wxs src="../../../../utils/filter.wxs" module="tool" />
<!-- <view class="date-box">
  <view class="box-title">使用日期</view>
  <view class="dates-boxes">
    <view bindtap="changeDate" data-date="{{item}}" class="date-item{{activeDate.date==item.date?' active':''}}{{(item.stock<=0 || item.stock==null || item.price==null)?' disable':''}}" wx:for-index="index" wx:for="{{threeDays}}">
      <view>{{tool.showAllSeldDate(item.date,index,today,tomorrow,afterTom)}}</view>
      <view class="price" wx:if="{{ !isTeam && item.stock==-1 || item.stock==null}}">不可定</view>
      <view class="price" wx:elif="{{ !isTeam && item.stock!=0 && item.stock!=null && item.price!=null}}">{{item.price==0 || kjIdCom?'免费':('￥'+item.price/100)}}</view>
      <view class="price" wx:if="{{item.stock==0}}">{{item.tipText?item.tipText:'售罄'}}</view>
    </view>
    <view wx:if="{{moreFlag || !activeDate}}" class="date-item more-item" bindtap="showMoreDate">
      更多
    </view>
    <view wx:else class="date-item more-item active" bindtap="showMoreDate">
      <view>{{activeDate.short_date}}</view>
      <view class="price">{{activeDate.price==0 || kjIdCom?'免费':('￥'+activeDate.price/100)}}</view>
    </view>
  </view>
  <view class="date-times" wx:if="{{timelist.length>0}}">
    <view bindtap="selectTime" data-index="{{index}}" wx:for="{{timelist}}" class="textOver date-time{{timeIndex==index?' active':''}}{{item.stock_number>0?'':' disable'}}">{{item.start_time}}-{{item.end_time}}<text wx:if="{{(item.stock_number>=10)}}"> 有票</text><text wx:elif="{{item.stock_number==0}}"> 售罄</text><text wx:elif="{{item.stock_number==-1}}"> 不可定</text><text wx:else>（{{'余票'+item.stock_number}}）</text></view>
  </view>
</view> -->
<view class="date-box">
  <view class="box-title">{{skuName}}</view>
  <view class="refund-tag" wx:if="{{refundTag}}">{{refundTag}}</view>
  <view style="padding: 48rpx 0 0 21rpx;">
    <view style="font-weight: 500;font-size: 31rpx;color: #000000;margin-bottom: 40rpx;">
      使用日期
    </view>
    <view class="dates-boxes">
      <scroll-view scroll-x enable-flex scroll-into-view="{{scrollLeft}}" scroll-with-animation
        style="height: 133rpx;width: 580rpx;display: flex;overflow-x: scroll;flex-direction: row;">
        <view id="scroll-item-{{index}}" bindtap="changeDate" data-date="{{item}}" data-index="{{index}}" class="date-item{{activeDate.date==item.date?' active':''}}{{(item.stock<=0 || item.stock==null || item.price==null)?' disable':''}}" wx:for-index="index" wx:for="{{monthList}}">
            <!-- <view>{{tool.showAllSeldDate(item.date,index,today,tomorrow,afterTom)}}</view> -->
            <view>{{item.week}}</view>
            <view class="short-date">{{item.short_date}}</view>
            <view class="price" wx:if="{{ !isTeam && item.stock==-1 || item.stock==null}}">不可定</view>
            <view class="price" wx:elif="{{ !isTeam && item.stock!=0 && item.stock!=null && item.price!=null}}">{{item.price==0 || kjIdCom?'免费':('￥'+item.price/100)}}</view>
            <!-- <view class="price" wx:if="{{item.stock==null || item.price==null}}">不可定</view> -->
            <view class="price" wx:if="{{item.stock==0}}">{{item.tipText?item.tipText:'售罄'}}</view>
        </view>
        <view style="width: 2rpx;height: 1rpx;flex-shrink: 0;"></view>
      </scroll-view>
      <view  class="more-item" bindtap="showMoreDate">
      <!-- <view wx:if="{{moreFlag || !activeDate}}" class="date-item more-item" bindtap="showMoreDate"> -->
        <view style="width:58rpx;margin-right:12rpx;">
          更多日期
        </view>
        <view>
        >
        </view>
      </view>
      <!-- <view wx:else class="date-item more-item active" bindtap="showMoreDate">
        <view>{{activeDate.short_date}}</view>
        <view class="price">{{activeDate.price==0 || kjIdCom?'免费':('￥'+activeDate.price/100)}}</view>
      </view> -->
    </view>
  </view>
  <view wx:if="{{timelist.length>0}}">
    <view style="margin-top: 10rpx;padding-left: 18rpx;margin-bottom: 40rpx;">
      选择时段
    </view>
    <view class="date-times" wx:if="{{timelist.length>0}}">
      <view bindtap="selectTime" data-index="{{index}}" wx:for="{{timelist}}" class="textOver date-time{{timeIndex==index?' active':''}}{{item.stock_number>0?'':' disable'}}">{{item.start_time}}-{{item.end_time}}<text wx:if="{{(item.stock_number>=10)}}"> 有票</text><text wx:elif="{{item.stock_number==0}}"> 售罄</text><text wx:elif="{{item.stock_number==-1}}"> 不可定</text><text wx:else>（{{'余票'+item.stock_number}}）</text></view>
    </view>
  </view>
  <!-- <view class="date-times" wx:elif="{{activeDate.is_time_stock}}">
    <view>已售罄</view>
  </view> -->
</view>
<!-- 日历选择 -->
<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}}" kjId="{{kjIdCom}}" gpId="{{gpIdCom}}" id="calendar" datelist="{{datelist}}" calendarConfig="{{calendarConfig}}" bind:afterCalendarRender="calendarReady" bind:onTapDay="onTapDay" bind:afterTapDay="afterTapDay"></calendar>
  </view>
</view>