mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-student.git
synced 2025-12-13 21:06:47 +08:00
-- bug
This commit is contained in:
@@ -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)
|
||||||
});
|
});
|
||||||
|
|||||||
Reference in New Issue
Block a user