This commit is contained in:
lims1@hunktimes.com
2023-08-01 16:49:31 +08:00
5 changed files with 141 additions and 83 deletions

View File

@@ -25,7 +25,7 @@
:src="data.offcourseDto.picUrl" alt="">
<div style="margin-left: 40px;margin-top: 56px;">
<div class="title">面授课{{ data.planDto?.name }}</div>
<div class="time" style="margin-top: 30px">
<!-- <div class="time" style="margin-top: 30px">
<img style="width: 15px; height: 17px" src="../../assets/image/time.png"/>
<div style="margin-left: 8px">
{{
@@ -37,10 +37,10 @@
<div v-if="data.planDto.address" class="time" style="margin-top: 10px">
<img style="width: 16px; height: 18px" src="../../assets/image/position.png"/>
<div style="margin-left: 8px">{{ data.planDto?.address }}</div>
</div>
<div class="time" style="margin-top: 37px">
</div> -->
<!-- <div class="time" style="margin-top: 37px">
<botton class="btn" style="margin-right: 20px;width: 260px;height: 46px;" :style="{ background: '#999'}">当前任务暂未开放请联系管理员</botton>
</div>
</div> -->
</div>
</div>
<div style="display: flex">
@@ -53,17 +53,17 @@
<div class="detail">
<div class="detailB">
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="课程介绍" name="first">
<el-tab-pane label="内容简介" name="first">
<div class="notice" style="padding:20px;font-size:14px;">
{{ data.offcourseDto?.intro || "暂无课程介绍" }}
{{ data.offcourseDto?.intro || "暂无内容简介" }}
</div>
</el-tab-pane>
<el-tab-pane label="课程大纲" name="second">
<el-tab-pane label="课程速览" name="second">
<div style="display: flex; align-items: center">
<div style="padding:20px;" class="content" v-html="data.offcourseDto?.outline"></div>
</div>
</el-tab-pane>
<el-tab-pane label="材料下载" name="third" >
<!-- <el-tab-pane label="材料下载" name="third" >
<div v-if="!data.offcourseDto?.attach"
style="font-size: 14px;font-weight: 400; line-height: 24px; cursor: pointer;margin-left: 40px; margin-top: 20px;">
此课程无附件
@@ -81,7 +81,7 @@
</div>
</div>
</div>
</el-tab-pane>
</el-tab-pane> -->
</el-tabs>
</div>
</div>
@@ -94,11 +94,12 @@
<!-- todo #面授课接口 讲师缺少img和介绍-->
<div class="teacheritem">
<img class="peopleimg" :src="teacherInfo.avatar"/>
<div class="nameSpan">
<div class="teacherName" style="margin-right: 5px">
<div class="nameSpan" style="align-items: flex-start;justify-content:flex-start;flex-direction: column;padding-left: 10px;">
<div class="teacherName" style="padding: 5px 0;">
{{ data.planDto?.teacher }}
</div>
<div class="introduce">{{ data.planDto?.bandDesc }}</div>
<!-- <div class="introduce">{{ data.planDto?.bandDesc }}</div> -->
<div class="introduce" style="margin: 0;">{{ cutOrgNamePath }}</div>
</div>
</div>
</div>
@@ -129,6 +130,19 @@ const {
} = useRoute();
const {data} = useRequest(STU_OFFCOURSE_DETAIL, {courseId});
// 获取组织名称
const cutOrgNamePath = computed(() => {
let newName = data.value?.offcourseDto?.organizationNames;
if(newName){
let names=newName.split(',');
let len=names.length;
//使用最后两们
if(len>1){
newName=names[0];
}
}
return newName;
})
const teacherInfo = useUserInfo(computed(() => data.value?.planDto?.teacherId));
const activeName = ref("first");