mirror of
https://codeup.aliyun.com/67762337eccfc218f6110e0e/vue/fe-student.git
synced 2025-12-20 00:06:50 +08:00
init
This commit is contained in:
@@ -30,6 +30,7 @@
|
|||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
<botton :style="{background:`${data.isSurvery?'#999':'rgb(57, 146, 249)'}`}" class="btn" @click="toSurvery"
|
<botton :style="{background:`${data.isSurvery?'#999':'rgb(57, 146, 249)'}`}" class="btn" @click="toSurvery"
|
||||||
|
v-if="data.evalFlag && data.evalFlag==='1'"
|
||||||
>{{ data.isSurvery ? '已评估' : '评估' }}
|
>{{ data.isSurvery ? '已评估' : '评估' }}
|
||||||
</botton>
|
</botton>
|
||||||
</div>
|
</div>
|
||||||
|
|||||||
@@ -24,8 +24,8 @@
|
|||||||
<div class="title">【直播】{{ data?.liveName }}</div>
|
<div class="title">【直播】{{ data?.liveName }}</div>
|
||||||
<div class="time" style="margin-top: 26px">
|
<div class="time" style="margin-top: 26px">
|
||||||
<img
|
<img
|
||||||
style="width: 15px; height: 17px"
|
style="width: 15px; height: 17px"
|
||||||
src="../../assets/image/time.png"
|
src="../../assets/image/time.png"
|
||||||
/>
|
/>
|
||||||
<div style="margin-left: 8px">
|
<div style="margin-left: 8px">
|
||||||
{{ data?.liveStartTime + "-" + data?.liveEndTime }}
|
{{ data?.liveStartTime + "-" + data?.liveEndTime }}
|
||||||
@@ -43,26 +43,27 @@
|
|||||||
</div>
|
</div>
|
||||||
<div class="threeBtn">
|
<div class="threeBtn">
|
||||||
<botton
|
<botton
|
||||||
class="btn"
|
class="btn"
|
||||||
style="background: rgb(59, 191, 252)"
|
style="background: rgb(59, 191, 252)"
|
||||||
@click="showClick"
|
@click="showClick"
|
||||||
>观看
|
>观看
|
||||||
</botton>
|
</botton>
|
||||||
<botton
|
<botton
|
||||||
class="btn"
|
class="btn"
|
||||||
:style="{
|
:style="{
|
||||||
background: `${data.signFlag ? '#999' : 'rgb(57, 146, 249)'}`,
|
background: `${data.signFlag ? '#999' : 'rgb(57, 146, 249)'}`,
|
||||||
}"
|
}"
|
||||||
@click="signClick"
|
@click="signClick"
|
||||||
>{{ data.signFlag ? "已签到" : "签到" }}
|
>{{ data.signFlag ? "已签到" : "签到" }}
|
||||||
</botton>
|
</botton>
|
||||||
<botton
|
<botton
|
||||||
:style="{
|
:style="{
|
||||||
background: `${data.isSurvery ? '#999' : 'rgb(57, 146, 249)'}`,
|
background: `${data.isSurvery ? '#999' : 'rgb(57, 146, 249)'}`,
|
||||||
}"
|
}"
|
||||||
class="btn"
|
class="btn"
|
||||||
@click="commitClick"
|
@click="commitClick"
|
||||||
>{{ data.isSurvery ? "已评估" : "评估" }}
|
v-if="data.isEvaluate && data.isEvaluate==='1'"
|
||||||
|
>{{ data.isSurvery ? "已评估" : "评估" }}
|
||||||
</botton>
|
</botton>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
@@ -75,8 +76,8 @@
|
|||||||
<div class="" style="margin-left: 48px; margin-right: 48px">
|
<div class="" style="margin-left: 48px; margin-right: 48px">
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<img
|
<img
|
||||||
style="width: 20px; height: 20px"
|
style="width: 20px; height: 20px"
|
||||||
src="../../assets/image/course.png"
|
src="../../assets/image/course.png"
|
||||||
/>
|
/>
|
||||||
<div class="text">直播说明</div>
|
<div class="text">直播说明</div>
|
||||||
<div class="box"></div>
|
<div class="box"></div>
|
||||||
@@ -112,8 +113,8 @@
|
|||||||
<div class="tell">
|
<div class="tell">
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<img
|
<img
|
||||||
style="width: 21px; height: 23px"
|
style="width: 21px; height: 23px"
|
||||||
src="../../assets/image/tv.png"
|
src="../../assets/image/tv.png"
|
||||||
/>
|
/>
|
||||||
<div class="text">直播公告</div>
|
<div class="text">直播公告</div>
|
||||||
<div class="box"></div>
|
<div class="box"></div>
|
||||||
@@ -123,18 +124,18 @@
|
|||||||
<div class="teacher">
|
<div class="teacher">
|
||||||
<div class="title">
|
<div class="title">
|
||||||
<img
|
<img
|
||||||
style="width: 21px; height: 23px"
|
style="width: 21px; height: 23px"
|
||||||
src="../../assets/image/livelecturer.png"
|
src="../../assets/image/livelecturer.png"
|
||||||
/>
|
/>
|
||||||
<!-- todo #直播详情 没有直播讲师-->
|
<!-- todo #直播详情 没有直播讲师-->
|
||||||
<div class="text">直播讲师</div>
|
<div class="text">直播讲师</div>
|
||||||
<div class="box"></div>
|
<div class="box"></div>
|
||||||
</div>
|
</div>
|
||||||
<div
|
<div
|
||||||
class="teacheritem"
|
class="teacheritem"
|
||||||
:style="{ 'border-bottom': '1px solid rgba(56, 125, 247, 0.2)' }"
|
:style="{ 'border-bottom': '1px solid rgba(56, 125, 247, 0.2)' }"
|
||||||
>
|
>
|
||||||
<img class="peopleimg" :src="userAvatar" />
|
<img class="peopleimg" :src="userAvatar"/>
|
||||||
<div style="margin-left: 17px; width: 190px">
|
<div style="margin-left: 17px; width: 190px">
|
||||||
<div class="teacherName" style="margin-right: 5px">
|
<div class="teacherName" style="margin-right: 5px">
|
||||||
{{ data.userInfoBo?.userName }}
|
{{ data.userInfoBo?.userName }}
|
||||||
@@ -151,24 +152,24 @@
|
|||||||
</template>
|
</template>
|
||||||
|
|
||||||
<script setup>
|
<script setup>
|
||||||
import { computed, reactive, toRefs } from "vue";
|
import {computed, reactive, toRefs} from "vue";
|
||||||
import img from "@/assets/image/uploadimg.png";
|
import img from "@/assets/image/uploadimg.png";
|
||||||
import { request, useRequest } from "@/api/request";
|
import {request, useRequest} from "@/api/request";
|
||||||
import { TASK_BROADCAST_DETAIL, TASK_BROADCAST_SIGN } from "@/api/api";
|
import {TASK_BROADCAST_DETAIL, TASK_BROADCAST_SIGN} from "@/api/api";
|
||||||
import { useRoute } from "vue-router/dist/vue-router";
|
import {useRoute} from "vue-router/dist/vue-router";
|
||||||
import { useRouter } from "vue-router";
|
import {useRouter} from "vue-router";
|
||||||
import { useUserInfo } from "@/api/utils";
|
import {useUserInfo} from "@/api/utils";
|
||||||
import { ElMessage } from "element-plus";
|
import {ElMessage} from "element-plus";
|
||||||
|
|
||||||
const {
|
const {
|
||||||
query: { courseId: liveId, id: taskId, type, pName, sName },
|
query: {courseId: liveId, id: taskId, type, pName, sName},
|
||||||
} = useRoute();
|
} = useRoute();
|
||||||
const router = useRouter();
|
const router = useRouter();
|
||||||
|
|
||||||
const { data } = useRequest(TASK_BROADCAST_DETAIL, { liveId });
|
const {data} = useRequest(TASK_BROADCAST_DETAIL, {liveId});
|
||||||
|
|
||||||
const { avatar: userAvatar } = useUserInfo(
|
const {avatar: userAvatar} = useUserInfo(
|
||||||
computed(() => data.value.userInfoBo?.userId)
|
computed(() => data.value.userInfoBo?.userId)
|
||||||
);
|
);
|
||||||
|
|
||||||
const state = reactive({
|
const state = reactive({
|
||||||
@@ -178,19 +179,19 @@ const state = reactive({
|
|||||||
id: 1,
|
id: 1,
|
||||||
name: "王星天(显示事业)",
|
name: "王星天(显示事业)",
|
||||||
introduce:
|
introduce:
|
||||||
"教师是学生的镜子,学生是老师的影子。教师是学生的镜子,学生是老师的影子。教师是学生的镜子,学生是老师的影子。",
|
"教师是学生的镜子,学生是老师的影子。教师是学生的镜子,学生是老师的影子。教师是学生的镜子,学生是老师的影子。",
|
||||||
peopleimg: img,
|
peopleimg: img,
|
||||||
},
|
},
|
||||||
],
|
],
|
||||||
});
|
});
|
||||||
const { activeName, teacher } = toRefs(state);
|
const {activeName, teacher} = toRefs(state);
|
||||||
const signClick = () => {
|
const signClick = () => {
|
||||||
if (data.value.signFlag) {
|
if (data.value.signFlag) {
|
||||||
return;
|
return;
|
||||||
}
|
}
|
||||||
data.value.signFlag = 1;
|
data.value.signFlag = 1;
|
||||||
ElMessage.info("签到成功");
|
ElMessage.info("签到成功");
|
||||||
request(TASK_BROADCAST_SIGN, { courseId: liveId, taskId, type });
|
request(TASK_BROADCAST_SIGN, {courseId: liveId, taskId, type});
|
||||||
};
|
};
|
||||||
const commitClick = () => {
|
const commitClick = () => {
|
||||||
if (data.value.isSurvery) {
|
if (data.value.isSurvery) {
|
||||||
@@ -198,7 +199,7 @@ const commitClick = () => {
|
|||||||
}
|
}
|
||||||
router.push({
|
router.push({
|
||||||
path: "/surveydetail",
|
path: "/surveydetail",
|
||||||
query: { courseId: data.value.assessmentId },
|
query: {courseId: data.value.assessmentId},
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
@@ -491,9 +492,9 @@ function showClick() {
|
|||||||
background-color: rgba(255, 255, 255, 1);
|
background-color: rgba(255, 255, 255, 1);
|
||||||
border-radius: 8px;
|
border-radius: 8px;
|
||||||
background: linear-gradient(
|
background: linear-gradient(
|
||||||
180deg,
|
180deg,
|
||||||
rgba(36, 120, 255, 0.15) 0%,
|
rgba(36, 120, 255, 0.15) 0%,
|
||||||
rgba(255, 255, 255) 50%
|
rgba(255, 255, 255) 50%
|
||||||
);
|
);
|
||||||
|
|
||||||
.title {
|
.title {
|
||||||
|
|||||||
Reference in New Issue
Block a user