From f15fb880a1f949c4ae50a8658dff217a3ccce892 Mon Sep 17 00:00:00 2001 From: ZZJ <zzjdsg2300@163.com> Date: 星期四, 30 九月 2021 18:33:34 +0800 Subject: [PATCH] 系统设置/维护v1.2 --- src/pages/vindicate/views/systemClean.vue | 105 ++++++++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 89 insertions(+), 16 deletions(-) diff --git a/src/pages/vindicate/views/systemClean.vue b/src/pages/vindicate/views/systemClean.vue index 2dc13a9..592f197 100644 --- a/src/pages/vindicate/views/systemClean.vue +++ b/src/pages/vindicate/views/systemClean.vue @@ -70,12 +70,26 @@ return } const [showStartTime, showEndTime] = this.dataRange - this.$confirm(`${showStartTime} 鑷� ${showEndTime} 浜х敓鐨勫叏閮ㄦ暟鎹皢琚垹闄わ紝姝ゆ搷浣滅珛鍗崇敓鏁堬紝涓嶅彲鎭㈠锛屾槸鍚﹀垹闄わ紵`, "鎻愮ず",{ - type:"warning", - cancelButtonClass: "comfirm-class-cancle", - confirmButtonClass: "comfirm-class-sure", - } - ) + const h = this.$createElement; + const icon = this.$msgbox( { + title: "", + message: h( + "div", + { + style: + "display: flex; flex-direction: column; justify-content: center; align-items: center;", + }, + [ + h("span", { class: "icon iconfont warn-icon" }, '\ue71c'), + h("span", { class: "warn-title" }, "鎻愮ず "), + h("span", { class: "warn-dec" }, `${showStartTime} 鑷� ${showEndTime} 浜х敓鐨勫叏閮ㄦ暟鎹皢琚垹闄わ紝姝ゆ搷浣滅珛鍗崇敓鏁堬紝涓嶅彲鎭㈠锛屾槸鍚﹀垹闄わ紵`), + ] + ), + showCancelButton: true, + confirmButtonText: "纭畾", + cancelButtonText: "鍙栨秷", + }) + .then(() => { this.loading = true this.loadingText = "姝e湪鍒犻櫎鏁版嵁锛岃绋嶅�欙紒" @@ -83,6 +97,7 @@ startTime: showStartTime, endTime: showEndTime, }) + .then((resp) => { if (resp.success) { this.loading = false @@ -147,18 +162,14 @@ } &::after { position: relative; - top: -68%; - content: '\e6e8'; - width: 25px; - height: 25px; + top: -77%; + background-image: url(/images/vindicate/鍐呭瓨.png); + width: 38px; + height: 35px; + background-size:cover; display: inline-block; margin: auto; - font-family: "iconfont" !important; - font-size: 25px; - font-style: normal; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - + content: ''; } } svg { @@ -235,3 +246,65 @@ </style> + +<style scoped lang="scss"> +.warn-icon { + color: #fe6d68; + font-size: 40px; + margin-top: 11px; + } + .warn-title { + font-weight: bold; + font-size: 16px; + margin: 6px; + line-height: 22px; + } + .warn-dec { + font-weight: bold; + font-size: 14px; + color: #828282; + line-height: 20px; + } + .el-message-box__headerbtn { + top: 12px; + } + .el-message-box__headerbtn .el-message-box__close { + color: #333333; + font-weight: bold; + } + .el-message-box__btns { + display: flex; + justify-content: center; + margin-top: 20px; + .el-button:focus, + .el-button:hover { + background-color: none; + border: none; + } + button { + width: 175px; + height: 40px; + border-radius: 25px; + span { + font-size: 16px; + font-weight: 700; + } + &:hover { + border: 1px solid var(--colorCard) !important; + } + } + button:first-child { + background-color: #e0e0e0; + span { + color: #333333; + } + } + button:last-child { + background-color: var(--colorCard) !important; + border: 1px solid var(--colorCard) !important; + span { + color: #fff; + } + } + } +</style> -- Gitblit v1.8.0