diff --git a/.eslintrc.js b/.eslintrc.js
index 74ae94395..b9d550ffa 100644
--- a/.eslintrc.js
+++ b/.eslintrc.js
@@ -19,6 +19,10 @@ module.exports = {
     '@vue/typescript'
   ],
 
+  plugins: [
+    'vue'
+  ],
+
   rules: {
     "vue/max-attributes-per-line": [2, {
       "singleline": 10,
@@ -216,15 +220,5 @@ module.exports = {
       "ignores": ["pre", "textarea"]
     }],
     "vue/mustache-interpolation-spacing": [0, "always" | "never"],
-  },
-
-  plugins: [
-    'vue'
-  ],
-  'extends': [
-    'eslint:recommended',
-    'plugin:vue/strongly-recommended',
-    '@vue/standard',
-    '@vue/typescript'
-  ]
+  }
 }
diff --git a/mock/article.ts b/mock/article.ts
index 95c7a6077..913e32952 100644
--- a/mock/article.ts
+++ b/mock/article.ts
@@ -4,8 +4,8 @@ import { param2Obj } from '@/utils';
 const List: any[] = [];
 const count = 100;
 
-const baseContent = '<p>我是测试数据我是测试数据</p><p><img src="https://wpimg.wallstcn.com/4c69009c-0fd4-4153-b112-6cb53d1cf943"></p>'
-const imageURI = 'https://wpimg.wallstcn.com/e4558086-631c-425c-9430-56ffb46e70b3'
+const baseContent = '<p>我是测试数据我是测试数据</p><p><img src="https://wpimg.wallstcn.com/4c69009c-0fd4-4153-b112-6cb53d1cf943"></p>';
+const imageURI = 'https://wpimg.wallstcn.com/e4558086-631c-425c-9430-56ffb46e70b3';
 
 for (let i = 0; i < count; i++) {
   List.push(Mock.mock({
@@ -25,7 +25,7 @@ for (let i = 0; i < count; i++) {
     pageviews: '@integer(300, 5000)',
     image_uri: imageURI,
     platforms: ['a-platform'],
-  }))
+  }));
 }
 
 export default {
@@ -57,7 +57,7 @@ export default {
   getPv: () => ({
     code: 20000,
     data: {
-      pvData: [{ key: 'PC', pv: 1024 }, { key: 'mobile', pv: 1024 }, { key: 'ios', pv: 1024 }, { key: 'android', pv: 1024 }];
+      pvData: [{ key: 'PC', pv: 1024 }, { key: 'mobile', pv: 1024 }, { key: 'ios', pv: 1024 }, { key: 'android', pv: 1024 }],
     },
   }),
 
@@ -74,7 +74,7 @@ export default {
     code: 20000,
     data: {
       data: 'success',
-    }
+    },
   }),
 
   updateArticle: () => ({
@@ -82,5 +82,5 @@ export default {
     data: {
       data: 'success',
     },
-  })
-}
+  }),
+};
diff --git a/mock/index.ts b/mock/index.ts
index 274b44c73..7ee6034f7 100644
--- a/mock/index.ts
+++ b/mock/index.ts
@@ -13,8 +13,6 @@ Mock.mock(/\/user\/logout/, 'post', userAPI.logout);
 // Table
 Mock.mock(/\/table\/list/, 'get', tableAPI.list);
 
-
-
 // 文章相关
 Mock.mock(/\/article\/list/, 'get', articleAPI.getList);
 Mock.mock(/\/article\/detail/, 'get', articleAPI.getArticle);
diff --git a/mock/remoteSearch.ts b/mock/remoteSearch.ts
index 00d2b8c65..dbd1c4796 100644
--- a/mock/remoteSearch.ts
+++ b/mock/remoteSearch.ts
@@ -1,24 +1,24 @@
-import Mock from 'mockjs'
-import { param2Obj } from '@/utils'
+import Mock from 'mockjs';
+import { param2Obj } from '@/utils';
 
-const NameList: any[] = []
-const count = 100
+const NameList: any[] = [];
+const count = 100;
 
 for (let i = 0; i < count; i++) {
   NameList.push(Mock.mock({
-    name: '@first'
-  }))
+    name: '@first',
+  }));
 }
-NameList.push({ name: 'mockPan' })
+NameList.push({ name: 'mockPan' });
 
 export default {
   searchUser: (config: {url: string}) => {
-    const { name } = param2Obj(config.url) as any
+    const { name } = param2Obj(config.url) as any;
     const mockNameList = NameList.filter(item => {
-      const lowerCaseName = item.name.toLowerCase()
-      if (name && lowerCaseName.indexOf(name.toLowerCase()) < 0) return false
-      return true
-    })
-    return { items: mockNameList }
-  }
-}
+      const lowerCaseName = item.name.toLowerCase();
+      if (name && lowerCaseName.indexOf(name.toLowerCase()) < 0) return false;
+      return true;
+    });
+    return { items: mockNameList };
+  },
+};
diff --git a/mock/transaction.ts b/mock/transaction.ts
index 9dd31d531..95e8dfeed 100644
--- a/mock/transaction.ts
+++ b/mock/transaction.ts
@@ -1,4 +1,4 @@
-import Mock from 'mockjs'
+import Mock from 'mockjs';
 
 const List: any[] = [];
 const count = 20;
@@ -9,8 +9,8 @@ for (let i = 0; i < count; i++) {
     timestamp: +Mock.Random.date('T'),
     username: '@name()',
     price: '@float(1000, 15000, 0, 2)',
-    'status|1': ['success', 'pending']
-  }))
+    'status|1': ['success', 'pending'],
+  }));
 }
 
 export default {
@@ -18,8 +18,8 @@ export default {
     return { code: 20000,
       data: {
         total: List.length,
-        items: List
+        items: List,
       },
     };
   },
-}
+};
diff --git a/src/api/remoteSearch.ts b/src/api/remoteSearch.ts
index 114755e71..b46a8d2dd 100644
--- a/src/api/remoteSearch.ts
+++ b/src/api/remoteSearch.ts
@@ -1,8 +1,8 @@
-import request from '@/utils/request'
+import request from '@/utils/request';
 
 export const userSearch = (name: string): any =>
   request({
     url: '/search/user',
     method: 'get',
-    params: { name }
+    params: { name },
   });
diff --git a/src/components/BackToTop/index.vue b/src/components/BackToTop/index.vue
index e58cf97cc..f65674aba 100644
--- a/src/components/BackToTop/index.vue
+++ b/src/components/BackToTop/index.vue
@@ -11,25 +11,24 @@
   </transition>
 </template>
 
-
 <script lang="ts">
 import { Component, Vue, Prop } from 'vue-property-decorator';
 
 @Component
 export default class BackToTop extends Vue {
-  @Prop({default: 400}) 
+  @Prop({ default: 400 })
   private visibilityHeight!: number;
-  @Prop({default: 0}) 
+  @Prop({ default: 0 })
   private backPosition!: number;
-  @Prop({default: () => ({
-        right: '50px',
-        bottom: '50px',
-        width: '40px',
-        height: '40px',
-        'border-radius': '4px',
-        'line-height': '45px',
-        background: '#e7eaf1',
-      })}) 
+  @Prop({ default: () => ({
+    right: '50px',
+    bottom: '50px',
+    width: '40px',
+    height: '40px',
+    'border-radius': '4px',
+    'line-height': '45px',
+    background: '#e7eaf1',
+  }) })
   private customStyle!: {
         [key: string]: any,
         right: string,
@@ -38,14 +37,13 @@ export default class BackToTop extends Vue {
         height: string,
         background: string
         };
-  @Prop({default: 'fade' })
+  @Prop({ default: 'fade' })
   private transitionName!: string;
-  
 
   private visible: boolean = false;
   private interval: any = null;
   private isMoving: boolean = false;
-      
+
   public mounted() {
     window.addEventListener('scroll', this.handleScroll);
   }
@@ -56,7 +54,7 @@ export default class BackToTop extends Vue {
       clearInterval(this.interval);
     }
   }
-  
+
   private handleScroll() {
     this.visible = window.pageYOffset > this.visibilityHeight;
   }
diff --git a/src/components/Charts/keyboard.vue b/src/components/Charts/keyboard.vue
index 0de86fa6d..dce4f2e70 100644
--- a/src/components/Charts/keyboard.vue
+++ b/src/components/Charts/keyboard.vue
@@ -3,22 +3,22 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue, Prop, Watch } from 'vue-property-decorator';
+import { Component, Prop } from 'vue-property-decorator';
 import { mixins } from 'vue-class-component';
 import echarts from 'echarts';
 import Resize from './mixins/resize';
 
 @Component
 export default class keyboard extends mixins(Resize) {
-  @Prop({default: 'chart'})
+  @Prop({ default: 'chart' })
   private className!: string;
-  @Prop({default: 'chart'})
+  @Prop({ default: 'chart' })
   private id!: string;
-  @Prop({default: '200px'})
+  @Prop({ default: '200px' })
   private width!: string;
-  @Prop({default: '200px'})
+  @Prop({ default: '200px' })
   private height!: string;
-  
+
   mounted() {
     this.initChart();
   }
@@ -30,7 +30,7 @@ export default class keyboard extends mixins(Resize) {
     this.chart.dispose();
     this.chart = null;
   }
-  
+
   initChart() {
     this.chart = echarts.init(document.getElementById(this.id) as HTMLCanvasElement | HTMLDivElement);
 
@@ -72,7 +72,7 @@ export default class keyboard extends mixins(Resize) {
           axisLabel: {
             textStyle: {
               color: '#4a657a',
-            }
+            },
           },
           splitLine: {
             show: true,
diff --git a/src/components/Charts/lineMarker.vue b/src/components/Charts/lineMarker.vue
index e818e05f3..1604b9034 100644
--- a/src/components/Charts/lineMarker.vue
+++ b/src/components/Charts/lineMarker.vue
@@ -3,20 +3,20 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue, Prop, Watch } from 'vue-property-decorator';
+import { Component, Prop } from 'vue-property-decorator';
 import { mixins } from 'vue-class-component';
 import echarts from 'echarts';
 import Resize from './mixins/resize';
 
 @Component
 export default class lineMarker extends mixins(Resize) {
-  @Prop({default: 'chart'})
+  @Prop({ default: 'chart' })
   private className!: string;
-  @Prop({default: 'chart'})
+  @Prop({ default: 'chart' })
   private id!: string;
-  @Prop({default: '200px'})
+  @Prop({ default: '200px' })
   private width!: string;
-  @Prop({default: '200px'})
+  @Prop({ default: '200px' })
   private height!: string;
 
   mounted() {
@@ -42,7 +42,7 @@ export default class lineMarker extends mixins(Resize) {
         textStyle: {
           fontWeight: 'normal',
           fontSize: 16,
-          color: '#F1F1F3'
+          color: '#F1F1F3',
         },
         left: '1%',
       },
@@ -117,7 +117,7 @@ export default class lineMarker extends mixins(Resize) {
         lineStyle: {
           normal: {
             width: 1,
-          }
+          },
         },
         areaStyle: {
           normal: {
@@ -163,16 +163,16 @@ export default class lineMarker extends mixins(Resize) {
             }], false),
             shadowColor: 'rgba(0, 0, 0, 0.1)',
             shadowBlur: 10,
-          }
+          },
         },
         itemStyle: {
           normal: {
             color: 'rgb(0,136,212)',
             borderColor: 'rgba(0,136,212,0.2)',
             borderWidth: 12,
-          }
+          },
         },
