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

fix: 修复数个bug

Browse Source 
1.asset exporter项在编辑asset时隐藏；
2.module 新增时默认端口161/9100；
3.asset detail feature重复数据；
4.刚进入panel时新增chart时不应该有panel选项；
5.overview 流量图表 处理查询折线数据异常的情况；
6.alert-msg和alert-rule二级的msg表头保持一致；
7.alert-rule detail告警数量 靠左对齐
This commit is contained in:
chenjinsong
2020-07-07 20:45:13 +08:00
parent f98c1724c4
commit ffcfaff389
11 changed files with 144 additions and 122 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
nezha-fronted/src/components/charts/chart-detail.vue
View File

@@ -75,9 +75,11 @@
<div class="content-item-value item-tip" :id="`value-${index}-${i}`" :class="{'content-item-value-muti': Array.isArray(value) && value.length > 0}"> <div class="content-item-value item-tip" :id="`value-${index}-${i}`" :class="{'content-item-value-muti': Array.isArray(value) && value.length > 0}">
<template v-if="Array.isArray(value) && value.length>0"> <template v-if="Array.isArray(value) && value.length>0">
<div v-if="typeof value[0] == 'string'" class="item-value-sub" v-for="(_item, _index) in value" :key="_index">{{_item}}</div> <template v-if="typeof value[0] == 'string'">
<div class="item-value-sub" v-for="(_item, _index) in value" :key="_index">{{_item}}</div>
</template>
<template v-else>
<el-table <el-table
v-else
class="nz-table asset-info-table" class="nz-table asset-info-table"
:data="value" :data="value"
tooltip-effect="light" tooltip-effect="light"
@@ -100,6 +102,8 @@
</el-table-column> </el-table-column>
</el-table> </el-table>
</template> </template>
</template>
<template v-else-if="key"> <template v-else-if="key">
<span class="content-text">{{value ? value : "&nbsp;"}}</span> <span class="content-text">{{value ? value : "&nbsp;"}}</span>
<div class="item-tip-hide item-tip-value el-popover" :class="itemTip(`value-${index}`, key, i, ready)">{{value}}</div> <div class="item-tip-hide item-tip-value el-popover" :class="itemTip(`value-${index}`, key, i, ready)">{{value}}</div>
@@ -377,12 +381,7 @@
this.$chartResizeTool.start(vm, this.data, e); this.$chartResizeTool.start(vm, this.data, e);
}, },
setLabels:function(source){ setLabels:function(source){
let labels=[]; let labels = Object.keys(source[0]);
source.forEach(item=>{
labels=labels.concat(Object.keys(item))
})
labels=Array.from(new Set(labels));
labels = labels.map(item=>{ labels = labels.map(item=>{
return{ return{
label:this.replaceSplit(item), label:this.replaceSplit(item),
@@ -390,7 +389,7 @@
show:true, show:true,
} }
}); });
console.info(labels) console.info(labels);
return labels; return labels;
}, },
replaceSplit(key){ replaceSplit(key){

10
nezha-fronted/src/components/charts/chart.scss
View File

@@ -379,6 +379,16 @@
box-sizing: border-box; box-sizing: border-box;
height: 26px; height: 26px;
} }
.item-tip.deep:nth-of-type(2) {
padding-left: 13px;
box-sizing: border-box;
height: 26px;
}
.item-tip.deepp:last-of-type {
padding-left: 13px;
box-sizing: border-box;
height: 26px;
}
.tag-value:hover .item-tip-show { .tag-value:hover .item-tip-show {
display: block; display: block;
} }

2
nezha-fronted/src/components/common/bottomBox/tabs/alertMessageTab.vue
View File

@@ -276,7 +276,7 @@
prop: 'endAt', prop: 'endAt',
show: true, show: true,
}, { }, {
label: this.$t('alert.list.current'), label: this.$t('overall.value'),
prop: 'current', prop: 'current',
show: true show: true
}, { }, {

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

@@ -509,12 +509,12 @@
//this.$router.go(-1); //this.$router.go(-1);
}, },
getLinkData(){ getLinkData(){
console.log('aaa'); //console.log('aaa');
this.$get('link').then(response=>{ this.$get('link').then(response=>{
console.log(response); //console.log(response);
// this.linkData=response.data; // this.linkData=response.data;
this.$store.commit('setLinkData',response.data); this.$store.commit('setLinkData',response.data);
console.log(this.$store) //console.log(this.$store)
}); });
}, },
}, },

4
nezha-fronted/src/components/common/rightBox/moduleBox.vue
View File

