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

NEZ-2480 fix：下拉框无内容样式问题

Browse Source
This commit is contained in:
zyh
2022-12-27 16:40:25 +08:00
parent c99e345b38 45ee332599
commit 8e2134e71d
58 changed files with 294 additions and 275 deletions
Download Patch File Download Diff File Expand all files Collapse all files

26
nezha-fronted/src/assets/css/common.scss
View File

@@ -641,3 +641,29 @@ textarea {
transform: unset !important;
}
}
.nz-el-dropdown-menu{
.el-dropdown-menu__item{
padding: 0;
> div {
padding: 0 17px;
}
.el-checkbox{
display: inline-block;
width: 100%;
box-sizing: border-box;
padding: 0 5px 0 20px;
}
}
}
.nz-el-dropdown-menu-item{
padding: 0 !important;
> div {
padding: 0px !important;
}
.nz-el-dropdown-item-del{
display: inline-block;
width: 100%;
padding: 0 17px;
box-sizing: border-box;
}
}

8
nezha-fronted/src/assets/css/components/common/alert/alertMessageInfo.scss
View File

@@ -25,6 +25,14 @@
}
}
.chart-header__tools{
.time-picker{
.date-range-panel{
top: 55px;
}
}
}
}
.alert-message-info-box {

4
nezha-fronted/src/assets/css/components/common/rightBox/locationCascader.scss
View File

@@ -28,6 +28,10 @@
flex: 1;
width: 0;
border-right: 1px solid $--border-color-light;
.el-checkbox{
width: 100% !important;
margin-right: 0;
}
//padding-left: 5px;
}
.container-item-content{

5
nezha-fronted/src/assets/css/components/page/monitor/project/project.scss
View File

@@ -161,6 +161,11 @@
}
}
}
.el-dialog__wrapper{
.el-dialog__body>.upload-pic-row.el-row{
padding-right: 20px;
}
}
}
}
}

5
nezha-fronted/src/assets/css/components/page/tool/ping.scss
View File

@@ -169,7 +169,10 @@
height: 100%;
}
.el-input-group__append{
color: $--color-text-primary;
color: $--color-text-secondary !important;
background-color: $--right-box-sub-title-background-color;
border: 1px solid $--border-color-light;
border-left: none;
}
}
.pop-tit{

2
nezha-fronted/src/components/common/bottomBox/tabs/IpDetails.vue
View File

@@ -36,7 +36,7 @@
>
<template v-slot:before>
<div>
<el-dropdown-item :disabled="batchDeleteObjs.length==0">
<el-dropdown-item :disabled="batchDeleteObjs.length==0" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:from="'ipDetails'"

2
nezha-fronted/src/components/common/bottomBox/tabs/cabinetTab.vue
View File

@@ -55,7 +55,7 @@
>
<template v-slot:before>
<div>
<el-dropdown-item :disabled="batchDeleteObjs.length==0">
<el-dropdown-item :disabled="batchDeleteObjs.length==0" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:from="'cabinetTab'"

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

@@ -7,7 +7,7 @@
</div>
<button v-if="this.type === 'btn'" class="table-operation-item delete-button" :id="id" @click="batchDelete" :title="$t('overall.delete')"><i class="nz-icon nz-icon-delete"></i></button>
<div v-if="this.type === 'link'" :id="id" @click="batchDelete">
<span><i class="nz-icon nz-icon-delete" ></i>{{title}}</span>
<span class="nz-el-dropdown-item-del"><i class="nz-icon nz-icon-delete" ></i>{{title}}</span>
</div>
<el-dialog
ref="batchDeleteDialog"
@@ -280,6 +280,13 @@ export default {
}
return ' '
}
},
watch: {
dialogVisible (n) {
if (!n) {
this.$store.dispatch('dispatchShowDeleteTableRel', false)
}
}
}
}
</script>

2
nezha-fronted/src/components/common/detailView/detailViewTopSearch.vue
View File

@@ -1,6 +1,6 @@
<template>
<div class="detail-view-top-search" style="line-height: 32px;">
<div class="search-detail-box" :class="[selectValue[item.key].length?'select-dropdown':'',detailSearchListCopy[key].dropShow?'show-my-dropdpwn':'']" v-for="(item,key) in detailSearchListCopy" :key='key' v-show="item.children.length">
<div class="search-detail-box" :class="[selectValue[item.key].length?'select-dropdown':'',detailSearchListCopy[key].dropShow?'show-my-dropdpwn':'']" v-for="(item,key) in detailSearchListCopy" :key='key' v-show="item.oldChildren.length">
<span v-if="item.type === 'checkBox'">
<el-dropdown
:placement="'bottom-start'"

13
nezha-fronted/src/components/common/mixin/table.js
View File

