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

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

Browse Source
This commit is contained in:
wyx
2023-03-23 21:57:33 +08:00
parent bc50fbc9ee
commit 586d03c22c
1 changed files with 32 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

35
src/views/project/ProjectDetails.vue
View File

@@ -73,11 +73,11 @@
<div class="goclass" @click="toFinish(value, i.stageName, i.id)" :style="{ background: (value.statusName !== '已结束' && (value.statusName || data.unlockMode === 1)) ? '#2478ff' : '#999' }">
{{ 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>
@@ -323,6 +323,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>
<script setup>
@@ -367,6 +388,9 @@ const studyProgress = [
}
];
const stateValue = ref(undefined)
const openCourseVisible = ref(false);
const openCourseList = ref([]);
const openCourseIdList = ref([]);
// 完成度选择
const myRate = ref('')
const myRateStr = ref('')
@@ -453,6 +477,9 @@ async function toFinish(d, sName, chapterOrStageId) {
return ElMessage.error("还未添加开课,请联系管理员！")
}
if(d.targetId.split(',').length>1){
openCourseList.value = d.targetName?.split(',');
openCourseIdList.value = d.targetId?.split(',');
openCourseVisible.value = true;
return
}
}
@@ -729,7 +756,9 @@ function continueLearn(lastLearnedId) {
.example-showcase .el-loading-mask {
z-index: 9;
}
.el-popper {
z-index: 0 !important;
}
.pathdetails {
.el-dialog__header {
display: none;