You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
84 lines
3.3 KiB
84 lines
3.3 KiB
<view class="tab-list">
|
|
<view class="tab-item {{currentTab === 'tab1' ? 'select' : '' }}"
|
|
bindtap="onChnageTab"
|
|
data-tab="tab1"
|
|
hover-class="hover-tab-btn"
|
|
hover-stay-time="150">我要预约</view>
|
|
<view class="tab-item {{currentTab === 'tab2' ? 'select' : '' }}"
|
|
bindtap="onChnageTab"
|
|
data-tab="tab2"
|
|
hover-class="hover-tab-btn"
|
|
hover-stay-time="150">已预约</view>
|
|
<view class="select-tab {{ currentTab === 'tab1' ? 'tab1' : currentTab === 'tab2' ? 'tab2' : ''}}"></view>
|
|
</view>
|
|
<view class="book-list" wx:if="{{currentTab === 'tab1'}}">
|
|
<block wx:if="{{bookList.length > 0}}">
|
|
<view class="book-item" wx:for="{{bookList}}" wx:key="index">
|
|
<view class="banner">
|
|
<image src="{{item.matterImg}}"></image>
|
|
</view>
|
|
<view class="right">
|
|
<view class="first">
|
|
<view class="title">{{item.matterName}}</view>
|
|
<view class="book-btn" bindtap="showTimePicker" hover-class="hover-book-btn" hover-stay-time="150" data-id="{{item.matterId}}" data-name="{{item.matterName}}">预约</view>
|
|
</view>
|
|
<view class="label-item">
|
|
<view class="label">办公电话</view>：
|
|
<view class="content">
|
|
<view class="content-item">{{item.workPhone}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="label-item">
|
|
<view class="label">可预约时间</view>：
|
|
<view class="content">
|
|
<view class="content-item">{{item.allowTime}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
<view class="nodata-container" wx:else>
|
|
<view class="nodata-icon">
|
|
<image class="" src="../../images/nothing.png"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="book-list" wx:else>
|
|
<block wx:if="{{bookedList.length > 0}}">
|
|
<view class="book-item" wx:for="{{bookedList}}" wx:key="index">
|
|
<view class="banner">
|
|
<image src="{{item.matterImg}}"></image>
|
|
</view>
|
|
<view class="right">
|
|
<view class="first">
|
|
<view class="title">{{item.matterName}}</view>
|
|
<view class="cancel-book-btn" hover-class="hover-cancel-book-btn" hover-stay-time="150" bindtap="cancelappointment" data-id="{{item.recordId}}">取消预约</view>
|
|
</view>
|
|
<view class="label-item">
|
|
<view class="label">办公电话</view>：
|
|
<view class="content">
|
|
<view class="content-item">{{item.appointmentPhone}}</view>
|
|
</view>
|
|
</view>
|
|
<view class="label-item">
|
|
<view class="label">预约时间</view>：
|
|
<view class="content">
|
|
<view class="content-item" wx:for="{{item.appointmentTime}}" wx:key="index" wx:for-item="time">{{item.appointmentDate}} {{time}}</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
</block>
|
|
<view class="nodata-container" wx:else>
|
|
<view class="nodata-icon">
|
|
<image class="" src="../../images/nothing.png"></image>
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<load-more loadMoreVisible="{{loadMoreVisible}}" loadMoreType="{{loadMoreType}}"></load-more>
|
|
<time-picker visible="{{timePickerVisible}}"
|
|
bind:onclose="timePickerClose"
|
|
bind:bookCb="bookCb"
|
|
matterId="{{currentMatterId}}"
|
|
matterName="{{currentMatterName}}">
|
|
</time-picker>
|