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

刷新时间周期显示内容不对 和panel 无法新建panel问题

Browse Source
This commit is contained in:
liushiting
2020-01-19 17:09:35 +08:00
parent e4942c6593
commit be94120ae3
1 changed files with 15 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -37,11 +37,11 @@
</el-select> --> </el-select> -->
<el-dropdown @command="panelChange" trigger="click"> <el-dropdown @command="panelChange" trigger="click">
<span class="el-dropdown-link"> <span class="el-dropdown-link">
Endpoint<i class="el-icon-arrow-down el-icon--right"></i> {{showPanel.name}}<i class="el-icon-arrow-down el-icon--right"></i>
</span> </span>
<el-dropdown-menu class="nz-dashboard-dropdown" slot="dropdown"> <el-dropdown-menu class="nz-dashboard-dropdown" slot="dropdown">
<el-dropdown-item >{{$t('dashboard.panel.createPanelTitleSec')}}</el-dropdown-item> <el-dropdown-item >{{$t('dashboard.panel.createPanelTitleSec')}}</el-dropdown-item>
<el-dropdown-item v-for="item in panelData" :key="item.id+1" :class="showPanel.id==item.id?'nz-dashboard-dropdown-bg':''" :command="item.id">{{item.name}}</el-dropdown-item> <el-dropdown-item v-for="item in panelData" :key="item.id+1" :class="showPanel.id==item.id?'nz-dashboard-dropdown-bg':''" :command="item">{{item.name}}</el-dropdown-item>
</el-dropdown-menu> </el-dropdown-menu>
</el-dropdown> </el-dropdown>
<div class="panel-refresh-interval"> <div class="panel-refresh-interval">
@@ -53,7 +53,7 @@
--> -->
<!--<el-select class="panel-refresh-interval-select" placeholder="" v-model="interval" @change="selectInterval" size="small"> <!--<el-select class="panel-refresh-interval-select" placeholder="" v-model="interval" @change="selectInterval" size="small">
<el-option v-for="item in intervalList" :value="item.value" :label="item.name" :key="item.value">{{item.name}}</el-option> <el-option v-for="item in intervalList" :value="item.value" :label="item.name" :key="item.value">{{item.name}}</el-option>
</el-select> --> </el-select>
<!-- 刷新 --> <!-- 刷新 -->
<div class="refresh"> <div class="refresh">
<span style="cursor:pointer;" class="nz-dashboard-refresh"> <span style="cursor:pointer;" class="nz-dashboard-refresh">
@@ -62,7 +62,7 @@
<el-popover v-model="visible" placement="bottom-start" width="200" trigger="click"> <el-popover v-model="visible" placement="bottom-start" width="200" trigger="click">
<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.value)"> <li v-for="i in intervalList" :style="{color:interval==i.value?'#31749C':''}" :key="i.value+i.name" @click="selectInterval(i.value)">
{{i.value}}{{i.name}} {{i.name}}
</li> </li>
</ul> </ul>
<div style="cursor:pointer" slot="reference"> <div style="cursor:pointer" slot="reference">
@@ -274,10 +274,15 @@ export default {
}, },
//面板相关操作 //面板相关操作
panelChange(val) { panelChange(val) {
if(!val){
this.toAdd();
return false;
}
//this.$refs.searchInput.select(); //this.$refs.searchInput.select();
this.filter.panelId = this.showPanel.id = val; this.showPanel = val
this.filter.panelId = this.showPanel.id;
this.getData(this.filter); this.getData(this.filter);
}, },
del: function (u) { del: function (u) {
this.$confirm(this.$t("tip.confirmDelete"), { this.$confirm(this.$t("tip.confirmDelete"), {
@@ -426,8 +431,10 @@ export default {
this.showPanel.name = this.$store.state.showPanel.name; this.showPanel.name = this.$store.state.showPanel.name;
this.showPanel.id = this.$store.state.showPanel.id; this.showPanel.id = this.$store.state.showPanel.id;
} }
if (this.showPanel.id === '') { if (this.showPanel.id === '') {
this.showPanel.id = response.data.list[0].id; this.showPanel.id = response.data.list[0].id;
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);
} }