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

This commit is contained in:
wyx
2022-12-22 15:37:48 +08:00
parent bc12a00bf9
commit 8d4c25b2c7

View File

@@ -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;