gfwleak/nezha-nezha-fronted
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: about改为从接口获取数据

Browse Source
This commit is contained in:
陈劲松
2020-11-18 10:02:28 +08:00
committed by chenjinsong
parent 8ed0a7b42b
commit bf2dc9e974
2 changed files with 18 additions and 20 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
nezha-fronted/src/components/common/header.vue
View File

@@ -104,7 +104,7 @@
</el-submenu> </el-submenu>
<el-submenu index="5" popper-class="nz-submenu"> <el-submenu index="5" popper-class="nz-submenu">
<template slot="title"> <template slot="title">
<div @click="jumpTo('/account')" :class ="route == '/account' || route == '/promServer' || route == '/dc' || route == '/model' || route == '/mib' || route == '/system' || route == '/terminallog' || route == '/operationlog' ? 'menu-active' : ''">{{$t('overall.config')}}</div> <div @click="jumpTo('/account')" :class ="route == '/account' || route == '/promServer' || route == '/dc' || route == '/model' || route == '/mib' || route == '/system' || route == '/terminallog' || route == '/operationlog' || route == '/about' ? 'menu-active' : ''">{{$t('overall.config')}}</div>
</template> </template>
<el-menu-item index="5-0"> <el-menu-item index="5-0">
<div @click="jumpTo('/account')" :class="{'menu-item-active' :(route == '/account' )}">{{$t('config.account.account')}}</div> <div @click="jumpTo('/account')" :class="{'menu-item-active' :(route == '/account' )}">{{$t('config.account.account')}}</div>

34
nezha-fronted/src/components/page/config/about.vue
View File

@@ -3,24 +3,16 @@
<div class="app-header"> <div class="app-header">
<div class="header-logo"><img width="70" height="70" src="../../../assets/img/logo1-2.png"></div> <div class="header-logo"><img width="70" height="70" src="../../../assets/img/logo1-2.png"></div>
<div class="header-title"> <div class="header-title">
<div class="app-name">Nezha monitoring System</div> <div class="app-name">{{version.nezha.name}}</div>
<div class="app-version"><span class="about-label">{{$t("overall.version")}}&nbsp;&nbsp;&nbsp;</span><span>1.2.1</span></div> <div class="app-version"><span class="about-label">{{$t("overall.version")}}&nbsp;&nbsp;&nbsp;</span><span>{{version.nezha.version}}</span></div>
</div> </div>
</div> </div>
<div class="app-component"> <div class="app-component">
<div class="component-title">{{$t("overall.components")}}</div> <div class="component-title">{{$t("overall.components")}}</div>
<div class="component-content"> <div class="component-content">
<div class="app-component-row"> <div class="app-component-row" v-for="(item, index) in version.components" :key="index">
<div class="component-name">Maria DB</div> <div class="component-name">{{item.name}}</div>
<div class="component-version">{{version.mariadb}}</div> <div class="component-version">{{item.version}}</div>
</div>
<div class="app-component-row">
<div class="component-name">Redis</div>
<div class="component-version">{{version.redis}}</div>
</div>
<div class="app-component-row">
<div class="component-name">Prometheus</div>
<div class="component-version">{{version.prometheus}}</div>
</div> </div>
</div> </div>
</div> </div>
@@ -31,14 +23,19 @@
name: "about", name: "about",
data() { data() {
return { return {
version: { version: {}
main: "1.2.1",
mariadb: "10.5.5-log",
redis: "4.1.2",
prometheus: "2.21.1"
} }
},
methods: {
getVersion() {
this.$get("/about").then(response => {
this.version = response.data;
});
} }
}, },
mounted() {
this.getVersion();
},
} }
</script> </script>
<style scoped lang="scss"> <style scoped lang="scss">
@@ -55,6 +52,7 @@
.app-header { .app-header {
display: flex; display: flex;
width: 325px;
.header-logo { .header-logo {
font-size: 0; font-size: 0;