103 lines
3.9 KiB
Plaintext
103 lines
3.9 KiB
Plaintext
<!-- wxml文件 -->
|
|
<view class="container">
|
|
<!-- 顶部标题 -->
|
|
<view class="header">
|
|
<text class="title">押金交纳</text>
|
|
</view>
|
|
|
|
<!-- 押金金额显示 -->
|
|
<view class="deposit-card">
|
|
<text class="deposit-label">需交纳押金</text>
|
|
<text class="deposit-amount">¥ {{deposit.price}}</text>
|
|
<text class="deposit-tip">押金可退，使用结束后申请退还</text>
|
|
</view>
|
|
|
|
<view class="input-item">
|
|
<text class="label">客户姓名：</text>
|
|
<view class="value">
|
|
<input type="text" value="{{name}}" bindinput="ipt1" placeholder="请输入客户姓名" placeholder-style="font-size: 26rpx;color:#999" />
|
|
</view>
|
|
</view>
|
|
|
|
<view class="input-item">
|
|
<text class="label">客户电话：</text>
|
|
<view class="value">
|
|
<input type="number" value="{{phone}}" bindinput="ipt2" placeholder="请输入客户电话" maxlength="11" placeholder-style="font-size: 26rpx;color:#999" />
|
|
</view>
|
|
</view>
|
|
|
|
|
|
<!-- 预约时间 -->
|
|
<view class="input-item">
|
|
<text class="label">预约时间：</text>
|
|
<view class="upkeep_row_con" bind:tap="changeShow">
|
|
<input type="text" value="{{time}}" placeholder="请选择预约时间" placeholder-style="font-size: 26rpx;color:#999" disabled />
|
|
</view>
|
|
</view>
|
|
|
|
<view class="input-item">
|
|
<text class="label">所在区域：</text>
|
|
<view class="value value2" bind:tap="headerAreaClick">
|
|
<input type="text" value="{{area}}" disabled placeholder='请选择您所在的区域' />
|
|
</view>
|
|
</view>
|
|
|
|
<view class="input-item">
|
|
<text class="label">详细地址</text>
|
|
<view class="value">
|
|
<input type="text" value="{{address}}" bindinput="ipt3" placeholder="请填写详细地址" placeholder-style="font-size: 26rpx;color:#999" />
|
|
</view>
|
|
</view>
|
|
|
|
|
|
|
|
|
|
|
|
<!-- 协议条款 -->
|
|
<view class="agreement">
|
|
<checkbox-group bindchange="checkboxChange">
|
|
<checkbox checked="{{agreed}}"></checkbox>
|
|
</checkbox-group>
|
|
|
|
<text>我已阅读并同意</text>
|
|
<text class="link" bind:tap="yajin">《押金交纳协议》</text>
|
|
</view>
|
|
|
|
<!-- 底部支付按钮 -->
|
|
<view class="footer">
|
|
<button class="pay-btn" bindtap="handlePay">确认支付 ¥{{deposit.price}}</button>
|
|
</view>
|
|
</view>
|
|
|
|
<!-- 支付协议 -->
|
|
<van-popup show="{{ show }}" bind:close="yajin" position="bottom" round>
|
|
<view>
|
|
|
|
</view>
|
|
</van-popup>
|
|
|
|
<!-- 预约时间 -->
|
|
<van-popup show="{{ show2 }}" bind:close="onClose" safe-area-inset-bottom position="bottom" close-on-click-overlay>
|
|
<van-datetime-picker bind:cancel="onClose" formatter="{{ formatter }}" type="datetime" min-date="{{ minDate }}" bind:confirm="onInput" />
|
|
</van-popup>
|
|
|
|
|
|
|
|
<!-- 省市区选择 -->
|
|
<van-popup show="{{ show3 }}" custom-style="height: 40%;" safe-area-inset-bottom lock-scroll bind:close="onClose" round close-on-click-overlay position="bottom">
|
|
<view class="popup_title">
|
|
<view class="popup_label" bind:tap="onClose3">取消</view>
|
|
<view class="popup_label color_blue" bind:tap="onOk">确认</view>
|
|
</view>
|
|
<picker-view indicator-style="height: 50px;" style="width: 100%; height: 500rpx;" value="{{value}}" bindchange="bindChange">
|
|
<picker-view-column>
|
|
<view wx:for="{{cityList}}" wx:key="index" style="line-height: 50px; text-align: center;">{{item.name}}</view>
|
|
</picker-view-column>
|
|
<picker-view-column>
|
|
<view wx:for="{{newAreaList}}" wx:key="index" style="line-height: 50px; text-align: center;">{{item.name}}</view>
|
|
</picker-view-column>
|
|
<picker-view-column>
|
|
<view wx:for="{{newBusiness}}" wx:key="index" style="line-height: 50px; text-align: center;">{{item.business_name}}</view>
|
|
</picker-view-column>
|
|
</picker-view>
|
|
</van-popup> |