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

fix： 修正抽取组件没有批量删除的功能 style：修改小驼峰为中划线的格式

Browse Source
This commit is contained in:
zhangyu
2020-07-31 10:55:25 +08:00
parent 0c9d6090cd
commit 99609a06bf
6 changed files with 125 additions and 602 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -20,121 +20,6 @@
</button>
</div>
</div>
<!--删除message按钮-->
<div class="el-popover alert-clean-pop" @click="toDeleteMessage" v-if="deleteBox.ids.length > 0">
<i style="cursor: pointer" class="el-icon-delete"></i>
</div>
<!--<el-table-->
<!--class="nz-table"-->
<!--:data="tableData"-->
<!--border-->
<!--v-loading="loading"-->
<!--ref="alertMessageSubList"-->
<!--tooltip-effect="light"-->
<!--v-scrollBar:el-table="'large'"-->
<!--:height="$tableHeight.openSubList.subList"-->
<!--:cell-class-name="labelsClassName"-->
<!--@selection-change="selectChange"-->
<!--style="width: 100%;"-->
<!--@sort-change="tableDataSort"-->
<!--&gt;-->
<!--<el-table-column-->
<!--:resizable="false"-->
<!--type="selection"-->
<!--width="38"-->
<!--align="center"-->
<!--&gt;-->
<!--</el-table-column>-->
<!--<el-table-column-->
<!--:resizable="false"-->
<!--v-for="(item, index) in tablelable"-->
<!--v-if="item.show"-->
<!--:width="item.width"-->
<!--:key="`col-${index}`"-->
<!--:label="item.label"-->
<!--:show-overflow-tooltip="item.prop != 'labels'"-->
<!--min-width="110px"-->
<!--:sortable="sortableShow(item.prop)"-->
<!--:prop="propTitle(item.prop)"-->
<!--:sort-orders="['ascending', 'descending']"-->
<!--&gt;-->
<!--<template slot-scope="scope" :column="item">-->
<!--<template v-if="item.prop == 'alertRule'">-->
<!--<div class="too-long-split" :id="'view-rule-'+scope.row[item.prop].id"-->
<!--v-if="scope.row[item.prop].alertName">{{scope.row[item.prop].alertName}}</div>-->
<!--<template v-else>-</template>-->
<!--</template>-->
<!--&lt;!&ndash;<div v-else-if="item.prop == 'type'" class="content-right-options">-->
<!--<span v-if="scope.row[item.prop] == 1">Project</span>-->
<!--<span v-if="scope.row[item.prop] == 2">Module</span>-->
<!--<span v-if="scope.row[item.prop] == 3">Device</span>-->
<!--</div>&ndash;&gt;-->
<!--<template v-else-if="item.prop == 'summary'">-->
<!--<template v-if="scope.row[item.prop]">{{scope.row[item.prop]}}</template>-->
<!--<template v-else>-</template>-->
<!--</template>-->
<!--<template v-else-if="item.prop == 'description'">-->
<!--<template v-if="scope.row[item.prop]">{{scope.row[item.prop]}}</template>-->
<!--<span v-else>-</span>-->
<!--</template>-->
<!--<span v-else-if="item.prop == 'severity'">-->
<!--<span v-if="scope.row[item.prop] == 'high'"><i class="el-icon-arrow-up"></i>&nbsp;{{severityData[1].value}}</span>-->
<!--<span style="padding-left: 18px;" v-if="scope.row[item.prop] == 'medium'">{{severityData[0].value}}</span>-->
<!--<span v-if="scope.row[item.prop] == 'low'"><i class="el-icon-arrow-down"></i>&nbsp;{{severityData[2].value}}</span>-->
<!--</span>-->
<!--&lt;!&ndash;<div v-else-if="item.prop == 'linkObject'">-->
<!--<span v-if="(scope.row['type'] == 1 || scope.row['type'] == 2) && scope.row[item.prop]" class="link too-long-split"-->
<!--@click="viewAlertType(scope.row['type'],scope.row[item.prop])" style="max-width: 125px;"-->
<!--:id="'link-obj-'+scope.row['type']+'-'+scope.row[item.prop].id">{{scope.row[item.prop].name}}</span>-->
<!--<span v-else-if="scope.row['type'] == 3 && scope.row[item.prop]" :class="{'link': from == 'alertRule'}"-->
<!--@click="viewAlertType(scope.row['type'],scope.row[item.prop].id)"-->
<!--:id="'link-obj-'+scope.row['type']+'-'+scope.row[item.prop].id">{{scope.row[item.prop].host}}</span>-->
<!--<span v-else>-</span>-->
<!--</div>&ndash;&gt;-->
<!--<template v-else-if="item.prop == 'labels'">-->
<!--<nz-alert-tag :label="item.label" :type="tagType(item.label)" style="margin: 5px;"-->
<!--:cursor-point="false"-->
<!--:key="item.label"-->
<!--v-if="item.label != 'alertname' && item.label != 'severity'"-->
<!--v-for="item in labelsSort(scope.row.labels)">{{item.value}}</nz-alert-tag>-->
<!--&lt;!&ndash;<el-tag v-if="key != 'alertname' && key != 'severity'"-->
<!--:key="key"-->
<!--type="info"-->
<!--size="mini" v-for="(value, key) in scope.row.labels" class="alert-message-tag">{{tagValue(key, value)}}</el-tag>&ndash;&gt;-->
<!--</template>-->
<!--<div v-else-if="item.prop == 'state'">-->
<!--<span class="">-->
<!--{{scope.row['state'] == 1 ? "Pending" : ""}}-->
<!--{{scope.row['state'] == 2 ? "Expired" : ""}}-->
<!--</span>-->
<!--</div>-->
<!--<div v-else-if="item.prop == 'current'" class="too-long-split" >-->
<!--<span v-if="!scope.row.current">-</span>-->
<!--<el-popover v-else placement="right" trigger="hover">-->
<!--<span slot="reference">{{scope.row.current[1]}}</span>-->
<!--<div>{{$unixTimeParseToString(scope.row.current[0])}}</div>-->
<!--</el-popover>-->
<!--</div>-->
<!--<div v-else-if="item.prop == 'option'" class="content-right-options">-->
<!--<span :title="$t('overall.view')" @click="detail(scope.row)" class="content-right-option" :id="'sub-alert-list-detail-'+scope.row.id"><i class="nz-icon nz-icon-chart"></i></span>-->
<!--<span :title="$t('overall.delete')" @click="del(scope.row)" class="content-right-option" :id="'sub-alert-list-delete-'+scope.row.id"><i class="el-icon-delete"></i></span>-->
<!--</div>-->
<!--<span v-else-if="scope.row[item.prop]">{{scope.row[item.prop]}}</span>-->
<!--<template v-else>-</template>-->
<!--</template>-->
<!--</el-table-column>-->
<!--<el-table-column width="28" :resizable="false">-->
<!--<template slot="header" slot-scope="scope">-->
<!--<span @click.stop="elementsetShow('shezhi',$event)" class="nz-table-gear">-->
<!--<i class="nz-icon nz-icon-gear"></i>-->
<!--</span>-->
<!--</template>-->
<!--<template v-slot="scope">-->
<!--<button v-if="scope.$index == 0" :class="{'to-top-is-hover': tableHover}" class="to-top" v-show="showTopBtn" @click="$toTop('ps', 1)"><i class="nz-icon nz-icon-top"></i></button>-->
<!--</template>-->
<!--</el-table-column>-->
<!--</el-table>-->
<alertMessageTable
:tableData="tableData"
:loading="loading"
@@ -392,21 +277,6 @@
}
},
methods: {
labelsSort:function(obj){
let buildIn=['asset','endpoint','module','project','datacenter']
let labels=JSON.parse(JSON.stringify(obj));
let result=[];
for(let key of buildIn){
if(key in labels){
result.push({label:key,value:labels[key]})
delete labels[key]
}
}
Object.keys(labels).sort().forEach(key=>{
result.push({label:key,value:labels[key]})
})
return result;
},
elementsetShow(s, e) {
this.showElementSet = true;
this.$nextTick(() => {
@@ -446,9 +316,6 @@
changeTab(tab) {
this.$emit('changeTab', tab);
},
toDeleteMessage() {
this.deleteBox.show = true;
},
deleteMessage(deleteBox) {
this.$put("alert/message", deleteBox).then(res => {
if (res.code === 200) {
@@ -459,14 +326,6 @@
}
})
},
selectChange(s) {
let ids = [];
this.deleteBox.ids = "";
s.forEach(item => {
ids.push(item.id);
});
this.deleteBox.ids = ids.join(",");
},
exportCur:function(){
this.exportExcel(this.searchLabel);
this.importBox.show = false;