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

feat:修改padding

Browse Source
This commit is contained in:
lixg
2022-12-13 18:59:34 +08:00
parent 5bd4c85323
commit fb0d9b519e
13 changed files with 307 additions and 310 deletions
Download Patch File Download Diff File Expand all files Collapse all files

87
src/views/faceteach/FaceTeach.vue
View File

@@ -1,5 +1,5 @@
<template>
<div class="faceteach">
<div class="faceteach" style="padding: 30px">
<!-- 面包屑导航 -->
<div class="crumb">
<div>课程列表</div>
@@ -14,8 +14,8 @@
<div class="title">【面授课】{{ data.planDto?.name }}</div>
<div class="time" style="margin-top: 26px">
<img
style="width: 15px; height: 17px"
src="../../assets/image/time.png"
style="width: 15px; height: 17px"
src="../../assets/image/time.png"
/>
<div style="margin-left: 8px">
{{ data.offcourseDto?.publishTime }}
@@ -23,13 +23,15 @@
</div>
<div class="time" style="margin-top: 23px">
<img
style="width: 16px; height: 18px"
src="../../assets/image/position.png"
style="width: 16px; height: 18px"
src="../../assets/image/position.png"
/>
<div style="margin-left: 8px">{{ data.planDto?.address }}</div>
</div>
</div>
<div class="btn" @click="toSurvery" v-if="data.planDto?.evalFlag">评估</div>
<div class="btn" @click="toSurvery" v-if="data.planDto?.evalFlag">
评估
</div>
</div>
<!-- 基本信息 -->
@@ -40,8 +42,8 @@
<div class="" style="margin-left: 48px; margin-right: 48px">
<div class="title">
<img
style="width: 20px; height: 20px"
src="../../assets/image/course.png"
style="width: 20px; height: 20px"
src="../../assets/image/course.png"
/>
<div class="text">课程详情</div>
<div class="box"></div>
@@ -55,16 +57,16 @@
<el-tabs v-model="activeName" @tab-click="handleClick">
<el-tab-pane label="课程附件" name="first">
<div
v-for="(el, index) in data.planDto?.attach.split(',')"
:key="index"
v-if="data.planDto"
class="enclosure"
:style="{ borderBottom: '1px solid rgba(56, 125, 247, 0.2)' }"
v-for="(el, index) in data.planDto?.attach.split(',')"
:key="index"
v-if="data.planDto"
class="enclosure"
:style="{ borderBottom: '1px solid rgba(56, 125, 247, 0.2)' }"
>
<div class="enclosureL">
<FileTypeImg
v-model="data.planDto.attach.split(',')[index]"
:style="{
v-model="data.planDto.attach.split(',')[index]"
:style="{
width: '22px',
height: '26px',
marginLeft: '10px',
@@ -74,8 +76,8 @@
</div>
<div class="download">
<img
style="width: 16px; height: 15px"
src="../../assets/image/download.png"
style="width: 16px; height: 15px"
src="../../assets/image/download.png"
/>
<div style="margin-left: 5px" @click="download(el)">下载</div>
</div>
@@ -90,11 +92,7 @@
<div class="tag3" style="margin-left: 11px">作业</div>
</div>
</div>
<div
class="submit"
@click="toWork"
v-if="data.workDto?.workId"
>
<div class="submit" @click="toWork" v-if="data.workDto?.workId">
提交
</div>
</div>
@@ -107,8 +105,8 @@
</div>
<div style="margin-top: 16px; display: flex">
<div
class="tag1"
v-if="data.examinationDto?.examinationFlag"
class="tag1"
v-if="data.examinationDto?.examinationFlag"
>
必修
</div>
@@ -126,15 +124,15 @@
<div class="teacher">
<div class="title">
<img
style="width: 21px; height: 23px"
src="../../assets/image/livelecturer.png"
style="width: 21px; height: 23px"
src="../../assets/image/livelecturer.png"
/>
<div class="text">直播讲师</div>
<div class="box"></div>
</div>
<!-- todo #面授课接口 讲师缺少img和介绍-->
<div class="teacheritem">
<img class="peopleimg" :src="userAvatar"/>
<img class="peopleimg" :src="userAvatar" />
<div style="margin-left: 17px; width: 190px">
<div class="teacherName" style="margin-right: 5px">
{{ data.planDto?.teacher }}
@@ -150,27 +148,29 @@
</template>
<script setup>
import {computed, reactive, toRefs, watch} from "vue";
import { computed, reactive, toRefs, watch } from "vue";
import FileTypeImg from "@/components/FileTypeImg.vue";
import {request, useRequest} from "@/api/request";
import {STU_OFFCOURSE_DETAIL} from "@/api/api";
import {useRoute, useRouter} from "vue-router";
import {useUserInfo} from "@/api/utils";
import { request, useRequest } from "@/api/request";
import { STU_OFFCOURSE_DETAIL } from "@/api/api";
import { useRoute, useRouter } from "vue-router";
import { useUserInfo } from "@/api/utils";
const router = useRouter();
const {
query: {courseId, type},
query: { courseId, type },
} = useRoute();
const {data} = useRequest(STU_OFFCOURSE_DETAIL, {courseId});
const { data } = useRequest(STU_OFFCOURSE_DETAIL, { courseId });
const {avatar: userAvatar} = useUserInfo(computed(() => data.value?.planDto?.teacherId))
const { avatar: userAvatar } = useUserInfo(
computed(() => data.value?.planDto?.teacherId)
);
const state = reactive({
activeName: "first",
enclosure: "",
});
const {activeName, enclosure} = toRefs(state);
const { activeName, enclosure } = toRefs(state);
const handleClick = (tab, event) => {
console.log(tab, event);
};
@@ -179,18 +179,25 @@ const download = (url) => {
};
function toSurvery() {
router.push({path: "/surveydetail", query: {courseId: data.value.planDto.evaluateId}})
router.push({
path: "/surveydetail",
query: { courseId: data.value.planDto.evaluateId },
});
}
function toWork() {
router.push({
path: "/homeworkpage",
query: {courseId: data.value.workDto.workId, id: data.value.offcourseDto.categoryId, type}
})
query: {
courseId: data.value.workDto.workId,
id: data.value.offcourseDto.categoryId,
type,
},
});
}
function toExamItem(obj) {
router.push({path: "/starttest", query: {id: obj.courseId}});
router.push({ path: "/starttest", query: { id: obj.courseId } });
}
</script>