elink-star
/
epmet-oper-gov
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

小区查看

jly/task002
tianqian 2 years ago
parent
63e4ca74d9
commit
08efe541e8
2 changed files with 705 additions and 689 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 166
      src/views/modules/base/communityYantai/communityDetail.vue
  2. 270
      src/views/modules/base/communityYantai/communityForm.vue

166
src/views/modules/base/communityYantai/communityDetail.vue
View File

@ -1,39 +1,44 @@
<template> <template>
<div> <div>
<div class="dialog-h-content scroll-h"> <div class="dialog-h-content scroll-h">
<div v-if="initLoading" class="m-row">
<div v-if="initLoading"
class="m-row">
<div class="m-info"> <div class="m-info">
<div class="info-prop"> <div class="info-prop">
<span class="info-title-2">所属组织：</span> <span class="info-title-2">所属组织：</span>
<span>{{ dataForm.agencyName }}</span> <span>{{ dataForm.agencyName }}</span>
</div> </div>
<div class="info-prop"> <div class="info-prop">
<span class="info-title-2">所属网格：</span> <span class="info-title-2">所属网格：</span>
<span>{{ dataForm.gridName?dataForm.gridName:'--' }}</span> <span>{{ dataForm.gridName?dataForm.gridName:'--' }}</span>
</div> </div>
<div class="info-prop"> <div class="info-prop">
<span class="info-title-2">小区名称：</span> <span class="info-title-2">小区/自然村名称：</span>
<span>{{ dataForm.neighborHoodName}}</span> <span>{{ dataForm.neighborHoodName?dataForm.neighborHoodName:'--' }}</span>
</div>
<div class="info-prop">
<span class="info-title-2">小区/自然村类型：</span>
<span>{{ dataForm.viliageType?dataForm.viliageType:'--' }}</span>
</div> </div>
<div class="info-prop"> <div class="info-prop">
<span class="info-title-2">小区编码：</span> <span class="info-title-2">小区编码：</span>
<span>{{ dataForm.coding?dataForm.coding:'--'}}</span> <span>{{ dataForm.coding?dataForm.coding:'--'}}</span>
</div> </div>
<div class="info-prop">
<div v-if="dataForm.qrcodeUrl" <span class="info-title-2">面积：</span>
style="display: flex;flex-direction: column;"> <span>{{ dataForm.area?dataForm.area:'--'}}</span>
<img style="margin-left: 70px;width: 200px;" </div>
:src="dataForm.qrcodeUrl"> <div class="info-prop">
<a style="margin-left: 80px" <span class="info-title-2">开放类型：</span>
:href="dataForm.qrcodeUrl" <span>{{ dataForm.openType?dataForm.openType:'--'}}</span>
target="_blank">下载</a> </div>
<div class="info-prop">
<span class="info-title-2">建筑年代：</span>
<span>{{ dataForm.buildYear?dataForm.buildYear:'--'}}</span>
</div>
<div v-if="dataForm.qrcodeUrl" style="display: flex;flex-direction: column;">
<img style="margin-left: 70px;width: 200px;" :src="dataForm.qrcodeUrl">
<a style="margin-left: 80px" :href="dataForm.qrcodeUrl" target="_blank">下载</a>
</div> </div>
<div class="info-prop"> <div class="info-prop">
<span class="info-title-2">关联物业：</span> <span class="info-title-2">关联物业：</span>
<span>{{ dataForm.propertyShow?dataForm.propertyShow:'--'}}</span> <span>{{ dataForm.propertyShow?dataForm.propertyShow:'--'}}</span>
@ -42,37 +47,34 @@
<span class="info-title-2">实有楼栋：</span> <span class="info-title-2">实有楼栋：</span>
<span>{{dataForm.realBuilding?dataForm.realBuilding:0 }}</span> <span>{{dataForm.realBuilding?dataForm.realBuilding:0 }}</span>
</div> </div>
<div class="info-prop"> <div class="info-prop">
<span class="info-title-2">详细地址：</span> <span class="info-title-2">详细地址：</span>
<span>{{ dataForm.address }}</span> <span>{{ dataForm.address }}</span>
</div> </div>
<div class="info-prop"> <div class="info-prop">
<span class="info-title-2">地图位置：</span> <span class="info-title-2">地图位置：</span>
<div class="div_map"> <div class="div_map">
<div id="app_detail_community"></div> <div id="app_detail_community"></div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
</div> </div>
<div class="div-btn"> <div class="div-btn">
<el-button size="small" <el-button size="small" @click="handleCancle">关 闭</el-button>
@click="handleCancle">关 闭</el-button>
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { mapGetters } from 'vuex' import {
import { Loading } from 'element-ui' // 引入Loading服务 mapGetters
import { requestPost } from '@/js/dai/request' } from 'vuex'
import {
Loading
} from 'element-ui' // 引入Loading服务
import {
requestPost
} from '@/js/dai/request'
import daiMap from "@/utils/dai-map"; import daiMap from "@/utils/dai-map";
var map var map
var search var search
@ -82,10 +84,8 @@ let loading // 加载动画
export default { export default {
data() { data() {
return { return {
btnDisable: false, btnDisable: false,
initLoading: false, initLoading: false,
dataForm: { dataForm: {
neighborHoodName: '', // 小区名称【不超过50字】 neighborHoodName: '', // 小区名称【不超过50字】
agencyId: '', // 所属组织ID agencyId: '', // 所属组织ID
@ -101,39 +101,32 @@ export default {
coding: '', coding: '',
sysCoding: '' sysCoding: ''
}, },
} }
}, },
components: {}, components: {},
mounted () { mounted() {},
},
methods: { methods: {
handleCancle() { handleCancle() {
this.diaDestroy() this.diaDestroy()
this.$emit('diaDetailClose') this.$emit('diaDetailClose')
}, },
diaDestroy() { diaDestroy() {
if (map) { if (map) {
// map.destroy() // map.destroy()
} }
}, },
async initForm(row) { async initForm(row) {
this.dataForm = JSON.parse(JSON.stringify(row)) this.dataForm = JSON.parse(JSON.stringify(row))
let propertyShowList = [] let propertyShowList = []
this.dataForm.propertyList.forEach(element => { this.dataForm.propertyList.forEach(element => {
propertyShowList.push(element.name) propertyShowList.push(element.name)
}); });
this.dataForm.propertyShow = propertyShowList.join(',') this.dataForm.propertyShow = propertyShowList.join(',')
this.initLoading = true this.initLoading = true
let { latitude, longitude } = this.$store.state.user; let {
latitude,
longitude
} = this.$store.state.user;
console.log('lat' + latitude + ',lon' + longitude) console.log('lat' + latitude + ',lon' + longitude)
if (this.dataForm.latitude && this.dataForm.longitude) { if (this.dataForm.latitude && this.dataForm.longitude) {
latitude = this.dataForm.latitude latitude = this.dataForm.latitude
@ -143,7 +136,6 @@ export default {
latitude = 39.9088810666821; latitude = 39.9088810666821;
longitude = 116.39743841556731; longitude = 116.39743841556731;
} }
this.$nextTick(() => { this.$nextTick(() => {
if (!map) { if (!map) {
this.initMap(latitude, longitude) this.initMap(latitude, longitude)
@ -151,38 +143,26 @@ export default {
map.setCenter(latitude, longitude); map.setCenter(latitude, longitude);
map.setMarker(latitude, longitude); map.setMarker(latitude, longitude);
} }
}) })
}, },
// 地图初始化函数，本例取名为init，开发者可根据实际情况定义 // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
initMap(latitude, longitude) { initMap(latitude, longitude) {
map = new daiMap(document.getElementById("app_detail_community"), {
map = new daiMap( latitude,
document.getElementById("app_detail_community"), longitude
{ latitude, longitude }, }, {
{
zoom: 16.2, // 设置地图缩放级别 zoom: 16.2, // 设置地图缩放级别
pitch: 43.5, // 设置俯仰角 pitch: 43.5, // 设置俯仰角
rotation: 45, // 设置地图旋转角度 rotation: 45, // 设置地图旋转角度
} });
);
// // 监听地图平移结束 // // 监听地图平移结束
// map.on("dragend", (e) => { // map.on("dragend", (e) => {
// this.handleMoveCenter(e); // this.handleMoveCenter(e);
// }); // });
map.setCenter(latitude, longitude); map.setCenter(latitude, longitude);
map.setMarker(latitude, longitude); map.setMarker(latitude, longitude);
}, },
resetData() { resetData() {
this.dataForm = { this.dataForm = {
neighborHoodName: '', // 小区名称【不超过50字】 neighborHoodName: '', // 小区名称【不超过50字】
agencyId: '', // 所属组织ID agencyId: '', // 所属组织ID
@ -198,7 +178,6 @@ export default {
coding: '', coding: '',
sysCoding: '' sysCoding: ''
} }
}, },
// 开启加载动画 // 开启加载动画
startLoading() { startLoading() {
@ -219,35 +198,49 @@ export default {
computed: { computed: {
dataRule() { dataRule() {
return { return {
neighborHoodName: [ neighborHoodName: [{
{ required: true, message: '小区名称不能为空', trigger: 'blur' }, required: true,
{ message: '小区名称不能为空',
trigger: 'blur'
}, {
min: 1, min: 1,
max: 50, max: 50,
message: '小区名称长度在 1 到 50个字符', message: '小区名称长度在 1 到 50个字符',
trigger: 'blur' trigger: 'blur'
} }],
], agencyId: [{
agencyId: [ required: true,
{ required: true, message: '所属组织不能为空', trigger: 'blur' } message: '所属组织不能为空',
], trigger: 'blur'
gridId: [ }],
{ required: true, message: '所属网格不能为空', trigger: 'blur' } gridId: [{
], required: true,
coding: [ message: '所属网格不能为空',
{ required: true, message: '小区编码不能为空', trigger: 'blur' } trigger: 'blur'
], }],
address: [ coding: [{
{ required: true, message: '详细地址不能为空', trigger: 'blur' } required: true,
], message: '小区编码不能为空',
longitude: [ trigger: 'blur'
{ required: true, message: '坐标不能为空', trigger: 'blur' } }],
] address: [{
required: true,
message: '详细地址不能为空',
trigger: 'blur'
}],
longitude: [{
required: true,
message: '坐标不能为空',
trigger: 'blur'
}]
} }
}, },
propertyRule() { propertyRule() {
name: [ name: [{
{ required: true, message: '物业名称不能为空', trigger: 'blur' } required: true,
message: '物业名称不能为空',
trigger: 'blur'
}
// { min: 1, max: 50, message: '小区名称长度在 1 到 50个字符', trigger: 'blur' } // { min: 1, max: 50, message: '小区名称长度在 1 到 50个字符', trigger: 'blur' }
] ]
} }
@ -258,6 +251,3 @@ export default {
<style lang="scss" scoped> <style lang="scss" scoped>
@import "@/assets/scss/modules/management/detail-main.scss"; @import "@/assets/scss/modules/management/detail-main.scss";
</style> </style>

270
src/views/modules/base/communityYantai/communityForm.vue
View File

@ -8,7 +8,8 @@
</el-form-item> </el-form-item>
<el-form-item label="所属网格" prop="gridId" label-width="150px" style="display: block"> <el-form-item label="所属网格" prop="gridId" label-width="150px" style="display: block">
<el-select class="item_width_1" v-model="dataForm.gridId" placeholder="请选择" clearable> <el-select class="item_width_1" v-model="dataForm.gridId" placeholder="请选择" clearable>
<el-option v-for="item in gridList" :key="item.gridId" :label="item.gridName" :value="item.gridId"></el-option> <el-option v-for="item in gridList" :key="item.gridId" :label="item.gridName"
:value="item.gridId"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<!-- /** <!-- /**
@ -29,91 +30,79 @@
private String buildYear; --> private String buildYear; -->
<!--小区/自然村类型 面积 开放类型 建筑年代 tianqian --> <!--小区/自然村类型 面积 开放类型 建筑年代 tianqian -->
<el-form-item label="小区/自然村名称" prop="neighborHoodName" label-width="150px" style="display: block"> <el-form-item label="小区/自然村名称" prop="neighborHoodName" label-width="150px" style="display: block">
<el-input class="item_width_1" maxlength="50" show-word-limit placeholder="请输入小区/自然村名称" v-model="dataForm.neighborHoodName"></el-input> <el-input class="item_width_1" maxlength="50" show-word-limit placeholder="请输入小区/自然村名称"
v-model="dataForm.neighborHoodName"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="小区/自然村类型" prop="viliageType" label-width="150px" style="display: block"> <el-form-item label="小区/自然村类型" prop="viliageType" label-width="150px" style="display: block">
<el-select v-model="dataForm.viliageType" clearable placeholder="小区/自然村类型"> <el-select v-model="dataForm.viliageType" clearable placeholder="小区/自然村类型">
<el-option v-for="item in viliageTypeList" :key="item.value" :label="item.label" :value="item.value"></el-option> <el-option v-for="item in viliageTypeList" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="小区编码" prop="coding" label-width="150px" style="display: block"> <el-form-item label="小区编码" prop="coding" label-width="150px" style="display: block">
<el-input class="item_width_2" maxlength="50" placeholder="请输入楼栋编码" v-model="dataForm.coding"></el-input> <el-input class="item_width_2" maxlength="50" placeholder="请输入楼栋编码"
<el-button style="margin-left: 10px" type="primary" size="small" @click="handleCode">生成</el-button> v-model="dataForm.coding"></el-input>
<el-button style="margin-left: 10px" type="primary" size="small"
@click="handleCode">生成</el-button>
</el-form-item> </el-form-item>
<div v-if="dataForm.qrcodeUrl" style="display: flex;flex-direction: column;"> <div v-if="dataForm.qrcodeUrl" style="display: flex;flex-direction: column;">
<img style="margin-left: 70px;width: 200px;" :src="dataForm.qrcodeUrl" /> <img style="margin-left: 70px;width: 200px;" :src="dataForm.qrcodeUrl" />
<a style="margin-left: 80px" :href="dataForm.qrcodeUrl" target="_blank">下载</a> <a style="margin-left: 80px" :href="dataForm.qrcodeUrl" target="_blank">下载</a>
</div> </div>
<!-- 面积 开放类型 建筑年代 tianqian --> <!-- 面积 开放类型 建筑年代 tianqian -->
<el-form-item label="面积" prop="area" label-width="150px" style="display: block"> <el-form-item label="面积" prop="area" label-width="150px" style="display: block">
<el-input class="item_width_1" maxlength="50" show-word-limit placeholder="请输入面积" v-model="dataForm.area"></el-input> <el-input class="item_width_1" maxlength="50" show-word-limit placeholder="请输入面积"
v-model="dataForm.area"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="开放类型" prop="openType" label-width="150px" style="display: block"> <el-form-item label="开放类型" prop="openType" label-width="150px" style="display: block">
<el-select v-model="dataForm.openType" clearable placeholder="开放类型"> <el-select v-model="dataForm.openType" clearable placeholder="开放类型">
<el-option v-for="item in openTypeList" :key="item.value" :label="item.label" :value="item.value"></el-option> <el-option v-for="item in openTypeList" :key="item.value" :label="item.label"
:value="item.value"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="建筑年代" prop="buildYear" label-width="150px" style="display: block"> <el-form-item label="建筑年代" prop="buildYear" label-width="150px" style="display: block">
<el-input class="item_width_1" maxlength="50" show-word-limit placeholder="请输入建筑年代" v-model="dataForm.buildYear"></el-input> <el-input class="item_width_1" maxlength="50" show-word-limit placeholder="请输入建筑年代"
v-model="dataForm.buildYear"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="关联物业" prop="propertyId" label-width="150px" style="display: block"> <el-form-item label="关联物业" prop="propertyId" label-width="150px" style="display: block">
<el-select class="item_width_2" v-model="dataForm.propertyId" placeholder="请选择" filterable clearable> <el-select class="item_width_2" v-model="dataForm.propertyId" placeholder="请选择" filterable
<el-option v-for="item in propertyList" :key="item.propertyId" :label="item.propertyName" :value="item.propertyId"></el-option> clearable>
<el-option v-for="item in propertyList" :key="item.propertyId" :label="item.propertyName"
:value="item.propertyId"></el-option>
</el-select> </el-select>
<el-button style="margin-left: 10px" type="primary" size="small"
<el-button style="margin-left: 10px" type="primary" size="small" @click="handleAddProperty">添加物业</el-button> @click="handleAddProperty">添加物业</el-button>
</el-form-item> </el-form-item>
<el-form-item label="实有楼栋" style="display: block" prop="realBuilding" label-width="150px"> <el-form-item label="实有楼栋" style="display: block" prop="realBuilding" label-width="150px">
<el-input-number class="item_width_4" v-model="dataForm.realBuilding" :min="0" :max="9999" label="总户数"></el-input-number> <el-input-number class="item_width_4" v-model="dataForm.realBuilding" :min="0" :max="9999"
label="总户数"></el-input-number>
</el-form-item> </el-form-item>
<el-form-item label="地图位置" prop="longitude" label-width="150px" style="display: block"> <el-form-item label="地图位置" prop="longitude" label-width="150px" style="display: block">
<div style="width: 500px"> <div style="width: 500px">
<el-select <el-select v-model="searchValue" filterable style="width: 500px" remote
v-model="searchValue" :reserve-keyword="true" placeholder="请输入关键词" :remote-method="remoteMethod"
filterable :loading="loading">
style="width: 500px" <el-option v-for="(item, index) in searchOptions" @click.native="handleClickKey(index)"
remote :key="item.value" :label="item.label" :value="item.value"></el-option>
:reserve-keyword="true"
placeholder="请输入关键词"
:remote-method="remoteMethod"
:loading="loading"
>
<el-option
v-for="(item, index) in searchOptions"
@click.native="handleClickKey(index)"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select> </el-select>
<div id="app_community" class="div_map"></div> <div id="app_community" class="div_map"></div>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="详细地址" prop="address" label-width="150px" style="display: block"> <el-form-item label="详细地址" prop="address" label-width="150px" style="display: block">
<el-input class="item_width_1" maxlength="50" show-word-limit placeholder="请输入详细地址" v-model="dataForm.address"></el-input> <el-input class="item_width_1" maxlength="50" show-word-limit placeholder="请输入详细地址"
v-model="dataForm.address"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="备注" prop="remark" label-width="150px" style="display: block"> <el-form-item label="备注" prop="remark" label-width="150px" style="display: block">
<el-input <el-input class="item_width_1" type="textarea" maxlength="500" show-word-limit :rows="3"
class="item_width_1" placeholder="请输入备注，不超过500字" v-model="dataForm.remark"></el-input>
type="textarea"
maxlength="500"
show-word-limit
:rows="3"
placeholder="请输入备注，不超过500字"
v-model="dataForm.remark"
></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<div v-show="propertyFormShow"> <div v-show="propertyFormShow">
<el-form :inline="false" :model="propertyForm" :rules="propertyRule" class="form"> <el-form :inline="false" :model="propertyForm" :rules="propertyRule" class="form">
<el-form-item label="物业名称" prop="name" label-width="150px" style="display: block"> <el-form-item label="物业名称" prop="name" label-width="150px" style="display: block">
<el-input class="item_width_1" maxlength="10" placeholder="请输入小区名称" v-model="propertyForm.name"></el-input> <el-input class="item_width_1" maxlength="10" placeholder="请输入小区名称"
v-model="propertyForm.name"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
@ -124,11 +113,16 @@
</div> </div>
</div> </div>
</template> </template>
<script> <script>
import { mapGetters } from 'vuex'; import {
import { Loading } from 'element-ui'; // 引入Loading服务 mapGetters
import { requestPost } from '@/js/dai/request'; } from 'vuex';
import {
Loading
} from 'element-ui'; // 引入Loading服务
import {
requestPost
} from '@/js/dai/request';
import daiMap from '@/utils/dai-map'; import daiMap from '@/utils/dai-map';
var map; var map;
var search; var search;
@ -143,11 +137,9 @@ export default {
searchValue: '', searchValue: '',
resultList: [], resultList: [],
loading: false, loading: false,
gridList: [], gridList: [],
propertyList: [], propertyList: [],
btnDisable: false, btnDisable: false,
neighborHoodId: '', //小区ID neighborHoodId: '', //小区ID
dataForm: { dataForm: {
neighborHoodName: '', // 小区名称【不超过50字】 neighborHoodName: '', // 小区名称【不超过50字】
@ -168,12 +160,10 @@ export default {
openType: '', openType: '',
buildYear: '', buildYear: '',
}, },
propertyFormShow: false, propertyFormShow: false,
propertyForm: { propertyForm: {
name: '' name: ''
}, },
keyWords: '', keyWords: '',
agencyObj: {}, agencyObj: {},
viliageTypeList: [], viliageTypeList: [],
@ -182,16 +172,17 @@ export default {
}, },
components: {}, components: {},
mounted() {}, mounted() {},
methods: { methods: {
async initForm(type, row, agencyObj) { async initForm(type, row, agencyObj) {
this.$refs.ref_form.resetFields(); this.$refs.ref_form.resetFields();
this.agencyObj = agencyObj; this.agencyObj = agencyObj;
let { latitude, longitude } = this.$store.state.user; let {
latitude,
longitude
} = this.$store.state.user;
this.formType = type; this.formType = type;
if (row) { if (row) {
this.dataForm = JSON.parse(JSON.stringify(row)); this.dataForm = JSON.parse(JSON.stringify(row));
this.dataForm.neighborHoodId = this.dataForm.id; this.dataForm.neighborHoodId = this.dataForm.id;
this.neighborHoodId = this.dataForm.neighborHoodId; this.neighborHoodId = this.dataForm.neighborHoodId;
} else { } else {
@ -212,68 +203,69 @@ export default {
}, },
// 地图初始化函数，本例取名为init，开发者可根据实际情况定义 // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
initMap(latitude, longitude) { initMap(latitude, longitude) {
map = new daiMap( map = new daiMap(document.getElementById('app_community'), {
document.getElementById('app_community'), latitude,
{ latitude, longitude }, longitude
{ }, {
zoom: 16.2, // 设置地图缩放级别 zoom: 16.2, // 设置地图缩放级别
pitch: 43.5, // 设置俯仰角 pitch: 43.5, // 设置俯仰角
rotation: 45 // 设置地图旋转角度 rotation: 45 // 设置地图旋转角度
} });
);
// 监听地图平移结束 // 监听地图平移结束
map.on('dragend', e => { map.on('dragend', e => {
this.handleMoveCenter(e); this.handleMoveCenter(e);
}); });
map.setCenter(latitude, longitude); map.setCenter(latitude, longitude);
map.setMarker(latitude, longitude); map.setMarker(latitude, longitude);
}, },
async handleMoveCenter() { async handleMoveCenter() {
//修改地图中心点 //修改地图中心点
const { lat, lng } = map.getCenter(); const {
lat,
lng
} = map.getCenter();
this.dataForm.latitude = lat; this.dataForm.latitude = lat;
this.dataForm.longitude = lng; this.dataForm.longitude = lng;
map.setMarker(lat, lng); map.setMarker(lat, lng);
let {
let { msg, data } = await map.getAddress(lat, lng); msg,
data
} = await map.getAddress(lat, lng);
if (msg == 'success') { if (msg == 'success') {
this.dataForm.address = data.address; this.dataForm.address = data.address;
this.searchValue = data.address; this.searchValue = data.address;
this.searchOptions = []; this.searchOptions = [];
} }
}, },
async remoteMethod(query) { async remoteMethod(query) {
if (query !== '') { if (query !== '') {
this.loading = true; this.loading = true;
const {
const { msg, data } = await map.searchNearby(query); msg,
data
} = await map.searchNearby(query);
this.loading = false; this.loading = false;
this.resultList = []; this.resultList = [];
if (msg == 'success' && data.resultList && data.resultList.length > 0) { if (msg == 'success' && data.resultList && data.resultList.length > 0) {
if (data.resultList && data.resultList.length > 0) { if (data.resultList && data.resultList.length > 0) {
this.resultList = data.resultList; this.resultList = data.resultList;
this.searchOptions = this.resultList.map(item => { this.searchOptions = this.resultList.map(item => {
return { value: `${item.hotPointID}`, label: `${item.address + item.name}` }; return {
value: `${item.hotPointID}`,
label: `${item.address + item.name}`
};
}); });
} }
} else { } else {
this.searchOptions = [ this.searchOptions = [{
{
value: '0', value: '0',
label: '未检索到结果' label: '未检索到结果'
} }];
];
} }
} else { } else {
this.searchOptions = []; this.searchOptions = [];
} }
}, },
handleClickKey(index) { handleClickKey(index) {
let selPosition = this.resultList[index]; let selPosition = this.resultList[index];
let lonlat = selPosition.lonlat.split(' '); let lonlat = selPosition.lonlat.split(' ');
@ -283,10 +275,13 @@ export default {
this.dataForm.longitude = lonlat[0]; this.dataForm.longitude = lonlat[0];
this.dataForm.address = selPosition.address + selPosition.name; this.dataForm.address = selPosition.address + selPosition.name;
}, },
async handleCode() { async handleCode() {
if (!this.dataForm.gridId) return this.$message.error('请选择网格'); if (!this.dataForm.gridId) return this.$message.error('请选择网格');
const { data, code, msg } = await requestPost('/gov/org/houseInformation/getNeighborHoodCoding/' + this.dataForm.gridId); const {
data,
code,
msg
} = await requestPost('/gov/org/houseInformation/getNeighborHoodCoding/' + this.dataForm.gridId);
if (msg == 'success' && code == 0) { if (msg == 'success' && code == 0) {
this.dataForm.coding = data.coding; this.dataForm.coding = data.coding;
this.dataForm.sysCoding = data.sysCoding; this.dataForm.sysCoding = data.sysCoding;
@ -296,9 +291,11 @@ export default {
async loadAgency() { async loadAgency() {
const url = '/epmetuser/customerstaff/staffbasicinfo'; const url = '/epmetuser/customerstaff/staffbasicinfo';
let params = {}; let params = {};
const {
const { data, code, msg } = await requestPost(url, params); data,
code,
msg
} = await requestPost(url, params);
if (code === 0) { if (code === 0) {
this.dataForm.agencyId = data.agencyId; this.dataForm.agencyId = data.agencyId;
this.dataForm.agencyName = data.agencyName; this.dataForm.agencyName = data.agencyName;
@ -313,9 +310,11 @@ export default {
let params = { let params = {
agencyId: this.dataForm.agencyId agencyId: this.dataForm.agencyId
}; };
const {
const { data, code, msg } = await requestPost(url, params); data,
code,
msg
} = await requestPost(url, params);
if (code === 0) { if (code === 0) {
this.gridList = data; this.gridList = data;
} else { } else {
@ -324,13 +323,14 @@ export default {
}, },
async getViliageTypeList() { async getViliageTypeList() {
const url = '/sys/dict/data/dictlist'; const url = '/sys/dict/data/dictlist';
let params = { let params = {
dictType: 'neighbor_hood_type' dictType: 'neighbor_hood_type'
}; };
const {
const { data, code, msg } = await requestPost(url, params); data,
code,
msg
} = await requestPost(url, params);
if (code === 0) { if (code === 0) {
this.viliageTypeList = data; this.viliageTypeList = data;
} else { } else {
@ -339,40 +339,40 @@ export default {
}, },
async getOpenTypeList() { async getOpenTypeList() {
const url = '/sys/dict/data/dictlist'; const url = '/sys/dict/data/dictlist';
let params = { let params = {
dictType: 'open_type' dictType: 'open_type'
}; };
const {
const { data, code, msg } = await requestPost(url, params); data,
code,
msg
} = await requestPost(url, params);
if (code === 0) { if (code === 0) {
this.openTypeList = data; this.openTypeList = data;
} else { } else {
this.$message.error(msg); this.$message.error(msg);
} }
}, },
//加载物业 //加载物业
async loadProperty() { async loadProperty() {
const url = '/gov/org/propertymanagement/list'; const url = '/gov/org/propertymanagement/list';
// const url = "http://yapi.elinkservice.cn/mock/245/gov/org/propertymanagement/list" // const url = "http://yapi.elinkservice.cn/mock/245/gov/org/propertymanagement/list"
let params = {}; let params = {};
const {
const { data, code, msg } = await requestPost(url, params); data,
code,
msg
} = await requestPost(url, params);
if (code === 0) { if (code === 0) {
this.propertyList = data; this.propertyList = data;
} else { } else {
this.$message.error(msg); this.$message.error(msg);
} }
}, },
handleAddProperty() { handleAddProperty() {
this.propertyForm.name = ''; this.propertyForm.name = '';
this.propertyFormShow = true; this.propertyFormShow = true;
}, },
async handleComfirm() { async handleComfirm() {
if (this.propertyFormShow) { if (this.propertyFormShow) {
this.addProperty(); this.addProperty();
@ -398,12 +398,14 @@ export default {
// url = "http://yapi.elinkservice.cn/mock/245/gov/org/neighborhood/neighborhoodadd" // url = "http://yapi.elinkservice.cn/mock/245/gov/org/neighborhood/neighborhoodadd"
} else { } else {
url = '/gov/org/neighborhood/neighborhoodupdate'; url = '/gov/org/neighborhood/neighborhoodupdate';
this.dataForm.neighborHoodId = this.neighborHoodId; this.dataForm.neighborHoodId = this.neighborHoodId;
} }
console.log("this.dataForm", this.dataForm)
const { data, code, msg } = await requestPost(url, this.dataForm); const {
data,
code,
msg
} = await requestPost(url, this.dataForm);
if (code === 0) { if (code === 0) {
this.$message({ this.$message({
type: 'success', type: 'success',
@ -430,15 +432,16 @@ export default {
let params = { let params = {
name: this.propertyForm.name name: this.propertyForm.name
}; };
const {
const { data, code, msg } = await requestPost(url, params); data,
code,
msg
} = await requestPost(url, params);
if (code === 0) { if (code === 0) {
this.$message({ this.$message({
type: 'success', type: 'success',
message: '操作成功' message: '操作成功'
}); });
this.propertyForm.name = ''; this.propertyForm.name = '';
this.propertyFormShow = false; this.propertyFormShow = false;
this.loadProperty(); this.loadProperty();
@ -478,7 +481,6 @@ export default {
area: '', area: '',
openType: '', openType: '',
buildYear: '', buildYear: '',
}; };
this.propertyFormShow = false; this.propertyFormShow = false;
}, },
@ -501,25 +503,49 @@ export default {
computed: { computed: {
dataRule() { dataRule() {
return { return {
neighborHoodName: [ neighborHoodName: [{
{ required: true, message: '小区名称不能为空', trigger: 'blur' }, required: true,
{ message: '小区名称不能为空',
trigger: 'blur'
}, {
min: 1, min: 1,
max: 50, max: 50,
message: '小区名称长度在 1 到 50个字符', message: '小区名称长度在 1 到 50个字符',
trigger: 'blur' trigger: 'blur'
} }],
], agencyId: [{
agencyId: [{ required: true, message: '所属组织不能为空', trigger: 'blur' }], required: true,
gridId: [{ required: true, message: '所属网格不能为空', trigger: 'blur' }], message: '所属组织不能为空',
coding: [{ required: true, message: '小区编码不能为空', trigger: 'blur' }], trigger: 'blur'
address: [{ required: true, message: '详细地址不能为空', trigger: 'blur' }], }],
longitude: [{ required: true, message: '坐标不能为空', trigger: 'blur' }] gridId: [{
required: true,
message: '所属网格不能为空',
trigger: 'blur'
}],
coding: [{
required: true,
message: '小区编码不能为空',
trigger: 'blur'
}],
address: [{
required: true,
message: '详细地址不能为空',
trigger: 'blur'
}],
longitude: [{
required: true,
message: '坐标不能为空',
trigger: 'blur'
}]
}; };
}, },
propertyRule() { propertyRule() {
name: [ name: [{
{ required: true, message: '物业名称不能为空', trigger: 'blur' } required: true,
message: '物业名称不能为空',
trigger: 'blur'
}
// { min: 1, max: 50, message: '小区名称长度在 1 到 50个字符', trigger: 'blur' } // { min: 1, max: 50, message: '小区名称长度在 1 到 50个字符', trigger: 'blur' }
]; ];
} }

Write Preview
Loading…
Cancel
Save