From affd6ba55d956b3ee2a5d92683e8277808e57769 Mon Sep 17 00:00:00 2001
From: dai <851733175@qq.com>
Date: Wed, 11 Jan 2023 17:58:34 +0800
Subject: [PATCH] =?UTF-8?q?=E8=BD=AC=E6=9C=8D=E5=8A=A1=E7=9A=84=E5=9D=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../event/cpts/process-form-demand.vue        | 661 +++++++++---------
 1 file changed, 312 insertions(+), 349 deletions(-)

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