From 4777fcdea8925752feb030142cc1e115722ccdcf Mon Sep 17 00:00:00 2001
From: "271556543@qq.com" <271556543@qq.com>
Date: Wed, 3 Aug 2022 17:13:21 +0800
Subject: [PATCH] =?UTF-8?q?2022-8-3=20ad=EF=BC=8Cmap?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                              |  1 +
 public/index.html                         |  9 +++
 src/main.js                               |  3 +
 src/utils/index.js                        | 11 ++++
 src/views/business/component/addStore.vue | 49 ++++++++++++--
 src/views/marketing/ad.vue                | 78 ++++++++++++-----------
 src/views/productService/policyManage.vue |  2 +-
 7 files changed, 110 insertions(+), 43 deletions(-)
diff --git a/package.json b/package.json
index 667e306..4ae9120 100644
--- a/package.json
+++ b/package.json
@@ -14,6 +14,7 @@
     "test:ci": "npm run lint && npm run test:unit"
   },
   "dependencies": {
+    "avue-plugin-map": "^1.0.1",
     "axios": "0.18.1",
     "core-js": "3.6.5",
     "echarts": "^4.2.1",
diff --git a/public/index.html b/public/index.html
index fa2be91..c3e6d30 100644
--- a/public/index.html
+++ b/public/index.html
@@ -6,6 +6,15 @@
     <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
     <link rel="icon" href="<%= BASE_URL %>favicon.ico">
     <title><%= webpackConfig.name %></title>
+
+    <script>
+      window._AMapSecurityConfig = {
+        securityJsCode: '68787c7a64e7240670e6a538b326d64b',
+      }
+    </script>
+    <script type="text/javascript" src='https://webapi.amap.com/maps?v=1.4.11&key=1a9ee0079fcb3c6c64c96dc903989994&plugin=AMap.PlaceSearch'></script>
+    <script src="https://webapi.amap.com/ui/1.0/main.js?v=1.0.11"></script>
+
   </head>
   <body>
     <noscript>
diff --git a/src/main.js b/src/main.js
index 660dc3e..5055d4e 100644
--- a/src/main.js
+++ b/src/main.js
@@ -44,6 +44,9 @@ Vue.use(VueParticles)
 
 Vue.config.productionTip = false
 
+import AvueMap from 'avue-plugin-map'
+Vue.use(AvueMap)
+
 import LxHeader from "@/components/LxHeader/index"
 Vue.component('lx-header',LxHeader)
 import XyTable from "@/components/XyTable"
diff --git a/src/utils/index.js b/src/utils/index.js
index 4830c04..8bdf2cc 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -115,3 +115,14 @@ export function param2Obj(url) {
   })
   return obj
 }
+
+//防抖
+export function debounce(fn,delay=500){
+  let timer = null
+  return function _debounce() {
+    if (timer) clearTimeout(timer)
+    timer = setTimeout(() => {
+      fn()
+    }, delay)
+  }
+}
diff --git a/src/views/business/component/addStore.vue b/src/views/business/component/addStore.vue
index ad70894..7a1b680 100644
--- a/src/views/business/component/addStore.vue
+++ b/src/views/business/component/addStore.vue
@@ -68,20 +68,23 @@
             <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>经度：
           </div>
           <div class="xy-table-item-content">
-            <el-input clearable placeholder="请填写经度" v-model="form.lng" style="width: 120px;"/>
+            <el-input disabled clearable placeholder="请填写经度" v-model="form.lng" style="width: 120px;"/>
           </div>
         </div>
       </template>
-      <template v-slot:eng>
+      <template v-slot:lat>
         <div class="xy-table-item">
           <div class="xy-table-item-label">
             <span style="color: red;font-weight: 600;padding-right: 4px;">*</span>纬度：
           </div>
           <div class="xy-table-item-content">
-            <el-input clearable placeholder="请填写纬度" v-model="form.eng" style="width: 120px;"/>
+            <el-input disabled  clearable placeholder="请填写纬度" v-model="form.lat" style="width: 120px;"/>
           </div>
         </div>
       </template>
+      <template v-slot:extraFormBottom>
+        <avue-map size="small" :option="option" v-model="map" @mapClick="test"></avue-map>
+      </template>
     </xy-dialog>
   </div>
 </template>
@@ -99,12 +102,46 @@ export default {
         address:'',
         contact:'',
         contactNumber:'',
-        lng:'',
-        eng:''
+        lng:'',//经度
+        lat:'',//纬度
+      },
+      map:{
+
+      },
+
+      option: {
+        column: [
+          {
+            label: '坐标',
+            prop: 'map',
+            type: 'map',
+            //高德初始化参数
+            params:{
+              zoom: 10,
+              // zoomEnable: false,
+              // dragEnable: false,
+            }
+          }]
       }
     }
   },
