diff --git a/src/assets/css/common/button.scss b/src/assets/css/common/button.scss index 54d404e8..7eeda305 100644 --- a/src/assets/css/common/button.scss +++ b/src/assets/css/common/button.scss @@ -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); + } + } +} diff --git a/src/components/table/report/ReportTable.vue b/src/components/table/report/ReportTable.vue index 69be7372..242be180 100644 --- a/src/components/table/report/ReportTable.vue +++ b/src/components/table/report/ReportTable.vue @@ -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 => { diff --git a/src/mixins/data-list.js b/src/mixins/data-list.js index 6954b836..a995afb3 100644 --- a/src/mixins/data-list.js +++ b/src/mixins/data-list.js @@ -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) diff --git a/src/views/setting/KnowledgeBase.vue b/src/views/setting/KnowledgeBase.vue index c5a61c97..55932d40 100644 --- a/src/views/setting/KnowledgeBase.vue +++ b/src/views/setting/KnowledgeBase.vue @@ -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) diff --git a/src/views/setting/KnowledgeBaseUserDefinedList.vue b/src/views/setting/KnowledgeBaseUserDefinedList.vue index 7233a0f7..7eed0053 100644 --- a/src/views/setting/KnowledgeBaseUserDefinedList.vue +++ b/src/views/setting/KnowledgeBaseUserDefinedList.vue @@ -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) diff --git a/src/views/tag/Tag.vue b/src/views/tag/Tag.vue index 9e442d34..6ce13699 100644 --- a/src/views/tag/Tag.vue +++ b/src/views/tag/Tag.vue @@ -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)