t

src/views/house/components/popup/OldEdit.vue

@@ -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;