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

Merge branch 'dev-天地图' of http://git.elinkit.com.cn:7070/r/epmet-oper-gov into dev-天地图

dev-烟台中转登录
dai 3 years ago
parent
086366602e fc69eba815
commit
f1f4331f7e
3 changed files with 402 additions and 320 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. 14
      src/views/modules/communityParty/heart/heartForm.vue
  2. 290
      src/views/modules/cpts/base/cpts/edit.vue
  3. 146
      src/views/modules/shequzhili/event/cpts/add.vue

14
src/views/modules/communityParty/heart/heartForm.vue
View File

@ -796,13 +796,13 @@ export default {
if (data.resultList && data.resultList.length > 0) { if (data.resultList && data.resultList.length > 0) {
this.resultListAct = data.resultList this.resultListAct = data.resultList
this.searchOptions = this.resultListAct.map(item => { this.searchOptionsAct = this.resultListAct.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.searchOptionsAct = [
{ {
value: '0', value: '0',
label: '未检索到结果' label: '未检索到结果'
@ -810,7 +810,7 @@ export default {
] ]
} }
} else { } else {
this.searchOptions = []; this.searchOptionsAct = [];
} }
}, },
async remoteMethodSignin (query) { async remoteMethodSignin (query) {
@ -818,7 +818,7 @@ export default {
if (query !== '') { if (query !== '') {
this.loadingSign = true; this.loadingSign = true;
const { msg, data } = await map.searchNearby(query); const { msg, data } = await map_signin.searchNearby(query);
this.loadingSign = false; this.loadingSign = false;
this.resultListSignin = [] this.resultListSignin = []
@ -826,13 +826,13 @@ export default {
if (data.resultList && data.resultList.length > 0) { if (data.resultList && data.resultList.length > 0) {
this.resultListSignin = data.resultList this.resultListSignin = data.resultList
this.searchOptions = this.resultListSignin.map(item => { this.searchOptionsSignin = this.resultListSignin.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.searchOptionsSignin = [
{ {
value: '0', value: '0',
label: '未检索到结果' label: '未检索到结果'
@ -840,7 +840,7 @@ export default {
] ]
} }
} else { } else {
this.searchOptions = []; this.searchOptionsSignin = [];
} }
}, },

290
src/views/modules/cpts/base/cpts/edit.vue
View File

@ -1,41 +1,34 @@
<template> <template>
<div> <div>
<div class="dialog-h-content scroll-h"> <div class="dialog-h-content scroll-h">
<el-form <el-form v-if="iniLoaded"
v-if="iniLoaded"
ref="ref_form" ref="ref_form"
:model="fmData" :model="fmData"
:inline="true" :inline="true"
:disabled="formType === 'watch'" :disabled="formType === 'watch'"
class="m-fm" class="m-fm"
:class="{ 'z-div': editParamsDiv, 'z-watch': formType === 'watch' }" :class="{ 'z-div': editParamsDiv, 'z-watch': formType === 'watch' }">
>
<div class="list"> <div class="list">
<el-form-item <el-form-item v-for="item in editParams"
v-for="item in editParams"
class="item" class="item"
label-width="140px" label-width="140px"
style="display: block" style="display: block"
:key="'edit' + item.keyName" :key="'edit' + item.keyName"
:label="item.field" :label="item.field"
:prop="item.keyName" :prop="item.keyName"
:rules="item.rules || []" :rules="item.rules || []">
>
<template v-if="item.type == 'switch'"> <template v-if="item.type == 'switch'">
<el-switch <el-switch v-model="fmData[item.keyName]"
v-model="fmData[item.keyName]"
size="small" size="small"
:active-text="item.activeText || ''" :active-text="item.activeText || ''"
:inactive-text="item.inactiveText || ''" :inactive-text="item.inactiveText || ''"
:active-value="item.activeValue || true" :active-value="item.activeValue || true"
:inactive-value="item.inactiveValue || false" :inactive-value="item.inactiveValue || false">
>
</el-switch> </el-switch>
</template> </template>
<template v-if="item.type == 'input'"> <template v-if="item.type == 'input'">
<el-input <el-input v-if="
v-if="
formType == 'add' || (formType == 'edit' && !item.editDisable) formType == 'add' || (formType == 'edit' && !item.editDisable)
" "
v-model="fmData[item.keyName]" v-model="fmData[item.keyName]"
@ -44,18 +37,17 @@
clearable clearable
show-word-limit show-word-limit
:maxlength="item.maxlength || ''" :maxlength="item.maxlength || ''"
:placeholder="item.placeholder || '请输入'" :placeholder="item.placeholder || '请输入'">
>
</el-input> </el-input>
<div class="item-show" v-else> <div class="item-show"
v-else>
{{ fmData[item.keyName] || "--" }} {{ fmData[item.keyName] || "--" }}
</div> </div>
</template> </template>
<template v-if="item.type == 'textarea'"> <template v-if="item.type == 'textarea'">
<el-input <el-input v-if="
v-if="
formType == 'add' || (formType == 'edit' && !item.editDisable) formType == 'add' || (formType == 'edit' && !item.editDisable)
" "
v-model="fmData[item.keyName]" v-model="fmData[item.keyName]"
@ -66,18 +58,17 @@
show-word-limit show-word-limit
:rows="3" :rows="3"
:maxlength="item.maxlength || ''" :maxlength="item.maxlength || ''"
:placeholder="item.placeholder || '请输入'" :placeholder="item.placeholder || '请输入'">
>
</el-input> </el-input>
<div class="item-show" v-else> <div class="item-show"
v-else>
{{ fmData[item.keyName] || "--" }} {{ fmData[item.keyName] || "--" }}
</div> </div>
</template> </template>
<template v-if="item.type == 'date'"> <template v-if="item.type == 'date'">
<el-date-picker <el-date-picker v-if="
v-if="
formType == 'add' || (formType == 'edit' && !item.editDisable) formType == 'add' || (formType == 'edit' && !item.editDisable)
" "
v-model="fmData[item.keyName]" v-model="fmData[item.keyName]"
@ -87,18 +78,17 @@
clearable clearable
show-word-limit show-word-limit
:value-format="item.format || 'yyyy-MM-dd'" :value-format="item.format || 'yyyy-MM-dd'"
:placeholder="item.placeholder || '请输入'" :placeholder="item.placeholder || '请输入'">
>
</el-date-picker> </el-date-picker>
<div class="item-show" v-else> <div class="item-show"
v-else>
{{ fmData[item.keyName] || "--" }} {{ fmData[item.keyName] || "--" }}
</div> </div>
</template> </template>
<template v-if="item.type == 'number'"> <template v-if="item.type == 'number'">
<el-input-number <el-input-number v-if="
v-if="
formType == 'add' || (formType == 'edit' && !item.editDisable) formType == 'add' || (formType == 'edit' && !item.editDisable)
" "
v-model="fmData[item.keyName]" v-model="fmData[item.keyName]"
@ -109,18 +99,17 @@
:step="item.step || 1" :step="item.step || 1"
:min="item.min || 0" :min="item.min || 0"
:max="item.max || 999999999999" :max="item.max || 999999999999"
:placeholder="item.placeholder || '请输入'" :placeholder="item.placeholder || '请输入'">
>
</el-input-number> </el-input-number>
<span class="item-show" v-else> <span class="item-show"
v-else>
{{ fmData[item.keyName] || "--" }} {{ fmData[item.keyName] || "--" }}
</span> </span>
<span v-if="item.unitName">（{{ item.unitName }}）</span> <span v-if="item.unitName">（{{ item.unitName }}）</span>
</template> </template>
<template v-else-if="item.type == 'select'"> <template v-else-if="item.type == 'select'">
<el-select <el-select v-model="fmData[item.keyName]"
v-model="fmData[item.keyName]"
:placeholder="item.placeholder || '请选择'" :placeholder="item.placeholder || '请选择'"
size="small" size="small"
clearable clearable
@ -130,62 +119,48 @@
:allowCreate="item.allowCreate || false" :allowCreate="item.allowCreate || false"
:collapse-tags="item.collapseTags || false" :collapse-tags="item.collapseTags || false"
default-first-option default-first-option
@change="(e) => handleChangeSelect(e, item)" @change="(e) => handleChangeSelect(e, item)">
>
<template v-if="item.optionType == 'group'"> <template v-if="item.optionType == 'group'">
<el-option-group <el-option-group v-for="group in item.optionList"
v-for="group in item.optionList"
:key="group.label" :key="group.label"
:label="group.label" :label="group.label">
> <el-option v-for="subItem in group.optionList"
<el-option
v-for="subItem in group.optionList"
:key="subItem.value" :key="subItem.value"
:label="subItem.label" :label="subItem.label"
:value="subItem.value" :value="subItem.value">
>
</el-option> </el-option>
</el-option-group> </el-option-group>
</template> </template>
<template v-else> <template v-else>
<el-option <el-option v-for="(subItem, subIndex) in item.optionList"
v-for="(subItem, subIndex) in item.optionList"
:key="subItem.value + subIndex" :key="subItem.value + subIndex"
:label="subItem.label" :label="subItem.label"
:value="subItem.value" :value="subItem.value">
>
</el-option> </el-option>
</template> </template>
</el-select> </el-select>
</template> </template>
<template v-else-if="item.type == 'rich-text'"> <template v-else-if="item.type == 'rich-text'">
<div <div v-if="
v-if="
formType == 'add' || (formType == 'edit' && !item.editDisable) formType == 'add' || (formType == 'edit' && !item.editDisable)
" "
class="item-rich-text" class="item-rich-text">
> <Tinymce :ref="'richText' + item.keyName"
<Tinymce
:ref="'richText' + item.keyName"
v-model="fmData[item.keyName]" v-model="fmData[item.keyName]"
:customerId="customerId" :customerId="customerId"
:placeholder="item.placeholder || '请输入'" :placeholder="item.placeholder || '请输入'"
:height="500" :height="500" />
/>
</div> </div>
<div <div v-else
v-else
class="item-rich-text z-show" class="item-rich-text z-show"
@click="handleClickHtmlNode" @click="handleClickHtmlNode">
>
<div v-html="fmData[item.keyName]"></div> <div v-html="fmData[item.keyName]"></div>
</div> </div>
</template> </template>
<template v-else-if="item.type == 'cascader'"> <template v-else-if="item.type == 'cascader'">
<el-cascader <el-cascader v-model="fmData[item.keyName]"
v-model="fmData[item.keyName]"
:placeholder="item.placeholder || '请选择'" :placeholder="item.placeholder || '请选择'"
:options="item.optionList" :options="item.optionList"
:props="item.optionProps || {}" :props="item.optionProps || {}"
@ -194,14 +169,12 @@
size="small" size="small"
clearable clearable
class="item-select" class="item-select"
@change="(e) => handleChangeCascader(e, item)" @change="(e) => handleChangeCascader(e, item)">
>
</el-cascader> </el-cascader>
</template> </template>
<template v-else-if="item.type == 'upload'"> <template v-else-if="item.type == 'upload'">
<el-upload <el-upload :headers="$getElUploadHeaders()"
:headers="$getElUploadHeaders()"
v-if=" v-if="
formType == 'add' || (formType == 'edit' && !item.editDisable) formType == 'add' || (formType == 'edit' && !item.editDisable)
" "
@ -218,110 +191,127 @@
:on-error="(res, file) => handleImgError(res, file, item)" :on-error="(res, file) => handleImgError(res, file, item)"
:on-remove="(res) => handleImgRemove(res, item)" :on-remove="(res) => handleImgRemove(res, item)"
:on-exceed="(res) => handleImgExceed(res, item)" :on-exceed="(res) => handleImgExceed(res, item)"
:before-upload="(file) => beforeImgUpload(file, item)" :before-upload="(file) => beforeImgUpload(file, item)">
>
<a><i class="el-icon-plus"></i> 点击上传</a> <a><i class="el-icon-plus"></i> 点击上传</a>
</el-upload> </el-upload>
<el-image <el-image v-else-if="fmData[item.keyName].length > 0"
v-else-if="fmData[item.keyName].length > 0"
style="width: 100px; height: 100px" style="width: 100px; height: 100px"
:src="fmData[item.keyName][0].url" :src="fmData[item.keyName][0].url"
fit="cover" fit="cover"
:preview-src-list="fmData[item.keyName].map((item) => item.url)" :preview-src-list="fmData[item.keyName].map((item) => item.url)"></el-image>
></el-image>
<span v-else>--</span> <span v-else>--</span>
</template> </template>
<template v-else-if="item.type == 'address'"> <template v-else-if="item.type == 'address'">
<div class="address-item"> <div class="address-item">
<el-input <!-- <el-input class="address-item-input"
class="address-item-input"
:placeholder="item.placeholder || '请输入所在地址'" :placeholder="item.placeholder || '请输入所在地址'"
v-model="fmData[item.keyName]" v-model="fmData[item.keyName]"
:maxlength="item.maxlength || ''" :maxlength="item.maxlength || ''"
show-word-limit show-word-limit
size="small" size="small">
>
</el-input> </el-input>
<el-button <el-button style="margin-left: 10px"
style="margin-left: 10px"
type="default" type="default"
size="small" size="small"
ref="mapSearch" ref="mapSearch"
@click="handleSearchMap(item)" @click="handleSearchMap(item)">查询</el-button> -->
>查询</el-button <el-select v-model="searchValue"
> filterable
<div id="app" class="div_map"></div> class="item-input"
<div style="margin-top: 10px" v-show="false"> remote
: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>
<div id="app_base"
class="div_map"></div>
<div style="margin-top: 10px"
v-show="false">
<span>经度</span> <span>经度</span>
<el-input <el-input class="address-item-input2"
class="address-item-input2"
maxlength="50" maxlength="50"
placeholder="请输入经度" placeholder="请输入经度"
v-model="fmData[item.supKeys[0]]" v-model="fmData[item.supKeys[0]]">
>
</el-input> </el-input>
<span style="margin-left: 20px">纬度</span> <span style="margin-left: 20px">纬度</span>
<el-input <el-input class="address-item-input2"
class="address-item-input2"
maxlength="50" maxlength="50"
placeholder="请输入纬度" placeholder="请输入纬度"
v-model="fmData[item.supKeys[1]]" v-model="fmData[item.supKeys[1]]">
>
</el-input> </el-input>
</div> </div>
</div> </div>
<el-input v-if="
formType == 'add' || (formType == 'edit' && !item.editDisable)
"
v-model="fmData[item.keyName]"
class="item-input"
size="small"
clearable
show-word-limit
:maxlength="item.maxlength || ''"
:placeholder="item.placeholder || '请输入'">
</el-input>
<div class="item-show"
v-else>
{{ fmData[item.keyName] || "--" }}
</div>
</template> </template>
</el-form-item> </el-form-item>
</div> </div>
</el-form> </el-form>
<div class="div_btn resi-btns" v-if="!formBtnFixed"> <div class="div_btn resi-btns"
<el-button size="small" @click="handleCancle">{{ v-if="!formBtnFixed">
<el-button size="small"
@click="handleCancle">{{
editConfig.cancelBtnName || "取消" editConfig.cancelBtnName || "取消"
}}</el-button> }}</el-button>
<el-button <el-button v-if="formType != 'watch'"
v-if="formType != 'watch'"
type="primary" type="primary"
size="small" size="small"
:disabled="btnDisable" :disabled="btnDisable"
@click="handleComfirm" @click="handleComfirm">{{ editConfig.confirmBtnName || "确定" }}</el-button>
>{{ editConfig.confirmBtnName || "确定" }}</el-button <slot name="operateSup"
>
<slot
name="operateSup"
v-bind:id="formId" v-bind:id="formId"
v-bind:info="fmData" v-bind:info="fmData"
v-bind:formType="formType" v-bind:formType="formType"></slot>
></slot>
</div> </div>
<slot <slot name="bottomSup"
name="bottomSup"
v-bind:id="formId" v-bind:id="formId"
v-bind:info="fmData" v-bind:info="fmData"
v-bind:formType="formType" v-bind:formType="formType"></slot>
></slot>
</div> </div>
<div class="div_btn resi-btns" v-if="formBtnFixed"> <div class="div_btn resi-btns"
<el-button size="small" @click="handleCancle">{{ v-if="formBtnFixed">
<el-button size="small"
@click="handleCancle">{{
editConfig.cancelBtnName || "取消" editConfig.cancelBtnName || "取消"
}}</el-button> }}</el-button>
<el-button <el-button v-if="formType != 'watch'"
v-if="formType != 'watch'"
type="primary" type="primary"
size="small" size="small"
:disabled="btnDisable" :disabled="btnDisable"
@click="handleComfirm" @click="handleComfirm">{{ editConfig.confirmBtnName || "确定" }}</el-button>
>{{ editConfig.confirmBtnName || "确定" }}</el-button <slot name="operateSup"
>
<slot
name="operateSup"
v-bind:id="formId" v-bind:id="formId"
v-bind:info="fmData" v-bind:info="fmData"
v-bind:formType="formType" v-bind:formType="formType"></slot>
></slot>
</div> </div>
</div> </div>
</template> </template>
@ -397,7 +387,10 @@ export default {
data () { data () {
return { return {
iniLoaded: false, iniLoaded: false,
searchOptions: [],
searchValue: '',
resultList: [],
loading: false,
btnDisable: false, btnDisable: false,
fmData: {}, fmData: {},
@ -407,6 +400,8 @@ export default {
uploadUrl: window.SITE_CONFIG["apiURL"] + "/oss/file/uploadqrcodeV2", uploadUrl: window.SITE_CONFIG["apiURL"] + "/oss/file/uploadqrcodeV2",
customerId: localStorage.getItem("customerId"), customerId: localStorage.getItem("customerId"),
addressItem: {}
}; };
}, },
computed: {}, computed: {},
@ -491,6 +486,8 @@ export default {
} else if (item.type == "address") { } else if (item.type == "address") {
this.$nextTick(async () => { this.$nextTick(async () => {
await nextTick(300); await nextTick(300);
this.addressItem = item
this.initMap(item); this.initMap(item);
}); });
} }
@ -625,7 +622,7 @@ export default {
let { latitude, longitude } = this.$store.state.user; let { latitude, longitude } = this.$store.state.user;
map = new daiMap( map = new daiMap(
document.getElementById("app"), document.getElementById("app_base"),
{ latitude, longitude }, { latitude, longitude },
{ {
zoom: 16.2, // 设置地图缩放级别 zoom: 16.2, // 设置地图缩放级别
@ -638,9 +635,12 @@ export default {
map.on("dragend", (e) => { map.on("dragend", (e) => {
this.handleMoveCenter(item, e); this.handleMoveCenter(item, e);
}); });
// this.handleMoveCenter(item); map.setCenter(latitude, longitude);
map.setMarker(latitude, longitude);
}, },
async handleSearchMap (item) { async handleSearchMap (item) {
const { msg, data } = await map.searchNearby(this.fmData[item.keyName]); const { msg, data } = await map.searchNearby(this.fmData[item.keyName]);
if (msg == "success") { if (msg == "success") {
@ -666,9 +666,59 @@ export default {
let { msg, data } = await map.getAddress(lat, lng); let { msg, data } = await map.getAddress(lat, lng);
if (msg == "success") { if (msg == "success") {
this.fmData[item.keyName] = data.address; this.fmData[item.keyName] = data.address;
this.searchValue = data.address
this.searchOptions = []
} }
}, },
async remoteMethod (query) {
if (query !== '') {
this.loading = true;
const { msg, data } = await map.searchNearby(query);
this.loading = false;
this.resultList = []
if (msg == "success" && data.resultList && data.resultList.length > 0) {
if (data.resultList && data.resultList.length > 0) {
this.resultList = data.resultList
this.searchOptions = this.resultList.map(item => {
return { value: `${item.hotPointID}`, label: `${item.address + item.name}` };
});
}
} else {
this.searchOptions = [
{
value: '0',
label: '未检索到结果'
}
]
}
} else {
this.searchOptions = [];
}
},
handleClickKey (index) {
let selPosition = this.resultList[index]
let lonlat = selPosition.lonlat.split(" ")
map.setCenter(lonlat[1], lonlat[0]);
map.setMarker(lonlat[1], lonlat[0]);
this.fmData[this.addressItem.supKeys[0]] = lonlat[1];
this.fmData[this.addressItem.supKeys[1]] = lonlat[0];
// this.formData.latitude = lonlat[1];
// this.formData.longitude = lonlat[0];
// this.formData.address = selPosition.address + selPosition.name
this.fmData[this.addressItem.keyName] = selPosition.address + selPosition.name
},
async getInfo () { async getInfo () {
let url = this.infoUrl; let url = this.infoUrl;
if (!url) return; if (!url) return;

146
src/views/modules/shequzhili/event/cpts/add.vue
View File

@ -130,49 +130,38 @@
</el-upload> </el-upload>
</el-form-item> </el-form-item>
<el-form-item label="地理位置" <el-form-item label="地图位置"
prop="address" prop="longitude"
label-width="150px" label-width="150px"
style="display: block"> style="display: block">
<el-input class="cell-width-1" <div style="width: 500px">
v-model="formData.address"> <el-select v-model="searchValue"
</el-input> filterable
style="width: 500px"
remote
: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>
<div id="app_event"
class="div_map"></div>
</div>
</el-form-item> </el-form-item>
<el-form-item label="位置坐标"
prop="longitude" <el-form-item label="详细地址"
prop="address"
label-width="150px" label-width="150px"
style="display: block"> style="display: block">
<div style="width: 500px"> <el-input class="cell-width-1"
<el-input class="item_width_4"
maxlength="50"
placeholder="请输入关键字"
v-model="formData.address"> v-model="formData.address">
</el-input> </el-input>
<el-button style="margin-left: 10px"
type="default"
size="small"
@click="handleSearchMap">查询</el-button>
<div id="map_event"
class="div_map"></div>
<!-- <div style="margin-top: 10px" v-show="false">
<span>经度</span>
<el-input
class="item_width_3"
maxlength="50"
placeholder="请输入经度"
v-model="formData.longitude"
>
</el-input>
<span style="margin-left: 20px">纬度</span>
<el-input
class="item_width_3"
maxlength="50"
placeholder="请输入纬度"
v-model="formData.latitude"
>
</el-input>
</div> -->
</div>
</el-form-item> </el-form-item>
</el-form> </el-form>
</div> </div>
@ -249,6 +238,7 @@ var geocoder; // 新建一个正逆地址解析类
function iniFmData () { function iniFmData () {
return { return {
gridId: "", //所属网格 gridId: "", //所属网格
reportUserId: "", // 报事人ID reportUserId: "", // 报事人ID
name: "", // 报事人姓名 name: "", // 报事人姓名
@ -272,6 +262,10 @@ export default {
data () { data () {
return { return {
formType: "add", //表单操作类型 add新增，edit编辑，detail详情 formType: "add", //表单操作类型 add新增，edit编辑，detail详情
searchOptions: [],
searchValue: '',
resultList: [],
loading: false,
btnDisable: false, btnDisable: false,
gridList: [], //所属网格list--场所区域 gridList: [], //所属网格list--场所区域
@ -397,10 +391,9 @@ export default {
this.formData.latitude = latitude; this.formData.latitude = latitude;
this.formData.longitude = longitude; this.formData.longitude = longitude;
this.initMap();
map.setCenter(this.formData.latitude, this.formData.longitude); this.initMap(this.formData.latitude, this.formData.longitude);
map.setMarker(this.formData.latitude, this.formData.longitude);
this.handleMoveCenter()
this.loadGrid(); this.loadGrid();
this.getCategoryList(); this.getCategoryList();
@ -570,11 +563,10 @@ export default {
}, },
// 地图初始化函数，本例取名为init，开发者可根据实际情况定义 // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
initMap () { initMap (latitude, longitude) {
let { latitude, longitude } = this.$store.state.user;
map = new daiMap( map = new daiMap(
document.getElementById("map_event"), document.getElementById("app_event"),
{ latitude, longitude }, { latitude, longitude },
{ {
zoom: 16.2, // 设置地图缩放级别 zoom: 16.2, // 设置地图缩放级别
@ -587,21 +579,14 @@ export default {
map.on("dragend", (e) => { map.on("dragend", (e) => {
this.handleMoveCenter(e); this.handleMoveCenter(e);
}); });
},
async handleSearchMap () { map.setCenter(latitude, longitude);
const { msg, data } = await map.searchNearby(this.formData.address); map.setMarker(latitude, longitude);
if (msg == "success") {
const { lat, lng } = data;
map.setCenter(lat, lng);
map.setMarker(lat, lng);
this.formData.latitude = lat;
this.formData.longitude = lng;
} else {
this.$message.error("未检索到相关位置坐标");
}
}, },
async handleMoveCenter (e) {
async handleMoveCenter () {
//修改地图中心点 //修改地图中心点
const { lat, lng } = map.getCenter(); const { lat, lng } = map.getCenter();
this.formData.latitude = lat; this.formData.latitude = lat;
@ -610,13 +595,60 @@ export default {
let { msg, data } = await map.getAddress(lat, lng); let { msg, data } = await map.getAddress(lat, lng);
if (msg == "success") { if (msg == "success") {
this.formData.address = data.address; this.formData.address = data.address
this.searchValue = data.address
this.searchOptions = []
}
},
async remoteMethod (query) {
if (query !== '') {
this.loading = true;
const { msg, data } = await map.searchNearby(query);
this.loading = false;
this.resultList = []
if (msg == "success" && data.resultList && data.resultList.length > 0) {
if (data.resultList && data.resultList.length > 0) {
this.resultList = data.resultList
this.searchOptions = this.resultList.map(item => {
return { value: `${item.hotPointID}`, label: `${item.address + item.name}` };
});
}
} else {
this.searchOptions = [
{
value: '0',
label: '未检索到结果'
} }
]
}
} else {
this.searchOptions = [];
}
},
handleClickKey (index) {
let selPosition = this.resultList[index]
let lonlat = selPosition.lonlat.split(" ")
map.setCenter(lonlat[1], lonlat[0]);
map.setMarker(lonlat[1], lonlat[0]);
this.formData.latitude = lonlat[1];
this.formData.longitude = lonlat[0];
this.formData.address = selPosition.address + selPosition.name
}, },
resetData () { resetData () {
this.formData = iniFmData(); this.formData = iniFmData();
this.replayImgList = []; this.replayImgList = [];
this.searchValue = ''
this.searchOptions = []
this.resultList = []
}, },
// 开启加载动画 // 开启加载动画
startLoading () { startLoading () {

Write Preview
Loading…
Cancel
Save