|
|
@ -103,71 +103,36 @@ |
|
|
</el-form> |
|
|
</el-form> |
|
|
</div> |
|
|
</div> |
|
|
<div class="g-right"> |
|
|
<div class="g-right"> |
|
|
<el-form ref="ref_form2" |
|
|
<el-form ref="ref_form2" :inline="true" :model="formData" :rules="dataRule" class="form"> |
|
|
:inline="true" |
|
|
<el-form-item label="图片" label-width="150px" style="display: block"> |
|
|
:model="formData" |
|
|
<el-upload :headers="$getElUploadHeaders()" :class="['avatar-uploader', { hide: hideUploadBtn }]" |
|
|
:rules="dataRule" |
|
|
ref="uploadPic" :action="uploadUlr" :disabled="uploadStatus" list-type="picture-card" |
|
|
class="form"> |
|
|
:on-exceed="exceedPic" :on-remove="removePic" :file-list="replayImgList" |
|
|
<el-form-item label="图片" |
|
|
:on-change="handleEditChange" :on-success="handleSuccess" :before-upload="handleBefore" |
|
|
label-width="150px" |
|
|
|
|
|
style="display: block"> |
|
|
|
|
|
<el-upload :headers="$getElUploadHeaders()" |
|
|
|
|
|
:class="['avatar-uploader', { hide: hideUploadBtn }]" |
|
|
|
|
|
ref="uploadPic" |
|
|
|
|
|
:action="uploadUlr" |
|
|
|
|
|
:disabled="uploadStatus" |
|
|
|
|
|
list-type="picture-card" |
|
|
|
|
|
:on-exceed="exceedPic" |
|
|
|
|
|
:on-remove="removePic" |
|
|
|
|
|
:file-list="replayImgList" |
|
|
|
|
|
:on-change="handleEditChange" |
|
|
|
|
|
:on-success="handleSuccess" |
|
|
|
|
|
:before-upload="handleBefore" |
|
|
|
|
|
:limit="3"> |
|
|
:limit="3"> |
|
|
<span class="font-14" >选择图片</span> |
|
|
<span class="font-14">选择图片</span> |
|
|
<div slot="tip" |
|
|
<div slot="tip" class="upload_tip"> |
|
|
class="upload_tip"> |
|
|
|
|
|
最多上传3张图片，图片支持jpg、jpeg、bmp、git或png格式 |
|
|
最多上传3张图片，图片支持jpg、jpeg、bmp、git或png格式 |
|
|
</div> |
|
|
</div> |
|
|
</el-upload> |
|
|
</el-upload> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-form-item label="地图位置" |
|
|
<el-form-item label="地图位置" prop="longitude" label-width="150px" style="display: block"> |
|
|
prop="longitude" |
|
|
|
|
|
label-width="150px" |
|
|
|
|
|
style="display: block"> |
|
|
|
|
|
<div style="width: 500px"> |
|
|
<div style="width: 500px"> |
|
|
<el-form-item prop="location" style="display: block"> |
|
|
<el-form-item prop="location" style="display: block"> |
|
|
<el-select |
|
|
<el-select v-model="formData.location" filterable remote :reserve-keyword="true" |
|
|
v-model="formData.location" |
|
|
placeholder="请输入关键词" :remote-method="remoteMethod" :loading="loading" |
|
|
filterable |
|
|
@keyup.enter.native="remoteMethod(formData.location)"> |
|
|
remote |
|
|
<el-option v-for="(item, index) in searchOptions" @click.native="handleClickKey(index)" |
|
|
:reserve-keyword="true" |
|
|
:key="item.value" :label="item.label" :value="item.value"></el-option> |
|
|
placeholder="请输入关键词" |
|
|
|
|
|
:remote-method="remoteMethod" |
|
|
|
|
|
:loading="loading" |
|
|
|
|
|
@keyup.enter.native="remoteMethod(formData.location)" |
|
|
|
|
|
> |
|
|
|
|
|
<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> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<div id="app_event" |
|
|
<div id="app_event" class="div_map"></div> |
|
|
class="div_map"></div> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
|
|
|
|
|
|
<el-form-item label="详细地址" |
|
|
<el-form-item label="详细地址" prop="address" label-width="150px" style="display: block"> |
|
|
prop="address" |
|
|
<el-input class="cell-width-1" v-model="formData.address"> |
|
|
label-width="150px" |
|
|
|
|
|
style="display: block"> |
|
|
|
|
|
<el-input class="cell-width-1" |
|
|
|
|
|
v-model="formData.address"> |
|
|
|
|
|
</el-input> |
|
|
</el-input> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-form> |
|
|
</el-form> |
|
|
@ -175,80 +140,53 @@ |
|
|
</div> |
|
|
</div> |
|
|
|
|
|
|
|
|
<!-- 新增弹出框 --> |
|
|
<!-- 新增弹出框 --> |
|
|
<el-dialog :visible.sync="personTableShow" |
|
|
<!-- <el-dialog :visible.sync="personTableShow" :close-on-click-modal="false" :close-on-press-escape="false" |
|
|
:close-on-click-modal="false" |
|
|
:destroy-on-close="true" title="选择居民" width="550px" top="5vh" class="dialog-h" @closed="diaClose"> |
|
|
:close-on-press-escape="false" |
|
|
|
|
|
:destroy-on-close="true" |
|
|
|
|
|
title="选择居民" |
|
|
|
|
|
width="550px" |
|
|
|
|
|
top="5vh" |
|
|
|
|
|
class="dialog-h" |
|
|
|
|
|
@closed="diaClose"> |
|
|
|
|
|
<div style="padding: 10px 30px"> |
|
|
<div style="padding: 10px 30px"> |
|
|
<el-form :inline="false" |
|
|
<el-form :inline="false" ref="ref_formSearch" :label-width="'90px'"> |
|
|
ref="ref_formSearch" |
|
|
<el-form-item label="所属网格" label-width="150px"> |
|
|
:label-width="'90px'"> |
|
|
<el-select class="cell-width-1" v-model.trim="selGridId" placeholder="请选择" clearable> |
|
|
<el-form-item label="所属网格" |
|
|
<el-option v-for="item in gridList" @click.native="handleChangeGrid" :key="`abc-${value}`" |
|
|
label-width="150px"> |
|
|
:label="item.label" :value="item.value"> |
|
|
<el-select class="cell-width-1" |
|
|
|
|
|
v-model.trim="selGridId" |
|
|
|
|
|
placeholder="请选择" |
|
|
|
|
|
clearable> |
|
|
|
|
|
<el-option v-for="item in gridList" |
|
|
|
|
|
@click.native="handleChangeGrid" |
|
|
|
|
|
:key=`abc-${value}` |
|
|
|
|
|
:label="item.label" |
|
|
|
|
|
:value="item.value"> |
|
|
|
|
|
</el-option> |
|
|
</el-option> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
<el-form-item label="居民" |
|
|
<el-form-item label="居民" label-width="150px" prop="selPersonIndex"> |
|
|
label-width="150px" |
|
|
<el-select v-model="selPersonIndex" class="cell-width-1" filterable placeholder="请选择" clearable> |
|
|
prop="selPersonIndex"> |
|
|
<el-option v-for="(item, index) in demandUserList" :key="item.demandUserId" :label="item.label" |
|
|
<el-select v-model="selPersonIndex" |
|
|
|
|
|
class="cell-width-1" |
|
|
|
|
|
filterable |
|
|
|
|
|
placeholder="请选择" |
|
|
|
|
|
clearable> |
|
|
|
|
|
<el-option v-for="(item, index) in demandUserList" |
|
|
|
|
|
:key="item.demandUserId" |
|
|
|
|
|
:label="item.label" |
|
|
|
|
|
:value="index"> |
|
|
:value="index"> |
|
|
</el-option> |
|
|
</el-option> |
|
|
</el-select> |
|
|
</el-select> |
|
|
</el-form-item> |
|
|
</el-form-item> |
|
|
</el-form> |
|
|
</el-form> |
|
|
<div class="div-btn"> |
|
|
<div class="div-btn"> |
|
|
<el-button style="margin-left: 20px" |
|
|
<el-button style="margin-left: 20px" type="primary" size="small" |
|
|
type="primary" |
|
|
|
|
|
size="small" |
|
|
|
|
|
@click="handleComfirmSelPerson">确定</el-button> |
|
|
@click="handleComfirmSelPerson">确定</el-button> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</el-dialog> |
|
|
</el-dialog> --> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import { Loading } from "element-ui"; // 引入Loading服务 |
|
|
import { Loading } from "element-ui"; // 引入Loading服务 |
|
|
import { requestPost } from "@/js/dai/request"; |
|
|
import { requestPost } from "@/js/dai/request"; |
|
|
import formVltHelper from "dai-js/tools/formVltHelper"; |
|
|
import formVltHelper from "dai-js/tools/formVltHelper"; |
|
|
import daiMap from "@/utils/dai-map"; |
|
|
import daiMap from "@/utils/dai-map"; |
|
|
import { isCard } from "@/utils/validate"; |
|
|
import { isCard } from "@/utils/validate"; |
|
|
let loading; // 加载动画 |
|
|
let loading; // 加载动画 |
|
|
var map; |
|
|
var map; |
|
|
var search; |
|
|
var search; |
|
|
var markers; |
|
|
var markers; |
|
|
var infoWindowList; |
|
|
var infoWindowList; |
|
|
var geocoder; // 新建一个正逆地址解析类 |
|
|
var geocoder; // 新建一个正逆地址解析类 |
|
|
|
|
|
|
|
|
function iniFmData () { |
|
|
function iniFmData() { |
|
|
return { |
|
|
return { |
|
|
|
|
|
|
|
|
gridId: "", //所属网格 |
|
|
gridId: "", //所属网格 |
|
|
reportUserId: "", // 上报人ID |
|
|
reportUserId: "", // 上报人ID |
|
|
name: "", // 上报人姓名 |
|
|
name: "cc", // 上报人姓名 |
|
|
mobile: "", // 联系电话 |
|
|
mobile: "17637255555", // 联系电话 |
|
|
idCard: "", // 证件号 |
|
|
idCard: "", // 证件号 |
|
|
sourceType: "", // 反映渠道 |
|
|
sourceType: "", // 反映渠道 |
|
|
happenTime: "", //上报时间 |
|
|
happenTime: "", //上报时间 |
|
|
@ -258,24 +196,22 @@ |
|
|
address: "", //事件地址 |
|
|
address: "", //事件地址 |
|
|
latitude: "", // 经度 |
|
|
latitude: "", // 经度 |
|
|
longitude: "", //维度 |
|
|
longitude: "", //维度 |
|
|
// operationType: '',// 处理方式 |
|
|
// operationType: '0',// 处理方式 |
|
|
// content: '',//回复内容 |
|
|
// content: '',//回复内容 |
|
|
// status: '',// 处理中：processing；已办结：closed_case |
|
|
// status: '',// 处理中：processing；已办结：closed_case |
|
|
}; |
|
|
}; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
|
data () { |
|
|
data() { |
|
|
return { |
|
|
return { |
|
|
formType: "add", //表单操作类型 add新增，edit编辑，detail详情 |
|
|
formType: "add", //表单操作类型 add新增，edit编辑，detail详情 |
|
|
searchOptions: [], |
|
|
searchOptions: [], |
|
|
searchValue: '', |
|
|
searchValue: '', |
|
|
resultList: [], |
|
|
resultList: [], |
|
|
loading: false, |
|
|
loading: false, |
|
|
|
|
|
|
|
|
btnDisable: false, |
|
|
btnDisable: false, |
|
|
gridList: [], //所属网格list--场所区域 |
|
|
gridList: [], //所属网格list--场所区域 |
|
|
|
|
|
|
|
|
qudaoArray: [ |
|
|
qudaoArray: [ |
|
|
{ |
|
|
{ |
|
|
value: "1", |
|
|
value: "1", |
|
|
@ -309,7 +245,7 @@ |
|
|
replayImgList: [], |
|
|
replayImgList: [], |
|
|
|
|
|
|
|
|
okflag: false, |
|
|
okflag: false, |
|
|
uploadStatus:false, |
|
|
uploadStatus: false, |
|
|
|
|
|
|
|
|
formDataSearch: { |
|
|
formDataSearch: { |
|
|
gridId: "", |
|
|
gridId: "", |
|
|
@ -326,18 +262,7 @@ |
|
|
}, |
|
|
}, |
|
|
components: {}, |
|
|
components: {}, |
|
|
computed: { |
|
|
computed: { |
|
|
dataRule () { |
|
|
dataRule() { |
|
|
let checkIdCard = (rule, value, callback) => { |
|
|
|
|
|
if (value === "") { |
|
|
|
|
|
callback(new Error("请输入证件号")); |
|
|
|
|
|
} else { |
|
|
|
|
|
if (!isCard(value)) { |
|
|
|
|
|
callback(new Error("证件号格式不正确")); |
|
|
|
|
|
} |
|
|
|
|
|
callback(); |
|
|
|
|
|
} |
|
|
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
return { |
|
|
return { |
|
|
gridId: [ |
|
|
gridId: [ |
|
|
{ required: true, message: "所属网格不能为空", trigger: "blur" }, |
|
|
{ required: true, message: "所属网格不能为空", trigger: "blur" }, |
|
|
@ -385,29 +310,23 @@ |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
async mounted () { |
|
|
async mounted() { |
|
|
const { user } = this.$store.state; |
|
|
const { user } = this.$store.state; |
|
|
this.agencyId = user.agencyId; |
|
|
this.agencyId = user.agencyId; |
|
|
|
|
|
|
|
|
let { latitude, longitude } = this.$store.state.user; |
|
|
let { latitude, longitude } = this.$store.state.user; |
|
|
if (!latitude || latitude == "" || latitude == "0") { |
|
|
if (!latitude || latitude == "" || latitude == "0") { |
|
|
latitude = 39.9088810666821; |
|
|
latitude = 39.9088810666821; |
|
|
longitude = 116.39743841556731; |
|
|
longitude = 116.39743841556731; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
this.formData.latitude = latitude; |
|
|
this.formData.latitude = latitude; |
|
|
this.formData.longitude = longitude; |
|
|
this.formData.longitude = longitude; |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.initMap(this.formData.latitude, this.formData.longitude); |
|
|
this.initMap(this.formData.latitude, this.formData.longitude); |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
this.loadGrid(); |
|
|
this.loadGrid(); |
|
|
this.getCategoryList(); |
|
|
this.getCategoryList(); |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
methods: { |
|
|
methods: { |
|
|
async handleShowPersonList () { |
|
|
async handleShowPersonList() { |
|
|
if (this.formData.gridId) { |
|
|
if (this.formData.gridId) { |
|
|
await this.handleChangeGrid(); |
|
|
await this.handleChangeGrid(); |
|
|
this.personTableShow = true; |
|
|
this.personTableShow = true; |
|
|
@ -415,10 +334,10 @@ |
|
|
this.$message.info("请先选择网格"); |
|
|
this.$message.info("请先选择网格"); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
diaClose () { |
|
|
diaClose() { |
|
|
this.personTableShow = false; |
|
|
this.personTableShow = false; |
|
|
}, |
|
|
}, |
|
|
handleComfirmSelPerson () { |
|
|
handleComfirmSelPerson() { |
|
|
if (this.selPersonIndex === 0 || this.selPersonIndex) { |
|
|
if (this.selPersonIndex === 0 || this.selPersonIndex) { |
|
|
let selPerson = this.demandUserList[this.selPersonIndex]; |
|
|
let selPerson = this.demandUserList[this.selPersonIndex]; |
|
|
this.formData.name = selPerson.demandUserName; |
|
|
this.formData.name = selPerson.demandUserName; |
|
|
@ -432,7 +351,7 @@ |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
async handleChangeGrid () { |
|
|
async handleChangeGrid() { |
|
|
const url = "/epmetuser/icresiuser/demandusers"; |
|
|
const url = "/epmetuser/icresiuser/demandusers"; |
|
|
// const url = "http://yapi.elinkservice.cn/mock/245/epmetuser/epidemicPrevention/page" |
|
|
// const url = "http://yapi.elinkservice.cn/mock/245/epmetuser/epidemicPrevention/page" |
|
|
let params = { |
|
|
let params = { |
|
|
@ -451,37 +370,30 @@ |
|
|
this.tableLoading = false; |
|
|
this.tableLoading = false; |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
async loadGrid () { |
|
|
async loadGrid() { |
|
|
const url = "/gov/org/customergrid/gridoption"; |
|
|
const url = "/gov/org/customergrid/gridoption"; |
|
|
|
|
|
|
|
|
let params = { |
|
|
let params = { |
|
|
agencyId: this.agencyId, |
|
|
agencyId: this.agencyId, |
|
|
purpose: "addorupdate", |
|
|
purpose: "query", |
|
|
}; |
|
|
}; |
|
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
|
|
|
|
|
|
if (code === 0) { |
|
|
if (code === 0) { |
|
|
this.gridList = data; |
|
|
this.gridList = data; |
|
|
} else { |
|
|
} else { |
|
|
this.$message.error(msg); |
|
|
this.$message.error(msg); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
async getCategoryList () { |
|
|
async getCategoryList() { |
|
|
const url = "/governance/issueprojectcategorydict/list"; |
|
|
const url = "/governance/icEvent/getCategoryTree"; |
|
|
|
|
|
|
|
|
let params = {}; |
|
|
let params = {}; |
|
|
|
|
|
|
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
const { data, code, msg } = await requestPost(url, params); |
|
|
|
|
|
|
|
|
if (code === 0) { |
|
|
if (code === 0) { |
|
|
let treeDataNew = this.filterTree(data); |
|
|
let treeDataNew = this.deepTree(data, "children"); |
|
|
// this.categrayList = data |
|
|
// this.categrayList = data |
|
|
//组织级联数据 |
|
|
//组织级联数据 |
|
|
++this.iscascaderShow; |
|
|
++this.iscascaderShow; |
|
|
this.casOptions = []; |
|
|
this.casOptions = []; |
|
|
this.selCategoryArray = []; |
|
|
this.selCategoryArray = []; |
|
|
|
|
|
|
|
|
this.casOptions = treeDataNew; |
|
|
this.casOptions = treeDataNew; |
|
|
} else { |
|
|
} else { |
|
|
this.$message.error(msg); |
|
|
this.$message.error(msg); |
|
|
@ -489,26 +401,27 @@ |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
//重构树，去除网格 |
|
|
//重构树，去除网格 |
|
|
filterTree (arr) { |
|
|
deepTree(arr, children) { |
|
|
let childs = arr; |
|
|
if (Array.isArray(arr) && arr.length > 0) { |
|
|
for (let i = childs.length; i--; i > 0) { |
|
|
return arr.map((item) => { |
|
|
if (childs[i].subCategory) { |
|
|
return { |
|
|
if (childs[i].subCategory.length) { |
|
|
...item, |
|
|
this.filterTree(childs[i].subCategory); |
|
|
[children]: |
|
|
} else { |
|
|
(item[children] && |
|
|
delete childs[i].subCategory; |
|
|
item[children].length > 0 && |
|
|
} |
|
|
this.deepTree(item[children], children)) || |
|
|
} |
|
|
null, |
|
|
|
|
|
}; |
|
|
|
|
|
}); |
|
|
} |
|
|
} |
|
|
return arr; |
|
|
|
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
handleChangeAgency (value) { |
|
|
handleChangeAgency(value) { |
|
|
// this.agencyName = this.$refs["myCascader"].getCheckedNodes()[0].label |
|
|
// this.agencyName = this.$refs["myCascader"].getCheckedNodes()[0].label |
|
|
// this.orgId = this.selCategoryArray.length > 0 ? this.selCategoryArray[this.selCategoryArray.length - 1] : '' |
|
|
// this.orgId = this.selCategoryArray.length > 0 ? this.selCategoryArray[this.selCategoryArray.length - 1] : '' |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
async getEventInfo () { |
|
|
async getEventInfo() { |
|
|
this.okflag = false; |
|
|
this.okflag = false; |
|
|
this.$refs["ref_form1"].validate((valid, messageObj) => { |
|
|
this.$refs["ref_form1"].validate((valid, messageObj) => { |
|
|
if (!valid) { |
|
|
if (!valid) { |
|
|
@ -546,7 +459,7 @@ |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
removePic (file, fileList) { |
|
|
removePic(file, fileList) { |
|
|
this.formData.imageList.splice( |
|
|
this.formData.imageList.splice( |
|
|
this.formData.imageList.findIndex((item) => item === file.url), |
|
|
this.formData.imageList.findIndex((item) => item === file.url), |
|
|
1 |
|
|
1 |
|
|
@ -558,28 +471,28 @@ |
|
|
this.hideUploadBtn = fileList.length >= 3; |
|
|
this.hideUploadBtn = fileList.length >= 3; |
|
|
}, |
|
|
}, |
|
|
// 最多上传3张图，超过时隐藏上传按钮 |
|
|
// 最多上传3张图，超过时隐藏上传按钮 |
|
|
handleEditChange (file, fileList) { |
|
|
handleEditChange(file, fileList) { |
|
|
this.hideUploadBtn = fileList.length >= 3; |
|
|
this.hideUploadBtn = fileList.length >= 3; |
|
|
}, |
|
|
}, |
|
|
exceedPic () { |
|
|
exceedPic() { |
|
|
this.$message.warning("最多上传3张预览图片"); |
|
|
this.$message.warning("最多上传3张预览图片"); |
|
|
}, |
|
|
}, |
|
|
handleBefore(file){ |
|
|
handleBefore(file) { |
|
|
if(this.uploadStatus){ |
|
|
if (this.uploadStatus) { |
|
|
return false |
|
|
return false |
|
|
} |
|
|
} |
|
|
this.uploadStatus = true |
|
|
this.uploadStatus = true |
|
|
return true |
|
|
return true |
|
|
}, |
|
|
}, |
|
|
handleSuccess (response, file, fileList) { |
|
|
handleSuccess(response, file, fileList) { |
|
|
this.uploadStatus = false |
|
|
this.uploadStatus = false |
|
|
this.replayImgList.push(file); |
|
|
this.replayImgList.push(file); |
|
|
this.formData.imageList.push(response.data.url); |
|
|
this.formData.imageList.push(response.data.url); |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
// 地图初始化函数，本例取名为init，开发者可根据实际情况定义 |
|
|
// 地图初始化函数，本例取名为init，开发者可根据实际情况定义 |
|
|
initMap (latitude, longitude) { |
|
|
initMap(latitude, longitude) { |
|
|
this.$nextTick(()=>{ |
|
|
this.$nextTick(() => { |
|
|
map = new daiMap( |
|
|
map = new daiMap( |
|
|
document.getElementById("app_event"), |
|
|
document.getElementById("app_event"), |
|
|
{ latitude, longitude }, |
|
|
{ latitude, longitude }, |
|
|
@ -602,13 +515,13 @@ |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
async handleMoveCenter () { |
|
|
async handleMoveCenter() { |
|
|
//修改地图中心点 |
|
|
//修改地图中心点 |
|
|
const { lat, lng } = map.getCenter(); |
|
|
const { lat, lng } = map.getCenter(); |
|
|
this.formData.latitude = lat; |
|
|
this.formData.latitude = lat; |
|
|
this.formData.longitude = lng; |
|
|
this.formData.longitude = lng; |
|
|
map.setMarker(lat, lng); |
|
|
map.setMarker(lat, lng); |
|
|
this.$EventBus.$emit('map',{lat,lng}) |
|
|
this.$EventBus.$emit('map', { lat, lng }) |
|
|
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 |
|
|
@ -618,7 +531,7 @@ |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
async remoteMethod (query) { |
|
|
async remoteMethod(query) { |
|
|
if (query !== '') { |
|
|
if (query !== '') { |
|
|
this.loading = true; |
|
|
this.loading = true; |
|
|
const { msg, data } = await map.searchNearby(query); |
|
|
const { msg, data } = await map.searchNearby(query); |
|
|
@ -644,7 +557,7 @@ |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
handleClickKey (index) { |
|
|
handleClickKey(index) { |
|
|
let selPosition = this.resultList[index] |
|
|
let selPosition = this.resultList[index] |
|
|
let lonlat = selPosition.lonlat.split(" ") |
|
|
let lonlat = selPosition.lonlat.split(" ") |
|
|
map.setCenter(lonlat[1], lonlat[0]); |
|
|
map.setCenter(lonlat[1], lonlat[0]); |
|
|
@ -654,7 +567,7 @@ |
|
|
this.formData.address = selPosition.address + selPosition.name |
|
|
this.formData.address = selPosition.address + selPosition.name |
|
|
}, |
|
|
}, |
|
|
|
|
|
|
|
|
resetData () { |
|
|
resetData() { |
|
|
this.formData = iniFmData(); |
|
|
this.formData = iniFmData(); |
|
|
this.replayImgList = []; |
|
|
this.replayImgList = []; |
|
|
this.searchValue = '' |
|
|
this.searchValue = '' |
|
|
@ -662,7 +575,7 @@ |
|
|
this.resultList = [] |
|
|
this.resultList = [] |
|
|
}, |
|
|
}, |
|
|
// 开启加载动画 |
|
|
// 开启加载动画 |
|
|
startLoading () { |
|
|
startLoading() { |
|
|
loading = Loading.service({ |
|
|
loading = Loading.service({ |
|
|
lock: true, // 是否锁定 |
|
|
lock: true, // 是否锁定 |
|
|
text: "正在加载……", // 加载中需要显示的文字 |
|
|
text: "正在加载……", // 加载中需要显示的文字 |
|
|
@ -670,36 +583,35 @@ |
|
|
}); |
|
|
}); |
|
|
}, |
|
|
}, |
|
|
// 结束加载动画 |
|
|
// 结束加载动画 |
|
|
endLoading () { |
|
|
endLoading() { |
|
|
// clearTimeout(timer); |
|
|
// clearTimeout(timer); |
|
|
if (loading) { |
|
|
if (loading) { |
|
|
loading.close(); |
|
|
loading.close(); |
|
|
} |
|
|
} |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}, |
|
|
}; |
|
|
}; |
|
|
</script> |
|
|
</script> |
|
|
<style lang="scss" scoped> |
|
|
<style lang="scss" scoped> |
|
|
@import "@/assets/scss/modules/shequzhili/event-info.scss"; |
|
|
@import "@/assets/scss/modules/shequzhili/event-info.scss"; |
|
|
|
|
|
|
|
|
.item_width_4 { |
|
|
.item_width_4 { |
|
|
width: 350px; |
|
|
width: 350px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.div_map { |
|
|
.div_map { |
|
|
margin-top: 10px; |
|
|
margin-top: 10px; |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |
|
|
|
|
|
|
|
|
<style lang="scss" scoped> |
|
|
<style lang="scss" scoped> |
|
|
.el-dialog__body { |
|
|
.el-dialog__body { |
|
|
padding: 0 10px 20px !important; |
|
|
padding: 0 10px 20px !important; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.hide { |
|
|
.hide { |
|
|
.el-upload--picture-card { |
|
|
.el-upload--picture-card { |
|
|
display: none !important; |
|
|
display: none !important; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |
|
|
|
|
|
|
|
|
|
张若晨
2 years ago