@@ -51,6 +51,19 @@ export default {
}
break
}
case 'delete-rel': {
// this.$emit('deleteRel', {
// row: row,
// url: this.api,
// ...param
// })
this.$store.dispatch('deleteTableRel', {
row: row,
url: this.api,
...param
})
break
}
case 'ack': {
this.$emit('acknowledge', row)
break

2
nezha-fronted/src/components/common/panel/panelVariables.vue
View File

@@ -7,7 +7,7 @@
placement="bottom-start"
v-model="item.visible"
v-clickoutside="close"
popper-class="no-style-class ping-popover panel-variables"
popper-class="no-style-class ping-popover panel-variables nz-el-dropdown-menu"
>
<ul class="pop-list-wrap">
<li class="el-dropdown-menu__item" v-if="item.allOption">

2
nezha-fronted/src/components/common/popBox/selectDashboard.vue
View File

@@ -77,7 +77,7 @@
<el-col>
<el-dropdown placement="bottom-end" trigger="click" style="margin-right:10px" v-has="['main_edit', 'main_delete']">
<span class="el-dropdown-link tree--operation" @click.stop><i class="nz-icon nz-icon-more1"></i></span>
<el-dropdown-menu class="right-box-select-top" slot="dropdown">
<el-dropdown-menu class="right-box-select-top nz-el-dropdown-menu" slot="dropdown">
<el-dropdown-item>
<div @click="editPanel(data)" v-has="'main_edit'"><i class="nz-icon nz-icon-edit"></i>{{$t('overall.edit')}}</div>
</el-dropdown-item>

4
nezha-fronted/src/components/common/popBox/topToolMoreOptions.vue
View File

@@ -1,10 +1,10 @@
<template>
<div>
<el-dropdown trigger="click" :size="size">
<el-dropdown trigger="click" :size="size" class="nz-el-dropdown">
<button id="more" :class="triggerButtonClass" :title="$t('overall.more')">
<i class="nz-icon nz-icon-more2"></i>
</button>
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top nz-el-dropdown-menu">
<el-dropdown-item v-if="showLock" v-has="'main_edit'">
<div @click="editPanel" id="edit-bottom-panel"><i class="nz-icon nz-icon-edit"></i>{{$t('dashboard.panel.editPanelTitle')}}</div>
</el-dropdown-item>

2
nezha-fronted/src/components/common/project/topologyL5.vue
View File

@@ -325,7 +325,7 @@
<button class="nz-btn nz-btn-size-normal nz-btn-style-normal" @click="imgUpload" :disabled="prevent_opt.save"
:class="{'nz-btn-disabled':prevent_opt.save}"
style="margin-right: 20px">
style="">
{{$t('overall.save')}}
</button>
</span>

2
nezha-fronted/src/components/common/table/alert/alertRuleTable.vue
View File

@@ -153,7 +153,7 @@
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
<el-dropdown-item v-if="!scope.row.buildIn" v-has="'alertRule_edit'" :command="['edit', scope.row]"><i class="nz-icon nz-icon-edit"></i><span class="operation-dropdown-text">{{$t('overall.edit')}}</span></el-dropdown-item>
<!-- <el-dropdown-item v-if="!scope.row.buildIn" v-has="'alertRule_delete'" :command="['delete', scope.row]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item> -->
<el-dropdown-item v-if="!scope.row.buildIn" v-has="'alertRule_delete'" :command="['delete', scope.row]">
<el-dropdown-item v-if="!scope.row.buildIn" v-has="'alertRule_delete'" :command="['delete', scope.row]" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:from="'alertRule'"

2
nezha-fronted/src/components/common/table/alert/alertSilenceTable.vue
View File

@@ -164,7 +164,7 @@
$t("overall.delete")
}}</span></el-dropdown-item
> -->
<el-dropdown-item v-has="'alertSilence_expire'" :command="['delete', scope.row]">
<el-dropdown-item v-has="'alertSilence_expire'" :command="['delete', scope.row]" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:from="'alertSilence'"

17
nezha-fronted/src/components/common/table/asset/assetMetaTable.vue
View File

@@ -95,22 +95,7 @@
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
<!-- <el-dropdown-item v-has="'asset_label_edit'" :command="['edit', scope.row]"><i class="nz-icon nz-icon-edit"></i><span class="operation-dropdown-text">{{$t('overall.edit')}}</span></el-dropdown-item>-->
<el-dropdown-item v-has="'asset_label_edit'" :command="['copy', scope.row]"><i class="nz-icon nz-icon-override"></i><span class="operation-dropdown-text">{{$t('overall.duplicate')}}</span></el-dropdown-item>
<!-- <el-dropdown-item v-has="'asset_label_delete'" :command="['delete', scope.row]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item> -->
<el-dropdown-item v-has="'asset_label_delete'" :command="['delete', scope.row]">
<delete-button
ref="deleteButton"
:from="'assetMeta'"
:forceDeleteShow="false"
:type="'link'"
:title="$t('overall.delete')"
id="asset-meta-delete"
v-has="'asset_label_delete'"
:api="api"
:single="true"
:delete-objs="singleDelete"
@before="delFlag=true"
></delete-button>
</el-dropdown-item>
<el-dropdown-item v-has="'asset_label_delete'" :command="['delete-rel', scope.row, {forceDeleteShow:false, single:true}]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
</div>

20
nezha-fronted/src/components/common/table/asset/assetTable.vue
View File

@@ -164,24 +164,8 @@
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
<el-dropdown-item v-if="!assetTab" v-has="'asset_edit'" :command="['edit', scope.row]"><i class="nz-icon nz-icon-edit"></i><span class="operation-dropdown-text">{{$t('overall.edit')}}</span></el-dropdown-item>
<el-dropdown-item v-has="'asset_connect'" :command="['cli', scope.row]" :disabled="!scope.row.authUsername"><i class="nz-icon nz-icon-cli"></i><span class="operation-dropdown-text">{{$t('config.system.terminal.terminal')}}</span></el-dropdown-item>
<el-dropdown-item v-has="'asset_add'" :command="['duplicate', scope.row]"><i class="nz-icon nz-icon-override"></i><span class="operation-dropdown-text">{{$t('overall.duplicate')}}</span></el-dropdown-item>
<el-dropdown-item v-has="'asset_delete'" :command="['delete', scope.row]">
<delete-button
ref="deleteButton"
:from="'asset'"
:forceDeleteShow="true"
:deleteTitle="'overall.asset'"
:type="'link'"
:title="$t('overall.delete')"
id="asset-list-delete"
v-has="'asset_delete'"
:api="api"
:single="true"
:delete-objs="singleDelete"
@before="delFlag=true"
></delete-button>
</el-dropdown-item>
<!-- <el-dropdown-item v-has="'asset_delete'" :command="['delete', scope.row]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item> -->
<el-dropdown-item v-has="'asset_add'" :command="['duplicate', scope.row, ]"><i class="nz-icon nz-icon-override"></i><span class="operation-dropdown-text">{{$t('overall.duplicate')}}</span></el-dropdown-item>
<el-dropdown-item v-has="'asset_delete'" :command="['delete-rel', scope.row, {forceDeleteShow:true, single:true}]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item>
<el-dropdown-item v-has="'alertSilence_add'" :command="['fastSilence', scope.row, 'asset']"><i class="nz-icon nz-icon-fast-silence"></i><span class="operation-dropdown-text">{{$t('overall.silenceAlert')}}</span></el-dropdown-item>
<el-dropdown-item v-has="'asset_add'" :command="['topology', scope.row, 'asset']"><i class="nz-icon nz-icon-Topology"></i><span class="operation-dropdown-text">{{$t('overall.topology')}}</span></el-dropdown-item>
</el-dropdown-menu>

