|
@@ -7,8 +7,10 @@
|
|
|
<el-divider content-position="left">地理位置</el-divider>
|
|
|
<el-row class="row-style">
|
|
|
<el-col :xs="24" :sm="12" :lg="12" :span="6">
|
|
|
- <el-form-item label="坐落:" prop="location" label-width="140px" class="postInfo-container-item">
|
|
|
- <el-input v-model="backgroundInfo.location" class="filter-item" />
|
|
|
+ <el-form-item label="坐落:" prop="location" label-width="140px" class="postInfo-container-item" >
|
|
|
+ <el-autocomplete v-model="backgroundInfo.location" :fetch-suggestions="fetchSuggestions" @select="handleSelect"
|
|
|
+ placeholder="请输入小区名称" style="width:100%" clearable>
|
|
|
+ </el-autocomplete>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
<el-col :xs="24" :sm="12" :lg="12" :span="6">
|
|
@@ -33,39 +35,43 @@
|
|
|
|
|
|
<el-divider content-position="left">交通状况</el-divider>
|
|
|
<el-row class="row-style">
|
|
|
- <el-col :xs="24" :sm="12" :lg="6" :span="6">
|
|
|
+ <el-col :xs="24" :sm="12" :lg="12" :span="6">
|
|
|
<el-form-item label="路网道路1:" prop="road1" label-width="140px" class="postInfo-container-item">
|
|
|
<el-input v-model="backgroundInfo.road1" class="filter-item" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6" :span="6">
|
|
|
+ <el-col :xs="24" :sm="12" :lg="12" :span="6">
|
|
|
<el-form-item label="路网道路2:" prop="road2" label-width="140px" class="postInfo-container-item">
|
|
|
<el-input v-model="backgroundInfo.road2" class="filter-item" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6" :span="6">
|
|
|
+ </el-row>
|
|
|
+ <el-row class="row-style">
|
|
|
+ <el-col :xs="24" :sm="12" :lg="12" :span="6">
|
|
|
<el-form-item label="路网道路3:" prop="road3" label-width="140px" class="postInfo-container-item">
|
|
|
<el-input v-model="backgroundInfo.road3" class="filter-item" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6" :span="6">
|
|
|
+ <el-col :xs="24" :sm="12" :lg="12" :span="6">
|
|
|
<el-form-item label="通达程度:" prop="roadSmooth" label-width="140px" class="postInfo-container-item">
|
|
|
<el-input v-model="backgroundInfo.roadSmooth" class="filter-item" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row class="row-style">
|
|
|
- <el-col :xs="24" :sm="12" :lg="6" :span="6">
|
|
|
+ <el-col :xs="24" :sm="12" :lg="12" :span="6">
|
|
|
<el-form-item label="公交线路:" prop="pubTraffic" label-width="140px" class="postInfo-container-item">
|
|
|
<el-input v-model="backgroundInfo.pubTraffic" class="filter-item" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6" :span="6">
|
|
|
+ <el-col :xs="24" :sm="12" :lg="12" :span="6">
|
|
|
<el-form-item label="地铁:" prop="subway" label-width="140px" class="postInfo-container-item">
|
|
|
<el-input v-model="backgroundInfo.subway" class="filter-item" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6" :span="6">
|
|
|
+ </el-row>
|
|
|
+ <el-row class="row-style">
|
|
|
+ <el-col :xs="24" :sm="12" :lg="12" :span="6">
|
|
|
<el-form-item label="公交便捷度:" prop="bgTraffic" label-width="140px" class="postInfo-container-item">
|
|
|
<el-select v-model="backgroundInfo.bgTraffic" placeholder="请选择" style="width:100%">
|
|
|
<el-option label="较好" value="较好"></el-option>
|
|
@@ -73,7 +79,7 @@
|
|
|
</el-select>
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6" :span="6">
|
|
|
+ <el-col :xs="24" :sm="12" :lg="12" :span="6">
|
|
|
<el-form-item label="交通限制:" prop="trafficLimit" label-width="140px" class="postInfo-container-item">
|
|
|
<el-input v-model="backgroundInfo.trafficLimit" class="filter-item" />
|
|
|
</el-form-item>
|
|
@@ -82,29 +88,31 @@
|
|
|
|
|
|
<el-divider content-position="left">公共配套</el-divider>
|
|
|
<el-row class="row-style">
|
|
|
- <el-col :xs="24" :sm="12" :lg="6" :span="6">
|
|
|
+ <el-col :xs="24" :sm="12" :lg="12" :span="6">
|
|
|
<el-form-item label="商业网点:" prop="businessPoint" label-width="140px" class="postInfo-container-item">
|
|
|
<el-input v-model="backgroundInfo.businessPoint" class="filter-item" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6" :span="6">
|
|
|
+ <el-col :xs="24" :sm="12" :lg="12" :span="6">
|
|
|
<el-form-item label="金融网点:" prop="financePoint" label-width="140px" class="postInfo-container-item">
|
|
|
<el-input v-model="backgroundInfo.financePoint" class="filter-item" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6" :span="6">
|
|
|
+ </el-row>
|
|
|
+ <el-row class="row-style">
|
|
|
+ <el-col :xs="24" :sm="12" :lg="12" :span="6">
|
|
|
<el-form-item label="教育设施:" prop="eduEquipment" label-width="140px" class="postInfo-container-item">
|
|
|
<el-input v-model="backgroundInfo.eduEquipment" class="filter-item" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
- <el-col :xs="24" :sm="12" :lg="6" :span="6">
|
|
|
+ <el-col :xs="24" :sm="12" :lg="12" :span="6">
|
|
|
<el-form-item label="文体设施:" prop="cultureEquipment" label-width="140px" class="postInfo-container-item">
|
|
|
<el-input v-model="backgroundInfo.cultureEquipment" class="filter-item" />
|
|
|
</el-form-item>
|
|
|
</el-col>
|
|
|
</el-row>
|
|
|
<el-row class="row-style">
|
|
|
- <el-col :xs="24" :sm="12" :lg="6" :span="6">
|
|
|
+ <el-col :xs="24" :sm="12" :lg="12" :span="6">
|
|
|
<el-form-item label="医疗卫生:" prop="medicalInfo" label-width="140px" class="postInfo-container-item">
|
|
|
<el-input v-model="backgroundInfo.medicalInfo" class="filter-item" />
|
|
|
</el-form-item>
|
|
@@ -167,7 +175,6 @@
|
|
|
|
|
|
<script>
|
|
|
import YDetailPageLayout from '@/components/YDetailPageLayout/index_detail'
|
|
|
-import { isNumber } from '@/utils/validate'
|
|
|
|
|
|
export default {
|
|
|
name: "backgroundInfo",
|
|
@@ -257,7 +264,7 @@ export default {
|
|
|
badFactors: '无',
|
|
|
bgEnvir: '所在区域废气、噪音污染不明显,街道较整洁,绿化率较高,整体环境较好',
|
|
|
bgBase: '估价对象区域基础设施完善,已实现“六通”( 通上下水、电、气、讯、道路),区域基础设施完善。'
|
|
|
- }
|
|
|
+ },
|
|
|
}
|
|
|
|
|
|
},
|
|
@@ -292,7 +299,29 @@ export default {
|
|
|
// 组件事件
|
|
|
callParentEvent(data) {
|
|
|
this.$emit('custom-event', data);
|
|
|
- }
|
|
|
+ },
|
|
|
+ fetchSuggestions(queryString, callback){
|
|
|
+ if (this.backgroundInfo.location){
|
|
|
+ const location = this.backgroundInfo.location;
|
|
|
+ var list = [{}]
|
|
|
+ this.$api.personalTarget.fuzzyLocation(location).then(res=>{
|
|
|
+
|
|
|
+ if (res.code === 200 && res.data.length>0){
|
|
|
+ for (let i of res.data) {
|
|
|
+ i.value = i.location;// 将想要展示的数据作为value
|
|
|
+ }
|
|
|
+ list = res.data;
|
|
|
+ callback(list)
|
|
|
+
|
|
|
+ }
|
|
|
+ })
|
|
|
+ }
|
|
|
+ },
|
|
|
+ handleSelect(item) {
|
|
|
+ const id = this.backgroundInfo.id;
|
|
|
+ this.backgroundInfo = item;
|
|
|
+ this.backgroundInfo.id = id;
|
|
|
+ }
|
|
|
}
|
|
|
}
|
|
|
</script>
|