This commit is contained in:
yuping
2022-12-25 21:54:20 +08:00
parent 9cf5525c9f
commit c3850ee02a

View File

@@ -10,8 +10,9 @@
<div v-if="pName != ''" class="return"> <div v-if="pName != ''" class="return">
<div style="display: flex" @click="returnclick"> <div style="display: flex" @click="returnclick">
<el-button style="color:#0073FB"> <img class="img2" style="margin-right:11px;cursor: pointer;" <el-button style="color:#0073FB"><img class="img2" style="margin-right:11px;cursor: pointer;"
src="../../assets/image/return.png" />返回</el-button> src="../../assets/image/return.png"/>返回
</el-button>
</div> </div>
</div> </div>
</div> </div>
@@ -25,15 +26,16 @@
<div style="margin-left: 40px;margin-top: 56px;"> <div style="margin-left: 40px;margin-top: 56px;">
<div class="title">面授课{{ data.planDto?.name }}</div> <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" /> <img style="width: 15px; height: 17px" src="../../assets/image/time.png"/>
<div style="margin-left: 8px"> <div style="margin-left: 8px">
{{ dayjs(data.planDto?.beginTime).format('YYYY-MM-DD HH:MM') + " 至 " + {{
dayjs(data.planDto?.beginTime).format('YYYY-MM-DD HH:MM') + " 至 " +
dayjs(data.planDto?.endTime).format('YYYY-MM-DD HH:MM') dayjs(data.planDto?.endTime).format('YYYY-MM-DD HH:MM')
}} }}
</div> </div>
</div> </div>
<div v-if="data.planDto.address" class="time" style="margin-top: 10px"> <div v-if="data.planDto.address" class="time" style="margin-top: 10px">
<img style="width: 16px; height: 18px" src="../../assets/image/position.png" /> <img style="width: 16px; height: 18px" src="../../assets/image/position.png"/>
<div style="margin-left: 8px">{{ data.planDto?.address }}</div> <div style="margin-left: 8px">{{ data.planDto?.address }}</div>
</div> </div>
<div class="time" style="margin-top: 37px"> <div class="time" style="margin-top: 37px">
@@ -82,7 +84,7 @@
<div style="margin-left: 20px">{{ el.slice(el.indexOf('-') + 1) }}</div> <div style="margin-left: 20px">{{ el.slice(el.indexOf('-') + 1) }}</div>
</div> </div>
<div class="download"> <div class="download">
<img style="width: 16px; height: 15px" src="../../assets/image/download.png" /> <img style="width: 16px; height: 15px" src="../../assets/image/download.png"/>
<div style="margin-left: 5px;color:#999;"> <div style="margin-left: 5px;color:#999;">
下载 下载
</div> </div>
@@ -98,13 +100,13 @@
</div> </div>
<div class="teacher"> <div class="teacher">
<div class="title"> <div class="title">
<img style="width: 21px; height: 23px" src="../../assets/image/livelecturer.png" /> <img style="width: 21px; height: 23px" src="../../assets/image/livelecturer.png"/>
<div class="text">面授课讲师</div> <div class="text">面授课讲师</div>
<div class="box"></div> <div class="box"></div>
</div> </div>
<!-- todo #面授课接口 讲师缺少img和介绍--> <!-- todo #面授课接口 讲师缺少img和介绍-->
<div class="teacheritem"> <div class="teacheritem">
<img class="peopleimg" :src="teacherInfo.avatar" /> <img class="peopleimg" :src="teacherInfo.avatar"/>
<div class="nameSpan"> <div class="nameSpan">
<div class="teacherName" style="margin-right: 5px"> <div class="teacherName" style="margin-right: 5px">
{{ data.planDto?.teacher }} {{ data.planDto?.teacher }}
@@ -120,9 +122,9 @@
</template> </template>
<script setup> <script setup>
import { computed, reactive, toRefs, watch, onUnmounted } from "vue"; import {computed, reactive, toRefs, watch, onUnmounted} from "vue";
import FileTypeImg from "@/components/FileTypeImg.vue"; import FileTypeImg from "@/components/FileTypeImg.vue";
import { request, useRequest } from "@/api/request"; import {request, useRequest} from "@/api/request";
import { import {
STU_OFFCOURSE_DETAIL, STU_OFFCOURSE_DETAIL,
TASK_OFFCOURSE_NOTASK_SIGN, TASK_OFFCOURSE_NOTASK_SIGN,
@@ -130,20 +132,21 @@ import {
TASK_BROADCAST_SIGN, TASK_BROADCAST_SIGN,
FACETEACH_SIGNUP FACETEACH_SIGNUP
} from "@/api/api"; } from "@/api/api";
import { useRoute, useRouter } from "vue-router"; import {useRoute, useRouter} from "vue-router";
import { useUserInfo } from "@/api/utils"; import {useUserInfo} from "@/api/utils";
import { ElMessage, messageConfig } from "element-plus"; import {ElMessage, messageConfig} from "element-plus";
import dayjs from "dayjs"; import dayjs from "dayjs";
const router = useRouter(); const router = useRouter();
const returnclick = () => { const returnclick = () => {
router.back(); router.back();
}; };
const { const {
query: { courseId, type, id: taskId }, query: {courseId, type, id: taskId},
} = useRoute(); } = useRoute();
const { data } = useRequest(STU_OFFCOURSE_DETAIL, { courseId }); const {data} = useRequest(STU_OFFCOURSE_DETAIL, {courseId});
console.log("datadatadatadatadatadatadata", data);
const teacherInfo = useUserInfo( const teacherInfo = useUserInfo(
computed(() => data.value?.planDto?.teacherId) computed(() => data.value?.planDto?.teacherId)
); );
@@ -153,7 +156,7 @@ const state = reactive({
enclosure: "", enclosure: "",
isAllowSign: false, isAllowSign: false,
}); });
const { activeName, enclosure, isAllowSign } = toRefs(state); const {activeName, enclosure, isAllowSign} = toRefs(state);
const handleClick = (tab, event) => { const handleClick = (tab, event) => {
console.log("附件", tab, event); console.log("附件", tab, event);
}; };
@@ -167,11 +170,9 @@ let timer = null;
// 报名 // 报名
function onLineSignUp() { function onLineSignUp() {
request(FACETEACH_SIGNUP, { courseId }).then(res => { request(FACETEACH_SIGNUP, {courseId}).then(() => {
console.log(res)
if (res.code == 200) {
ElMessage.success("报名成功"); ElMessage.success("报名成功");
} router.push({path: 'faceteach', query: {courseId}})
}).catch(err => { }).catch(err => {
console.log(err) console.log(err)
}); });