Commit 3ac62a7b authored by 乐宝呗666's avatar 乐宝呗666

Merge branch 'master' into dev_fbl

parents 4d311d68 bc340830
...@@ -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%"
......
...@@ -163,7 +163,7 @@ export default { ...@@ -163,7 +163,7 @@ export default {
permanent: true, permanent: true,
date: "", date: "",
roleList: [], roleList: [],
type: 1, type: 2,
}; };
}, },
// 提交 // 提交
......
...@@ -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>
<el-upload
class="upload-demo"
ref="upload"
action="http://192.168.110.67/mall/file/audio/upload"
:on-preview="handlePreview"
:on-remove="handleRemove"
:file-list="fileList"
:on-success="handleAvatarSuccess"
:auto-upload="false">
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
<el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button>
<div slot="tip" class="el-upload__tip">(支持上传多个视频及视频文件夹,视频语言支持汉语、蒙语、藏语、维吾尔语、英语,视频命名规定:视频名称+语言)</div>
</el-upload>
</template>
<script>
export default {
data() {
return {
fileList: []
};
},
methods: {
handleAvatarSuccess(res, file) {
console.log(res)
console.log(res.data.fileList)
const data = res.data.fileList
let newArray = data.map((item) => {
return item.id;
})
this.$emit('audioList', newArray)
},
submitUpload() {
this.$refs.upload.submit();
},
handleRemove(file, fileList) {
console.log(file, fileList);
},
handlePreview(file) {
console.log(file);
}
}
}
</script>
<style>
</style>
\ No newline at end of file
<template>
<el-upload
class="upload-demo"
ref="upload"
action="http://192.168.110.67/mall/file/datum/upload"
:on-preview="handlePreview"
:on-remove="handleRemove"
:file-list="fileList"
:on-success="handleAvatarSuccess"
:auto-upload="false">
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
<el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button>
<div slot="tip" class="el-upload__tip">(支持上传多个视频及视频文件夹,视频语言支持汉语、蒙语、藏语、维吾尔语、英语,视频命名规定:视频名称+语言)</div>
</el-upload>
</template>
<script>
export default {
data() {
return {
fileList: []
};
},
methods: {
handleAvatarSuccess(res, file) {
console.log(res)
// console.log(res.url)
const data = res.data.fileList
let newArray = data.map((item) => {
return item.id;
})
this.$emit('datumList', newArray)
},
submitUpload() {
this.$refs.upload.submit();
},
handleRemove(file, fileList) {
console.log(file, fileList);
},
handlePreview(file) {
console.log(file);
}
}
}
</script>
<style>
</style>
\ No newline at end of file
<template>
<el-upload
class="upload-demo"
ref="upload"
action="http://192.168.110.67/mall/file/video/content/upload"
:on-preview="handlePreview"
:on-remove="handleRemove"
:file-list="fileList"
:on-success="handleAvatarSuccess"
:auto-upload="false">
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
<el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button>
<div slot="tip" class="el-upload__tip">(支持上传多个视频及视频文件夹,视频语言支持汉语、蒙语、藏语、维吾尔语、英语,视频命名规定:视频名称+语言)</div>
</el-upload>
</template>
<script>
export default {
data() {
return {
fileList: []
};
},
methods: {
handleAvatarSuccess(res, file) {
const data = res.data.fileList
let newArray = data.map((item) => {
return item.id;
})
this.$emit('videoList', newArray)
// console.log(newArray,'----idArray')
},
submitUpload() {
this.$refs.upload.submit();
},
handleRemove(file, fileList) {
console.log(file, fileList);
},
handlePreview(file) {
console.log(file);
}
}
}
</script>
<style>
</style>
\ No newline at end of file
...@@ -23,6 +23,12 @@ ...@@ -23,6 +23,12 @@
<script> <script>
export default { export default {
props:{
fileList:{
type:Array,
default:[]
},
},
data() { data() {
return { return {
filedata:[], filedata:[],
...@@ -52,13 +58,22 @@ export default { ...@@ -52,13 +58,22 @@ export default {
console.log(res) console.log(res)
if (resData.resultCode == "200") { if (resData.resultCode == "200") {
console.log(resData.data.fileList) // console.log(resData.data.fileList)
const data = resData.data.fileList // const data = resData.data.fileList
console.log(data) // console.log(data)
let newArray = data.map((item) => { // let newArray = data.map((item) => {
return item.id; // return item.id;
}) // })
this.$emit('videoList', newArray)
// this.$emit('videoList', newArray)
const data = resData.data.fileList;
let newArray = data.map((item) => item.id);
let editArray =[]
if(this.fileList.length){
editArray = this.fileList.map(item=>item.id)
}
this.$emit("videoList", [...newArray,...editArray]);
} else { } else {
_this.$message.error(resData.msg || resData.message); _this.$message.error(resData.msg || resData.message);
...@@ -80,44 +95,6 @@ export default { ...@@ -80,44 +95,6 @@ export default {
this.$message.error("上传文件大小不能超过 10GB!"); this.$message.error("上传文件大小不能超过 10GB!");
} }
return isLt10G; return isLt10G;
},
handleRequest(file) {
// let formData = new FormData();
// this.fileArr.push(file.file)
// console.log(this.fileArr,'文件数组')
// formData.append("file", this.fileArr);
let formData = new FormData();
if (Array.isArray(file)) {
file.forEach(item => {
formData.append("file", item.file);
});
} else {
formData.append("file", file.file);
}
let _this = this;
_this
.$https(
{
method: "post",
url: "file/video/content/upload",
authType: this.backToken
},
formData
)
.then(res => {
let resData = res.data;
if (resData.resultCode == 200) {
// _this.getOrgTree();
} else {
_this.$message.error(resData.msg || resData.message);
}
})
.catch(err => {
console.log(err);
_this.$message.error(err.msg || err.message);
});
} }
} }
}; };
......
<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 });
......
...@@ -80,11 +80,11 @@ ...@@ -80,11 +80,11 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="视频缩略图" required> <el-form-item label="视频缩略图" required>
<upload-img @imgUrl="imgUrl"></upload-img> <upload-img :fileList="ruleForm.imageList" @imgUrl="imgUrl"></upload-img>
</el-form-item> </el-form-item>
<el-form-item label="上传视频" required> <el-form-item label="上传视频" required>
<p style="color:red">(支持上传多个视频及视频文件夹,视频语言支持汉语、蒙语、藏语、维吾尔语、英语,视频命名规定:视频名称+语言)</p> <p style="color:red">(支持上传多个视频及视频文件夹,视频语言支持汉语、蒙语、藏语、维吾尔语、英语,视频命名规定:视频名称+语言)</p>
<upload-file @videoList="videoList"></upload-file> <upload-file :fileList="ruleForm.videoList" @videoList="videoList"></upload-file>
</el-form-item> </el-form-item>
</el-form> </el-form>
<!--新增弹框--> <!--新增弹框-->
...@@ -265,6 +265,8 @@ export default { ...@@ -265,6 +265,8 @@ export default {
this.ruleForm.videoContentCatId = data.videoContentCatId this.ruleForm.videoContentCatId = data.videoContentCatId
this.ruleForm.thumbnail = data.thumbnail this.ruleForm.thumbnail = data.thumbnail
this.ruleForm.videoFileIdList = data.videoFileIdList this.ruleForm.videoFileIdList = data.videoFileIdList
this.ruleForm.imageList=[{url:data.thumbnail}]
this.ruleForm.videoList=data.videoFileList.map(item=>{return {id:item.id,name:item.fileName,url:item.fileUrl}})
}).catch(function(err) { }).catch(function(err) {
console.log(err); console.log(err);
}); });
......
...@@ -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