diff --git a/config/index.js b/config/index.js
index 106eaa6..30dda44 100644
--- a/config/index.js
+++ b/config/index.js
@@ -33,7 +33,7 @@
     // Use Eslint Loader?
     // If true, your code will be linted during bundling and
     // linting errors and warnings will be shown in the console.
-    useEslint: true,
+    useEslint: false,
     // If true, eslint errors and warnings will also be shown in the error overlay
     // in the browser.
     showEslintErrorsInOverlay: false,

diff --git a/config/index.js b/config/index.js
index 106eaa6..30dda44 100644
--- a/config/index.js
+++ b/config/index.js
@@ -33,7 +33,7 @@
     // Use Eslint Loader?
     // If true, your code will be linted during bundling and
     // linting errors and warnings will be shown in the console.
-    useEslint: true,
+    useEslint: false,
     // If true, eslint errors and warnings will also be shown in the error overlay
     // in the browser.
     showEslintErrorsInOverlay: false,
diff --git a/src/components/BigData/Card/index.vue b/src/components/BigData/Card/index.vue
index 8320d47..8944b44 100644
--- a/src/components/BigData/Card/index.vue
+++ b/src/components/BigData/Card/index.vue
@@ -10,7 +10,7 @@
         </div>
         <div class="card-panel-num" >
           {{ context }}
-          <span style="font-size: 10px;color:#888"> {{unit}} </span>
+          <span style="font-size: 10px;color:#888"> {{ unit }} </span>
         </div>
       </div>
     </div>
@@ -41,9 +41,9 @@
       type: String,
       default: '#40c9c6'
     },
-    unit:{
+    unit: {
       type: String,
-      default:''
+      default: ''
     }
   },
   computed: {

diff --git a/config/index.js b/config/index.js
index 106eaa6..30dda44 100644
--- a/config/index.js
+++ b/config/index.js
@@ -33,7 +33,7 @@
     // Use Eslint Loader?
     // If true, your code will be linted during bundling and
     // linting errors and warnings will be shown in the console.
-    useEslint: true,
+    useEslint: false,
     // If true, eslint errors and warnings will also be shown in the error overlay
     // in the browser.
     showEslintErrorsInOverlay: false,
diff --git a/src/components/BigData/Card/index.vue b/src/components/BigData/Card/index.vue
index 8320d47..8944b44 100644
--- a/src/components/BigData/Card/index.vue
+++ b/src/components/BigData/Card/index.vue
@@ -10,7 +10,7 @@
         </div>
         <div class="card-panel-num" >
           {{ context }}
-          <span style="font-size: 10px;color:#888"> {{unit}} </span>
+          <span style="font-size: 10px;color:#888"> {{ unit }} </span>
         </div>
       </div>
     </div>
@@ -41,9 +41,9 @@
       type: String,
       default: '#40c9c6'
     },
