From d731a42bfa3ebc5b666ad25e473ac690398ebe53 Mon Sep 17 00:00:00 2001
From: air <30444667+sszdot@users.noreply.github.com>
Date: Wed, 18 Jun 2025 12:35:14 +0800
Subject: [PATCH] =?UTF-8?q?=E3=80=90=E7=B1=BB=20=20=E5=9E=8B=E3=80=91?=
 =?UTF-8?q?=EF=BC=9Afactor=20=E3=80=90=E5=8E=9F=20=20=E5=9B=A0=E3=80=91?=
 =?UTF-8?q?=EF=BC=9A=E9=99=90=E9=A3=9E=E5=8C=BA=20=E7=A6=81=E9=A3=9E?=
 =?UTF-8?q?=E5=8C=BA=20=E5=88=86=E6=88=90=E4=B8=A4=E4=B8=AA=E5=8D=95?=
 =?UTF-8?q?=E7=8B=AC=E7=9A=84=E7=BB=84=E4=BB=B6=20=E3=80=90=E8=BF=87=20=20?=
 =?UTF-8?q?=E7=A8=8B=E3=80=91=EF=BC=9A=20=E3=80=90=E5=BD=B1=20=20=E5=93=8D?=
 =?UTF-8?q?=E3=80=91=EF=BC=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

# 类型 包含:
# feat：新功能（feature）
# fix：修补bug
# docs：文档（documentation）
# style： 格式（不影响代码运行的变动）
# refactor：重构（即不是新增功能，也不是修改bug的代码变动）
# test：增加测试
# chore：构建过程或辅助工具的变动
---
 .../layout/components/main/nofly/setNofly.vue | 56 +++++++++++++++++++
 .../components/main/nofly/setRestrictfly.vue  | 56 +++++++++++++++++++
 2 files changed, 112 insertions(+)
 create mode 100644 src/views/layout/components/main/nofly/setNofly.vue
 create mode 100644 src/views/layout/components/main/nofly/setRestrictfly.vue

diff --git a/src/views/layout/components/main/nofly/setNofly.vue b/src/views/layout/components/main/nofly/setNofly.vue
new file mode 100644
index 0000000..60ffc95
--- /dev/null
+++ b/src/views/layout/components/main/nofly/setNofly.vue
@@ -0,0 +1,56 @@
+<template>
+  <div class="h-100">
+    <map-box v-if="showMapbox" :key="mapboxKey" ref="mapbox" :enableNofly="true" />
+  </div>
+</template>
+
+<script>
+import MapBox from '@/components/MapBox'
+
+export default {
+  name: 'Nofly',
+  components: {
+    MapBox
+  },
+  data () {
+    return {
+      showMapbox: true, // 数据更新的时候 用于刷新地图组件
+      mapboxKey: 0 // 初始化一个变量用于控制map-box组件的重新渲染
+    }
+  },
+  computed: {
+    noflyData () {
+      return this.$store.state.noflyData
+    },
+    isCollapse () {
+      return this.$store.state.app.isCollapse
+    }
+  },
+  methods: {
+
+  },
+  mounted () {
+  },
+  watch: {
+    noflyData: {
+      deep: true,
+      immediate: true,
+      handler () {
+        this.showMapbox = false
+        this.$nextTick(() => {
+          this.mapboxKey++
+          this.showMapbox = true
+        })
+      }
+    },
+    isCollapse (val) {
+      if (val) {
+        this.$refs.mapbox.handleResize()
+      }
+    }
+  }
+}
+
+</script>
+
+<style scoped></style>
diff --git a/src/views/layout/components/main/nofly/setRestrictfly.vue b/src/views/layout/components/main/nofly/setRestrictfly.vue
new file mode 100644
index 0000000..60ffc95
--- /dev/null
+++ b/src/views/layout/components/main/nofly/setRestrictfly.vue
@@ -0,0 +1,56 @@
+<template>
+  <div class="h-100">
+    <map-box v-if="showMapbox" :key="mapboxKey" ref="mapbox" :enableNofly="true" />
+  </div>
+</template>
+
+<script>
+import MapBox from '@/components/MapBox'
+
+export default {
+  name: 'Nofly',
+  components: {
+    MapBox
+  },
+  data () {
+    return {
+      showMapbox: true, // 数据更新的时候 用于刷新地图组件
+      mapboxKey: 0 // 初始化一个变量用于控制map-box组件的重新渲染
+    }
+  },
+  computed: {
+    noflyData () {
+      return this.$store.state.noflyData
+    },
+    isCollapse () {
+      return this.$store.state.app.isCollapse
+    }
+  },
+  methods: {
+
+  },
+  mounted () {
+  },
+  watch: {
+    noflyData: {
+      deep: true,
+      immediate: true,
+      handler () {
+        this.showMapbox = false
+        this.$nextTick(() => {
+          this.mapboxKey++
+          this.showMapbox = true
+        })
+      }
+    },
+    isCollapse (val) {
+      if (val) {
+        this.$refs.mapbox.handleResize()
+      }
+    }
+  }
+}
+
+</script>
+
+<style scoped></style>