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

转服务的坑

dev-登录返回旧业面
dai 3 years ago
parent
5260ec8123
commit
affd6ba55d
1 changed files with 312 additions and 349 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. 661
      src/views/modules/shequzhili/event/cpts/process-form-demand.vue

661
src/views/modules/shequzhili/event/cpts/process-form-demand.vue
View File

@ -1,10 +1,12 @@
<template> <template>
<div class=""> <div class="">
<el-form ref="ref_form" <el-form
:inline="false" ref="ref_form"
:model="formData" :inline="false"
:rules="dataRule" :model="formData"
label-width="100px"> :rules="dataRule"
label-width="100px"
>
<!-- <el-form-item label="事件分类" <!-- <el-form-item label="事件分类"
label-width="150px" label-width="150px"
prop="categoryId"> prop="categoryId">
@ -17,105 +19,124 @@
:show-all-levels="false" :show-all-levels="false"
@change="handleChangeCate"></el-cascader> @change="handleChangeCate"></el-cascader>
</el-form-item> --> </el-form-item> -->
<el-form-item label="服务内容" <el-form-item
label-width="150px" label="服务内容"
:class="{'form-item':source==='visiual'}" label-width="150px"
prop="content"> :class="{ 'form-item': source === 'visiual' }"
<div :class="{'visiual-form':source==='visiual'}"> prop="content"
<el-input v-model="formData.content" >
:autosize="{ minRows: 2, maxRows: 10 }" <div :class="{ 'visiual-form': source === 'visiual' }">
type="textarea" <el-input
clearable v-model="formData.content"
class="cell-width-area" :autosize="{ minRows: 2, maxRows: 10 }"
placeholder="请输入内容"></el-input> type="textarea"
clearable
class="cell-width-area"
placeholder="请输入内容"
></el-input>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="服务类型" <el-form-item
label-width="150px" label="服务类型"
:class="{'form-item':source==='visiual'}" label-width="150px"
prop="categoryCode"> :class="{ 'form-item': source === 'visiual' }"
<div :class="{'visiual-form':source==='visiual'}"> prop="categoryCode"
>
<el-cascader v-model="formData.categoryCode" <div :class="{ 'visiual-form': source === 'visiual' }">
:options="demandOptions" <el-cascader
clearable v-model="formData.categoryCode"
class="cell-width-1" :options="demandOptions"
@change="handleCateSlect"></el-cascader> clearable
class="cell-width-1"
@change="handleCateSlect"
></el-cascader>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="服务时间" <el-form-item
label-width="150px" label="服务时间"
:class="{'form-item':source==='visiual'}" label-width="150px"
prop="wantServiceTime"> :class="{ 'form-item': source === 'visiual' }"
<div :class="{'visiual-form':source==='visiual'}"> prop="wantServiceTime"
<el-date-picker v-model="formData.wantServiceTime" >
type="datetime" <div :class="{ 'visiual-form': source === 'visiual' }">
class="cell-width-1" <el-date-picker
clearable v-model="formData.wantServiceTime"
value-format="yyyy-MM-dd HH:mm:ss" type="datetime"
placeholder="选择日期时间"> class="cell-width-1"
clearable
value-format="yyyy-MM-dd HH:mm:ss"
placeholder="选择日期时间"
>
</el-date-picker> </el-date-picker>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="需求人" <el-form-item
label-width="150px" label="需求人"
:class="{'form-item':source==='visiual'}" label-width="150px"
prop="demandUserName"> :class="{ 'form-item': source === 'visiual' }"
<div :class="{'visiual-form':source==='visiual'}"> prop="demandUserName"
<el-input v-model="formData.demandUserName" >
class="cell-width-1"></el-input> <div :class="{ 'visiual-form': source === 'visiual' }">
<el-input
v-model="formData.demandUserName"
class="cell-width-1"
></el-input>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="联系电话" <el-form-item
label-width="150px" label="联系电话"
:class="{'form-item':source==='visiual'}" label-width="150px"
prop="demandUserMobile"> :class="{ 'form-item': source === 'visiual' }"
<div :class="{'visiual-form':source==='visiual'}"> prop="demandUserMobile"
<el-input v-model="formData.demandUserMobile" >
class="cell-width-1"></el-input> <div :class="{ 'visiual-form': source === 'visiual' }">
<el-input
v-model="formData.demandUserMobile"
class="cell-width-1"
></el-input>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="服务地点" <el-form-item
prop="serviceLocation" label="服务地点"
:class="{'form-item':source==='visiual'}" prop="serviceLocation"
label-width="150px" :class="{ 'form-item': source === 'visiual' }"
style="display: block"> label-width="150px"
style="display: block"
<div :class="{'visiual-form':source==='visiual'}"> >
<el-input class="cell-width-1" <div :class="{ 'visiual-form': source === 'visiual' }">
v-model="formData.serviceLocation"> <el-input class="cell-width-1" v-model="formData.serviceLocation">
</el-input> </el-input>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="位置坐标" <el-form-item
:class="{'form-item':source==='visiual'}" label="位置坐标"
prop="longitude" :class="{ 'form-item': source === 'visiual' }"
label-width="150px" prop="longitude"
style="display: block"> label-width="150px"
<div style="width:500px"> style="display: block"
>
<div style="width: 500px">
<div class="div_map"> <div class="div_map">
<div id="app_map"> <div id="app_map"></div>
</div>
<div class="div_searchmap"> <div class="div_searchmap">
<el-input class="cell-width-map" <el-input
maxlength="50" class="cell-width-map"
size="mini" maxlength="50"
placeholder="请输入关键字" size="mini"
v-model="keyWords"> placeholder="请输入关键字"
v-model="keyWords"
>
</el-input> </el-input>
<el-button style="margin-left: 10px" <el-button
type="primary" style="margin-left: 10px"
size="mini" type="primary"
@click="handleSearchMap">查询</el-button> size="mini"
@click="handleSearchMap"
>查询</el-button
>
</div> </div>
</div> </div>
@ -136,103 +157,108 @@
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="门牌号" <el-form-item
:class="{'form-item':source==='visiual'}" label="门牌号"
label-width="150px" :class="{ 'form-item': source === 'visiual' }"
prop="locationDetail"> label-width="150px"
<div :class="{'visiual-form':source==='visiual'}"> prop="locationDetail"
<el-input v-model="formData.locationDetail" >
class="cell-width-1"></el-input> <div :class="{ 'visiual-form': source === 'visiual' }">
<el-input
v-model="formData.locationDetail"
class="cell-width-1"
></el-input>
</div> </div>
</el-form-item> </el-form-item>
<el-form-item label="服务方" <el-form-item
:class="{'form-item':source==='visiual'}" label="服务方"
label-width="150px" :class="{ 'form-item': source === 'visiual' }"
prop="serverId"> label-width="150px"
prop="serverId"
>
<template> <template>
<div :class="[{'single-select':source==='visiual'},'sel-service']"> <div
<el-select v-model="formData.serviceType" :class="[{ 'single-select': source === 'visiual' }, 'sel-service']"
class="cell-width-1" >
placeholder="请选择" <el-select
clearable v-model="formData.serviceType"
@change="handleServiceChange('add', $event)"> class="cell-width-1"
<el-option v-for="item in serviceOptions" placeholder="请选择"
:key="item.value" clearable
:label="item.label" @change="handleServiceChange('add', $event)"
:value="item.value"> >
<el-option
v-for="item in serviceOptions"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
- -
<el-select v-model="formData.serverId" <el-select
class="cell-width-1" v-model="formData.serverId"
filterable class="cell-width-1"
placeholder="请选择" filterable
clearable> placeholder="请选择"
<el-option v-for="item in serviceOptiondList" clearable
:key="item.value" >
:label="item.label" <el-option
:value="item.value"> v-for="item in serviceOptiondList"
:key="item.value"
:label="item.label"
:value="item.value"
>
</el-option> </el-option>
</el-select> </el-select>
</div> </div>
</template> </template>
</el-form-item> </el-form-item>
</el-form> </el-form>
</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 daiMap from "@/utils/dai-map";
import { isCard } from "@/utils/validate";
let loading; // 加载动画 let loading; // 加载动画
var map var map;
var search
var markers
var infoWindowList
var geocoder // 新建一个正逆地址解析类
function iniFmData () { function iniFmData() {
return { return {
operationType: '2',//处理方式[0:已回复 1:已转项目 2:已转服务] operationType: "2", //处理方式[0:已回复 1:已转项目 2:已转服务]
icEventId: '',//事件Id icEventId: "", //事件Id
gridId: '',// gridId: "", //
categoryCode: '',// 二级服务分类编码 categoryCode: "", // 二级服务分类编码
parentCode: '',// 父级服务分类编码 parentCode: "", // 父级服务分类编码
content: '',// 服务内容1000字 content: "", // 服务内容1000字
reportType: 'self_help',// 社区帮办：community；楼长帮办：building_caption;党员帮办：party;自身上报：self_help reportType: "self_help", // 社区帮办：community；楼长帮办：building_caption;党员帮办：party;自身上报：self_help
reportUserName: '',// 上报人姓名 reportUserName: "", // 上报人姓名
reportUserMobile: '',// 自身上报时存储注册居民的手机号 reportUserMobile: "", // 自身上报时存储注册居民的手机号
reportTime: '',// 上报时间 reportTime: "", // 上报时间
demandUserId: '',// 需求人：user.id或者ic_resi_user.id demandUserId: "", // 需求人：user.id或者ic_resi_user.id
demandUserName: '',// 需求人姓名 demandUserName: "", // 需求人姓名
demandUserMobile: '',//需求人联系电话 demandUserMobile: "", //需求人联系电话
wantServiceTime: '',// 希望服务时间 wantServiceTime: "", // 希望服务时间
serviceType: '', serviceType: "",
serverId: '', serverId: "",
locationDetail: '', locationDetail: "",
serviceLocation: '',//事件地址 serviceLocation: "", //事件地址
latitude: '',// 经度 latitude: "", // 经度
longitude: '',//维度 longitude: "", //维度
// categoryId: '' // categoryId: ''
}; };
} }
export default { export default {
data () { data() {
return { return {
btnDisable: false, btnDisable: false,
customerId: localStorage.getItem("customerId"), customerId: localStorage.getItem("customerId"),
demandOptions: [], demandOptions: [],
serviceOptions: [ serviceOptions: [],
],
serviceOptiondList: [], serviceOptiondList: [],
casOptions: [], casOptions: [],
@ -241,25 +267,25 @@ export default {
selCateObj: {}, selCateObj: {},
optionProps: { optionProps: {
multiple: false, multiple: false,
value: 'id', value: "id",
label: 'name', label: "name",
children: 'subCategory', children: "subCategory",
}, },
formData: iniFmData(), formData: iniFmData(),
okflag: false, okflag: false,
//地图相关 //地图相关
keyWords: '', keyWords: "",
eventDetailCopy: {} eventDetailCopy: {},
}; };
}, },
components: {}, components: {},
computed: {
dataRule () {
computed: {
dataRule() {
return { return {
// categoryId: [ // categoryId: [
// { required: true, message: "请填写事件分类", trigger: "blur" }, // { required: true, message: "请填写事件分类", trigger: "blur" },
@ -285,14 +311,11 @@ export default {
serverId: [ serverId: [
{ required: true, message: "服务方不能为空", trigger: "blur" }, { required: true, message: "服务方不能为空", trigger: "blur" },
], ],
}; };
}, },
}, },
props: {
props: {
demandUserId: { demandUserId: {
type: String, type: String,
default: "", default: "",
@ -312,156 +335,142 @@ export default {
eventDetailData: { eventDetailData: {
type: Object, type: Object,
default () { default() {
return {} return {};
} },
}, },
source: {//展示来源：manage 管理平台 visiual 可视化平台 source: {
//展示来源：manage 管理平台 visiual 可视化平台
type: String, type: String,
default: 'manage' default: "manage",
} },
}, },
watch: { watch: {
demandUserName: function (val) { demandUserName: function (val) {
this.formData.reportUserName = val;
this.formData.reportUserName = val this.formData.demandUserName = val;
this.formData.demandUserName = val
}, },
demandUserMobile: function (val) { demandUserMobile: function (val) {
this.formData.reportUserMobile = val;
this.formData.reportUserMobile = val this.formData.demandUserMobile = val;
this.formData.demandUserMobile = val
}, },
demandUserId: function (val) { demandUserId: function (val) {
this.formData.demandUserId = val;
this.formData.demandUserId = val
}, },
}, },
created () {
async mounted() {
}, const { user } = this.$store.state;
this.agencyId = user.agencyId;
async mounted () {
const { user } = this.$store.state
this.agencyId = user.agencyId
this.getCategoryList();
this.getDemandOptions();
this.getServiceOption()
// this.formData = { ...this.formDataTemp }
this.initMap()
if (this.eventId) { if (this.eventId) {
this.eventDetailCopy = JSON.parse(JSON.stringify(this.eventDetailData)); this.eventDetailCopy = JSON.parse(JSON.stringify(this.eventDetailData));
this.formData.reportUserMobile = this.eventDetailCopy.mobile this.formData.reportUserMobile = this.eventDetailCopy.mobile;
this.formData.reportUserName = this.eventDetailCopy.name this.formData.reportUserName = this.eventDetailCopy.name;
this.formData.reportTime = this.eventDetailCopy.happenTime this.formData.reportTime = this.eventDetailCopy.happenTime;
this.formData.gridId = this.eventDetailCopy.gridId this.formData.gridId = this.eventDetailCopy.gridId;
this.formData.demandUserId = this.eventDetailCopy.reportUserId this.formData.demandUserId = this.eventDetailCopy.reportUserId;
this.formData.demandUserName = this.eventDetailCopy.name this.formData.demandUserName = this.eventDetailCopy.name;
this.formData.demandUserMobile = this.eventDetailCopy.mobile this.formData.demandUserMobile = this.eventDetailCopy.mobile;
if (this.eventDetailCopy.parentCategoryId && this.eventDetailCopy.categoryId) { if (
this.eventDetailCopy.parentCategoryId &&
this.eventDetailCopy.categoryId
) {
// this.selCategoryArray = [] // this.selCategoryArray = []
// this.selCategoryArray.push(this.eventDetailCopy.parentCategoryId) // this.selCategoryArray.push(this.eventDetailCopy.parentCategoryId)
// this.selCategoryArray.push(this.eventDetailCopy.categoryId) // this.selCategoryArray.push(this.eventDetailCopy.categoryId)
// this.formData.categoryId = this.eventDetailCopy.categoryId // this.formData.categoryId = this.eventDetailCopy.categoryId
// this.selCateObj = { // this.selCateObj = {
// name: this.eventDetailCopy.categoryName, // name: this.eventDetailCopy.categoryName,
// id: this.eventDetailCopy.categoryId // id: this.eventDetailCopy.categoryId
// } // }
} }
} else { } else {
this.formData.demandUserName = this.demandUserName this.formData.demandUserName = this.demandUserName;
this.formData.demandUserMobile = this.demandUserMobile this.formData.demandUserMobile = this.demandUserMobile;
this.formData.demandUserId = this.demandUserId this.formData.demandUserId = this.demandUserId;
} }
this.getCategoryList();
this.getDemandOptions();
this.getServiceOption();
this.initMap();
}, },
methods: { methods: {
async getCategoryList() {
const url = "/gov/issue/issueprojectcategorydict/list";
async getCategoryList () { let params = {};
const url = "/gov/issue/issueprojectcategorydict/list"
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.filterTree(data)
//组织级联数据 //组织级联数据
++this.iscascaderShow ++this.iscascaderShow;
this.casOptions = [] this.casOptions = [];
this.casOptions = treeDataNew
this.casOptions = treeDataNew;
} else { } else {
this.$message.error(msg) this.$message.error(msg);
} }
}, },
handleChangeCate () { handleChangeCate() {
console.log(this.$refs["myCascader"].getCheckedNodes()[0].data) console.log(this.$refs["myCascader"].getCheckedNodes()[0].data);
this.selCateObj = this.$refs["myCascader"].getCheckedNodes()[0].data this.selCateObj = this.$refs["myCascader"].getCheckedNodes()[0].data;
this.formData.categoryId = this.selCateObj.id this.formData.categoryId = this.selCateObj.id;
}, },
//重构树，去除网格 //重构树，去除网格
filterTree (arr) { filterTree(arr) {
let childs = arr let childs = arr;
for (let i = childs.length; i--; i > 0) { for (let i = childs.length; i--; i > 0) {
if (childs[i].subCategory) { if (childs[i].subCategory) {
if (childs[i].subCategory.length) { if (childs[i].subCategory.length) {
this.filterTree(childs[i].subCategory) this.filterTree(childs[i].subCategory);
} else { } else {
delete childs[i].subCategory delete childs[i].subCategory;
} }
} }
} }
return arr return arr;
}, },
async getDemandOptions () { async getDemandOptions() {
const url = "/heart/icresidemanddict/demandoption" const url = "/heart/icresidemanddict/demandoption";
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) {
this.demandOptions = this.getFlagData( this.demandOptions = this.getFlagData(
this.getTreeData(data), this.getTreeData(data),
"usableFlag" "usableFlag"
); );
} else { } else {
this.$message.error(msg) this.$message.error(msg);
} }
}, },
async getServiceOption () { async getServiceOption() {
const url = "/sys/dict/data/dictlist" const url = "/sys/dict/data/dictlist";
let params = { dictType: "user_demand_service_type", } let params = { dictType: "user_demand_service_type" };
const { data, code, msg } = await requestPost(url, params) const { data, code, msg } = await requestPost(url, params);
if (code === 0) { if (code === 0) {
this.serviceOptions = data; this.serviceOptions = data;
} else { } else {
this.$message.error(msg) this.$message.error(msg);
} }
}, },
getTreeData (data) { getTreeData(data) {
if (!Array.isArray(data)) return []; if (!Array.isArray(data)) return [];
let arr = data.map((item) => { let arr = data.map((item) => {
let _item = {}; let _item = {};
@ -476,7 +485,8 @@ export default {
}); });
return arr; return arr;
}, },
getFlagData (data, flag) {
getFlagData(data, flag) {
if (!Array.isArray(data)) return []; if (!Array.isArray(data)) return [];
let arr1 = data.filter((item) => item[flag]); let arr1 = data.filter((item) => item[flag]);
let arr2 = arr1.map((item) => { let arr2 = arr1.map((item) => {
@ -488,7 +498,7 @@ export default {
return arr2; return arr2;
}, },
handleCateSlect (val) { handleCateSlect(val) {
console.log("val", val); console.log("val", val);
if (val.length === 1) { if (val.length === 1) {
this.demandOptions.forEach((item) => { this.demandOptions.forEach((item) => {
@ -501,7 +511,7 @@ export default {
} }
}, },
handleServiceChange (type, val) { handleServiceChange(type, val) {
if (val === "social_org") { if (val === "social_org") {
if (type === "add") { if (type === "add") {
this.getServiceuserList(val, "add_demand"); this.getServiceuserList(val, "add_demand");
@ -513,8 +523,7 @@ export default {
} }
}, },
async getServiceuserList (serviceType, query) { async getServiceuserList(serviceType, query) {
if (!serviceType) return false; if (!serviceType) return false;
const { demandUserId } = this.formData; const { demandUserId } = this.formData;
const params = { const params = {
@ -523,154 +532,111 @@ export default {
queryPurpose: query, queryPurpose: query,
}; };
const url = "/heart/userdemand/servicelist";
const url = "/heart/userdemand/servicelist" const { data, code, msg } = await requestPost(url, params);
const { data, code, msg } = await requestPost(url, params)
if (code === 0) { if (code === 0) {
this.serviceOptiondList = data.filter( this.serviceOptiondList = data.filter(
(item) => item.value != demandUserId (item) => item.value != demandUserId
); );
} else { } else {
this.$message.error(msg) this.$message.error(msg);
} }
}, },
async getDemandInfo () { async getDemandInfo() {
this.okflag = false this.okflag = false;
this.$refs["ref_form"].validate((valid, messageObj) => { this.$refs["ref_form"].validate((valid, messageObj) => {
if (!valid) { if (!valid) {
app.util.validateRule(messageObj); app.util.validateRule(messageObj);
// this.formData.categoryId = this.selCateObj.id // this.formData.categoryId = this.selCateObj.id
} else { } else {
this.okflag = true;
this.okflag = true
} }
}); });
}, },
resetData() {},
resetData () {
},
// 地图初始化函数，本例取名为init，开发者可根据实际情况定义 // 地图初始化函数，本例取名为init，开发者可根据实际情况定义
initMap () { initMap() {
// 定义地图中心点坐标 let { latitude, longitude } = this.$store.state.user;
var center = new window.TMap.LatLng(36.0722275, 120.38945519)
// 定义map变量，调用 TMap.Map() 构造函数创建地图
map = new window.TMap.Map(document.getElementById('app_map'), {
center: center, // 设置地图中心点坐标
zoom: 17.2, // 设置地图缩放级别
pitch: 43.5, // 设置俯仰角
rotation: 45 // 设置地图旋转角度
})
search = new window.TMap.service.Search({ pageSize: 10 })
// 新建一个地点搜索类
markers = new TMap.MultiMarker({
map: map,
geometries: []
})
infoWindowList = Array(10)
geocoder = new TMap.service.Geocoder(); // 新建一个正逆地址解析类
// 监听地图平移结束 map = new daiMap(
map.on('panend', () => { document.getElementById("app_map"),
this.handleMoveCenter() { latitude, longitude },
})
this.handleMoveCenter()
this.convert()
},
setMarker (lat, lng) {
markers.setGeometries([])
markers.add([
{ {
id: '4', zoom: 16.2, // 设置地图缩放级别
styleId: 'marker', pitch: 43.5, // 设置俯仰角
position: new TMap.LatLng(lat, lng), rotation: 45, // 设置地图旋转角度
properties: {
title: 'marker4'
}
} }
]) );
},
handleSearchMap () { // 监听地图平移结束
infoWindowList.forEach((infoWindow) => { map.on("dragend", (e) => {
infoWindow.close() this.handleMoveCenter(e);
}) });
infoWindowList.length = 0
markers.setGeometries([]) map.setCenter(latitude, longitude);
// 在地图显示范围内以给定的关键字搜索地点 map.setMarker(latitude, longitude);
search
.searchRectangle({
keyword: this.keyWords,
bounds: map.getBounds()
})
.then((result) => {
let { data } = result
if (Array.isArray(data) && data.length > 0) {
const {
location: { lat, lng }
} = data[0]
map.setCenter(new TMap.LatLng(lat, lng))
this.setMarker(lat, lng)
this.formData.latitude = lat
this.formData.longitude = lng
this.convert()
} else {
this.$message.error('未检索到相关位置坐标')
}
})
}, },
handleMoveCenter () { async handleMoveCenter() {
//修改地图中心点 //修改地图中心点
const center = map.getCenter() const { lat, lng } = map.getCenter();
const lat = center.getLat() this.formData.latitude = lat;
const lng = center.getLng() this.formData.longitude = lng;
this.formData.latitude = lat map.setMarker(lat, lng);
this.formData.longitude = lng
this.setMarker(lat, lng) let { msg, data } = await map.getAddress(lat, lng);
this.convert(lat, lng) if (msg == "success") {
this.formData.address = data.address;
}
},
async handleSearchMap() {
const { msg, data } = await map.searchNearby(this.keyWords);
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("未检索到相关位置坐标");
}
}, },
convert (lat, lng) { convert(lat, lng) {
markers.setGeometries([]); markers.setGeometries([]);
// var input = document.getElementById('location').value.split(','); // var input = document.getElementById('location').value.split(',');
let location let location;
if (lat && lng) { if (lat && lng) {
location = new TMap.LatLng(lat, lng); location = new TMap.LatLng(lat, lng);
} else { } else {
location = new TMap.LatLng(this.formData.latitude, this.formData.longitude); location = new TMap.LatLng(
this.formData.latitude,
this.formData.longitude
);
} }
// map.setCenter(location); // map.setCenter(location);
markers.updateGeometries([ markers.updateGeometries([
{ {
id: 'main', // 点标注数据数组 id: "main", // 点标注数据数组
position: location, position: location,
}, },
]); ]);
geocoder geocoder
.getAddress({ location: location }) // 将给定的坐标位置转换为地址 .getAddress({ location: location }) // 将给定的坐标位置转换为地址
.then((result) => { .then((result) => {
this.formData.serviceLocation = result.result.address this.formData.serviceLocation = result.result.address;
// 显示搜索到的地址 // 显示搜索到的地址
}); });
}, },
// 开启加载动画 // 开启加载动画
startLoading () { startLoading() {
loading = Loading.service({ loading = Loading.service({
lock: true, // 是否锁定 lock: true, // 是否锁定
text: "正在加载……", // 加载中需要显示的文字 text: "正在加载……", // 加载中需要显示的文字
@ -678,7 +644,7 @@ export default {
}); });
}, },
// 结束加载动画 // 结束加载动画
endLoading () { endLoading() {
// clearTimeout(timer); // clearTimeout(timer);
if (loading) { if (loading) {
loading.close(); loading.close();
@ -688,14 +654,11 @@ export default {
}; };
</script> </script>
<style lang='scss' scoped> <style lang="scss" scoped>
@import "@/assets/scss/modules/visual/a_customize.scss"; @import "@/assets/scss/modules/visual/a_customize.scss";
@import "@/assets/scss/modules/shequzhili/event-info.scss"; @import "@/assets/scss/modules/shequzhili/event-info.scss";
</style> </style>
<style> <style>
.el-dialog__body { .el-dialog__body {
padding: 0 10px 20px !important; padding: 0 10px 20px !important;

Write Preview
Loading…
Cancel
Save