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

fix: edit 禁用时样式修改

Browse Source
This commit is contained in:
@changcode
2021-05-21 11:31:14 +08:00
parent 1beab79d7f
commit af402c4083
2 changed files with 8 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -250,16 +250,16 @@
height: 22px; height: 22px;
border-radius: $--button-border-radius; border-radius: $--button-border-radius;
outline: none; outline: none;
}
.table-operation-item.table-operation-item-disable{
border: 1px solid $--primary-border-color;
outline: none;
background-color: $--button-gray-background-color;
transition: background-color linear .1s; transition: background-color linear .1s;
}
.table-operation-item.table-operation-item--disable{
border: 1px solid $--primary-border-color;
background-color: #DEDEDE;
opacity: 0.6;
outline: none;
i { i {
font-size: 14px; font-size: 14px;
color: $--button-gray-color; color: #fff;
} }
} }
&>.table-operation-item { &>.table-operation-item {

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

@@ -89,7 +89,7 @@
fixed="right"> fixed="right">
<div slot="header" class="table-operation-title">{{$t('overall.option')}}</div> <div slot="header" class="table-operation-title">{{$t('overall.option')}}</div>
<div slot-scope="scope" class="table-operation-items"> <div slot-scope="scope" class="table-operation-items">
<button class="table-operation-item" v-has="'alertSilence_edit'" @click="$emit('edit', scope.row)" :disabled="scope.row.state == 3"><i class="nz-icon nz-icon-edit"></i></button> <button :class="{'table-operation-item--disable': scope.row.state === 3}" class="table-operation-item" v-has="'alertSilence_edit'" @click="$emit('edit', scope.row)" :disabled="scope.row.state === 3"><i class="nz-icon nz-icon-edit"></i></button class="table-operation-item">
<el-dropdown size="medium" v-has="['alertSilence_expire']" trigger="hover" @command="tableOperation"> <el-dropdown size="medium" v-has="['alertSilence_expire']" trigger="hover" @command="tableOperation">
<div class="table-operation-item table-operation-item--more"> <div class="table-operation-item table-operation-item--more">
<span>…</span><i class="nz-icon nz-icon-arrow-down"></i> <span>…</span><i class="nz-icon nz-icon-arrow-down"></i>