|
|
@@ -11,8 +11,8 @@
|
|
|
custom-class="xl-drawer"
|
|
|
direction="rtl"
|
|
|
>
|
|
|
- <base-form ref="ruleForm" class="lib-edit" :data="formData" :is-inline="false" label-width="110px" :insertSlotArr="[8,9]">
|
|
|
- <div slot="OI8">
|
|
|
+ <base-form ref="ruleForm" class="lib-edit" :data="formData" :is-inline="false" label-width="110px" :insertSlotArr="[9]">
|
|
|
+ <div slot="OI9">
|
|
|
<div class="scoped-img-area">
|
|
|
<div class="sia-op" v-for="(imgsrc,index) in imagesArr" :key="index">
|
|
|
<img class="img" :src="imgsrc + '_adm0'" alt="img">
|
|
|
@@ -71,6 +71,7 @@ export default {
|
|
|
cObj: {},
|
|
|
isShowMap: false,
|
|
|
imagesArr: [],
|
|
|
+ roomAreaList: [],
|
|
|
}
|
|
|
},
|
|
|
watch: {
|
|
|
@@ -114,44 +115,86 @@ export default {
|
|
|
getDef (str) {
|
|
|
let params = {}
|
|
|
params = { ...this.cObj }
|
|
|
- let disabled = false
|
|
|
- if (params.id) disabled = true
|
|
|
- this.formData = [
|
|
|
- { label: '房源标题', key: 'title'},
|
|
|
- { label: '所属区域', key: 'area_type', type: 'select', class: 'c-3', options: this.$dictData.area_type },
|
|
|
- { label: '产品类型', key: 'product_type', class: 'c-3', type: 'select', options: this.$dictData.product_type},
|
|
|
- { label: '房源户型', key: 'house_type', class: 'c-3', type: 'select', options: this.$dictData.house_type},
|
|
|
- { label: '面积', key: 'area', class: 'c-3', type: 'inputFont', appendFont: '㎡'},
|
|
|
- { label: '总价', key: 'price', class: 'c-3'},
|
|
|
- { label: '所属楼盘', key: 'estate_id', class: 'c-3', type: 'selectRemote',
|
|
|
- remoteParams: { skey: 'estate_name', api: `house.admestatelist`, opKey: 'estate_name', opVal: 'id' },
|
|
|
- },
|
|
|
- { label: '房源主图', key: 'pri_image', class: 'c-3', type: 'cuImg',
|
|
|
- options: {
|
|
|
- w: 375,
|
|
|
- h: 250,
|
|
|
- SY: 1,
|
|
|
- }
|
|
|
- },
|
|
|
- { label: '房源简介', key: 'remarked', class: 'c-3s', type: 'textarea' },
|
|
|
- { label: '房源地址', key: 'address' },
|
|
|
- ]
|
|
|
+ if (params.estate_id) {
|
|
|
+ this.formData = [
|
|
|
+ { label: '房源标题', key: 'title'},
|
|
|
+ { label: '所属楼盘', key: 'estate_id', rules: 1, class: 'c-3', type: 'selectRemote', changeHandle: this.estateChange,
|
|
|
+ remoteParams: { skey: 'estate_name', api: `house.admestatelist`, opKey: 'estate_name', opVal: 'id' },
|
|
|
+ },
|
|
|
+ { label: '区域', key: 'area_type', class: 'c-3', type: 'select', options: this.$dictData.area_type},
|
|
|
+ { label: '产品类型', key: 'product_type', class: 'c-3', type: 'select', options: this.$dictData.product_type},
|
|
|
+ { label: `户型`, key: `HT`, class: 'c-3', rules: 1, type: 'select', options: this.roomAreaList, changeHandle: this.htChange,},
|
|
|
+ { label: '面积', key: 'area', class: 'c-3', type: 'inputFont', appendFont: '㎡'},
|
|
|
+ { label: '房源户型', key: 'house_type', class: 'c-3', type: 'select', options: this.$dictData.house_type},
|
|
|
+ { label: '户型图', key: 'hxt', class: 'c-3', type: 'upload' },
|
|
|
+ { label: '房源主图', key: 'pri_image', rules: 1, class: 'c-3', type: 'cuImg',
|
|
|
+ options: {
|
|
|
+ w: 375,
|
|
|
+ h: 250,
|
|
|
+ SY: 1,
|
|
|
+ }
|
|
|
+ },
|
|
|
+ { label: '房源地址', key: 'address' },
|
|
|
+ { label: '详细地址', label2: '如：1栋2单元305室', class: 'c-3s', key: 'xxxxxxx' },
|
|
|
+ { label: '满几年', key: 'xxxxxxxx', class: 'c-3', type: 'select', options: this.$dictData.house_room_year },
|
|
|
+ { label: '总价', key: 'price', class: 'c-3'},
|
|
|
+ { label: '层高', label2: '如：6/7', class: 'c-3', key: 'xxxxxxx' },
|
|
|
+ { label: '是否装修', key: 'xxxxxxxx', class: 'c-3', type: 'select', options: this.$dictData.sys_yesno },
|
|
|
+ { label: '业主称呼', class: 'c-3', key: 'xxxxxxx' },
|
|
|
+ { label: '业主电话', class: 'c-3', key: 'xxxxxxx' },
|
|
|
+ { label: '自定义标签', class: 'c-3', key: 'xxxxxxx' },
|
|
|
+ { label: '备注', key: 'remarked', type: 'textarea' },
|
|
|
+ ]
|
|
|
+ } else {
|
|
|
+ this.formData = [
|
|
|
+ { label: '房源标题', key: 'title'},
|
|
|
+ { label: '所属楼盘', key: 'estate_id', rules: 1, type: 'selectRemote', changeHandle: this.estateChange,
|
|
|
+ remoteParams: { skey: 'estate_name', api: `house.admestatelist`, opKey: 'estate_name', opVal: 'id' },
|
|
|
+ },
|
|
|
+ ]
|
|
|
+ }
|
|
|
params.pri_image = this.IMadd(params.pri_image)
|
|
|
this.setDefaultValue(params)
|
|
|
},
|
|
|
- getImgUrl (str) {
|
|
|
- let backStr = ''
|
|
|
- if (str && str.indexOf('?') > -1) {
|
|
|
- const imgArr = str.split('?')
|
|
|
- const queryArr = imgArr[1].split('&')
|
|
|
- queryArr.forEach(q =>{
|
|
|
- const curQArr = q.split('=')
|
|
|
- if (curQArr[0] === 'url') {
|
|
|
- backStr = curQArr[1]
|
|
|
- }
|
|
|
+ estateChange (estate_id, op, cur) {
|
|
|
+ this.$api.house.admestatehousearealist({estate_id}).then(res => {
|
|
|
+ const list = res.list || []
|
|
|
+ const htObj = arrToObj(this.$dictData.house_type)
|
|
|
+ const ptObj = arrToObj(this.$dictData.product_type)
|
|
|
+ list.map(item => {
|
|
|
+ item.key = `${htObj[item.house_type]}${item.area}㎡-${ptObj[item.product_type]}`
|
|
|
+ item.key2 = `${htObj[item.house_type]}`
|
|
|
+ item.val = item.id
|
|
|
})
|
|
|
- }
|
|
|
- return backStr
|
|
|
+ this.roomAreaList = [...list]
|
|
|
+ this.cObj.estate_id = estate_id
|
|
|
+ this.cObj.area_type = cur.area_type
|
|
|
+ this.cObj.address = cur.address
|
|
|
+ this.cObj.latitude = cur.latitude
|
|
|
+ this.cObj.longitude = cur.longitude
|
|
|
+ this.cObj.estate_name = cur.estate_name
|
|
|
+ this.cObj.title = `${cur.estate_name}-${arrToObj(this.$dictData.area_type)[cur.area_type]}`
|
|
|
+ this.cObj.product_type = ''
|
|
|
+ this.cObj.house_type = ''
|
|
|
+ this.cObj.area = ''
|
|
|
+ this.cObj.hxt = ''
|
|
|
+ this.cObj.HT = ''
|
|
|
+ this.getDef()
|
|
|
+ })
|
|
|
+ },
|
|
|
+ htChange (val) {
|
|
|
+ this.roomAreaList.forEach(ra => {
|
|
|
+ if (val === ra.id) {
|
|
|
+ this.cObj.product_type = ra.product_type
|
|
|
+ this.cObj.house_type = ra.house_type
|
|
|
+ this.cObj.area = ra.area
|
|
|
+ this.cObj.hxt = ra.pri_image
|
|
|
+ this.cObj.HT = val
|
|
|
+ this.cObj.title = `${ra.key}-${this.cObj.estate_name}(${arrToObj(this.$dictData.area_type)[this.cObj.area_type]})`
|
|
|
+ this.getDef()
|
|
|
+ }
|
|
|
+ return
|
|
|
+ })
|
|
|
},
|
|
|
close (str) {
|
|
|
if (str === 'confirm') {
|
|
|
@@ -235,7 +278,8 @@ export default {
|
|
|
margin-bottom: 10px;
|
|
|
}
|
|
|
.scoped-img-area {
|
|
|
- text-align: center;
|
|
|
+ text-align: left;
|
|
|
+ width: 280px;
|
|
|
.sia-op {
|
|
|
display: inline-block;
|
|
|
vertical-align: middle;
|
