* 增加Docker开发环境

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

frontend/src/components/Node/NodeInstallationMatrix.vue

@@ -22,8 +22,8 @@
               fixed
             >
               <template slot-scope="scope">
-                <el-tag type="primary" v-if="scope.row.is_master">{{$t('Master')}}</el-tag>
-                <el-tag type="warning" v-else>{{$t('Worker')}}</el-tag>
+                <el-tag v-if="scope.row.is_master" type="primary">{{ $t('Master') }}</el-tag>
+                <el-tag v-else type="warning">{{ $t('Worker') }}</el-tag>
               </template>
             </el-table-column>
             <el-table-column
@@ -32,9 +32,9 @@
               fixed
             >
               <template slot-scope="scope">
-                <el-tag type="info" v-if="scope.row.status === 'offline'">{{$t('Offline')}}</el-tag>
-                <el-tag type="success" v-else-if="scope.row.status === 'online'">{{$t('Online')}}</el-tag>
-                <el-tag type="danger" v-else>{{$t('Unavailable')}}</el-tag>
+                <el-tag v-if="scope.row.status === 'offline'" type="info">{{ $t('Offline') }}</el-tag>
+                <el-tag v-else-if="scope.row.status === 'online'" type="success">{{ $t('Online') }}</el-tag>
+                <el-tag v-else type="danger">{{ $t('Unavailable') }}</el-tag>
               </template>
             </el-table-column>
             <el-table-column
@@ -45,23 +45,23 @@
             >
               <template slot="header" slot-scope="scope">
                 <div class="header-with-action">
-                  <span>{{scope.column.label}}</span>
+                  <span>{{ scope.column.label }}</span>
                   <el-button type="primary" size="mini" @click="onInstallLangAll(scope.column.label, $event)">
-                    {{$t('Install')}}
+                    {{ $t('Install') }}
                   </el-button>
                 </div>
               </template>
               <template slot-scope="scope">
                 <template v-if="getLangInstallStatus(scope.row._id, l.name) === 'installed'">
                   <el-tag type="success">
-                    <i class="el-icon-check"></i>
-                    {{$t('Installed')}}
+                    <i class="el-icon-check" />
+                    {{ $t('Installed') }}
                   </el-tag>
                 </template>
                 <template v-else-if="getLangInstallStatus(scope.row._id, l.name) === 'installing'">
                   <el-tag type="warning">
-                    <i class="el-icon-loading"></i>
-                    {{$t('Installing')}}
+                    <i class="el-icon-loading" />
+                    {{ $t('Installing') }}
                   </el-tag>
                 </template>
                 <template
@@ -69,18 +69,18 @@
                 >
                   <div class="cell-with-action">
                     <el-tag type="danger">
-                      <i class="el-icon-error"></i>
-                      {{$t('Not Installed')}}
+                      <i class="el-icon-error" />
+                      {{ $t('Not Installed') }}
                     </el-tag>
                     <el-button type="primary" size="mini" @click="onInstallLang(scope.row._id, scope.column.label, $event)">
-                      {{$t('Install')}}
+                      {{ $t('Install') }}
                     </el-button>
                   </div>
                 </template>
                 <template v-else-if="getLangInstallStatus(scope.row._id, l.name) === 'na'">
                   <el-tag type="info">
-                    <i class="el-icon-question"></i>
-                    {{$t('N/A')}}
+                    <i class="el-icon-question" />
+                    {{ $t('N/A') }}
                   </el-tag>
                 </template>
               </template>
@@ -98,16 +98,17 @@
             />
           </el-form-item>
           <el-form-item>
-            <el-button size="small"
-                       icon="el-icon-search"
-                       type="success"
-                       @click="onSearch"
+            <el-button
+              size="small"
+              icon="el-icon-search"
+              type="success"
+              @click="onSearch"
             >
-              {{$t('Search')}}
+              {{ $t('Search') }}
             </el-button>
           </el-form-item>
           <el-form-item>
-            <el-checkbox v-model="isShowInstalled" :label="$t('Show installed')" @change="onIsShowInstalledChange"/>
+            <el-checkbox v-model="isShowInstalled" :label="$t('Show installed')" @change="onIsShowInstalledChange" />
           </el-form-item>
         </el-form>
         <el-tabs v-model="activeLang">
@@ -144,7 +145,7 @@
                 size="mini"
                 type="primary"
               >