@@ -692,7 +692,7 @@
immediate: true, immediate: true,
deep: true, deep: true,
handler(n, o) { handler(n, o) {
if (n.type && n.type.toLowerCase() == 'snmp') { if (!n.id && n.type && n.type.toLowerCase() == 'snmp') {
n.port = 161; n.port = 161;
this.expandedWalkData = []; this.expandedWalkData = [];
this.$nextTick(() => { this.$nextTick(() => {
@@ -701,6 +701,8 @@
for (let i = 0; i < n.walk.length; i++) { for (let i = 0; i < n.walk.length; i++) {
this.expandedWalkData.push(n.walk[i].substring(0, n.walk[i].lastIndexOf("."))); this.expandedWalkData.push(n.walk[i].substring(0, n.walk[i].lastIndexOf(".")));
} }
} else if (!n.id && n.type && n.type.toLowerCase() == 'http') {
n.port = 9100;
} }
} }
}, },

5
nezha-fronted/src/components/page/alert/list.vue
View File

@@ -69,9 +69,10 @@
> >
<template slot-scope="scope" :column="item"> <template slot-scope="scope" :column="item">
<template v-if="item.prop == 'alertRule'"> <template v-if="item.prop == 'alertRule'">
<div class="link too-long-split" <!--<div class="link too-long-split"
@click="viewRule(scope.row[item.prop].id)" :id="'view-rule-'+scope.row[item.prop].id" @click="viewRule(scope.row[item.prop].id)" :id="'view-rule-'+scope.row[item.prop].id"
v-if="scope.row[item.prop].alertName">{{scope.row[item.prop].alertName}}</div> v-if="scope.row[item.prop].alertName">{{scope.row[item.prop].alertName}}</div>-->
<span class="too-long-split"v-if="scope.row[item.prop].alertName">{{scope.row[item.prop].alertName}}</span>
<template v-else>-</template> <template v-else>-</template>
</template> </template>
<!--<div v-else-if="item.prop == 'type'" class="content-right-options"> <!--<div v-else-if="item.prop == 'type'" class="content-right-options">

4
nezha-fronted/src/components/page/config/dc.vue
View File

@@ -73,8 +73,8 @@
> >
<template slot-scope="scope" :column="item"> <template slot-scope="scope" :column="item">
<div v-if="item.prop == 'option'" class="content-right-options"> <div v-if="item.prop == 'option'" class="content-right-options">
<span :title="$t('overall.view')" @click="detail(scope.row)" class="content-right-option" :id="'dc-detail-'+scope.row.id"><i class="nz-icon nz-icon-view"></i></span> <!--<span :title="$t('overall.view')" @click="detail(scope.row)" class="content-right-option" :id="'dc-detail-'+scope.row.id"><i class="nz-icon nz-icon-view"></i></span>
&nbsp; &nbsp;-->
<span :title="$t('overall.edit')" @click="edit(scope.row)" class="content-right-option" :id="'dc-edit-'+scope.row.id"><i class="nz-icon nz-icon-edit"></i></span> <span :title="$t('overall.edit')" @click="edit(scope.row)" class="content-right-option" :id="'dc-edit-'+scope.row.id"><i class="nz-icon nz-icon-edit"></i></span>
&nbsp; &nbsp;
<span :title="$t('overall.delete')" @click="del(scope.row)" class="content-right-option" :id="'dc-del-'+scope.row.id"><i class="el-icon-delete"></i></span> <span :title="$t('overall.delete')" @click="del(scope.row)" class="content-right-option" :id="'dc-del-'+scope.row.id"><i class="el-icon-delete"></i></span>

6
nezha-fronted/src/components/page/dashboard/chartBox.vue
View File

@@ -394,13 +394,13 @@
'promql-input': promqlInput, 'promql-input': promqlInput,
}, },
mounted() { mounted() {
if(this.showPanel){
this.panelName2 = this.showPanel.name;
}
this.rightBox.show = true; this.rightBox.show = true;
this.isUrl = false; this.isUrl = false;
this.isSingleStat = false; this.isSingleStat = false;
this.$nextTick(() => { this.$nextTick(() => {
if(this.showPanel){
this.panelName2 = this.showPanel.name;
}
this.initElements(); this.initElements();
}); });
}, },

19
nezha-fronted/src/components/page/dashboard/overview/overview2.vue
View File

