全局lint优化

src/views/charts/keyboard.vue

@@ -7,11 +7,11 @@
 </template>
 
 <script>
-  import keyboardChart from 'components/Charts/keyboard';
+import keyboardChart from 'components/Charts/keyboard'
 
-  export default {
-    components: { keyboardChart }
-  };
+export default {
+  components: { keyboardChart }
+}
 </script>
 
 <style scoped>

src/views/charts/keyboard2.vue

@@ -7,11 +7,11 @@
 </template>
 
 <script>
-  import keyboardChart2 from 'components/Charts/keyboard2';
+import keyboardChart2 from 'components/Charts/keyboard2'
 
-  export default {
-    components: { keyboardChart2 }
-  };
+export default {
+  components: { keyboardChart2 }
+}
 </script>
 
 <style scoped>

src/views/charts/line.vue

@@ -7,11 +7,11 @@
 </template>
 
 <script>
-  import lineMarker from 'components/Charts/lineMarker';
+import lineMarker from 'components/Charts/lineMarker'
 
-  export default {
-    components: { lineMarker }
-  };
+export default {
+  components: { lineMarker }
+}
 </script>
 
 <style scoped>

src/views/charts/mixChart.vue

@@ -7,11 +7,11 @@
 </template>
 
 <script>
-  import mixChart from 'components/Charts/mixChart';
+import mixChart from 'components/Charts/mixChart'
 
-  export default {
-    components: { mixChart }
-  };
+export default {
+  components: { mixChart }
+}
 </script>
 
 <style scoped>

src/views/components/avatarUpload.vue

@@ -14,29 +14,29 @@
 </template>
 
 <script>
-  import ImageCropper from 'components/ImageCropper';
-  import PanThumb from 'components/PanThumb';
+import ImageCropper from 'components/ImageCropper'
+import PanThumb from 'components/PanThumb'
 
