This commit is contained in:
yanran200730
2022-04-24 09:53:32 +08:00
parent 6a75a3470f
commit 53a4e5ea27
2 changed files with 15 additions and 14 deletions

View File

@@ -42,12 +42,12 @@
</div> </div>
</div> </div>
<div class="play-status"> <div class="play-status">
<div class="live" v-if="isLiveing"> <div class="live">
<span class="label"></span> <span class="label" v-if="isLiveing"></span>
<i>直播中</i> <i v-if="isLiveing">直播中</i>
<em>{{ date }}</em> <em>{{ date }}</em>
</div> </div>
<div v-else class="back-btn" @click="backLiveing">回到直播</div> <div v-if="!isLiveing" class="back-btn" @click="backLiveing">回到直播</div>
</div> </div>
</div> </div>
<div class="right"> <div class="right">
@@ -154,6 +154,7 @@
}, },
mounted () { mounted () {
this.date = this.$moment(new Date()).format('YYYY-MM-DD')
this.form.date = this.$moment(new Date()).format('YYYY-MM-DD') this.form.date = this.$moment(new Date()).format('YYYY-MM-DD')
this.$nextTick(() => { this.$nextTick(() => {
this.width = document.querySelector(`#${this.videoId}`).offsetWidth + 'px' this.width = document.querySelector(`#${this.videoId}`).offsetWidth + 'px'
@@ -221,8 +222,8 @@
this.instance.post(`/app/appzyvideoequipment/getSlwPlaybackTime`, null, { this.instance.post(`/app/appzyvideoequipment/getSlwPlaybackTime`, null, {
params: { params: {
ids: this.id, ids: this.id,
startTime: this.form.date + ' 00:00:00', startTime: this.date + ' 00:00:00',
endTime: this.form.date + ' 23:59:59', endTime: this.date + ' 23:59:59',
} }
}).then(res => { }).then(res => {
if (res.code == 0) { if (res.code == 0) {
@@ -230,8 +231,8 @@
const times = res.data[0].times const times = res.data[0].times
this.times = times.map(item => { this.times = times.map(item => {
const startTime = (item.startTime - new Date(this.form.date + ' 00:00:00').getTime()) / 1000 const startTime = (item.startTime - new Date(this.date + ' 00:00:00').getTime()) / 1000
const endTime = (item.endTime - new Date(this.form.date + ' 00:00:00').getTime()) / 1000 const endTime = (item.endTime - new Date(this.date + ' 00:00:00').getTime()) / 1000
return { return {
startTime: Number(startTime.toFixed(0)), startTime: Number(startTime.toFixed(0)),
@@ -467,6 +468,7 @@
.live { .live {
display: flex; display: flex;
align-items: center; align-items: center;
line-height: 1;
padding: 2px 5px; padding: 2px 5px;
color: rgba(0,255,0,.8); color: rgba(0,255,0,.8);

View File

@@ -34,12 +34,12 @@
</div> </div>
</div> --> </div> -->
<div class="play-status"> <div class="play-status">
<div class="live" v-if="isLiveing"> <div class="live">
<span class="label"></span> <span class="label" v-if="isLiveing"></span>
<i>直播中</i> <i v-if="isLiveing">直播中</i>
<em>{{ date }}</em> <em>{{ date }}</em>
</div> </div>
<div v-else class="back-btn" @click="backLiveing">回到直播</div> <div v-if="!isLiveing" class="back-btn" @click="backLiveing">回到直播</div>
</div> </div>
</div> </div>
<div class="right"> <div class="right">
@@ -295,8 +295,6 @@
const date = new Date() const date = new Date()
const seconds = date.getHours() * 3600 + date.getMinutes() * 60 + date.getSeconds() const seconds = date.getHours() * 3600 + date.getMinutes() * 60 + date.getSeconds()
console.log(this.canvasWidth)
this.x = seconds / (24 * 60 * 60) * this.canvasWidth + 100 this.x = seconds / (24 * 60 * 60) * this.canvasWidth + 100
}, },
@@ -564,6 +562,7 @@
.live { .live {
display: flex; display: flex;
align-items: center; align-items: center;
line-height: 1;
padding: 2px 5px; padding: 2px 5px;
color: rgba(0,255,0,.8); color: rgba(0,255,0,.8);