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

duoyuyan

Browse Source
This commit is contained in:
asd
2020-10-29 17:50:26 +08:00
parent 99a36363da
commit c5c5a8f7b1
18 changed files with 901 additions and 498 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/LiveCount.vue
View File

@@ -1,8 +1,8 @@
<template>
<div class="cont">
<div class="title">
<div>上课学生</div>
<div class="more" @click="toxq">查看详情</div>
<div>{{lan.$t('shangkexuesheng')}}</div>
<div class="more" @click="toxq">{{lan.$t('chakanxiangqing')}}</div>
</div>
<div class="info">
<div class="item" v-for="(i, j) in list" :key="j">
@@ -14,7 +14,7 @@
</div>
</div>
<div class="takehour" v-if="i.status == 1 && livestatus == 2">
参加时长
{{lan.$t('canjiashichang')}}
<div>30min</div>
</div>
<div
@@ -22,10 +22,10 @@
v-if="i.status == 2 || (livestatus == 0 && i.status == 1)"
@click="quxiao(j)"
>
取消直播
{{lan.$t('quxiaozhibo')}}
</div>
<div class="refuse" v-if="i.status == 3">已拒绝</div>
<div class="refuse" v-if="i.status == 3">{{lan.$t('yijujue')}}</div>
</div>
<div class="modal-container">
<a-modal
@@ -41,17 +41,17 @@
</template>
<!-- 换绑手机号第一步 -->
<div class="yuanyin">
请输入您举着该学生参与直播的原因
{{lan.$t('jujueyuanyintext')}}
</div>
<div class="body">
<div class="jubao">拒绝原因</div>
<div class="jubao">{{lan.$t('juejueyuanyin')}}</div>
<a-textarea
v-model:value="text"
class="text"
/>
</div>
<div class="submit-btn" @click="sum">
确认拒绝
{{lan.$t('querenjujue')}}
</div>
</a-modal>
</div>
@@ -237,6 +237,7 @@
<script lang="ts">
import { cancellive, refusedtolive } from '@/api';
import router from '@/router';
import { useI18n } from '@/utils/i18n';
import { defineComponent, ref, toRaw, watch } from "vue";
export default defineComponent({
@@ -246,6 +247,7 @@ export default defineComponent({
zid:Number
},
setup(props) {
const lan: any = useI18n();
const modalNode = () => document.getElementsByClassName('modal-container')[0]
const updatePhoneVisible = ref(false)
const sid = ref(0)
@@ -291,7 +293,8 @@ export default defineComponent({
hidePhoneModal,
sum,
text,
toxq
toxq,
lan
};
},
});

13
src/components/LiveItem.vue
View File

@@ -4,7 +4,7 @@
<img src="@/static/images/play.png" alt="" class="play">
<div class="title">
<div class="one-line-hide">{{title}}</div>
<span class="lv">{{score}}分</span>
<span class="lv">{{score}} {{lan.$t('fen')}}</span>
</div>
<div class="info">
<div class="datetime">
@@ -23,13 +23,13 @@
</div>
</div>
<div class="state audit" v-if="status==0">
还未开始
{{lan.$t('haiweikaishi')}}
</div>
<div class="state live" v-if="status==1">
进入直播
{{lan.$t('jinruzhibo')}}
</div>
<div class="state over" v-if="status==2">
查看回放
{{lan.$t('chakanhuifang')}}
</div>
</div>
</template>
@@ -135,6 +135,7 @@
</style>
<script lang="ts">
import router from '@/router';
import { useI18n } from '@/utils/i18n';
import { defineComponent } from 'vue';
export default defineComponent({
@@ -169,6 +170,7 @@ export default defineComponent({
}
},
setup(props){
const lan: any = useI18n();
function navto(){
let url = '';
switch (props.type) {
@@ -187,7 +189,8 @@ export default defineComponent({
}
}
return {
navto
navto,
lan
}
}
})

13
src/components/LivePlay.vue
View File

@@ -5,7 +5,7 @@
<div class="left">
<div>
<img src="@/static/images/livelesson.png" alt="" class="icon">
<span>西班牙语</span>
<span>{{lan.$t('xiabanyayu')}}</span>
</div>
<div>
<img src="@/static/images/livewatch.png" alt="" class="icon">
@@ -17,15 +17,15 @@
</div>
<div>
<img src="@/static/images/shoucang.png" alt="" class="icon">
<span class="score">5.0分</span>
<span class="score">5.0{{lan.$t('fen')}}</span>
</div>
</div>
<div style="display: flex">
<div class="right" @click="bianji">
编辑信息
{{lan.$t('bianjixinxi')}}
</div>
<div class="right" @click="kaishi">
开始直播
{{lan.$t('kaishizhibo')}}
</div>
</div>
@@ -85,6 +85,7 @@
<script lang="ts">
import { livestart } from '@/api';
import router from '@/router';
import { useI18n } from '@/utils/i18n';
import { defineComponent, ref } from "vue";
export default defineComponent({
@@ -92,6 +93,7 @@ export default defineComponent({
info: Object
},
setup(props) {
const lan: any = useI18n();
console.log(props.info);
function bianji(){
if(props.info != undefined){
@@ -110,7 +112,8 @@ export default defineComponent({
// const liveinfo = ref(props.liveinfo)
return {
bianji,
kaishi
kaishi,
lan
}
},
});

35
src/components/NavBottom.vue
View File

@@ -5,12 +5,13 @@
<div :class="item.route==nowroute?'active':''">{{ item.name }}</div>
</div>
</div>
<div class="copyright" :style="color">Beelink公司版权所有 2019—2022</div>
<div class="copyright" :style="color">{{lan.$t("banquan")}}</div>
</div>
</template>
<script lang="ts">
import router from '@/router';
import { useI18n } from '@/utils/i18n';
import { defineComponent, onMounted, ref } from 'vue';
import { useRoute } from 'vue-router';
@@ -19,6 +20,7 @@ export default defineComponent({
color: Object
},
setup(){
const lan: any = useI18n();
interface Nav{
name: string;
route: string;
@@ -27,24 +29,42 @@ export default defineComponent({
const routes=useRoute()
const nowroute=ref<string>(routes.path)
console.log(routes.path)
const navArray: Array<Nav> = [
const navArray: Array<Nav> = [
{
name: "直播管理",
name: lan.$t('zhiboguanli'),
route: "/regime/live"
},
{
name: "视频管理",
name: lan.$t('shipinguanli'),
route: "/regime/video"
},
{
name: "订阅者管理",
name: lan.$t("dingyuezheguanli"),
route: "/regime/subscriber"
},
{
name: "个人中心",
name: lan.$t("gerenzhongxin"),
route: "/mine/archives"
}
]
// const navArray: Array<Nav> = [
// {
// name: "直播管理",
// route: "/regime/live"
// },
// {
// name: "视频管理",
// route: "/regime/video"
// },
// {
// name: "订阅者管理",
// route: "/regime/subscriber"
// },
// {
// name: "个人中心",
// route: "/mine/archives"
// }
// ]
function navto(url: string){
nowroute.value=url
router.push(url)
@@ -55,7 +75,8 @@ export default defineComponent({
return {
navArray,
navto,
nowroute
nowroute,
lan
}
}
})

6
src/components/ReviewItem.vue
View File

@@ -11,10 +11,10 @@
</div>
</div>
<div class="num">{{(score+'').split('.')[1]?score:score+'.0'}}分</div>
<div class="num">{{(score+'').split('.')[1]?score:score+'.0'}} {{lan.$t('fen')}}</div>
</div>
<div class="all" @click="findall(replyid)" >
<span>查看所有回复</span>
<span>={{lan.$t('suoyouhuifu')}}</span>
<img src="@/static/images/arrowdownblue.png" alt="">
</div>
</div>
@@ -23,7 +23,7 @@
</div>
<div class="bottom">
<div class="date">{{date}}</div>
<div class="reply" @click="reply(username)">回复</div>
<div class="reply" @click="reply(username)">{{lan.$t('huifu ')}}</div>
</div>
<div class="huifu" v-if="ifshow">

7
src/components/ReviewItemtwo.vue
View File

@@ -15,7 +15,7 @@
回复
</div> -->
<div class="del" @click="del(replyid)" v-if="parseInt(memberid)==myid">
删除
{{lan.$t('shanchu')}}
</div>
</div>
@@ -99,6 +99,7 @@
<script lang="ts">
import { delreply } from '@/api';
import store from '@/store';
import { useI18n } from '@/utils/i18n';
import { defineComponent, ref } from 'vue';
export default defineComponent({
@@ -126,6 +127,7 @@ export default defineComponent({
}
},
setup(prop,context){
const lan: any = useI18n();
const myid=ref<number>(store.state.userinfo.memberid)
function reply(e?: string){
console.log(155)
@@ -144,7 +146,8 @@ export default defineComponent({
return {
reply,
myid,
del
del,
lan
}
}
})

33
src/components/VideoCont.vue
View File

@@ -1,49 +1,47 @@
<template>
<div class="cont">
<div class="title">视频数据</div>
<div class="title">{{lan.$t('shipinshuju')}}</div>
<div class="info">
<div class="item">
<img src="@/static/images/livewatch.png" alt="" />
<span> 上传时间： </span>
<span> {{lan.$t('shangchuanshijian')}} </span>
<span>{{date}}</span>
</div>
<div class="item">
<img src="@/static/images/watch.png" alt="" />
<span>播放量</span>
<span>{{lan.$t('bofangliang')}}</span>
<span> {{watch}}</span>
</div>
<div class="item">
<img src="@/static/images/share.png" alt="" />
<span>转发量</span>
<span>{{lan.$t('zhuanfaliang')}}</span>
<span>{{share}}</span>
</div>
<div class="item item1" v-if="status==0">
<span>状态</span>
<span class="status">正在审核中，情耐心等待</span>
<span>{{lan.$t('zhuangtai')}}</span>
<span class="status">{{lan.$t('shenheing')}}</span>
</div>
<div class="item item1" v-if="status==2">
<span>状态</span>
<span class="status1">审核未通过</span>
<span>{{lan.$t('zhuangtai')}}</span>
<span class="status1">{{lan.$t('shenheweitongguo')}}</span>
</div>
<div class="item item1" v-if="status==1">
<span style="flex-shrink:0">原因</span>
<span class="status">您的视频中含有大量敏感词汇，请修改后再次上传，感谢您对Beelink的技术支持 </span>
<span style="flex-shrink:0">{{lan.$t('yuanyin')}}</span>
<span class="status"> {{lan.$t('yuanyintext')}} </span>
</div>
</div>
<div class="button">
<div class="modify" @click="update(videoid)">修改该视频</div>
<div class="del" @click="drop(videoid)">删除该视频</div>
<div class="modify" @click="update(videoid)">{{lan.$t('xiugaishipin')}}</div>
<div class="del" @click="drop(videoid)">{{lan.$t('shanchushipin')}}</div>
<a-modal
title="确认删除"
v-model:visible="visible"
:confirm-loading="confirmLoading"
@ok="handleOk"
okText="确定"
cancelText="取消"
>
<p>您确认删除该视频吗？</p>
<p>{{lan.$t('querenshanchu')}}</p>
</a-modal>
</div>
</div>
@@ -118,6 +116,7 @@
<script lang="ts">
import { videodel } from '@/api';
import router from '@/router';
import { useI18n } from '@/utils/i18n';
import { defineComponent, ref } from "vue";
import { useRoute } from 'vue-router';
@@ -140,6 +139,7 @@ export default defineComponent({
}
},
setup(){
const lan: any = useI18n();
console.log(1)
const visible = ref(false);
const confirmLoading = ref(false);
@@ -166,7 +166,8 @@ export default defineComponent({
update,
confirmLoading,
visible,
handleOk
handleOk,
lan
}
}
});

9
src/components/VideoItem.vue
View File

@@ -24,13 +24,13 @@
</div>
</div>
<div class="state audit" v-if="status==0">
审核中
{{lan.$t('shenhezhong')}}
</div>
<div class="state audit fail" v-if="status==2">
未通过
{{lan.$t('weitongguo')}}
</div>
<div class="state audit" v-if="status==1">
已发布
{{lan.$t('yifabu')}}
</div>
</div>
</template>
@@ -130,6 +130,7 @@
</style>
<script lang="ts">
import router from '@/router';
import { useI18n } from '@/utils/i18n';
import { defineComponent } from 'vue';
export default defineComponent({
@@ -167,12 +168,14 @@ export default defineComponent({
}
},
setup() {
const lan: any = useI18n();
function navto(e: number){
router.push("/regime/videoinfo?id="+e)
}
return {
navto,
lan
}
}
})

15
src/components/VideoReview.vue
View File

@@ -2,10 +2,10 @@
<div class="review">
<div class="top">
<div class="title">
该视频评价
<span>8.0分</span>
{{lan.$t('shipinpingjia')}}
<span>8.0{{lan.$t('fen')}}</span>
</div>
<div class="score">8.0分</div>
<div class="score">8.0{{lan.$t('fen')}}</div>
</div>
<div class="list" v-for="(i,j) in reviewlist.data" :key="j" >
<ReviewItem
@@ -25,8 +25,8 @@
<div class="reply">
<span v-if="uinfo.name">@{{uinfo.name}}</span>
<a-textarea v-model:value="commentval" placeholder="Basic usage" :rows="4" />
<div class="send" @click="send">发表留言</div>
<a-textarea v-model:value="commentval" :placeholder="lan.$t('shuruliuyan')" :rows="4" />
<div class="send" @click="send">{{lan.$t('fabiaoliuyan')}}</div>
</div>
</div>
</template>
@@ -93,6 +93,7 @@
<script lang="ts">
import { addcomment, getcommentlist, videodetail } from '@/api';
import store from '@/store';
import { useI18n } from '@/utils/i18n';
import { message } from 'ant-design-vue';
import { defineComponent, onMounted, ref, toRaw } from 'vue';
import { useRoute } from 'vue-router';
@@ -109,6 +110,7 @@ export default defineComponent({
}
},
setup(prop,context){
const lan: any = useI18n();
const reviewlist=ref({})
const commentval=ref<string>('')
const uinfo=ref<any>({})
@@ -166,7 +168,8 @@ export default defineComponent({
replylist,
haslist,
reviewlist,
refresh
refresh,
lan
}