jingshuiji/pages/deposit/deposit.wxml

139 lines
5.5 KiB
Plaintext

<!-- wxml文件 -->
<view class="container">
<view class="swiper">
<swiper circular autoplay bindanimationfinish="swiperChange">
<swiper-item wx:for="{{swiperList}}" >
<image src="{{item.src}}" mode="aspectFill" />
</swiper-item>
</swiper>
<div class="dot">
<view class="{{swiperActive == index ? 'active dot-item' : 'dot-item'}}" wx:for="{{swiperList}}"></view>
</div>
</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" disabled 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='请选择您所在的区域' placeholder-style="font-size: 26rpx;color:#999" />
</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="input-item input-item2">
<wan-select class="inputPlaceholder" options="{{depositList}}"
labelName="text"
valueName="id"
titleWidth="160rpx"
modelValue="{{deposit.text}}"
placeholder="请选择产品套餐"
bindhandleChange="handleChange"
title="产品套餐:"
readonly="{{false}}">
</wan-select>
</view>
<view class="input-item">
<text class="label">支付金额</text>
<view class="value">
<input type="text" value="{{selectedDeposit.price}}" placeholder-style="font-size: 26rpx;color:#999" disabled />
</view>
</view>
<view class="input-item item3">
<text class="label">详细说明</text>
<view class="value">
<!-- <input type="text" value="{{selectedDeposit.desc}}" placeholder-style="font-size: 26rpx;color:#999" disabled /> -->
<!-- <textarea auto-height value="{{selectedDeposit.desc}}" disabled /> -->
<rich-text nodes="{{selectedDeposit.desc}}" />
</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">确认支付 ¥{{selectedDeposit.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>
<van-popup show="{{ show4 }}" bind:close="onClose" safe-area-inset-bottom position="bottom" close-on-click-overlay>
<van-picker show="{{show4}}" show-toolbar columns="{{depositList}}" bind:confirm="onDepositConfirm" bind:cancel="onDepositCancel" confirm-button-text="确定" cancel-button-text="取消" />
</van-popup>