jingshuiji/pages/deposit/deposit.wxml
2025-06-06 15:07:26 +08:00

131 lines
5.3 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" 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">
<text class="label">选择类型</text>
<view class="value" bind:tap="changeDeposit">
<input type="text" value="{{depositName}}" placeholder="请选择类型" placeholder-style="font-size: 26rpx;color:#999" disabled />
</view>
</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 item2" >
<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 />
</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>