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