* 增加Docker开发环境

* 更新Dockerfile构建文件，升级NodeJS依赖版本。
 * 遵循ESLint重新格式化代码，修复部分警告
 * 登录Token失效增加登出提示
 * 网络请求问题增加错误错误提示
 * 升级UI依赖库

frontend/src/components/Overview/NodeOverview.vue

@@ -3,44 +3,44 @@
     <el-col :span="12">
       <!--last tasks-->
       <el-row class="latest-tasks-wrapper">
-        <task-table-view :title="$t('Latest Tasks')"/>
+        <task-table-view :title="$t('Latest Tasks')" />
       </el-row>
     </el-col>
 
     <el-col :span="12">
       <el-row class="node-info-view-wrapper">
         <!--basic info-->
-        <node-info-view/>
+        <node-info-view />
       </el-row>
     </el-col>
   </el-row>
 </template>
 
 <script>
-import {
-  mapState
-} from 'vuex'
-import TaskTableView from '../TableView/TaskTableView'
-import NodeInfoView from '../InfoView/NodeInfoView'
+  import {
+    mapState
+  } from 'vuex'
+  import TaskTableView from '../TableView/TaskTableView'
+  import NodeInfoView from '../InfoView/NodeInfoView'
 
-export default {
-  name: 'NodeOverview',
-  components: {
-    NodeInfoView,
-    TaskTableView
-  },
-  computed: {
-    id () {
-      return this.$route.params.id
+  export default {
+    name: 'NodeOverview',
+    components: {
+      NodeInfoView,
+      TaskTableView
     },
-    ...mapState('node', [
-      'nodeForm'
-    ])
-  },
-  methods: {},
-  created () {
+    computed: {
+      id() {
+        return this.$route.params.id
+      },
+      ...mapState('node', [
+        'nodeForm'
+      ])
+    },
+    created() {
+    },
+    methods: {}
   }
-}
 </script>
 
 <style scoped>

frontend/src/components/Overview/SpiderOverview.vue

@@ -3,50 +3,50 @@
     <el-col :span="12">
       <!--last tasks-->
       <el-row>
-        <task-table-view :title="$t('Latest Tasks')"/>
+        <task-table-view :title="$t('Latest Tasks')" />
       </el-row>
     </el-col>
 
     <el-col :span="12">
       <!--basic info-->
-      <spider-info-view/>
+      <spider-info-view />
     </el-col>
   </el-row>
 </template>
 
 <script>
-import {
-  mapState
-} from 'vuex'
-import TaskTableView from '../TableView/TaskTableView'
-import SpiderInfoView from '../InfoView/SpiderInfoView'
+  import {
+    mapState
+  } from 'vuex'
+  import TaskTableView from '../TableView/TaskTableView'
+  import SpiderInfoView from '../InfoView/SpiderInfoView'
 
-export default {
-  name: 'SpiderOverview',
-  components: {
-    SpiderInfoView,
-    TaskTableView
-  },
-  data () {
-    return {
-      // spiderForm: {}
-    }
-  },
-  computed: {
-    id () {
-      return this.$route.params.id
+  export default {
+    name: 'SpiderOverview',
+    components: {
+      SpiderInfoView,
+      TaskTableView
     },
-    ...mapState('spider', [
-      'spiderForm'
-    ]),
-    ...mapState('deploy', [
-      'deployList'
-    ])
-  },
-  methods: {},
-  created () {
+    data() {
+      return {
+      // spiderForm: {}
+      }
+    },
+    computed: {
+      id() {
+        return this.$route.params.id
+      },
+      ...mapState('spider', [
+        'spiderForm'
+      ]),
+      ...mapState('deploy', [
+        'deployList'
+      ])
+    },
+    created() {
+    },
+    methods: {}
   }
-}
 </script>
 
 <style scoped>

frontend/src/components/Overview/TaskOverview.vue

@@ -7,7 +7,7 @@
         icon="el-icon-position"
         @click="onNavigateToSpider"
       >
-        {{$t('Navigate to Spider')}}
+        {{ $t('Navigate to Spider') }}
       </el-button>
       <el-button
         type="warning"
@@ -15,30 +15,30 @@
         icon="el-icon-position"
         @click="onNavigateToNode"
       >
-        {{$t('Navigate to Node')}}
+        {{ $t('Navigate to Node') }}
       </el-button>
     </el-row>
     <el-row class="content">
       <el-col :span="12" style="padding-right: 20px;">
         <el-row class="task-info-overview-wrapper wrapper">
-          <h4 class="title">{{$t('Task Info')}}</h4>
-          <task-info-view @click-log="() => $emit('click-log')"/>
+          <h4 class="title">{{ $t('Task Info') }}</h4>
+          <task-info-view @click-log="() => $emit('click-log')" />
         </el-row>
-        <el-row style="border-bottom:1px solid #e4e7ed;margin:0 0 20px 0;padding-bottom:20px;"/>
+        <el-row style="border-bottom:1px solid #e4e7ed;margin:0 0 20px 0;padding-bottom:20px;" />
       </el-col>
 
       <el-col :span="12">
         <el-row class="task-info-spider-wrapper wrapper">
           <h4 class="title spider-title" @click="onNavigateToSpider">
-            <i class="fa fa-search" style="margin-right: 5px"></i>
-            {{$t('Spider Info')}}</h4>
-          <spider-info-view :is-view="true"/>
+            <i class="fa fa-search" style="margin-right: 5px" />
+            {{ $t('Spider Info') }}</h4>
+          <spider-info-view :is-view="true" />
         </el-row>
         <el-row class="task-info-node-wrapper wrapper">
           <h4 class="title node-title" @click="onNavigateToNode">
-            <i class="fa fa-search" style="margin-right: 5px"></i>
-            {{$t('Node Info')}}</h4>
-          <node-info-view :is-view="true"/>
+            <i class="fa fa-search" style="margin-right: 5px" />
+            {{ $t('Node Info') }}</h4>
+          <node-info-view :is-view="true" />
         </el-row>
       </el-col>
     </el-row>
@@ -46,41 +46,41 @@
 </template>
 
 <script>
-import {
-  mapState
-} from 'vuex'
-import SpiderInfoView from '../InfoView/SpiderInfoView'
-import NodeInfoView from '../InfoView/NodeInfoView'
-import TaskInfoView from '../InfoView/TaskInfoView'
+  import {
+    mapState
+  } from 'vuex'
+  import SpiderInfoView from '../InfoView/SpiderInfoView'
+  import NodeInfoView from '../InfoView/NodeInfoView'
+  import TaskInfoView from '../InfoView/TaskInfoView'
 
-export default {
-  name: 'SpiderOverview',
-  components: {
-    NodeInfoView,
-    SpiderInfoView,
-    TaskInfoView
-  },
-  computed: {
-    ...mapState('node', [
-      'nodeForm'
-    ]),
-    ...mapState('spider', [
-      'spiderForm'
-    ])
-  },
-  methods: {
-    onNavigateToSpider () {
-      this.$router.push(`/spiders/${this.spiderForm._id}`)
-      this.$st.sendEv('任务详情', '概览', '点击爬虫详情')
+  export default {
+    name: 'SpiderOverview',
+    components: {
+      NodeInfoView,
+      SpiderInfoView,
+      TaskInfoView
     },
-    onNavigateToNode () {
-      this.$router.push(`/nodes/${this.nodeForm._id}`)
-      this.$st.sendEv('任务详情', '概览', '点击节点详情')
+    computed: {
+      ...mapState('node', [
+        'nodeForm'
+      ]),
+      ...mapState('spider', [
+        'spiderForm'
+      ])
+    },
+    created() {
+    },
+    methods: {
+      onNavigateToSpider() {
+        this.$router.push(`/spiders/${this.spiderForm._id}`)
+        this.$st.sendEv('任务详情', '概览', '点击爬虫详情')
+      },
+      onNavigateToNode() {
+        this.$router.push(`/nodes/${this.nodeForm._id}`)
+        this.$st.sendEv('任务详情', '概览', '点击节点详情')
+      }
     }
-  },
-  created () {
   }
-}
 </script>
 
 <style scoped>