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

feat:endpoint-query 图表添加单位转换

Browse Source
This commit is contained in:
wangwenrui
2020-05-15 17:38:13 +08:00
parent 23648d10be
commit 381b1d8bc7
1 changed files with 10 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
nezha-fronted/src/components/common/bottomBox/tabs/endpointQueryTab.vue
View File

@@ -159,11 +159,11 @@
<div slot="title"> <div slot="title">
{{$t("project.endpoint.dialogTitle")}} {{$t("project.endpoint.dialogTitle")}}
<div class="float-right panel-calendar dialog-tool" style="display: flex"> <div class="float-right panel-calendar dialog-tool" style="display: flex">
<pick-time :refresh-data-func="queryChartDate" :use-refresh="false" v-model="searchTime" style="height: 28px;"></pick-time> <pick-time :refresh-data-func="queryChartDate" :use-refresh="false" v-model="searchTime" style="height: 28px;" @unitChange="chartUnitChange"></pick-time>
<button class="nz-btn nz-btn-size-large nz-btn-style-normal nz-btn-min-width-82" @click="saveChart">{{$t('dashboard.metric.saveChart')}}</button> <button class="nz-btn nz-btn-size-large nz-btn-style-normal nz-btn-min-width-82" @click="saveChart">{{$t('dashboard.metric.saveChart')}}</button>
</div> </div>
</div> </div>
<chart ref="endpointChart" ></chart> <chart ref="endpointChart" :unit="chartUnit"></chart>
</el-dialog> </el-dialog>
<chart-box ref="addChartModal" :panel-data="panelData" @on-create-success="createSuccess" @reloadOnlyPanel="getPanelData" @reload="getPanelData"></chart-box> <chart-box ref="addChartModal" :panel-data="panelData" @on-create-success="createSuccess" @reloadOnlyPanel="getPanelData" @reload="getPanelData"></chart-box>
@@ -214,6 +214,7 @@
panelData: [], //chart-box的panel下拉框数据, panelData: [], //chart-box的panel下拉框数据,
hideSameLabels: true, hideSameLabels: true,
sameLabels:['instance','module','project','asset','endpoint','datacenter'], sameLabels:['instance','module','project','asset','endpoint','datacenter'],
chartUnit:5
} }
}, },
methods: { methods: {
@@ -236,6 +237,7 @@
metricInfo.elements.push({expression: this.selectedEndpoints[i].element, type: type}); metricInfo.elements.push({expression: this.selectedEndpoints[i].element, type: type});
} }
this.$refs.addChartModal.createData(-1, metricInfo); this.$refs.addChartModal.createData(-1, metricInfo);
this.$refs.addChartModal.setUnit(this.chartUnit)
}, },
dropdownHandler(show) { dropdownHandler(show) {
if (show) { if (show) {
@@ -434,6 +436,12 @@
dialogClose:function(){ dialogClose:function(){
this.graphShow=false; this.graphShow=false;
}, },
chartUnitChange:function(unit){
this.chartUnit=unit;
this.$nextTick(()=>{
this.queryChartDate()
})
},
queryChartDate:function(){ queryChartDate:function(){
let start = this.searchTime[0]?this.searchTime[0]:this.getTime(-1, 'h'); let start = this.searchTime[0]?this.searchTime[0]:this.getTime(-1, 'h');
let end = this.searchTime[1]?this.searchTime[1]:this.getTime(0, 'h') let end = this.searchTime[1]?this.searchTime[1]:this.getTime(0, 'h')