@@ -494,7 +494,7 @@
queryAlertTrendData() { queryAlertTrendData() {
this.$refs.chartbox.startLoading(); this.$refs.chartbox.startLoading();
this.chartSeries = []; this.chartSeries = [];
let rxPromise = new Promise((resolve, reject) => {
this.$get('/prom/api/v1/query_range', this.trendParamHandle('rx')).then(response=>{ this.$get('/prom/api/v1/query_range', this.trendParamHandle('rx')).then(response=>{
if(response.status == 'success'){ if(response.status == 'success'){
if(response.data.result){ if(response.data.result){
@@ -524,13 +524,16 @@
this.$refs.chartbox.modifyOption("grid", "bottom", 8); this.$refs.chartbox.modifyOption("grid", "bottom", 8);
this.$refs.chartbox.modifyOption("grid", "containLabel", true); this.$refs.chartbox.modifyOption("grid", "containLabel", true);
this.$refs.chartbox.setSeries(this.chartSeries); this.$refs.chartbox.setSeries(this.chartSeries);
this.$refs.chartbox.endLoading();
} }
} }
resolve(true);
}else{ }else{
console.error(response) console.error(response);
resolve(false);
} }
}); });
});
let txPromise = new Promise((resolve, reject) => {
this.$get('/prom/api/v1/query_range', this.trendParamHandle('tx')).then(response=>{ this.$get('/prom/api/v1/query_range', this.trendParamHandle('tx')).then(response=>{
if(response.status == 'success'){ if(response.status == 'success'){
if(response.data.result){ if(response.data.result){
@@ -559,13 +562,21 @@
this.$refs.chartbox.modifyOption("grid", "right", 30); this.$refs.chartbox.modifyOption("grid", "right", 30);
this.$refs.chartbox.modifyOption("grid", "bottom", 8); this.$refs.chartbox.modifyOption("grid", "bottom", 8);
this.$refs.chartbox.setSeries(this.chartSeries); this.$refs.chartbox.setSeries(this.chartSeries);
this.$refs.chartbox.endLoading(); //this.$refs.chartbox.endLoading();
} }
} }
resolve(true);
}else{ }else{
console.error(response) console.error(response)
resolve(false);
} }
}); });
});
Promise.all([rxPromise, txPromise]).then(resolve => {
this.$refs.chartbox.endLoading();
}, reject => {
this.$refs.chartbox.endLoading();
});
}, },
trendParamHandle(t) { trendParamHandle(t) {
let before; let before;

14
nezha-fronted/src/components/page/dashboard/panel.vue
View File

@@ -226,7 +226,7 @@
} }
this.filter.searchName=''; this.filter.searchName='';
//this.$refs.searchInput.select(); //this.$refs.searchInput.select();
this.showPanel = val this.showPanel = val;
this.filter.panelId = this.showPanel.id; this.filter.panelId = this.showPanel.id;
// let curTime = this.$refs.calendarPanel.getCurrentTime(); // let curTime = this.$refs.calendarPanel.getCurrentTime();
let curTime=this.searchTime; let curTime=this.searchTime;
@@ -429,15 +429,13 @@
let isInitData = false; let isInitData = false;
if (response.data.list.length > 0) { if (response.data.list.length > 0) {
if (this.$store.state.showPanel.id !== 0 && this.$store.state.showPanel.name !== '') { if (this.$store.state.showPanel.id !== 0 && this.$store.state.showPanel.name !== '') {
this.showPanel.name = this.$store.state.showPanel.name; this.showPanel = this.$store.state.showPanel;
this.showPanel.id = this.$store.state.showPanel.id;
} }
if (clearShowPanel) { if (clearShowPanel) {
this.showPanel.id = ''; this.showPanel.id = '';
} }
if (this.showPanel.id === '') { if (!this.showPanel.id) {
this.showPanel.id = response.data.list[0].id; this.showPanel = response.data.list[0];
this.showPanel.name = response.data.list[0].name;
this.filter.panelId = this.showPanel.id; this.filter.panelId = this.showPanel.id;
this.getData(this.filter); this.getData(this.filter);
isInitData = true; isInitData = true;
@@ -453,7 +451,7 @@
} }
this.$store.state.showPanel.id = 0; this.$store.state.showPanel.id = 0;
this.$store.state.showPanel.name = ''; this.$store.state.showPanel.name = '';
this.$store.state.showPanel.type = 'dashboard';
}else { }else {
if(response.msg){ if(response.msg){
this.$message.error(response.msg); this.$message.error(response.msg);
@@ -580,7 +578,7 @@
}); });
} }
this.panelDataDragTmp = [...this.panelData]; this.panelDataDragTmp = [...this.panelData];
console.log(this.panelDataDragTmp) //console.log(this.panelDataDragTmp)
}, },
end (event) { end (event) {
// console.info("end event:", event) // console.info("end event:", event)

3
nezha-fronted/src/store/index.js
View File

@@ -33,7 +33,8 @@ const store = new Vuex.Store({
}, },
showPanel:{ showPanel:{
id:0, id:0,
name:'' name:'',
type: "dashboard"
}, },
consoleShow:false,//是否显示console窗口 consoleShow:false,//是否显示console窗口
consoleCount:0,//当前console窗口数 consoleCount:0,//当前console窗口数