* 增加Docker开发环境

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

frontend/src/views/deploy/DeployDetail.vue

@@ -5,9 +5,9 @@
 </template>
 
 <script>
-export default {
-  name: 'NodeDetail'
-}
+  export default {
+    name: 'NodeDetail'
+  }
 </script>
 
 <style scoped>

frontend/src/views/deploy/DeployList.vue

@@ -2,157 +2,167 @@
   <div class="app-container">
     <!--filter-->
     <div class="filter">
-      <el-input prefix-icon="el-icon-search"
-                :placeholder="$t('Search')"
-                class="filter-search"
-                v-model="filter.keyword"
-                @change="onSearch">
-      </el-input>
+      <el-input
+        v-model="filter.keyword"
+        prefix-icon="el-icon-search"
+        :placeholder="$t('Search')"
+        class="filter-search"
+        @change="onSearch"
+      />
       <div class="right">
-        <el-button type="success"
-                   icon="el-icon-refresh"
-                   class="refresh"
-                   @click="onRefresh">
-          {{$t('Refresh')}}
+        <el-button
+          type="success"
+          icon="el-icon-refresh"
+          class="refresh"
+          @click="onRefresh"
+        >
+          {{ $t('Refresh') }}
         </el-button>
       </div>
     </div>
 
     <!--table list-->
-    <el-table :data="filteredTableData"
-              class="table"
-              :header-cell-style="{background:'rgb(48, 65, 86)',color:'white'}"
-              border>
+    <el-table
+      :data="filteredTableData"
+      class="table"
+      :header-cell-style="{background:'rgb(48, 65, 86)',color:'white'}"
+      border
+    >
       <template v-for="col in columns">
-        <el-table-column v-if="col.name === 'spider_name'"
-                         :key="col.name"
-                         :label="$t(col.label)"
-                         :sortable="col.sortable"
-                         align="center"
-                         :width="col.width">
+        <el-table-column
+          v-if="col.name === 'spider_name'"
+          :key="col.name"
+          :label="$t(col.label)"
+          :sortable="col.sortable"
+          align="center"
+          :width="col.width"
+        >
           <template slot-scope="scope">
-            <a class="a-tag" href="javascript:" @click="onClickSpider(scope.row)">{{scope.row[col.name]}}</a>
+            <a class="a-tag" href="javascript:" @click="onClickSpider(scope.row)">{{ scope.row[col.name] }}</a>
           </template>
         </el-table-column>
-        <el-table-column v-else-if="col.name === 'node_id'"
-                         :key="col.name"
-                         :label="$t(col.label)"
-                         :sortable="col.sortable"
-                         align="center"
-                         :width="col.width">
+        <el-table-column
+          v-else-if="col.name === 'node_id'"
+          :key="col.name"
+          :label="$t(col.label)"
+          :sortable="col.sortable"
+          align="center"
+          :width="col.width"
+        >
           <template slot-scope="scope">
-            <a class="a-tag" href="javascript:" @click="onClickNode(scope.row)">{{scope.row[col.name]}}</a>
+            <a class="a-tag" href="javascript:" @click="onClickNode(scope.row)">{{ scope.row[col.name] }}</a>
           </template>
         </el-table-column>
-        <el-table-column v-else
-                         :key="col.name"
-                         :property="col.name"
-                         :label="$t(col.label)"
-                         :sortable="col.sortable"
-                         align="center"
-                         :width="col.width">
-        </el-table-column>
+        <el-table-column
+          v-else
+          :key="col.name"
+          :property="col.name"
+          :label="$t(col.label)"
+          :sortable="col.sortable"
+          align="center"
+          :width="col.width"
+        />
       </template>
       <el-table-column :label="$t('Action')" align="center" width="160">
         <template slot-scope="scope">
           <el-tooltip :content="$t('View')" placement="top">
-            <el-button type="primary" icon="el-icon-search" size="mini" @click="onView(scope.row)"></el-button>
+            <el-button type="primary" icon="el-icon-search" size="mini" @click="onView(scope.row)" />
           </el-tooltip>
         </template>
       </el-table-column>
     </el-table>
     <div class="pagination">
       <el-pagination
-        @current-change="onPageChange"
-        @size-change="onPageChange"
         :current-page.sync="pagination.pageNum"
         :page-sizes="[10, 20, 50, 100]"
         :page-size.sync="pagination.pageSize"
         layout="sizes, prev, pager, next"
-        :total="deployList.length">
-      </el-pagination>
+        :total="deployList.length"
+        @current-change="onPageChange"
+        @size-change="onPageChange"
+      />
     </div>
   </div>
 </template>
 
 <script>
