fix:直播回放问题修改

This commit is contained in:
wyx
2023-02-24 15:56:30 +08:00
parent 6071e4dc86
commit dce3cc31fe

View File

@@ -50,12 +50,15 @@
</div> --> </div> -->
</div> </div>
<div v-if="projectStatus && projectEndTime"> <div v-if="projectStatus && projectEndTime">
<div v-if="projectStatus !=='3' && new Date(projectEndTime).getTime() > new Date().getTime()" class="threeBtn"> <div v-if="projectStatus !=='-1' && new Date(projectEndTime).getTime() > new Date().getTime()" class="threeBtn">
<botton class="btn" :style="{ <botton class="btn" :style="{
background: `${new Date(data.liveStartTime).getTime() > new Date().getTime() ? '#999' : 'rgb(59, 191, 252)'}`, background: `${new Date(data.liveStartTime).getTime() > new Date().getTime() ? '#999' : 'rgb(59, 191, 252)'}`,
}" @click="showClick"> }" @click="showClick">
{{ new Date(data.liveEndTime).getTime() }}
{{ new Date().getTime() }}
{{ data.liveLink }}
{{ {{
new Date(data.liveEndTime).getTime() < new Date().getTime() && data.livePlayback == '1' ? '回放' : '观看' new Date(data.liveEndTime).getTime() < new Date().getTime() && data.livePlayback == 'true' ? '回放' : '观看'
}} }}
</botton> </botton>
@@ -91,7 +94,7 @@
:style="{background: `${new Date(data.liveStartTime).getTime() > new Date().getTime() ? '#999' : 'rgb(59, 191, 252)'}`, :style="{background: `${new Date(data.liveStartTime).getTime() > new Date().getTime() ? '#999' : 'rgb(59, 191, 252)'}`,
}" @click="showClick"> }" @click="showClick">
{{ {{
new Date(data.liveEndTime).getTime() < new Date().getTime() && data.livePlayback == '1' ? '回放' : '观看' new Date(data.liveEndTime).getTime() < new Date().getTime() && data.livePlayback == 'true' ? '回放' : '观看'
}} }}
</botton> </botton>
@@ -188,7 +191,7 @@
</template> </template>
<script setup> <script setup>
import {computed, reactive, toRefs, onUnmounted} from "vue"; import {computed, reactive, toRefs, onUnmounted, watch} 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";
@@ -250,9 +253,11 @@ const signClick = () => {
}; };
let timer = null; let timer = null;
//判断能否签到 //判断能否签到
function isSignClick() { function isSignClick() {
timer = setInterval(() => { // timer = setInterval(() => {
let beginTime = new Date(data.value?.liveStartTime).getTime(); let beginTime = new Date(data.value?.liveStartTime).getTime();
let endTime = !data.value.afterSignIn || data.value?.afterSignIn == '0' let endTime = !data.value.afterSignIn || data.value?.afterSignIn == '0'
? new Date(data.value.liveEndTime).getTime() ? new Date(data.value.liveEndTime).getTime()
@@ -294,10 +299,13 @@ function isSignClick() {
// nowTime < endTime, // nowTime < endTime,
// nowTime > beginTime // nowTime > beginTime
// ); // );
}, 1000); // }, 1000);
} }
watch(data, () => {
isSignClick(); isSignClick();
})
const commitClick = () => { const commitClick = () => {
if (data.value.liveStartTime) { if (data.value.liveStartTime) {
let date1 = new Date(data.value.liveStartTime).getTime() let date1 = new Date(data.value.liveStartTime).getTime()
@@ -346,7 +354,7 @@ function showClick() {
return; return;
} }
} }
if (new Date(data.value.liveEndTime).getTime() < new Date().getTime() && data.value.livePlayback == '1') { if (new Date(data.value.liveEndTime).getTime() < new Date().getTime() && data.value.livePlayback == 'true') {
window.open(data.value.livePlaybackLink, '_top'); window.open(data.value.livePlaybackLink, '_top');
} else { } else {
window.open(data.value.liveLink, '_top'); window.open(data.value.liveLink, '_top');