多教师显示

This commit is contained in:
zhangsir
2024-02-05 10:17:05 +08:00
parent d787275fb0
commit 42a510e059
5 changed files with 114 additions and 37 deletions

View File

@@ -92,14 +92,14 @@
<div class="box"></div>
</div>
<!-- todo #面授课接口 讲师缺少img和介绍-->
<div class="teacheritem">
<img class="peopleimg" :src="teacherInfo.avatar"/>
<div class="teacheritem" v-for="(item,index) in teacherItem">
<img class="peopleimg" :src="item.avatar"/>
<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 }}
{{ item.realName }}--
</div>
<!-- <div class="introduce">{{ data.planDto?.bandDesc }}</div> -->
<div class="introduce" style="margin: 0;">{{useOrgName(teacherInfo.orgNamePath)}}</div>
<div class="introduce" style="margin: 0;">{{useOrgName(item.orgNamePath)}}</div>
</div>
</div>
</div>
@@ -111,7 +111,7 @@
<script setup>
import {computed, reactive, toRefs, watch, onUnmounted, ref} from "vue";
import FileTypeImg from "@/components/FileTypeImg.vue";
import {request, useRequest} from "@/api/request";
import {request, useRequest,boeRequest} from "@/api/request";
import {
STU_OFFCOURSE_DETAIL,
FACETEACH_SIGNUP
@@ -121,6 +121,7 @@ import {useUserInfo} from "@/api/utils";
import {ElMessage, messageConfig} from "element-plus";
import dayjs from "dayjs";
import { useOrgName } from "@/hooks/useOrgName.js";
import {BASE, GET_USER_LIST,GET_USER_INFO_OLDURL} from "@/api/ThirdApi";
const router = useRouter();
const returnclick = () => {
@@ -131,7 +132,21 @@ const {
} = useRoute();
const {data} = useRequest(STU_OFFCOURSE_DETAIL, {courseId});
watch(data, (newVal) => {
newVal.planDto.offteachers.map(item => teacherInfos(item.teacherId));
});
const teacherItem = ref([])
const teacherInfos = async (id) => {
const res = await boeRequest(GET_USER_INFO_OLDURL, { userId: id });
console.log(res.result, 'rea');
const userInfo = res.result;
userInfo.avatar = userInfo.avatar
? userInfo.avatar.includes('upload')
? userInfo.avatar
: '/upload' + userInfo.avatar
: '/800e23f7-b58c-4192-820d-0c6a2b7544cc.png';
teacherItem.value.push(userInfo)
};
const teacherInfo = useUserInfo(computed(() => data.value?.planDto?.teacherId));
const activeName = ref("first");