hz/fe-student
1
0
Fork 0
mirror of https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-student.git synced 2025-12-12 12:26:49 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat:面授课开课去上课弹框优化

Browse Source
This commit is contained in:
wyx
2023-03-23 21:48:15 +08:00
parent bd9ac570f1
commit 63da92d810
1 changed files with 32 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

34
src/views/roadmap/PathDetails.vue
View File

@@ -96,11 +96,11 @@
@click="toFinish(value)">
{{ value.statusName || (data.unlockMode === 1 ? TASK_TYPES.toName[value.type] : "未解锁") }}
</div>
<template #dropdown v-if="value.type===2 && value.targetId?.split(',')?.length > 1">
<!-- <template #dropdown v-if="value.type===2 && value.targetId?.split(',')?.length > 1">
<el-dropdown-menu>
<el-dropdown-item v-for="(name,key) in value.targetName?.split(',')" :key="key" @click="toOffcoursePlanPage(value.targetId?.split(',')[key])">{{ name }}</el-dropdown-item>
</el-dropdown-menu>
</template>
</template> -->
</el-dropdown>
</div>
</div>
@@ -257,6 +257,27 @@
<el-button type="primary" @click="dialogVisible = false" style="width:140px;height:40px;">确定</el-button>
</span>
</el-dialog>
<!-- 开课列表弹框 -->
<el-dialog title="" top="347px" v-model="openCourseVisible" :show-close="false"
style="display:flex;justify-content:center;align-items:center;min-height: 320px;padding:0;border-radius: 4px;"
width="502px">
<div style="display: flex;justify-content:space-between;align-items:center;margin-bottom: 22px;">
<div style="width:288px;color:#333333;font-size: 16px;font-weight: 600;">开课列表</div>
<div
@click="openCourseVisible = false"
style="font-size: 12px;cursor:pointer;">X</div>
</div>
<div style="width: 100%;min-height:210px;margin-top: 12px;">
<div
v-for="item,key in openCourseList"
style="width: 100%;display: flex;justify-content: space-between;align-items: center;margin-bottom: 12px;background: rgb(247, 251, 253);height: 40px;padding: 5px;border-radius: 5px;">
<div>{{ item }}</div>
<div
@click="toOffcoursePlanPage(openCourseIdList[key])"
style="width:60px;height:30px;text-align:center;line-height:30px;background:#0078fc;border-radius:5px;color:#fff;cursor: pointer;">去学习</div>
</div>
</div>
</el-dialog>
</div>
</template>
@@ -301,6 +322,9 @@ const handleClick = (tab, event) => {
const path = { 1: "path" };
const dialogVisible = ref(false);
const openCourseVisible = ref(false);
const openCourseList = ref([]);
const openCourseIdList = ref([]);
const dialogVisibleTip = ref("");
// 判断当前任务已结束及时间意义上的结束 提示用户
@@ -349,6 +373,9 @@ async function toFinish(d) {
return ElMessage.error("还未添加开课,请联系管理员！")
}
if(d.targetId.split(',').length>1){
openCourseList.value = d.targetName?.split(',');
openCourseIdList.value = d.targetId?.split(',');
openCourseVisible.value = true;
return
}
}
@@ -615,6 +642,9 @@ function continueLearn(taskname, datas) {
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="scss">
.pathdetails {
.el-dialog__body{
width: 80%;
}
.crumb {
color: #fff;
display: flex;