首页改造完成,添加系统信息

web_src/src/components/console.vue

@@ -52,6 +52,7 @@
         </div>
       </el-col>
     </el-row>
+    <configInfo ref="configInfo"></configInfo>
   </div>
 </template>
 
@@ -63,6 +64,7 @@ import consoleNet from './console/ConsoleNet.vue'
 import consoleNodeLoad from './console/ConsoleNodeLoad.vue'
 import consoleDisk from './console/ConsoleDisk.vue'
 import consoleResource from './console/ConsoleResource.vue'
+import configInfo from './dialog/configInfo.vue'
 
 import echarts from 'echarts';
 
@@ -77,10 +79,11 @@ export default {
     consoleNodeLoad,
     consoleDisk,
     consoleResource,
+    configInfo,
   },
   data() {
     return {
-      timer: null
+      timer: null,
     };
   },
   created() {
@@ -143,6 +146,18 @@ export default {
     },
     showInfo: function (){
 
+      this.$axios({
+        method: 'get',
+        url: `/api/server/system/configInfo`,
+      }).then( (res)=> {
+        console.log(res)
+        if (res.data.code === 0) {
+          console.log(2222)
+          console.log(this.$refs.configInfo)
+          this.$refs.configInfo.openDialog(res.data.data)
+        }
+      }).catch( (error)=> {
+      });
     }
 
   }

web_src/src/components/dialog/configInfo.vue

@@ -0,0 +1,59 @@
+<template>
+  <div id="configInfo">
+    <el-dialog
+      title="系统信息"
+      width="=80%"
+      top="2rem"
+      :close-on-click-modal="false"
+      :visible.sync="showDialog"
+      :destroy-on-close="true"
+      @close="close()"
+    >
+      <div id="shared" style="margin-top: 1rem;margin-right: 100px;">
+        <el-descriptions title="国标服务信息" v-if="configInfoData.sip" :span="2">
+          <el-descriptions-item label="编号" >{{configInfoData.sip.id}}</el-descriptions-item>
+          <el-descriptions-item label="域">{{configInfoData.sip.domain}}</el-descriptions-item>
+          <el-descriptions-item label="IP">{{configInfoData.sip.ip}}</el-descriptions-item>
+          <el-descriptions-item label="端口">{{configInfoData.sip.port}}</el-descriptions-item>
+          <el-descriptions-item label="密码">
+            <el-tag size="small">{{configInfoData.sip.password}}</el-tag>
+          </el-descriptions-item>
+        </el-descriptions>
+        <el-descriptions title="版本信息"v-if="configInfoData.sip">
+          <el-descriptions-item label="版本">{{configInfoData.version.version}}</el-descriptions-item>
+          <el-descriptions-item label="编译时间">{{configInfoData.version.BUILD_DATE}}</el-descriptions-item>
+          <el-descriptions-item label="GIT版本">{{configInfoData.version.GIT_Revision_SHORT}}</el-descriptions-item>
+          <el-descriptions-item label="GIT最后提交时间">{{configInfoData.version.GIT_DATE}}</el-descriptions-item>
+        </el-descriptions>
+      </div>
+    </el-dialog>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "configInfo",
+  props: {},
+  computed: {},
+  created() {},
+  data() {
+    return {
+      showDialog: false,
+      configInfoData: {
+        sip:{},
+
+      }
+    };
+  },
+  methods: {
+    openDialog: function (data) {
+      console.log(data)
+      this.showDialog = true;
+      this.configInfoData = data;
+    },
+    close: function () {
+      this.showDialog = false;
+    },
+  },
+};
+</script>