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.
553 lines
19 KiB
553 lines
19 KiB
<template>
|
|
<view class="se-p-40 se-bgc-white">
|
|
<uv-form labelPosition="left" :model="form" :rules="rules" ref="form" labelWidth="60" labelStyle="font-size:26rpx;">
|
|
<uv-form-item label="标题" prop="title" >
|
|
<uv-input v-model="form.title" type="text" placeholder="请输入标题" customStyle="border-radius: 5px;margin-top:5px;background-color: #f5f5f5;padding:5px 10px;"></uv-input>
|
|
</uv-form-item>
|
|
<uv-form-item label="价格" prop="price">
|
|
<uv-input v-model="form.price" type="text" placeholder="请输入价格" customStyle="border-radius: 5px;margin-top:5px;background-color: #f5f5f5;padding:5px 10px;"></uv-input>
|
|
</uv-form-item>
|
|
<uv-form-item label="户型" prop="house">
|
|
<uv-input v-model="form.house" type="text" placeholder="请输入户型" customStyle="border-radius: 5px;margin-top:5px;background-color: #f5f5f5;padding:5px 10px;"></uv-input>
|
|
</uv-form-item>
|
|
<uv-form-item label="面积" prop="proportion">
|
|
<uv-input v-model="form.proportion" type="text" placeholder="请输入面积" customStyle="border-radius: 5px;margin-top:5px;background-color: #f5f5f5;padding:5px 10px;"></uv-input>
|
|
</uv-form-item>
|
|
<uv-form-item label="所属位置" prop="address" @click="handleAreaChange()">
|
|
<uv-input v-model="form.address" @click="handleAreaChange()" disabled disabledColor="#ffffff" placeholder="所属位置" border="none">
|
|
</uv-input>
|
|
<template v-slot:right>
|
|
<uv-icon name="arrow-right"></uv-icon>
|
|
</template>
|
|
</uv-form-item>
|
|
<uv-form-item label="编号" prop="number">
|
|
<uv-input v-model="form.number" type="text" placeholder="请输入编号" customStyle="border-radius: 5px;margin-top:5px;background-color: #f5f5f5;padding:5px 10px;"></uv-input>
|
|
</uv-form-item>
|
|
<uv-form-item label="房屋周边" prop="perimeter">
|
|
<uv-input v-model="form.perimeter" type="text" placeholder="请输入房屋周边" customStyle="border-radius: 5px;margin-top:5px;background-color: #f5f5f5;padding:5px 10px;"></uv-input>
|
|
</uv-form-item>
|
|
<uv-form-item label="标签" prop="iconTitle">
|
|
<uv-input v-model="form.iconTitle" type="text" placeholder="请输入标签用逗号隔开" customStyle="border-radius: 5px;margin-top:5px;background-color: #f5f5f5;padding:5px 10px;"></uv-input>
|
|
</uv-form-item>
|
|
<uv-form-item label="房间数量" prop="housesNumber">
|
|
<uv-number-box v-model="form.housesNumber" :min="1" :max="10"></uv-number-box>
|
|
</uv-form-item>
|
|
<uv-form-item label="房屋主体是否改造" labelWidth="200" prop="revamp">
|
|
<uv-radio-group v-model="form.revamp" placement="row">
|
|
<uv-radio name="1" label="是"></uv-radio>
|
|
<uv-radio name="0" customStyle="margin-left:30rpx;" label="否"></uv-radio>
|
|
</uv-radio-group>
|
|
</uv-form-item>
|
|
<uv-form-item label="是否经过安置" labelWidth="200" prop="resettle">
|
|
<uv-radio-group v-model="form.resettle" placement="row">
|
|
<uv-radio name="1" label="是"></uv-radio>
|
|
<uv-radio name="0" customStyle="margin-left:30rpx;" label="否"></uv-radio>
|
|
</uv-radio-group>
|
|
</uv-form-item>
|
|
<uv-form-item label="院子总面积" labelWidth="100" prop="yardProportion">
|
|
<uv-input v-model="form.yardProportion" type="text" placeholder="请输入院子总面积" customStyle="border-radius: 5px;margin-top:5px;background-color: #f5f5f5;padding:5px 10px;"></uv-input>
|
|
</uv-form-item>
|
|
<uv-form-item label="坟包及电塔工厂噪音" labelWidth="150" prop="noise">
|
|
<uv-input v-model="form.noise" type="text" placeholder="请输入坟包及电塔工厂噪音" customStyle="border-radius: 5px;margin-top:5px;background-color: #f5f5f5;padding:5px 10px;"></uv-input>
|
|
</uv-form-item>
|
|
<uv-form-item label="水电气网" prop="net">
|
|
<uv-input v-model="form.net" type="text" placeholder="请输入水电气网" customStyle="border-radius: 5px;margin-top:5px;background-color: #f5f5f5;padding:5px 10px;"></uv-input>
|
|
</uv-form-item>
|
|
<uv-form-item label="停车" prop="park">
|
|
<uv-input v-model="form.park" type="text" placeholder="请输入停车" customStyle="border-radius: 5px;margin-top:5px;background-color: #f5f5f5;padding:5px 10px;"></uv-input>
|
|
</uv-form-item>
|
|
<uv-form-item label="付款方式及押金" labelWidth="120" prop="deposit">
|
|
<uv-input v-model="form.deposit" type="text" placeholder="请输入押金" customStyle="border-radius: 5px;margin-top:5px;background-color: #f5f5f5;padding:5px 10px;"></uv-input>
|
|
</uv-form-item>
|
|
<uv-form-item label="天府市民云房屋信息档案查询" labelWidth="100" prop="archival" labelPosition="top">
|
|
<uv-input v-model="form.archival" type="text" placeholder="请输入天府市民云房屋信息档案查询" customStyle="border-radius: 5px;margin-top:5px;background-color: #f5f5f5;padding:5px 10px;"></uv-input>
|
|
</uv-form-item>
|
|
<uv-form-item label="租期" prop="tenancy">
|
|
<uv-input v-model="form.tenancy" type="text" placeholder="请输入租期" customStyle="border-radius: 5px;margin-top:5px;background-color: #f5f5f5;padding:5px 10px;"></uv-input>
|
|
</uv-form-item>
|
|
<uv-form-item label="邻居对房东的评价" labelWidth="120" prop="evaluate">
|
|
<uv-input v-model="form.evaluate" type="text" placeholder="请输入邻居对房东的评价" customStyle="border-radius: 5px;margin-top:5px;background-color: #f5f5f5;padding:5px 10px;"></uv-input>
|
|
</uv-form-item>
|
|
<uv-form-item label="非正常死亡" labelWidth="80" prop="death">
|
|
<uv-input v-model="form.death" type="text" placeholder="请输入非正常死亡" customStyle="border-radius: 5px;margin-top:5px;background-color: #f5f5f5;padding:5px 10px;"></uv-input>
|
|
</uv-form-item>
|
|
<uv-form-item label="钥匙" prop="key">
|
|
<uv-radio-group v-model="form.key" placement="row">
|
|
<uv-radio name="1" label="有"></uv-radio>
|
|
<uv-radio name="0" customStyle="margin-left:30rpx;" label="无"></uv-radio>
|
|
</uv-radio-group>
|
|
<!-- <uv-input v-model="form.key" type="text" placeholder="请输入钥匙" customStyle="border-radius: 5px;margin-top:5px;background-color: #f5f5f5;padding:5px 10px;"></uv-input> -->
|
|
</uv-form-item>
|
|
<uv-form-item label="佣金" prop="commission">
|
|
<uv-input v-model="form.commission" type="text" placeholder="请输入佣金" customStyle="border-radius: 5px;margin-top:5px;background-color: #f5f5f5;padding:5px 10px;"></uv-input>
|
|
</uv-form-item>
|
|
<uv-form-item label="年限" prop="timeGo">
|
|
<uv-input v-model="form.timeGo" type="text" placeholder="请输入年限" customStyle="border-radius: 5px;margin-top:5px;background-color: #f5f5f5;padding:5px 10px;"></uv-input>
|
|
</uv-form-item>
|
|
<uv-form-item label="报建手续" prop="procedures">
|
|
<uv-input v-model="form.procedures" type="text" placeholder="请输入报建手续" customStyle="border-radius: 5px;margin-top:5px;background-color: #f5f5f5;padding:5px 10px;"></uv-input>
|
|
</uv-form-item>
|
|
<uv-form-item label="产权证照片" labelWidth="250" prop="isOwnershipList" labelPosition="top">
|
|
<uv-upload customStyle="margin-top:20rpx;" :fileList="form.ownershipList" @afterRead="afterOwnershipRead" @delete="deleteOwnershipPic" name="1"
|
|
multiple :maxCount="10"></uv-upload>
|
|
</uv-form-item>
|
|
<uv-form-item label="房屋照片/视频" labelWidth="250" prop="isHouseList" labelPosition="top">
|
|
<uv-upload customStyle="margin-top:20rpx;" :fileList="form.houseList" @afterRead="afterHouseRead" @delete="deleteHousePic" name="1"
|
|
multiple :maxCount="10"></uv-upload>
|
|
</uv-form-item>
|
|
<uv-form-item label="视频" labelWidth="250" prop="isMp4List" labelPosition="top">
|
|
<uv-upload customStyle="margin-top:20rpx;" :fileList="form.mp4List" @afterRead="aftermp4Read" @delete="deletemp4Pic" name="1"
|
|
multiple :maxCount="10"></uv-upload>
|
|
</uv-form-item>
|
|
<uv-form-item label="备注" prop="remark" labelPosition="top">
|
|
<uv-input v-model="form.remark" type="text" placeholder="请输入备注" customStyle="border-radius: 5px;margin-top:5px;background-color: #f5f5f5;padding:5px 10px;"></uv-input>
|
|
</uv-form-item>
|
|
<uv-form-item>
|
|
<uv-button type="primary" text="确认发布" customStyle="margin-top: 30px;background-color: #1EC77A;border-radius: 30px;" @click="submit"></uv-button>
|
|
</uv-form-item>
|
|
</uv-form>
|
|
<!-- 地址 -->
|
|
<citySelect ref="citySelectRef" :zIndex="0" @city-change="handleCityChange"></citySelect>
|
|
</view>
|
|
</template>
|
|
|
|
<script>
|
|
import { saveOrUpdateHouse } from "@/common/api.js"
|
|
import citySelect from "@/components/cityselect/index.vue"
|
|
export default{
|
|
components:{
|
|
citySelect
|
|
},
|
|
data(){
|
|
return{
|
|
id:"",
|
|
form:{
|
|
// title:"这是标题",//标题
|
|
// price:"32.34",//价格
|
|
// house:"这是户型",//户型
|
|
// proportion:"89",//面积
|
|
// address:"湖南长沙岳麓区",//所属位置
|
|
// number:"2006",//编号
|
|
// perimeter:"商场,地铁",//房屋周边
|
|
// iconTitle:"商场,地铁,学校",//标签
|
|
// housesNumber:1,//房间数量
|
|
// revamp:0,//房屋主体是否改造
|
|
// resettle:0,//是否经过安置
|
|
// yardProportion:"无",//院子总面积
|
|
// noise:"大",//噪音
|
|
// net:"有",//水电气网
|
|
// park:"有一个停车位",//停车
|
|
// deposit:"1200",//押金
|
|
// archival:"档案查询",//档案查询
|
|
// tenancy:"租期",//租期
|
|
// evaluate:"评价",//评价
|
|
// death:"非正常死亡",//非正常死亡
|
|
// key:"1",//钥匙
|
|
// commission:"230",//佣金
|
|
// timeGo:"",//年限
|
|
// procedures:"20",//手续
|
|
// isOwnershipList:"1",
|
|
// ownershipList:[
|
|
// {
|
|
// url:"https://tennis-oss.xzaiyp.top/2024-12-04/61d46ae3-bf72-430f-8046-698b92b18f81.jpg"
|
|
// },
|
|
// {
|
|
// url:"https://tennis-oss.xzaiyp.top/2024-12-04/3987c047-1c50-43e4-940d-9ce96cd06225.jpg"
|
|
// }
|
|
// ],
|
|
// isHouseList:"1",
|
|
// houseList:[
|
|
// {
|
|
// url:"https://tennis-oss.xzaiyp.top/2024-12-04/61d46ae3-bf72-430f-8046-698b92b18f81.jpg"
|
|
// },
|
|
// {
|
|
// url:"https://tennis-oss.xzaiyp.top/2024-12-04/3987c047-1c50-43e4-940d-9ce96cd06225.jpg"
|
|
// }
|
|
// ],
|
|
// isMp4List:"1",
|
|
// mp4List:[],
|
|
// remark:""
|
|
|
|
title:"",//标题
|
|
price:"",//价格
|
|
house:"",//户型
|
|
proportion:"",//面积
|
|
address:"",//所属位置
|
|
number:"",//编号
|
|
perimeter:"",//房屋周边
|
|
iconTitle:"",//标签
|
|
housesNumber:1,//房间数量
|
|
revamp:0,//房屋主体是否改造
|
|
resettle:0,//是否经过安置
|
|
yardProportion:"",//院子总面积
|
|
noise:"",//噪音
|
|
net:"",//水电气网
|
|
park:"",//停车
|
|
deposit:"",//押金
|
|
archival:"",//档案查询
|
|
tenancy:"",//租期
|
|
evaluate:"",//评价
|
|
death:"",//非正常死亡
|
|
key:"1",//钥匙
|
|
commission:"",//佣金
|
|
timeGo:"",//年限
|
|
procedures:"",//手续
|
|
isOwnershipList:"",
|
|
ownershipList:[],
|
|
isHouseList:"",
|
|
houseList:[],
|
|
isMp4List:"",
|
|
mp4List:[],
|
|
remark:""
|
|
},
|
|
rules:{
|
|
title:[
|
|
{
|
|
type: 'string',
|
|
required: true,
|
|
message: '请输入账号',
|
|
trigger: ['blur', 'change']
|
|
}
|
|
],
|
|
price:[
|
|
{
|
|
type: 'string',
|
|
required: true,
|
|
message: '请输入价格',
|
|
trigger: ['blur', 'change']
|
|
}
|
|
],
|
|
house:[
|
|
{
|
|
type: 'string',
|
|
required: true,
|
|
message: '请输入户型',
|
|
trigger: ['blur', 'change']
|
|
}
|
|
],
|
|
proportion:[
|
|
{
|
|
type: 'string',
|
|
required: true,
|
|
message: '请输入面积',
|
|
trigger: ['blur', 'change']
|
|
}
|
|
],
|
|
number:[
|
|
{
|
|
type: 'string',
|
|
required: true,
|
|
message: '请输入编号',
|
|
trigger: ['blur', 'change']
|
|
}
|
|
],
|
|
perimeter:[
|
|
{
|
|
type: 'string',
|
|
required: true,
|
|
message: '请输入房屋周边',
|
|
trigger: ['blur', 'change']
|
|
}
|
|
],
|
|
iconTitle:[
|
|
{
|
|
type: 'string',
|
|
required: true,
|
|
message: '请输入标签用，隔开',
|
|
trigger: ['blur', 'change']
|
|
}
|
|
],
|
|
yardProportion:[
|
|
{
|
|
type: 'string',
|
|
required: true,
|
|
message: '请输入院子总面积',
|
|
trigger: ['blur', 'change']
|
|
}
|
|
],
|
|
noise:[
|
|
{
|
|
type: 'string',
|
|
required: true,
|
|
message: '请输入坟包及电塔工厂噪音',
|
|
trigger: ['blur', 'change']
|
|
}
|
|
],
|
|
net:[
|
|
{
|
|
type: 'string',
|
|
required: true,
|
|
message: '请输入水电气网',
|
|
trigger: ['blur', 'change']
|
|
}
|
|
],
|
|
park:[
|
|
{
|
|
type: 'string',
|
|
required: true,
|
|
message: '请输入停车',
|
|
trigger: ['blur', 'change']
|
|
}
|
|
],
|
|
deposit:[
|
|
{
|
|
type: 'string',
|
|
required: true,
|
|
message: '请输入押金',
|
|
trigger: ['blur', 'change']
|
|
}
|
|
],
|
|
archival:[
|
|
{
|
|
type: 'string',
|
|
required: true,
|
|
message: '请输入天府市民云房屋信息档案查询',
|
|
trigger: ['blur', 'change']
|
|
}
|
|
],
|
|
tenancy:[
|
|
{
|
|
type: 'string',
|
|
required: true,
|
|
message: '请输入租期',
|
|
trigger: ['blur', 'change']
|
|
}
|
|
],
|
|
evaluate:[
|
|
{
|
|
type: 'string',
|
|
required: true,
|
|
message: '请输入邻居对房东的评价',
|
|
trigger: ['blur', 'change']
|
|
}
|
|
],
|
|
death:[
|
|
{
|
|
type: 'string',
|
|
required: true,
|
|
message: '请输入非正常死亡',
|
|
trigger: ['blur', 'change']
|
|
}
|
|
],
|
|
key:[
|
|
{
|
|
type: 'string',
|
|
required: true,
|
|
message: '请输入钥匙',
|
|
trigger: ['blur', 'change']
|
|
}
|
|
],
|
|
commission:[
|
|
{
|
|
type: 'string',
|
|
required: true,
|
|
message: '请输入佣金',
|
|
trigger: ['blur', 'change']
|
|
}
|
|
],
|
|
timeGo:[
|
|
{
|
|
type: 'string',
|
|
required: true,
|
|
message: '请输入年限',
|
|
trigger: ['blur', 'change']
|
|
}
|
|
],
|
|
procedures:[
|
|
{
|
|
type: 'string',
|
|
required: true,
|
|
message: '请输入报建手续',
|
|
trigger: ['blur', 'change']
|
|
}
|
|
],
|
|
}
|
|
}
|
|
},
|
|
watch: {
|
|
'form.ownershipList'(newValue, oldValue) {
|
|
if (newValue.length > 0) {
|
|
this.form.isOwnershipList = '有'
|
|
} else {
|
|
this.form.isOwnershipList = ''
|
|
}
|
|
},
|
|
'form.houseList'(newValue, oldValue) {
|
|
if (newValue.length > 0) {
|
|
this.form.isHouseList = '有'
|
|
} else {
|
|
this.form.isHouseList = ''
|
|
}
|
|
},
|
|
'form.mp4List'(newValue, oldValue) {
|
|
if (newValue.length > 0) {
|
|
this.form.isMp4List = '有'
|
|
} else {
|
|
this.form.isMp4List = ''
|
|
}
|
|
}
|
|
},
|
|
onReady() {
|
|
this.$refs.form.setRules(this.rules)
|
|
},
|
|
onLoad(options) {
|
|
this.id = options.id
|
|
},
|
|
mounted() {
|
|
|
|
},
|
|
methods:{
|
|
deleteHousePic(event) {
|
|
this.form.houseList.splice(event.index, 1)
|
|
},
|
|
async afterHouseRead(e) {
|
|
let self = this
|
|
e.file.forEach(file => {
|
|
self.$Oss.ossUpload(file.url).then(url => {
|
|
self.form.houseList.push({
|
|
url
|
|
})
|
|
})
|
|
})
|
|
},
|
|
deleteOwnershipPic(event) {
|
|
this.form.ownershipList.splice(event.index, 1)
|
|
},
|
|
async afterOwnershipRead(e) {
|
|
let self = this
|
|
e.file.forEach(file => {
|
|
self.$Oss.ossUpload(file.url).then(url => {
|
|
self.form.ownershipList.push({
|
|
url
|
|
})
|
|
})
|
|
})
|
|
},
|
|
deletemp4Pic(event) {
|
|
this.form.mp4List.splice(event.index, 1)
|
|
},
|
|
async aftermp4Read(e) {
|
|
let self = this
|
|
e.file.forEach(file => {
|
|
self.$Oss.ossUpload(file.url).then(url => {
|
|
self.form.mp4List.push({
|
|
url
|
|
})
|
|
})
|
|
})
|
|
},
|
|
handleAreaChange(){
|
|
this.$refs.citySelectRef.open()
|
|
},
|
|
handleCityChange(e) {
|
|
this.form.address = e.province.label + '-' + e.city.label + '-' + e.area.label;
|
|
},
|
|
submit() {
|
|
|
|
// price:"",//价格
|
|
// house:"",//户型
|
|
// proportion:"",//面积
|
|
// address:"",//所属位置
|
|
// number:"",//编号
|
|
// perimeter:"",//房屋周边
|
|
// housesNumber:1,//房间数量
|
|
// revamp:0,//房屋主体是否改造
|
|
// resettle:0,//是否经过安置
|
|
// yardProportion:"",//院子总面积
|
|
// noise:"",//噪音
|
|
// net:"",//水电气网
|
|
// park:"",//停车
|
|
// deposit:"",//押金
|
|
// archival:"",//档案查询
|
|
// tenancy:"",//租期
|
|
// evaluate:"",//评价
|
|
// death:"",//非正常死亡
|
|
// key:"",//钥匙
|
|
// commission:"",//佣金
|
|
// procedures:"",//手续
|
|
// isOwnershipList:"",
|
|
// ownershipList:[],
|
|
// isHouseList:"",
|
|
// houseList:[],
|
|
// remark:""
|
|
let that = this
|
|
that.$refs.form.validate().then(res => {
|
|
let params={
|
|
userId:"",
|
|
id:"",
|
|
classId:"",//分类标识
|
|
commonClass:"",//所属分类
|
|
address:that.form.address,//地址
|
|
homeAge:"",//户主年龄
|
|
homeAz:"",//是否经过安置
|
|
|
|
homeBian:"",//房屋周边
|
|
homeBjsx:"",//报建手续
|
|
homeCai:"",//菜地
|
|
homeCat:that.form.park,//停车
|
|
homeGz:that.form.revamp,//房屋主体是否改造
|
|
homeHb:"",//房屋朝向及海拔
|
|
homeBz:that.form.remark,//备注
|
|
homeJg:"",//房屋结构
|
|
homeJl:"",//距离场镇距离
|
|
homeJt:"",//交通
|
|
homeJtzy:"",//户主家庭职业
|
|
homeMi:"",//面积
|
|
homeMj:that.form.proportion,//房屋面积
|
|
homeMoney:that.form.commission,//佣金
|
|
homeNo:"",//房屋编号
|
|
homeNum:that.form.housesNumber,//房间数量
|
|
homePay:that.form.deposit,//付款方式及押金
|
|
homePj:that.form.evaluate,//邻居对房东评价
|
|
homeSd:that.form.net,//水电气网
|
|
homeShjl:"",//距离成都西三环
|
|
homeSw:that.form.death,//非正常死亡
|
|
homeTf:"",//府市民云房屋信息档案查询
|
|
homeTime:that.form.tenancy,//租期
|
|
homeType:that.form.house,//户型
|
|
homeYs:that.form.key,//钥匙
|
|
homeYzmj:that.form.yardProportion,//院子总面积
|
|
homeZy:that.form.noise,//坟包及电塔 工厂噪音
|
|
iconName:"",//热点名称
|
|
iconTitle:that.form.iconTitle,//标签
|
|
num:"",//浏览量
|
|
price:that.form.price,//价格
|
|
timeGo:that.form.timeGo,//年限
|
|
title:that.form.title,//标题
|
|
unit:"",//单位
|
|
image:that.form.ownershipList.map(item => item.url).join(','),//图片
|
|
iconImage:"",//左上角图标
|
|
homeImage:that.form.houseList.map(item => item.url).join(','),//产权证照片
|
|
homeMp4:"",//视频
|
|
}
|
|
saveOrUpdateHouse(params).then(response=>{
|
|
console.info('response',response)
|
|
uni.showToast({
|
|
title: response.message,
|
|
mask: false,
|
|
icon: 'none',
|
|
duration: 2000
|
|
})
|
|
setTimeout(()=>{
|
|
uni.redirectTo({
|
|
url:"/pages_subpack/successful-apply/index"
|
|
})
|
|
},2000)
|
|
|
|
}).catch(error=>{
|
|
|
|
})
|
|
}).catch(errors => {
|
|
console.info('errors',errors)
|
|
})
|
|
}
|
|
}
|
|
}
|
|
</script>
|
|
|
|
<style>
|
|
page{
|
|
background-color: #f5f5f5;
|
|
|
|
}
|
|
</style>
|