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

<cu-custom bgColor="bg-lw-header" isCustom="{{true}}">
  <view slot="content">预约记录</view>
</cu-custom>

<!-- 头部 -->
<view class="cu-bar bg-red search">
	<view class="search-form radius">
		<text class="cuIcon-search"></text>
		<input type="text" value="{{keyword[tab]}}" placeholder="请输入车次" confirm-type="search" bindconfirm="bindSearch" bindinput="bindInput"></input>
	</view>
	<view class="action" bindtap="bindSearch">
		<text>搜索</text>
	</view>
</view>

<!-- tab导航 -->
<scroll-view scroll-x class="bg-white nav" style="top:{{custombar}}px;position:{{nav_fixed ? 'fixed' : 'static'}}" id="nav">
  <view class="flex text-center">
    <view class="cu-item flex-sub {{0==tab?'text-red cur':''}}" bindtap="tabSelect" data-tab="0">
      待确认
    </view>
    <view class="cu-item flex-sub {{1==tab?'text-red cur':''}}" bindtap="tabSelect" data-tab="1">
      待接站
    </view>
    <view class="cu-item flex-sub {{2==tab?'text-red cur':''}}" bindtap="tabSelect" data-tab="2">
      待评价
    </view>
    <view class="cu-item flex-sub {{3==tab?'text-red cur':''}}" bindtap="tabSelect" data-tab="3">
      已完成
    </view>
  </view>
</scroll-view>

<view>
  <view class="cu-card">
    <view class="cu-item shadow" wx:for="{{list[tab]}}" wx:key="key">
      <view class="padding">
        <view class="flex align-center justify-between">
          <view>
            <text class="text-bold text-black">{{item.shift}}</text>
          </view>
          <view class="cu-tag line-blue radius">{{item.status_text}}</view>
        </view>
        <view class="text-sm margin-top-xs">出发时间：{{item.start_time}}</view>
        <view class="text-sm margin-top-xs" bind:tap="callMobile" data-mobile="{{item.talent.mobile}}">拨打电话<text class="margin-left-sm text-lg text-blue cuIcon-dianhua"></text></view>
        <view class="text-sm margin-top-xs" wx:if="{{item.status == 4}}">满意度：{{item.rate}}</view>
        <view class="text-sm margin-top-xs" wx:if="{{item.status == 4}}">评价内容：{{item.rate_comment}}</view>
        <view class="grid col-4 grid-square flex-sub margin-top">
          <view class="bg-img" bindtap="ViewImage" data-url="{{item.image}}" wx:if="{{item.image}}">
            <image src="{{item.image}}" mode="aspectFill"></image>
          </view>
        </view>
      </view>
      <view class="text-right solid-form-top padding-lr padding-bottom option-box">
        <view class="cu-btn radius bg-blue margin-left" bindtap="confirmInfo" data-id="{{item.id}}" wx:if="{{item.status == 1}}">确认信息</view>
        <view class="cu-btn radius bg-blue margin-left" bindtap="applyByMobile" data-id="{{item.id}}" wx:if="{{item.status == 2}}">手机号接站</view>
      </view>
    </view>
  </view>
  <view wx:if="{{no_more[tab]}}" class="no_more">没有更多数据</view>
</view>

<view class="logout" bind:tap="logout">
  <view class="text">退出</view>
  <view class="text">登录</view>
</view>

<view class="scan" bind:tap="scan">
  <view class="text">扫码</view>
  <view class="text">接待</view>
</view>