39
nezha-fronted/src/components/common/table/nzDataList.vue
View File

@@ -100,6 +100,18 @@
@showFullscreen="showFullscreen"
></panel-chart>
</el-dialog>
<delete-button
ref="deleteButton"
:from="'endpoint'"
:forceDeleteShow="forceDeleteShow"
:deleteTitle="'project.endpoint.endpoint'"
:type="'hide'"
:title="$t('overall.delete')"
:api="api"
:single="single"
:delete-objs="singleDelete"
@before="delFlag=true"
></delete-button>
</div>
</template>
@@ -112,13 +124,15 @@ import bus from '@/libs/bus'
import routerPathParams from '@/components/common/mixin/routerPathParams'
import lodash from 'lodash'
import SearchBox from '@/components/common/searchBox/searchBox'
import deleteButton from '@/components/common/deleteButton'
export default {
name: 'nzDataList',
mixins: [routerPathParams],
components: {
SearchBox,
bottomBox,
panelChart
panelChart,
deleteButton
},
props: {
from: {
@@ -160,11 +174,22 @@ export default {
},
topologyChartInfo () {
return this.$store.getters.getTopologyChartInfo
},
showDeleteTableRel () {
return this.$store.getters.getShowDeleteTableRel
},
deleteTableRel () {
return this.$store.getters.getDeleteTableRel
}
},
data () {
return {
sign: '',
singleDelete: [],
api: '',
single: true,
forceDeleteShow: false,
delFlag: false,
fromRoute: fromRoute,
/* 二级页面相关 */
bottomBox: {
@@ -189,6 +214,13 @@ export default {
bus.$on('delTableRow', this.delTableRow)
},
methods: {
delTableRelRow (url, row, forceDeleteShow = false, single = false) {
this.api = url
this.singleDelete = [row]
this.forceDeleteShow = forceDeleteShow
this.single = single
this.$refs.deleteButton.batchDelete()
},
delTableRow (ids) { // 接收一个 删除的id数组 判断当前底部弹窗id 是否包含 包含则关闭当前弹窗
if (ids.indexOf(this.bottomBox.object.id) !== -1) {
this.bottomBox = {
@@ -256,6 +288,11 @@ export default {
handler (n) {
this.showLayout = [...n]
}
},
showDeleteTableRel (n) {
if (n) {
this.delTableRelRow(this.deleteTableRel.url, this.deleteTableRel.row, this.deleteTableRel.forceDeleteShow, this.deleteTableRel.single)
}
}
},
beforeDestroy () {

2
nezha-fronted/src/components/common/table/settings/agentTable.vue
View File

@@ -86,7 +86,7 @@
<el-dropdown-item v-has="'agent_edit'" :command="['edit', scope.row]"><i class="nz-icon nz-icon-edit"></i><span class="operation-dropdown-text">{{$t('overall.edit')}}</span></el-dropdown-item>
<el-dropdown-item v-has="'agent_edit'" :command="['copy', scope.row]"><i class="nz-icon nz-icon-override"></i><span class="operation-dropdown-text">{{$t('overall.duplicate')}}</span></el-dropdown-item>
<!-- <el-dropdown-item v-has="'agent_delete'" :command="['delete', scope.row]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item> -->
<el-dropdown-item v-has="'agent_delete'" :command="['delete', scope.row]">
<el-dropdown-item v-has="'agent_delete'" :command="['delete', scope.row]" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:from="'agent'"

2
nezha-fronted/src/components/common/table/settings/assetTypeTable.vue
View File

@@ -79,7 +79,7 @@
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
<el-dropdown-item v-has="'assetType_edit'" :command="['edit', scope.row]"><i class="nz-icon nz-icon-edit"></i><span class="operation-dropdown-text">{{$t('overall.edit')}}</span></el-dropdown-item>
<!-- <el-dropdown-item v-has="'assetType_delete'" :command="['delete', scope.row]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item> -->
<el-dropdown-item v-has="'assetType_delete'" :command="['delete', scope.row]">
<el-dropdown-item v-has="'assetType_delete'" :command="['delete', scope.row]" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:from="'assetType'"

2
nezha-fronted/src/components/common/table/settings/backupsTable.vue
View File

@@ -57,7 +57,7 @@
</div>
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
<el-dropdown-item v-has="'backup_restore'" :command="['restore', scope.row]" disabled><i class="nz-icon-shujubeifenhuifu nz-icon"></i><span>{{$t('backup.RestoreNow')}}</span></el-dropdown-item>
<el-dropdown-item v-has="'backup_del'" :command="['delete', scope.row]">
<el-dropdown-item v-has="'backup_del'" :command="['delete', scope.row]" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:forceDeleteShow="false"

2
nezha-fronted/src/components/common/table/settings/cabinetTable.vue
View File

@@ -40,7 +40,7 @@
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
<el-dropdown-item v-has="'dc_add'" :command="['copy', scope.row]"><i class="nz-icon nz-icon-override"></i><span class="operation-dropdown-text">{{$t('overall.duplicate')}}</span></el-dropdown-item>
<!-- <el-dropdown-item :command="['delete', scope.row]" v-has="'dc_delete'"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item> -->
<el-dropdown-item :command="['delete', scope.row]" v-has="'dc_delete'">
<el-dropdown-item :command="['delete', scope.row]" v-has="'dc_delete'" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:from="'cabinet'"

2
nezha-fronted/src/components/common/table/settings/chartTmplTable.vue
View File

@@ -66,7 +66,7 @@
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
<el-dropdown-item v-has="'chartTemplate_edit'" :command="['edit', scope.row]"><i class="nz-icon nz-icon-edit"></i><span class="operation-dropdown-text">{{$t('overall.edit')}}</span></el-dropdown-item>
<!-- <el-dropdown-item v-has="'chartTemplate_delete'" :command="['delete', scope.row]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item> -->
<el-dropdown-item v-has="'chartTemplate_delete'" :command="['delete', scope.row]">
<el-dropdown-item v-has="'chartTemplate_delete'" :command="['delete', scope.row]" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:from="'chartTemp'"

2
nezha-fronted/src/components/common/table/settings/credentialsTable.vue
View File

@@ -81,7 +81,7 @@
</div>
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
<!-- <el-dropdown-item v-has="'credential_delete'" :command="['delete', scope.row]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item> -->
<el-dropdown-item v-has="'credential_delete'" :command="['delete', scope.row]">
<el-dropdown-item v-has="'credential_delete'" :command="['delete', scope.row]" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:from="'credentials'"

2
nezha-fronted/src/components/common/table/settings/dashboardTmplTable.vue
View File

@@ -65,7 +65,7 @@
</div>
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
<el-dropdown-item v-has="'dashboard_temp_edit'" :command="['edit', scope.row]"><i class="nz-icon nz-icon-edit"></i><span class="operation-dropdown-text">{{$t('overall.edit')}}</span></el-dropdown-item>
<el-dropdown-item v-has="'dashboard_temp_delete'" :command="['delete', scope.row]">
<el-dropdown-item v-has="'dashboard_temp_delete'" :command="['delete', scope.row]" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:from="'dashboardTemp'"

22
nezha-fronted/src/components/common/table/settings/dcTable.vue
View File

@@ -1,4 +1,5 @@
<template>
<div>
<el-table
id="dcTable"
ref="dataTable"
@@ -108,7 +109,7 @@
fixed="right">
<div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
<div slot-scope="scope" class="table-operation-items">
<button class="table-operation-item" v-has="'dc_view'" @click="showBottomBox('cabinet', scope.row)" :title="$t('overall.view')"><i class="nz-icon nz-icon-view1"></i></button>
<button class="table-operation-item" @click="showBottomBox('cabinet', scope.row)" :title="$t('overall.view')"><i class="nz-icon nz-icon-view1"></i></button>
<el-dropdown size="medium" v-has="['dc_delete','dc_edit']" trigger="click" @command="tableOperation">
<div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
<i class="nz-icon nz-icon-more3"></i>
@@ -116,23 +117,7 @@
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
<el-dropdown-item v-has="'dc_edit'" :command="['edit', scope.row]"><i class="nz-icon nz-icon-edit"></i><span class="operation-dropdown-text">{{$t('overall.edit')}}</span></el-dropdown-item>
<el-dropdown-item v-has="'dc_edit'" :command="['copy', scope.row]"><i class="nz-icon nz-icon-override"></i><span class="operation-dropdown-text">{{$t('overall.duplicate')}}</span></el-dropdown-item>
<!-- <el-dropdown-item v-has="'dc_delete'" :command="['delete', scope.row]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item> -->
<el-dropdown-item v-has="'dc_delete'" :command="['delete', scope.row]">
<delete-button
ref="deleteButton"
:from="'datacenter'"
:forceDeleteShow="true"
:deleteTitle="'overall.dc'"
:type="'link'"
:title="$t('overall.delete')"
id="account-list-delete"
v-has="'dc_delete'"
:api="api"
:single="true"
:delete-objs="singleDelete"
@before="delFlag=true"
></delete-button>
</el-dropdown-item>
<el-dropdown-item v-has="'dc_delete'" :command="['delete-rel', scope.row, {forceDeleteShow:true, single:true}]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item>
<el-dropdown-item v-has="'asset_add'" :command="['topology', scope.row, 'datacenter']"><i class="nz-icon nz-icon-Topology"></i><span class="operation-dropdown-text">{{$t('overall.topology')}}</span></el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>
@@ -148,6 +133,7 @@
<div v-else>&nbsp;</div>
</template>
</el-table>
</div>
</template>
<script>

18
nezha-fronted/src/components/common/table/settings/endpointTable.vue
View File

@@ -177,23 +177,7 @@
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
<!-- <el-dropdown-item v-if="!endpointTab" :command="['endpointQuery', scope.row]"><i class="nz-icon nz-icon-search"></i><span class="operation-dropdown-text">{{$t('overall.query')}}</span></el-dropdown-item>-->
<el-dropdown-item v-if="!endpointTab" v-has="'monitor_endpoint_edit'" :command="['edit', scope.row]"><i class="nz-icon nz-icon-edit"></i><span class="operation-dropdown-text">{{$t('overall.edit')}}</span></el-dropdown-item>
<!-- <el-dropdown-item v-has="'monitor_endpoint_delete'" :command="['delete', scope.row, `sys/endpoint?ids=${scope.row.id}`]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item> -->
<el-dropdown-item v-has="'monitor_endpoint_delete'" :command="['delete', scope.row, `sys/endpoint?ids=${scope.row.id}`]">
<delete-button
ref="deleteButton"
:from="'endpoint'"
:forceDeleteShow="false"
:deleteTitle="'project.endpoint.endpoint'"
:type="'link'"
:title="$t('overall.delete')"
id="account-list-delete"
v-has="'monitor_endpoint_delete'"
:api="api"
:single="true"
:delete-objs="singleDelete"
@before="delFlag=true"
></delete-button>
</el-dropdown-item>
<el-dropdown-item v-has="'monitor_endpoint_delete'" :command="['delete-rel', scope.row, {forceDeleteShow:false, single:true}]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item>
<el-dropdown-item v-has="'monitor_endpoint_edit'" :command="['copy', scope.row, 'project']"><i class="nz-icon nz-icon-override"></i><span class="operation-dropdown-text">{{$t('overall.duplicate')}}</span></el-dropdown-item>
<el-dropdown-item v-has="'alertSilence_add'" :command="['fastSilence', scope.row, 'endpoint']"><i class="nz-icon nz-icon-fast-silence"></i><span class="operation-dropdown-text">{{$t('overall.silenceAlert')}}</span></el-dropdown-item>
<el-dropdown-item v-has="'asset_add'" :command="['topology', scope.row, 'endpoint']"><i class="nz-icon nz-icon-Topology"></i><span class="operation-dropdown-text">{{$t('overall.topology')}}</span></el-dropdown-item>

2
nezha-fronted/src/components/common/table/settings/exprTmplTable.vue
View File

@@ -67,7 +67,7 @@
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
<el-dropdown-item v-has="'expressionTemplate_add'" :command="['copy', scope.row]"><i class="nz-icon nz-icon-override"></i><span class="operation-dropdown-text">{{$t('overall.duplicate')}}</span></el-dropdown-item>
<!-- <el-dropdown-item v-has="'expressionTemplate_delete'" :command="['delete', scope.row]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item> -->
<el-dropdown-item v-has="'expressionTemplate_delete'" :command="['delete', scope.row]">
<el-dropdown-item v-has="'expressionTemplate_delete'" :command="['delete', scope.row]" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:from="'exprTemp'"

2
nezha-fronted/src/components/common/table/settings/globalizationTable.vue
View File

@@ -57,7 +57,7 @@
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
<!-- <el-dropdown-item v-has="'i18n_delete'" :command="['delete', scope.row]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item> -->
<el-dropdown-item :command="['copy', scope.row]"><i class="nz-icon nz-icon-override"></i><span class="operation-dropdown-text">{{$t('overall.duplicate')}}</span></el-dropdown-item>
<el-dropdown-item v-has="'i18n_delete'" :command="['delete', scope.row]">
<el-dropdown-item v-has="'i18n_delete'" :command="['delete', scope.row]" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:from="'globalization'"

2
nezha-fronted/src/components/common/table/settings/ipDetailsTable.vue
View File

@@ -66,7 +66,7 @@
</div>
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
<!-- <el-dropdown-item v-has="'ipam_delete'" :command="['delete', scope.row]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item> -->
<el-dropdown-item v-has="'ipam_delete'" :command="['delete', scope.row]">
<el-dropdown-item v-has="'ipam_delete'" :command="['delete', scope.row]" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:from="'ipDetails'"

2
nezha-fronted/src/components/common/table/settings/ipamTable.vue
View File

@@ -72,7 +72,7 @@
<el-dropdown-item v-has="'ipam_edit'" :command="['edit', scope.row]"><i class="nz-icon nz-icon-edit"></i><span class="operation-dropdown-text">{{$t('overall.edit')}}</span></el-dropdown-item>
<el-dropdown-item v-has="'ipam_edit'" :command="['copy', scope.row]"><i class="nz-icon nz-icon-override"></i><span class="operation-dropdown-text">{{$t('overall.duplicate')}}</span></el-dropdown-item>
<!-- <el-dropdown-item v-has="'ipam_delete'" :command="['delete', scope.row]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item> -->
<el-dropdown-item v-has="'ipam_delete'" :command="['delete', scope.row]">
<el-dropdown-item v-has="'ipam_delete'" :command="['delete', scope.row]" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:from="'ipam'"

2
nezha-fronted/src/components/common/table/settings/issueTable.vue
View File

@@ -104,7 +104,7 @@
<el-dropdown-item v-if="!scope.row.buildIn" v-has="'record_rule_edit'" :command="['edit', scope.row]"><i class="nz-icon nz-icon-edit"></i><span class="operation-dropdown-text">{{$t('overall.edit')}}</span></el-dropdown-item>
<el-dropdown-item v-if="!scope.row.buildIn" v-has="'record_rule_edit'" :command="['copy', scope.row]"><i class="nz-icon nz-icon-override"></i><span class="operation-dropdown-text">{{$t('overall.duplicate')}}</span></el-dropdown-item>
<!-- <el-dropdown-item v-if="!scope.row.buildIn" v-has="'record_rule_delete'" :command="['delete', scope.row]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item> -->
<el-dropdown-item v-if="!scope.row.buildIn" v-has="'record_rule_delete'" :command="['delete', scope.row]">
<el-dropdown-item v-if="!scope.row.buildIn" v-has="'record_rule_delete'" :command="['delete', scope.row]" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:from="'issue'"

2
nezha-fronted/src/components/common/table/settings/menuTable.vue
View File

@@ -68,7 +68,7 @@
</div>
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
<!-- <el-dropdown-item v-has="'monitor_module_delete'" :command="['delete', scope.row]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item> -->
<el-dropdown-item v-has="'monitor_module_delete'" :command="['delete', scope.row]">
<el-dropdown-item v-has="'monitor_module_delete'" :command="['delete', scope.row]" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:from="'menus'"

2
nezha-fronted/src/components/common/table/settings/mibTable.vue
View File

@@ -96,7 +96,7 @@
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
<el-dropdown-item v-has="'snmp_mibFile_edit'" :command="['edit', scope.row]"><i class="nz-icon nz-icon-edit"></i><span class="operation-dropdown-text">{{$t('overall.edit')}}</span></el-dropdown-item>
<!-- <el-dropdown-item v-has="'snmp_mibFile_delete'" :command="['delete', scope.row]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item> -->
<el-dropdown-item v-has="'snmp_mibFile_delete'" :command="['delete', scope.row]">
<el-dropdown-item v-has="'snmp_mibFile_delete'" :command="['delete', scope.row]" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:from="'mib'"

19
nezha-fronted/src/components/common/table/settings/modelTable.vue
View File

@@ -85,7 +85,7 @@
<div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
<div slot-scope="scope" class="table-operation-items">
<!-- <button class="table-operation-item" v-has="'model_edit'" @click="$emit('edit', scope.row)" :title="$t('overall.edit')"><i class="nz-icon nz-icon-edit"></i></button> -->
<button v-has="'model_edit'" class="table-operation-item" @click="showBottomBox('asset', scope.row)" :title="$t('overall.view')"><i class="nz-icon nz-icon-view1"></i></button>
<button class="table-operation-item" @click="showBottomBox('asset', scope.row)" :title="$t('overall.view')"><i class="nz-icon nz-icon-view1"></i></button>
<el-dropdown size="medium" v-has="['model_delete','main_edit','model_edit']" trigger="click" @command="tableOperation">
<div class="table-operation-item table-operation-item--more" :title="$t('overall.moreOperations')">
<i class="nz-icon nz-icon-more3"></i>
@@ -93,22 +93,7 @@
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
<el-dropdown-item v-has="'model_edit'" :command="['edit', scope.row]"><i class="nz-icon nz-icon-edit"></i><span class="operation-dropdown-text">{{$t('overall.edit')}}</span></el-dropdown-item>
<el-dropdown-item v-has="'model_edit'" :command="['copy', scope.row]"><i class="nz-icon nz-icon-override"></i><span class="operation-dropdown-text">{{$t('overall.duplicate')}}</span></el-dropdown-item>
<!-- <el-dropdown-item v-has="'model_delete'" :command="['delete', scope.row]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item> -->
<el-dropdown-item v-has="'model_delete'" :command="['delete', scope.row]">
<delete-button
ref="deleteButton"
:from="'model'"
:forceDeleteShow="true"
:type="'link'"
:title="$t('overall.delete')"
id="account-list-delete"
v-has="'model_delete'"
:api="api"
:single="true"
:delete-objs="singleDelete"
@before="delFlag=true"
></delete-button>
</el-dropdown-item>
<el-dropdown-item v-has="'model_delete'" :command="['delete-rel', scope.row, {forceDeleteShow:true, single:true}]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item>
<el-dropdown-item v-has="'main_edit'" :command="['sync', scope.row]"><i class="nz-icon nz-icon-sync"></i><span class="operation-dropdown-text">{{$t('overall.syncChart')}}</span></el-dropdown-item>
</el-dropdown-menu>
</el-dropdown>

18
nezha-fronted/src/components/common/table/settings/moduleTable.vue
View File

@@ -97,23 +97,7 @@
</div>
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
<el-dropdown-item v-has="'monitor_module_edit'" :command="['edit', scope.row]"><i class="nz-icon nz-icon-edit"></i><span class="operation-dropdown-text">{{$t('overall.edit')}}</span></el-dropdown-item>
<!-- <el-dropdown-item v-has="'monitor_module_delete'" :command="['delete', scope.row, `sys/user?ids=${scope.row.id}`]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item> -->
<el-dropdown-item v-has="'monitor_module_delete'" :command="['delete', scope.row, `sys/user?ids=${scope.row.id}`]">
<delete-button
ref="deleteButton"
:from="'module'"
:forceDeleteShow="true"
:type="'link'"
:deleteTitle="'project.module.module'"
:title="$t('overall.delete')"
id="account-list-delete"
v-has="'monitor_module_delete'"
:api="api"
:single="true"
:delete-objs="singleDelete"
@before="delFlag=true"
></delete-button>
</el-dropdown-item>
<el-dropdown-item v-has="'monitor_module_delete'" :command="['delete-rel', scope.row, {forceDeleteShow:true, single:true}]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item>
<el-dropdown-item v-has="'monitor_module_edit'" :command="['copy', scope.row, 'module']"><i class="nz-icon nz-icon-override"></i><span class="operation-dropdown-text">{{$t('overall.duplicate')}}</span></el-dropdown-item>
<el-dropdown-item v-has="'main_edit'" :command="['sync', scope.row]"><i class="nz-icon nz-icon-sync"></i><span class="operation-dropdown-text">{{$t('overall.syncChart')}}</span></el-dropdown-item>
<el-dropdown-item v-has="'alertSilence_add'" :command="['fastSilence', scope.row, 'module']"><i class="nz-icon nz-icon-fast-silence"></i><span class="operation-dropdown-text">{{$t('overall.silenceAlert')}}</span></el-dropdown-item>

18
nezha-fronted/src/components/common/table/settings/projectTable.vue
View File

@@ -91,23 +91,7 @@
</div>
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
<el-dropdown-item :command="['edit', scope.row]" v-has="'project_edit'"><i class="nz-icon nz-icon-edit"></i><span class="operation-dropdown-text">{{$t('overall.edit')}}</span></el-dropdown-item>
<!-- <el-dropdown-item :command="['delete', scope.row, `sys/user?ids=${scope.row.id}`]" v-has="'project_delete'"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item> -->
<el-dropdown-item :command="['delete', scope.row, `sys/user?ids=${scope.row.id}`]" v-has="'project_delete'">
<delete-button
ref="deleteButton"
:from="'project'"
:forceDeleteShow="true"
:type="'link'"
:deleteTitle="'overall.project'"
:title="$t('overall.delete')"
id="account-list-delete"
v-has="'project_delete'"
:api="api"
:single="true"
:delete-objs="singleDelete"
@before="delFlag=true"
></delete-button>
</el-dropdown-item>
<el-dropdown-item :command="['delete-rel', scope.row, {forceDeleteShow:true, single:true}]" v-has="'project_delete'"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item>
<el-dropdown-item v-has="'project_edit'" :command="['copy', scope.row, 'project']"><i class="nz-icon nz-icon-override"></i><span class="operation-dropdown-text">{{$t('overall.duplicate')}}</span></el-dropdown-item>
<el-dropdown-item v-has="'alertSilence_add'" :command="['fastSilence', scope.row, 'project']"><i class="nz-icon nz-icon-fast-silence"></i><span class="operation-dropdown-text">{{$t('overall.silenceAlert')}}</span></el-dropdown-item>
<el-dropdown-item v-has="'asset_add'" :command="['topology', scope.row, 'project']"><i class="nz-icon nz-icon-Topology"></i><span class="operation-dropdown-text">{{$t('overall.topology')}}</span></el-dropdown-item>

2
nezha-fronted/src/components/common/table/settings/recordRuleTable.vue
View File

@@ -117,7 +117,7 @@
<el-dropdown-item v-if="!scope.row.buildIn" v-has="'record_rule_edit'" :command="['edit', scope.row]"><i class="nz-icon nz-icon-edit"></i><span class="operation-dropdown-text">{{$t('overall.edit')}}</span></el-dropdown-item>
<el-dropdown-item v-if="!scope.row.buildIn" v-has="'record_rule_edit'" :command="['copy', scope.row, {copyName: '_copy'}]"><i class="nz-icon nz-icon-override"></i><span class="operation-dropdown-text">{{$t('overall.duplicate')}}</span></el-dropdown-item>
<!-- <el-dropdown-item v-if="!scope.row.buildIn" v-has="'record_rule_delete'" :command="['delete', scope.row]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item> -->
<el-dropdown-item v-if="!scope.row.buildIn" v-has="'record_rule_delete'" :command="['delete', scope.row]">
<el-dropdown-item v-if="!scope.row.buildIn" v-has="'record_rule_delete'" :command="['delete', scope.row]" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:from="'recordRule'"

2
nezha-fronted/src/components/common/table/settings/roleTable.vue
View File

@@ -69,7 +69,7 @@
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
<el-dropdown-item v-has="'role_edit'" :command="['copy', scope.row]"><i class="nz-icon nz-icon-override"></i><span class="operation-dropdown-text">{{$t('overall.duplicate')}}</span></el-dropdown-item>
<!-- <el-dropdown-item v-has="'role_delete'" :command="['delete', scope.row]" :disabled="isBuiltIn(scope.row)"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item> -->
<el-dropdown-item v-has="'role_delete'" :command="['delete', scope.row]" :disabled="isBuiltIn(scope.row)">
<el-dropdown-item v-has="'role_delete'" :command="['delete', scope.row]" :disabled="isBuiltIn(scope.row)" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:from="'roles'"

2
nezha-fronted/src/components/common/table/settings/userTable.vue
View File

@@ -104,7 +104,7 @@
<el-dropdown-item v-has="'user_edit'" :command="['edit', scope.row]"><i class="nz-icon nz-icon-edit"></i><span class="operation-dropdown-text">{{$t('overall.edit')}}</span></el-dropdown-item>
<el-dropdown-item v-has="'user_edit'" :command="['copy', scope.row]"><i class="nz-icon nz-icon-override"></i><span class="operation-dropdown-text">{{$t('overall.duplicate')}}</span></el-dropdown-item>
<!-- <el-dropdown-item v-has="'user_delete'" :command="['delete', scope.row]" :disabled="scope.row.id === 1"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item> -->
<el-dropdown-item v-has="'user_delete'" :command="['delete', scope.row]" :disabled="scope.row.id === 1">
<el-dropdown-item v-has="'user_delete'" :command="['delete', scope.row]" :disabled="scope.row.id === 1" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:from="'user'"

4
nezha-fronted/src/components/page/alert/alertMessage.vue
View File

@@ -35,7 +35,7 @@
>
<template v-slot:before>
<div>
<el-dropdown-item :disabled="batchDeleteObjs.length==0">
<el-dropdown-item :disabled="batchDeleteObjs.length==0" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:single="false"
@@ -53,7 +53,7 @@
:type="'link'"
></delete-button>
</el-dropdown-item>
<el-dropdown-item :disabled="batchDeleteObjs.length==0">
<el-dropdown-item :disabled="batchDeleteObjs.length==0" :class="'nz-el-dropdown-menu-item'">
<div id="alert-msg-batch-ack" v-has="'alertMessage_expired'" @click="batchAck"><i class="nz-icon nz-icon-queren"></i>{{$t('overall.batchAck')}}</div>
</el-dropdown-item>
</div>

2
nezha-fronted/src/components/page/alert/alertRule.vue
View File

@@ -100,7 +100,7 @@
>
<template v-slot:before>
<div>
<el-dropdown-item :disabled="batchDeleteObjs.length==0">
<el-dropdown-item :disabled="batchDeleteObjs.length==0" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:single="false"

4
nezha-fronted/src/components/page/asset/asset.vue
View File

@@ -1,5 +1,5 @@
<template>
<div>
<div style="height: 100%">
<nzDetailView
v-my-loading="detailViewLoading || tools.loading"
v-if="detailType !== 'list'"
@@ -116,7 +116,7 @@
<el-dropdown-item>
<div id="asset-batch-asset" v-has="'asset_edit'" @click="batchEdit"><i class="nz-icon nz-icon-batch-edit"></i>{{$t('overall.batchEdit')}}</div>
</el-dropdown-item>
<el-dropdown-item :disabled="batchDeleteObjs.length==0">
<el-dropdown-item :disabled="batchDeleteObjs.length==0" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:single="false"

2
nezha-fronted/src/components/page/config/dc.vue
View File

@@ -106,7 +106,7 @@
>
<template v-slot:before>
<div>
<el-dropdown-item :disabled="batchDeleteObjs.length==0">
<el-dropdown-item :disabled="batchDeleteObjs.length==0" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:single="false"

2
nezha-fronted/src/components/page/config/ipam.vue
View File

@@ -31,7 +31,7 @@
>
<template v-slot:before>
<div>
<el-dropdown-item :disabled="batchDeleteObjs.length==0">
<el-dropdown-item :disabled="batchDeleteObjs.length==0" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:single="false"

2
nezha-fronted/src/components/page/config/model.vue
View File

@@ -31,7 +31,7 @@
>
<template v-slot:before>
<div>
<el-dropdown-item :disabled="batchDeleteObjs.length==0">
<el-dropdown-item :disabled="batchDeleteObjs.length==0" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:single="false"

2
nezha-fronted/src/components/page/config/recordRule.vue
View File

@@ -32,7 +32,7 @@
>
<template v-slot:before>
<div>
<el-dropdown-item :disabled="batchDeleteObjs.length==0">
<el-dropdown-item :disabled="batchDeleteObjs.length==0" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:single="true"

2
nezha-fronted/src/components/page/config/system/notifyMethodTable.vue
View File

@@ -82,7 +82,7 @@
</div>
<el-dropdown-menu slot="dropdown" class="right-box-select-top right-public-box-dropdown-top">
<!-- <el-dropdown-item v-has="'system_notification_delete'" :command="['delete', scope.row]"><i class="nz-icon nz-icon-delete"></i><span class="operation-dropdown-text">{{$t('overall.delete')}}</span></el-dropdown-item> -->
<el-dropdown-item v-has="'system_notification_delete'" :command="['delete', scope.row]">
<el-dropdown-item v-has="'system_notification_delete'" :command="['delete', scope.row]" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:from="'notifyMethod'"

2
nezha-fronted/src/components/page/config/system/selfApiKeyTable.vue
View File

@@ -69,7 +69,7 @@
</template>
<template v-else>
<!-- <button class="table-operation-item" @click="$emit('del',scope.row)" v-has="'system_apiKey_delete'"><i class="nz-icon nz-icon-delete"></i></button> -->
<div @click="tableOperation(scope.row)" v-has="'system_apiKey_delete'">
<div @click="tableOperation(scope.row)" v-has="'system_apiKey_delete'" >
<delete-button
ref="deleteButton"
:forceDeleteShow="false"

2
nezha-fronted/src/components/page/config/template/chartTemp.vue
View File

@@ -34,7 +34,7 @@
>
<template v-slot:before>
<div>
<el-dropdown-item :disabled="batchDeleteObjs.length==0">
<el-dropdown-item :disabled="batchDeleteObjs.length==0" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:single="false"

2
nezha-fronted/src/components/page/config/template/dashboardTemp.vue
View File

@@ -30,7 +30,7 @@
>
<template v-slot:before>
<div>
<el-dropdown-item :disabled="batchDeleteObjs.length==0">
<el-dropdown-item :disabled="batchDeleteObjs.length==0" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:single="false"

2
nezha-fronted/src/components/page/config/template/exprTemp.vue
View File

@@ -28,7 +28,7 @@
>
<template v-slot:before>
<div>
<el-dropdown-item :disabled="batchDeleteObjs.length==0">
<el-dropdown-item :disabled="batchDeleteObjs.length==0" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:single="false"

2
nezha-fronted/src/components/page/monitor/endpoint/endpointList.vue
View File

@@ -112,7 +112,7 @@
<el-dropdown-item>
<div id="asset-batch-asset" v-has="'asset_edit'" @click="batchEdit"><i class="nz-icon nz-icon-batch-edit"></i>{{$t('overall.batchEdit')}}</div>
</el-dropdown-item>
<el-dropdown-item :disabled="batchDeleteObjs.length==0">
<el-dropdown-item :disabled="batchDeleteObjs.length==0" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:single="false"

2
nezha-fronted/src/components/page/monitor/module/moduleList.vue
View File

@@ -102,7 +102,7 @@
>
<template v-slot:before>
<div>
<el-dropdown-item :disabled="batchDeleteObjs.length==0">
<el-dropdown-item :disabled="batchDeleteObjs.length==0" :class="'nz-el-dropdown-menu-item'">
<delete-button
ref="deleteButton"
:single="false"

2
nezha-fronted/src/components/page/tool/ping.vue
View File

@@ -40,7 +40,7 @@
trigger="manual"
v-model="visible"
v-clickoutside="close"
popper-class="no-style-class ping-popover"
popper-class="no-style-class ping-popover nz-el-dropdown-menu"
>
<el-form-item style="margin-bottom:0px">
<ul class="pop-list-wrap">

2
nezha-fronted/src/components/page/tool/trace.vue
View File

@@ -39,7 +39,7 @@
trigger="manual"
v-model="visible"
v-clickoutside="close"
popper-class="no-style-class ping-popover"
popper-class="no-style-class ping-popover nz-el-dropdown-menu"
>
<el-form-item style="margin-bottom:0px">
<ul class="pop-list-wrap">

26
nezha-fronted/src/store/index.js
View File

@@ -48,7 +48,9 @@ const store = new Vuex.Store({
globalSearchId: '',
isRouteLive: true,
nowPath: '',
myEvent: new Event('resize')
myEvent: new Event('resize'),
deleteTableRel: {},
showDeleteTableRel: false
},
getters: {
getGlobalSearchId (state) {
@@ -104,6 +106,12 @@ const store = new Vuex.Store({
},
i18nIsReady (state) {
return state.i18nReady
},
getDeleteTableRel (state) {
return state.deleteTableRel
},
getShowDeleteTableRel (state) {
return state.showDeleteTableRel
}
},
mutations: {
@@ -211,9 +219,25 @@ const store = new Vuex.Store({
},
i18nReady (state, ready) {
state.i18nReady = ready
},
setDeleteTableRel (state, payload) {
state.deleteTableRel = payload
},
setShowDeleteTableRel (state, flag) {
state.showDeleteTableRel = flag
if (!flag) {
state.deleteTableRel = {}
}
}
},
actions: {
deleteTableRel (store, payload) { // 删除列表行
store.commit('setDeleteTableRel', payload)
store.commit('setShowDeleteTableRel', true)
},
dispatchShowDeleteTableRel (store, flag) {
store.commit('setShowDeleteTableRel', flag)
}
}
})