-                {{$t('Install')}}
+                {{ $t('Install') }}
               </el-button>
             </template>
           </el-table-column>
@@ -156,7 +157,7 @@
             align="center"
           >
             <template slot="header" slot-scope="scope">
-              {{scope.column.label}}
+              {{ scope.column.label }}
             </template>
             <template slot-scope="scope">
               <div
@@ -164,14 +165,14 @@
                 class="cell-with-action"
               >
                 <el-tag type="success">
-                  {{$t('Installed')}}
+                  {{ $t('Installed') }}
                 </el-tag>
                 <el-button
                   size="mini"
                   type="danger"
                   @click="uninstallDep(n, scope.row)"
                 >
-                  {{$t('Uninstall')}}
+                  {{ $t('Uninstall') }}
                 </el-button>
               </div>
               <div
@@ -179,8 +180,8 @@
                 class="cell-with-action"
               >
                 <el-tag type="warning">
-                  <i class="el-icon-loading"></i>
-                  {{$t('Installing')}}
+                  <i class="el-icon-loading" />
+                  {{ $t('Installing') }}
                 </el-tag>
               </div>
               <div
@@ -188,14 +189,14 @@
                 class="cell-with-action"
               >
                 <el-tag type="danger">
-                  {{$t('Not Installed')}}
+                  {{ $t('Not Installed') }}
                 </el-tag>
                 <el-button
                   size="mini"
                   type="primary"
                   @click="installDep(n, scope.row)"
                 >
-                  {{$t('Install')}}
+                  {{ $t('Install') }}
                 </el-button>
               </div>
             </template>
@@ -207,242 +208,242 @@
 </template>
 
 <script>
-import { mapState } from 'vuex'
+  import { mapState } from 'vuex'
 
