diff --git a/src/styles/element-variables.scss b/src/styles/element-variables.scss
index 551dbe6..823cd76 100644
--- a/src/styles/element-variables.scss
+++ b/src/styles/element-variables.scss
@@ -1,3 +1,4 @@
+@use "sass:math";
 /* Element Chalk Variables */
 
 // Special comment for theme configurator
@@ -486,7 +487,7 @@
 
 /* Group
 -------------------------- */
-$--group-option-flex: 0 0 (1/5) * 100% !default;
+$--group-option-flex: 0 0 math.div(1,5) * 100% !default;
 $--group-option-offset-bottom: 12px !default;
 $--group-option-fill-hover: rgba($--color-black, 0.06) !default;
 $--group-title-color: $--color-black !default;

diff --git a/src/styles/element-variables.scss b/src/styles/element-variables.scss
index 551dbe6..823cd76 100644
--- a/src/styles/element-variables.scss
+++ b/src/styles/element-variables.scss
@@ -1,3 +1,4 @@
+@use "sass:math";
 /* Element Chalk Variables */
 
 // Special comment for theme configurator
@@ -486,7 +487,7 @@
 
 /* Group
 -------------------------- */
-$--group-option-flex: 0 0 (1/5) * 100% !default;
+$--group-option-flex: 0 0 math.div(1,5) * 100% !default;
 $--group-option-offset-bottom: 12px !default;
 $--group-option-fill-hover: rgba($--color-black, 0.06) !default;
 $--group-title-color: $--color-black !default;
diff --git a/src/views/overview/overview.vue b/src/views/overview/overview.vue
index e6805e7..c0c7567 100644
--- a/src/views/overview/overview.vue
+++ b/src/views/overview/overview.vue
@@ -131,7 +131,6 @@
 
 <script>
 import { mapGetters } from 'vuex'
-import SelectTree from '@/components/SelectTree/singleSelect'
 import { getWellType } from '@/api/well/well'
 import { getWellList, getWellInfo, getAlarmsNow, getWellAlarms } from '@/api/overview/wellOverview'
 import DeptSelect from '../../components/DeptSelect/index'
@@ -139,7 +138,7 @@
 const aMapManager = new AMapManager()
 export default {
   name: 'Overview',
-  components: { DeptSelect, SelectTree },
+  components: { DeptSelect },
   data() {
     return {
       aMapManager,
@@ -275,7 +274,7 @@
       }
     },
     showAlarm(val) {
-      if (!val && this.currentWindow.windowType == 'alarm') {
+      if (!val && this.currentWindow.windowType === 'alarm') {
         this.currentWindow.visible = false
       }
     }

diff --git a/src/styles/element-variables.scss b/src/styles/element-variables.scss
index 551dbe6..823cd76 100644
--- a/src/styles/element-variables.scss
+++ b/src/styles/element-variables.scss
@@ -1,3 +1,4 @@
+@use "sass:math";
 /* Element Chalk Variables */
 
 // Special comment for theme configurator
@@ -486,7 +487,7 @@
 
 /* Group
 -------------------------- */
-$--group-option-flex: 0 0 (1/5) * 100% !default;
+$--group-option-flex: 0 0 math.div(1,5) * 100% !default;
 $--group-option-offset-bottom: 12px !default;
 $--group-option-fill-hover: rgba($--color-black, 0.06) !default;
 $--group-title-color: $--color-black !default;
diff --git a/src/views/overview/overview.vue b/src/views/overview/overview.vue
index e6805e7..c0c7567 100644
--- a/src/views/overview/overview.vue
+++ b/src/views/overview/overview.vue
@@ -131,7 +131,6 @@
 
 <script>
 import { mapGetters } from 'vuex'
-import SelectTree from '@/components/SelectTree/singleSelect'
 import { getWellType } from '@/api/well/well'
 import { getWellList, getWellInfo, getAlarmsNow, getWellAlarms } from '@/api/overview/wellOverview'
 import DeptSelect from '../../components/DeptSelect/index'
@@ -139,7 +138,7 @@
 const aMapManager = new AMapManager()
 export default {
   name: 'Overview',
-  components: { DeptSelect, SelectTree },
+  components: { DeptSelect },
   data() {
     return {
       aMapManager,
@@ -275,7 +274,7 @@
       }
     },
     showAlarm(val) {
-      if (!val && this.currentWindow.windowType == 'alarm') {
+      if (!val && this.currentWindow.windowType === 'alarm') {
         this.currentWindow.visible = false
       }
     }
diff --git a/vue.config.js b/vue.config.js
index 93d4386..b18d7cc 100644
--- a/vue.config.js
+++ b/vue.config.js
@@ -47,11 +47,11 @@
       alias: {
         '@': resolve('src')
       }
-    },
-    externals: {
-      'AMap': 'AMap'
     }
   },
+  externals: {
+    'AMap': 'AMap'
+  },
   // A function that well receive an instance of ChanableConfig powered by webpack-chain. Allows
   // for more fine-grained modification of the internal webpack config
   chainWebpack: config => {