jinai-talents/applet/pages/talent/admin/scheduling.wxml

<cu-custom bgColor="bg-lw-header" isCustom="{{true}}">
  <view slot="content">今日班次</view>
</cu-custom>

<view class="refresh" bind:tap="getList">
  <text class="cuIcon-refresh"></text>
</view>

<view class="flex-sub text-center" wx:if="{{list.length == 0}}">
  <view class="solid-bottom text-xsl padding">
    <text class="cuIcon-roundcheckfill text-green"></text>
  </view>
  <view class="padding">目前暂无今日班次</view>
</view>

<view class="VerticalBox" wx:if="{{list.length > 0}}">
  <scroll-view class="VerticalNav nav" scroll-y scroll-with-animation scroll-top="{{verticalNavTop}}" style="height:calc(100vh - 100rpx - {{CustomBar}}px - (env(safe-area-inset-bottom) / 2))">
    <view class="cu-item {{index==tabCur?'text-green cur':''}}" wx:for="{{list}}" wx:key="index" bind:tap="TabSelect" data-id="{{index}}">
      <view class="cu-tag badge" style="top:0;right:0;">{{item.list.length}}</view>
      <view>{{item.hour}}</view>
    </view>
  </scroll-view>
  <scroll-view class="VerticalMain" scroll-y scroll-with-animation style="height:calc(100vh - 100rpx - {{CustomBar}}px - (env(safe-area-inset-bottom) / 2))" scroll-into-view="{{'main-'+mainCur}}" bindscroll="VerticalMain">
    <view class="padding-top padding-lr" wx:for="{{list}}" wx:key="index" id="{{'main-'+index}}">
      <view class="cu-bar solid-bottom bg-white">
        <view class="action">
          <text class="cuIcon-title text-green"></text> {{item.hour}}
        </view>
      </view>
      <view class="cu-list bg-white">
        <view class="cu-item solid-bottom" wx:for="{{item.list}}" wx:for-item="listItem" wx:key="id">
          <view class="padding">
            <view class="flex align-center justify-between">
              <view class="text-bold text-black" bind:tap="callMobile" data-mobile="{{listItem.talent.mobile}}">
                {{listItem.talent.name}}
                <text class="margin-left-sm text-lg text-blue cuIcon-dianhua"></text>
              </view>
              <view class="cu-tag line-blue radius">{{listItem.status_text}}</view>
            </view>
            <view class="text-sm margin-top-xs" wx:if="{{listItem.shift}}">班次：{{listItem.shift}}</view>
            <view class="text-sm margin-top-xs">到站时间：{{listItem.out_time}}</view>
            <view class="text-sm margin-top-xs">出发时间：{{listItem.start_time}}</view>
            <view class="text-sm margin-top-xs" wx:if="{{listItem.companion_num}}">同行人数：{{listItem.companion_num}}</view>
            <view class="text-sm margin-top-xs" wx:if="{{listItem.comment}}">其他需求：{{listItem.comment}}</view>
            <view class="grid col-4 grid-square flex-sub margin-top">
              <view class="bg-img" bindtap="ViewImage" data-url="{{listItem.image}}" wx:if="{{listItem.image}}">
                <image src="{{listItem.image}}" mode="aspectFill"></image>
              </view>
            </view>
          </view>
        </view>
      </view>
    </view>
  </scroll-view>
</view>

<view class="footer"></view>
<view class="cu-bar tabbar bg-white foot">
  <view class="action" bind:tap="getList">
    <view class="cuIcon-cu-image">
      <image src="/common/images/tabbar/index_cur.png"></image>
    </view>
    <view class="text-gray">今日班次</view>
  </view>
  <view class="action" bind:tap="toIndex">
    <view class="cuIcon-cu-image">
      <image src="/common/images/tabbar/my.png"></image>
    </view>
    <view class="text-gray">预约记录</view>
  </view>
</view>