theluyuan/beelink
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

视频列表

Browse Source
This commit is contained in:
asd
2020-10-14 15:30:29 +08:00
parent 3d7070b8d7
commit 9dbaebfff2
7 changed files with 620 additions and 376 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
src/views/regime/Live.vue
View File

@@ -146,9 +146,9 @@ export default defineComponent({
setup() {
const page = ref(1);
const tabindex = ref(1);
const livelist=ref<Array<LiveList>>()
const livelist=ref<LiveList[]>()
onMounted(async ()=>{
livelist.value= await getlivelist()
livelist.value = await getlivelist();
})
function tabchange(e: number): void {
tabindex.value=e

147
src/views/regime/Video.vue
View File

@@ -2,51 +2,85 @@
<div class="video">
<div class="nav">
<div class="tabs">
<div :class="tabindex == 1 ? 'on' : ''" @click="tabchange(1)">全部视频</div>
<div :class="tabindex == 2 ? 'on' : ''" @click="tabchange(2)">审核中</div>
<div :class="tabindex == 3 ? 'on' : ''" @click="tabchange(3)">未通过</div>
<div :class="tabindex == 4 ? 'on' : ''" @click="tabchange(4)">已发布</div>
<div :class="tabindex == 4 ? 'on' : ''" @click="tabchange(4)">
全部视频
</div>
<div :class="tabindex == 0 ? 'on' : ''" @click="tabchange(0)">
审核中
</div>
<div :class="tabindex == 1 ? 'on' : ''" @click="tabchange(1)">
未通过
</div>
<div :class="tabindex == 2 ? 'on' : ''" @click="tabchange(2)">
已发布
</div>
</div>
<div class="sel">
<img src="@/static/images/sousuo.png" alt="" class="icon" />
<input type="text" />
</div>
</div>
<div class="list" v-if="tabindex==1">
<VideoItem></VideoItem>
<VideoItem></VideoItem>
<VideoItem></VideoItem>
<VideoItem></VideoItem>
<VideoItem></VideoItem>
<VideoItem></VideoItem>
<VideoItem></VideoItem>
<VideoItem></VideoItem>
<VideoItem></VideoItem>
<VideoItem></VideoItem>
<div class="list" v-if="tabindex == 4">
<VideoItem
v-for="(i, j) in videolist"
:key="j"
:videoid="i.videoid"
:img="i.img"
:title="i.title"
:score="i.score"
:date="i.created_at"
:takehour="i.fileduration"
:livenum="i.statusname"
:status="i.status"
:watch="i.watch"
:share="i.share"
></VideoItem>
</div>
<div class="list" v-if="tabindex==2">
<VideoItem ></VideoItem>
<VideoItem></VideoItem>
<VideoItem></VideoItem>
<VideoItem></VideoItem>
<VideoItem></VideoItem>
<VideoItem></VideoItem>
<div class="list" v-if="tabindex == 0">
<VideoItem
v-for="(i, j) in videolist"
:key="j"
:img="i.img"
:title="i.title"
:score="i.score"
:date="i.created_at"
:takehour="i.fileduration"
:livenum="i.statusname"
:status="i.status"
:watch="i.watch"
:share="i.share"
></VideoItem>
</div>
<div class="list" v-if="tabindex==3">
<VideoItem :type="2"></VideoItem>
<VideoItem :type="2"></VideoItem>
<VideoItem :type="2"></VideoItem>
<VideoItem :type="2"></VideoItem>
<div class="list" v-if="tabindex == 1">
<VideoItem
v-for="(i, j) in videolist"
:key="j"
:img="i.img"
:title="i.title"
:score="i.score"
:date="i.created_at"
:takehour="i.fileduration"
:livenum="i.statusname"
:status="i.status"
:watch="i.watch"
:share="i.share"
></VideoItem>
</div>
<div class="list" v-if="tabindex==4">
<VideoItem :type="3"></VideoItem>
<VideoItem :type="3"></VideoItem>
<VideoItem :type="3"></VideoItem>
<VideoItem :type="3"></VideoItem>
<VideoItem :type="3"></VideoItem>
<VideoItem :type="3"></VideoItem>
<div class="list" v-if="tabindex == 2">
<VideoItem
v-for="(i, j) in videolist"
:key="j"
:img="i.img"
:title="i.title"
:score="i.score"
:date="i.created_at"
:takehour="i.fileduration"
:livenum="i.statusname"
:status="i.status"
:watch="i.watch"
:share="i.share"
></VideoItem>
</div>
<div class="pages">
<a-pagination v-model:current="page" :total="500" :showLessItems="true" />
@@ -154,24 +188,53 @@
}
</style>
<script lang="ts">
import { defineComponent, ref } from "vue";
import { defineComponent, onMounted, reactive, ref, UnwrapRef } from "vue";
import VideoItem from "@/components/VideoItem.vue";
import { getvideolist } from '@/api';
import { getvideolist } from "@/api";
import { useRoute } from 'vue-router';
export default defineComponent({
components: {
VideoItem,
},
setup() {
const page = ref(6);
const tabindex = ref(1);
getvideolist()
function tabchange(e: number): void {
tabindex.value=e
const tabindex = ref(4);
interface VideoList {
videoid: number;
memberid: number;
title: string;
img: string;
fileid: string;
fileurl: string;
fileduration: string;
status: number;
desc: string;
deleted_at: null;
created_at: string;
updated_at: string;
statusname: string;
}
const videolist = ref<Array<VideoList>>();
// const newvideolist = ref<Array<VideoList>>();
onMounted(async () => {
const res = await getvideolist();
videolist.value = res;
});
function tabchange(e: number): void {
tabindex.value = e;
// console.log(videolist)
}
return {
page,
tabindex,
tabchange
tabchange,
videolist
};
},
});

9
src/views/regime/VideoInfo.vue
View File

@@ -25,6 +25,9 @@ import { defineComponent } from 'vue';
import VideoPlay from "@/components/VideoPlay.vue"
import VideoCont from "@/components/VideoCont.vue"
import VideoReview from "@/components/VideoReview.vue"
import router from '@/router';
import { videodetail } from '@/api';
import { useRoute } from 'vue-router';
export default defineComponent({
components:{
VideoPlay,
@@ -32,7 +35,11 @@ export default defineComponent({
VideoReview
},
setup(){
console.log(1)
// console.log(1)
console.log(useRoute().query)
const result= videodetail(useRoute().query.id)
console.log(result,46546)
}
})
</script>