Browse Source

修改地图加载方式;

feature
luyan 3 years ago
parent
commit
4e4e0ce593
  1. 144
      src/views/modules/base/community/buildForm.vue

144
src/views/modules/base/community/buildForm.vue

@ -2,46 +2,24 @@
<div> <div>
<div class="dialog-h-content scroll-h"> <div class="dialog-h-content scroll-h">
<el-form ref="ref_form" <el-form ref="ref_form" :inline="true" :model="dataForm" :rules="dataRule" label-width="150px" class="g-edit-form">
:inline="true" <el-form-item label="所属小区" style="display: block">
:model="dataForm"
:rules="dataRule"
label-width="150px"
class="g-edit-form">
<el-form-item label="所属小区"
style="display: block">
<span>{{ agencyObj.agencyName }}{{ agencyObj.gridName }}{{ agencyObj.label }}</span> <span>{{ agencyObj.agencyName }}{{ agencyObj.gridName }}{{ agencyObj.label }}</span>
</el-form-item> </el-form-item>
<el-form-item label="楼栋名称" <el-form-item label="楼栋名称" prop="buildingName" style="display: block">
prop="buildingName" <el-input class="u-edit-width-normal" maxlength="10" placeholder="请输入楼栋名称" v-model="dataForm.buildingName">
style="display: block">
<el-input class="u-edit-width-normal"
maxlength="10"
placeholder="请输入楼栋名称"
v-model="dataForm.buildingName">
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="楼栋编码" <el-form-item label="楼栋编码" prop="coding" style="display: block">
prop="coding" <el-input class="u-edit-width-normal" maxlength="50" placeholder="请输入楼栋编码" v-model="dataForm.coding">
style="display: block">
<el-input class="u-edit-width-normal"
maxlength="50"
placeholder="请输入楼栋编码"
v-model="dataForm.coding">
</el-input> </el-input>
<el-button style="margin-left: 10px" <el-button style="margin-left: 10px" type="text" class="div-table-button--blue" icon="el-icon-upload2"
type="text" size="small" @click="handleCode">生成</el-button>
class="div-table-button--blue"
icon="el-icon-upload2"
size="small"
@click="handleCode">生成</el-button>
</el-form-item> </el-form-item>
<el-form-item label="楼栋类型" <el-form-item label="楼栋类型" prop="type" style="display: block">
prop="type"
style="display: block">
<el-radio-group v-model="buildType"> <el-radio-group v-model="buildType">
<el-radio :label="'1'">商品房</el-radio> <el-radio :label="'1'">商品房</el-radio>
@ -57,103 +35,55 @@
v-model="dataForm.sort" v-model="dataForm.sort"
label="排序"></el-input-number> label="排序"></el-input-number>
</el-form-item> --> </el-form-item> -->
<el-form-item label="单元数" <el-form-item label="单元数" style="display: block" prop="totalUnitNum">
style="display: block" <el-input-number class="item_width_4" v-model="dataForm.totalUnitNum" :min="1" :max="9999"
prop="totalUnitNum">
<el-input-number class="item_width_4"
v-model="dataForm.totalUnitNum"
:min="1"
:max="9999"
label="单元数"></el-input-number> label="单元数"></el-input-number>
</el-form-item> </el-form-item>
<el-form-item label="层数" <el-form-item label="层数" style="display: block" prop="totalFloorNum">
style="display: block" <el-input-number class="item_width_4" v-model="dataForm.totalFloorNum" :min="0" :max="9999"
prop="totalFloorNum">
<el-input-number class="item_width_4"
v-model="dataForm.totalFloorNum"
:min="0"
:max="9999"
label="层数"></el-input-number> label="层数"></el-input-number>
</el-form-item> </el-form-item>
<el-form-item label="总户数" <el-form-item label="总户数" style="display: block" prop="totalHouseNum">
style="display: block" <el-input-number class="item_width_4" v-model="dataForm.totalHouseNum" :min="0" :max="9999"
prop="totalHouseNum">
<el-input-number class="item_width_4"
v-model="dataForm.totalHouseNum"
:min="0"
:max="9999"
label="总户数"></el-input-number> label="总户数"></el-input-number>
</el-form-item> </el-form-item>
<el-form-item label="人口数" <el-form-item label="人口数" style="display: block" prop="realPerson">
style="display: block" <el-input-number class="item_width_4" v-model="dataForm.realPerson" :min="0" :max="9999"
prop="realPerson">
<el-input-number class="item_width_4"
v-model="dataForm.realPerson"
:min="0"
:max="9999"
label="人口数"></el-input-number> label="人口数"></el-input-number>
</el-form-item> </el-form-item>
<el-form-item label="楼长姓名" <el-form-item label="楼长姓名" prop="buildingLeaderName" style="display: block">
prop="buildingLeaderName" <el-input class="u-edit-width-normal" placeholder="请输入楼长姓名" v-model="dataForm.buildingLeaderName">
style="display: block">
<el-input class="u-edit-width-normal"
placeholder="请输入楼长姓名"
v-model="dataForm.buildingLeaderName">
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="楼长电话" <el-form-item label="楼长电话" prop="buildingLeaderMobile" style="display: block">
prop="buildingLeaderMobile" <el-input class="u-edit-width-normal" type='number' placeholder="请输入楼长电话"
style="display: block">
<el-input class="u-edit-width-normal"
type='number'
placeholder="请输入楼长电话"
v-model="dataForm.buildingLeaderMobile"> v-model="dataForm.buildingLeaderMobile">
</el-input> </el-input>
</el-form-item> </el-form-item>
<el-form-item label="地图位置" <el-form-item label="地图位置" prop="longitude" style="display: block">
prop="longitude"
style="display: block">
<div class="u-edit-width-normal m-edit-map"> <div class="u-edit-width-normal m-edit-map">
<el-select v-model="searchValue" <el-select v-model="searchValue" filterable class="u-edit-width-normal m-edit-map-search" remote
filterable :reserve-keyword="true" placeholder="请输入关键词" :remote-method="remoteMethod" :loading="loading">
class="u-edit-width-normal m-edit-map-search" <el-option v-for="(item, index) in searchOptions" @click.native="handleClickKey(index)" :key="item.value"
remote :label="item.label" :value="item.value">
: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-option>
</el-select> </el-select>
<div id="app_build" <div id="app_build" class="m-map-item"></div>
class="m-map-item"></div>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="楼栋地址" <el-form-item label="楼栋地址" prop="coordinatePosition" style="display: block">
prop="coordinatePosition"
style="display: block">
<!-- <span>{{ dataForm.coordinatePosition }}</span> --> <!-- <span>{{ dataForm.coordinatePosition }}</span> -->
<el-input class="u-edit-width-normal" <el-input class="u-edit-width-normal" placeholder="请选择楼栋地址" v-model="dataForm.coordinatePosition" />
placeholder="请选择楼栋地址"
v-model="dataForm.coordinatePosition" />
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
<div class="m-edit-btn"> <div class="m-edit-btn">
<el-button size="small" <el-button size="small" @click="handleCancle"> </el-button>
@click="handleCancle"> </el-button> <el-button size="small" type="primary" class="diy-button--blue" :disabled="btnDisable" @click="handleComfirm">
<el-button size="small" </el-button>
type="primary"
class="diy-button--blue"
:disabled="btnDisable"
@click="handleComfirm"> </el-button>
</div> </div>
</div> </div>
</template> </template>
@ -233,12 +163,7 @@ export default {
this.dataForm.longitude = longitude this.dataForm.longitude = longitude
} }
this.$nextTick(() => { this.$nextTick(() => {
if (!map) {
this.initMap(this.dataForm.latitude, this.dataForm.longitude); this.initMap(this.dataForm.latitude, this.dataForm.longitude);
} else {
map.setCenter(this.dataForm.latitude, this.dataForm.longitude);
map.setMarker(this.dataForm.latitude, this.dataForm.longitude);
}
}) })
}, },
@ -261,9 +186,6 @@ export default {
async handleCode() { async handleCode() {
const { data, code, msg } = await requestPost( const { data, code, msg } = await requestPost(
"/actual/base/communityBuilding/getBuildingCoding/" + this.dataForm.neighborHoodId); "/actual/base/communityBuilding/getBuildingCoding/" + this.dataForm.neighborHoodId);
console.log('data----', data)
console.log('code----', code)
console.log('msg----', msg)
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
@ -288,7 +210,6 @@ export default {
url = '/actual/base/communityBuilding/saveCommunityBuilding' url = '/actual/base/communityBuilding/saveCommunityBuilding'
} else { } else {
url = '/actual/base/communityBuilding/updateCommunityBuilding' url = '/actual/base/communityBuilding/updateCommunityBuilding'
this.dataForm.buildingId = this.buildingId this.dataForm.buildingId = this.buildingId
} }
@ -317,7 +238,6 @@ export default {
}, },
// init // init
initMap(latitude, longitude) { initMap(latitude, longitude) {
map = new daiMap( map = new daiMap(
document.getElementById("app_build"), document.getElementById("app_build"),
{ latitude, longitude }, { latitude, longitude },

Loading…
Cancel
Save