-  export default {
-    components: { ImageCropper, PanThumb },
-    data() {
-      return {
-        imagecropperShow: false,
-        imagecropperKey: 0,
-        image: 'https://wpimg.wallstcn.com/577965b9-bb9e-4e02-9f0c-095b41417191'
-      }
-    },
-    methods: {
-      cropSuccess(resData) {
-        this.imagecropperShow = false;
-        this.imagecropperKey = this.imagecropperKey + 1;
-        this.image = resData.files.avatar;
-      },
-      close() {
-        this.imagecropperShow = false;
-      }
+export default {
+  components: { ImageCropper, PanThumb },
+  data() {
+    return {
+      imagecropperShow: false,
+      imagecropperKey: 0,
+      image: 'https://wpimg.wallstcn.com/577965b9-bb9e-4e02-9f0c-095b41417191'
     }
-  };
+  },
+  methods: {
+    cropSuccess(resData) {
+      this.imagecropperShow = false
+      this.imagecropperKey = this.imagecropperKey + 1
+      this.image = resData.files.avatar
+    },
+    close() {
+      this.imagecropperShow = false
+    }
+  }
+}
 </script>
 
 <style scoped>

src/views/components/backToTop.vue

@@ -135,21 +135,22 @@
 </template>
 
 <script>
-  import BackToTop from 'components/BackToTop';
-  export default {
-    components: { BackToTop },
-    data() {
-      return {
-        myBackToTopStyle: {
-          right: '50px',
-          bottom: '50px',
-          width: '40px',
-          height: '40px',
-          'border-radius': '4px',
-          'line-height': '45px', // 请保持与高度一致以垂直居中
-          background: '#e7eaf1'// 按钮的背景颜色
-        }
+import BackToTop from 'components/BackToTop'
+
+export default {
+  components: { BackToTop },
+  data() {
+    return {
+      myBackToTopStyle: {
+        right: '50px',
+        bottom: '50px',
+        width: '40px',
+        height: '40px',
+        'border-radius': '4px',
+        'line-height': '45px', // 请保持与高度一致以垂直居中
+        background: '#e7eaf1'// 按钮的背景颜色
       }
     }
   }
+}
   </script>

src/views/components/countTo.vue

@@ -22,72 +22,73 @@
 </template>
 
 <script>
-  import countTo from 'vue-count-to';
-  export default {
-    components: { countTo },
-    data() {
-      return {
-        setStartVal: 0,
-        setEndVal: 2017,
-        setDuration: 4000,
-        setDecimals: 0,
-        setSeparator: ',',
-        setSuffix: ' rmb',
-        setPrefix: '¥ '
-      }
-    },
-    computed: {
-      _startVal() {
-        if (this.setStartVal) {
-          return this.setStartVal
-        } else {
-          return 0
-        }
-      },
-      _endVal() {
-        if (this.setEndVal) {
-          return this.setEndVal
-        } else {
-          return 0
-        }
-      },
-      _duration() {
-        if (this.setDuration) {
-          return this.setDuration
-        } else {
-          return 100
-        }
-      },
-      _decimals() {
-        if (this.setDecimals) {
-          if (this.setDecimals < 0 || this.setDecimals > 20) {
-            alert('digits argument must be between 0 and 20')
-            return 0
-          }
-          return this.setDecimals
-        } else {
-          return 0
-        }
-      },
-      _separator() {
-        return this.setSeparator
-      },
-      _suffix() {
-        return this.setSuffix
-      },
-      _prefix() {
-        return this.setPrefix
-      }
-    },
-    methods: {
-      start() {
-        this.$refs.example.start();
-      },
-      pauseResume() {
-        this.$refs.example.pauseResume();
-      }
+import countTo from 'vue-count-to'
+
+export default {
+  components: { countTo },
+  data() {
+    return {
+      setStartVal: 0,
+      setEndVal: 2017,
+      setDuration: 4000,
+      setDecimals: 0,
+      setSeparator: ',',
+      setSuffix: ' rmb',
+      setPrefix: '¥ '
     }
-  };
+  },
+  computed: {
+    _startVal() {
+      if (this.setStartVal) {
+        return this.setStartVal
+      } else {
+        return 0
+      }
+    },
+    _endVal() {
+      if (this.setEndVal) {
+        return this.setEndVal
+      } else {
+        return 0
+      }
+    },
+    _duration() {
+      if (this.setDuration) {
+        return this.setDuration
+      } else {
+        return 100
+      }
+    },
+    _decimals() {
+      if (this.setDecimals) {
+        if (this.setDecimals < 0 || this.setDecimals > 20) {
+          alert('digits argument must be between 0 and 20')
+          return 0
+        }
+        return this.setDecimals
+      } else {
+        return 0
+      }
+    },
+    _separator() {
+      return this.setSeparator
+    },
+    _suffix() {
+      return this.setSuffix
+    },
+    _prefix() {
+      return this.setPrefix
+    }
+  },
+  methods: {
+    start() {
+      this.$refs.example.start()
+    },
+    pauseResume() {
+      this.$refs.example.pauseResume()
+    }
+  }
+}
 </script>
 
 <style scoped>

src/views/components/dndlist.vue

@@ -8,31 +8,31 @@
 </template>
 
 <script>
-  import DndList from 'components/twoDndList'
-  import { getList } from 'api/article';
+import DndList from 'components/twoDndList'
+import { getList } from 'api/article'
 
-  export default {
-    components: { DndList },
-    data() {
-      return {
-        list1: [],
-        list2: []
-      }
-    },
-    created() {
-      this.fetchData();
-    },
-    methods: {
-      fetchData() {
-        this.listLoading = true;
-        getList(this.listQuery).then(response => {
-          this.list1 = response.data.splice(0, 5);
-          this.list2 = response.data;
-          console.log(this.list1, this.list2)
-        })
-      }
+export default {
+  components: { DndList },
+  data() {
+    return {
+      list1: [],
+      list2: []
     }
-  };
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    fetchData() {
+      this.listLoading = true
+      getList(this.listQuery).then(response => {
+        this.list1 = response.data.splice(0, 5)
+        this.list2 = response.data
+        console.log(this.list1, this.list2)
+      })
+    }
+  }
+}
 </script>
 
 

src/views/components/dropzone.vue

@@ -10,21 +10,21 @@
 </template>
 
 <script>
-  import Dropzone from 'components/Dropzone';
+import Dropzone from 'components/Dropzone'
 
-  export default {
-    components: { Dropzone },
-    methods: {
-      dropzoneS(file) {
-        console.log(file)
-        this.$message({ message: '上传成功', type: 'success' });
-      },
-      dropzoneR(file) {
-        console.log(file)
-        this.$message({ message: '删除成功', type: 'success' });
-      }
+export default {
+  components: { Dropzone },
+  methods: {
+    dropzoneS(file) {
+      console.log(file)
+      this.$message({ message: '上传成功', type: 'success' })
+    },
+    dropzoneR(file) {
+      console.log(file)
+      this.$message({ message: '删除成功', type: 'success' })
     }
-  };
+  }
+}
 </script>
 
 

src/views/components/jsoneditor.vue

@@ -8,17 +8,17 @@
 </template>
 
 <script>
-  import jsonEditor from 'components/jsonEditor';
-  const jsonData = '[{"items":[{"market_type":"forexdata","symbol":"XAUUSD"},{"market_type":"forexdata","symbol":"UKOIL"},{"market_type":"forexdata","symbol":"CORN"}],"name":""},{"items":[{"market_type":"forexdata","symbol":"XAUUSD"},{"market_type":"forexdata","symbol":"XAGUSD"},{"market_type":"forexdata","symbol":"AUTD"},{"market_type":"forexdata","symbol":"AGTD"}],"name":"贵金属"},{"items":[{"market_type":"forexdata","symbol":"CORN"},{"market_type":"forexdata","symbol":"WHEAT"},{"market_type":"forexdata","symbol":"SOYBEAN"},{"market_type":"forexdata","symbol":"SUGAR"}],"name":"农产品"},{"items":[{"market_type":"forexdata","symbol":"UKOIL"},{"market_type":"forexdata","symbol":"USOIL"},{"market_type":"forexdata","symbol":"NGAS"}],"name":"能源化工"}]';
+import jsonEditor from 'components/jsonEditor'
+const jsonData = '[{"items":[{"market_type":"forexdata","symbol":"XAUUSD"},{"market_type":"forexdata","symbol":"UKOIL"},{"market_type":"forexdata","symbol":"CORN"}],"name":""},{"items":[{"market_type":"forexdata","symbol":"XAUUSD"},{"market_type":"forexdata","symbol":"XAGUSD"},{"market_type":"forexdata","symbol":"AUTD"},{"market_type":"forexdata","symbol":"AGTD"}],"name":"贵金属"},{"items":[{"market_type":"forexdata","symbol":"CORN"},{"market_type":"forexdata","symbol":"WHEAT"},{"market_type":"forexdata","symbol":"SOYBEAN"},{"market_type":"forexdata","symbol":"SUGAR"}],"name":"农产品"},{"items":[{"market_type":"forexdata","symbol":"UKOIL"},{"market_type":"forexdata","symbol":"USOIL"},{"market_type":"forexdata","symbol":"NGAS"}],"name":"能源化工"}]'
 
-  export default {
-    components: { jsonEditor },
-    data() {
-      return {
-        value: JSON.parse(jsonData)
-      }
+export default {
+  components: { jsonEditor },
+  data() {
+    return {
+      value: JSON.parse(jsonData)
     }
-  };
+  }
+}
 </script>
 
 <style scoped>

src/views/components/markdown.vue

@@ -10,24 +10,24 @@
 </template>
 
 <script>
-  import MdEditor from 'components/MdEditor';
-  export default {
-    components: { MdEditor },
-    data() {
-      return {
-        content: '## Simplemde',
-        html: ''
-      }
-    },
-    methods: {
-      markdown2Html() {
-        import('showdown').then(showdown => {
-          const converter = new showdown.Converter();
-          this.html = converter.makeHtml(this.content)
-        })
-      }
+import MdEditor from 'components/MdEditor'
+export default {
+  components: { MdEditor },
+  data() {
+    return {
+      content: '## Simplemde',
+      html: ''
     }
-  };
+  },
+  methods: {
+    markdown2Html() {
+      import('showdown').then(showdown => {
+        const converter = new showdown.Converter()
+        this.html = converter.makeHtml(this.content)
+      })
+    }
+  }
+}
 </script>
 
 

src/views/components/mixin.vue

@@ -22,21 +22,21 @@
 </template>
 
 <script>
-  import MdInput from 'components/MDinput';
-  import PanThumb from 'components/PanThumb';
-  import waves from '@/directive/waves.js';// 水波纹指令
+import MdInput from 'components/MDinput'
+import PanThumb from 'components/PanThumb'
+import waves from '@/directive/waves.js'// 水波纹指令
 
-  export default {
-    components: { MdInput, PanThumb },
-    directives: {
-      waves
-    },
-    data() {
-      return {
-        title: ''
-      }
+export default {
+  components: { MdInput, PanThumb },
+  directives: {
+    waves
+  },
+  data() {
+    return {
+      title: ''
     }
-  };
+  }
+}
 </script>
 
 <style scoped>

src/views/components/splitpane.vue

@@ -23,16 +23,16 @@
 </template>
 
 <script>
-  import splitPane from 'components/SplitPane'
+import splitPane from 'components/SplitPane'
 
-  export default {
-    components: { splitPane },
-    methods: {
-      resize() {
-        console.log('resize')
-      }
+export default {
+  components: { splitPane },
+  methods: {
+    resize() {
+      console.log('resize')
     }
-  };
+  }
+}
 </script>
 
 <style  scoped>

src/views/components/sticky.vue

@@ -94,28 +94,28 @@
 
 
 <script>
-  import Sticky from 'components/Sticky';
+import Sticky from 'components/Sticky'
 
-  export default {
-    components: { Sticky },
-    data() {
-      return {
-        time: '',
-        url: '',
-        platforms: ['a-platform'],
-        platformsOptions: [
+export default {
+  components: { Sticky },
+  data() {
+    return {
+      time: '',
+      url: '',
+      platforms: ['a-platform'],
+      platformsOptions: [
             { key: 'a-platform', name: '平台A' },
             { key: 'b-platform', name: '平台B' },
             { key: 'c-platform', name: '平台C' }
-        ],
-        pickerOptions: {
-          disabledDate(time) {
-            return time.getTime() > Date.now();
-          }
+      ],
+      pickerOptions: {
+        disabledDate(time) {
+          return time.getTime() > Date.now()
         }
       }
     }
-  };
+  }
+}
 </script>
 
 <style scoped>

src/views/components/tinymce.vue

@@ -9,16 +9,16 @@
 </template>
 
 <script>
-  import Tinymce from 'components/Tinymce';
+import Tinymce from 'components/Tinymce'
 
-  export default {
-    components: { Tinymce },
-    data() {
-      return {
-        content: 'Tinymce'
-      }
+export default {
+  components: { Tinymce },
+  data() {
+    return {
+      content: 'Tinymce'
     }
-  };
+  }
+}
 </script>
 
 <style scoped>

src/views/dashboard/default/index.vue

@@ -26,25 +26,25 @@
 </template>
 
 <script>
-  import { mapGetters } from 'vuex';
-  import PanThumb from 'components/PanThumb';
+import { mapGetters } from 'vuex'
+import PanThumb from 'components/PanThumb'
 
-  export default {
-    name: 'dashboard-default',
-    components: { PanThumb },
-    data() {
-      return {
-        emptyGif: 'https://wpimg.wallstcn.com/0e03b7da-db9e-4819-ba10-9016ddfdaed3'
-      }
-    },
-    computed: {
-      ...mapGetters([
-        'name',
-        'avatar',
-        'roles'
-      ])
+export default {
+  name: 'dashboard-default',
+  components: { PanThumb },
+  data() {
+    return {
+      emptyGif: 'https://wpimg.wallstcn.com/0e03b7da-db9e-4819-ba10-9016ddfdaed3'
     }
+  },
+  computed: {
+    ...mapGetters([
+      'name',
+      'avatar',
+      'roles'
+    ])
   }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>

src/views/dashboard/editor/barChart.vue

@@ -3,90 +3,91 @@
 </template>
 
 <script>
-  import echarts from 'echarts';
-  require('echarts/theme/macarons'); // echarts 主题
-  const animationDuration = 3000;
-  export default {
-    props: {
-      className: {
-        type: String,
-        default: 'chart'
-      },
-      width: {
-        type: String,
-        default: '100%'
-      },
-      height: {
-        type: String,
-        default: '300px'
-      }
-    },
-    data() {
-      return {
-        chart: null
-      };
-    },
-    mounted() {
-      this.initChart();
-    },
-    beforeDestroy() {
-      if (!this.chart) {
-        return
-      }
-      this.chart.dispose();
-      this.chart = null;
-    },
-    methods: {
-      initChart() {
-        this.chart = echarts.init(this.$el, 'macarons');
+import echarts from 'echarts'
+require('echarts/theme/macarons') // echarts 主题
 
-        this.chart.setOption({
-          tooltip: {
-            trigger: 'axis',
-            axisPointer: { // 坐标轴指示器，坐标轴触发有效
-              type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
-            }
-          },
-          grid: {
-            left: '3%',
-            right: '4%',
-            bottom: '3%',
-            containLabel: true
-          },
-          xAxis: [{
-            type: 'category',
-            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
-            axisTick: {
-              alignWithLabel: true
-            }
-          }],
-          yAxis: [{
-            type: 'value'
-          }],
-          series: [{
-            name: 'pageA',
-            type: 'bar',
-            stack: 'vistors',
-            barWidth: '60%',
-            data: [79, 52, 200, 334, 390, 330, 220],
-            animationDuration
-          }, {
-            name: 'pageB',
-            type: 'bar',
-            stack: 'vistors',
-            barWidth: '60%',
-            data: [80, 52, 200, 334, 390, 330, 220],
-            animationDuration
-          }, {
-            name: 'pageC',
-            type: 'bar',
-            stack: 'vistors',
-            barWidth: '60%',
-            data: [30, 52, 200, 334, 390, 330, 220],
-            animationDuration
-          }]
-        })
-      }
+const animationDuration = 3000
+export default {
+  props: {
+    className: {
+      type: String,
+      default: 'chart'
+    },
+    width: {
+      type: String,
+      default: '100%'
+    },
+    height: {
+      type: String,
+      default: '300px'
     }
+  },
+  data() {
+    return {
+      chart: null
+    }
+  },
+  mounted() {
+    this.initChart()
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return
+    }
+    this.chart.dispose()
+    this.chart = null
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$el, 'macarons')
+
+      this.chart.setOption({
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: { // 坐标轴指示器，坐标轴触发有效
+            type: 'shadow' // 默认为直线，可选为：'line' | 'shadow'
+          }
+        },
+        grid: {
+          left: '3%',
+          right: '4%',
+          bottom: '3%',
+          containLabel: true
+        },
+        xAxis: [{
+          type: 'category',
+          data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+          axisTick: {
+            alignWithLabel: true
+          }
+        }],
+        yAxis: [{
+          type: 'value'
+        }],
+        series: [{
+          name: 'pageA',
+          type: 'bar',
+          stack: 'vistors',
+          barWidth: '60%',
+          data: [79, 52, 200, 334, 390, 330, 220],
+          animationDuration
+        }, {
+          name: 'pageB',
+          type: 'bar',
+          stack: 'vistors',
+          barWidth: '60%',
+          data: [80, 52, 200, 334, 390, 330, 220],
+          animationDuration
+        }, {
+          name: 'pageC',
+          type: 'bar',
+          stack: 'vistors',
+          barWidth: '60%',
+          data: [30, 52, 200, 334, 390, 330, 220],
+          animationDuration
+        }]
+      })
+    }
+  }
 }
 </script>

src/views/dashboard/editor/index.vue

@@ -75,35 +75,36 @@
 </template>
 
 <script>
-	import { mapGetters } from 'vuex';
-	import panThumb from 'components/PanThumb';
-	import pieChart from './pieChart';
-	import barChart from './barChart';
-	import lineChart from './lineChart';
-	import countTo from 'vue-count-to';
-	import todoList from 'components/TodoList';
-	export default {
-	  name: 'dashboard-editor',
-	  components: { panThumb, countTo, pieChart, lineChart, barChart, todoList },
-	  data() {
+import { mapGetters } from 'vuex'
+import panThumb from 'components/PanThumb'
+import pieChart from './pieChart'
+import barChart from './barChart'
+import lineChart from './lineChart'
+import countTo from 'vue-count-to'
+import todoList from 'components/TodoList'
+
+export default {
+  name: 'dashboard-editor',
+  components: { panThumb, countTo, pieChart, lineChart, barChart, todoList },
+  data() {
     return {
-	      statisticsData: {
-	        article_count: 1024,
-	        comment_count: 102400,
-	        latest_article: [],
-	        month_article_count: 28,
-	        pageviews_count: 1024
+      statisticsData: {
+        article_count: 1024,
+        comment_count: 102400,
+        latest_article: [],
+        month_article_count: 28,
+        pageviews_count: 1024
       }
     }
   },
-	  computed: {
-	    ...mapGetters([
-	      'name',
-	      'avatar',
-	      'roles'
+  computed: {
+    ...mapGetters([
+      'name',
+      'avatar',
+      'roles'
     ])
   }
-	}
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>

src/views/dashboard/editor/lineChart.vue

@@ -3,120 +3,120 @@
 </template>
 
 <script>
-  import echarts from 'echarts';
-  require('echarts/theme/macarons'); // echarts 主题
-  import { debounce } from 'utils';
+import echarts from 'echarts'
+require('echarts/theme/macarons') // echarts 主题
+import { debounce } from 'utils'
 
-  export default {
-    props: {
-      className: {
-        type: String,
-        default: 'chart'
-      },
-      width: {
-        type: String,
-        default: '100%'
-      },
-      height: {
-        type: String,
-        default: '350px'
-      },
-      autoResize: {
-        type: Boolean,
-        default: true
-      }
+export default {
+  props: {
+    className: {
+      type: String,
+      default: 'chart'
     },
-    data() {
-      return {
-        chart: null
-      };
+    width: {
+      type: String,
+      default: '100%'
     },
-    mounted() {
-      this.initChart();
-      if (this.autoResize) {
-        this.__resizeHanlder = debounce(() => {
-          if (this.chart) {
-            this.chart.resize()
-          }
-        }, 100)
-        window.addEventListener('resize', this.__resizeHanlder)
-      }
+    height: {
+      type: String,
+      default: '350px'
+    },
+    autoResize: {
+      type: Boolean,
+      default: true
+    }
+  },
+  data() {
+    return {
+      chart: null
+    }
+  },
+  mounted() {
+    this.initChart()
+    if (this.autoResize) {
+      this.__resizeHanlder = debounce(() => {
+        if (this.chart) {
+          this.chart.resize()
+        }
+      }, 100)
+      window.addEventListener('resize', this.__resizeHanlder)
+    }
 
       // 监听侧边栏的变化
-      const sidebarElm = document.getElementsByClassName('sidebar-container')[0]
-      sidebarElm.addEventListener('transitionend', this.__resizeHanlder)
-    },
-    beforeDestroy() {
-      if (!this.chart) {
-        return
-      }
-      if (this.autoResize) {
-        window.removeEventListener('resize', this.__resizeHanlder)
-      }
+    const sidebarElm = document.getElementsByClassName('sidebar-container')[0]
+    sidebarElm.addEventListener('transitionend', this.__resizeHanlder)
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return
+    }
+    if (this.autoResize) {
+      window.removeEventListener('resize', this.__resizeHanlder)
+    }
 
-      const sidebarElm = document.getElementsByClassName('sidebar-container')[0]
-      sidebarElm.removeEventListener('transitionend', this.__resizeHanlder)
+    const sidebarElm = document.getElementsByClassName('sidebar-container')[0]
+    sidebarElm.removeEventListener('transitionend', this.__resizeHanlder)
 
-      this.chart.dispose()
-      this.chart = null
-    },
-    methods: {
-      initChart() {
-        this.chart = echarts.init(this.$el, 'macarons');
+    this.chart.dispose()
+    this.chart = null
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$el, 'macarons')
 
-        this.chart.setOption({
-          xAxis: {
-            data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
-            boundaryGap: false
-          },
-          grid: {
-            left: 10,
-            right: 10,
-            bottom: 20,
-            containLabel: true
-          },
+      this.chart.setOption({
+        xAxis: {
+          data: ['Mon', 'Tue', 'Wed', 'Thu', 'Fri', 'Sat', 'Sun'],
+          boundaryGap: false
+        },
+        grid: {
+          left: 10,
+          right: 10,
+          bottom: 20,
+          containLabel: true
+        },
 
-          tooltip: {
-            trigger: 'axis',
-            axisPointer: {
-              type: 'cross'
+        tooltip: {
+          trigger: 'axis',
+          axisPointer: {
+            type: 'cross'
+          }
+        },
+        yAxis: {},
+        series: [{
+          name: 'visitors',
+          itemStyle: {
+            normal: {
+              areaStyle: {}
             }
           },
-          yAxis: {},
-          series: [{
-            name: 'visitors',
-            itemStyle: {
-              normal: {
-                areaStyle: {}
+          smooth: true,
+          type: 'line',
+          data: [100, 120, 161, 134, 105, 160, 165],
+          animationDuration: 2600,
+          animationEasing: 'cubicInOut'
+        },
+        {
+          name: 'buyers',
+          smooth: true,
+          type: 'line',
+          itemStyle: {
+            normal: {
+              color: 'rgba(2, 197, 233, 0.2)',
+              lineStyle: {
+                color: 'rgba(2, 197, 233, 0.2)'
+              },
+              areaStyle: {
+                color: 'rgba(99,194,255, 0.6)'
               }
-            },
-            smooth: true,
-            type: 'line',
-            data: [100, 120, 161, 134, 105, 160, 165],
-            animationDuration: 2600,
-            animationEasing: 'cubicInOut'
+            }
           },
-          {
-            name: 'buyers',
-            smooth: true,
-            type: 'line',
-            itemStyle: {
-              normal: {
-                color: 'rgba(2, 197, 233, 0.2)',
-                lineStyle: {
-                  color: 'rgba(2, 197, 233, 0.2)'
-                },
-                areaStyle: {
-                  color: 'rgba(99,194,255, 0.6)'
-                }
-              }
-            },
-            data: [120, 82, 91, 154, 162, 140, 130],
-            animationDuration: 2000,
-            animationEasing: 'quadraticOut'
-          }]
-        })
-      }
+          data: [120, 82, 91, 154, 162, 140, 130],
+          animationDuration: 2000,
+          animationEasing: 'quadraticOut'
+        }]
+      })
     }
+  }
 }
 </script>

src/views/dashboard/editor/pieChart.vue

@@ -3,77 +3,77 @@
 </template>
 
 <script>
-  import echarts from 'echarts';
-  require('echarts/theme/macarons'); // echarts 主题
+import echarts from 'echarts'
+require('echarts/theme/macarons') // echarts 主题
 
-  export default {
-    props: {
-      className: {
-        type: String,
-        default: 'chart'
-      },
-      width: {
-        type: String,
-        default: '100%'
-      },
-      height: {
-        type: String,
-        default: '300px'
-      }
+export default {
+  props: {
+    className: {
+      type: String,
+      default: 'chart'
     },
-    data() {
-      return {
-        chart: null
-      };
+    width: {
+      type: String,
+      default: '100%'
     },
-    mounted() {
-      this.initChart();
-    },
-    beforeDestroy() {
-      if (!this.chart) {
-        return
-      }
-      this.chart.dispose();
-      this.chart = null;
-    },
-    methods: {
-      initChart() {
-        this.chart = echarts.init(this.$el, 'macarons');
+    height: {
+      type: String,
+      default: '300px'
+    }
+  },
+  data() {
+    return {
+      chart: null
+    }
+  },
+  mounted() {
+    this.initChart()
+  },
+  beforeDestroy() {
+    if (!this.chart) {
+      return
+    }
+    this.chart.dispose()
+    this.chart = null
+  },
+  methods: {
+    initChart() {
+      this.chart = echarts.init(this.$el, 'macarons')
 
-        this.chart.setOption({
-          title: {
-            text: 'WEEKLY WRITE ARTICLES',
-            x: 'center'
-          },
-          tooltip: {
-            trigger: 'item',
-            formatter: '{a} <br/>{b} : {c} ({d}%)'
-          },
-          legend: {
-            x: 'center',
-            y: 'bottom',
-            data: ['industries', 'technology', 'forex', 'gold', 'forecasts', 'markets']
-          },
-          calculable: true,
-          series: [
-            {
-              name: 'WEEKLY WRITE ARTICLES',
-              type: 'pie',
-              roseType: 'radius',
-              data: [
+      this.chart.setOption({
+        title: {
+          text: 'WEEKLY WRITE ARTICLES',
+          x: 'center'
+        },
+        tooltip: {
+          trigger: 'item',
+          formatter: '{a} <br/>{b} : {c} ({d}%)'
+        },
+        legend: {
+          x: 'center',
+          y: 'bottom',
+          data: ['industries', 'technology', 'forex', 'gold', 'forecasts', 'markets']
+        },
+        calculable: true,
+        series: [
+          {
+            name: 'WEEKLY WRITE ARTICLES',
+            type: 'pie',
+            roseType: 'radius',
+            data: [
                 { value: 320, name: 'industries' },
                 { value: 240, name: 'technology' },
                 { value: 149, name: 'forex' },
                 { value: 100, name: 'gold' },
                 { value: 59, name: 'forecasts' },
                 { value: 49, name: 'markets' }
-              ],
-              animationEasing: 'cubicInOut',
-              animationDuration: 2600
-            }
-          ]
-        })
-      }
+            ],
+            animationEasing: 'cubicInOut',
+            animationDuration: 2600
+          }
+        ]
+      })
     }
+  }
 }
 </script>

src/views/dashboard/index.vue

@@ -5,31 +5,31 @@
 </template>
 
 <script>
-  import { mapGetters } from 'vuex';
-  import EditorDashboard from './editor/index';
-  import DefaultDashboard from './default/index';
+import { mapGetters } from 'vuex'
+import EditorDashboard from './editor/index'
+import DefaultDashboard from './default/index'
 
-  export default {
-    name: 'dashboard',
-    components: { EditorDashboard, DefaultDashboard },
-    data() {
-      return {
-        currentRole: 'EditorDashboard'
-      }
-    },
-    computed: {
-      ...mapGetters([
-        'name',
-        'avatar',
-        'introduction',
-        'roles'
-      ])
-    },
-    created() {
-      if (this.roles.indexOf('admin') >= 0) {
-        return;
-      }
-      this.currentRole = 'DefaultDashboard';
+export default {
+  name: 'dashboard',
+  components: { EditorDashboard, DefaultDashboard },
+  data() {
+    return {
+      currentRole: 'EditorDashboard'
     }
+  },
+  computed: {
+    ...mapGetters([
+      'name',
+      'avatar',
+      'introduction',
+      'roles'
+    ])
+  },
+  created() {
+    if (this.roles.indexOf('admin') >= 0) {
+      return
+    }
+    this.currentRole = 'DefaultDashboard'
   }
+}
 </script>

src/views/errlog/index.vue

@@ -11,11 +11,11 @@
 </template>
 
 <script>
-  import errCode from './errcode';
+import errCode from './errcode'
 
-  export default {
-    components: { errCode }
-  };
+export default {
+  components: { errCode }
+}
 </script>
 
 <style scoped>

src/views/error/401.vue

@@ -28,25 +28,26 @@
 </template>
 
 <script>
-  import errGif from 'assets/401_images/401.gif';
-  export default {
-    data() {
-      return {
-        errGif: errGif + '?' + +new Date(),
-        ewizardClap: 'https://wpimg.wallstcn.com/007ef517-bafd-4066-aae4-6883632d9646',
-        dialogVisible: false
-      }
-    },
-    methods: {
-      back() {
-        if (this.$route.query.noGoBack) {
-          this.$router.push({ path: '/dashboard' });
-        } else {
-          this.$router.go(-1);
-        }
+import errGif from 'assets/401_images/401.gif'
+
+export default {
+  data() {
+    return {
+      errGif: errGif + '?' + +new Date(),
+      ewizardClap: 'https://wpimg.wallstcn.com/007ef517-bafd-4066-aae4-6883632d9646',
+      dialogVisible: false
+    }
+  },
+  methods: {
+    back() {
+      if (this.$route.query.noGoBack) {
+        this.$router.push({ path: '/dashboard' })
+      } else {
+        this.$router.go(-1)
       }
     }
-  };
+  }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>

src/views/error/404.vue

@@ -19,22 +19,22 @@
 </template>
 
 <script>
-  import img_404 from '@/assets/404_images/404.png'
-  import img_404_cloud from '@/assets/404_images/404_cloud.png'
+import img_404 from '@/assets/404_images/404.png'
+import img_404_cloud from '@/assets/404_images/404_cloud.png'
 
-  export default {
-    data() {
-      return {
-        img_404,
-        img_404_cloud
-      }
-    },
-    computed: {
-      message() {
-        return '特朗普说这个页面你不能进......'
-      }
+export default {
+  data() {
+    return {
+      img_404,
+      img_404_cloud
+    }
+  },
+  computed: {
+    message() {
+      return '特朗普说这个页面你不能进......'
     }
   }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>

src/views/example/form.vue

@@ -120,144 +120,144 @@
 </template>
 
 <script>
-  import Tinymce from 'components/Tinymce'
-  import Upload from 'components/Upload/singleImage3'
-  import MDinput from 'components/MDinput'
-  import Multiselect from 'vue-multiselect'// 使用的一个多选框组件，element-ui的select不能满足所有需求
-  import 'vue-multiselect/dist/vue-multiselect.min.css'// 多选框组件css
-  import Sticky from 'components/Sticky' // 粘性header组件
-  import { validateURL } from 'utils/validate'
-  import { getArticle } from 'api/article'
-  import { userSearch } from 'api/remoteSearch'
+import Tinymce from 'components/Tinymce'
+import Upload from 'components/Upload/singleImage3'
+import MDinput from 'components/MDinput'
+import Multiselect from 'vue-multiselect'// 使用的一个多选框组件，element-ui的select不能满足所有需求
+import 'vue-multiselect/dist/vue-multiselect.min.css'// 多选框组件css
+import Sticky from 'components/Sticky' // 粘性header组件
+import { validateURL } from 'utils/validate'
+import { getArticle } from 'api/article'
+import { userSearch } from 'api/remoteSearch'
 
-  export default {
-    name: 'articleDetail',
-    components: { Tinymce, MDinput, Upload, Multiselect, Sticky },
-    data() {
-      const validateRequire = (rule, value, callback) => {
-        if (value === '') {
+export default {
+  name: 'articleDetail',
+  components: { Tinymce, MDinput, Upload, Multiselect, Sticky },
+  data() {
+    const validateRequire = (rule, value, callback) => {
+      if (value === '') {
+        this.$message({
+          message: rule.field + '为必传项',
+          type: 'error'
+        })
+        callback(null)
+      } else {
+        callback()
+      }
+    }
+    const validateSourceUri = (rule, value, callback) => {
+      if (value) {
+        if (validateURL(value)) {
+          callback()
+        } else {
           this.$message({
-            message: rule.field + '为必传项',
+            message: '外链url填写不正确',
             type: 'error'
-          });
+          })
           callback(null)
-        } else {
-          callback()
         }
-      };
-      const validateSourceUri = (rule, value, callback) => {
-        if (value) {
-          if (validateURL(value)) {
-            callback()
-          } else {
-            this.$message({
-              message: '外链url填写不正确',
-              type: 'error'
-            });
-            callback(null)
-          }
-        } else {
-          callback()
-        }
-      };
-      return {
-        postForm: {
-          title: '', // 文章题目
-          content: '', // 文章内容
-          content_short: '', // 文章摘要
-          source_uri: '', // 文章外链
-          image_uri: '', // 文章图片
-          source_name: '', // 文章外部作者
-          display_time: undefined, // 前台展示时间
-          id: undefined,
-          platforms: ['a-platform']
-        },
-        fetchSuccess: true,
-        loading: false,
-        userLIstOptions: [],
-        platformsOptions: [
+      } else {
+        callback()
+      }
+    }
+    return {
+      postForm: {
+        title: '', // 文章题目
+        content: '', // 文章内容
+        content_short: '', // 文章摘要
+        source_uri: '', // 文章外链
+        image_uri: '', // 文章图片
+        source_name: '', // 文章外部作者
+        display_time: undefined, // 前台展示时间
+        id: undefined,
+        platforms: ['a-platform']
+      },
+      fetchSuccess: true,
+      loading: false,
+      userLIstOptions: [],
+      platformsOptions: [
             { key: 'a-platform', name: 'a-platform' },
             { key: 'b-platform', name: 'b-platform' },
             { key: 'c-platform', name: 'c-platform' }
-        ],
-        rules: {
-          image_uri: [{ validator: validateRequire }],
-          title: [{ validator: validateRequire }],
-          content: [{ validator: validateRequire }],
-          source_uri: [{ validator: validateSourceUri, trigger: 'blur' }]
-        }
-      }
-    },
-    computed: {
-      contentShortLength() {
-        return this.postForm.content_short.length
-      },
-      isEdit() {
-        return this.$route.meta.isEdit // 根据meta判断
-          // return this.$route.path.indexOf('edit') !== -1 // 根据路由判断
-      }
-    },
-    created() {
-      if (this.isEdit) {
-        this.fetchData();
-      }
-    },
-    methods: {
-      fetchData() {
-        getArticle().then(response => {
-          this.postForm = response.data;
-        }).catch(err => {
-          this.fetchSuccess = false;
-          console.log(err);
-        });
-      },
-      submitForm() {
-        this.postForm.display_time = parseInt(this.display_time / 1000);
-        console.log(this.postForm)
-        this.$refs.postForm.validate(valid => {
-          if (valid) {
-            this.loading = true;
-            this.$notify({
-              title: '成功',
-              message: '发布文章成功',
-              type: 'success',
-              duration: 2000
-            });
-            this.postForm.status = 'published';
-            this.loading = false;
-          } else {
-            console.log('error submit!!');
-            return false;
-          }
-        });
-      },
-      draftForm() {
-        if (this.postForm.content.length === 0 || this.postForm.title.length === 0) {
-          this.$message({
-            message: '请填写必要的标题和内容',
-            type: 'warning'
-          });
-          return;
-        }
-        this.$message({
-          message: '保存成功',
-          type: 'success',
-          showClose: true,
-          duration: 1000
-        });
-        this.postForm.status = 'draft';
-      },
-      getRemoteUserList(query) {
-        userSearch(query).then(response => {
-          if (!response.data.items) return;
-          console.log(response)
-          this.userLIstOptions = response.data.items.map(v => ({
-            key: v.name
-          }));
-        })
+      ],
+      rules: {
+        image_uri: [{ validator: validateRequire }],
+        title: [{ validator: validateRequire }],
+        content: [{ validator: validateRequire }],
+        source_uri: [{ validator: validateSourceUri, trigger: 'blur' }]
       }
     }
+  },
+  computed: {
+    contentShortLength() {
+      return this.postForm.content_short.length
+    },
+    isEdit() {
+      return this.$route.meta.isEdit // 根据meta判断
+          // return this.$route.path.indexOf('edit') !== -1 // 根据路由判断
+    }
+  },
+  created() {
+    if (this.isEdit) {
+      this.fetchData()
+    }
+  },
+  methods: {
+    fetchData() {
+      getArticle().then(response => {
+        this.postForm = response.data
+      }).catch(err => {
+        this.fetchSuccess = false
+        console.log(err)
+      })
+    },
+    submitForm() {
+      this.postForm.display_time = parseInt(this.display_time / 1000)
+      console.log(this.postForm)
+      this.$refs.postForm.validate(valid => {
+        if (valid) {
+          this.loading = true
+          this.$notify({
+            title: '成功',
+            message: '发布文章成功',
+            type: 'success',
+            duration: 2000
+          })
+          this.postForm.status = 'published'
+          this.loading = false
+        } else {
+          console.log('error submit!!')
+          return false
+        }
+      })
+    },
+    draftForm() {
+      if (this.postForm.content.length === 0 || this.postForm.title.length === 0) {
+        this.$message({
+          message: '请填写必要的标题和内容',
+          type: 'warning'
+        })
+        return
+      }
+      this.$message({
+        message: '保存成功',
+        type: 'success',
+        showClose: true,
+        duration: 1000
+      })
+      this.postForm.status = 'draft'
+    },
+    getRemoteUserList(query) {
+      userSearch(query).then(response => {
+        if (!response.data.items) return
+        console.log(response)
+        this.userLIstOptions = response.data.items.map(v => ({
+          key: v.name
+        }))
+      })
+    }
   }
+}
 </script>
 <style rel="stylesheet/scss" lang="scss" scoped>
   @import "src/styles/mixin.scss";

src/views/example/tab/components/tabPane.vue

@@ -48,51 +48,51 @@
 </template>
 
 <script>
-  import { fetchList } from 'api/article_table';
+import { fetchList } from 'api/article_table'
 
-  export default {
-    name: 'articleDetail',
-    props: {
-      type: {
-        type: String,
-        default: 'CN'
-      }
-    },
-    data() {
-      return {
-        list: null,
-        total: null,
-        listQuery: {
-          page: 1,
-          limit: 5,
-          type: this.type,
-          sort: '+id'
-        }
-      }
-    },
-    filters: {
-      statusFilter(status) {
-        const statusMap = {
-          published: 'success',
-          draft: 'gray',
-          deleted: 'danger'
-        };
-        return statusMap[status]
-      }
-    },
-    created() {
-      this.getList();
-    },
-    methods: {
-      getList() {
-        this.$emit('create'); // for test
-
-        fetchList(this.listQuery).then(response => {
-          this.list = response.data.items;
-          this.total = response.data.total;
-        })
+export default {
+  name: 'articleDetail',
+  props: {
+    type: {
+      type: String,
+      default: 'CN'
+    }
+  },
+  data() {
+    return {
+      list: null,
+      total: null,
+      listQuery: {
+        page: 1,
+        limit: 5,
+        type: this.type,
+        sort: '+id'
       }
     }
+  },
+  filters: {
+    statusFilter(status) {
+      const statusMap = {
+        published: 'success',
+        draft: 'gray',
+        deleted: 'danger'
+      }
+      return statusMap[status]
+    }
+  },
+  created() {
+    this.getList()
+  },
+  methods: {
+    getList() {
+      this.$emit('create') // for test
+
+      fetchList(this.listQuery).then(response => {
+        this.list = response.data.items
+        this.total = response.data.total
+      })
+    }
   }
+}
 </script>
 

src/views/example/tab/index.vue

@@ -12,29 +12,29 @@
 </template>
 
 <script>
-  import tabPane from './components/tabPane'
+import tabPane from './components/tabPane'
 
-  export default {
-    name: 'tabDemo',
-    components: { tabPane },
-    data() {
-      return {
-        tabMapOptions: [
+export default {
+  name: 'tabDemo',
+  components: { tabPane },
+  data() {
+    return {
+      tabMapOptions: [
           { label: '中国', key: 'CN' },
           { label: '美国', key: 'US' },
           { label: '日本', key: 'JP' },
           { label: '欧元区', key: 'EU' }
-        ],
-        activeName: 'CN',
-        createdTimes: 0
-      }
-    },
-    methods: {
-      showCreatedTimes() {
-        this.createdTimes = this.createdTimes + 1;
-      }
+      ],
+      activeName: 'CN',
+      createdTimes: 0
+    }
+  },
+  methods: {
+    showCreatedTimes() {
+      this.createdTimes = this.createdTimes + 1
     }
   }
+}
 </script>
 
 <style scoped>

src/views/example/table/dragTable.vue

@@ -60,64 +60,64 @@
 </template>
 
 <script>
-  import { fetchList } from 'api/article_table';
-  import Sortable from 'sortablejs'
+import { fetchList } from 'api/article_table'
+import Sortable from 'sortablejs'
 
-  export default {
-    name: 'drag-table_demo',
-    data() {
-      return {
-        list: null,
-        total: null,
-        listLoading: true,
-        listQuery: {
-          page: 1,
-          limit: 10
-        },
-        sortable: null,
-        olderList: [],
-        newList: []
-      }
-    },
-    created() {
-      this.getList();
-    },
-    filters: {
-      statusFilter(status) {
-        const statusMap = {
-          published: 'success',
-          draft: 'gray',
-          deleted: 'danger'
-        };
-        return statusMap[status]
-      }
-    },
-    methods: {
-      getList() {
-        this.listLoading = true;
-        fetchList(this.listQuery).then(response => {
-          this.list = response.data.items;
-          this.total = response.data.total;
-          this.listLoading = false;
-          this.olderList = this.list.map(v => v.id);
-          this.newList = this.olderList.slice();
-          this.$nextTick(() => {
-            this.setSort()
-          })
-        })
+export default {
+  name: 'drag-table_demo',
+  data() {
+    return {
+      list: null,
+      total: null,
+      listLoading: true,
+      listQuery: {
+        page: 1,
+        limit: 10
       },
-      setSort() {
-        const el = document.querySelectorAll('.el-table__body-wrapper > table > tbody')[0];
-        this.sortable = Sortable.create(el, {
-          // handle: '.drag-handler',
-          onEnd: evt => {
-            const tempIndex = this.newList.splice(evt.oldIndex, 1)[0];
-            this.newList.splice(evt.newIndex, 0, tempIndex);
-          }
-        });
+      sortable: null,
+      olderList: [],
+      newList: []
+    }
+  },
+  created() {
+    this.getList()
+  },
+  filters: {
+    statusFilter(status) {
+      const statusMap = {
+        published: 'success',
+        draft: 'gray',
+        deleted: 'danger'
       }
+      return statusMap[status]
+    }
+  },
+  methods: {
+    getList() {
+      this.listLoading = true
+      fetchList(this.listQuery).then(response => {
+        this.list = response.data.items
+        this.total = response.data.total
+        this.listLoading = false
+        this.olderList = this.list.map(v => v.id)
+        this.newList = this.olderList.slice()
+        this.$nextTick(() => {
+          this.setSort()
+        })
+      })
+    },
+    setSort() {
+      const el = document.querySelectorAll('.el-table__body-wrapper > table > tbody')[0]
+      this.sortable = Sortable.create(el, {
+          // handle: '.drag-handler',
+        onEnd: evt => {
+          const tempIndex = this.newList.splice(evt.oldIndex, 1)[0]
+          this.newList.splice(evt.newIndex, 0, tempIndex)
+        }
+      })
     }
   }
+}
 </script>
 
 <style >

src/views/example/table/dynamictable.vue

@@ -9,11 +9,11 @@
 </template>
 
 <script>
-  import fixedThead from './dynamictable/fixedThead'
-  import unfixedThead from './dynamictable/unfixedThead'
+import fixedThead from './dynamictable/fixedThead'
+import unfixedThead from './dynamictable/unfixedThead'
 
-  export default {
-    components: { fixedThead, unfixedThead }
-  };
+export default {
+  components: { fixedThead, unfixedThead }
+}
 </script>
 

src/views/example/table/dynamictable/fixedThead.vue

@@ -22,36 +22,37 @@
 </template>
 
 <script>
-  const defaultFormThead = ['apple', 'banana']; // 默认选中项
-  export default {
-    data() {
-      return {
-        tableData: [
-          {
-            name: 'fruit-1',
-            apple: 'apple-10',
-            banana: 'banana-10',
-            orange: 'orange-10'
-          },
-          {
-            name: 'fruit-2',
-            apple: 'apple-20',
-            banana: 'banana-20',
-            orange: 'orange-20'
-          }
-        ],
-        key: 1, // table key
-        formTheadOptions: ['apple', 'banana', 'orange'], // 可选择表头
-        checkboxVal: defaultFormThead, // checkboxVal
-        formThead: defaultFormThead // 默认表头
-      }
-    },
-    watch: {
-      checkboxVal(valArr) {
-        this.formThead = this.formTheadOptions.filter(i => valArr.indexOf(i) >= 0);
-        this.key = this.key + 1;// 为了保证table 每次都会重渲 （牺牲性能保证效果，当然也可以不用）
-      }
+const defaultFormThead = ['apple', 'banana'] // 默认选中项
+
+export default {
+  data() {
+    return {
+      tableData: [
+        {
+          name: 'fruit-1',
+          apple: 'apple-10',
+          banana: 'banana-10',
+          orange: 'orange-10'
+        },
+        {
+          name: 'fruit-2',
+          apple: 'apple-20',
+          banana: 'banana-20',
+          orange: 'orange-20'
+        }
+      ],
+      key: 1, // table key
+      formTheadOptions: ['apple', 'banana', 'orange'], // 可选择表头
+      checkboxVal: defaultFormThead, // checkboxVal
+      formThead: defaultFormThead // 默认表头
     }
-  };
+  },
+  watch: {
+    checkboxVal(valArr) {
+      this.formThead = this.formTheadOptions.filter(i => valArr.indexOf(i) >= 0)
+      this.key = this.key + 1// 为了保证table 每次都会重渲 （牺牲性能保证效果，当然也可以不用）
+    }
+  }
+}
 </script>
 

src/views/example/table/dynamictable/unfixedThead.vue

@@ -23,25 +23,25 @@
 </template>
 
 <script>
-  export default {
-    data() {
-      return {
-        tableData: [
-          {
-            name: 'fruit-1',
-            apple: 'apple-10',
-            banana: 'banana-10',
-            orange: 'orange-10'
-          },
-          {
-            name: 'fruit-2',
-            apple: 'apple-20',
-            banana: 'banana-20',
-            orange: 'orange-20'
-          }
-        ],
-        formThead: ['apple', 'banana']
-      }
+export default {
+  data() {
+    return {
+      tableData: [
+        {
+          name: 'fruit-1',
+          apple: 'apple-10',
+          banana: 'banana-10',
+          orange: 'orange-10'
+        },
+        {
+          name: 'fruit-2',
+          apple: 'apple-20',
+          banana: 'banana-20',
+          orange: 'orange-20'
+        }
+      ],
+      formThead: ['apple', 'banana']
     }
-  };
+  }
+}
 </script>

src/views/example/table/inlineEditTable.vue

@@ -52,44 +52,44 @@
 </template>
 
 <script>
-  import { fetchList } from 'api/article_table';
+import { fetchList } from 'api/article_table'
 
-  export default {
-    name: 'inline_edit-table_demo',
-    data() {
-      return {
-        list: null,
-        listLoading: true,
-        listQuery: {
-          page: 1,
-          limit: 10
-        }
-      }
-    },
-    created() {
-      this.getList();
-    },
-    filters: {
-      statusFilter(status) {
-        const statusMap = {
-          published: 'success',
-          draft: 'gray',
-          deleted: 'danger'
-        };
-        return statusMap[status]
-      }
-    },
-    methods: {
-      getList() {
-        this.listLoading = true;
-        fetchList(this.listQuery).then(response => {
-          this.list = response.data.items.map(v => {
-            v.edit = false;
-            return v
-          });
-          this.listLoading = false;
-        })
+export default {
+  name: 'inline_edit-table_demo',
+  data() {
+    return {
+      list: null,
+      listLoading: true,
+      listQuery: {
+        page: 1,
+        limit: 10
       }
     }
+  },
+  created() {
+    this.getList()
+  },
+  filters: {
+    statusFilter(status) {
+      const statusMap = {
+        published: 'success',
+        draft: 'gray',
+        deleted: 'danger'
+      }
+      return statusMap[status]
+    }
+  },
+  methods: {
+    getList() {
+      this.listLoading = true
+      fetchList(this.listQuery).then(response => {
+        this.list = response.data.items.map(v => {
+          v.edit = false
+          return v
+        })
+        this.listLoading = false
+      })
+    }
   }
+}
 </script>

src/views/example/table/table.vue

@@ -150,203 +150,203 @@
 </template>
 
 <script>
-  import { fetchList, fetchPv } from 'api/article_table';
-  import waves from '@/directive/waves.js';// 水波纹指令
-  import { parseTime } from 'utils';
+import { fetchList, fetchPv } from 'api/article_table'
+import waves from '@/directive/waves.js'// 水波纹指令
+import { parseTime } from 'utils'
 
-  const calendarTypeOptions = [
+const calendarTypeOptions = [
       { key: 'CN', display_name: '中国' },
       { key: 'US', display_name: '美国' },
       { key: 'JP', display_name: '日本' },
       { key: 'EU', display_name: '欧元区' }
-  ];
+]
 
   // arr to obj
-  const calendarTypeKeyValue = calendarTypeOptions.reduce((acc, cur) => {
-    acc[cur.key] = cur.display_name;
-    return acc
-  }, {});
+const calendarTypeKeyValue = calendarTypeOptions.reduce((acc, cur) => {
+  acc[cur.key] = cur.display_name
+  return acc
+}, {})
 
-  export default {
-    name: 'table_demo',
-    directives: {
-      waves
-    },
-    data() {
-      return {
-        list: null,
-        total: null,
-        listLoading: true,
-        listQuery: {
-          page: 1,
-          limit: 20,
-          importance: undefined,
-          title: undefined,
-          type: undefined,
-          sort: '+id'
-        },
-        temp: {
-          id: undefined,
-          importance: 0,
-          remark: '',
-          timestamp: 0,
-          title: '',
-          type: '',
-          status: 'published'
-        },
-        importanceOptions: [1, 2, 3],
-        calendarTypeOptions,
-        sortOptions: [{ label: '按ID升序列', key: '+id' }, { label: '按ID降序', key: '-id' }],
-        statusOptions: ['published', 'draft', 'deleted'],
-        dialogFormVisible: false,
-        dialogStatus: '',
-        textMap: {
-          update: '编辑',
-          create: '创建'
-        },
-        dialogPvVisible: false,
-        pvData: [],
-        showAuditor: false,
-        tableKey: 0
+export default {
+  name: 'table_demo',
+  directives: {
+    waves
+  },
+  data() {
+    return {
+      list: null,
+      total: null,
+      listLoading: true,
+      listQuery: {
+        page: 1,
+        limit: 20,
+        importance: undefined,
+        title: undefined,
+        type: undefined,
+        sort: '+id'
+      },
+      temp: {
+        id: undefined,
+        importance: 0,
+        remark: '',
+        timestamp: 0,
+        title: '',
+        type: '',
+        status: 'published'
+      },
+      importanceOptions: [1, 2, 3],
+      calendarTypeOptions,
+      sortOptions: [{ label: '按ID升序列', key: '+id' }, { label: '按ID降序', key: '-id' }],
+      statusOptions: ['published', 'draft', 'deleted'],
+      dialogFormVisible: false,
+      dialogStatus: '',
+      textMap: {
+        update: '编辑',
+        create: '创建'
+      },
+      dialogPvVisible: false,
+      pvData: [],
+      showAuditor: false,
+      tableKey: 0
+    }
+  },
+  created() {
+    this.getList()
+  },
+  filters: {
+    statusFilter(status) {
+      const statusMap = {
+        published: 'success',
+        draft: 'gray',
+        deleted: 'danger'
       }
+      return statusMap[status]
     },
-    created() {
-      this.getList();
+    typeFilter(type) {
+      return calendarTypeKeyValue[type]
+    }
+  },
+  methods: {
+    getList() {
+      this.listLoading = true
+      fetchList(this.listQuery).then(response => {
+        this.list = response.data.items
+        this.total = response.data.total
+        this.listLoading = false
+      })
     },
-    filters: {
-      statusFilter(status) {
-        const statusMap = {
-          published: 'success',
-          draft: 'gray',
-          deleted: 'danger'
-        };
-        return statusMap[status]
-      },
-      typeFilter(type) {
-        return calendarTypeKeyValue[type]
+    handleFilter() {
+      this.getList()
+    },
+    handleSizeChange(val) {
+      this.listQuery.limit = val
+      this.getList()
+    },
+    handleCurrentChange(val) {
+      this.listQuery.page = val
+      this.getList()
+    },
+    timeFilter(time) {
+      if (!time[0]) {
+        this.listQuery.start = undefined
+        this.listQuery.end = undefined
+        return
       }
+      this.listQuery.start = parseInt(+time[0] / 1000)
+      this.listQuery.end = parseInt((+time[1] + 3600 * 1000 * 24) / 1000)
     },
-    methods: {
-      getList() {
-        this.listLoading = true;
-        fetchList(this.listQuery).then(response => {
-          this.list = response.data.items;
-          this.total = response.data.total;
-          this.listLoading = false;
-        })
-      },
-      handleFilter() {
-        this.getList();
-      },
-      handleSizeChange(val) {
-        this.listQuery.limit = val;
-        this.getList();
-      },
-      handleCurrentChange(val) {
-        this.listQuery.page = val;
-        this.getList();
-      },
-      timeFilter(time) {
-        if (!time[0]) {
-          this.listQuery.start = undefined;
-          this.listQuery.end = undefined;
-          return;
+    handleModifyStatus(row, status) {
+      this.$message({
+        message: '操作成功',
+        type: 'success'
+      })
+      row.status = status
+    },
+    handleCreate() {
+      this.resetTemp()
+      this.dialogStatus = 'create'
+      this.dialogFormVisible = true
+    },
+    handleUpdate(row) {
+      this.temp = Object.assign({}, row)
+      this.dialogStatus = 'update'
+      this.dialogFormVisible = true
+    },
+    handleDelete(row) {
+      this.$notify({
+        title: '成功',
+        message: '删除成功',
+        type: 'success',
+        duration: 2000
+      })
+      const index = this.list.indexOf(row)
+      this.list.splice(index, 1)
+    },
+    create() {
+      this.temp.id = parseInt(Math.random() * 100) + 1024
+      this.temp.timestamp = +new Date()
+      this.temp.author = '原创作者'
+      this.list.unshift(this.temp)
+      this.dialogFormVisible = false
+      this.$notify({
+        title: '成功',
+        message: '创建成功',
+        type: 'success',
+        duration: 2000
+      })
+    },
+    update() {
+      this.temp.timestamp = +this.temp.timestamp
+      for (const v of this.list) {
+        if (v.id === this.temp.id) {
+          const index = this.list.indexOf(v)
+          this.list.splice(index, 1, this.temp)
+          break
         }
-        this.listQuery.start = parseInt(+time[0] / 1000);
-        this.listQuery.end = parseInt((+time[1] + 3600 * 1000 * 24) / 1000);
-      },
-      handleModifyStatus(row, status) {
-        this.$message({
-          message: '操作成功',
-          type: 'success'
-        });
-        row.status = status;
-      },
-      handleCreate() {
-        this.resetTemp();
-        this.dialogStatus = 'create';
-        this.dialogFormVisible = true;
-      },
-      handleUpdate(row) {
-        this.temp = Object.assign({}, row);
-        this.dialogStatus = 'update';
-        this.dialogFormVisible = true;
-      },
-      handleDelete(row) {
-        this.$notify({
-          title: '成功',
-          message: '删除成功',
-          type: 'success',
-          duration: 2000
-        });
-        const index = this.list.indexOf(row);
-        this.list.splice(index, 1);
-      },
-      create() {
-        this.temp.id = parseInt(Math.random() * 100) + 1024;
-        this.temp.timestamp = +new Date();
-        this.temp.author = '原创作者';
-        this.list.unshift(this.temp);
-        this.dialogFormVisible = false;
-        this.$notify({
-          title: '成功',
-          message: '创建成功',
-          type: 'success',
-          duration: 2000
-        });
-      },
-      update() {
-        this.temp.timestamp = +this.temp.timestamp;
-        for (const v of this.list) {
-          if (v.id === this.temp.id) {
-            const index = this.list.indexOf(v);
-            this.list.splice(index, 1, this.temp);
-            break;
-          }
-        }
-        this.dialogFormVisible = false;
-        this.$notify({
-          title: '成功',
-          message: '更新成功',
-          type: 'success',
-          duration: 2000
-        });
-      },
-      resetTemp() {
-        this.temp = {
-          id: undefined,
-          importance: 0,
-          remark: '',
-          timestamp: 0,
-          title: '',
-          status: 'published',
-          type: ''
-        };
-      },
-      handleFetchPv(pv) {
-        fetchPv(pv).then(response => {
-          this.pvData = response.data.pvData;
-          this.dialogPvVisible = true;
-        })
-      },
-      handleDownload() {
-        require.ensure([], () => {
-          const { export_json_to_excel } = require('vendor/Export2Excel');
-          const tHeader = ['时间', '地区', '类型', '标题', '重要性'];
-          const filterVal = ['timestamp', 'province', 'type', 'title', 'importance'];
-          const data = this.formatJson(filterVal, this.list);
-          export_json_to_excel(tHeader, data, 'table数据');
-        })
-      },
-      formatJson(filterVal, jsonData) {
-        return jsonData.map(v => filterVal.map(j => {
-          if (j === 'timestamp') {
-            return parseTime(v[j])
-          } else {
-            return v[j]
-          }
-        }))
       }
+      this.dialogFormVisible = false
+      this.$notify({
+        title: '成功',
+        message: '更新成功',
+        type: 'success',
+        duration: 2000
+      })
+    },
+    resetTemp() {
+      this.temp = {
+        id: undefined,
+        importance: 0,
+        remark: '',
+        timestamp: 0,
+        title: '',
+        status: 'published',
+        type: ''
+      }
+    },
+    handleFetchPv(pv) {
+      fetchPv(pv).then(response => {
+        this.pvData = response.data.pvData
+        this.dialogPvVisible = true
+      })
+    },
+    handleDownload() {
+      require.ensure([], () => {
+        const { export_json_to_excel } = require('vendor/Export2Excel')
+        const tHeader = ['时间', '地区', '类型', '标题', '重要性']
+        const filterVal = ['timestamp', 'province', 'type', 'title', 'importance']
+        const data = this.formatJson(filterVal, this.list)
+        export_json_to_excel(tHeader, data, 'table数据')
+      })
+    },
+    formatJson(filterVal, jsonData) {
+      return jsonData.map(v => filterVal.map(j => {
+        if (j === 'timestamp') {
+          return parseTime(v[j])
+        } else {
+          return v[j]
+        }
+      }))
     }
   }
+}
 </script>

src/views/excel/index.vue

@@ -34,41 +34,41 @@
 </template>
 
 <script>
-  import { getList } from 'api/article';
+import { getList } from 'api/article'
 
-  export default {
-    data() {
-      return {
-        list: null,
-        listLoading: true
-      }
-    },
-    created() {
-      this.fetchData();
-    },
-    methods: {
-      fetchData() {
-        this.listLoading = true;
-        getList(this.listQuery).then(response => {
-          this.list = response.data;
-          this.listLoading = false;
-        })
-      },
-      handleDownload() {
-        require.ensure([], () => {
-          const {
-            export_json_to_excel
-          } = require('vendor/Export2Excel');
-          const tHeader = ['序号', '文章标题', '作者', '阅读数', '发布时间'];
-          const filterVal = ['id', 'title', 'author', 'pageviews', 'display_time'];
-          const list = this.list;
-          const data = this.formatJson(filterVal, list);
-          export_json_to_excel(tHeader, data, '列表excel');
-        })
-      },
-      formatJson(filterVal, jsonData) {
-        return jsonData.map(v => filterVal.map(j => v[j]))
-      }
+export default {
+  data() {
+    return {
+      list: null,
+      listLoading: true
     }
-  };
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    fetchData() {
+      this.listLoading = true
+      getList(this.listQuery).then(response => {
+        this.list = response.data
+        this.listLoading = false
+      })
+    },
+    handleDownload() {
+      require.ensure([], () => {
+        const {
+            export_json_to_excel
+          } = require('vendor/Export2Excel')
+        const tHeader = ['序号', '文章标题', '作者', '阅读数', '发布时间']
+        const filterVal = ['id', 'title', 'author', 'pageviews', 'display_time']
+        const list = this.list
+        const data = this.formatJson(filterVal, list)
+        export_json_to_excel(tHeader, data, '列表excel')
+      })
+    },
+    formatJson(filterVal, jsonData) {
+      return jsonData.map(v => filterVal.map(j => v[j]))
+    }
+  }
+}
 </script>

src/views/excel/selectExcel.vue

@@ -41,51 +41,51 @@
 
 
 <script>
-  import { getList } from 'api/article';
+import { getList } from 'api/article'
 
-  export default {
-    data() {
-      return {
-        list: null,
-        listLoading: true,
-        multipleSelection: []
-      }
-    },
-    created() {
-      this.fetchData();
-    },
-    methods: {
-      fetchData() {
-        this.listLoading = true;
-        getList(this.listQuery).then(response => {
-          this.list = response.data;
-          this.listLoading = false;
-        })
-      },
-      handleSelectionChange(val) {
-        this.multipleSelection = val;
-      },
-      handleDownload() {
-        if (this.multipleSelection.length) {
-          require.ensure([], () => {
-            const { export_json_to_excel } = require('vendor/Export2Excel');
-            const tHeader = ['序号', '文章标题', '作者', '阅读数', '发布时间'];
-            const filterVal = ['id', 'title', 'author', 'pageviews', 'display_time'];
-            const list = this.multipleSelection;
-            const data = this.formatJson(filterVal, list);
-            export_json_to_excel(tHeader, data, '列表excel');
-            this.$refs.multipleTable.clearSelection();
-          })
-        } else {
-          this.$message({
-            message: '请选择一条或多条记录导出',
-            type: 'warning'
-          });
-        }
-      },
-      formatJson(filterVal, jsonData) {
-        return jsonData.map(v => filterVal.map(j => v[j]))
-      }
+export default {
+  data() {
+    return {
+      list: null,
+      listLoading: true,
+      multipleSelection: []
     }
-  };
+  },
+  created() {
+    this.fetchData()
+  },
+  methods: {
+    fetchData() {
+      this.listLoading = true
+      getList(this.listQuery).then(response => {
+        this.list = response.data
+        this.listLoading = false
+      })
+    },
+    handleSelectionChange(val) {
+      this.multipleSelection = val
+    },
+    handleDownload() {
+      if (this.multipleSelection.length) {
+        require.ensure([], () => {
+          const { export_json_to_excel } = require('vendor/Export2Excel')
+          const tHeader = ['序号', '文章标题', '作者', '阅读数', '发布时间']
+          const filterVal = ['id', 'title', 'author', 'pageviews', 'display_time']
+          const list = this.multipleSelection
+          const data = this.formatJson(filterVal, list)
+          export_json_to_excel(tHeader, data, '列表excel')
+          this.$refs.multipleTable.clearSelection()
+        })
+      } else {
+        this.$message({
+          message: '请选择一条或多条记录导出',
+          type: 'warning'
+        })
+      }
+    },
+    formatJson(filterVal, jsonData) {
+      return jsonData.map(v => filterVal.map(j => v[j]))
+    }
+  }
+}
 </script>

src/views/layout/AppMain.vue

@@ -7,7 +7,7 @@
 </template>
 
 <script>
-	export default {
+export default {
   name: 'AppMain',
   computed: {
     key() {

src/views/layout/Layout.vue

@@ -9,21 +9,21 @@
 </template>
 
 <script>
-  import { Navbar, Sidebar, AppMain } from 'views/layout';
+import { Navbar, Sidebar, AppMain } from 'views/layout'
 
-  export default {
-    name: 'layout',
-    components: {
-      Navbar,
-      Sidebar,
-      AppMain
-    },
-    computed: {
-      sidebar() {
-        return this.$store.state.app.sidebar;
-      }
+export default {
+  name: 'layout',
+  components: {
+    Navbar,
+    Sidebar,
+    AppMain
+  },
+  computed: {
+    sidebar() {
+      return this.$store.state.app.sidebar
     }
   }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>

src/views/layout/Levelbar.vue

@@ -8,31 +8,31 @@
 </template>
 
 <script>
-  export default {
-    created() {
+export default {
+  created() {
+    this.getBreadcrumb()
+  },
+  data() {
+    return {
+      levelList: null
+    }
+  },
+  methods: {
+    getBreadcrumb() {
+      let matched = this.$route.matched.filter(item => item.name)
+      const first = matched[0]
+      if (first && (first.name !== '首页' || first.path !== '')) {
+        matched = [{ name: '首页', path: '/' }].concat(matched)
+      }
+      this.levelList = matched
+    }
+  },
+  watch: {
+    $route() {
       this.getBreadcrumb()
-    },
-    data() {
-      return {
-        levelList: null
-      }
-    },
-    methods: {
-      getBreadcrumb() {
-        let matched = this.$route.matched.filter(item => item.name);
-        const first = matched[0];
-        if (first && (first.name !== '首页' || first.path !== '')) {
-          matched = [{ name: '首页', path: '/' }].concat(matched)
-        }
-        this.levelList = matched;
-      }
-    },
-    watch: {
-      $route() {
-        this.getBreadcrumb();
-      }
     }
   }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>

src/views/layout/Navbar.vue

@@ -28,45 +28,45 @@
 </template>
 
 <script>
-  import { mapGetters } from 'vuex';
-  import Levelbar from './Levelbar';
-  import TabsView from './TabsView';
-  import Hamburger from 'components/Hamburger';
-  import Screenfull from 'components/Screenfull';
-  import ErrorLog from 'components/ErrLog';
-  import errLogStore from 'store/errLog';
+import { mapGetters } from 'vuex'
+import Levelbar from './Levelbar'
+import TabsView from './TabsView'
+import Hamburger from 'components/Hamburger'
+import Screenfull from 'components/Screenfull'
+import ErrorLog from 'components/ErrLog'
+import errLogStore from 'store/errLog'
 
-  export default {
-    components: {
-      Levelbar,
-      TabsView,
-      Hamburger,
-      ErrorLog,
-      Screenfull
+export default {
+  components: {
+    Levelbar,
+    TabsView,
+    Hamburger,
+    ErrorLog,
+    Screenfull
+  },
+  data() {
+    return {
+      log: errLogStore.state.errLog
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'sidebar',
+      'name',
+      'avatar'
+    ])
+  },
+  methods: {
+    toggleSideBar() {
+      this.$store.dispatch('ToggleSideBar')
     },
-    data() {
-      return {
-        log: errLogStore.state.errLog
-      }
-    },
-    computed: {
-      ...mapGetters([
-        'sidebar',
-        'name',
-        'avatar'
-      ])
-    },
-    methods: {
-      toggleSideBar() {
-        this.$store.dispatch('ToggleSideBar')
-      },
-      logout() {
-        this.$store.dispatch('LogOut').then(() => {
-          location.reload();// 为了重新实例化vue-router对象 避免bug
-        });
-      }
+    logout() {
+      this.$store.dispatch('LogOut').then(() => {
+        location.reload()// 为了重新实例化vue-router对象 避免bug
+      })
     }
   }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>

src/views/layout/Sidebar.vue

@@ -6,18 +6,18 @@
 
 
 <script>
-  import { mapGetters } from 'vuex';
-  import SidebarItem from './SidebarItem';
-  export default {
-    components: { SidebarItem },
-    computed: {
-      ...mapGetters([
-        'permission_routers',
-        'sidebar'
-      ]),
-      isCollapse() {
-        return !this.sidebar.opened
-      }
+import { mapGetters } from 'vuex'
+import SidebarItem from './SidebarItem'
+export default {
+  components: { SidebarItem },
+  computed: {
+    ...mapGetters([
+      'permission_routers',
+      'sidebar'
+    ]),
+    isCollapse() {
+      return !this.sidebar.opened
     }
   }
+}
 </script>

src/views/layout/SidebarItem.vue

@@ -31,13 +31,13 @@
 </template>
 
 <script>
-  export default {
-    name: 'SidebarItem',
-    props: {
-      routes: {
-        type: Array
-      }
+export default {
+  name: 'SidebarItem',
+  props: {
+    routes: {
+      type: Array
     }
   }
+}
 </script>
 

src/views/layout/TabsView.vue

@@ -9,37 +9,37 @@
 </template>
 
 <script>
-  export default {
-    computed: {
-      visitedViews() {
-        return this.$store.state.app.visitedViews.slice(-6)
-      }
+export default {
+  computed: {
+    visitedViews() {
+      return this.$store.state.app.visitedViews.slice(-6)
+    }
+  },
+  methods: {
+    closeViewTabs(view, $event) {
+      this.$store.dispatch('delVisitedViews', view)
+      $event.preventDefault()
     },
-    methods: {
-      closeViewTabs(view, $event) {
-        this.$store.dispatch('delVisitedViews', view)
-        $event.preventDefault()
-      },
-      generateRoute() {
-        if (this.$route.matched[this.$route.matched.length - 1].name) {
-          return this.$route.matched[this.$route.matched.length - 1]
-        }
-        this.$route.matched[0].path = '/'
-        return this.$route.matched[0]
-      },
-      addViewTabs() {
-        this.$store.dispatch('addVisitedViews', this.generateRoute())
-      },
-      isActive(path) {
-        return path === this.$route.path
+    generateRoute() {
+      if (this.$route.matched[this.$route.matched.length - 1].name) {
+        return this.$route.matched[this.$route.matched.length - 1]
       }
+      this.$route.matched[0].path = '/'
+      return this.$route.matched[0]
     },
-    watch: {
-      $route() {
-        this.addViewTabs()
-      }
+    addViewTabs() {
+      this.$store.dispatch('addVisitedViews', this.generateRoute())
+    },
+    isActive(path) {
+      return path === this.$route.path
+    }
+  },
+  watch: {
+    $route() {
+      this.addViewTabs()
     }
   }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>

src/views/layout/index.js

@@ -1,7 +1,7 @@
-export { default as Navbar } from './Navbar';
+export { default as Navbar } from './Navbar'
 
-export { default as Sidebar } from './Sidebar';
+export { default as Sidebar } from './Sidebar'
 
-export { default as Levelbar } from './Levelbar';
+export { default as Levelbar } from './Levelbar'
 
-export { default as AppMain } from './AppMain';
+export { default as AppMain } from './AppMain'

src/views/login/authredirect.vue

@@ -2,9 +2,9 @@
     export default {
       name: 'authredirect',
       created() {
-        const hash = window.location.search.slice(1);
-        window.opener.location.href = window.location.origin + '/login#' + hash;
-        window.close();
-      }
+        const hash = window.location.search.slice(1)
+        window.opener.location.href = window.location.origin + '/login#' + hash
+        window.close()
+  }
     }
 </script>

src/views/login/index.vue

@@ -37,67 +37,67 @@
 </template>
 
 <script>
-  import { isvalidUsername } from 'utils/validate'
-  import socialSign from './socialsignin'
+import { isvalidUsername } from 'utils/validate'
+import socialSign from './socialsignin'
 
-  export default {
-    components: { socialSign },
-    name: 'login',
-    data() {
-      const validateUsername = (rule, value, callback) => {
-        if (!isvalidUsername(value)) {
-          callback(new Error('请输入正确的用户名'))
-        } else {
-          callback()
-        }
+export default {
+  components: { socialSign },
+  name: 'login',
+  data() {
+    const validateUsername = (rule, value, callback) => {
+      if (!isvalidUsername(value)) {
+        callback(new Error('请输入正确的用户名'))
+      } else {
+        callback()
       }
-      const validatePassword = (rule, value, callback) => {
-        if (value.length < 6) {
-          callback(new Error('密码不能小于6位'))
-        } else {
-          callback()
-        }
+    }
+    const validatePassword = (rule, value, callback) => {
+      if (value.length < 6) {
+        callback(new Error('密码不能小于6位'))
+      } else {
+        callback()
       }
-      return {
-        loginForm: {
-          username: 'admin',
-          password: '1111111'
-        },
-        loginRules: {
-          username: [{ required: true, trigger: 'blur', validator: validateUsername }],
-          password: [{ required: true, trigger: 'blur', validator: validatePassword }]
-        },
-        pwdType: 'password',
-        loading: false,
-        showDialog: false
+    }
+    return {
+      loginForm: {
+        username: 'admin',
+        password: '1111111'
+      },
+      loginRules: {
+        username: [{ required: true, trigger: 'blur', validator: validateUsername }],
+        password: [{ required: true, trigger: 'blur', validator: validatePassword }]
+      },
+      pwdType: 'password',
+      loading: false,
+      showDialog: false
+    }
+  },
+  methods: {
+    showPwd() {
+      if (this.pwdType === 'password') {
+        this.pwdType = ''
+      } else {
+        this.pwdType = 'password'
       }
     },
-    methods: {
-      showPwd() {
-        if (this.pwdType === 'password') {
-          this.pwdType = ''
-        } else {
-          this.pwdType = 'password'
-        }
-      },
-      handleLogin() {
-        this.$refs.loginForm.validate(valid => {
-          if (valid) {
-            this.loading = true
-            this.$store.dispatch('LoginByUsername', this.loginForm).then(() => {
-              this.loading = false
-              this.$router.push({ path: '/' })
+    handleLogin() {
+      this.$refs.loginForm.validate(valid => {
+        if (valid) {
+          this.loading = true
+          this.$store.dispatch('LoginByUsername', this.loginForm).then(() => {
+            this.loading = false
+            this.$router.push({ path: '/' })
                 // this.showDialog = true
-            }).catch(() => {
-              this.loading = false
-            })
-          } else {
-            console.log('error submit!!')
-            return false
-          }
-        })
-      },
-      afterQRScan() {
+          }).catch(() => {
+            this.loading = false
+          })
+        } else {
+          console.log('error submit!!')
+          return false
+        }
+      })
+    },
+    afterQRScan() {
           // const hash = window.location.hash.slice(1)
           // const hashObj = getQueryObject(hash)
           // const originUrl = window.location.origin
@@ -114,15 +114,15 @@
           //     this.$router.push({ path: '/' })
           //   })
           // }
-      }
-    },
-    created() {
-        // window.addEventListener('hashchange', this.afterQRScan)
-    },
-    destroyed() {
-        // window.removeEventListener('hashchange', this.afterQRScan)
     }
+  },
+  created() {
+        // window.addEventListener('hashchange', this.afterQRScan)
+  },
+  destroyed() {
+        // window.removeEventListener('hashchange', this.afterQRScan)
   }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss">

src/views/login/socialsignin.vue

@@ -10,27 +10,27 @@
 </template>
 
 <script>
-  import openWindow from 'utils/openWindow';
+import openWindow from 'utils/openWindow'
 
-  export default {
-    name: 'social-signin',
-    methods: {
-      wechatHandleClick(thirdpart) {
-        this.$store.commit('SET_AUTH_TYPE', thirdpart);
-        const appid = 'xxxxx';
-        const redirect_uri = encodeURIComponent('xxx/redirect?redirect=' + window.location.origin + '/authredirect');
-        const url = 'https://open.weixin.qq.com/connect/qrconnect?appid=' + appid + '&redirect_uri=' + redirect_uri + '&response_type=code&scope=snsapi_login#wechat_redirect';
-        openWindow(url, thirdpart, 540, 540);
-      },
-      tencentHandleClick(thirdpart) {
-        this.$store.commit('SET_AUTH_TYPE', thirdpart);
-        const client_id = 'xxxxx';
-        const redirect_uri = encodeURIComponent('xxx/redirect?redirect=' + window.location.origin + '/authredirect');
-        const url = 'https://graph.qq.com/oauth2.0/authorize?response_type=code&client_id=' + client_id + '&redirect_uri=' + redirect_uri;
-        openWindow(url, thirdpart, 540, 540);
-      }
+export default {
+  name: 'social-signin',
+  methods: {
+    wechatHandleClick(thirdpart) {
+      this.$store.commit('SET_AUTH_TYPE', thirdpart)
+      const appid = 'xxxxx'
+      const redirect_uri = encodeURIComponent('xxx/redirect?redirect=' + window.location.origin + '/authredirect')
+      const url = 'https://open.weixin.qq.com/connect/qrconnect?appid=' + appid + '&redirect_uri=' + redirect_uri + '&response_type=code&scope=snsapi_login#wechat_redirect'
+      openWindow(url, thirdpart, 540, 540)
+    },
+    tencentHandleClick(thirdpart) {
+      this.$store.commit('SET_AUTH_TYPE', thirdpart)
+      const client_id = 'xxxxx'
+      const redirect_uri = encodeURIComponent('xxx/redirect?redirect=' + window.location.origin + '/authredirect')
+      const url = 'https://graph.qq.com/oauth2.0/authorize?response_type=code&client_id=' + client_id + '&redirect_uri=' + redirect_uri
+      openWindow(url, thirdpart, 540, 540)
     }
   }
+}
 </script>
 
 <style rel="stylesheet/scss" lang="scss" scoped>

src/views/permission/index.vue

@@ -9,24 +9,25 @@
 </template>
 
 <script>
-  import { mapGetters } from 'vuex';
-  export default{
-    data() {
-      return {
-        role: ''
-      }
-    },
-    computed: {
-      ...mapGetters([
-        'roles'
-      ])
-    },
-    watch: {
-      role(val) {
-        this.$store.dispatch('ChangeRole', val).then(() => {
-          this.$router.push({ path: '/permission/index?' + +new Date() });
-        })
-      }
+import { mapGetters } from 'vuex'
+
+export default{
+  data() {
+    return {
+      role: ''
+    }
+  },
+  computed: {
+    ...mapGetters([
+      'roles'
+    ])
+  },
+  watch: {
+    role(val) {
+      this.$store.dispatch('ChangeRole', val).then(() => {
+        this.$router.push({ path: '/permission/index?' + +new Date() })
+      })
     }
   }
+}
 </script>

src/views/qiniu/upload.vue

@@ -7,33 +7,33 @@
 
 
 <script>
-  import { getToken } from 'api/qiniu'; // 获取七牛token 后端通过Access Key,Secret Key,bucket等生成token
+import { getToken } from 'api/qiniu' // 获取七牛token 后端通过Access Key,Secret Key,bucket等生成token
     // 七牛官方sdk https://developer.qiniu.com/sdk#official-sdk
 
-  export default{
-    data() {
-      return {
-        dataObj: { token: '', key: '' },
-        image_uri: [],
-        fileList: []
-      }
-    },
-    methods: {
-      beforeUpload() {
-        const _self = this;
-        return new Promise((resolve, reject) => {
-          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;
-            resolve(true);
-          }).catch(err => {
-            console.log(err)
-            reject(false)
-          });
-        });
-      }
+export default{
+  data() {
+    return {
+      dataObj: { token: '', key: '' },
+      image_uri: [],
+      fileList: []
+    }
+  },
+  methods: {
+    beforeUpload() {
+      const _self = this
+      return new Promise((resolve, reject) => {
+        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
+          resolve(true)
+        }).catch(err => {
+          console.log(err)
+          reject(false)
+        })
+      })
     }
   }
+}
 </script>

src/views/theme/index.vue

@@ -43,51 +43,50 @@
   </div>
 </template>
 
-
 <script>
-  import { toggleClass } from 'utils';
-  import '@/assets/custom-theme/index.css'; // 换肤版本element-ui css
+import { toggleClass } from 'utils'
+import '@/assets/custom-theme/index.css' // 换肤版本element-ui css
 
-  export default {
-    data() {
-      return {
-        theme: false,
-        tags: [{
-          name: '标签一',
-          type: ''
-        },
-        {
-          name: '标签二',
-          type: 'gray'
-        },
-        {
-          name: '标签三',
-          type: 'primary'
-        },
-        {
-          name: '标签四',
-          type: 'success'
-        },
-        {
-          name: '标签五',
-          type: 'warning'
-        },
-        {
-          name: '标签六',
-          type: 'danger'
-        }
-        ],
-        inputVisible: false,
-        inputValue: ''
-      }
-    },
-    watch: {
-      theme() {
-        toggleClass(document.body, 'custom-theme')
-        //   this.$store.dispatch('setTheme', value);
+export default {
+  data() {
+    return {
+      theme: false,
+      tags: [{
+        name: '标签一',
+        type: ''
+      },
+      {
+        name: '标签二',
+        type: 'gray'
+      },
+      {
+        name: '标签三',
+        type: 'primary'
+      },
+      {
+        name: '标签四',
+        type: 'success'
+      },
+      {
+        name: '标签五',
+        type: 'warning'
+      },
+      {
+        name: '标签六',
+        type: 'danger'
       }
+      ],
+      inputVisible: false,
+      inputValue: ''
     }
-  };
+  },
+  watch: {
+    theme() {
+      toggleClass(document.body, 'custom-theme')
+        //   this.$store.dispatch('setTheme', value);
+    }
+  }
+}
 </script>
 
 <style scoped>