-export default {
-  name: 'NodeInstallationMatrix',
-  props: {
-    activeTab: {
-      type: String,
-      default: ''
-    }
-  },
-  data () {
-    return {
-      langs: [
-        { label: 'Python', name: 'python', hasDeps: true },
-        { label: 'Node.js', name: 'node', hasDeps: true },
-        { label: 'Java', name: 'java', hasDeps: false },
-        { label: '.Net Core', name: 'dotnet', hasDeps: false },
-        { label: 'PHP', name: 'php', hasDeps: false }
-      ],
-      langsDataDict: {},
-      handle: undefined,
-      activeTabName: 'lang',
-      depsDataDict: {},
-      depsSet: new Set(),
-      activeLang: 'python',
-      isDepsLoading: false,
-      depName: '',
-      isShowInstalled: true,
-      depList: []
-    }
-  },
-  computed: {
-    ...mapState('node', [
-      'nodeList'
-    ]),
-    activeNodes () {
-      return this.nodeList.filter(d => d.status === 'online')
-    },
-    computedDepsSet () {
-      return Array.from(this.depsSet).map(d => {
-        return {
-          name: d
-        }
-      })
-    },
-    langsWithDeps () {
-      return this.langs.filter(l => l.hasDeps)
-    }
-  },
-  watch: {
-    activeLang () {
-      this.getDepsData()
-    }
-  },
-  methods: {
-    async getLangsData () {
-      await Promise.all(this.nodeList.map(async n => {
-        if (n.status !== 'online') return
-        const res = await this.$request.get(`/nodes/${n._id}/langs`)
-        if (!res.data.data) return
-        res.data.data.forEach(l => {
-          const key = n._id + '|' + l.executable_name
-          this.$set(this.langsDataDict, key, l)
-        })
-      }))
-    },
-    async getDepsData () {
-      this.isDepsLoading = true
-      this.depsDataDict = {}
-      this.depsSet = new Set()
-      const depsSet = new Set()
-      await Promise.all(this.nodeList.map(async n => {
-        if (n.status !== 'online') return
-        const res = await this.$request.get(`/nodes/${n._id}/deps/installed`, { lang: this.activeLang })
-        if (!res.data.data) return
-        res.data.data.forEach(d => {
-          depsSet.add(d.name)
-          const key = n._id + '|' + d.name
-          this.$set(this.depsDataDict, key, 'installed')
-        })
-      }))
-      this.depsSet = depsSet
-      this.isDepsLoading = false
-    },
-    getLang (nodeId, langName) {
-      const key = nodeId + '|' + langName
-      return this.langsDataDict[key]
-    },
-    getLangInstallStatus (nodeId, langName) {
-      const lang = this.getLang(nodeId, langName)
-      if (!lang || !lang.install_status) return 'na'
-      return lang.install_status
-    },
-    getLangFromLabel (label) {
-      for (let i = 0; i < this.langs.length; i++) {
-        const lang = this.langs[i]
-        if (lang.label === label) {
-          return lang
-        }
+  export default {
+    name: 'NodeInstallationMatrix',
+    props: {
+      activeTab: {
+        type: String,
+        default: ''
       }
     },
-    async onInstallLang (nodeId, langLabel, ev) {
-      if (ev) {
-        ev.stopPropagation()
-      }
-      const lang = this.getLangFromLabel(langLabel)
-      this.$request.post(`/nodes/${nodeId}/langs/install`, {
-        lang: lang.name
-      })
-      const key = nodeId + '|' + lang.name
-      this.$set(this.langsDataDict[key], 'install_status', 'installing')
-      setTimeout(() => {
-        this.getLangsData()
-      }, 1000)
-      this.$request.put('/actions', {
-        type: 'install_lang'
-      })
-      this.$st.sendEv('节点列表', '安装', '安装语言')
-    },
-    async onInstallLangAll (langLabel, ev) {
-      ev.stopPropagation()
-      this.nodeList
-        .filter(n => {
-          if (n.status !== 'online') return false
-          const lang = this.getLangFromLabel(langLabel)
-          const key = n._id + '|' + lang.name
-          if (!this.langsDataDict[key]) return false
-          if (['installing', 'installed'].includes(this.langsDataDict[key].install_status)) return false
-          return true
-        })
-        .forEach(n => {
-          this.onInstallLang(n._id, langLabel, ev)
-        })
-      setTimeout(() => {
-        this.getLangsData()
-      }, 1000)
-      this.$st.sendEv('节点列表', '安装', '安装语言-所有节点')
-    },
-    onLangTableRowClick (row) {
-      this.$router.push(`/nodes/${row._id}`)
-      this.$st.sendEv('节点列表', '安装', '查看节点详情')
-    },
-    getDepStatus (node, dep) {
-      const key = node._id + '|' + dep.name
-      if (!this.depsDataDict[key]) {
-        return 'uninstalled'
-      } else {
-        return this.depsDataDict[key]
+    data() {
+      return {
+        langs: [
+          { label: 'Python', name: 'python', hasDeps: true },
+          { label: 'Node.js', name: 'node', hasDeps: true },
+          { label: 'Java', name: 'java', hasDeps: false },
+          { label: '.Net Core', name: 'dotnet', hasDeps: false },
+          { label: 'PHP', name: 'php', hasDeps: false }
+        ],
+        langsDataDict: {},
+        handle: undefined,
+        activeTabName: 'lang',
+        depsDataDict: {},
+        depsSet: new Set(),
+        activeLang: 'python',
+        isDepsLoading: false,
+        depName: '',
+        isShowInstalled: true,
+        depList: []
       }
     },
-    async installDep (node, dep) {
-      const key = node._id + '|' + dep.name
-      this.$set(this.depsDataDict, key, 'installing')
-      const data = await this.$request.post(`/nodes/${node._id}/deps/install`, {
-        lang: this.activeLang,
-        dep_name: dep.name
-      })
-      if (!data || data.error) {
-        this.$notify.error({
-          title: this.$t('Installing dependency failed'),
-          message: this.$t('The dependency installation is unsuccessful: ') + dep.name
+    computed: {
+      ...mapState('node', [
+        'nodeList'
+      ]),
+      activeNodes() {
+        return this.nodeList.filter(d => d.status === 'online')
+      },
+      computedDepsSet() {
+        return Array.from(this.depsSet).map(d => {
+          return {
+            name: d
+          }
         })
-        this.$set(this.depsDataDict, key, 'uninstalled')
-      } else {
-        this.$notify.success({
-          title: this.$t('Installing dependency successful'),
-          message: this.$t('You have successfully installed a dependency: ') + dep.name
-        })
-        this.$set(this.depsDataDict, key, 'installed')
+      },
+      langsWithDeps() {
+        return this.langs.filter(l => l.hasDeps)
       }
-      this.$request.put('/actions', {
-        type: 'install_dep'
-      })
-      this.$st.sendEv('节点列表', '安装', '安装依赖')
     },
-    async uninstallDep (node, dep) {
-      const key = node._id + '|' + dep.name
-      this.$set(this.depsDataDict, key, 'installing')
-      const data = await this.$request.post(`/nodes/${node._id}/deps/uninstall`, {
-        lang: this.activeLang,
-        dep_name: dep.name
-      })
-      if (!data || data.error) {
-        this.$notify.error({
-          title: this.$t('Uninstalling dependency failed'),
-          message: this.$t('The dependency uninstallation is unsuccessful: ') + dep.name
-        })
-        this.$set(this.depsDataDict, key, 'installed')
-      } else {
-        this.$notify.success({
-          title: this.$t('Uninstalling dependency successful'),
-          message: this.$t('You have successfully uninstalled a dependency: ') + dep.name
-        })
-        this.$set(this.depsDataDict, key, 'uninstalled')
-      }
-      this.$st.sendEv('节点列表', '安装', '卸载依赖')
-    },
-    onSearch () {
-      this.isShowInstalled = false
-      this.getDepList()
-      this.$st.sendEv('节点列表', '安装', '搜索依赖')
-    },
-    async getDepList () {
-      const masterNode = this.nodeList.filter(n => n.is_master)[0]
-      this.depsSet = []
-      this.isDepsLoading = true
-      const res = await this.$request.get(`/nodes/${masterNode._id}/deps`, {
-        lang: this.activeLang,
-        dep_name: this.depName
-      })
-      this.isDepsLoading = false
-      this.depsSet = new Set(res.data.data.map(d => d.name))
-    },
-    onIsShowInstalledChange (val) {
-      if (val) {
+    watch: {
+      activeLang() {
         this.getDepsData()
-      } else {
-        this.depsSet = []
       }
-      this.$st.sendEv('节点列表', '安装', '点击查看已安装')
-    }
-  },
-  async created () {
-    setTimeout(() => {
-      this.getLangsData()
-      this.getDepsData()
-    }, 1000)
+    },
+    async created() {
+      setTimeout(() => {
+        this.getLangsData()
+        this.getDepsData()
+      }, 1000)
 
-    this.handle = setInterval(() => {
-      this.getLangsData()
-    }, 10000)
-  },
-  destroyed () {
-    clearInterval(this.handle)
+      this.handle = setInterval(() => {
+        this.getLangsData()
+      }, 10000)
+    },
+    destroyed() {
+      clearInterval(this.handle)
+    },
+    methods: {
+      async getLangsData() {
+        await Promise.all(this.nodeList.map(async n => {
+          if (n.status !== 'online') return
+          const res = await this.$request.get(`/nodes/${n._id}/langs`)
+          if (!res.data.data) return
+          res.data.data.forEach(l => {
+            const key = n._id + '|' + l.executable_name
+            this.$set(this.langsDataDict, key, l)
+          })
+        }))
+      },
+      async getDepsData() {
+        this.isDepsLoading = true
+        this.depsDataDict = {}
+        this.depsSet = new Set()
+        const depsSet = new Set()
+        await Promise.all(this.nodeList.map(async n => {
+          if (n.status !== 'online') return
+          const res = await this.$request.get(`/nodes/${n._id}/deps/installed`, { lang: this.activeLang })
+          if (!res.data.data) return
+          res.data.data.forEach(d => {
+            depsSet.add(d.name)
+            const key = n._id + '|' + d.name
+            this.$set(this.depsDataDict, key, 'installed')
+          })
+        }))
+        this.depsSet = depsSet
+        this.isDepsLoading = false
+      },
+      getLang(nodeId, langName) {
+        const key = nodeId + '|' + langName
+        return this.langsDataDict[key]
+      },
+      getLangInstallStatus(nodeId, langName) {
+        const lang = this.getLang(nodeId, langName)
+        if (!lang || !lang.install_status) return 'na'
+        return lang.install_status
+      },
+      getLangFromLabel(label) {
+        for (let i = 0; i < this.langs.length; i++) {
+          const lang = this.langs[i]
+          if (lang.label === label) {
+            return lang
+          }
+        }
+      },
+      async onInstallLang(nodeId, langLabel, ev) {
+        if (ev) {
+          ev.stopPropagation()
+        }
+        const lang = this.getLangFromLabel(langLabel)
+        this.$request.post(`/nodes/${nodeId}/langs/install`, {
+          lang: lang.name
+        })
+        const key = nodeId + '|' + lang.name
+        this.$set(this.langsDataDict[key], 'install_status', 'installing')
+        setTimeout(() => {
+          this.getLangsData()
+        }, 1000)
+        this.$request.put('/actions', {
+          type: 'install_lang'
+        })
+        this.$st.sendEv('节点列表', '安装', '安装语言')
+      },
+      async onInstallLangAll(langLabel, ev) {
+        ev.stopPropagation()
+        this.nodeList
+          .filter(n => {
+            if (n.status !== 'online') return false
+            const lang = this.getLangFromLabel(langLabel)
+            const key = n._id + '|' + lang.name
+            if (!this.langsDataDict[key]) return false
+            if (['installing', 'installed'].includes(this.langsDataDict[key].install_status)) return false
+            return true
+          })
+          .forEach(n => {
+            this.onInstallLang(n._id, langLabel, ev)
+          })
+        setTimeout(() => {
+          this.getLangsData()
+        }, 1000)
+        this.$st.sendEv('节点列表', '安装', '安装语言-所有节点')
+      },
+      onLangTableRowClick(row) {
+        this.$router.push(`/nodes/${row._id}`)
+        this.$st.sendEv('节点列表', '安装', '查看节点详情')
+      },
+      getDepStatus(node, dep) {
+        const key = node._id + '|' + dep.name
+        if (!this.depsDataDict[key]) {
+          return 'uninstalled'
+        } else {
+          return this.depsDataDict[key]
+        }
+      },
+      async installDep(node, dep) {
+        const key = node._id + '|' + dep.name
+        this.$set(this.depsDataDict, key, 'installing')
+        const data = await this.$request.post(`/nodes/${node._id}/deps/install`, {
+          lang: this.activeLang,
+          dep_name: dep.name
+        })
+        if (!data || data.error) {
+          this.$notify.error({
+            title: this.$t('Installing dependency failed'),
+            message: this.$t('The dependency installation is unsuccessful: ') + dep.name
+          })
+          this.$set(this.depsDataDict, key, 'uninstalled')
+        } else {
+          this.$notify.success({
+            title: this.$t('Installing dependency successful'),
+            message: this.$t('You have successfully installed a dependency: ') + dep.name
+          })
+          this.$set(this.depsDataDict, key, 'installed')
+        }
+        this.$request.put('/actions', {
+          type: 'install_dep'
+        })
+        this.$st.sendEv('节点列表', '安装', '安装依赖')
+      },
+      async uninstallDep(node, dep) {
+        const key = node._id + '|' + dep.name
+        this.$set(this.depsDataDict, key, 'installing')
+        const data = await this.$request.post(`/nodes/${node._id}/deps/uninstall`, {
+          lang: this.activeLang,
+          dep_name: dep.name
+        })
+        if (!data || data.error) {
+          this.$notify.error({
+            title: this.$t('Uninstalling dependency failed'),
+            message: this.$t('The dependency uninstallation is unsuccessful: ') + dep.name
+          })
+          this.$set(this.depsDataDict, key, 'installed')
+        } else {
+          this.$notify.success({
+            title: this.$t('Uninstalling dependency successful'),
+            message: this.$t('You have successfully uninstalled a dependency: ') + dep.name
+          })
+          this.$set(this.depsDataDict, key, 'uninstalled')
+        }
+        this.$st.sendEv('节点列表', '安装', '卸载依赖')
+      },
+      onSearch() {
+        this.isShowInstalled = false
+        this.getDepList()
+        this.$st.sendEv('节点列表', '安装', '搜索依赖')
+      },
+      async getDepList() {
+        const masterNode = this.nodeList.filter(n => n.is_master)[0]
+        this.depsSet = []
+        this.isDepsLoading = true
+        const res = await this.$request.get(`/nodes/${masterNode._id}/deps`, {
+          lang: this.activeLang,
+          dep_name: this.depName
+        })
+        this.isDepsLoading = false
+        this.depsSet = new Set(res.data.data.map(d => d.name))
+      },
+      onIsShowInstalledChange(val) {
+        if (val) {
+          this.getDepsData()
+        } else {
+          this.depsSet = []
+        }
+        this.$st.sendEv('节点列表', '安装', '点击查看已安装')
+      }
+    }
   }
-}
 </script>
 
 <style scoped>