Skip to content

N
national_museum_vod
Commit de0d6e24 authored by qzhxx's avatar qzhxx
Browse files
Options

优化

parent d89d3de6
Hide whitespace changes
Inline Side-by-side
Showing with 50 additions and 43 deletions
src/page/STB/operation/index.vue
View file @ de0d6e24
......@@ -45,7 +45,7 @@
</div>
</div>
<div class="table-content">
<div class="party-table">
<div class="party-table noAdd">
<el-table
border
style="width: 100%; height: 100%"
......
src/page/check/display/index.vue
View file @ de0d6e24
......@@ -48,7 +48,7 @@
</div>
</div>
<div class="table-content">
<div class="party-table">
<div class="party-table noAdd">
<el-table
border
style="width: 100%; height: 100%"
......@@ -131,8 +131,7 @@
</el-table>
</div>
<div class="partyt-pagination">
<el-pagination
small
<el-pagination
background
@current-change="handleCurrentChange"
:current-page="page.currentPage"
......
src/page/check/learn/index.vue
View file @ de0d6e24
......@@ -35,7 +35,7 @@
<!-- <div class="btn-group">
<el-button type="primary" @click="addPermis()">新建视频分类</el-button>
</div> -->
<div class="party-table">
<div class="party-table noAdd">
<el-table
border
style="width: 100%;height:100%" height="100%"
......
src/page/check/video/index.vue
View file @ de0d6e24
......@@ -32,7 +32,7 @@
</div>
</div>
<div class="table-content">
<div class="party-table">
<div class="party-table noAdd">
<el-table
border
style="width: 100%;height:100%"
......@@ -97,7 +97,6 @@
</div>
<div class="partyt-pagination">
<el-pagination
small
background
@current-change="handleCurrentChange"
:current-page="page.currentPage"
......@@ -139,24 +138,29 @@
<el-dialog
custom-class="party-dialog"
title="视频详情"
height="600px"
height="200px"
width="800px"
:visible.sync="FormVisible"
:before-close="close"
>
<div class="dialog-content">
<div>
<span
v-for="(item, index) in videoList"
:key="index">
<video
:preload="preload"
:poster="videoImg"
:poster="item.thumbnail"
:height="height"
:width="width"
align="center"
:controls="controls"
>
<source :src="videoSrc" />
<source :src="item.fileUrl" />
</video>
</div>
<span>&nbsp;&nbsp;&nbsp;&nbsp; </span>
</span>
</div>
</el-dialog>
</div>
......@@ -184,6 +188,7 @@ export default {
LOWER: "下架"
};
return {
videoList:[],
videoSrc: "",
videoSrc:
"https://video.pearvideo.com/mp4/short/20200209/cont-1650197-14888002-hd.mp4",
......@@ -192,8 +197,8 @@ export default {
muteStatus: "",
isMute: true,
isPlay: false,
width: "100%", // 设置视频播放器的显示宽度（以像素为单位）
height: "100%", // 设置视频播放器的显示高度（以像素为单位）
width: "350px", // 设置视频播放器的显示宽度（以像素为单位）
height: "200px", // 设置视频播放器的显示高度（以像素为单位）
preload: "auto", // 建议浏览器是否应在<video>加载元素后立即开始下载视频数据。
controls: true, // 确定播放器是否具有用户可以与之交互的控件。没有控件，启动视频播放的唯一方法是使用autoplay属性或通过Player API。
autoplay: "",
......@@ -517,10 +522,12 @@ export default {
.then(res => {
let data = res.data.data;
console.log(res.data.data.videoFileList[0].fileUrl);
this.videoSrc = res.data.data.videoFileList[0].fileUrl;
this.videoList = res.data.data.videoFileList
console.log(this.videoSrc);
vm.FormVisible = true;
this.videoImg = data.thumbnail;
// this.videoSrc = res.data.data.videoFileList[0].fileUrl;
// this.videoImg = data.thumbnail;
})
.catch(function(err) {
console.log(err);
......
src/page/content/components/videoPlay.vue
View file @ de0d6e24
<template>
<div>
<!--
<video :src="videoSrc" :poster="videoImg" :autoplay="playStatus" height="421" width="700" :muted="muteStatus">
your browser does not support the video tag
</video>
<button @click="playClick" :class="{hide: isPlay}">点击播放</button> -->
<!--class="video-js vjs-default-skin vjs-big-play-centered" -->
<div>
<span v-for="(item,index) in videoList" :key="index">
<video
:preload="preload"
:poster="videoImg"
:poster="item.cover"
:height="height"
:width="width"
align="center"
:controls="controls"
:autoplay="autoplay"
>
<source :src="videoSrc" type="video/mp4" />
<source :src="item.fileUrl" type="video/mp4" />
</video>
</div>
<span>&nbsp;&nbsp;&nbsp;&nbsp; </span>
</span>
</div>
</template>
<script>
......@@ -25,6 +22,7 @@ export default {
name: "Video",
data() {
return {
videoList:[],
videoSrc:
"https://video.pearvideo.com/mp4/short/20200209/cont-1650197-14888002-hd.mp4",
videoImg: "https://sm.ms/image/ueRFCZfk2xTONGb",
......@@ -32,8 +30,8 @@ export default {
muteStatus: "",
isMute: true,
isPlay: false,
width: "820", // 设置视频播放器的显示宽度（以像素为单位）
height: "500", // 设置视频播放器的显示高度（以像素为单位）
width: "350", // 设置视频播放器的显示宽度（以像素为单位）
height: "200", // 设置视频播放器的显示高度（以像素为单位）
preload: "auto", // 建议浏览器是否应在<video>加载元素后立即开始下载视频数据。
controls: true, // 确定播放器是否具有用户可以与之交互的控件。没有控件，启动视频播放的唯一方法是使用autoplay属性或通过Player API。
autoplay: "",
......
src/page/content/display/classify/index.vue
View file @ de0d6e24
......@@ -29,11 +29,11 @@
<div class="btn-group">
<el-button
type="primary"
class="btn_form_search"
@click="onSearch"
>查询</el-button
>
<el-button class="btn_form_search" @click="Reset">重置</el-button
<el-button @click="Reset">重置</el-button
>
</div>
</el-form-item>
......
src/page/content/learn/content/add.vue
View file @ de0d6e24
......@@ -81,7 +81,7 @@
>
<el-table-column type="selection" width="55"></el-table-column>
<el-table-column type="index" width="120" label="序号"></el-table-column>
<el-table-column show-overflow-tooltip label="版权方名称" prop="name"></el-table-column>
<el-table-column show-overflow-tooltip label="展板名称" prop="name"></el-table-column>
<el-table-column show-overflow-tooltip label="展板类别" prop="exhibitionBoardCatName"></el-table-column>
<el-table-column show-overflow-tooltip label="展板版权方" prop="boardCopyrightOwnerName"></el-table-column>
<el-table-column label="操作" width="180">
......@@ -265,10 +265,13 @@ export default {
methods: {
// 视频预览
videoPreview(row) {
console.log(row)
console.log(row.videoList)
this.$refs.videoDialog.dialogVisible = true;
this.$refs.videoDialog.videoImg = row.cover;
let videoList0 = row.videoList[0];
this.$refs.videoDialog.videoSrc = videoList0 ? videoList0.fileUrl : "";
this.$refs.videoDialog.videoList = row.videoList
// this.$refs.videoDialog.videoImg = row.cover;
// let videoList0 = row.videoList[0];
// this.$refs.videoDialog.videoSrc = videoList0 ? videoList0.fileUrl : "";
},
// 展板预览
displayPreview(row) {
......@@ -501,7 +504,7 @@ export default {
vm.$https(
{
url: "exhibitionBoard/getList",
method: "get",
method: "post",
authType: this.backToken
},
vm.$qs.stringify(param)
......
src/page/content/learn/content/index.vue
View file @ de0d6e24
......@@ -134,17 +134,17 @@
</el-button>
</el-tooltip>
<el-tooltip content="详情" placement="top">
<el-button circle @click="learnDetails(scope.row)">
<el-button circle @click="learnDetails(scope.row)">
<i class="icon-table icon-detail"></i>
</el-button>
</el-tooltip>
<el-tooltip content="启用" placement="top">
<el-button circle v-show="!scope.row.published" @click="handlePublish(scope.row, 'True')">
<el-button circle :disabled="scope.row.auditStatus !== 'APPROVED_FINAL'" v-show="!scope.row.published" @click="handlePublish(scope.row, 'True')">
<i class="icon-table icon-enable"></i>
</el-button>
</el-tooltip>
<el-tooltip content="禁用" placement="top">
<el-button circle v-show="scope.row.published" @click="handlePublish(scope.row, 'False')">
<el-button circle :disabled="scope.row.auditStatus !== 'APPROVED_FINAL'" v-show="scope.row.published" @click="handlePublish(scope.row, 'False')">
<i class="icon-table icon-disable"></i>
</el-button>
</el-tooltip>
......
src/page/content/video/classify/index.vue
View file @ de0d6e24
......@@ -501,7 +501,7 @@ export default {
// };
if(res.data.resultCode === "200"){
this.$message({ type: "success", message: "删除视频分类申请已提交,待审核！" });
this.$message({ type: "success", message: "删除成功！" });
_this.Search();
}else{
this.$message({ type: "error", message: res.data.message });
......
src/page/content/video/copyright/index.vue
View file @ de0d6e24
......@@ -23,8 +23,8 @@
</el-form-item>
<el-form-item>
<div class="btn-group">
<el-button size="mini" type="primary" class="btn_form_search" @click="Search">查询</el-button>
<el-button size="mini" class="btn_form_search" @click="Reset">重置</el-button>
<el-button type="primary" @click="Search">查询</el-button>
<el-button @click="Reset">重置</el-button>
</div>
</el-form-item>
</el-form>
......@@ -338,7 +338,7 @@ export default {
.then(
res => {
if(res.data.resultCode === "200"){
this.$message({ type: "success", message: "删除视频版权方申请已提交,待审核！" });
this.$message({ type: "success", message: "删除成功！" });
_this.Search();
}else{
this.$message({ type: "error", message: res.data.message });
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment