added java env

frontend/src/components/Node/NodeInstallation.vue

@@ -152,6 +152,7 @@ export default {
   methods: {
     async getDepList () {
       this.loading = true
+      this.depList = []
       const res = await this.$request.get(`/nodes/${this.nodeForm._id}/deps`, {
         lang: this.activeLang.executable_name,
         dep_name: this.depName
@@ -175,6 +176,7 @@ export default {
     },
     async getInstalledDepList () {
       this.loading = true
+      this.installedDepList = []
       const res = await this.$request.get(`/nodes/${this.nodeForm._id}/deps/installed`, {
         lang: this.activeLang.executable_name
       })

frontend/src/components/Node/NodeInstallationMatrix.vue

@@ -0,0 +1,20 @@
+<template>
+  <div class="node-installation-matrix">
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'NodeInstallationMatrix',
+  props: {
+    activeTab: {
+      type: String,
+      default: ''
+    }
+  }
+}
+</script>
+
+<style scoped>
+
+</style>

frontend/src/views/node/NodeList.vue

@@ -142,6 +142,9 @@
       <el-tab-pane :label="$t('Network')">
         <node-network :active-tab="activeTab"/>
       </el-tab-pane>
+      <el-tab-pane :label="$t('Installation')">
+        <node-installation-matrix :active-tab="activeTab"/>
+      </el-tab-pane>
     </el-tabs>
   </div>
 </template>
@@ -153,10 +156,11 @@ import {
 } from 'vuex'
 import 'github-markdown-css/github-markdown.css'
 import NodeNetwork from '../../components/Node/NodeNetwork'
+import NodeInstallationMatrix from '../../components/Node/NodeInstallationMatrix'
 
 export default {
   name: 'NodeList',
-  components: { NodeNetwork },
+  components: { NodeInstallationMatrix, NodeNetwork },
   data () {
     return {
       pagination: {