样式修改等

src/views/education/create-component.vue

@@ -1418,12 +1418,17 @@ export default {
     // 删除模块前进行确认
     beforeRemoveTab(targetName) {
       // 模板不为空
-      vm.$confirm("确定要删除此模块及包含的内容吗？<br>（<span style='color:red;font-size:12px;'>如需更新学情报告，可通过上下架项目实现</span>）", "提示", {
-        confirmButtonText: "确定删除",
-        cancelButtonText: "放弃",
-        dangerouslyUseHTMLString: true,
-        type: "warning",
-      })
+      vm.$confirm(
+        "确定要删除此模块及包含的内容吗？<br>（<span style='color:red;font-size:12px;'>如需更新学情报告，可通过上下架项目实现</span>）",
+        "提示",
+        {
+          confirmButtonText: "确定删除",
+          cancelButtonText: "放弃",
+          dangerouslyUseHTMLString: true,
+          customClass: "cc-class-box",
+          type: "warning",
+        }
+      )
         .then(() => {
           vm.removeTab(targetName);
         })
@@ -1452,6 +1457,7 @@ export default {
                 confirmButtonText: "确定删除",
                 cancelButtonText: "放弃",
                 dangerouslyUseHTMLString: true,
+                customClass: "cc-class-box",
                 type: "warning",
               }
             )
@@ -1589,12 +1595,17 @@ export default {
 
     // 删除模板前
     beforeDeleteTemplate(index, index1) {
-      vm.$confirm("确定要删除此模板吗？<br/>（<span style='color:red;font-size:12px;'>如需更新学情报告，可通过上下架项目实现</span>）", "提示", {
-        confirmButtonText: "确定删除",
-        cancelButtonText: "放弃",
-        dangerouslyUseHTMLString: true,
-        type: "warning",
-      })
+      vm.$confirm(
+        "确定要删除此模板吗？<br/>（<span style='color:red;font-size:12px;'>如需更新学情报告，可通过上下架项目实现</span>）",
+        "提示",
+        {
+          confirmButtonText: "确定删除",
+          cancelButtonText: "放弃",
+          dangerouslyUseHTMLString: true,
+          customClass: "cc-class-box",
+          type: "warning",
+        }
+      )
         .then(() => {
           vm.deleteTemplate(index, index1);
         })
@@ -1604,7 +1615,6 @@ export default {
             message: "已取消删除",
           });
         });
-
     },
 
     // 删除模板
@@ -1718,12 +1728,17 @@ export default {
     // 删除多个课程(多个考试)元件的确认框
     beforeDeleteMatterCourse(index, index1, index2, index3) {
       // 删除模块前进行确认
-      vm.$confirm("确定要删除此课程吗？<br>（<span style='color:red;font-size:12px;'>如需更新学情报告，可通过上下架项目实现</span>）", "提示", {
-        confirmButtonText: "确定删除",
-        cancelButtonText: "放弃",
-        dangerouslyUseHTMLString: true,
-        type: "warning",
-      })
+      vm.$confirm(
+        "确定要删除此课程吗？<br>（<span style='color:red;font-size:12px;'>如需更新学情报告，可通过上下架项目实现</span>）",
+        "提示",
+        {
+          confirmButtonText: "确定删除",
+          cancelButtonText: "放弃",
+          dangerouslyUseHTMLString: true,
+          customClass: "cc-class-box",
+          type: "warning",
+        }
+      )
         .then(() => {
           vm.deleteMatterCourse(index, index1, index2, index3);
         })
@@ -2297,4 +2312,23 @@ export default {
     }
   }
 }
+
+.cc-class-box {
+  height: 200px;
+  .el-message-box__content {
+    position: relative;
+    padding: 10px 15px !important;
+    color: #606266;
+    font-size: 14px;
+  }
+  /*恢复messageBox默认样式*/
+  .el-message-box {
+    width: 360px;
+    height: 220px !important;
+  }
+  .el-message-box__status + .el-message-box__message {
+    padding-left: 20px;
+    padding-right: 20px;
+  }
+}
 </style>