租房掌柜微信小程序Api以及小程序前端模板
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.
 
 
 
 
 
 

140 lines
4.7 KiB

<cu-custom bgColor="bg-blue" isBack="{{true}}">
<view slot="backText">返回</view>
<view slot="content">表单</view>
</cu-custom>
<form bindsubmit="formSubmit" bindreset="formReset">
<view class="cu-bar bg-white solid-bottom ">
<view class='action'>
<text class='cuIcon-titles text-orange '></text> 房源信息
</view>
</view>
<view class="cu-form-group">
<view class="title">小区名称</view>
<input name="name" placeholder="请输入小区名称"></input>
</view>
<view class="cu-form-group">
<view class="title">地址选择</view>
<picker mode="region" bindchange="RegionChange" value="{{region}}" custom-item="{{customItem}}">
<view class="picker">
{{region[0]}},{{region[1]}},{{region[2]}}
<input style="display:none;" name="province" value="{{region[0]}}"></input>
<input style="display:none;" name="city" value="{{region[1]}}"></input>
<input style="display:none;" name="area" value="{{region[2]}}"></input>
</view>
</picker>
</view>
<view class="cu-form-group">
<view class="title">门牌号</view>
<input name="door_number" placeholder="请输入小区门牌号"></input>
</view>
<view class="cu-form-group">
<view class="title">租金</view>
<input name="rent" placeholder="请输入租金"></input>
</view>
<view class="cu-form-group">
<view class="title">户型 </view>
<input name="apartment" placeholder="请输入户型 "></input>
</view>
<view class="cu-form-group">
<view class="title">面积 </view>
<input name="measure" placeholder="请输入面积(平方米)"></input>
</view>
<view class="cu-form-group">
<view class="title">水费 </view>
<input name="water_money" placeholder="请输入水费(以元为单位)"></input>
</view>
<view class="cu-form-group">
<view class="title">燃气费 </view>
<input name="gas_money" placeholder="请输入燃气费(以元为单位)"></input>
</view>
<view class="cu-form-group">
<view class="title">楼层 </view>
<input name="floor_num" placeholder="请输入楼层"></input>
</view>
<view class="cu-form-group">
<view class="title">房源配置 </view>
</view>
<checkbox-group name="housing_allocation">
<view class="cu-form-group grid col-3">
<view class="title" wx:for="{{housingAllocation}}">
<label>
<checkbox value="{{item.id}}" /> {{item.name}}
</label>
</view>
</view>
</checkbox-group>
<view class="cu-bar bg-white margin-top">
<view class="action">
房间相册
</view>
<view class="action">
{{imgList.length}}/4
</view>
</view>
<view class="cu-form-group">
<view class="grid col-4 grid-square flex-sub">
<view class="bg-img" wx:for="{{imgList}}" wx:key="{{index}}" bindtap="ViewImage" data-url="{{imgList[index]}}">
<image src='{{imgList[index]}}' mode='aspectFill'></image>
<view class="cu-tag bg-red" catchtap="DelImg" data-index="{{index}}">
<text class="cuIcon-close"></text>
</view>
</view>
<view class="solids" bindtap="ChooseImage" wx:if="{{imgList.length<4}}">
<text class="cuIcon-cameraadd"></text>
</view>
</view>
</view>
<view class="cu-bar bg-white solid-bottom ">
<view class='action'>
<text class='cuIcon-titles text-orange '></text> 房东信息
</view>
</view>
<view class="cu-form-group margin-top">
<view class="title">姓 名</view>
<input name="holder_name" placeholder="请输入房东姓名"></input>
</view>
<view class="cu-form-group">
<view class="title">手机号</view>
<input type="number" name="phone" placeholder="请输入手机号"></input>
</view>
<view class="cu-form-group">
<view class="title">状 态 </view>
<radio-group name="status" class="radio-group" bindchange="radioChange">
<label class="radio" wx:for="{{status}}">
<radio value="{{index}}" checked="{{item}}" /> {{item}}
</label>
</radio-group>
</view>
<view class="cu-form-group align-start">
<view class="title">收款信息</view>
<textarea name="pay_info" maxlength="200" disabled="{{modalName!=null}}" placeholder="请输入收款信息"></textarea>
</view>
<view class="cu-form-group align-start">
<view class="title">备 注</view>
<textarea name="notes" maxlength="200" disabled="{{modalName!=null}}" placeholder="请输入备注信息"></textarea>
</view>
<input style="display:none;" maxlength="500" type="text" name="photo" value="{{photo}}"></input>
<view class="box text-center">
<button class="cu-btn bg-blue margin-tb-sm lg" form-type="submit">立即保存
</button>
</view>
</form>