|
|
|
@ -9,36 +9,48 @@ |
|
|
|
<text style="color: #BD3624;">*</text> |
|
|
|
</view> |
|
|
|
<view class="form-sheet-cell"> |
|
|
|
<input type="text" class="title-input"/> |
|
|
|
<input type="text" class="title-input" v-model="form.title"/> |
|
|
|
</view> |
|
|
|
|
|
|
|
<uv-cell |
|
|
|
title="租房地点" |
|
|
|
rightIconStyle="fontSize: 30rpx;" |
|
|
|
value="请选择租房地点" |
|
|
|
:value="form.address || '请选择租房地点'" |
|
|
|
@click="selectAddr" |
|
|
|
isLink |
|
|
|
></uv-cell> |
|
|
|
|
|
|
|
<uv-cell |
|
|
|
title="朝向" |
|
|
|
rightIconStyle="fontSize: 30rpx;" |
|
|
|
value="请选择朝向" |
|
|
|
:value="form.face || '请选择朝向'" |
|
|
|
@click="openPicker('face')" |
|
|
|
isLink |
|
|
|
></uv-cell> |
|
|
|
|
|
|
|
<uv-cell |
|
|
|
title="装修" |
|
|
|
rightIconStyle="fontSize: 30rpx;" |
|
|
|
value="请选择装修" |
|
|
|
:value="form.decoration || '请选择装修'" |
|
|
|
@click="openPicker('decoration')" |
|
|
|
isLink |
|
|
|
></uv-cell> |
|
|
|
|
|
|
|
<uv-cell |
|
|
|
<!-- <uv-cell |
|
|
|
title="楼层" |
|
|
|
rightIconStyle="fontSize: 30rpx;" |
|
|
|
value="请选择楼层" |
|
|
|
isLink |
|
|
|
></uv-cell> |
|
|
|
></uv-cell> --> |
|
|
|
|
|
|
|
<view class="form-sheet-cell"> |
|
|
|
<view class="label"> |
|
|
|
楼层 |
|
|
|
</view> |
|
|
|
<view class="price"> |
|
|
|
<input placeholder="请输入楼层（1楼）" v-model="form.floor" /> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="form-sheet-cell"> |
|
|
|
<view class="label"> |
|
|
|
@ -54,7 +66,7 @@ |
|
|
|
付款方式 |
|
|
|
</view> |
|
|
|
<view class="price"> |
|
|
|
<input placeholder="请输入付款方式（押一付三）" v-model="form.price" /> |
|
|
|
<input placeholder="请输入付款方式（押一付三）" v-model="form.payment" /> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
@ -63,7 +75,7 @@ |
|
|
|
租金/月 |
|
|
|
</view> |
|
|
|
<view class="price"> |
|
|
|
<input placeholder="请输入租金" type="number" v-model="form.money" /> |
|
|
|
<input placeholder="请输入租金" type="text" v-model="form.money" /> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
@ -72,7 +84,7 @@ |
|
|
|
面积 |
|
|
|
</view> |
|
|
|
<view class="price"> |
|
|
|
<input placeholder="请输入面积（米平方）" type="number" v-model="form.crm" /> |
|
|
|
<input placeholder="请输入面积（平方米）" type="number" v-model="form.crm" /> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
@ -81,52 +93,56 @@ |
|
|
|
<view class="label"> |
|
|
|
看房 |
|
|
|
</view> |
|
|
|
<uv-radio-group v-model="radiovalue"> |
|
|
|
<uv-radio-group v-model="form.showings"> |
|
|
|
<view class="price"> |
|
|
|
<uv-radio |
|
|
|
:customStyle="{margin: '8px'}" |
|
|
|
:customStyle="{margin: '8px'}" |
|
|
|
iconSize="30rpx" |
|
|
|
size="40rpx" |
|
|
|
labelSize="26rpx" |
|
|
|
label="随时可看" |
|
|
|
name="随时可看"> |
|
|
|
:label="t.name" |
|
|
|
v-for="(t, i) in showingsRadio" |
|
|
|
:key="i" |
|
|
|
:name="t.name"> |
|
|
|
</uv-radio> |
|
|
|
|
|
|
|
</view> |
|
|
|
</uv-radio-group> |
|
|
|
</view> |
|
|
|
<view class="form-sheet-cell"> |
|
|
|
<view class="label"> |
|
|
|
电梯 |
|
|
|
</view> |
|
|
|
<uv-radio-group v-model="form.lift"> |
|
|
|
<view class="price"> |
|
|
|
<uv-radio |
|
|
|
:customStyle="{margin: '8px'}" |
|
|
|
:customStyle="{margin: '8px'}" |
|
|
|
iconSize="30rpx" |
|
|
|
size="40rpx" |
|
|
|
labelSize="26rpx" |
|
|
|
label="电话预约" |
|
|
|
name="电话预约"> |
|
|
|
:label="t.name" |
|
|
|
:name="t.name" |
|
|
|
v-for="(t, i) in liftRadio" |
|
|
|
:key="i"> |
|
|
|
</uv-radio> |
|
|
|
|
|
|
|
</view> |
|
|
|
</uv-radio-group> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="form-sheet-cell"> |
|
|
|
<view class="label"> |
|
|
|
租房类型 |
|
|
|
交付 |
|
|
|
</view> |
|
|
|
<uv-radio-group v-model="form.type"> |
|
|
|
<uv-radio-group v-model="form.deliver"> |
|
|
|
<view class="price"> |
|
|
|
<uv-radio |
|
|
|
:customStyle="{margin: '8px'}" |
|
|
|
iconSize="30rpx" |
|
|
|
size="40rpx" |
|
|
|
labelSize="26rpx" |
|
|
|
label="整租" |
|
|
|
name="整租"> |
|
|
|
</uv-radio> |
|
|
|
|
|
|
|
<uv-radio |
|
|
|
:customStyle="{margin: '8px'}" |
|
|
|
iconSize="30rpx" |
|
|
|
size="40rpx" |
|
|
|
labelSize="26rpx" |
|
|
|
label="合租" |
|
|
|
name="合租"> |
|
|
|
:label="t.name" |
|
|
|
:name="t.name" |
|
|
|
v-for="(t, i) in deliverRadio" |
|
|
|
:key="i"> |
|
|
|
</uv-radio> |
|
|
|
</view> |
|
|
|
</uv-radio-group> |
|
|
|
@ -139,6 +155,13 @@ |
|
|
|
<input placeholder="请输入联系电话" v-model="form.phone" /> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="form-sheet-cell"> |
|
|
|
<view class="label"> |
|
|
|
备注 |
|
|
|
</view> |
|
|
|
<input placeholder="请输入备注" v-model="form.titleSub" /> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="images box"> |
|
|
|
<view class=""> |
|
|
|
精选照片 |
|
|
|
@ -178,11 +201,13 @@ |
|
|
|
placeholder="请输入详细介绍"></uv-textarea> |
|
|
|
</view> --> |
|
|
|
|
|
|
|
<uv-picker ref="picker" |
|
|
|
<uv-picker |
|
|
|
ref="picker" |
|
|
|
:columns="columns" |
|
|
|
@confirm="pickerConfirm"></uv-picker> |
|
|
|
|
|
|
|
<view class="uni-color-btn"> |
|
|
|
<view class="uni-color-btn" |
|
|
|
@click="submit"> |
|
|
|
发布 |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
@ -190,6 +215,7 @@ |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import Position from '@/utils/position.js' |
|
|
|
import { mapState } from 'vuex' |
|
|
|
export default { |
|
|
|
data() { |
|
|
|
@ -198,49 +224,58 @@ |
|
|
|
addId : '',//地区id |
|
|
|
address : '',//地址 |
|
|
|
crm : '',//面积 |
|
|
|
showings : '随时可看',//看房 |
|
|
|
face : '', |
|
|
|
lift : '有', |
|
|
|
deliver : '整租', |
|
|
|
floor : '', |
|
|
|
decoration : '', |
|
|
|
}, |
|
|
|
radiovalue : '', |
|
|
|
priceType : [ |
|
|
|
showingsRadio : [//看房 |
|
|
|
{ |
|
|
|
name : '月付', |
|
|
|
name : '随时可看', |
|
|
|
}, |
|
|
|
{ |
|
|
|
name : '季付', |
|
|
|
name : '电话预约', |
|
|
|
}, |
|
|
|
], |
|
|
|
liftRadio : [ |
|
|
|
{ |
|
|
|
name : '年付', |
|
|
|
name : '有', |
|
|
|
}, |
|
|
|
{ |
|
|
|
name : '无', |
|
|
|
}, |
|
|
|
], |
|
|
|
radiolist : [ |
|
|
|
deliverRadio : [ |
|
|
|
{ |
|
|
|
name : '日结', |
|
|
|
name : '整租', |
|
|
|
}, |
|
|
|
{ |
|
|
|
name : '月结', |
|
|
|
name : '合租', |
|
|
|
}, |
|
|
|
], |
|
|
|
fileList : [], |
|
|
|
imageMax : 9, |
|
|
|
picker : { |
|
|
|
workYear : [ |
|
|
|
'不限', |
|
|
|
face : [ |
|
|
|
'朝东', |
|
|
|
'朝南', |
|
|
|
'朝西', |
|
|
|
'朝北', |
|
|
|
], |
|
|
|
school : [ |
|
|
|
'不限', |
|
|
|
'初中', |
|
|
|
'高中', |
|
|
|
'专科', |
|
|
|
'本科', |
|
|
|
'研究生', |
|
|
|
'博士', |
|
|
|
decoration : [ |
|
|
|
'精装', |
|
|
|
'毛胚', |
|
|
|
], |
|
|
|
}, |
|
|
|
pickerKey : '', |
|
|
|
} |
|
|
|
}, |
|
|
|
onLoad() { |
|
|
|
for (var i = 0; i < 30; i++) { |
|
|
|
this.picker.workYear.push((i + 1) + '年') |
|
|
|
} |
|
|
|
// for (var i = 0; i < 30; i++) { |
|
|
|
// this.picker.workYear.push((i + 1) + '年') |
|
|
|
// } |
|
|
|
this.form.addId = this.cityList[0].id |
|
|
|
}, |
|
|
|
computed : { |
|
|
|
@ -272,7 +307,7 @@ |
|
|
|
}, |
|
|
|
//地图上选择地址 |
|
|
|
selectAddr() { |
|
|
|
Position.selectAddress(res => { |
|
|
|
Position.selectAddress(0, 0, res => { |
|
|
|
//经纬度信息 |
|
|
|
this.form.latitude = res.latitude |
|
|
|
this.form.longitude = res.longitude |
|
|
|
@ -285,24 +320,35 @@ |
|
|
|
// 提交 |
|
|
|
submit(){ |
|
|
|
|
|
|
|
if(this.fileList.length == 0){ |
|
|
|
return uni.showToast({ |
|
|
|
title: '请上传精选照片', |
|
|
|
icon : 'none' |
|
|
|
}) |
|
|
|
} |
|
|
|
|
|
|
|
if (this.$utils.verificationAll(this.form, { |
|
|
|
title: '请输入标题', |
|
|
|
address : '请选择租房地点', |
|
|
|
face : '请选择朝向', |
|
|
|
decoration : '请选择装修', |
|
|
|
floor : '请输入楼层', |
|
|
|
home : '请输入户型', |
|
|
|
payment : '请输入付款方式', |
|
|
|
money : '请输入租金', |
|
|
|
crm : '请输入面积', |
|
|
|
showings : '请选择看房', |
|
|
|
lift : '请选择电梯', |
|
|
|
deliver : '请选择交付方式', |
|
|
|
phone: '请输入联系电话', |
|
|
|
titleSub : '请输入备注', |
|
|
|
// titleSub : '请输入备注', |
|
|
|
})) { |
|
|
|
return |
|
|
|
} |
|
|
|
|
|
|
|
this.$api('publishJob', this.form, res => { |
|
|
|
if(this.fileList.length == 0){ |
|
|
|
return uni.showToast({ |
|
|
|
title: '请上传精选照片', |
|
|
|
icon : 'none' |
|
|
|
}) |
|
|
|
} |
|
|
|
|
|
|
|
this.form.image = this.fileList.map(n => n.url).join(',') |
|
|
|
|
|
|
|
this.$api('publishRent', this.form, res => { |
|
|
|
if(res.code == 200){ |
|
|
|
uni.showToast({ |
|
|
|
title: '发布成功!', |
|
|
|
|
