style:任务无法学习提示框修改样式

src/views/project/ProjectDetails.vue

@@ -224,6 +224,20 @@
 			</div>
 		</div>
 		<!-- 详细信息 -->
+		<!-- 弹框提示信息 -->
+		<el-dialog
+			title=""
+			top="407px"
+			v-model="dialogVisible"
+			:show-close="false"
+			style="display:flex;justify-content:center;align-items:center;height: 283px;padding:0;border-radius: 4px;"
+			width="502px">
+			<div style="width:288px;color:#333333;font-size: 22px;font-weight: 600;">该任务无法学习，请联系管理员进行替换！</div>
+			<span slot="footer" style="display:inline-block;margin-top:60px;">
+				<el-button @click="dialogVisible = false" style="width:140px;height:40px;margin-right: 22px;">取消</el-button>
+				<el-button type="primary" @click="dialogVisible = false"  style="width:140px;height:40px;">确定</el-button>
+			</span>
+		</el-dialog>
 	</div>
 </template>
 <script setup>
@@ -319,6 +333,13 @@ const types = ref({
 		13: "/projectdetails",
 	},
 });
+
+const dialogVisible = ref(false);
+
+// function dialogVisible(){
+// 	return true;
+// }
+
 function toFinish(d, sName, chapterId) {
 	console.log("dddddd", d);
 	// 作业过期判断
@@ -342,14 +363,16 @@ function toFinish(d, sName, chapterId) {
 	// 考试 停用
 	if (d.type == 5) {
 		if (d.taskStatus == 1 || d.taskStatus == 2) {
-			ElMessage.error("该任务无法学习，请联系管理员进行替换。")
+			// ElMessage.error("该任务无法学习，请联系管理员进行替换。")
+			dialogVisible.value = true;
 			return
 		}
 	}
 	// 评估 停用
 	if (d.type == 11) {
 		if (d.taskStatus == 1 || d.taskStatus == 2) {
-			ElMessage.error("该任务无法学习，请联系管理员进行替换。")
+			// ElMessage.error("该任务无法学习，请联系管理员进行替换。")
+			dialogVisible.value = true;
 			return
 		}
 	}
@@ -365,14 +388,16 @@ function toFinish(d, sName, chapterId) {
 	// 在线课 停用 -- 暂时没有在线课停用标记
 	if (d.type == 1) {
 		if (d.taskStatus == 1 || d.taskStatus == 2) {
-			ElMessage.error("该任务无法学习，请联系管理员进行替换。")
+			// ElMessage.error("该任务无法学习，请联系管理员进行替换。")
+			dialogVisible.value = true;
 			return
 		}
 	}
 	// 面授课 停用
 	if (d.type == 2) {
 		if (d.taskStatus == 1 || d.taskStatus == 2) {
-			ElMessage.error("该任务无法学习，请联系管理员进行替换。")
+			// ElMessage.error("该任务无法学习，请联系管理员进行替换。")
+			dialogVisible.value = true;
 			return
 		}
 	}
@@ -417,6 +442,9 @@ function whiteTypes(type) {
 <!-- Add "scoped" attribute to limit CSS to this component only -->
 <style lang="scss">
 .pathdetails {
+	.el-dialog__header {
+		display: none;
+	}
 	.crumb {
 		color: #fff;
 		display: flex;