fix: 统一单选删除弹框的按钮样式

This commit is contained in:
刘洪洪
2024-04-12 16:19:55 +08:00
parent 6dc3ab1058
commit 858b85b023
6 changed files with 31 additions and 0 deletions

View File

@@ -12,6 +12,7 @@
&:hover:not(:disabled) {
background-color: var(--el-color-business-light-2);
}
&:focus:not(:disabled) {
background-color: var(--el-color-business-dark-1);
}
@@ -24,6 +25,7 @@
&:hover:not(:disabled) {
background-color: var(--el-fill-color);
}
&:focus:not(:disabled) {
background-color: var(--el-fill-color-darker);
}
@@ -34,3 +36,27 @@
opacity: 0.66;
}
}
//单个删除弹框messageBox的底部按钮样式。应用场景administration下顶部工具栏的删除按钮
.single-del-model {
.el-message-box__btns {
.el-button:nth-child(1) {
width: 80px;
height: 28px;
margin-right: 20px;
color: var(--el-text-color-primary);
background: var(--el-fill-color-light);
border: 1px solid var(--el-border-color-dark);
border-radius: 2px;
}
.el-button:nth-child(2) {
width: 80px;
height: 28px;
margin-right: 20px;
margin-left: 0 !important;
background-color: var(--el-color-business);
border-color: var(--el-color-business-dark-2);
}
}
}

View File

@@ -649,6 +649,7 @@ export default {
this.$confirm(this.$t('tip.confirmDelete'), {
confirmButtonText: this.$t('tip.yes'),
cancelButtonText: this.$t('tip.no'),
customClass: 'single-del-model',
type: 'warning'
}).then(() => {
axios.delete(api.reportJob + '?ids=' + row.id).then(response => {

View File

@@ -167,6 +167,7 @@ export default {
this.$confirm(this.$t('tip.confirmDelete'), {
confirmButtonText: this.$t('tip.yes'),
cancelButtonText: this.$t('tip.no'),
customClass: 'single-del-model',
type: 'warning'
}).then(() => {
this.toggleLoading(true)

View File

@@ -296,6 +296,7 @@ export default {
this.$confirm(this.$t('tip.confirmDelete'), {
confirmButtonText: this.$t('tip.yes'),
cancelButtonText: this.$t('tip.no'),
customClass: 'single-del-model',
type: 'warning'
}).then(() => {
this.toggleLoading(true)

View File

@@ -342,6 +342,7 @@ export default {
this.$confirm(this.$t('tip.confirmDelete'), {
confirmButtonText: this.$t('tip.yes'),
cancelButtonText: this.$t('tip.no'),
customClass: 'single-del-model',
type: 'warning'
}).then(() => {
this.toggleLoading(true)

View File

@@ -186,6 +186,7 @@ export default {
this.$confirm(this.$t('tip.confirmDelete'), {
confirmButtonText: this.$t('tip.yes'),
cancelButtonText: this.$t('tip.no'),
customClass: 'single-del-model',
type: 'warning'
}).then(() => {
this.toggleLoading(true)