-    unit:{
+    unit: {
       type: String,
-      default:''
+      default: ''
     }
   },
   computed: {
diff --git a/src/components/BigData/Card1/index.vue b/src/components/BigData/Card1/index.vue
index 722c24c..748747b 100644
--- a/src/components/BigData/Card1/index.vue
+++ b/src/components/BigData/Card1/index.vue
@@ -4,7 +4,7 @@
       <div v-if="icon" :style="backgroundColor" class="card-panel-icon-wrapper">
         <svg-icon :icon-class="icon" class-name="card-panel-icon"/>
       </div>
-      <div v-else style="float:left; width: 10px;height: 100%;"></div>
+      <div v-else style="float:left; width: 10px;height: 100%;"/>
       <div class="card-panel-description">
         <!-- <div class="card-panel-text">
           {{ title[0] }} <span class="card-panel-num">{{ context[0] }}</span>
@@ -12,22 +12,22 @@
         <div class="card-panel-text" >
           {{ title[1] }} <span class="card-panel-num">{{ context[1] }}</span>
         </div> -->
-        <div class="two" v-if="title.length===2">
+        <div v-if="title.length===2" class="two">
           <div class="card-panel-text">
             {{ title[0] }} <span class="card-panel-num">{{ context[0] }}<span
-            style="font-size: 10px;color:#888;margin-left: 5px">{{unit}}</span></span>
+              style="font-size: 10px;color:#888;margin-left: 5px">{{ unit }}</span></span>
           </div>
           <div class="card-panel-text">
             {{ title[1] }} <span class="card-panel-num">{{ context[1] }}<span
-            style="font-size: 10px;color:#888;margin-left: 5px">{{unit}}</span></span>
+              style="font-size: 10px;color:#888;margin-left: 5px">{{ unit }}</span></span>
           </div>
         </div>
-        <div class="only" v-else>
+        <div v-else class="only">
           <div class="card-panel-text">
             {{ title[0] }}
           </div>
           <div class="card-panel-num">
-            {{ context[0] }}<span style="font-size: 10px;color:#888">{{unit}}</span>
+            {{ context[0] }}<span style="font-size: 10px;color:#888">{{ unit }}</span>
           </div>
         </div>
       </div>
@@ -36,46 +36,46 @@
 </template>
 
 <script>
-  export default {
-    name: 'Card1',
-    props: {
-      title: {
-        type: Array,
-        default: function () {
-          return ['标题', '标题']
-        }
-      },
-      subtitle: {
-        type: String,
-        default: ''
-      },
-      icon: {
-        type: String,
-        default: ''
-      },
-      context: {
-        type: Array,
-        default: function () {
-          return ['--', '--']
-        }
-      },
-      color: {
-        type: String,
-        default: '#40c9c6'
-      },
-      unit: {
-        type: String,
-        default: ''
+export default {
+  name: 'Card1',
+  props: {
+    title: {
+      type: Array,
+      default: function () {
+        return ['标题', '标题']
       }
     },
-    computed: {
-      backgroundColor() {
-        return {
-          color: this.color
-        }
+    subtitle: {
+      type: String,
+      default: ''
+    },
+    icon: {
+      type: String,
+      default: ''
+    },
+    context: {
+      type: Array,
+      default: function () {
+        return ['--', '--']
+      }
+    },
+    color: {
+      type: String,
+      default: '#40c9c6'
+    },
+    unit: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    backgroundColor() {
+      return {
+        color: this.color
       }
     }
   }
+}
 </script>
 
 <style lang="scss" scoped>

diff --git a/config/index.js b/config/index.js
index 106eaa6..30dda44 100644
--- a/config/index.js
+++ b/config/index.js
@@ -33,7 +33,7 @@
     // Use Eslint Loader?
     // If true, your code will be linted during bundling and
     // linting errors and warnings will be shown in the console.
-    useEslint: true,
+    useEslint: false,
     // If true, eslint errors and warnings will also be shown in the error overlay
     // in the browser.
     showEslintErrorsInOverlay: false,
diff --git a/src/components/BigData/Card/index.vue b/src/components/BigData/Card/index.vue
index 8320d47..8944b44 100644
--- a/src/components/BigData/Card/index.vue
+++ b/src/components/BigData/Card/index.vue
@@ -10,7 +10,7 @@
         </div>
         <div class="card-panel-num" >
           {{ context }}
-          <span style="font-size: 10px;color:#888"> {{unit}} </span>
+          <span style="font-size: 10px;color:#888"> {{ unit }} </span>
         </div>
       </div>
     </div>
@@ -41,9 +41,9 @@
       type: String,
       default: '#40c9c6'
     },
-    unit:{
+    unit: {
       type: String,
-      default:''
+      default: ''
     }
   },
   computed: {
diff --git a/src/components/BigData/Card1/index.vue b/src/components/BigData/Card1/index.vue
index 722c24c..748747b 100644
--- a/src/components/BigData/Card1/index.vue
+++ b/src/components/BigData/Card1/index.vue
@@ -4,7 +4,7 @@
       <div v-if="icon" :style="backgroundColor" class="card-panel-icon-wrapper">
         <svg-icon :icon-class="icon" class-name="card-panel-icon"/>
       </div>
-      <div v-else style="float:left; width: 10px;height: 100%;"></div>
+      <div v-else style="float:left; width: 10px;height: 100%;"/>
       <div class="card-panel-description">
         <!-- <div class="card-panel-text">
           {{ title[0] }} <span class="card-panel-num">{{ context[0] }}</span>
@@ -12,22 +12,22 @@
         <div class="card-panel-text" >
           {{ title[1] }} <span class="card-panel-num">{{ context[1] }}</span>
         </div> -->
-        <div class="two" v-if="title.length===2">
+        <div v-if="title.length===2" class="two">
           <div class="card-panel-text">
             {{ title[0] }} <span class="card-panel-num">{{ context[0] }}<span
-            style="font-size: 10px;color:#888;margin-left: 5px">{{unit}}</span></span>
+              style="font-size: 10px;color:#888;margin-left: 5px">{{ unit }}</span></span>
           </div>
           <div class="card-panel-text">
             {{ title[1] }} <span class="card-panel-num">{{ context[1] }}<span
-            style="font-size: 10px;color:#888;margin-left: 5px">{{unit}}</span></span>
+              style="font-size: 10px;color:#888;margin-left: 5px">{{ unit }}</span></span>
           </div>
         </div>
-        <div class="only" v-else>
+        <div v-else class="only">
           <div class="card-panel-text">
             {{ title[0] }}
           </div>
           <div class="card-panel-num">
-            {{ context[0] }}<span style="font-size: 10px;color:#888">{{unit}}</span>
+            {{ context[0] }}<span style="font-size: 10px;color:#888">{{ unit }}</span>
           </div>
         </div>
       </div>
@@ -36,46 +36,46 @@
 </template>
 
 <script>
-  export default {
-    name: 'Card1',
-    props: {
-      title: {
-        type: Array,
-        default: function () {
-          return ['标题', '标题']
-        }
-      },
-      subtitle: {
-        type: String,
-        default: ''
-      },
-      icon: {
-        type: String,
-        default: ''
-      },
-      context: {
-        type: Array,
-        default: function () {
-          return ['--', '--']
-        }
-      },
-      color: {
-        type: String,
-        default: '#40c9c6'
-      },
-      unit: {
-        type: String,
-        default: ''
+export default {
+  name: 'Card1',
+  props: {
+    title: {
+      type: Array,
+      default: function () {
+        return ['标题', '标题']
       }
     },
-    computed: {
-      backgroundColor() {
-        return {
-          color: this.color
-        }
+    subtitle: {
+      type: String,
+      default: ''
+    },
+    icon: {
+      type: String,
+      default: ''
+    },
+    context: {
+      type: Array,
+      default: function () {
+        return ['--', '--']
+      }
+    },
+    color: {
+      type: String,
+      default: '#40c9c6'
+    },
+    unit: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    backgroundColor() {
+      return {
+        color: this.color
       }
     }
   }
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/utils/index.js b/src/utils/index.js
index f607910..a006400 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -296,3 +296,35 @@
 export function uniqueArr(arr) {
   return Array.from(new Set(arr))
 }
+
+
+/**
+ * Check if an element has a class
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ * @returns {boolean}
+ */
+export function hasClass(ele, cls) {
+  return !!ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'))
+}
+
+/**
+ * Add class to element
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ */
+export function addClass(ele, cls) {
+  if (!hasClass(ele, cls)) ele.className += ' ' + cls
+}
+
+/**
+ * Remove class from element
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ */
+export function removeClass(ele, cls) {
+  if (hasClass(ele, cls)) {
+    const reg = new RegExp('(\\s|^)' + cls + '(\\s|$)')
+    ele.className = ele.className.replace(reg, ' ')
+  }
+}

diff --git a/config/index.js b/config/index.js
index 106eaa6..30dda44 100644
--- a/config/index.js
+++ b/config/index.js
@@ -33,7 +33,7 @@
     // Use Eslint Loader?
     // If true, your code will be linted during bundling and
     // linting errors and warnings will be shown in the console.
-    useEslint: true,
+    useEslint: false,
     // If true, eslint errors and warnings will also be shown in the error overlay
     // in the browser.
     showEslintErrorsInOverlay: false,
diff --git a/src/components/BigData/Card/index.vue b/src/components/BigData/Card/index.vue
index 8320d47..8944b44 100644
--- a/src/components/BigData/Card/index.vue
+++ b/src/components/BigData/Card/index.vue
@@ -10,7 +10,7 @@
         </div>
         <div class="card-panel-num" >
           {{ context }}
-          <span style="font-size: 10px;color:#888"> {{unit}} </span>
+          <span style="font-size: 10px;color:#888"> {{ unit }} </span>
         </div>
       </div>
     </div>
@@ -41,9 +41,9 @@
       type: String,
       default: '#40c9c6'
     },
-    unit:{
+    unit: {
       type: String,
-      default:''
+      default: ''
     }
   },
   computed: {
diff --git a/src/components/BigData/Card1/index.vue b/src/components/BigData/Card1/index.vue
index 722c24c..748747b 100644
--- a/src/components/BigData/Card1/index.vue
+++ b/src/components/BigData/Card1/index.vue
@@ -4,7 +4,7 @@
       <div v-if="icon" :style="backgroundColor" class="card-panel-icon-wrapper">
         <svg-icon :icon-class="icon" class-name="card-panel-icon"/>
       </div>
-      <div v-else style="float:left; width: 10px;height: 100%;"></div>
+      <div v-else style="float:left; width: 10px;height: 100%;"/>
       <div class="card-panel-description">
         <!-- <div class="card-panel-text">
           {{ title[0] }} <span class="card-panel-num">{{ context[0] }}</span>
@@ -12,22 +12,22 @@
         <div class="card-panel-text" >
           {{ title[1] }} <span class="card-panel-num">{{ context[1] }}</span>
         </div> -->
-        <div class="two" v-if="title.length===2">
+        <div v-if="title.length===2" class="two">
           <div class="card-panel-text">
             {{ title[0] }} <span class="card-panel-num">{{ context[0] }}<span
-            style="font-size: 10px;color:#888;margin-left: 5px">{{unit}}</span></span>
+              style="font-size: 10px;color:#888;margin-left: 5px">{{ unit }}</span></span>
           </div>
           <div class="card-panel-text">
             {{ title[1] }} <span class="card-panel-num">{{ context[1] }}<span
-            style="font-size: 10px;color:#888;margin-left: 5px">{{unit}}</span></span>
+              style="font-size: 10px;color:#888;margin-left: 5px">{{ unit }}</span></span>
           </div>
         </div>
-        <div class="only" v-else>
+        <div v-else class="only">
           <div class="card-panel-text">
             {{ title[0] }}
           </div>
           <div class="card-panel-num">
-            {{ context[0] }}<span style="font-size: 10px;color:#888">{{unit}}</span>
+            {{ context[0] }}<span style="font-size: 10px;color:#888">{{ unit }}</span>
           </div>
         </div>
       </div>
@@ -36,46 +36,46 @@
 </template>
 
 <script>
-  export default {
-    name: 'Card1',
-    props: {
-      title: {
-        type: Array,
-        default: function () {
-          return ['标题', '标题']
-        }
-      },
-      subtitle: {
-        type: String,
-        default: ''
-      },
-      icon: {
-        type: String,
-        default: ''
-      },
-      context: {
-        type: Array,
-        default: function () {
-          return ['--', '--']
-        }
-      },
-      color: {
-        type: String,
-        default: '#40c9c6'
-      },
-      unit: {
-        type: String,
-        default: ''
+export default {
+  name: 'Card1',
+  props: {
+    title: {
+      type: Array,
+      default: function () {
+        return ['标题', '标题']
       }
     },
-    computed: {
-      backgroundColor() {
-        return {
-          color: this.color
-        }
+    subtitle: {
+      type: String,
+      default: ''
+    },
+    icon: {
+      type: String,
+      default: ''
+    },
+    context: {
+      type: Array,
+      default: function () {
+        return ['--', '--']
+      }
+    },
+    color: {
+      type: String,
+      default: '#40c9c6'
+    },
+    unit: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    backgroundColor() {
+      return {
+        color: this.color
       }
     }
   }
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/utils/index.js b/src/utils/index.js
index f607910..a006400 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -296,3 +296,35 @@
 export function uniqueArr(arr) {
   return Array.from(new Set(arr))
 }
+
+
+/**
+ * Check if an element has a class
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ * @returns {boolean}
+ */
+export function hasClass(ele, cls) {
+  return !!ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'))
+}
+
+/**
+ * Add class to element
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ */
+export function addClass(ele, cls) {
+  if (!hasClass(ele, cls)) ele.className += ' ' + cls
+}
+
+/**
+ * Remove class from element
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ */
+export function removeClass(ele, cls) {
+  if (hasClass(ele, cls)) {
+    const reg = new RegExp('(\\s|^)' + cls + '(\\s|$)')
+    ele.className = ele.className.replace(reg, ' ')
+  }
+}
diff --git a/src/views/dashboard/components/PanelGroup.vue b/src/views/dashboard/components/PanelGroup.vue
index 7cdf078..a08887b 100644
--- a/src/views/dashboard/components/PanelGroup.vue
+++ b/src/views/dashboard/components/PanelGroup.vue
@@ -146,106 +146,21 @@
   padding: 0px 0px;
   display: flex;
   justify-content: space-between;
-
-  .card-panel-col {
-    margin: 5px;
-    margin-bottom: 18px;
-    flex:1;
-  }
-
-  // .card-panel {
-  //   height: 108px;
-  //   cursor: pointer;
-  //   font-size: 10px;
-  //   position: relative;
-  //   overflow: hidden;
-  //   color: #666;
-  //   background: #fff;
-  //   box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
-  //   border-color: rgba(0, 0, 0, .05);
-
-  //   &:hover {
-  //     .card-panel-icon-wrapper {
-  //       color: #fff;
-
-  //     }
-
-  //     .icon-people {
-  //       background: #40c9c6;
-  //     }
-
-  //     .icon-message {
-  //       background: #36a3f7;
-  //     }
-
-  //     .icon-money {
-  //       background: #f4516c;
-  //     }
-
-  //     .icon-shopping {
-  //       background: #34bfa3
-  //     }
-  //   }
-
-  //   // .icon-people {
-  //   //   color: #40c9c6;
-  //   // }
-
-  //   // .icon-message {
-  //   //   color: #36a3f7;
-  //   // }
-
-  //   // .icon-money {
-  //   //   color: #f4516c;
-  //   // }
-
-  //   // .icon-shopping {
-  //   //   color: #34bfa3
-  //   // }
-
-  //   .card-panel-icon-wrapper {
-  //     float: left;
-  //     margin: 14px 0 0 14px;
-  //     padding: 16px;
-  //     transition: all 0.38s ease-out;
-  //     border-radius: 6px;
-  //   }
-
-  //   .card-panel-icon {
-  //     float: left;
-  //     font-size: 40px;
-  //   }
-
-  //   .card-panel-description {
-  //     font-weight: bold;
-  //     margin: 26px;
-  //     margin-left: 0px;
-
-  //     .card-panel-text {
-  //       line-height: 18px;
-  //       color: rgba(0, 0, 0, 0.45);
-  //       font-size: 14px;
-  //       margin-bottom: 12px;
-  //     }
-
-  //     .card-panel-num {
-  //       font-size: 18px;
-  //     }
-  //   }
-  // }
 }
-
+.card-panel-col {
+  margin: 5px;
+  margin-bottom: 18px;
+  flex:1;
+}
 @media (max-width:550px) {
   .card-panel-description {
     display: none;
   }
-
   .card-panel-icon-wrapper {
     float: none !important;
     width: 100%;
     height: 100%;
     margin: 0 !important;
-
     .svg-icon {
       display: block;
       margin: 14px auto !important;

diff --git a/config/index.js b/config/index.js
index 106eaa6..30dda44 100644
--- a/config/index.js
+++ b/config/index.js
@@ -33,7 +33,7 @@
     // Use Eslint Loader?
     // If true, your code will be linted during bundling and
     // linting errors and warnings will be shown in the console.
-    useEslint: true,
+    useEslint: false,
     // If true, eslint errors and warnings will also be shown in the error overlay
     // in the browser.
     showEslintErrorsInOverlay: false,
diff --git a/src/components/BigData/Card/index.vue b/src/components/BigData/Card/index.vue
index 8320d47..8944b44 100644
--- a/src/components/BigData/Card/index.vue
+++ b/src/components/BigData/Card/index.vue
@@ -10,7 +10,7 @@
         </div>
         <div class="card-panel-num" >
           {{ context }}
-          <span style="font-size: 10px;color:#888"> {{unit}} </span>
+          <span style="font-size: 10px;color:#888"> {{ unit }} </span>
         </div>
       </div>
     </div>
@@ -41,9 +41,9 @@
       type: String,
       default: '#40c9c6'
     },
-    unit:{
+    unit: {
       type: String,
-      default:''
+      default: ''
     }
   },
   computed: {
diff --git a/src/components/BigData/Card1/index.vue b/src/components/BigData/Card1/index.vue
index 722c24c..748747b 100644
--- a/src/components/BigData/Card1/index.vue
+++ b/src/components/BigData/Card1/index.vue
@@ -4,7 +4,7 @@
       <div v-if="icon" :style="backgroundColor" class="card-panel-icon-wrapper">
         <svg-icon :icon-class="icon" class-name="card-panel-icon"/>
       </div>
-      <div v-else style="float:left; width: 10px;height: 100%;"></div>
+      <div v-else style="float:left; width: 10px;height: 100%;"/>
       <div class="card-panel-description">
         <!-- <div class="card-panel-text">
           {{ title[0] }} <span class="card-panel-num">{{ context[0] }}</span>
@@ -12,22 +12,22 @@
         <div class="card-panel-text" >
           {{ title[1] }} <span class="card-panel-num">{{ context[1] }}</span>
         </div> -->
-        <div class="two" v-if="title.length===2">
+        <div v-if="title.length===2" class="two">
           <div class="card-panel-text">
             {{ title[0] }} <span class="card-panel-num">{{ context[0] }}<span
-            style="font-size: 10px;color:#888;margin-left: 5px">{{unit}}</span></span>
+              style="font-size: 10px;color:#888;margin-left: 5px">{{ unit }}</span></span>
           </div>
           <div class="card-panel-text">
             {{ title[1] }} <span class="card-panel-num">{{ context[1] }}<span
-            style="font-size: 10px;color:#888;margin-left: 5px">{{unit}}</span></span>
+              style="font-size: 10px;color:#888;margin-left: 5px">{{ unit }}</span></span>
           </div>
         </div>
-        <div class="only" v-else>
+        <div v-else class="only">
           <div class="card-panel-text">
             {{ title[0] }}
           </div>
           <div class="card-panel-num">
-            {{ context[0] }}<span style="font-size: 10px;color:#888">{{unit}}</span>
+            {{ context[0] }}<span style="font-size: 10px;color:#888">{{ unit }}</span>
           </div>
         </div>
       </div>
@@ -36,46 +36,46 @@
 </template>
 
 <script>
-  export default {
-    name: 'Card1',
-    props: {
-      title: {
-        type: Array,
-        default: function () {
-          return ['标题', '标题']
-        }
-      },
-      subtitle: {
-        type: String,
-        default: ''
-      },
-      icon: {
-        type: String,
-        default: ''
-      },
-      context: {
-        type: Array,
-        default: function () {
-          return ['--', '--']
-        }
-      },
-      color: {
-        type: String,
-        default: '#40c9c6'
-      },
-      unit: {
-        type: String,
-        default: ''
+export default {
+  name: 'Card1',
+  props: {
+    title: {
+      type: Array,
+      default: function () {
+        return ['标题', '标题']
       }
     },
-    computed: {
-      backgroundColor() {
-        return {
-          color: this.color
-        }
+    subtitle: {
+      type: String,
+      default: ''
+    },
+    icon: {
+      type: String,
+      default: ''
+    },
+    context: {
+      type: Array,
+      default: function () {
+        return ['--', '--']
+      }
+    },
+    color: {
+      type: String,
+      default: '#40c9c6'
+    },
+    unit: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    backgroundColor() {
+      return {
+        color: this.color
       }
     }
   }
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/utils/index.js b/src/utils/index.js
index f607910..a006400 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -296,3 +296,35 @@
 export function uniqueArr(arr) {
   return Array.from(new Set(arr))
 }
+
+
+/**
+ * Check if an element has a class
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ * @returns {boolean}
+ */
+export function hasClass(ele, cls) {
+  return !!ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'))
+}
+
+/**
+ * Add class to element
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ */
+export function addClass(ele, cls) {
+  if (!hasClass(ele, cls)) ele.className += ' ' + cls
+}
+
+/**
+ * Remove class from element
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ */
+export function removeClass(ele, cls) {
+  if (hasClass(ele, cls)) {
+    const reg = new RegExp('(\\s|^)' + cls + '(\\s|$)')
+    ele.className = ele.className.replace(reg, ' ')
+  }
+}
diff --git a/src/views/dashboard/components/PanelGroup.vue b/src/views/dashboard/components/PanelGroup.vue
index 7cdf078..a08887b 100644
--- a/src/views/dashboard/components/PanelGroup.vue
+++ b/src/views/dashboard/components/PanelGroup.vue
@@ -146,106 +146,21 @@
   padding: 0px 0px;
   display: flex;
   justify-content: space-between;
-
-  .card-panel-col {
-    margin: 5px;
-    margin-bottom: 18px;
-    flex:1;
-  }
-
-  // .card-panel {
-  //   height: 108px;
-  //   cursor: pointer;
-  //   font-size: 10px;
-  //   position: relative;
-  //   overflow: hidden;
-  //   color: #666;
-  //   background: #fff;
-  //   box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
-  //   border-color: rgba(0, 0, 0, .05);
-
-  //   &:hover {
-  //     .card-panel-icon-wrapper {
-  //       color: #fff;
-
-  //     }
-
-  //     .icon-people {
-  //       background: #40c9c6;
-  //     }
-
-  //     .icon-message {
-  //       background: #36a3f7;
-  //     }
-
-  //     .icon-money {
-  //       background: #f4516c;
-  //     }
-
-  //     .icon-shopping {
-  //       background: #34bfa3
-  //     }
-  //   }
-
-  //   // .icon-people {
-  //   //   color: #40c9c6;
-  //   // }
-
-  //   // .icon-message {
-  //   //   color: #36a3f7;
-  //   // }
-
-  //   // .icon-money {
-  //   //   color: #f4516c;
-  //   // }
-
-  //   // .icon-shopping {
-  //   //   color: #34bfa3
-  //   // }
-
-  //   .card-panel-icon-wrapper {
-  //     float: left;
-  //     margin: 14px 0 0 14px;
-  //     padding: 16px;
-  //     transition: all 0.38s ease-out;
-  //     border-radius: 6px;
-  //   }
-
-  //   .card-panel-icon {
-  //     float: left;
-  //     font-size: 40px;
-  //   }
-
-  //   .card-panel-description {
-  //     font-weight: bold;
-  //     margin: 26px;
-  //     margin-left: 0px;
-
-  //     .card-panel-text {
-  //       line-height: 18px;
-  //       color: rgba(0, 0, 0, 0.45);
-  //       font-size: 14px;
-  //       margin-bottom: 12px;
-  //     }
-
-  //     .card-panel-num {
-  //       font-size: 18px;
-  //     }
-  //   }
-  // }
 }
-
+.card-panel-col {
+  margin: 5px;
+  margin-bottom: 18px;
+  flex:1;
+}
 @media (max-width:550px) {
   .card-panel-description {
     display: none;
   }
-
   .card-panel-icon-wrapper {
     float: none !important;
     width: 100%;
     height: 100%;
     margin: 0 !important;
-
     .svg-icon {
       display: block;
       margin: 14px auto !important;
diff --git a/src/views/dataManage/deviceData/waterHistory.vue b/src/views/dataManage/deviceData/waterHistory.vue
index 160dab7..1330807 100644
--- a/src/views/dataManage/deviceData/waterHistory.vue
+++ b/src/views/dataManage/deviceData/waterHistory.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-dialog :visible.sync="dialogFormVisible" :title="this.listQuery.devCode+'历史数据'" width="1200px" append-to-body class="lineDialog">
+  <el-dialog :visible.sync="dialogFormVisible" :title="listQuery.devCode+'历史数据'" width="1200px" append-to-body class="lineDialog">
     <div style="margin-bottom: 10px">
       <el-date-picker
         v-model="timeRange"

diff --git a/config/index.js b/config/index.js
index 106eaa6..30dda44 100644
--- a/config/index.js
+++ b/config/index.js
@@ -33,7 +33,7 @@
     // Use Eslint Loader?
     // If true, your code will be linted during bundling and
     // linting errors and warnings will be shown in the console.
-    useEslint: true,
+    useEslint: false,
     // If true, eslint errors and warnings will also be shown in the error overlay
     // in the browser.
     showEslintErrorsInOverlay: false,
diff --git a/src/components/BigData/Card/index.vue b/src/components/BigData/Card/index.vue
index 8320d47..8944b44 100644
--- a/src/components/BigData/Card/index.vue
+++ b/src/components/BigData/Card/index.vue
@@ -10,7 +10,7 @@
         </div>
         <div class="card-panel-num" >
           {{ context }}
-          <span style="font-size: 10px;color:#888"> {{unit}} </span>
+          <span style="font-size: 10px;color:#888"> {{ unit }} </span>
         </div>
       </div>
     </div>
@@ -41,9 +41,9 @@
       type: String,
       default: '#40c9c6'
     },
-    unit:{
+    unit: {
       type: String,
-      default:''
+      default: ''
     }
   },
   computed: {
diff --git a/src/components/BigData/Card1/index.vue b/src/components/BigData/Card1/index.vue
index 722c24c..748747b 100644
--- a/src/components/BigData/Card1/index.vue
+++ b/src/components/BigData/Card1/index.vue
@@ -4,7 +4,7 @@
       <div v-if="icon" :style="backgroundColor" class="card-panel-icon-wrapper">
         <svg-icon :icon-class="icon" class-name="card-panel-icon"/>
       </div>
-      <div v-else style="float:left; width: 10px;height: 100%;"></div>
+      <div v-else style="float:left; width: 10px;height: 100%;"/>
       <div class="card-panel-description">
         <!-- <div class="card-panel-text">
           {{ title[0] }} <span class="card-panel-num">{{ context[0] }}</span>
@@ -12,22 +12,22 @@
         <div class="card-panel-text" >
           {{ title[1] }} <span class="card-panel-num">{{ context[1] }}</span>
         </div> -->
-        <div class="two" v-if="title.length===2">
+        <div v-if="title.length===2" class="two">
           <div class="card-panel-text">
             {{ title[0] }} <span class="card-panel-num">{{ context[0] }}<span
-            style="font-size: 10px;color:#888;margin-left: 5px">{{unit}}</span></span>
+              style="font-size: 10px;color:#888;margin-left: 5px">{{ unit }}</span></span>
           </div>
           <div class="card-panel-text">
             {{ title[1] }} <span class="card-panel-num">{{ context[1] }}<span
-            style="font-size: 10px;color:#888;margin-left: 5px">{{unit}}</span></span>
+              style="font-size: 10px;color:#888;margin-left: 5px">{{ unit }}</span></span>
           </div>
         </div>
-        <div class="only" v-else>
+        <div v-else class="only">
           <div class="card-panel-text">
             {{ title[0] }}
           </div>
           <div class="card-panel-num">
-            {{ context[0] }}<span style="font-size: 10px;color:#888">{{unit}}</span>
+            {{ context[0] }}<span style="font-size: 10px;color:#888">{{ unit }}</span>
           </div>
         </div>
       </div>
@@ -36,46 +36,46 @@
 </template>
 
 <script>
-  export default {
-    name: 'Card1',
-    props: {
-      title: {
-        type: Array,
-        default: function () {
-          return ['标题', '标题']
-        }
-      },
-      subtitle: {
-        type: String,
-        default: ''
-      },
-      icon: {
-        type: String,
-        default: ''
-      },
-      context: {
-        type: Array,
-        default: function () {
-          return ['--', '--']
-        }
-      },
-      color: {
-        type: String,
-        default: '#40c9c6'
-      },
-      unit: {
-        type: String,
-        default: ''
+export default {
+  name: 'Card1',
+  props: {
+    title: {
+      type: Array,
+      default: function () {
+        return ['标题', '标题']
       }
     },
-    computed: {
-      backgroundColor() {
-        return {
-          color: this.color
-        }
+    subtitle: {
+      type: String,
+      default: ''
+    },
+    icon: {
+      type: String,
+      default: ''
+    },
+    context: {
+      type: Array,
+      default: function () {
+        return ['--', '--']
+      }
+    },
+    color: {
+      type: String,
+      default: '#40c9c6'
+    },
+    unit: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    backgroundColor() {
+      return {
+        color: this.color
       }
     }
   }
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/utils/index.js b/src/utils/index.js
index f607910..a006400 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -296,3 +296,35 @@
 export function uniqueArr(arr) {
   return Array.from(new Set(arr))
 }
+
+
+/**
+ * Check if an element has a class
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ * @returns {boolean}
+ */
+export function hasClass(ele, cls) {
+  return !!ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'))
+}
+
+/**
+ * Add class to element
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ */
+export function addClass(ele, cls) {
+  if (!hasClass(ele, cls)) ele.className += ' ' + cls
+}
+
+/**
+ * Remove class from element
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ */
+export function removeClass(ele, cls) {
+  if (hasClass(ele, cls)) {
+    const reg = new RegExp('(\\s|^)' + cls + '(\\s|$)')
+    ele.className = ele.className.replace(reg, ' ')
+  }
+}
diff --git a/src/views/dashboard/components/PanelGroup.vue b/src/views/dashboard/components/PanelGroup.vue
index 7cdf078..a08887b 100644
--- a/src/views/dashboard/components/PanelGroup.vue
+++ b/src/views/dashboard/components/PanelGroup.vue
@@ -146,106 +146,21 @@
   padding: 0px 0px;
   display: flex;
   justify-content: space-between;
-
-  .card-panel-col {
-    margin: 5px;
-    margin-bottom: 18px;
-    flex:1;
-  }
-
-  // .card-panel {
-  //   height: 108px;
-  //   cursor: pointer;
-  //   font-size: 10px;
-  //   position: relative;
-  //   overflow: hidden;
-  //   color: #666;
-  //   background: #fff;
-  //   box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
-  //   border-color: rgba(0, 0, 0, .05);
-
-  //   &:hover {
-  //     .card-panel-icon-wrapper {
-  //       color: #fff;
-
-  //     }
-
-  //     .icon-people {
-  //       background: #40c9c6;
-  //     }
-
-  //     .icon-message {
-  //       background: #36a3f7;
-  //     }
-
-  //     .icon-money {
-  //       background: #f4516c;
-  //     }
-
-  //     .icon-shopping {
-  //       background: #34bfa3
-  //     }
-  //   }
-
-  //   // .icon-people {
-  //   //   color: #40c9c6;
-  //   // }
-
-  //   // .icon-message {
-  //   //   color: #36a3f7;
-  //   // }
-
-  //   // .icon-money {
-  //   //   color: #f4516c;
-  //   // }
-
-  //   // .icon-shopping {
-  //   //   color: #34bfa3
-  //   // }
-
-  //   .card-panel-icon-wrapper {
-  //     float: left;
-  //     margin: 14px 0 0 14px;
-  //     padding: 16px;
-  //     transition: all 0.38s ease-out;
-  //     border-radius: 6px;
-  //   }
-
-  //   .card-panel-icon {
-  //     float: left;
-  //     font-size: 40px;
-  //   }
-
-  //   .card-panel-description {
-  //     font-weight: bold;
-  //     margin: 26px;
-  //     margin-left: 0px;
-
-  //     .card-panel-text {
-  //       line-height: 18px;
-  //       color: rgba(0, 0, 0, 0.45);
-  //       font-size: 14px;
-  //       margin-bottom: 12px;
-  //     }
-
-  //     .card-panel-num {
-  //       font-size: 18px;
-  //     }
-  //   }
-  // }
 }
-
+.card-panel-col {
+  margin: 5px;
+  margin-bottom: 18px;
+  flex:1;
+}
 @media (max-width:550px) {
   .card-panel-description {
     display: none;
   }
-
   .card-panel-icon-wrapper {
     float: none !important;
     width: 100%;
     height: 100%;
     margin: 0 !important;
-
     .svg-icon {
       display: block;
       margin: 14px auto !important;
diff --git a/src/views/dataManage/deviceData/waterHistory.vue b/src/views/dataManage/deviceData/waterHistory.vue
index 160dab7..1330807 100644
--- a/src/views/dataManage/deviceData/waterHistory.vue
+++ b/src/views/dataManage/deviceData/waterHistory.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-dialog :visible.sync="dialogFormVisible" :title="this.listQuery.devCode+'历史数据'" width="1200px" append-to-body class="lineDialog">
+  <el-dialog :visible.sync="dialogFormVisible" :title="listQuery.devCode+'历史数据'" width="1200px" append-to-body class="lineDialog">
     <div style="margin-bottom: 10px">
       <el-date-picker
         v-model="timeRange"
diff --git a/src/views/gasDashboard/components/PanelGroup.vue b/src/views/gasDashboard/components/PanelGroup.vue
index 12eccf9..eead839 100644
--- a/src/views/gasDashboard/components/PanelGroup.vue
+++ b/src/views/gasDashboard/components/PanelGroup.vue
@@ -108,100 +108,16 @@
   padding: 0px 0px;
   display: flex;
   justify-content: space-between;
-
-  .card-panel-col {
-    margin: 5px;
-    margin-bottom: 18px;
-    flex:1;
-  }
-
-  // .card-panel {
-  //   height: 108px;
-  //   cursor: pointer;
-  //   font-size: 10px;
-  //   position: relative;
-  //   overflow: hidden;
-  //   color: #666;
-  //   background: #fff;
-  //   box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
-  //   border-color: rgba(0, 0, 0, .05);
-
-  //   &:hover {
-  //     .card-panel-icon-wrapper {
-  //       color: #fff;
-
-  //     }
-
-  //     .icon-people {
-  //       background: #40c9c6;
-  //     }
-
-  //     .icon-message {
-  //       background: #36a3f7;
-  //     }
-
-  //     .icon-money {
-  //       background: #f4516c;
-  //     }
-
-  //     .icon-shopping {
-  //       background: #34bfa3
-  //     }
-  //   }
-
-  //   // .icon-people {
-  //   //   color: #40c9c6;
-  //   // }
-
-  //   // .icon-message {
-  //   //   color: #36a3f7;
-  //   // }
-
-  //   // .icon-money {
-  //   //   color: #f4516c;
-  //   // }
-
-  //   // .icon-shopping {
-  //   //   color: #34bfa3
-  //   // }
-
-  //   .card-panel-icon-wrapper {
-  //     float: left;
-  //     margin: 14px 0 0 14px;
-  //     padding: 16px;
-  //     transition: all 0.38s ease-out;
-  //     border-radius: 6px;
-  //   }
-
-  //   .card-panel-icon {
-  //     float: left;
-  //     font-size: 40px;
-  //   }
-
-  //   .card-panel-description {
-  //     font-weight: bold;
-  //     margin: 26px;
-  //     margin-left: 0px;
-
-  //     .card-panel-text {
-  //       line-height: 18px;
-  //       color: rgba(0, 0, 0, 0.45);
-  //       font-size: 14px;
-  //       margin-bottom: 12px;
-  //     }
-
-  //     .card-panel-num {
-  //       font-size: 18px;
-  //     }
-  //   }
-  // }
 }
-
+.card-panel-col {
+  margin: 5px;
+  margin-bottom: 18px;
+  flex:1;
+}
 @media (max-width:550px) {
   .card-panel-description {
     display: none;
   }
-
   .card-panel-icon-wrapper {
     float: none !important;
     width: 100%;

diff --git a/config/index.js b/config/index.js
index 106eaa6..30dda44 100644
--- a/config/index.js
+++ b/config/index.js
@@ -33,7 +33,7 @@
     // Use Eslint Loader?
     // If true, your code will be linted during bundling and
     // linting errors and warnings will be shown in the console.
-    useEslint: true,
+    useEslint: false,
     // If true, eslint errors and warnings will also be shown in the error overlay
     // in the browser.
     showEslintErrorsInOverlay: false,
diff --git a/src/components/BigData/Card/index.vue b/src/components/BigData/Card/index.vue
index 8320d47..8944b44 100644
--- a/src/components/BigData/Card/index.vue
+++ b/src/components/BigData/Card/index.vue
@@ -10,7 +10,7 @@
         </div>
         <div class="card-panel-num" >
           {{ context }}
-          <span style="font-size: 10px;color:#888"> {{unit}} </span>
+          <span style="font-size: 10px;color:#888"> {{ unit }} </span>
         </div>
       </div>
     </div>
@@ -41,9 +41,9 @@
       type: String,
       default: '#40c9c6'
     },
-    unit:{
+    unit: {
       type: String,
-      default:''
+      default: ''
     }
   },
   computed: {
diff --git a/src/components/BigData/Card1/index.vue b/src/components/BigData/Card1/index.vue
index 722c24c..748747b 100644
--- a/src/components/BigData/Card1/index.vue
+++ b/src/components/BigData/Card1/index.vue
@@ -4,7 +4,7 @@
       <div v-if="icon" :style="backgroundColor" class="card-panel-icon-wrapper">
         <svg-icon :icon-class="icon" class-name="card-panel-icon"/>
       </div>
-      <div v-else style="float:left; width: 10px;height: 100%;"></div>
+      <div v-else style="float:left; width: 10px;height: 100%;"/>
       <div class="card-panel-description">
         <!-- <div class="card-panel-text">
           {{ title[0] }} <span class="card-panel-num">{{ context[0] }}</span>
@@ -12,22 +12,22 @@
         <div class="card-panel-text" >
           {{ title[1] }} <span class="card-panel-num">{{ context[1] }}</span>
         </div> -->
-        <div class="two" v-if="title.length===2">
+        <div v-if="title.length===2" class="two">
           <div class="card-panel-text">
             {{ title[0] }} <span class="card-panel-num">{{ context[0] }}<span
-            style="font-size: 10px;color:#888;margin-left: 5px">{{unit}}</span></span>
+              style="font-size: 10px;color:#888;margin-left: 5px">{{ unit }}</span></span>
           </div>
           <div class="card-panel-text">
             {{ title[1] }} <span class="card-panel-num">{{ context[1] }}<span
-            style="font-size: 10px;color:#888;margin-left: 5px">{{unit}}</span></span>
+              style="font-size: 10px;color:#888;margin-left: 5px">{{ unit }}</span></span>
           </div>
         </div>
-        <div class="only" v-else>
+        <div v-else class="only">
           <div class="card-panel-text">
             {{ title[0] }}
           </div>
           <div class="card-panel-num">
-            {{ context[0] }}<span style="font-size: 10px;color:#888">{{unit}}</span>
+            {{ context[0] }}<span style="font-size: 10px;color:#888">{{ unit }}</span>
           </div>
         </div>
       </div>
@@ -36,46 +36,46 @@
 </template>
 
 <script>
-  export default {
-    name: 'Card1',
-    props: {
-      title: {
-        type: Array,
-        default: function () {
-          return ['标题', '标题']
-        }
-      },
-      subtitle: {
-        type: String,
-        default: ''
-      },
-      icon: {
-        type: String,
-        default: ''
-      },
-      context: {
-        type: Array,
-        default: function () {
-          return ['--', '--']
-        }
-      },
-      color: {
-        type: String,
-        default: '#40c9c6'
-      },
-      unit: {
-        type: String,
-        default: ''
+export default {
+  name: 'Card1',
+  props: {
+    title: {
+      type: Array,
+      default: function () {
+        return ['标题', '标题']
       }
     },
-    computed: {
-      backgroundColor() {
-        return {
-          color: this.color
-        }
+    subtitle: {
+      type: String,
+      default: ''
+    },
+    icon: {
+      type: String,
+      default: ''
+    },
+    context: {
+      type: Array,
+      default: function () {
+        return ['--', '--']
+      }
+    },
+    color: {
+      type: String,
+      default: '#40c9c6'
+    },
+    unit: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    backgroundColor() {
+      return {
+        color: this.color
       }
     }
   }
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/utils/index.js b/src/utils/index.js
index f607910..a006400 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -296,3 +296,35 @@
 export function uniqueArr(arr) {
   return Array.from(new Set(arr))
 }
+
+
+/**
+ * Check if an element has a class
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ * @returns {boolean}
+ */
+export function hasClass(ele, cls) {
+  return !!ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'))
+}
+
+/**
+ * Add class to element
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ */
+export function addClass(ele, cls) {
+  if (!hasClass(ele, cls)) ele.className += ' ' + cls
+}
+
+/**
+ * Remove class from element
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ */
+export function removeClass(ele, cls) {
+  if (hasClass(ele, cls)) {
+    const reg = new RegExp('(\\s|^)' + cls + '(\\s|$)')
+    ele.className = ele.className.replace(reg, ' ')
+  }
+}
diff --git a/src/views/dashboard/components/PanelGroup.vue b/src/views/dashboard/components/PanelGroup.vue
index 7cdf078..a08887b 100644
--- a/src/views/dashboard/components/PanelGroup.vue
+++ b/src/views/dashboard/components/PanelGroup.vue
@@ -146,106 +146,21 @@
   padding: 0px 0px;
   display: flex;
   justify-content: space-between;
-
-  .card-panel-col {
-    margin: 5px;
-    margin-bottom: 18px;
-    flex:1;
-  }
-
-  // .card-panel {
-  //   height: 108px;
-  //   cursor: pointer;
-  //   font-size: 10px;
-  //   position: relative;
-  //   overflow: hidden;
-  //   color: #666;
-  //   background: #fff;
-  //   box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
-  //   border-color: rgba(0, 0, 0, .05);
-
-  //   &:hover {
-  //     .card-panel-icon-wrapper {
-  //       color: #fff;
-
-  //     }
-
-  //     .icon-people {
-  //       background: #40c9c6;
-  //     }
-
-  //     .icon-message {
-  //       background: #36a3f7;
-  //     }
-
-  //     .icon-money {
-  //       background: #f4516c;
-  //     }
-
-  //     .icon-shopping {
-  //       background: #34bfa3
-  //     }
-  //   }
-
-  //   // .icon-people {
-  //   //   color: #40c9c6;
-  //   // }
-
-  //   // .icon-message {
-  //   //   color: #36a3f7;
-  //   // }
-
-  //   // .icon-money {
-  //   //   color: #f4516c;
-  //   // }
-
-  //   // .icon-shopping {
-  //   //   color: #34bfa3
-  //   // }
-
-  //   .card-panel-icon-wrapper {
-  //     float: left;
-  //     margin: 14px 0 0 14px;
-  //     padding: 16px;
-  //     transition: all 0.38s ease-out;
-  //     border-radius: 6px;
-  //   }
-
-  //   .card-panel-icon {
-  //     float: left;
-  //     font-size: 40px;
-  //   }
-
-  //   .card-panel-description {
-  //     font-weight: bold;
-  //     margin: 26px;
-  //     margin-left: 0px;
-
-  //     .card-panel-text {
-  //       line-height: 18px;
-  //       color: rgba(0, 0, 0, 0.45);
-  //       font-size: 14px;
-  //       margin-bottom: 12px;
-  //     }
-
-  //     .card-panel-num {
-  //       font-size: 18px;
-  //     }
-  //   }
-  // }
 }
-
+.card-panel-col {
+  margin: 5px;
+  margin-bottom: 18px;
+  flex:1;
+}
 @media (max-width:550px) {
   .card-panel-description {
     display: none;
   }
-
   .card-panel-icon-wrapper {
     float: none !important;
     width: 100%;
     height: 100%;
     margin: 0 !important;
-
     .svg-icon {
       display: block;
       margin: 14px auto !important;
diff --git a/src/views/dataManage/deviceData/waterHistory.vue b/src/views/dataManage/deviceData/waterHistory.vue
index 160dab7..1330807 100644
--- a/src/views/dataManage/deviceData/waterHistory.vue
+++ b/src/views/dataManage/deviceData/waterHistory.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-dialog :visible.sync="dialogFormVisible" :title="this.listQuery.devCode+'历史数据'" width="1200px" append-to-body class="lineDialog">
+  <el-dialog :visible.sync="dialogFormVisible" :title="listQuery.devCode+'历史数据'" width="1200px" append-to-body class="lineDialog">
     <div style="margin-bottom: 10px">
       <el-date-picker
         v-model="timeRange"
diff --git a/src/views/gasDashboard/components/PanelGroup.vue b/src/views/gasDashboard/components/PanelGroup.vue
index 12eccf9..eead839 100644
--- a/src/views/gasDashboard/components/PanelGroup.vue
+++ b/src/views/gasDashboard/components/PanelGroup.vue
@@ -108,100 +108,16 @@
   padding: 0px 0px;
   display: flex;
   justify-content: space-between;
-
-  .card-panel-col {
-    margin: 5px;
-    margin-bottom: 18px;
-    flex:1;
-  }
-
-  // .card-panel {
-  //   height: 108px;
-  //   cursor: pointer;
-  //   font-size: 10px;
-  //   position: relative;
-  //   overflow: hidden;
-  //   color: #666;
-  //   background: #fff;
-  //   box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
-  //   border-color: rgba(0, 0, 0, .05);
-
-  //   &:hover {
-  //     .card-panel-icon-wrapper {
-  //       color: #fff;
-
-  //     }
-
-  //     .icon-people {
-  //       background: #40c9c6;
-  //     }
-
-  //     .icon-message {
-  //       background: #36a3f7;
-  //     }
-
-  //     .icon-money {
-  //       background: #f4516c;
-  //     }
-
-  //     .icon-shopping {
-  //       background: #34bfa3
-  //     }
-  //   }
-
-  //   // .icon-people {
-  //   //   color: #40c9c6;
-  //   // }
-
-  //   // .icon-message {
-  //   //   color: #36a3f7;
-  //   // }
-
-  //   // .icon-money {
-  //   //   color: #f4516c;
-  //   // }
-
-  //   // .icon-shopping {
-  //   //   color: #34bfa3
-  //   // }
-
-  //   .card-panel-icon-wrapper {
-  //     float: left;
-  //     margin: 14px 0 0 14px;
-  //     padding: 16px;
-  //     transition: all 0.38s ease-out;
-  //     border-radius: 6px;
-  //   }
-
-  //   .card-panel-icon {
-  //     float: left;
-  //     font-size: 40px;
-  //   }
-
-  //   .card-panel-description {
-  //     font-weight: bold;
-  //     margin: 26px;
-  //     margin-left: 0px;
-
-  //     .card-panel-text {
-  //       line-height: 18px;
-  //       color: rgba(0, 0, 0, 0.45);
-  //       font-size: 14px;
-  //       margin-bottom: 12px;
-  //     }
-
-  //     .card-panel-num {
-  //       font-size: 18px;
-  //     }
-  //   }
-  // }
 }
-
+.card-panel-col {
+  margin: 5px;
+  margin-bottom: 18px;
+  flex:1;
+}
 @media (max-width:550px) {
   .card-panel-description {
     display: none;
   }
-
   .card-panel-icon-wrapper {
     float: none !important;
     width: 100%;
diff --git a/src/views/overview/overviewSimple.vue b/src/views/overview/overviewSimple.vue
index 2770b53..bd7d9bc 100644
--- a/src/views/overview/overviewSimple.vue
+++ b/src/views/overview/overviewSimple.vue
@@ -286,6 +286,108 @@
       graphicLayer.addGraphic(building)
       building.show = false
 
+      let graphic = new mars3d.graphic.PolygonEntity({
+        positions: [
+          [120.23507503968162, 35.988906414036926, 0],
+          [120.23518234668833, 35.98745882265551, 0],
+          [120.23540685809516, 35.98739018587185, 0],
+          [120.23536448687834, 35.98723199647009, 0],
+          [120.23585063631653, 35.98707304891037, 0],
+          [120.24060830982476, 35.99850959184793, 0],
+          [120.23905084569647, 35.998917076214546, 0],
+          [120.23845824797789, 35.99755804269015, 0],
+          [120.23832699666866, 35.99759972850157, 0],
+          [120.23674459992945, 35.99390089905266, 0],
+          [120.2370464785011, 35.993805678199415, 0]
+        ],
+        style: {
+          color: '#ff9933',
+          opacity: 0.5
+        }
+      })
+      graphicLayer.addGraphic(graphic)
+      graphic = new mars3d.graphic.PolygonEntity({
+        positions: [
+          [120.235606934737, 35.985722462239444, 0],
+          [120.24091268711804, 35.98415159686764, 0],
+          [120.24101823355832, 35.98432059382657, 0],
+          [120.24211594141084, 35.98397730654025, 0],
+          [120.24261200801276, 35.985160704386104, 0],
+          [120.24166151701235, 35.98543842000875, 0],
+          [120.2415915389704, 35.985298052771505, 0],
+          [120.23602620739703, 35.98677100966999, 0]
+        ],
+        style: {
+          color: '#8f33ff',
+          opacity: 0.5
+        }
+      })
+      graphicLayer.addGraphic(graphic)
+      graphic = new mars3d.graphic.PolygonEntity({
+        positions: [
+          [120.23643594197345, 35.987582325269685, 0],
+          [120.24215126511366, 35.98593814378067, 0],
+          [120.24252741479629, 35.98690709889674, 0],
+          [120.23687618438156, 35.9884998821015, 0]
+        ],
+        style: {
+          color: '#55c72d',
+          opacity: 0.5
+        }
+      })
+      graphicLayer.addGraphic(graphic)
+      graphic = new mars3d.graphic.PolygonEntity({
+        positions: [
+          [120.24087978719614, 35.98755092536814, 0],
+          [120.24112204131086, 35.98813227616374, 0],
+          [120.24352679510174, 35.987402619668444, 0],
+          [120.24328788012271, 35.98683994889791, 0]
+        ],
+        style: {
+          color: '#0c17eb',
+          opacity: 0.5
+        }
+      })
+      graphicLayer.addGraphic(graphic)
+      graphic = new mars3d.graphic.PolygonEntity({
+        positions: [
+          [120.24115873897817, 35.98817361919759, 0],
+          [120.24149300376733, 35.988088051973484, 0],
+          [120.24577211359146, 35.998282134347484, 0],
+          [120.24549888093004, 35.99833997613365, 0]
+        ],
+        style: {
+          color: '#eb0c70',
+          opacity: 0.5
+        }
+      })
+      graphicLayer.addGraphic(graphic)
+      graphic = new mars3d.graphic.PolygonEntity({
+        positions: [
+          [120.23686587898735, 35.9893657899243, 0],
+          [120.24112175219621, 35.98820345546421, 0],
+          [120.24218683667716, 35.99071055705772, 0],
+          [120.23792720384584, 35.99189441176851, 0]
+        ],
+        style: {
+          color: '#0ce4eb',
+          opacity: 0.5
+        }
+      })
+      graphicLayer.addGraphic(graphic)
+      graphic = new mars3d.graphic.PolygonEntity({
+        positions: [
+          [120.23791825767545, 35.99190378081154, 0],
+          [120.24220377197857, 35.9907542484927, 0],
+          [120.24545689336689, 35.998322668532914, 0],
+          [120.24091735461728, 35.99912170992487, 0]
+        ],
+        style: {
+          color: '#fff100',
+          opacity: 0.5
+        }
+      })
+      graphicLayer.addGraphic(graphic)
       this.initDrawLines()
       this.initPoints()
 

diff --git a/config/index.js b/config/index.js
index 106eaa6..30dda44 100644
--- a/config/index.js
+++ b/config/index.js
@@ -33,7 +33,7 @@
     // Use Eslint Loader?
     // If true, your code will be linted during bundling and
     // linting errors and warnings will be shown in the console.
-    useEslint: true,
+    useEslint: false,
     // If true, eslint errors and warnings will also be shown in the error overlay
     // in the browser.
     showEslintErrorsInOverlay: false,
diff --git a/src/components/BigData/Card/index.vue b/src/components/BigData/Card/index.vue
index 8320d47..8944b44 100644
--- a/src/components/BigData/Card/index.vue
+++ b/src/components/BigData/Card/index.vue
@@ -10,7 +10,7 @@
         </div>
         <div class="card-panel-num" >
           {{ context }}
-          <span style="font-size: 10px;color:#888"> {{unit}} </span>
+          <span style="font-size: 10px;color:#888"> {{ unit }} </span>
         </div>
       </div>
     </div>
@@ -41,9 +41,9 @@
       type: String,
       default: '#40c9c6'
     },
-    unit:{
+    unit: {
       type: String,
-      default:''
+      default: ''
     }
   },
   computed: {
diff --git a/src/components/BigData/Card1/index.vue b/src/components/BigData/Card1/index.vue
index 722c24c..748747b 100644
--- a/src/components/BigData/Card1/index.vue
+++ b/src/components/BigData/Card1/index.vue
@@ -4,7 +4,7 @@
       <div v-if="icon" :style="backgroundColor" class="card-panel-icon-wrapper">
         <svg-icon :icon-class="icon" class-name="card-panel-icon"/>
       </div>
-      <div v-else style="float:left; width: 10px;height: 100%;"></div>
+      <div v-else style="float:left; width: 10px;height: 100%;"/>
       <div class="card-panel-description">
         <!-- <div class="card-panel-text">
           {{ title[0] }} <span class="card-panel-num">{{ context[0] }}</span>
@@ -12,22 +12,22 @@
         <div class="card-panel-text" >
           {{ title[1] }} <span class="card-panel-num">{{ context[1] }}</span>
         </div> -->
-        <div class="two" v-if="title.length===2">
+        <div v-if="title.length===2" class="two">
           <div class="card-panel-text">
             {{ title[0] }} <span class="card-panel-num">{{ context[0] }}<span
-            style="font-size: 10px;color:#888;margin-left: 5px">{{unit}}</span></span>
+              style="font-size: 10px;color:#888;margin-left: 5px">{{ unit }}</span></span>
           </div>
           <div class="card-panel-text">
             {{ title[1] }} <span class="card-panel-num">{{ context[1] }}<span
-            style="font-size: 10px;color:#888;margin-left: 5px">{{unit}}</span></span>
+              style="font-size: 10px;color:#888;margin-left: 5px">{{ unit }}</span></span>
           </div>
         </div>
-        <div class="only" v-else>
+        <div v-else class="only">
           <div class="card-panel-text">
             {{ title[0] }}
           </div>
           <div class="card-panel-num">
-            {{ context[0] }}<span style="font-size: 10px;color:#888">{{unit}}</span>
+            {{ context[0] }}<span style="font-size: 10px;color:#888">{{ unit }}</span>
           </div>
         </div>
       </div>
@@ -36,46 +36,46 @@
 </template>
 
 <script>
-  export default {
-    name: 'Card1',
-    props: {
-      title: {
-        type: Array,
-        default: function () {
-          return ['标题', '标题']
-        }
-      },
-      subtitle: {
-        type: String,
-        default: ''
-      },
-      icon: {
-        type: String,
-        default: ''
-      },
-      context: {
-        type: Array,
-        default: function () {
-          return ['--', '--']
-        }
-      },
-      color: {
-        type: String,
-        default: '#40c9c6'
-      },
-      unit: {
-        type: String,
-        default: ''
+export default {
+  name: 'Card1',
+  props: {
+    title: {
+      type: Array,
+      default: function () {
+        return ['标题', '标题']
       }
     },
-    computed: {
-      backgroundColor() {
-        return {
-          color: this.color
-        }
+    subtitle: {
+      type: String,
+      default: ''
+    },
+    icon: {
+      type: String,
+      default: ''
+    },
+    context: {
+      type: Array,
+      default: function () {
+        return ['--', '--']
+      }
+    },
+    color: {
+      type: String,
+      default: '#40c9c6'
+    },
+    unit: {
+      type: String,
+      default: ''
+    }
+  },
+  computed: {
+    backgroundColor() {
+      return {
+        color: this.color
       }
     }
   }
+}
 </script>
 
 <style lang="scss" scoped>
diff --git a/src/utils/index.js b/src/utils/index.js
index f607910..a006400 100644
--- a/src/utils/index.js
+++ b/src/utils/index.js
@@ -296,3 +296,35 @@
 export function uniqueArr(arr) {
   return Array.from(new Set(arr))
 }
+
+
+/**
+ * Check if an element has a class
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ * @returns {boolean}
+ */
+export function hasClass(ele, cls) {
+  return !!ele.className.match(new RegExp('(\\s|^)' + cls + '(\\s|$)'))
+}
+
+/**
+ * Add class to element
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ */
+export function addClass(ele, cls) {
+  if (!hasClass(ele, cls)) ele.className += ' ' + cls
+}
+
+/**
+ * Remove class from element
+ * @param {HTMLElement} elm
+ * @param {string} cls
+ */
+export function removeClass(ele, cls) {
+  if (hasClass(ele, cls)) {
+    const reg = new RegExp('(\\s|^)' + cls + '(\\s|$)')
+    ele.className = ele.className.replace(reg, ' ')
+  }
+}
diff --git a/src/views/dashboard/components/PanelGroup.vue b/src/views/dashboard/components/PanelGroup.vue
index 7cdf078..a08887b 100644
--- a/src/views/dashboard/components/PanelGroup.vue
+++ b/src/views/dashboard/components/PanelGroup.vue
@@ -146,106 +146,21 @@
   padding: 0px 0px;
   display: flex;
   justify-content: space-between;
-
-  .card-panel-col {
-    margin: 5px;
-    margin-bottom: 18px;
-    flex:1;
-  }
-
-  // .card-panel {
-  //   height: 108px;
-  //   cursor: pointer;
-  //   font-size: 10px;
-  //   position: relative;
-  //   overflow: hidden;
-  //   color: #666;
-  //   background: #fff;
-  //   box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
-  //   border-color: rgba(0, 0, 0, .05);
-
-  //   &:hover {
-  //     .card-panel-icon-wrapper {
-  //       color: #fff;
-
-  //     }
-
-  //     .icon-people {
-  //       background: #40c9c6;
-  //     }
-
-  //     .icon-message {
-  //       background: #36a3f7;
-  //     }
-
-  //     .icon-money {
-  //       background: #f4516c;
-  //     }
-
-  //     .icon-shopping {
-  //       background: #34bfa3
-  //     }
-  //   }
-
-  //   // .icon-people {
-  //   //   color: #40c9c6;
-  //   // }
-
-  //   // .icon-message {
-  //   //   color: #36a3f7;
-  //   // }
-
-  //   // .icon-money {
-  //   //   color: #f4516c;
-  //   // }
-
-  //   // .icon-shopping {
-  //   //   color: #34bfa3
-  //   // }
-
-  //   .card-panel-icon-wrapper {
-  //     float: left;
-  //     margin: 14px 0 0 14px;
-  //     padding: 16px;
-  //     transition: all 0.38s ease-out;
-  //     border-radius: 6px;
-  //   }
-
-  //   .card-panel-icon {
-  //     float: left;
-  //     font-size: 40px;
-  //   }
-
-  //   .card-panel-description {
-  //     font-weight: bold;
-  //     margin: 26px;
-  //     margin-left: 0px;
-
-  //     .card-panel-text {
-  //       line-height: 18px;
-  //       color: rgba(0, 0, 0, 0.45);
-  //       font-size: 14px;
-  //       margin-bottom: 12px;
-  //     }
-
-  //     .card-panel-num {
-  //       font-size: 18px;
-  //     }
-  //   }
-  // }
 }
-
+.card-panel-col {
+  margin: 5px;
+  margin-bottom: 18px;
+  flex:1;
+}
 @media (max-width:550px) {
   .card-panel-description {
     display: none;
   }
-
   .card-panel-icon-wrapper {
     float: none !important;
     width: 100%;
     height: 100%;
     margin: 0 !important;
-
     .svg-icon {
       display: block;
       margin: 14px auto !important;
diff --git a/src/views/dataManage/deviceData/waterHistory.vue b/src/views/dataManage/deviceData/waterHistory.vue
index 160dab7..1330807 100644
--- a/src/views/dataManage/deviceData/waterHistory.vue
+++ b/src/views/dataManage/deviceData/waterHistory.vue
@@ -1,5 +1,5 @@
 <template>
-  <el-dialog :visible.sync="dialogFormVisible" :title="this.listQuery.devCode+'历史数据'" width="1200px" append-to-body class="lineDialog">
+  <el-dialog :visible.sync="dialogFormVisible" :title="listQuery.devCode+'历史数据'" width="1200px" append-to-body class="lineDialog">
     <div style="margin-bottom: 10px">
       <el-date-picker
         v-model="timeRange"
diff --git a/src/views/gasDashboard/components/PanelGroup.vue b/src/views/gasDashboard/components/PanelGroup.vue
index 12eccf9..eead839 100644
--- a/src/views/gasDashboard/components/PanelGroup.vue
+++ b/src/views/gasDashboard/components/PanelGroup.vue
@@ -108,100 +108,16 @@
   padding: 0px 0px;
   display: flex;
   justify-content: space-between;
-
-  .card-panel-col {
-    margin: 5px;
-    margin-bottom: 18px;
-    flex:1;
-  }
-
-  // .card-panel {
-  //   height: 108px;
-  //   cursor: pointer;
-  //   font-size: 10px;
-  //   position: relative;
-  //   overflow: hidden;
-  //   color: #666;
-  //   background: #fff;
-  //   box-shadow: 4px 4px 40px rgba(0, 0, 0, .05);
-  //   border-color: rgba(0, 0, 0, .05);
-
-  //   &:hover {
-  //     .card-panel-icon-wrapper {
-  //       color: #fff;
-
-  //     }
-
-  //     .icon-people {
-  //       background: #40c9c6;
-  //     }
-
-  //     .icon-message {
-  //       background: #36a3f7;
-  //     }
-
-  //     .icon-money {
-  //       background: #f4516c;
-  //     }
-
-  //     .icon-shopping {
-  //       background: #34bfa3
-  //     }
-  //   }
-
-  //   // .icon-people {
-  //   //   color: #40c9c6;
-  //   // }
-
-  //   // .icon-message {
-  //   //   color: #36a3f7;
-  //   // }
-
-  //   // .icon-money {
-  //   //   color: #f4516c;
-  //   // }
-
-  //   // .icon-shopping {
-  //   //   color: #34bfa3
-  //   // }
-
-  //   .card-panel-icon-wrapper {
-  //     float: left;
-  //     margin: 14px 0 0 14px;
-  //     padding: 16px;
-  //     transition: all 0.38s ease-out;
-  //     border-radius: 6px;
-  //   }
-
-  //   .card-panel-icon {
-  //     float: left;
-  //     font-size: 40px;
-  //   }
-
-  //   .card-panel-description {
-  //     font-weight: bold;
-  //     margin: 26px;
-  //     margin-left: 0px;
-
-  //     .card-panel-text {
-  //       line-height: 18px;
-  //       color: rgba(0, 0, 0, 0.45);
-  //       font-size: 14px;
-  //       margin-bottom: 12px;
-  //     }
-
-  //     .card-panel-num {
-  //       font-size: 18px;
-  //     }
-  //   }
-  // }
 }
-
+.card-panel-col {
+  margin: 5px;
+  margin-bottom: 18px;
+  flex:1;
+}
 @media (max-width:550px) {
   .card-panel-description {
     display: none;
   }
-
   .card-panel-icon-wrapper {
     float: none !important;
     width: 100%;
diff --git a/src/views/overview/overviewSimple.vue b/src/views/overview/overviewSimple.vue
index 2770b53..bd7d9bc 100644
--- a/src/views/overview/overviewSimple.vue
+++ b/src/views/overview/overviewSimple.vue
@@ -286,6 +286,108 @@
       graphicLayer.addGraphic(building)
       building.show = false
 
+      let graphic = new mars3d.graphic.PolygonEntity({
+        positions: [
+          [120.23507503968162, 35.988906414036926, 0],
+          [120.23518234668833, 35.98745882265551, 0],
+          [120.23540685809516, 35.98739018587185, 0],
+          [120.23536448687834, 35.98723199647009, 0],
+          [120.23585063631653, 35.98707304891037, 0],
+          [120.24060830982476, 35.99850959184793, 0],
+          [120.23905084569647, 35.998917076214546, 0],
+          [120.23845824797789, 35.99755804269015, 0],
+          [120.23832699666866, 35.99759972850157, 0],
+          [120.23674459992945, 35.99390089905266, 0],
+          [120.2370464785011, 35.993805678199415, 0]
+        ],
+        style: {
+          color: '#ff9933',
+          opacity: 0.5
+        }
+      })
+      graphicLayer.addGraphic(graphic)
+      graphic = new mars3d.graphic.PolygonEntity({
+        positions: [
+          [120.235606934737, 35.985722462239444, 0],
+          [120.24091268711804, 35.98415159686764, 0],
+          [120.24101823355832, 35.98432059382657, 0],
+          [120.24211594141084, 35.98397730654025, 0],
+          [120.24261200801276, 35.985160704386104, 0],
+          [120.24166151701235, 35.98543842000875, 0],
+          [120.2415915389704, 35.985298052771505, 0],
+          [120.23602620739703, 35.98677100966999, 0]
+        ],
+        style: {
+          color: '#8f33ff',
+          opacity: 0.5
+        }
+      })
+      graphicLayer.addGraphic(graphic)
+      graphic = new mars3d.graphic.PolygonEntity({
+        positions: [
+          [120.23643594197345, 35.987582325269685, 0],
+          [120.24215126511366, 35.98593814378067, 0],
+          [120.24252741479629, 35.98690709889674, 0],
+          [120.23687618438156, 35.9884998821015, 0]
+        ],
+        style: {
+          color: '#55c72d',
+          opacity: 0.5
+        }
+      })
+      graphicLayer.addGraphic(graphic)
+      graphic = new mars3d.graphic.PolygonEntity({
+        positions: [
+          [120.24087978719614, 35.98755092536814, 0],
+          [120.24112204131086, 35.98813227616374, 0],
+          [120.24352679510174, 35.987402619668444, 0],
+          [120.24328788012271, 35.98683994889791, 0]
+        ],
+        style: {
+          color: '#0c17eb',
+          opacity: 0.5
+        }
+      })
+      graphicLayer.addGraphic(graphic)
+      graphic = new mars3d.graphic.PolygonEntity({
+        positions: [
+          [120.24115873897817, 35.98817361919759, 0],
+          [120.24149300376733, 35.988088051973484, 0],
+          [120.24577211359146, 35.998282134347484, 0],
+          [120.24549888093004, 35.99833997613365, 0]
+        ],
+        style: {
+          color: '#eb0c70',
+          opacity: 0.5
+        }
+      })
+      graphicLayer.addGraphic(graphic)
+      graphic = new mars3d.graphic.PolygonEntity({
+        positions: [
+          [120.23686587898735, 35.9893657899243, 0],
+          [120.24112175219621, 35.98820345546421, 0],
+          [120.24218683667716, 35.99071055705772, 0],
+          [120.23792720384584, 35.99189441176851, 0]
+        ],
+        style: {
+          color: '#0ce4eb',
+          opacity: 0.5
+        }
+      })
+      graphicLayer.addGraphic(graphic)
+      graphic = new mars3d.graphic.PolygonEntity({
+        positions: [
+          [120.23791825767545, 35.99190378081154, 0],
+          [120.24220377197857, 35.9907542484927, 0],
+          [120.24545689336689, 35.998322668532914, 0],
+          [120.24091735461728, 35.99912170992487, 0]
+        ],
+        style: {
+          color: '#fff100',
+          opacity: 0.5
+        }
+      })
+      graphicLayer.addGraphic(graphic)
       this.initDrawLines()
       this.initPoints()
 
diff --git a/src/views/wellManage/listWell.vue b/src/views/wellManage/listWell.vue
index 24ed878..09930bd 100644
--- a/src/views/wellManage/listWell.vue
+++ b/src/views/wellManage/listWell.vue
@@ -502,7 +502,7 @@
           }
         }
         if (this.wellTypeList.length <= 1) {
-          if (this.wellTypeList.length == 1) { this.listQuery.wellType = this.wellTypeList[0].value }
+          if (this.wellTypeList.length === 1) { this.listQuery.wellType = this.wellTypeList[0].value }
           this.showWellType = false
         }
       })