fix: 修复alertmsg图表单位切换无效的问题

This commit is contained in:
chenjinsong
2020-05-15 18:07:20 +08:00
parent 50886a5fca
commit 1054655585
2 changed files with 19 additions and 4 deletions

View File

@@ -184,10 +184,10 @@
<div slot="title">
{{$t("project.endpoint.dialogTitle")}}
<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>
</div>
</div>
<chart ref="messageChart" ></chart>
<chart ref="messageChart" :unit="chartUnit"></chart>
</el-dialog>
</span>
</template>
@@ -216,6 +216,7 @@
sameLabels: ['instance','module','project','asset','endpoint','datacenter'],
searchTime: [new Date().setHours(new Date().getHours() - 1), new Date()],
currentMsg: {},
chartUnit: 5,
defaultSearchValue: this.obj.alertNum ? 1 : 0,
showElementSet: false,
@@ -561,6 +562,13 @@
this.queryChartDate();
});
},
chartUnitChange:function(unit){
this.chartUnit=unit;
this.$nextTick(()=>{
this.queryChartDate()
})
},
dialogClose() {
this.graphShow = false;
},

View File

@@ -208,10 +208,10 @@
<div slot="title">
{{$t("project.endpoint.dialogTitle")}}
<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>
</div>
</div>
<chart ref="messageChart" name="alertMessageChart"></chart>
<chart ref="messageChart" name="alertMessageChart" :unit="chartUnit"></chart>
</el-dialog>
</div>
@@ -258,6 +258,7 @@
legend: [],
searchTime: [new Date().setHours(new Date().getHours() - 1), new Date()],
currentMsg: {},
chartUnit: 5,
tableId: 'alertListTable', //需要分页的table的id用于记录每页数量
showTopBtn: false,
@@ -471,6 +472,12 @@
this.$store.commit('setHeaderTable', data);
this.tablelable = data;
},
chartUnitChange:function(unit){
this.chartUnit=unit;
this.$nextTick(()=>{
this.queryChartDate()
})
},
queryChartDate() {
let start = this.searchTime[0]?this.searchTime[0]:this.getTime(-1, 'h');
let end = this.searchTime[1]?this.searchTime[1]:this.getTime(0, 'h')