CN-1592 fix: 整理弹框样式

src/assets/css/common/index.scss

@@ -15,3 +15,98 @@
 .data-column__span {
   font-weight: bold;
 }
+// confirm弹框样式
+.del-model {
+  &.el-message-box {
+    max-width: 480px !important;
+  }
+  padding: 0 !important;
+  width: 480px !important;
+  height: 190px;
+
+  .el-message-box__header {
+    display: flex;
+    flex-direction: row;
+    border-bottom: 1px solid #eee;
+    height: 42px;
+    background: var(--el-color-info-light-9);
+    padding-left: 21px;
+    padding-top: 10px;
+    padding-bottom: 14px;
+
+    .el-message-box__headerbtn {
+      display: flex !important;
+      flex-direction: row-reverse;
+      justify-content: center;
+      align-items: center;
+      font-size: 10px;
+      line-height: 10px;
+      padding-right: 10px !important;
+
+      i {
+        width: 10px;
+        height: 10px;
+      }
+    }
+
+    .el-message-box__title {
+      font-size: 14px !important;
+      color: var(--el-text-color-primary);
+      letter-spacing: 0;
+    }
+  }
+
+  .el-message-box__content {
+    height: 96px;
+    font-size: 14px;
+    color: var(--el-text-color-primary);
+    letter-spacing: 0;
+    line-height: 22px;
+    padding-top: 9px;
+    padding-right: 20px;
+    padding-left: 21px;
+
+    .el-message-box__message {
+      padding-left: 0 !important;
+      padding-right: 0 !important;
+    }
+  }
+
+  .el-message-box__btns {
+    height: 52px;
+    border-top: 1px solid var(--el-border-color-light);
+    padding: 13px 1px 12px 0;
+
+    .el-button {
+      font-size: 12px;
+      border-radius: 2px;
+      width: 72px;
+      height: 28px;
+      margin-right: 20px;
+    }
+
+    .el-button:nth-child(1) {
+      color: var(--el-text-color-primary);
+      border-color: var(--el-color-info-light-7);
+
+      &:hover {
+        background-color: var(--el-fill-color);
+      }
+      &:focus {
+        background-color: var(--el-fill-color-darker);
+      }
+    }
+
+    .el-button:nth-child(2) {
+      background-color: var(--el-color-business);
+      border-color: var(--el-color-business-dark-2);
+
+      &:hover {
+        background-color: var(--el-color-business-light-2);
+      }
+      &:focus {
+        background-color: var(--el-color-business-dark-1);
+      }
+    }
+  }
+}