perf:时间选择器新增是否使用定时刷新控制

This commit is contained in:
wangwenrui
2020-04-24 12:57:12 +08:00
parent bb3f6f21ed
commit 1ec610e9dc
2 changed files with 7 additions and 3 deletions

View File

@@ -12,12 +12,12 @@
style="margin-right: 20px" style="margin-right: 20px"
align="right"> align="right">
</el-date-picker> </el-date-picker>
<div class="nz-btn-group nz-btn-group-size-normal nz-btn-group-light margin-r-20"> <div class="nz-btn-group nz-btn-group-size-normal nz-btn-group-light margin-r-20" v-show="useRefresh">
<button style="border-right: 1px solid rgba(162,162,162,0.50);height: 100%" type="button" class="nz-btn nz-btn-size-normal nz-btn-style-light" @click="refreshDataFunc"> <button style="border-right: 1px solid rgba(162,162,162,0.50);height: 100%" type="button" class="nz-btn nz-btn-size-normal nz-btn-style-light" @click="refreshDataFunc">
<i style="font-size: 12px" class="global-active-color nz-icon nz-icon-refresh"></i>&nbsp; <i style="font-size: 12px" class="global-active-color nz-icon nz-icon-refresh"></i>&nbsp;
<span class="nz-btn nz-btn-text" ><slot name="added-text"></slot></span> <span class="nz-btn nz-btn-text" ><slot name="added-text"></slot></span>
</button> </button>
<el-popover v-model="visible" placement="bottom-start" :width="50" trigger="click" popper-class="interval-refresh-popover"> <el-popover v-model="visible" placement="bottom-start" :width="50" trigger="click" popper-class="interval-refresh-popover" >
<ul class="popover_ul"> <ul class="popover_ul">
<li v-for="i in intervalList" :style="{color:interval==i.value?'#31749C':''}" :key="i.value+i.name" @click="selectInterval(i)"> <li v-for="i in intervalList" :style="{color:interval==i.value?'#31749C':''}" :key="i.value+i.name" @click="selectInterval(i)">
{{i.name}} {{i.name}}
@@ -48,6 +48,10 @@
timeRange:{ timeRange:{
type:Array, type:Array,
required: true, required: true,
},
useRefresh:{
type:Boolean,
default:true,
} }
}, },
data(){ data(){

View File

@@ -18,7 +18,7 @@
:class="{'nz-btn-disabled btn-disabled-cursor-not-allowed' : saveDisabled}"> :class="{'nz-btn-disabled btn-disabled-cursor-not-allowed' : saveDisabled}">
{{$t('dashboard.metric.saveChart')}} {{$t('dashboard.metric.saveChart')}}
</button> </button>
<pick-time :refresh-data-func="expressionChange" v-model="filterTime"> <pick-time :refresh-data-func="expressionChange" v-model="filterTime" >
<template slot="added-text">{{$t('dashboard.metricPreview.runQuery')}}</template> <template slot="added-text">{{$t('dashboard.metricPreview.runQuery')}}</template>
</pick-time> </pick-time>
</div> </div>