Commit de0d6e24 authored by qzhxx's avatar qzhxx

优化

parent d89d3de6
...@@ -45,7 +45,7 @@ ...@@ -45,7 +45,7 @@
</div> </div>
</div> </div>
<div class="table-content"> <div class="table-content">
<div class="party-table"> <div class="party-table noAdd">
<el-table <el-table
border border
style="width: 100%; height: 100%" style="width: 100%; height: 100%"
......
...@@ -48,7 +48,7 @@ ...@@ -48,7 +48,7 @@
</div> </div>
</div> </div>
<div class="table-content"> <div class="table-content">
<div class="party-table"> <div class="party-table noAdd">
<el-table <el-table
border border
style="width: 100%; height: 100%" style="width: 100%; height: 100%"
...@@ -132,7 +132,6 @@ ...@@ -132,7 +132,6 @@
</div> </div>
<div class="partyt-pagination"> <div class="partyt-pagination">
<el-pagination <el-pagination
small
background background
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:current-page="page.currentPage" :current-page="page.currentPage"
......
...@@ -35,7 +35,7 @@ ...@@ -35,7 +35,7 @@
<!-- <div class="btn-group"> <!-- <div class="btn-group">
<el-button type="primary" @click="addPermis()">新建视频分类</el-button> <el-button type="primary" @click="addPermis()">新建视频分类</el-button>
</div> --> </div> -->
<div class="party-table"> <div class="party-table noAdd">
<el-table <el-table
border border
style="width: 100%;height:100%" height="100%" style="width: 100%;height:100%" height="100%"
......
...@@ -32,7 +32,7 @@ ...@@ -32,7 +32,7 @@
</div> </div>
</div> </div>
<div class="table-content"> <div class="table-content">
<div class="party-table"> <div class="party-table noAdd">
<el-table <el-table
border border
style="width: 100%;height:100%" style="width: 100%;height:100%"
...@@ -97,7 +97,6 @@ ...@@ -97,7 +97,6 @@
</div> </div>
<div class="partyt-pagination"> <div class="partyt-pagination">
<el-pagination <el-pagination
small
background background
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:current-page="page.currentPage" :current-page="page.currentPage"
...@@ -139,24 +138,29 @@ ...@@ -139,24 +138,29 @@
<el-dialog <el-dialog
custom-class="party-dialog" custom-class="party-dialog"
title="视频详情" title="视频详情"
height="600px" height="200px"
width="800px" width="800px"
:visible.sync="FormVisible" :visible.sync="FormVisible"
:before-close="close" :before-close="close"
> >
<div class="dialog-content"> <div class="dialog-content">
<div>
<span
v-for="(item, index) in videoList"
:key="index">
<video <video
:preload="preload" :preload="preload"
:poster="videoImg" :poster="item.thumbnail"
:height="height" :height="height"
:width="width" :width="width"
align="center" align="center"
:controls="controls" :controls="controls"
> >
<source :src="videoSrc" /> <source :src="item.fileUrl" />
</video> </video>
</div> <span>&nbsp;&nbsp;&nbsp;&nbsp; </span>
</span>
</div> </div>
</el-dialog> </el-dialog>
</div> </div>
...@@ -184,6 +188,7 @@ export default { ...@@ -184,6 +188,7 @@ export default {
LOWER: "下架" LOWER: "下架"
}; };
return { return {
videoList:[],
videoSrc: "", videoSrc: "",
videoSrc: videoSrc:
"https://video.pearvideo.com/mp4/short/20200209/cont-1650197-14888002-hd.mp4", "https://video.pearvideo.com/mp4/short/20200209/cont-1650197-14888002-hd.mp4",
...@@ -192,8 +197,8 @@ export default { ...@@ -192,8 +197,8 @@ export default {
muteStatus: "", muteStatus: "",
isMute: true, isMute: true,
isPlay: false, isPlay: false,
width: "100%", // 设置视频播放器的显示宽度(以像素为单位) width: "350px", // 设置视频播放器的显示宽度(以像素为单位)
height: "100%", // 设置视频播放器的显示高度(以像素为单位) height: "200px", // 设置视频播放器的显示高度(以像素为单位)
preload: "auto", // 建议浏览器是否应在<video>加载元素后立即开始下载视频数据。 preload: "auto", // 建议浏览器是否应在<video>加载元素后立即开始下载视频数据。
controls: true, // 确定播放器是否具有用户可以与之交互的控件。没有控件,启动视频播放的唯一方法是使用autoplay属性或通过Player API。 controls: true, // 确定播放器是否具有用户可以与之交互的控件。没有控件,启动视频播放的唯一方法是使用autoplay属性或通过Player API。
autoplay: "", autoplay: "",
...@@ -517,10 +522,12 @@ export default { ...@@ -517,10 +522,12 @@ export default {
.then(res => { .then(res => {
let data = res.data.data; let data = res.data.data;
console.log(res.data.data.videoFileList[0].fileUrl); 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); console.log(this.videoSrc);
vm.FormVisible = true; vm.FormVisible = true;
this.videoImg = data.thumbnail; // this.videoSrc = res.data.data.videoFileList[0].fileUrl;
// this.videoImg = data.thumbnail;
}) })
.catch(function(err) { .catch(function(err) {
console.log(err); console.log(err);
......
<template> <template>
<div> <div>
<!-- <span v-for="(item,index) in videoList" :key="index">
<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" -->
<video <video
:preload="preload" :preload="preload"
:poster="videoImg" :poster="item.cover"
:height="height" :height="height"
:width="width" :width="width"
align="center" align="center"
:controls="controls" :controls="controls"
:autoplay="autoplay"
> >
<source :src="videoSrc" type="video/mp4" /> <source :src="item.fileUrl" type="video/mp4" />
</video> </video>
</div> <span>&nbsp;&nbsp;&nbsp;&nbsp; </span>
</span>
</div>
</template> </template>
<script> <script>
...@@ -25,6 +22,7 @@ export default { ...@@ -25,6 +22,7 @@ export default {
name: "Video", name: "Video",
data() { data() {
return { return {
videoList:[],
videoSrc: videoSrc:
"https://video.pearvideo.com/mp4/short/20200209/cont-1650197-14888002-hd.mp4", "https://video.pearvideo.com/mp4/short/20200209/cont-1650197-14888002-hd.mp4",
videoImg: "https://sm.ms/image/ueRFCZfk2xTONGb", videoImg: "https://sm.ms/image/ueRFCZfk2xTONGb",
...@@ -32,8 +30,8 @@ export default { ...@@ -32,8 +30,8 @@ export default {
muteStatus: "", muteStatus: "",
isMute: true, isMute: true,
isPlay: false, isPlay: false,
width: "820", // 设置视频播放器的显示宽度(以像素为单位) width: "350", // 设置视频播放器的显示宽度(以像素为单位)
height: "500", // 设置视频播放器的显示高度(以像素为单位) height: "200", // 设置视频播放器的显示高度(以像素为单位)
preload: "auto", // 建议浏览器是否应在<video>加载元素后立即开始下载视频数据。 preload: "auto", // 建议浏览器是否应在<video>加载元素后立即开始下载视频数据。
controls: true, // 确定播放器是否具有用户可以与之交互的控件。没有控件,启动视频播放的唯一方法是使用autoplay属性或通过Player API。 controls: true, // 确定播放器是否具有用户可以与之交互的控件。没有控件,启动视频播放的唯一方法是使用autoplay属性或通过Player API。
autoplay: "", autoplay: "",
......
...@@ -29,11 +29,11 @@ ...@@ -29,11 +29,11 @@
<div class="btn-group"> <div class="btn-group">
<el-button <el-button
type="primary" type="primary"
class="btn_form_search"
@click="onSearch" @click="onSearch"
>查询</el-button >查询</el-button
> >
<el-button class="btn_form_search" @click="Reset">重置</el-button <el-button @click="Reset">重置</el-button
> >
</div> </div>
</el-form-item> </el-form-item>
......
...@@ -81,7 +81,7 @@ ...@@ -81,7 +81,7 @@
> >
<el-table-column type="selection" width="55"></el-table-column> <el-table-column type="selection" width="55"></el-table-column>
<el-table-column type="index" width="120" label="序号"></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="exhibitionBoardCatName"></el-table-column>
<el-table-column show-overflow-tooltip label="展板版权方" prop="boardCopyrightOwnerName"></el-table-column> <el-table-column show-overflow-tooltip label="展板版权方" prop="boardCopyrightOwnerName"></el-table-column>
<el-table-column label="操作" width="180"> <el-table-column label="操作" width="180">
...@@ -265,10 +265,13 @@ export default { ...@@ -265,10 +265,13 @@ export default {
methods: { methods: {
// 视频预览 // 视频预览
videoPreview(row) { videoPreview(row) {
console.log(row)
console.log(row.videoList)
this.$refs.videoDialog.dialogVisible = true; this.$refs.videoDialog.dialogVisible = true;
this.$refs.videoDialog.videoImg = row.cover; this.$refs.videoDialog.videoList = row.videoList
let videoList0 = row.videoList[0]; // this.$refs.videoDialog.videoImg = row.cover;
this.$refs.videoDialog.videoSrc = videoList0 ? videoList0.fileUrl : ""; // let videoList0 = row.videoList[0];
// this.$refs.videoDialog.videoSrc = videoList0 ? videoList0.fileUrl : "";
}, },
// 展板预览 // 展板预览
displayPreview(row) { displayPreview(row) {
...@@ -501,7 +504,7 @@ export default { ...@@ -501,7 +504,7 @@ export default {
vm.$https( vm.$https(
{ {
url: "exhibitionBoard/getList", url: "exhibitionBoard/getList",
method: "get", method: "post",
authType: this.backToken authType: this.backToken
}, },
vm.$qs.stringify(param) vm.$qs.stringify(param)
......
...@@ -139,12 +139,12 @@ ...@@ -139,12 +139,12 @@
</el-button> </el-button>
</el-tooltip> </el-tooltip>
<el-tooltip content="启用" placement="top"> <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> <i class="icon-table icon-enable"></i>
</el-button> </el-button>
</el-tooltip> </el-tooltip>
<el-tooltip content="禁用" placement="top"> <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> <i class="icon-table icon-disable"></i>
</el-button> </el-button>
</el-tooltip> </el-tooltip>
......
...@@ -501,7 +501,7 @@ export default { ...@@ -501,7 +501,7 @@ export default {
// }; // };
if(res.data.resultCode === "200"){ if(res.data.resultCode === "200"){
this.$message({ type: "success", message: "删除视频分类申请已提交,待审核!" }); this.$message({ type: "success", message: "删除成功!" });
_this.Search(); _this.Search();
}else{ }else{
this.$message({ type: "error", message: res.data.message }); this.$message({ type: "error", message: res.data.message });
......
...@@ -23,8 +23,8 @@ ...@@ -23,8 +23,8 @@
</el-form-item> </el-form-item>
<el-form-item> <el-form-item>
<div class="btn-group"> <div class="btn-group">
<el-button size="mini" type="primary" class="btn_form_search" @click="Search">查询</el-button> <el-button type="primary" @click="Search">查询</el-button>
<el-button size="mini" class="btn_form_search" @click="Reset">重置</el-button> <el-button @click="Reset">重置</el-button>
</div> </div>
</el-form-item> </el-form-item>
</el-form> </el-form>
...@@ -338,7 +338,7 @@ export default { ...@@ -338,7 +338,7 @@ export default {
.then( .then(
res => { res => {
if(res.data.resultCode === "200"){ if(res.data.resultCode === "200"){
this.$message({ type: "success", message: "删除视频版权方申请已提交,待审核!" }); this.$message({ type: "success", message: "删除成功!" });
_this.Search(); _this.Search();
}else{ }else{
this.$message({ type: "error", message: res.data.message }); 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