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

fix ： 解决console爆粗 以及删除没传ids的问题

Browse Source
This commit is contained in:
zhangyu
2020-08-06 10:10:49 +08:00
parent 0d83ebdf70
commit cf5c7a5f6d
4 changed files with 165 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -374,13 +374,14 @@ export default {
});
this.deleteBox.ids = ids.join(",");
},
deleteMessage(deleltebox) {
deleteMessage(deleltebox,cb) {
this.$put("alert/message", deleltebox).then(res => {
if (res.code === 200) {
this.$message({duration: 2000, type: 'success', message: this.$t("tip.deleteSuccess")});
this.deleteBox.show = false;
this.deleteBox.ids="";
this.getAlertList();
cb();
} else {
this.$message.error(res.msg);
}
@@ -564,7 +565,7 @@ export default {
}
this.requestIndex+=1;
item.current=current;
if(this.requestIndex===this.tableData.length){
if(this.requestIndex===this.storedTableData.length){
this.$set(item, "current", current);
this.requestIndex=0;
}

9
nezha-fronted/src/components/common/alert/alertMessageTable.vue
View File

@@ -405,6 +405,7 @@
}else{
step='30m';
}
if(this.$refs.messageChart){
this.$refs.messageChart.startLoading();
let axiosArr=[];
let paramStr = JSON.stringify(this.promQueryParamConvert(this.currentMsg));
@@ -494,6 +495,7 @@
this.$refs.messageChart.endLoading();
}
})
}
},
computeDistance:function(str){
var width = 0;
@@ -572,10 +574,11 @@
this.deleteBox.show = true;
},
deleteMessage() {
this.$emit('deleteMessage',this.deleteBox);
this.$emit('deleteMessage',this.deleteBox,()=>{
this.deleteBox.ids=[];
});
//console.log(this.deleteBox);
this.deleteBox.show = false;
this.deleteBox.ids=[];
},
selectChange(s) {
let ids = [];
@@ -920,7 +923,7 @@
display: inline-block;
}
/deep/.alert-clean-pop.el-popover{
top: -30px;
top: -30px !important;
}
.pointer{
cursor: pointer;

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

@@ -59,20 +59,20 @@
</el-dialog>
</div>
<el-dialog class="line-chart-block-modal nz-dialog endpoint-dialog"
:title="$t('overall.detail')"
:visible.sync="graphShow"
width="90%"
id="viewGraphDialog"
@close="dialogClose">
<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;" @unitChange="chartUnitChange"></pick-time>
</div>
</div>
<chart ref="messageChart" :unit="chartUnit"></chart>
</el-dialog>
<!--<el-dialog class="line-chart-block-modal nz-dialog endpoint-dialog"-->
<!--:title="$t('overall.detail')"-->
<!--:visible.sync="graphShow"-->
<!--width="90%"-->
<!--id="viewGraphDialog"-->
<!--@close="dialogClose">-->
<!--<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;" @unitChange="chartUnitChange"></pick-time>-->
<!--</div>-->
<!--</div>-->
<!--<chart ref="messageChart" :unit="chartUnit"></chart>-->
<!--</el-dialog>-->
</span>
</template>
@@ -291,11 +291,13 @@
changeTab(tab) {
this.$emit('changeTab', tab);
},
deleteMessage(deleteBox) {
deleteMessage(deleteBox,cb) {
console.log(deleteBox)
this.$put("alert/message", deleteBox).then(res => {
if (res.code === 200) {
this.$message({duration: 2000, type: 'success', message: this.$t("tip.deleteSuccess")});
this.getAlertList();
cb();
} else {
this.$message.error(res.msg);
}

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

@@ -59,35 +59,35 @@
</el-dialog>
</div>
<!--export-->
<div class="export-xlsx">
<el-dialog :visible.sync="deleteBox.show" :title="$t('overall.delete')" :modal-append-to-body='false' :show-close="true" width="300px" @close="closeDialog" class="nz-message">
<div class="upload-body">
<el-input type="textarea" :placeholder="$t('alert.description')" v-model="deleteBox.remark"></el-input>
<div style="text-align: right; margin-top: 10px;">
<button @click="closeDialog" class="el-button el-button--default el-button--small">
<span>{{$t('tip.no')}}</span>
</button>
<button @click="deleteMessage" class="el-button el-button--default el-button--small el-button--primary">
<span>{{$t('tip.yes')}}</span>
</button>
</div>
</div>
</el-dialog>
</div>
<el-dialog class="line-chart-block-modal nz-dialog endpoint-dialog"
:title="$t('overall.detail')"
:visible.sync="graphShow"
width="90%"
id="viewGraphDialog"
@close="dialogClose">
<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" :use-chart-unit="false" v-model="searchTime" style="height: 28px;" @unitChange="chartUnitChange"></pick-time>
</div>
</div>
<chart ref="messageChart" name="alertMessageChart" :unit="chartUnit"></chart>
</el-dialog>
<!--<div class="export-xlsx">-->
<!--<el-dialog :visible.sync="deleteBox.show" :title="$t('overall.delete')" :modal-append-to-body='false' :show-close="true" width="300px" @close="closeDialog" class="nz-message">-->
<!--<div class="upload-body">-->
<!--<el-input type="textarea" :placeholder="$t('alert.description')" v-model="deleteBox.remark"></el-input>-->
<!--<div style="text-align: right; margin-top: 10px;">-->
<!--<button @click="closeDialog" class="el-button el-button&#45;&#45;default el-button&#45;&#45;small">-->
<!--<span>{{$t('tip.no')}}</span>-->
<!--</button>-->
<!--<button @click="deleteMessage" class="el-button el-button&#45;&#45;default el-button&#45;&#45;small el-button&#45;&#45;primary">-->
<!--<span>{{$t('tip.yes')}}</span>-->
<!--</button>-->
<!--</div>-->
<!--</div>-->
<!--</el-dialog>-->
<!--</div>-->
<!--<el-dialog class="line-chart-block-modal nz-dialog endpoint-dialog"-->
<!--:title="$t('overall.detail')"-->
<!--:visible.sync="graphShow"-->
<!--width="90%"-->
<!--id="viewGraphDialog"-->
<!--@close="dialogClose">-->
<!--<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" :use-chart-unit="false" v-model="searchTime" style="height: 28px;" @unitChange="chartUnitChange"></pick-time>-->
<!--</div>-->
<!--</div>-->
<!--<chart ref="messageChart" name="alertMessageChart" :unit="chartUnit"></chart>-->
<!--</el-dialog>-->
</div>
</template>
@@ -554,11 +554,12 @@
}
this.deleteBox.show = true;
},
deleteMessage(deleteBox) {
deleteMessage(deleteBox,cb) {
this.$put("alert/message", deleteBox).then(res => {
if (res.code === 200) {
this.$message({duration: 2000, type: 'success', message: this.$t("tip.deleteSuccess")});
this.getAlertList();
cb();
} else {
this.$message.error(res.msg);
}
@@ -833,25 +834,25 @@
}
this.getAlertList();
this.$nextTick(() => {
//绑定滚动条事件，控制top按钮
let el = this.$refs.alertListTable.$el.querySelector(".el-table__body-wrapper");
if (el._ps_) {
el.addEventListener("ps-scroll-y", () => {
if (el._ps_.scrollbarYTop > 50) {
this.tools.showTopBtn = true;
} else {
this.tools.showTopBtn = false;
}
});
el.addEventListener("mouseenter", () => {
this.tools.tableHover = true;
});
el.addEventListener("mouseleave", () => {
this.tools.tableHover = false;
});
}
});
// this.$nextTick(() => {
// //绑定滚动条事件，控制top按钮
// let el = this.$refs.alertListTable.$el.querySelector(".el-table__body-wrapper");
// if (el._ps_) {
// el.addEventListener("ps-scroll-y", () => {
// if (el._ps_.scrollbarYTop > 50) {
// this.tools.showTopBtn = true;
// } else {
// this.tools.showTopBtn = false;
// }
// });
// el.addEventListener("mouseenter", () => {
// this.tools.tableHover = true;
// });
// el.addEventListener("mouseleave", () => {
// this.tools.tableHover = false;
// });
// }
// });
}
}
</script>