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

View File

@@ -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>

View File

@@ -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 {