-import {
-  mapState
-} from 'vuex'
+  import {
+    mapState
+  } from 'vuex'
 
-export default {
-  name: 'DeployList',
-  data () {
-    return {
-      pagination: {
-        pageNum: 0,
-        pageSize: 10
+  export default {
+    name: 'DeployList',
+    data() {
+      return {
+        pagination: {
+          pageNum: 0,
+          pageSize: 10
+        },
+        filter: {
+          keyword: ''
+        },
+        // tableData,
+        columns: [
+          // { name: 'version', label: 'Version', width: '180' },
+          // { name: 'ip', label: 'IP', width: '160' },
+          // { name: 'port', label: 'Port', width: '80' },
+          { name: 'finish_ts', label: 'Time', width: '180' },
+          { name: 'spider_name', label: 'Spider', width: '180', sortable: true },
+          { name: 'node_id', label: 'Node', width: 'auto' }
+        ],
+        nodeFormRules: {
+          name: [{ required: true, message: 'Required Field', trigger: 'change' }]
+        }
+      }
+    },
+    computed: {
+      ...mapState('deploy', [
+        'deployList',
+        'deployForm'
+      ]),
+      filteredTableData() {
+        return this.deployList.filter(d => {
+          if (!this.filter.keyword) return true
+          for (let i = 0; i < this.columns.length; i++) {
+            const colName = this.columns[i].name
+            if (d[colName] && d[colName].toLowerCase().indexOf(this.filter.keyword.toLowerCase()) > -1) {
+              return true
+            }
+          }
+          return false
+        })
+          .filter((d, index) => {
+            // pagination
+            const { pageNum, pageSize } = this.pagination
+            return (pageSize * (pageNum - 1) <= index) && (index < pageSize * pageNum)
+          })
+      }
+    },
+    created() {
+      this.$store.dispatch('deploy/getDeployList')
+    },
+    methods: {
+      onSearch(value) {
+        console.log(value)
       },
-      filter: {
-        keyword: ''
+      onRefresh() {
+        this.$store.dispatch('deploy/getDeployList')
+        this.$st.sendEv('部署', '刷新')
       },
-      // tableData,
-      columns: [
-        // { name: 'version', label: 'Version', width: '180' },
-        // { name: 'ip', label: 'IP', width: '160' },
-        // { name: 'port', label: 'Port', width: '80' },
-        { name: 'finish_ts', label: 'Time', width: '180' },
-        { name: 'spider_name', label: 'Spider', width: '180', sortable: true },
-        { name: 'node_id', label: 'Node', width: 'auto' }
-      ],
-      nodeFormRules: {
-        name: [{ required: true, message: 'Required Field', trigger: 'change' }]
+      onView(row) {
+        this.$router.push(`/deploys/${row._id}`)
+      },
+      onClickSpider(row) {
+        this.$router.push(`/spiders/${row.spider_id}`)
+      },
+      onClickNode(row) {
+        this.$router.push(`/nodes/${row.node_id}`)
+      },
+      onPageChange() {
+        this.$store.dispatch('deploy/getDeployList')
       }
     }
-  },
-  computed: {
-    ...mapState('deploy', [
-      'deployList',
-      'deployForm'
-    ]),
-    filteredTableData () {
-      return this.deployList.filter(d => {
-        if (!this.filter.keyword) return true
-        for (let i = 0; i < this.columns.length; i++) {
-          const colName = this.columns[i].name
-          if (d[colName] && d[colName].toLowerCase().indexOf(this.filter.keyword.toLowerCase()) > -1) {
-            return true
-          }
-        }
-        return false
-      })
-        .filter((d, index) => {
-          // pagination
-          const { pageNum, pageSize } = this.pagination
-          return (pageSize * (pageNum - 1) <= index) && (index < pageSize * pageNum)
-        })
-    }
-  },
-  methods: {
-    onSearch (value) {
-      console.log(value)
-    },
-    onRefresh () {
-      this.$store.dispatch('deploy/getDeployList')
-      this.$st.sendEv('部署', '刷新')
-    },
-    onView (row) {
-      this.$router.push(`/deploys/${row._id}`)
-    },
-    onClickSpider (row) {
-      this.$router.push(`/spiders/${row.spider_id}`)
-    },
-    onClickNode (row) {
-      this.$router.push(`/nodes/${row.node_id}`)
-    },
-    onPageChange () {
-      this.$store.dispatch('deploy/getDeployList')
-    }
-  },
-  created () {
-    this.$store.dispatch('deploy/getDeployList')
   }
-}
 </script>
 
 <style scoped lang="scss">