-  methods: {}
+  methods: {
+    test(r,p){
+      this.$nextTick(()=>{
+        this.form.lat = p
+        this.form.lng = r
+      })
+    }
+  },
+  watch:{
+    map(newVal){
+      this.form.lat = newVal?.location?.lat
+      this.form.lng = newVal?.location?.lng
+    }
+  },
+  mounted() {
+
+  }
 
 }
 </script>
diff --git a/src/views/marketing/ad.vue b/src/views/marketing/ad.vue
index b86a4d2..5313ec5 100644
--- a/src/views/marketing/ad.vue
+++ b/src/views/marketing/ad.vue
@@ -1,39 +1,45 @@
 <template>
-  <div>
-
-    <div class="selects">
-      <div class="selects-item">
-        <div class="selects-item-label">活动名称：</div>
-        <Input placeholder="活动名称搜索" clearable style="width: 150px;"/>
-      </div>
-
-      <div class="selects-item">
-        <div class="selects-item-label">发布系统：</div>
-        <Select placeholder="选择发布系统" style="width: 150px;" clearable>
-        </Select>
-      </div>
-
-      <div class="selects-item">
-        <div class="selects-item-label">创建时间：</div>
-        <DatePicker :value="select.createDate" style="width: 200px;" transfer placeholder="选择创建日期" type="daterange" placement="bottom" @on-change="(e)=>select.createDate = e"></DatePicker>
-      </div>
-
-      <div class="selects-item">
-        <div class="selects-item-label">有效时间：</div>
-        <DatePicker :value="select.effectiveDate" style="width: 200px;" transfer placeholder="选择有效时间" type="daterange" placement="bottom" @on-change="(e)=>select.effectiveDate = e"></DatePicker>
-      </div>
-
-      <div class="selects-item">
-        <Button type="primary" style="margin: 0 6px 0 12px;">查询</Button>
-      </div>
-
-      <div class="selects-item">
-        <Button type="error" ghost style="margin: 0 6px;" @click="resetSelect">重置</Button>
-      </div>
-
-      <div class="selects-item">
-        <Button style="margin: 0 6px;" type="info" @click="$refs['addAd'].isShow = true">新增</Button>
-      </div>
+  <div style="padding: 0 20px">
+    <div ref="lxHeader">
+      <lx-header icon="md-apps" text="广告管理" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
+        <div slot="content"></div>
+        <slot>
+          <div class="selects">
+            <div class="selects-item">
+              <div class="selects-item-label">活动名称：</div>
+              <Input placeholder="活动名称搜索" clearable style="width: 150px;"/>
+            </div>
+
+            <div class="selects-item">
+              <div class="selects-item-label">发布系统：</div>
+              <Select placeholder="选择发布系统" style="width: 150px;" clearable>
+              </Select>
+            </div>
+
+            <div class="selects-item">
+              <div class="selects-item-label">创建时间：</div>
+              <DatePicker :value="select.createDate" style="width: 200px;" transfer placeholder="选择创建日期" type="daterange" placement="bottom" @on-change="(e)=>select.createDate = e"></DatePicker>
+            </div>
+
+            <div class="selects-item">
+              <div class="selects-item-label">有效时间：</div>
+              <DatePicker :value="select.effectiveDate" style="width: 200px;" transfer placeholder="选择有效时间" type="daterange" placement="bottom" @on-change="(e)=>select.effectiveDate = e"></DatePicker>
+            </div>
+
+            <div class="selects-item">
+              <Button type="primary" style="margin: 0 6px 0 12px;">查询</Button>
+            </div>
+
+            <div class="selects-item">
+              <Button type="error" ghost style="margin: 0 6px;" @click="resetSelect">重置</Button>
+            </div>
+
+            <div class="selects-item">
+              <Button style="margin: 0 6px;" type="info" @click="$refs['addAd'].isShow = true">新增</Button>
+            </div>
+          </div>
+        </slot>
+      </lx-header>
     </div>
 
     <xy-table :list="list" :table-item="table"></xy-table>
@@ -145,7 +151,7 @@ export default {
     align-items: center;
     justify-content: center;
 
-    margin-bottom: 6px;
+    margin-top: 6px;
     &-label{
       white-space: nowrap;
 
diff --git a/src/views/productService/policyManage.vue b/src/views/productService/policyManage.vue
index 1c2ccfb..d35aa8e 100644
--- a/src/views/productService/policyManage.vue
+++ b/src/views/productService/policyManage.vue
@@ -1,7 +1,7 @@
 <template>
   <div style="padding: 0 20px">
     <div ref="lxHeader">
-      <lx-header icon="md-apps" text="产品与服务管理" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
+      <lx-header icon="md-apps" text="政策管理" style="margin-bottom: 10px; border: 0px; margin-top: 15px">
         <div slot="content"></div>
         <slot>
           <div>
