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

init

Browse Source
This commit is contained in:
yuping
2022-12-15 15:52:54 +08:00
parent e5f7e80000
commit de4e218398
2 changed files with 43 additions and 41 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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

@@ -30,6 +30,7 @@
</div>
</div>
<botton :style="{background:`${data.isSurvery?'#999':'rgb(57, 146, 249)'}`}" class="btn" @click="toSurvery"
v-if="data.evalFlag && data.evalFlag==='1'"
>{{ data.isSurvery ? '已评估' : '评估' }}
</botton>
</div>

83
src/views/liveBroadcast/LiveBroadcast.vue
View File

@@ -24,8 +24,8 @@
<div class="title">【直播】{{ data?.liveName }}</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?.liveStartTime + "-" + data?.liveEndTime }}
@@ -43,26 +43,27 @@
</div>
<div class="threeBtn">
<botton
class="btn"
style="background: rgb(59, 191, 252)"
@click="showClick"
>观看
class="btn"
style="background: rgb(59, 191, 252)"
@click="showClick"
>观看
</botton>
<botton
class="btn"
:style="{
class="btn"
:style="{
background: `${data.signFlag ? '#999' : 'rgb(57, 146, 249)'}`,
}"
@click="signClick"
>{{ data.signFlag ? "已签到" : "签到" }}
@click="signClick"
>{{ data.signFlag ? "已签到" : "签到" }}
</botton>
<botton
:style="{
:style="{
background: `${data.isSurvery ? '#999' : 'rgb(57, 146, 249)'}`,
}"
class="btn"
@click="commitClick"
>{{ data.isSurvery ? "已评估" : "评估" }}
class="btn"
@click="commitClick"
v-if="data.isEvaluate && data.isEvaluate==='1'"
>{{ data.isSurvery ? "已评估" : "评估" }}
</botton>
</div>
</div>
@@ -75,8 +76,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>
@@ -112,8 +113,8 @@
<div class="tell">
<div class="title">
<img
style="width: 21px; height: 23px"
src="../../assets/image/tv.png"
style="width: 21px; height: 23px"
src="../../assets/image/tv.png"
/>
<div class="text">直播公告</div>
<div class="box"></div>
@@ -123,18 +124,18 @@
<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"
/>
<!-- todo #直播详情 没有直播讲师-->
<div class="text">直播讲师</div>
<div class="box"></div>
</div>
<div
class="teacheritem"
:style="{ 'border-bottom': '1px solid rgba(56, 125, 247, 0.2)' }"
class="teacheritem"
: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 class="teacherName" style="margin-right: 5px">
{{ data.userInfoBo?.userName }}
@@ -151,24 +152,24 @@
</template>
<script setup>
import { computed, reactive, toRefs } from "vue";
import {computed, reactive, toRefs} from "vue";
import img from "@/assets/image/uploadimg.png";
import { request, useRequest } from "@/api/request";
import { TASK_BROADCAST_DETAIL, TASK_BROADCAST_SIGN } from "@/api/api";
import { useRoute } from "vue-router/dist/vue-router";
import { useRouter } from "vue-router";
import { useUserInfo } from "@/api/utils";
import { ElMessage } from "element-plus";
import {request, useRequest} from "@/api/request";
import {TASK_BROADCAST_DETAIL, TASK_BROADCAST_SIGN} from "@/api/api";
import {useRoute} from "vue-router/dist/vue-router";
import {useRouter} from "vue-router";
import {useUserInfo} from "@/api/utils";
import {ElMessage} from "element-plus";
const {
query: { courseId: liveId, id: taskId, type, pName, sName },
query: {courseId: liveId, id: taskId, type, pName, sName},
} = useRoute();
const router = useRouter();
const { data } = useRequest(TASK_BROADCAST_DETAIL, { liveId });
const {data} = useRequest(TASK_BROADCAST_DETAIL, {liveId});
const { avatar: userAvatar } = useUserInfo(
computed(() => data.value.userInfoBo?.userId)
const {avatar: userAvatar} = useUserInfo(
computed(() => data.value.userInfoBo?.userId)
);
const state = reactive({
@@ -178,19 +179,19 @@ const state = reactive({
id: 1,
name: "王星天（显示事业）",
introduce:
"教师是学生的镜子,学生是老师的影子。教师是学生的镜子,学生是老师的影子。教师是学生的镜子,学生是老师的影子。",
"教师是学生的镜子,学生是老师的影子。教师是学生的镜子,学生是老师的影子。教师是学生的镜子,学生是老师的影子。",
peopleimg: img,
},
],
});
const { activeName, teacher } = toRefs(state);
const {activeName, teacher} = toRefs(state);
const signClick = () => {
if (data.value.signFlag) {
return;
}
data.value.signFlag = 1;
ElMessage.info("签到成功");
request(TASK_BROADCAST_SIGN, { courseId: liveId, taskId, type });
request(TASK_BROADCAST_SIGN, {courseId: liveId, taskId, type});
};
const commitClick = () => {
if (data.value.isSurvery) {
@@ -198,7 +199,7 @@ const commitClick = () => {
}
router.push({
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);
border-radius: 8px;
background: linear-gradient(
180deg,
rgba(36, 120, 255, 0.15) 0%,
rgba(255, 255, 255) 50%
180deg,
rgba(36, 120, 255, 0.15) 0%,
rgba(255, 255, 255) 50%
);
.title {