-        data: [120, 110, 125, 145, 122, 165, 122, 220, 182, 191, 134, 150]
+        data: [120, 110, 125, 145, 122, 165, 122, 220, 182, 191, 134, 150],
       }, {
         name: 'CUCC',
         type: 'line',
diff --git a/src/components/Charts/mixChart.vue b/src/components/Charts/mixChart.vue
index c0850cba9..6890a63f6 100644
--- a/src/components/Charts/mixChart.vue
+++ b/src/components/Charts/mixChart.vue
@@ -3,20 +3,20 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue, Prop, Watch } from 'vue-property-decorator';
+import { Component, Prop } from 'vue-property-decorator';
 import { mixins } from 'vue-class-component';
 import echarts from 'echarts';
 import Resize from './mixins/resize';
 
 @Component
 export default class mixChart extends mixins(Resize) {
-  @Prop({default: 'chart'})
+  @Prop({ default: 'chart' })
   private className!: string;
-  @Prop({default: 'chart'})
+  @Prop({ default: 'chart' })
   private id!: string;
-  @Prop({default: '200px'})
+  @Prop({ default: '200px' })
   private width!: string;
-  @Prop({default: '200px'})
+  @Prop({ default: '200px' })
   private height!: string;
 
   mounted() {
@@ -159,7 +159,7 @@ export default class mixChart extends mixins(Resize) {
             label: {
               show: true,
               textStyle: {
-                color: '#fff'
+                color: '#fff',
               },
               position: 'insideTop',
               formatter(p: {value: number}): string | number {
diff --git a/src/components/Charts/mixins/resize.ts b/src/components/Charts/mixins/resize.ts
index e423f3f23..99eef1580 100644
--- a/src/components/Charts/mixins/resize.ts
+++ b/src/components/Charts/mixins/resize.ts
@@ -1,5 +1,5 @@
 import { debounce } from '@/utils';
-import { Component, Vue, Watch } from 'vue-property-decorator';
+import { Component, Vue } from 'vue-property-decorator';
 
 @Component
 export default class Resize extends Vue {
@@ -23,7 +23,7 @@ export default class Resize extends Vue {
 
     this.sidebarElm && this.sidebarElm.removeEventListener('transitionend', this.sidebarResizeHandler);
   }
-  
+
   sidebarResizeHandler(e: TransitionEvent) {
     if (e.propertyName === 'width') {
       (this as any).__resizeHandler();
diff --git a/src/components/DndList/index.vue b/src/components/DndList/index.vue
index e326e59b5..17c020e2f 100644
--- a/src/components/DndList/index.vue
+++ b/src/components/DndList/index.vue
@@ -25,11 +25,11 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue, Prop, Watch } from 'vue-property-decorator';
+import { Component, Vue, Prop } from 'vue-property-decorator';
 import draggable from 'vuedraggable';
 
 @Component({
-  components: {draggable},
+  components: { draggable },
 })
 export default class DndList extends Vue {
   @Prop({ default: () => [] })
@@ -44,7 +44,7 @@ export default class DndList extends Vue {
   private width1!: string;
   @Prop({ default: '48%' })
   private width2!: string;
-  
+
   isNotInList1(v: {id: string}): boolean {
     return this.list1.every((k) => v.id !== k.id);
   }
@@ -56,11 +56,11 @@ export default class DndList extends Vue {
       if (item.id === ele.id) {
         const index = this.list1.indexOf(item);
         this.list1.splice(index, 1);
-        break
+        break;
       }
     }
     if (this.isNotInList2(ele)) {
-      this.list2.unshift(ele)
+      this.list2.unshift(ele);
     }
   }
   pushEle(ele: {id: string}) {
@@ -68,7 +68,7 @@ export default class DndList extends Vue {
       if (item.id === ele.id) {
         const index = this.list2.indexOf(item);
         this.list2.splice(index, 1);
-        break
+        break;
       }
     }
     if (this.isNotInList1(ele)) {
diff --git a/src/components/DragSelect/index.vue b/src/components/DragSelect/index.vue
index 3b344c090..0fb502164 100644
--- a/src/components/DragSelect/index.vue
+++ b/src/components/DragSelect/index.vue
@@ -4,13 +4,15 @@
   </el-select>
 </template>
 <script lang="ts">
-import { Component, Vue, Prop, Watch } from 'vue-property-decorator';
+import { Component, Vue, Prop } from 'vue-property-decorator';
 import Sortable from 'sortablejs';
-import {Select as ElSelect} from 'element-ui';
+import { Select as ElSelect } from 'element-ui';
 
-@Component
+@Component({
+  components: { ElSelect },
+})
 export default class DragSelect extends Vue {
-  @Prop({required: true})
+  @Prop({ required: true })
   private value!: Array<any>;
 
   private sortable: any;
@@ -31,15 +33,15 @@ export default class DragSelect extends Vue {
     this.sortable = Sortable.create(el, {
       ghostClass: 'sortable-ghost', // Class name for the drop placeholder,
       setData: function(dataTransfer: any) {
-        dataTransfer.setData('Text', '')
+        dataTransfer.setData('Text', '');
         // to avoid Firefox bug
         // Detail see : https://github.com/RubaXa/Sortable/issues/1012
       },
       onEnd: (evt:{oldIndex: number, newIndex: number}) => {
-        const targetRow = this.value.splice(evt.oldIndex, 1)[0]
-        this.value.splice(evt.newIndex, 0, targetRow)
-      }
-    })
+        const targetRow = this.value.splice(evt.oldIndex, 1)[0];
+        this.value.splice(evt.newIndex, 0, targetRow);
+      },
+    });
   }
 }
 </script>
diff --git a/src/components/Dropzone/index.vue b/src/components/Dropzone/index.vue
index 61ea82555..5a0cea74d 100644
--- a/src/components/Dropzone/index.vue
+++ b/src/components/Dropzone/index.vue
@@ -6,11 +6,11 @@
 
 <script lang="ts">
 import { Component, Vue, Prop, Watch } from 'vue-property-decorator';
-import Dropzone from 'dropzone';
+import DropzoneNoWrapper from 'dropzone';
 import 'dropzone/dist/dropzone.css';
 // import { getToken } from 'api/qiniu';
 
-Dropzone.autoDiscover = false
+DropzoneNoWrapper.autoDiscover = false;
 
 @Component
 export default class Dropzone extends Vue {
@@ -43,7 +43,7 @@ export default class Dropzone extends Vue {
   @Prop({ default: false })
   couldPaste!: boolean;
 
-  private dropzone: string = '';
+  private dropzone: DropzoneNoWrapper = null;
   private initOnce: boolean = true;
 
   @Watch('defaultImg')
@@ -56,7 +56,7 @@ export default class Dropzone extends Vue {
     this.initImages(val);
     this.initOnce = false;
   }
-    
+
   mounted() {
     const element = document.getElementById(this.id);
     const vm = this;
@@ -74,26 +74,26 @@ export default class Dropzone extends Vue {
       dictMaxFilesExceeded: '只能一个图',
       previewTemplate: '<div class="dz-preview dz-file-preview">  <div class="dz-image" style="width:' + this.thumbnailWidth + 'px;height:' + this.thumbnailHeight + 'px" ><img style="width:' + this.thumbnailWidth + 'px;height:' + this.thumbnailHeight + 'px" data-dz-thumbnail /></div>  <div class="dz-details"><div class="dz-size"><span data-dz-size></span></div> <div class="dz-progress"><span class="dz-upload" data-dz-uploadprogress></span></div>  <div class="dz-error-message"><span data-dz-errormessage></span></div>  <div class="dz-success-mark"> <i class="material-icons">done</i> </div>  <div class="dz-error-mark"><i class="material-icons">error</i></div></div>',
       init() {
-        const val = vm.defaultImg
-        if (!val) return
+        const val = vm.defaultImg;
+        if (!val) return;
         if (Array.isArray(val)) {
-          if (val.length === 0) return
+          if (val.length === 0) return;
           val.map((v, i) => {
-            const mockFile = { name: 'name' + i, size: 12345, url: v }
-            this.options.addedfile.call(this, mockFile)
-            this.options.thumbnail.call(this, mockFile, v)
-            mockFile.previewElement.classList.add('dz-success')
-            mockFile.previewElement.classList.add('dz-complete')
-            vm.initOnce = false
-            return true
-          })
+            const mockFile = { name: 'name' + i, size: 12345, url: v };
+            this.options.addedfile.call(this, mockFile);
+            this.options.thumbnail.call(this, mockFile, v);
+            mockFile.previewElement.classList.add('dz-success');
+            mockFile.previewElement.classList.add('dz-complete');
+            vm.initOnce = false;
+            return true;
+          });
         } else {
-          const mockFile = { name: 'name', size: 12345, url: val }
-          this.options.addedfile.call(this, mockFile)
-          this.options.thumbnail.call(this, mockFile, val)
-          mockFile.previewElement.classList.add('dz-success')
-          mockFile.previewElement.classList.add('dz-complete')
-          vm.initOnce = false
+          const mockFile = { name: 'name', size: 12345, url: val };
+          this.options.addedfile.call(this, mockFile);
+          this.options.thumbnail.call(this, mockFile, val);
+          mockFile.previewElement.classList.add('dz-success');
+          mockFile.previewElement.classList.add('dz-complete');
+          vm.initOnce = false;
         }
       },
       accept: (file, done) => {
@@ -105,13 +105,13 @@ export default class Dropzone extends Vue {
         //   file.url = response.data.qiniu_url;
         //   done();
         // })
-        done()
+        done();
       },
       sending: (file, xhr, formData) => {
         // formData.append('token', file.token);
         // formData.append('key', file.key);
         vm.initOnce = false;
-      }
+      },
     });
 
     if (this.couldPaste) {
@@ -119,16 +119,16 @@ export default class Dropzone extends Vue {
     }
 
     this.dropzone.on('success', file => {
-      vm.$emit('dropzone-success', file, vm.dropzone.element)
+      vm.$emit('dropzone-success', file, vm.dropzone.element);
     });
     this.dropzone.on('addedfile', file => {
-      vm.$emit('dropzone-fileAdded', file)
+      vm.$emit('dropzone-fileAdded', file);
     });
     this.dropzone.on('removedfile', file => {
-      vm.$emit('dropzone-removedFile', file)
+      vm.$emit('dropzone-removedFile', file);
     });
     this.dropzone.on('error', (file, error, xhr) => {
-      vm.$emit('dropzone-error', file, error, xhr)
+      vm.$emit('dropzone-error', file, error, xhr);
     });
     this.dropzone.on('successmultiple', (file, error, xhr) => {
       vm.$emit('dropzone-successmultiple', file, error, xhr);
diff --git a/src/components/ErrorLog/index.vue b/src/components/ErrorLog/index.vue
index d35b32136..7c56cb062 100644
--- a/src/components/ErrorLog/index.vue
+++ b/src/components/ErrorLog/index.vue
@@ -38,12 +38,12 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue, Prop, Watch } from 'vue-property-decorator';
+import { Component, Vue } from 'vue-property-decorator';
 
 @Component
 export default class ErrorLog extends Vue {
   private dialogTableVisible: boolean = false;
-  
+
   get errorLogs() {
     return this.$store.getters.errorLogs;
   }
diff --git a/src/components/HeaderSearch/index.vue b/src/components/HeaderSearch/index.vue
index e97bc05f8..2dbb4395a 100644
--- a/src/components/HeaderSearch/index.vue
+++ b/src/components/HeaderSearch/index.vue
@@ -17,10 +17,10 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue, Prop, Watch } from 'vue-property-decorator';
-import Fuse from 'fuse.js'
-import path from 'path'
-import i18n from '@/lang'
+import { Component, Vue, Watch } from 'vue-property-decorator';
+import Fuse from 'fuse.js';
+import path from 'path';
+import i18n from '@/lang';
 
 @Component
 export default class HeaderSearch extends Vue {
@@ -29,59 +29,59 @@ export default class HeaderSearch extends Vue {
   private searchPool: any[] = [];
   private show: boolean = false;
   private fuse: any = undefined;
-      
+
   get routers() {
-    return this.$store.getters.permission_routers
+    return this.$store.getters.permission_routers;
   }
   get lang() {
-    return this.$store.getters.language
+    return this.$store.getters.language;
   }
 
   @Watch('lang')
   onLang() {
-    this.searchPool = this.generateRouters(this.routers)
+    this.searchPool = this.generateRouters(this.routers);
   }
-  
+
   @Watch('routers')
   onRouters() {
-    this.searchPool = this.generateRouters(this.routers)
+    this.searchPool = this.generateRouters(this.routers);
   }
-  
+
   @Watch('searchPool')
   onSearchPool(list: any) {
-    this.initFuse(list)
+    this.initFuse(list);
   }
   @Watch('show')
   OnShow(value: boolean) {
     if (value) {
-      document.body.addEventListener('click', this.close)
+      document.body.addEventListener('click', this.close);
     } else {
-      document.body.removeEventListener('click', this.close)
+      document.body.removeEventListener('click', this.close);
     }
   }
 
   mounted() {
-    this.searchPool = this.generateRouters(this.routers)
+    this.searchPool = this.generateRouters(this.routers);
   }
-  
+
   click() {
-    this.show = !this.show
+    this.show = !this.show;
     if (this.show) {
-      this.$refs.headerSearchSelect && (this.$refs.headerSearchSelect as any).focus()
+      this.$refs.headerSearchSelect && (this.$refs.headerSearchSelect as any).focus();
     }
   }
   close() {
-    this.$refs.headerSearchSelect && (this.$refs.headerSearchSelect as any).blur()
-    this.options = []
-    this.show = false
+    this.$refs.headerSearchSelect && (this.$refs.headerSearchSelect as any).blur();
+    this.options = [];
+    this.show = false;
   }
   change(val: {path: string}) {
-    this.$router.push(val.path)
-    this.search = ''
-    this.options = []
+    this.$router.push(val.path);
+    this.search = '';
+    this.options = [];
     this.$nextTick(() => {
-      this.show = false
-    })
+      this.show = false;
+    });
   }
   initFuse(list: any) {
     this.fuse = new Fuse(list, {
@@ -93,55 +93,55 @@ export default class HeaderSearch extends Vue {
       minMatchCharLength: 1,
       keys: [{
         name: 'title',
-        weight: 0.7
+        weight: 0.7,
       }, {
         name: 'path',
-        weight: 0.3
-      }]
-    })
+        weight: 0.3,
+      }],
+    });
   }
   // Filter out the routes that can be displayed in the sidebar
   // And generate the internationalized title
   generateRouters(routers: any, basePath = '/', prefixTitle = []): any[] {
-    let res = []
+    let res = [];
 
     for (const router of routers) {
       // skip hidden router
-      if (router.hidden) { continue }
+      if (router.hidden) { continue; }
 
       const data = {
         path: path.resolve(basePath, router.path),
-        title: [...prefixTitle]
-      }
+        title: [...prefixTitle],
+      };
 
       if (router.meta && router.meta.title) {
         // generate internationalized title
-        const i18ntitle = i18n.t(`route.${router.meta.title}`)
+        const i18ntitle = i18n.t(`route.${router.meta.title}`);
 
-        data.title = [...data.title, i18ntitle]
+        data.title = [...data.title, i18ntitle];
 
         if (router.redirect !== 'noredirect') {
           // only push the routes with title
           // special case: need to exclude parent router without redirect
-          res.push(data)
+          res.push(data);
         }
       }
 
       // recursive child routers
       if (router.children) {
-        const tempRouters = this.generateRouters(router.children, data.path, data.title)
+        const tempRouters = this.generateRouters(router.children, data.path, data.title);
         if (tempRouters.length >= 1) {
-          res = [...res, ...tempRouters]
+          res = [...res, ...tempRouters];
         }
       }
     }
-    return res
+    return res;
   }
   querySearch(query: string) {
     if (query !== '') {
-      this.options = this.fuse.search(query)
+      this.options = this.fuse.search(query);
     } else {
-      this.options = []
+      this.options = [];
     }
   }
 }
diff --git a/src/components/ImageCropper/index.vue b/src/components/ImageCropper/index.vue
index 4ca543ddc..6608d2735 100644
--- a/src/components/ImageCropper/index.vue
+++ b/src/components/ImageCropper/index.vue
@@ -114,165 +114,175 @@ import mimes from './utils/mimes.js';
 import data2blob from './utils/data2blob.js';
 import effectRipple from './utils/effectRipple.js';
 
+const allowImgFormat: string[] = [
+  'jpg',
+  'png',
+];
 
 @Component
 export default class ImageCropper extends Vue {
-  
-    // 域，上传文件name，触发事件会带上（如果一个页面多个图片上传控件，可以做区分
-    @Prop({ default: 'avatar' })
-    field!: string;
-    // 原名key，类似于id，触发事件会带上（如果一个页面多个图片上传控件，可以做区分
-    @Prop({ default: 0 })
-    ki!: any;
+  // 域，上传文件name，触发事件会带上（如果一个页面多个图片上传控件，可以做区分
+  @Prop({ default: 'avatar' })
+  field!: string;
+  // 原名key，类似于id，触发事件会带上（如果一个页面多个图片上传控件，可以做区分
+  @Prop({ default: 0 })
+  ki!: any;
 
-    // 显示该控件与否
-    @Prop({ default: true })
-    value!: boolean;
+  // 显示该控件与否
+  @Prop({ default: true })
+  value!: boolean;
 
-    // 上传地址
-    @Prop({ default: '' })
-    url!: string;
-    
-    // 其他要上传文件附带的数据，对象格式
-    @Prop({ default: null })
-    params!: object;
+  // 上传地址
+  @Prop({ default: '' })
+  url!: string;
 
-    // Add custom headers
-    @Prop({ default: null })
-    headers!: object;
+  // 其他要上传文件附带的数据，对象格式
+  @Prop({ default: null })
+  params!: object;
 
-    // 剪裁图片的宽
-    @Prop({ default: 200 })
-    width!: number;
+  // Add custom headers
+  @Prop({ default: null })
+  headers!: object;
 
-    // 剪裁图片的高
-    @Prop({ default: 200 })
-    height!: number;
+  // 剪裁图片的宽
+  @Prop({ default: 200 })
+  width!: number;
 
-    // 不显示旋转功能
-    @Prop({ default: true })
-    noRotate!: boolean;
+  // 剪裁图片的高
+  @Prop({ default: 200 })
+  height!: number;
 
-    // 不预览圆形图片
-    @Prop({ default: false })
-    noCircle!: boolean;
+  // 不显示旋转功能
+  @Prop({ default: true })
+  noRotate!: boolean;
 
-    // 不预览方形图片
-    @Prop({ default: false })
-    noSquare!: boolean;
+  // 不预览圆形图片
+  @Prop({ default: false })
+  noCircle!: boolean;
 
-    // 单文件大小限制
-    @Prop({ default: 10240 })
-    maxSize!: number;
+  // 不预览方形图片
+  @Prop({ default: false })
+  noSquare!: boolean;
 
-    // 语言类型
-    @Prop({ default: 'zh' })
-    langType!: string;
+  // 单文件大小限制
+  @Prop({ default: 10240 })
+  maxSize!: number;
 
-    // 语言包
-    @Prop({ default: null })
-    langExt!: object;
+  // 语言类型
+  @Prop({ default: 'zh' })
+  langType!: string;
 
-    // 图片上传格式
-    @Prop({ default: 'png' })
-    imgFormat!: string;
+  // 语言包
+  @Prop({ default: null })
+  langExt!: object;
 
-    // 是否支持跨域
-    @Prop({ default: false })
-    withCredentials!: boolean;
+  // 图片上传格式
+  @Prop({ default: 'png' })
+  imgFormat!: string;
 
-  data() {
-    const that = this
-    const {
-      imgFormat,
-      langType,
-      langExt,
-      width,
-      height
-    } = that;
-    let isSupported = true
-    const allowImgFormat = [
-      'jpg',
-      'png'
-    ]
-    const tempImgFormat = allowImgFormat.indexOf(imgFormat) === -1 ? 'jpg' : imgFormat
-    const lang = language[langType] ? language[langType] : language['en']
-    const mime = mimes[tempImgFormat]
-    // 规范图片格式
-    that.imgFormat = tempImgFormat
-    if (langExt) {
-      Object.assign(lang, langExt)
+  // 是否支持跨域
+  @Prop({ default: false })
+  withCredentials!: boolean;
+
+  // 图片的mime
+  private mime = () => {
+    return mimes[this.imageFormat];
+  };
+  // 语言包
+  private lang = (): object => {
+    const lang = language[this.langType] ? language[this.langType] : language['en'];
+    if (this.langExt) {
+      Object.assign(lang, this.langExt);
     }
+    return lang;
+  };
+  // 浏览器是否支持该控件
+  private isSupported = () => {
+    let isSupported = true;
     if (typeof FormData !== 'function') {
-      isSupported = false
-    }
-    return {
-      // 图片的mime
-      mime,
-      // 语言包
-      lang,
-      // 浏览器是否支持该控件
-      isSupported,
-      // 浏览器是否支持触屏事件
-      isSupportTouch: document.hasOwnProperty('ontouchstart'),
-      // 步骤
-      step: 1, // 1选择文件 2剪裁 3上传
-      // 上传状态及进度
-      loading: 0, // 0未开始 1正在 2成功 3错误
-      progress: 0,
-      // 是否有错误及错误信息
-      hasError: false,
-      errorMsg: '',
-      // 需求图宽高比
-      ratio: width / height,
-      // 原图地址、生成图片地址
-      sourceImg: null,
-      sourceImgUrl: '',
-      createImgUrl: '',
-      // 原图片拖动事件初始值
-      sourceImgMouseDown: {
-        on: false,
-        mX: 0, // 鼠标按下的坐标
-        mY: 0,
-        x: 0, // scale原图坐标
-        y: 0
-      },
-      // 生成图片预览的容器大小
-      previewContainer: {
-        width: 100,
-        height: 100
-      },
-      // 原图容器宽高
-      sourceImgContainer: { // sic
-        width: 240,
-        height: 184 // 如果生成图比例与此一致会出现bug，先改成特殊的格式吧，哈哈哈
-      },
-      // 原图展示属性
-      scale: {
-        zoomAddOn: false, // 按钮缩放事件开启
-        zoomSubOn: false, // 按钮缩放事件开启
-        range: 1, // 最大100
-        rotateLeft: false, // 按钮向左旋转事件开启
-        rotateRight: false, // 按钮向右旋转事件开启
-        degree: 0, // 旋转度数
-        x: 0,
-        y: 0,
-        width: 0,
-        height: 0,
-        maxWidth: 0,
-        maxHeight: 0,
-        minWidth: 0, // 最宽
-        minHeight: 0,
-        naturalWidth: 0, // 原宽
-        naturalHeight: 0
-      }
+      isSupported = false;
     }
+    return isSupported;
+  };
+  // 浏览器是否支持触屏事件
+  private isSupportTouch = (): boolean => document.hasOwnProperty('ontouchstart');
+  // 步骤, 1选择文件 2剪裁 3上传
+  private step: number = 1;
+  // 上传状态及进度, 0未开始 1正在 2成功 3错误
+  private loading: number = 0;
+  private progress: number = 0;
+  // 是否有错误及错误信息
+  private hasError: boolean = false;
+  private errorMsg: string = '';
+  // 需求图宽高比
+  private ratio = (): number => this.width / this.height;
+  // 原图地址、生成图片地址
+  private sourceImg = null;
+  private sourceImgUrl = '';
+  private createImgUrl = '';
+  // 原图片拖动事件初始值
+  private sourceImgMouseDown: { on: boolean, mX: number, mY: number, x: number, y: number } = {
+    on: false,
+    mX: 0, // 鼠标按下的坐标
+    mY: 0,
+    x: 0, // scale原图坐标
+    y: 0,
+  };
+  // 生成图片预览的容器大小
+  private previewContainer: { width: number, height: number } = {
+    width: 100,
+    height: 100,
+  };
+  // 原图容器宽高
+  private sourceImgContainer: { width: number, height: number } = { // sic
+    width: 240,
+    height: 184, // 如果生成图比例与此一致会出现bug，先改成特殊的格式吧，哈哈哈
+  };
+  // 原图展示属性
+  private scale: {
+    zoomAddOn: boolean, // 按钮缩放事件开启
+    zoomSubOn: boolean, // 按钮缩放事件开启
+    range: number, // 最大100
+    rotateLeft: boolean, // 按钮向左旋转事件开启
+    rotateRight: boolean, // 按钮向右旋转事件开启
+    degree: number, // 旋转度数
+    x: number,
+    y: number,
+    width: number,
+    height: number,
+    maxWidth: number,
+    maxHeight: number,
+    minWidth: number, // 最宽
+    minHeight: number,
+    naturalWidth: number, // 原宽
+    naturalHeight: number,
+  } = {
+    zoomAddOn: false, // 按钮缩放事件开启
+    zoomSubOn: false, // 按钮缩放事件开启
+    range: 1, // 最大100
+    rotateLeft: false, // 按钮向左旋转事件开启
+    rotateRight: false, // 按钮向右旋转事件开启
+    degree: 0, // 旋转度数
+    x: 0,
+    y: 0,
+    width: 0,
+    height: 0,
+    maxWidth: 0,
+    maxHeight: 0,
+    minWidth: 0, // 最宽
+    minHeight: 0,
+    naturalWidth: 0, // 原宽
+    naturalHeight: 0,
+  };
+
+  get imageFormat(): string {
+    return allowImgFormat.indexOf(this.imgFormat) === -1 ? 'jpg' : this.imgFormat;
   }
 
   // 进度条样式
   get progressStyle() {
     const {
-      progress
+      progress,
     } = this;
     return {
       width: progress + '%',
@@ -283,7 +293,7 @@ export default class ImageCropper extends Vue {
   get sourceImgStyle() {
     const {
       scale,
-      sourceImgMasking
+      sourceImgMasking,
     } = this;
 
     const top = scale.y + sourceImgMasking.y + 'px';
@@ -339,12 +349,12 @@ export default class ImageCropper extends Vue {
   get sourceImgShadeStyle() {
     const {
       sourceImgMasking,
-      sourceImgContainer
+      sourceImgContainer,
     } = this;
     const sic = sourceImgContainer;
     const sim = sourceImgMasking;
-    const w = sim.width == sic.width ? sim.width : (sic.width - sim.width) / 2;
-    const h = sim.height == sic.height ? sim.height : (sic.height - sim.height) / 2;
+    const w = sim.width === sic.width ? sim.width : (sic.width - sim.width) / 2;
+    const h = sim.height === sic.height ? sim.height : (sic.height - sim.height) / 2;
     return {
       width: w + 'px',
       height: h + 'px',
@@ -353,10 +363,10 @@ export default class ImageCropper extends Vue {
 
   get previewStyle() {
     const {
-      width,
-      height,
+      // width,
+      // height,
       ratio,
-      previewContainer
+      previewContainer,
     } = this;
     const pc = previewContainer;
     let w = pc.width;
@@ -375,8 +385,8 @@ export default class ImageCropper extends Vue {
   }
 
   @Watch('value')
-  onValue(newValue) {
-    if (newValue && this.loading != 1) {
+  onValue(newValue: any) {
+    if (newValue && this.loading !== 1) {
       this.reset();
     }
   }
@@ -391,7 +401,7 @@ export default class ImageCropper extends Vue {
     setTimeout(() => {
       this.$emit('input', false);
       this.$emit('close');
-      if (this.step == 3 && this.loading == 2) {
+      if (this.step === 3 && this.loading === 2) {
         this.setStep(1);
       }
     }, 200);
@@ -433,11 +443,11 @@ export default class ImageCropper extends Vue {
   /* ---------------------------------------------------------------*/
   // 检测选择的文件是否合适
   checkFile(file: {type: string, size: number}) {
-    let that = this,
-      {
-        lang,
-        maxSize
-      } = that;
+    const that = this;
+    const {
+      lang,
+      maxSize,
+    } = that;
     // 仅限图片
     if (file.type.indexOf('image') === -1) {
       that.hasError = true;
@@ -462,37 +472,37 @@ export default class ImageCropper extends Vue {
   }
   // 设置图片源
   setSourceImg(file) {
-    let that = this,
-      fr = new FileReader();
+    const that = this;
+    const fr = new FileReader();
     fr.onload = function(e) {
       that.sourceImgUrl = fr.result;
       that.startCrop();
-    }
+    };
     fr.readAsDataURL(file);
   }
   // 剪裁前准备工作
   startCrop() {
-    let that = this,
-      {
-        width,
-        height,
-        ratio,
-        scale,
-        sourceImgUrl,
-        sourceImgMasking,
-        lang
-      } = that,
-      sim = sourceImgMasking,
-      img = new Image();
+    const that = this;
+    const {
+      width,
+      height,
+      ratio,
+      scale,
+      sourceImgUrl,
+      sourceImgMasking,
+      lang,
+    } = that;
+    const sim = sourceImgMasking;
+    const img = new Image();
     img.src = sourceImgUrl;
     img.onload = function() {
-      let nWidth = img.naturalWidth,
-        nHeight = img.naturalHeight,
-        nRatio = nWidth / nHeight,
-        w = sim.width,
-        h = sim.height,
-        x = 0,
-        y = 0;
+      const nWidth = img.naturalWidth;
+      const nHeight = img.naturalHeight;
+      const nRatio = nWidth / nHeight;
+      let w = sim.width;
+      let h = sim.height;
+      let x = 0;
+      let y = 0;
       // 图片像素不达标
       if (nWidth < width || nHeight < height) {
         that.hasError = true;
@@ -522,7 +532,7 @@ export default class ImageCropper extends Vue {
       that.sourceImg = img;
       that.createImg();
       that.setStep(2);
-    }
+    };
   }
   // 鼠标按下图片准备移动
   imgStartMove(e) {
@@ -531,12 +541,12 @@ export default class ImageCropper extends Vue {
     if (this.isSupportTouch && !e.targetTouches) {
       return false;
     }
-    let et = e.targetTouches ? e.targetTouches[0] : e,
-      {
-        sourceImgMouseDown,
-        scale,
-      } = this,
-      simd = sourceImgMouseDown;
+    const et = e.targetTouches ? e.targetTouches[0] : e;
+    const {
+      sourceImgMouseDown,
+      scale,
+    } = this;
+    const simd = sourceImgMouseDown;
     simd.mX = et.screenX;
     simd.mY = et.screenY;
     simd.x = scale.x;
@@ -550,25 +560,25 @@ export default class ImageCropper extends Vue {
     if (this.isSupportTouch && !e.targetTouches) {
       return false;
     }
-    let et = e.targetTouches ? e.targetTouches[0] : e,
-      {
-        sourceImgMouseDown: {
-          on,
-          mX,
-          mY,
-          x,
-          y,
-        },
-        scale,
-        sourceImgMasking,
-      } = this,
-      sim = sourceImgMasking,
-      nX = et.screenX,
-      nY = et.screenY,
-      dX = nX - mX,
-      dY = nY - mY,
-      rX = x + dX,
-      rY = y + dY;
+    const et = e.targetTouches ? e.targetTouches[0] : e;
+    const {
+      sourceImgMouseDown: {
+        on,
+        mX,
+        mY,
+        x,
+        y,
+      },
+      scale,
+      sourceImgMasking,
+    } = this;
+    const sim = sourceImgMasking;
+    const nX = et.screenX;
+    const nY = et.screenY;
+    const dX = nX - mX;
+    const dY = nY - mY;
+    let rX = x + dX;
+    let rY = y + dY;
     if (!on) return;
     if (rX > 0) {
       rX = 0;
@@ -585,12 +595,12 @@ export default class ImageCropper extends Vue {
     scale.x = rX;
     scale.y = rY;
   }
-   // 按钮按下开始向右旋转
+  // 按钮按下开始向右旋转
   startRotateRight(e) {
-    let that = this,
-      {
-        scale
-      } = that;
+    const that = this;
+    const {
+      scale,
+    } = that;
     scale.rotateRight = true;
     function rotate() {
       if (scale.rotateRight) {
@@ -606,10 +616,10 @@ export default class ImageCropper extends Vue {
 
   // 按钮按下开始向右旋转
   startRotateLeft(e) {
-    let that = this,
-      {
-        scale,
-      } = that;
+    const that = this;
+    const {
+      scale,
+    } = that;
     scale.rotateLeft = true;
     function rotate() {
       if (scale.rotateLeft) {
@@ -625,17 +635,17 @@ export default class ImageCropper extends Vue {
   // 停止旋转
   endRotate() {
     const {
-      scale
+      scale,
     } = this;
     scale.rotateLeft = false;
     scale.rotateRight = false;
-  },
+  }
   // 按钮按下开始放大
   startZoomAdd(e) {
-    let that = this,
-      {
-        scale
-      } = that;
+    const that = this;
+    const {
+      scale,
+    } = that;
     scale.zoomAddOn = true;
     function zoom() {
       if (scale.zoomAddOn) {
@@ -654,10 +664,10 @@ export default class ImageCropper extends Vue {
   }
   // 按钮按下开始缩小
   startZoomSub(e) {
-    let that = this,
-      {
-        scale
-      } = that;
+    const that = this;
+    const {
+      scale,
+    } = that;
     scale.zoomSubOn = true;
     function zoom() {
       if (scale.zoomSubOn) {
@@ -673,7 +683,7 @@ export default class ImageCropper extends Vue {
   // 按钮松开或移开取消缩小
   endZoomSub(e) {
     const {
-      scale
+      scale,
     } = this;
     scale.zoomSubOn = false;
   }
@@ -685,8 +695,8 @@ export default class ImageCropper extends Vue {
     const that = this;
     const {
       sourceImgMasking,
-      sourceImgMouseDown,
-      scale
+      // sourceImgMouseDown,
+      scale,
     } = this;
     const {
       maxWidth,
@@ -697,7 +707,7 @@ export default class ImageCropper extends Vue {
       height,
       x,
       y,
-      range
+      // range,
     } = scale;
     const sim = sourceImgMasking;
     // 蒙版宽高
@@ -729,30 +739,30 @@ export default class ImageCropper extends Vue {
     scale.height = nHeight;
     scale.range = newRange;
     setTimeout(function() {
-      if (scale.range == newRange) {
+      if (scale.range === newRange) {
         that.createImg();
       }
     }, 300);
   }
-   // 生成需求图片
+  // 生成需求图片
   createImg(e) {
-    let that = this,
-      {
-        mime,
-        sourceImg,
-        scale: {
-          x,
-          y,
-          width,
-          height,
-          degree
-        },
-        sourceImgMasking: {
-          scale
-        }
-      } = that,
-      canvas = that.$refs.canvas,
-      ctx = canvas.getContext('2d');
+    const that = this;
+    const {
+      mime,
+      sourceImg,
+      scale: {
+        x,
+        y,
+        width,
+        height,
+        degree,
+      },
+      sourceImgMasking: {
+        scale,
+      },
+    } = that;
+    const canvas = that.$refs.canvas;
+    const ctx = canvas.getContext('2d');
     if (e) {
       // 取消鼠标按下移动状态
       that.sourceImgMouseDown.on = false;
@@ -785,21 +795,20 @@ export default class ImageCropper extends Vue {
   }
   // 上传图片
   upload() {
-    let that = this,
-      {
-        lang,
-        imgFormat,
-        mime,
-        url,
-        params,
-        headers,
-        field,
-        ki,
-        createImgUrl,
-        withCredentials,
-      } = this,
-      fmData = new FormData();
-    fmData.append(field, data2blob(createImgUrl, mime), field + '.' + imgFormat);
+    const that = this;
+    const {
+      lang,
+      mime,
+      url,
+      params,
+      // headers,
+      field,
+      ki,
+      createImgUrl,
+      // withCredentials,
+    } = this;
+    const fmData = new FormData();
+    fmData.append(field, data2blob(createImgUrl, mime), field + '.' + this.imageFormat);
     // 添加其他参数
     if (typeof params === 'object' && params) {
       Object.keys(params).forEach((k) => {
@@ -807,11 +816,11 @@ export default class ImageCropper extends Vue {
       });
     }
     // 监听进度回调
-    const uploadProgress = function(event) {
-      if (event.lengthComputable) {
-        that.progress = 100 * Math.round(event.loaded) / event.total;
-      }
-    };
+    // const uploadProgress = function(event) {
+    //   if (event.lengthComputable) {
+    //     that.progress = 100 * Math.round(event.loaded) / event.total;
+    //   }
+    // };
     // 上传文件
     that.reset();
     that.loading = 1;
@@ -832,11 +841,11 @@ export default class ImageCropper extends Vue {
       }
     });
   }
-  
+
   created() {
     // 绑定按键esc隐藏此插件事件
     document.addEventListener('keyup', (e) => {
-      if (this.value && (e.key == 'Escape' || e.keyCode == 27)) {
+      if (this.value && (e.key === 'Escape' || e.keyCode === 27)) {
         this.off();
       }
     });
diff --git a/src/components/ImageCropper/utils/data2blob.ts b/src/components/ImageCropper/utils/data2blob.ts
index be5b9864d..253638261 100644
--- a/src/components/ImageCropper/utils/data2blob.ts
+++ b/src/components/ImageCropper/utils/data2blob.ts
@@ -16,4 +16,4 @@ export default function(data: string, mime): Blob {
   return new Blob([ia], {
     type: mime,
   });
-};
+}
diff --git a/src/components/JsonEditor/index.vue b/src/components/JsonEditor/index.vue
index f94a37edd..bec9a76d4 100644
--- a/src/components/JsonEditor/index.vue
+++ b/src/components/JsonEditor/index.vue
@@ -10,19 +10,19 @@ import CodeMirror from 'codemirror';
 import 'codemirror/addon/lint/lint.css';
 import 'codemirror/lib/codemirror.css';
 import 'codemirror/theme/rubyblue.css';
-require('script-loader!jsonlint');
 import 'codemirror/mode/javascript/javascript';
 import 'codemirror/addon/lint/lint';
 import 'codemirror/addon/lint/json-lint';
+require('script-loader!jsonlint');
 
 @Component
 export default class JsonEditor extends Vue {
-  @Prop() 
+  @Prop()
   value: any;
 
   private jsonEditor: any = false;
 
-  @Watch("value")
+  @Watch('value')
   onValue(value: any) {
     const editor_value = this.jsonEditor.getValue();
     if (value !== editor_value) {
@@ -36,13 +36,13 @@ export default class JsonEditor extends Vue {
       mode: 'application/json',
       gutters: ['CodeMirror-lint-markers'],
       theme: 'rubyblue',
-      lint: true
+      lint: true,
     });
 
     this.jsonEditor.setValue(JSON.stringify(this.value, null, 2));
     this.jsonEditor.on('change', (cm: any) => {
-      this.$emit('changed', cm.getValue())
-      this.$emit('input', cm.getValue())
+      this.$emit('changed', cm.getValue());
+      this.$emit('input', cm.getValue());
     });
   }
 
diff --git a/src/components/Kanban/index.vue b/src/components/Kanban/index.vue
index 54fdb268b..96e03eb91 100644
--- a/src/components/Kanban/index.vue
+++ b/src/components/Kanban/index.vue
@@ -18,18 +18,17 @@
 import { Component, Vue, Prop } from 'vue-property-decorator';
 import draggable from 'vuedraggable';
 
-
 @Component({
   components: { draggable },
 })
 export default class DragKanbanDemo extends Vue {
-  @Prop{{ default: 'Header' }}
+  @Prop({ default: 'Header' })
   headerText: string;
 
-  @Prop{{ default: () => {} }}
+  @Prop({ default: () => {} })
   options: object;
 
-  @Prop{{ default: () => [] }}
+  @Prop({ default: () => [] })
   list: Array<any>;
 }
 </script>
diff --git a/src/components/LangSelect/index.vue b/src/components/LangSelect/index.vue
index 5fb9ce5c1..9ece2c7de 100644
--- a/src/components/LangSelect/index.vue
+++ b/src/components/LangSelect/index.vue
@@ -12,15 +12,15 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue, Prop } from 'vue-property-decorator';
+import { Component, Vue } from 'vue-property-decorator';
 
 @Component
 export default class LangSelect extends Vue {
-  get language (): string {
+  get language(): string {
     return this.$store.getters.language;
   }
 
-  public handleSetLanguage (lang: string) {
+  public handleSetLanguage(lang: string) {
     this.$i18n.locale = lang;
     this.$store.dispatch('setLanguage', lang);
     this.$message({
diff --git a/src/components/MDinput/index.vue b/src/components/MDinput/index.vue
index 0707d90d1..bc37a0274 100644
--- a/src/components/MDinput/index.vue
+++ b/src/components/MDinput/index.vue
@@ -115,7 +115,7 @@ export default class MdInput extends Vue {
   @Prop()
   name!: string;
   @Prop({ default: 'text' })
-  type!:  string;
+  type!: string;
   @Prop()
   value!: string | number;
   @Prop()
@@ -140,8 +140,7 @@ export default class MdInput extends Vue {
   autoComplete!: string;
   @Prop({ default: true })
   validateEvent!: boolean;
-    
-    
+
   private currentValue?: string | number;
   private focus: boolean = false;
   private fillPlaceHolder: any = null;
@@ -149,7 +148,7 @@ export default class MdInput extends Vue {
   mounted() {
     this.currentValue = this.value;
   }
-      
+
   get computedClasses() {
     return {
       'material--active': this.focus,
@@ -158,35 +157,35 @@ export default class MdInput extends Vue {
     };
   }
 
-  @Watch("value")
+  @Watch('value')
   setValue(newValue: string | number) {
-      this.currentValue = newValue
+    this.currentValue = newValue;
   }
-  
+
   handleModelInput(event: Event) {
-    const value = (event.target as any).value
-    this.$emit('input', value)
+    const value = (event.target as any).value;
+    this.$emit('input', value);
     if ((this.$parent.$options as any).componentName === 'ElFormItem') {
       if (this.validateEvent) {
-        this.$parent.$emit('el.form.change', [value])
+        this.$parent.$emit('el.form.change', [value]);
       }
     }
-    this.$emit('change', value)
+    this.$emit('change', value);
   }
   handleMdFocus(event: Event) {
-    this.focus = true
-    this.$emit('focus', event)
+    this.focus = true;
+    this.$emit('focus', event);
     if (this.placeholder && this.placeholder !== '') {
-      this.fillPlaceHolder = this.placeholder
+      this.fillPlaceHolder = this.placeholder;
     }
   }
   handleMdBlur(event: Event) {
-    this.focus = false
-    this.$emit('blur', event)
-    this.fillPlaceHolder = null
+    this.focus = false;
+    this.$emit('blur', event);
+    this.fillPlaceHolder = null;
     if ((this.$parent.$options as any).componentName === 'ElFormItem') {
       if (this.validateEvent) {
-        this.$parent.$emit('el.form.blur', [this.currentValue])
+        this.$parent.$emit('el.form.blur', [this.currentValue]);
       }
     }
   }
diff --git a/src/components/MarkdownEditor/defaultOptions.ts b/src/components/MarkdownEditor/defaultOptions.ts
index c5f11fd89..4b11347e2 100644
--- a/src/components/MarkdownEditor/defaultOptions.ts
+++ b/src/components/MarkdownEditor/defaultOptions.ts
@@ -26,6 +26,6 @@ export default {
     'link',
     'divider',
     'code',
-    'codeblock'
+    'codeblock',
   ],
 };
diff --git a/src/components/MarkdownEditor/index.vue b/src/components/MarkdownEditor/index.vue
index f82e0bb06..931a7317d 100644
--- a/src/components/MarkdownEditor/index.vue
+++ b/src/components/MarkdownEditor/index.vue
@@ -15,20 +15,20 @@ import defaultOptions from './defaultOptions';
 @Component
 export default class MarddownEditor extends Vue {
   @Prop({ default: '' })
-  value!:  string;
+  value!: string;
   @Prop({ default: () => 'markdown-editor-' + +new Date() + ((Math.random() * 1000).toFixed(0) + '') })
-  id!:  string;
+  id!: string;
   @Prop({ default: () => defaultOptions })
   options!: object;
   @Prop({ default: 'markdown' })
-  mode!:  string;
+  mode!: string;
   @Prop({ default: '300px' })
-  height!:  string;
+  height!: string;
   @Prop({ default: 'en_US' })
-  language!:  string;
-  
+  language!: string;
+
   private editor: any = null;
-  
+
   get editorOptions() {
     const options = Object.assign({}, defaultOptions, this.options) as any;
     options.initialEditType = this.mode;
@@ -36,30 +36,30 @@ export default class MarddownEditor extends Vue {
     options.language = this.language;
     return options;
   }
-    
+
   @Watch('value')
   onValue(newValue: string, preValue: string) {
     if (newValue !== preValue && newValue !== this.editor.getValue()) {
       this.editor.setValue(newValue);
     }
   }
-    
+
   @Watch('language')
   onLanguage(val: any) {
     this.destroyEditor();
     this.initEditor();
   }
-    
+
   @Watch('height')
   onHeight(newValue: string) {
     this.editor.height(newValue);
   }
-    
+
   @Watch('mode')
   onMode(newValue: string) {
     this.editor.changeMode(newValue);
   }
-    
+
   mounted() {
     this.initEditor();
   }
@@ -67,7 +67,7 @@ export default class MarddownEditor extends Vue {
   destroyed() {
     this.destroyEditor();
   }
-  
+
   initEditor() {
     this.editor = new Editor({
       el: document.getElementById(this.id),
diff --git a/src/components/Pagination/index.vue b/src/components/Pagination/index.vue
index 6663ee439..b451afb35 100644
--- a/src/components/Pagination/index.vue
+++ b/src/components/Pagination/index.vue
@@ -19,11 +19,11 @@ import { Component, Vue, Prop } from 'vue-property-decorator';
 
 @Component
 export default class Pagination extends Vue {
-  @Prop() 
+  @Prop()
   private total!: number;
-  @Prop({ default: 1 }) 
+  @Prop({ default: 1 })
   private page!: number;
-  @Prop({ default: 20 }) 
+  @Prop({ default: 20 })
   private limit!: number;
   @Prop({ default: () => [10, 20, 30, 50] })
   private pageSizes!: number[];
@@ -37,29 +37,28 @@ export default class Pagination extends Vue {
   private hidden!: boolean;
 
   get currentPage(): number {
-      return this.page;
+    return this.page;
   }
-    
+
   set currentPage(val: number) {
-      this.$emit('update:page', val);
+    this.$emit('update:page', val);
   }
 
   get pageSize(): number {
-      return this.limit;
+    return this.limit;
   }
-    
+
   set pageSize(val: number) {
-      this.$emit('update:limit', val);
+    this.$emit('update:limit', val);
   }
 
-
   handleSizeChange(val: number) {
     this.$emit('pagination', { page: this.currentPage, limit: val });
     if (this.autoScroll) {
       scrollTo(0, 800);
     }
   }
-  
+
   handleCurrentChange(val: number) {
     this.$emit('pagination', { page: val, limit: this.pageSize });
     if (this.autoScroll) {
diff --git a/src/components/PanThumb/index.vue b/src/components/PanThumb/index.vue
index 384576cd6..6dc62711f 100644
--- a/src/components/PanThumb/index.vue
+++ b/src/components/PanThumb/index.vue
@@ -10,7 +10,7 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue, Prop, Watch } from 'vue-property-decorator';
+import { Component, Vue, Prop } from 'vue-property-decorator';
 
 @Component
 export default class PanThumb extends Vue {
diff --git a/src/components/Screenfull/index.vue b/src/components/Screenfull/index.vue
index 78c0b8e45..838f3e719 100644
--- a/src/components/Screenfull/index.vue
+++ b/src/components/Screenfull/index.vue
@@ -5,17 +5,17 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue, Prop, Watch } from 'vue-property-decorator';
-import screenfull from 'screenfull'
+import { Component, Vue } from 'vue-property-decorator';
+import screenfull from 'screenfull';
 
 @Component
 export default class Screenfull extends Vue {
-  private isFullscreen:boolean = false
-  
+  private isFullscreen: boolean = false
+
   mounted() {
     this.init();
   }
-  
+
   click() {
     if (!screenfull.enabled) {
       this.$message({
diff --git a/src/components/ScrollPane/index.vue b/src/components/ScrollPane/index.vue
index 5ad75648d..e8e7f7d5f 100644
--- a/src/components/ScrollPane/index.vue
+++ b/src/components/ScrollPane/index.vue
@@ -4,16 +4,14 @@
   </el-scrollbar>
 </template>
 <script lang="ts">
-import { Component, Vue, Prop } from 'vue-property-decorator';
-
+import { Component, Vue } from 'vue-property-decorator';
 
 const tagAndTagSpacing = 4; // tagAndTagSpacing
 
-
 @Component
 export default class ScrollPane extends Vue {
   private left: number = 0;
-  
+
   public handleScroll(e: WheelEvent) {
     const eventDelta = (e as any).wheelDelta || -e.deltaY * 40;
     const $scrollWrapper = (this.$refs.scrollContainer as any).$refs.wrap;
diff --git a/src/components/Share/dropdownMenu.vue b/src/components/Share/dropdownMenu.vue
index cf50272e9..67667d31c 100644
--- a/src/components/Share/dropdownMenu.vue
+++ b/src/components/Share/dropdownMenu.vue
@@ -15,9 +15,9 @@ import { Component, Vue, Prop } from 'vue-property-decorator';
 
 @Component
 export default class DropdownMenu extends Vue {
-  @Prop({default: () => []})
+  @Prop({ default: () => [] })
   private items!: {href: string, title: string}[];
-  @Prop({default: 'vue'})
+  @Prop({ default: 'vue' })
   private title!: string;
 
   private isActive: boolean = false;
diff --git a/src/components/SizeSelect/index.vue b/src/components/SizeSelect/index.vue
index 032733dd2..2a2812dd9 100644
--- a/src/components/SizeSelect/index.vue
+++ b/src/components/SizeSelect/index.vue
@@ -5,13 +5,13 @@
     </div>
     <el-dropdown-menu slot="dropdown">
       <el-dropdown-item v-for="item of sizeOptions" :key="item.value" :disabled="size===item.value" :command="item.value">{{
-      item.label }}</el-dropdown-item>
+        item.label }}</el-dropdown-item>
     </el-dropdown-menu>
   </el-dropdown>
 </template>
 
 <script lang="ts">
-import { Component, Vue, Prop } from 'vue-property-decorator';
+import { Component, Vue } from 'vue-property-decorator';
 
 @Component
 export default class SizeSelect extends Vue {
@@ -44,7 +44,7 @@ export default class SizeSelect extends Vue {
 
     this.$nextTick(() => {
       this.$router.replace({
-        path: '/redirect' + fullPath;
+        path: '/redirect' + fullPath,
       });
     });
   }
diff --git a/src/components/Sticky/index.vue b/src/components/Sticky/index.vue
index e7254da9d..050512eb8 100644
--- a/src/components/Sticky/index.vue
+++ b/src/components/Sticky/index.vue
@@ -13,19 +13,19 @@ import { Component, Vue, Prop } from 'vue-property-decorator';
 
 @Component
 export default class Sticky extends Vue {
-  @Prop({default: 0})
+  @Prop({ default: 0 })
   private stickyTop!: number;
-  @Prop({default: 1})
+  @Prop({ default: 1 })
   private zIndex!: number;
-  @Prop({default: ''})
+  @Prop({ default: '' })
   private className!: string;
 
-  private  active: boolean = false;
+  private active: boolean = false;
   private position: string = '';
   private width: string | number | undefined = undefined;
   private height: number | undefined = undefined;
   private isSticky: boolean = false;
-  
+
   mounted() {
     this.height = this.$el.getBoundingClientRect().height;
     window.addEventListener('scroll', this.handleScroll);
@@ -68,7 +68,7 @@ export default class Sticky extends Vue {
     const offsetTop = this.$el.getBoundingClientRect().top;
     if (offsetTop < this.stickyTop) {
       this.sticky();
-      return
+      return;
     }
     this.handleReset();
   }
diff --git a/src/components/SvgIcon/index.vue b/src/components/SvgIcon/index.vue
index 1c8f4daed..2cf0f3dc9 100644
--- a/src/components/SvgIcon/index.vue
+++ b/src/components/SvgIcon/index.vue
@@ -9,9 +9,9 @@ import { Component, Vue, Prop } from 'vue-property-decorator';
 
 @Component
 export default class SvgIcon extends Vue {
-  @Prop({required: true})
+  @Prop({ required: true })
   iconClass!: string;
-  @Prop({required: true, default: ''})
+  @Prop({ required: true, default: '' })
   className!: string;
 
   get iconName(): string {
diff --git a/src/components/TextHoverEffect/Mallki.vue b/src/components/TextHoverEffect/Mallki.vue
index a3bd0bc84..0d7ab2fea 100644
--- a/src/components/TextHoverEffect/Mallki.vue
+++ b/src/components/TextHoverEffect/Mallki.vue
@@ -7,13 +7,13 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue, Prop, Watch } from 'vue-property-decorator';
+import { Component, Vue, Prop } from 'vue-property-decorator';
 
 @Component
 export default class Mallki extends Vue {
-  @Prop({default: ''})
+  @Prop({ default: '' })
   private className: string;
-  @Prop({default: 'vue-element-admin'})
+  @Prop({ default: 'vue-element-admin' })
   private text: string;
 }
 </script>
diff --git a/src/components/ThemePicker/index.vue b/src/components/ThemePicker/index.vue
index b63a82873..49aeea68d 100644
--- a/src/components/ThemePicker/index.vue
+++ b/src/components/ThemePicker/index.vue
@@ -6,13 +6,11 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue, Prop, Watch } from 'vue-property-decorator';
-
+import { Component, Vue, Watch } from 'vue-property-decorator';
 
 const version = require('element-ui/package.json').version; // element-ui version from node_modules
 const ORIGINAL_THEME = '#409EFF'; // default color
 
-
 @Component
 export default class ThemePicker extends Vue {
   private chalk: string = ''; // content of theme-chalk css
@@ -49,7 +47,7 @@ export default class ThemePicker extends Vue {
       chalkHandler();
     }
 
-    const styles = (<HTMLStyleElement[]>[]).slice.call(document.querySelectorAll('style'))
+    const styles = ([] as HTMLStyleElement[]).slice.call(document.querySelectorAll('style'))
       .filter((style: HTMLStyleElement) => {
         const text = style.innerText;
         return new RegExp(oldVal, 'i').test(text) && !/Chalk Variables/.test(text);
@@ -76,7 +74,7 @@ export default class ThemePicker extends Vue {
       while ((v = repl.exec(style))) {
         colorOverrides.push(v[2].replace(nestRepl, value) + value + v[3] + '}'); // '}' not captured in the regexp repl to reserve it as locator-boundary
       }
-    })
+    });
     return colorOverrides.join('');
   }
 
@@ -84,7 +82,7 @@ export default class ThemePicker extends Vue {
     const xhr = new XMLHttpRequest();
     xhr.onreadystatechange = () => {
       if (xhr.readyState === 4 && xhr.status === 200) {
-        (<any>this)[variable] = xhr.responseText.replace(/@font-face{[^}]+}/, '');
+        (this as any)[variable] = xhr.responseText.replace(/@font-face{[^}]+}/, '');
         callback();
       }
     };
@@ -111,7 +109,7 @@ export default class ThemePicker extends Vue {
 
         return `#${redStr}${greenStr}${blueStr}`;
       }
-    }
+    };
 
     const shadeColor = (color: string, shade: number): string => {
       let red = parseInt(color.slice(0, 2), 16);
@@ -127,7 +125,7 @@ export default class ThemePicker extends Vue {
       const blueStr = blue.toString(16);
 
       return `#${redStr}${greenStr}${blueStr}`;
-    }
+    };
 
     const clusters: string[] = [theme];
     for (let i = 0; i <= 9; i++) {
diff --git a/src/components/Tinymce/components/editorImage.vue b/src/components/Tinymce/components/editorImage.vue
index 21664160c..5b25089b7 100644
--- a/src/components/Tinymce/components/editorImage.vue
+++ b/src/components/Tinymce/components/editorImage.vue
@@ -1,12 +1,7 @@
 <template>
   <div class="upload-container">
-    <el-button
-      :style="{background:color,borderColor:color}"
-      icon="el-icon-upload"
-      size="mini"
-      type="primary"
-      @click=" dialogVisible=true"
-    >
+
+    <el-button :style="{background: color, borderColor: color}" icon="el-icon-upload" size="mini" type="primary" @click=" dialogVisible=true">
       上传图片
     </el-button>
     <el-dialog :visible.sync="dialogVisible">
@@ -21,22 +16,10 @@
         action="https://httpbin.org/post"
         list-type="picture-card"
       >
-        <el-button
-          size="small"
-          type="primary"
-        >
-          点击上传
-        </el-button>
+        <el-button size="small" type="primary">点击上传</el-button>
       </el-upload>
-      <el-button @click="dialogVisible = false">
-        取 消
-      </el-button>
-      <el-button
-        type="primary"
-        @click="handleSubmit"
-      >
-        确 定
-      </el-button>
+      <el-button @click="dialogVisible = false">取 消</el-button>
+      <el-button type="primary" @click="handleSubmit">确 定</el-button>
     </el-dialog>
   </div>
 </template>
@@ -52,7 +35,7 @@ export default {
       default: '#1890ff',
     },
   },
-  data () {
+  data() {
     return {
       dialogVisible: false,
       listObj: {},
@@ -60,10 +43,10 @@ export default {
     };
   },
   methods: {
-    checkAllSuccess () {
+    checkAllSuccess() {
       return Object.keys(this.listObj).every(item => this.listObj[item].hasSuccess);
     },
-    handleSubmit () {
+    handleSubmit() {
       const arr = Object.keys(this.listObj).map(v => this.listObj[v]);
       if (!this.checkAllSuccess()) {
         this.$message('请等待所有图片上传成功 或 出现了网络问题，请刷新页面重新上传！');
@@ -74,7 +57,7 @@ export default {
       this.fileList = [];
       this.dialogVisible = false;
     },
-    handleSuccess (response, file) {
+    handleSuccess(response, file) {
       const uid = file.uid;
       const objKeyArr = Object.keys(this.listObj);
       for (let i = 0, len = objKeyArr.length; i < len; i++) {
@@ -85,7 +68,7 @@ export default {
         }
       }
     },
-    handleRemove (file) {
+    handleRemove(file) {
       const uid = file.uid;
       const objKeyArr = Object.keys(this.listObj);
       for (let i = 0, len = objKeyArr.length; i < len; i++) {
@@ -95,7 +78,7 @@ export default {
         }
       }
     },
-    beforeUpload (file) {
+    beforeUpload(file) {
       const _self = this;
       const _URL = window.URL || window.webkitURL;
       const fileName = file.uid;
@@ -103,8 +86,8 @@ export default {
       return new Promise((resolve, reject) => {
         const img = new Image();
         img.src = _URL.createObjectURL(file);
-        img.onload = function () {
-          _self.listObj[fileName] = { hasSuccess: false, uid: file.uid, width: this.width, height: this.height, };
+        img.onload = function() {
+          _self.listObj[fileName] = { hasSuccess: false, uid: file.uid, width: this.width, height: this.height };
         };
         resolve(true);
       });
diff --git a/src/components/Tinymce/index.vue b/src/components/Tinymce/index.vue
index a40221a93..8b449faad 100644
--- a/src/components/Tinymce/index.vue
+++ b/src/components/Tinymce/index.vue
@@ -18,22 +18,22 @@
 </template>
 
 <script lang="ts">
-import { Component, Vue, Prop, Watch, } from 'vue-property-decorator';
+import { Component, Vue, Prop, Watch } from 'vue-property-decorator';
 import editorImage from './components/editorImage';
 import plugins from './plugins';
 import toolbar from './toolbar';
 
 @Component({ components: {
   editorImage,
-  },
+},
 })
 export default class Tinymce extends Vue {
   @Prop({ default: () => 'vue-tinymce-' + +new Date() + ((Math.random() * 1000).toFixed(0) + '') })
   id!: string;
-  
+
   @Prop({ default: '' })
   value!: string;
-  
+
   @Prop({
     required: false,
     default: () => [],
@@ -43,8 +43,7 @@ export default class Tinymce extends Vue {
   @Prop({ default: 'file edit insert view format table' })
   menubar!: string;
 
-
-  @Prop({ required: false, default: 360, })
+  @Prop({ required: false, default: 360 })
   height!: number;
 
   private hasChange: boolean = false;
@@ -74,20 +73,20 @@ export default class Tinymce extends Vue {
     this.$nextTick(() => this.initTinymce());
   }
 
-  mounted () {
+  mounted() {
     this.initTinymce();
   }
-  activated () {
+  activated() {
     this.initTinymce();
   }
-  deactivated () {
+  deactivated() {
     this.destroyTinymce();
   }
-  destroyed () {
+  destroyed() {
     this.destroyTinymce();
   }
 
-  initTinymce () {
+  initTinymce() {
     const _this = this;
     window.tinymce.init({
       language: this.language,
@@ -104,7 +103,7 @@ export default class Tinymce extends Vue {
       code_dialog_width: 1000,
       advlist_bullet_styles: 'square',
       advlist_number_styles: 'default',
-      imagetools_cors_hosts: ['www.tinymce.com', 'codepen.io', ],
+      imagetools_cors_hosts: ['www.tinymce.com', 'codepen.io'],
       default_link_target: '_blank',
       link_title: false,
       nonbreaking_force_tab: true, // inserting nonbreaking space &nbsp; need Nonbreaking Space Plugin
@@ -118,7 +117,7 @@ export default class Tinymce extends Vue {
           this.$emit('input', editor.getContent());
         });
       },
-      setup (editor) {
+      setup(editor) {
         editor.on('FullscreenStateChanged', (e) => {
           _this.fullscreen = e.state;
         });
@@ -158,7 +157,7 @@ export default class Tinymce extends Vue {
       // },
     });
   }
-  destroyTinymce () {
+  destroyTinymce() {
     const tinymce = window.tinymce.get(this.tinymceId);
     if (this.fullscreen) {
       tinymce.execCommand('mceFullScreen');
@@ -168,19 +167,19 @@ export default class Tinymce extends Vue {
       tinymce.destroy();
     }
   }
-  setContent (value) {
+  setContent(value) {
     window.tinymce.get(this.tinymceId).setContent(value);
   }
-  getContent () {
+  getContent() {
     window.tinymce.get(this.tinymceId).getContent();
   }
-  imageSuccessCBK (arr) {
+  imageSuccessCBK(arr) {
     const _this = this;
     arr.forEach(v => {
       window.tinymce.get(_this.tinymceId).insertContent(`<img class="wscnph" src="${v.url}" >`);
     });
   }
-};
+}
 </script>
 
 <style scoped>
diff --git a/src/components/Tinymce/plugins.ts b/src/components/Tinymce/plugins.ts
index c1ddda111..9353f74db 100644
--- a/src/components/Tinymce/plugins.ts
+++ b/src/components/Tinymce/plugins.ts
@@ -2,6 +2,6 @@
 // Detail plugins list see https://www.tinymce.com/docs/plugins/
 // Custom builds see https://www.tinymce.com/download/custom-builds/
 
-const plugins = [ 'advlist anchor autolink autosave code codesample colorpicker colorpicker contextmenu directionality emoticons fullscreen hr image imagetools insertdatetime link lists media nonbreaking noneditable pagebreak paste preview print save searchreplace spellchecker tabfocus table template textcolor textpattern visualblocks visualchars wordcount', ];
+const plugins = ['advlist anchor autolink autosave code codesample colorpicker colorpicker contextmenu directionality emoticons fullscreen hr image imagetools insertdatetime link lists media nonbreaking noneditable pagebreak paste preview print save searchreplace spellchecker tabfocus table template textcolor textpattern visualblocks visualchars wordcount'];
 
 export default plugins;
diff --git a/src/components/Tinymce/toolbar.ts b/src/components/Tinymce/toolbar.ts
index f14ef52d7..a05af34d1 100644
--- a/src/components/Tinymce/toolbar.ts
+++ b/src/components/Tinymce/toolbar.ts
@@ -1,6 +1,6 @@
 // Here is a list of the toolbar
 // Detail list see https://www.tinymce.com/docs/advanced/editor-control-identifiers/#toolbarcontrols
 
-const toolbar = [ 'searchreplace bold italic underline strikethrough alignleft aligncenter alignright outdent indent  blockquote undo redo removeformat subscript superscript code codesample', 'hr bullist numlist link image charmap preview anchor pagebreak insertdatetime media table emoticons forecolor backcolor fullscreen', ];
+const toolbar = ['searchreplace bold italic underline strikethrough alignleft aligncenter alignright outdent indent  blockquote undo redo removeformat subscript superscript code codesample', 'hr bullist numlist link image charmap preview anchor pagebreak insertdatetime media table emoticons forecolor backcolor fullscreen'];
 
 export default toolbar;
diff --git a/src/components/TreeTable/eval.ts b/src/components/TreeTable/eval.ts
index 883017fff..3130398f4 100644
--- a/src/components/TreeTable/eval.ts
+++ b/src/components/TreeTable/eval.ts
@@ -3,7 +3,6 @@
 * @Date:   2017-10-12 12:06:49
 */
 
-
 import Vue from 'vue';
 
 export default function treeToArray<T>(data: T[], expandAll: any, parent?: any, level?: number): T[] {
diff --git a/src/components/Upload/singleImage.vue b/src/components/Upload/singleImage.vue
index 9d4dbe7d1..c837e6233 100644
--- a/src/components/Upload/singleImage.vue
+++ b/src/components/Upload/singleImage.vue
@@ -32,7 +32,6 @@ export default class SingleImageUpload extends Vue {
   @Prop({ default: '' })
   value: string;
 
-
   private tempUrl: string = '';
   private dataObj: { token: string, key: string } = { token: '', key: '' };
 
@@ -59,7 +58,7 @@ export default class SingleImageUpload extends Vue {
         _self._data.dataObj.key = key;
         this.tempUrl = response.data.qiniu_url;
         resolve(true);
-      }).catch(err => {
+      }).catch((err: Error) => {
         console.log(err);
         reject(false);
       });
diff --git a/src/components/Upload/singleImage2.vue b/src/components/Upload/singleImage2.vue
index cf15b7869..c8f71a259 100644
--- a/src/components/Upload/singleImage2.vue
+++ b/src/components/Upload/singleImage2.vue
@@ -57,7 +57,7 @@ export default class SingleImageUpload2 extends Vue {
         _self._data.dataObj.key = key;
         this.tempUrl = response.data.qiniu_url;
         resolve(true);
-      }).catch(() => {
+      }).catch((err: Error) => {
         reject(false);
       })
     })
diff --git a/src/components/Upload/singleImage3.vue b/src/components/Upload/singleImage3.vue
index 3bf737f7c..dce1e84e6 100644
--- a/src/components/Upload/singleImage3.vue
+++ b/src/components/Upload/singleImage3.vue
@@ -58,14 +58,14 @@ export default class SingleImageUpload3 extends Vue {
   beforeUpload() {
     const _self = this;
     return new Promise((resolve, reject) => {
-      getToken().then(response => {
+      getToken().then((response) => {
         const key = response.data.qiniu_key;
         const token = response.data.qiniu_token;
         _self._data.dataObj.token = token;
         _self._data.dataObj.key = key;
         this.tempUrl = response.data.qiniu_url;
         resolve(true);
-      }).catch(err => {
+      }).catch((err: Error) => {
         console.log(err);
         reject(false);
       });
diff --git a/src/components/UploadExcel/index.vue b/src/components/UploadExcel/index.vue
index 1dd695ba8..adb08204e 100644
--- a/src/components/UploadExcel/index.vue
+++ b/src/components/UploadExcel/index.vue
@@ -10,7 +10,7 @@
 
 <script lang="ts">
 import { Component, Vue, Prop } from 'vue-property-decorator';
-import XLSX from 'xlsx'
+import XLSX from 'xlsx';
 
 @Component
 export default class UploadExcel extends Vue {
@@ -18,7 +18,6 @@ export default class UploadExcel extends Vue {
   beforeUpload: Function; // eslint-disable-line
   @Prop()
   onSuccess: Function; // eslint-disable-line
-  
 
   private loading: boolean = false;
   private excelData: { header: string, results: any[] } = {
diff --git a/src/icons/components/eye-open.ts b/src/icons/components/eye-open.ts
index f3ed6ab8f..90d7597b7 100644
--- a/src/icons/components/eye-open.ts
+++ b/src/icons/components/eye-open.ts
@@ -1,10 +1,10 @@
-import icon from 'vue-svgicon'
+import icon from 'vue-svgicon';
 
 icon.register({
   'eye-open': {
     width: 128,
     height: 128,
     viewBox: '0 0 1024 1024',
-    data: '<path pid="0" d="M512 128q69.675 0 135.51 21.163t115.498 54.997 93.483 74.837 73.685 82.006 51.67 74.837 32.17 54.827L1024 512q-2.347 4.992-6.315 13.483T998.87 560.17t-31.658 51.669-44.331 59.99-56.832 64.34-69.504 60.16-82.347 51.5-94.848 34.687T512 896q-69.675 0-135.51-21.163t-115.498-54.826-93.483-74.326-73.685-81.493-51.67-74.496-32.17-54.997L0 513.707q2.347-4.992 6.315-13.483t18.816-34.816 31.658-51.84 44.331-60.33 56.832-64.683 69.504-60.331 82.347-51.84 94.848-34.816T512 128.085zm0 85.333q-46.677 0-91.648 12.331t-81.152 31.83-70.656 47.146-59.648 54.485-48.853 57.686-37.675 52.821-26.325 43.99q12.33 21.674 26.325 43.52t37.675 52.351 48.853 57.003 59.648 53.845T339.2 767.02t81.152 31.488T512 810.667t91.648-12.331 81.152-31.659 70.656-46.848 59.648-54.186 48.853-57.344 37.675-52.651T927.957 512q-12.33-21.675-26.325-43.648t-37.675-52.65-48.853-57.345-59.648-54.186-70.656-46.848-81.152-31.659T512 213.334zm0 128q70.656 0 120.661 50.006T682.667 512 632.66 632.661 512 682.667 391.339 632.66 341.333 512t50.006-120.661T512 341.333zm0 85.334q-35.328 0-60.33 25.002T426.666 512t25.002 60.33T512 597.334t60.33-25.002T597.334 512t-25.002-60.33T512 426.666z"/>'
-  }
-})
+    data: '<path pid="0" d="M512 128q69.675 0 135.51 21.163t115.498 54.997 93.483 74.837 73.685 82.006 51.67 74.837 32.17 54.827L1024 512q-2.347 4.992-6.315 13.483T998.87 560.17t-31.658 51.669-44.331 59.99-56.832 64.34-69.504 60.16-82.347 51.5-94.848 34.687T512 896q-69.675 0-135.51-21.163t-115.498-54.826-93.483-74.326-73.685-81.493-51.67-74.496-32.17-54.997L0 513.707q2.347-4.992 6.315-13.483t18.816-34.816 31.658-51.84 44.331-60.33 56.832-64.683 69.504-60.331 82.347-51.84 94.848-34.816T512 128.085zm0 85.333q-46.677 0-91.648 12.331t-81.152 31.83-70.656 47.146-59.648 54.485-48.853 57.686-37.675 52.821-26.325 43.99q12.33 21.674 26.325 43.52t37.675 52.351 48.853 57.003 59.648 53.845T339.2 767.02t81.152 31.488T512 810.667t91.648-12.331 81.152-31.659 70.656-46.848 59.648-54.186 48.853-57.344 37.675-52.651T927.957 512q-12.33-21.675-26.325-43.648t-37.675-52.65-48.853-57.345-59.648-54.186-70.656-46.848-81.152-31.659T512 213.334zm0 128q70.656 0 120.661 50.006T682.667 512 632.66 632.661 512 682.667 391.339 632.66 341.333 512t50.006-120.661T512 341.333zm0 85.334q-35.328 0-60.33 25.002T426.666 512t25.002 60.33T512 597.334t60.33-25.002T597.334 512t-25.002-60.33T512 426.666z"/>',
+  },
+});