From 8b2353875b5d7e8365a454ee414e3042c7208047 Mon Sep 17 00:00:00 2001
From: yangdelong <828900aaa>
Date: 星期日, 30 五月 2021 19:22:24 +0800
Subject: [PATCH] 企业应急-事件处置-事件信息页面

---
 src/components/base-page/enterprise-emergency/DisposalEvent.vue |   40 +++++++++++++++++++++++++++++++++++-----
 1 files changed, 35 insertions(+), 5 deletions(-)

diff --git a/src/components/base-page/enterprise-emergency/DisposalEvent.vue b/src/components/base-page/enterprise-emergency/DisposalEvent.vue
index c7c4c15..2b7b0a5 100644
--- a/src/components/base-page/enterprise-emergency/DisposalEvent.vue
+++ b/src/components/base-page/enterprise-emergency/DisposalEvent.vue
@@ -48,7 +48,7 @@
                 <el-col class="info-text" :span="18">{{ form.eventDesc }}</el-col>
               </el-row>
               <el-row>
-                <el-col class="info-label"  span="6">闄勪欢锛�</el-col>
+                <el-col class="info-label"  :span="6">闄勪欢锛�</el-col>
                 <el-col class="info-text" :span="18"><a class="link-btn" href="javascript:">闄勪欢</a>
                   &nbsp;&nbsp;&nbsp;&nbsp;
                   <a class="link-btn" href="javascript:">闄勪欢</a>
@@ -94,8 +94,12 @@
     </div>
     </el-scrollbar>
     <div class="event-management">
-      <el-input></el-input>
-      <el-button type="primary" size="mini" @click="ToManagement">寮�濮嬪垎鏋�</el-button>
+      <el-button type="primary" size="mini" @click="mapClick">鍦板浘鐐归��</el-button>
+      <el-select v-model="radius.value" placeholder="璇烽�夋嫨" size="mini" class="map-input">
+        <el-option v-for="(item,index) in radius.options" :key="index" :label="item.label" :value="item.value"></el-option>
+      </el-select>
+      <el-button type="primary" size="mini" @click="eventHanding">寮�濮嬪垎鏋�</el-button>
+      <el-button type="primary" size="mini" @click="toManagement">浜嬩欢绠＄悊</el-button>
       <!--            <el-button size="mini">鍏抽棴</el-button>-->
     </div>
   </div>
@@ -105,12 +109,17 @@
 <script>
 
 import eventBus from '../../../eventBus'
-
+import BufferQuery from '@components/base-page/enterprise-emergency/event-handling/BufferQuery'
 export default {
   name: 'DisposalEvent',
   data () {
     return {
+      bufferQuery: null,
       activeNames: ['1'],
+      radius: {
+        value: 0.1,
+        options: [{ label: '500m', value: 0.5 }, { label: '1km', value: 1 }, { label: '2km', value: 2 }, { label: '5km', value: 5 }, { label: '10km', value: 10 }]
+      },
       form: {
         nameOfEvent: '***************浜嬩欢',
         eventLocation: '**********瑁呯疆',
@@ -170,9 +179,13 @@
       ]
     }
   },
+  mounted () {
+    this.bufferQuery = new BufferQuery(window.map, window.L)
+    this.bufferQuery.initLayers()
+  },
   methods: {
     // 寮�濮嬪垎鏋�
-    ToManagement () {
+    eventHanding () {
       eventBus.$emit('event-handling', {})
     },
     handleClickView (item) {
@@ -183,6 +196,23 @@
     },
     handleChange (val) {
       console.log(val)
+    },
+    mapClick () {
+      window.map.once('click', (e) => {
+        console.log(e)
+        // [-75.343, 39.984];
+
+        // var circle = turf.circle(center, radius, options)
+        // eslint-disable-next-line no-unreachable
+        this.bufferQuery.radius = this.radius.value
+        const lat = 32.26431369781494
+        const lng = 118.79283785820007
+        // this.bufferQuery.bufferQuery(e.latlng.lng, e.latlng.lat)
+        this.bufferQuery.bufferQuery(lng, lat)
+      })
+    },
+    toManagement () {
+
     }
   }
 }

--
Gitblit v1.8.0