yuminge-app/yun-min-program-plugin-master/packageE/appointment/client/make_appointment/make_appointment.wxml

154 lines
5.7 KiB
Plaintext

<!--packageE/appointment/client/make_appointment/make_appointment.wxml-->
<view class="top_main">
<view class="goods">
<view class="img">
<image src="{{project.project_thumb}}" alt=""></image>
</view>
<view class="info">
{{project.project_title}}
</view>
</view>
<view class="cell">
<van-cell title="预约门店" is-link bind:click="getStore" value="{{AStore.store_name || '选择门店'}}"/>
<van-cell title="预约时间" is-link bind:click="toTime" value="{{start_time}}"/>
<van-cell wx:if="{{chooseTechnician.name}}" title="{{'预约'+appointmentLang.worker}}" value="{{chooseTechnician.name}}"/>
</view>
</view>
<view class="bottom_main">
<view class="title">您的姓名</view>
<input type="text" value="{{applyModel.customer_name}}" bindinput="inputCustomerName" placeholder="填写预约人的姓名"/>
<view class="title">您的电话</view>
<input type="number" value="{{applyModel.customer_tel}}" bindinput="inputCustomerTel" placeholder="填写预约人的电话"/>
<view class="title">备注</view>
<input type="text" value="{{applyModel.remark}}" bindinput="inputRemark" placeholder="填写备注"/>
</view>
<view id="submitBtn">
<text class="btn" bindtap="makeAppointment">预 约</text>
</view>
<van-popup
show="{{show1}}"
position="right"
custom-style="width:100%;height:100%"
>
<view class="header">
<text class="title">选择门店</text>
<icon bindtap="closeStore" class="close iconfont icon-adsystem_icon_cancle"></icon>
</view>
<view style="margin: 0.5rem 1rem;height: 90%;overflow-y: scroll">
<view class="project_list" wx:for="{{store}}" wx:key="id" bindtap="chooseStore" data-item="{{item}}">
<view style="width: 5rem;height: 5rem">
<image src="{{item.thumb}}" alt=""></image>
</view>
<view class="list_title">
<view class="list_title_top">
<text class="title">{{item.store_name}}</text>
<text class="distance-num">{{item.distance}}{{item.unit}}</text>
</view>
<view class="list_title_bottom">
<text class="time">营业时间:{{item.business_hours_start}}-{{item.business_hours_end}}</text>
<view>
<icon style="color:#cccccc;" class="iconfont icon-order_locate"></icon>
<text class="distance">{{item.address}}</text>
</view>
</view>
</view>
</view>
</view>
</van-popup>
<van-popup
show="{{showProjects}}"
position="right"
bind:click="bindProjects"
custom-style="width:100%;height:100%"
>
<van-cell>
<van-icon slot="icon" name="arrow-left" bindtap="closeProjects" />
<view slot="title" style="text-align: center">
<view class="van-cell-text">预约时间</view>
</view>
<view slot="right-icon" bindtap="closeProjects" class="van-cell-text" style="color: #f4a82e;">确定</view>
</van-cell>
<view id="appointment_time" style="">
<calender wx:if="{{showProjects}}" bind:select="handSelect" calendarEvents="{{calendarEvents}}"></calender>
<view class="main" wx:if="{{isRest || times.length <= 0}}">
<view class="tips">暂无可预约时间</view>
</view>
<van-collapse value="{{activeNames}}" wx:if="{{!isRest && work_date && times.length > 0}}" bind:change="changeCollapse">
<van-collapse-item title="请选择时间" name="1" value="{{start_time}}">
<view class="box-warp">
<view class="time-item {{start_time === time ? 'active' : ''}}" wx:for="{{times}}" wx:for-item="time"
bindtap="selectedTime" data-time="{{time}}" wx:key="{{index}}">{{time}}</view>
</view>
</van-collapse-item>
</van-collapse>
<view class="main" wx:if="{{!isRest && start_time}}">
<view class="tips" wx:if="{{technician.length <= 0}}">暂无{{appointmentLang.worker}}可预约</view>
<view class="tips" wx:else>选择{{appointmentLang.worker}}</view>
<view class="technician-list">
<radio-group bindchange="radioChange">
<block wx:for="{{technician}}" wx:key="id">
<label wx:if="{{item.status != 1}}">
<view class="technician-item" bindtap="clickTechnician" data-item="{{item}}">
<view style="display:flex;align-items:center;"><radio value="{{item.id}}" color="#f4a82e"/></view>
<view class="pic">
<image src="{{item.thumb}}" ></image>
</view>
<view class="technician-right">
<view class="top">
<view>{{item.name}}</view>
<view class="star">
<van-rate size="14" value="{{item.score}}" readonly />
</view>
</view>
<view class="describe1 text-over" style="-webkit-box-orient: vertical;">
<text class="blue">简介</text>
<text class="gray">{{item.description || '暂无'}}</text>
</view>
</view>
</view>
</label>
<!-- </van-radio> -->
<view class="technician-item" wx:if="{{item.status == 1}}">
<view class="number">已约</view>
<view class="pic">
<image src="{{item.thumb}}" ></image>
</view>
<view class="technician-right">
<view class="top">
<view>{{item.name}}</view>
<view class="star">
<van-rate size="14" value="{{item.score}}" readonly />
</view>
</view>
<view class="describe1 text-over" style="-webkit-box-orient: vertical;">
<text class="blue">简介</text>
<text class="gray">{{item.description || '暂无'}}</text>
</view>
</view>
</view>
</block>
</radio-group>
</view>
</view>
</view>
</van-popup>