Commit 0471eed7 authored by xulili's avatar xulili

Merge branch 'master' of http://111.203.232.171:8888/qzhxx/national_museum_vod into dev_xll

parents d0d98175 78a68223
...@@ -59,7 +59,7 @@ ...@@ -59,7 +59,7 @@
</div> </div>
</div> </div>
</div> </div>
<party-pagination v-show="tableData.length" :page="page" @changePage="handleCurrentChange"/> <party-pagination style="margin-right:20px;" v-show="tableData.length" :page="page" @changePage="handleCurrentChange"/>
</el-card> </el-card>
</div> </div>
</template> </template>
...@@ -220,6 +220,17 @@ export default { ...@@ -220,6 +220,17 @@ export default {
width: calc(100% - 440px); width: calc(100% - 440px);
margin-left: 20px; margin-left: 20px;
} }
@media screen and (max-width: 1024px) {
.tree-box {
width: 320px;
}
.detail-box {
width: calc(100% - 340px);
}
.page-tip {
display: none !important;
}
}
.scrollBox { .scrollBox {
height: calc(100% - 160px); height: calc(100% - 160px);
overflow-y: auto; overflow-y: auto;
...@@ -273,6 +284,8 @@ export default { ...@@ -273,6 +284,8 @@ export default {
p { p {
padding-bottom: 20px; padding-bottom: 20px;
border-bottom: 1px solid #bbb; border-bottom: 1px solid #bbb;
white-space: normal;
word-wrap: break-word;
} }
.img-box { .img-box {
padding: 20px; padding: 20px;
......
...@@ -8,7 +8,7 @@ ...@@ -8,7 +8,7 @@
<!--class="video-js vjs-default-skin vjs-big-play-centered" --> <!--class="video-js vjs-default-skin vjs-big-play-centered" -->
<video :preload="preload" <video :preload="preload"
:poster="videoImg" :height="height" :width="width" align="center" :controls="controls" :autoplay="autoplay"> :poster="videoImg" :height="height" :width="width" align="center" :controls="controls" :autoplay="autoplay">
<source :src="videoSrc" type="video/mp4"> <source :src="videoSrc" >
</video> </video>
</div> </div>
</template> </template>
......
...@@ -42,7 +42,7 @@ ...@@ -42,7 +42,7 @@
<el-option v-for="item in videoContentCat" :label="item.name" :value="item.id" :key="item.id"></el-option> <el-option v-for="item in videoContentCat" :label="item.name" :value="item.id" :key="item.id"></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="备注"> <el-form-item label="备注" class="w100">
<el-input type="textarea" v-model="ruleForm.remarks"></el-input> <el-input type="textarea" v-model="ruleForm.remarks"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
...@@ -85,8 +85,8 @@ export default { ...@@ -85,8 +85,8 @@ export default {
}, },
rules: { rules: {
name: [ name: [
{ required: true, message: "请输入版权方名称", trigger: "blur" } { required: true, message: "请输入版权方名称", trigger: "blur" },
// { min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" } { min: 1, max: 20, message: "请输入1到20个字" },
], ],
videoContentCatIdList:[ videoContentCatIdList:[
{required: true, message: "请选择视频分类", trigger: "change" } {required: true, message: "请选择视频分类", trigger: "change" }
......
...@@ -3,32 +3,23 @@ ...@@ -3,32 +3,23 @@
<el-dialog <el-dialog
custom-class="party-dialog" custom-class="party-dialog"
title="视频详情" title="视频详情"
width="900px" width="800px"
:visible.sync="dialogVisible" :visible.sync="dialogVisible"
:before-close="close" :before-close="close"
> >
<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" />
</video> </video>
</div> <span>&nbsp;&nbsp;&nbsp;&nbsp; </span>
<!-- <div slot="footer" class="dialog-footer btn-group"> </span>
<el-button size="mini" type="primary" @click="close">关闭</el-button>
</div> -->
</el-dialog> </el-dialog>
</template> </template>
...@@ -36,6 +27,7 @@ ...@@ -36,6 +27,7 @@
export default { export default {
data() { data() {
return { return {
videoList:[],
dialogVisible: false, dialogVisible: false,
// videoSrc: 'https://video.pearvideo.com/mp4/short/20200209/cont-1650197-14888002-hd.mp4', // videoSrc: 'https://video.pearvideo.com/mp4/short/20200209/cont-1650197-14888002-hd.mp4',
// videoImg: 'https://sm.ms/image/ueRFCZfk2xTONGb', // videoImg: 'https://sm.ms/image/ueRFCZfk2xTONGb',
...@@ -45,8 +37,8 @@ export default { ...@@ -45,8 +37,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: "",
......
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
<div> <div>
<el-upload <el-upload
ref="upload" ref="upload"
accept=".mp3,.aac,.wma,.rm,.flac,.ogg,"
:multiple="true" :multiple="true"
:http-request="uploadFile" :http-request="uploadFile"
:file-list="fileList" :file-list="fileList"
...@@ -83,6 +84,17 @@ export default { ...@@ -83,6 +84,17 @@ export default {
this.$message.error("上传文件大小不能超过 1GB!"); this.$message.error("上传文件大小不能超过 1GB!");
} }
return isLt5M; return isLt5M;
// var testmsg = file.name.substring(file.name.lastIndexOf('.')+1)
// const extension = (testmsg === 'mp3')||(testmsg === 'aac')||(testmsg === 'wma')||(testmsg === 'rm')||(testmsg === 'flac')||(testmsg === 'ogg')
// if(!extension){
// this.$message({
// message:"上传文件只能是mp3,aac,wma,rm,flac,ogg,格式!",
// type:'error'
// })
// }
// return extension;
} }
} }
}; };
......
...@@ -2,6 +2,7 @@ ...@@ -2,6 +2,7 @@
<div> <div>
<el-upload <el-upload
ref="upload" ref="upload"
accept=".mp4,.flv,.mpeg,.mpg,.word,.pdf,.ppt,.jpg,.jpeg,.png.JPG,.JPEG,.PNG"
:multiple="true" :multiple="true"
:http-request="uploadFile" :http-request="uploadFile"
:file-list="fileList" :file-list="fileList"
......
...@@ -3,6 +3,7 @@ ...@@ -3,6 +3,7 @@
<el-upload <el-upload
ref="upload" ref="upload"
accept=".mp4,.flv,.mpeg,.mpg"
:multiple="true" :multiple="true"
:http-request="uploadFile" :http-request="uploadFile"
:file-list="fileList" :file-list="fileList"
......
...@@ -44,7 +44,7 @@ export default { ...@@ -44,7 +44,7 @@ export default {
}; };
}, },
uploadDisabled:function() { uploadDisabled:function() {
return this.imageUrl !== '' return (this.fileList.length>0)||this.imageUrl
}, },
}, },
methods: { methods: {
......
...@@ -48,7 +48,7 @@ export default { ...@@ -48,7 +48,7 @@ export default {
return {'Authorization':localStorage.getItem('backToken')} return {'Authorization':localStorage.getItem('backToken')}
}, },
uploadDisabled:function() { uploadDisabled:function() {
return this.imageUrl !== '' return (this.fileList.length>0)||this.imageUrl
}, },
}, },
methods: { methods: {
......
...@@ -9,7 +9,7 @@ ...@@ -9,7 +9,7 @@
align="center" align="center"
:controls="controls" :controls="controls"
> >
<source :src="item.fileUrl" type="video/mp4" /> <source :src="item.fileUrl" />
</video> </video>
<span>&nbsp;&nbsp;&nbsp;&nbsp; </span> <span>&nbsp;&nbsp;&nbsp;&nbsp; </span>
</span> </span>
......
...@@ -147,6 +147,7 @@ export default { ...@@ -147,6 +147,7 @@ export default {
rule: { rule: {
name: [ name: [
{ required: true, message: "请输入展板分类名称", trigger: "blur" }, { required: true, message: "请输入展板分类名称", trigger: "blur" },
{ min: 1, max: 20, message: "请输入1到20个字" },
], ],
}, },
value: "", value: "",
......
...@@ -120,13 +120,13 @@ ...@@ -120,13 +120,13 @@
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item></el-form-item> <el-form-item></el-form-item>
<el-form-item label="导览音频" prop="audioIdList" > <el-form-item label="导览音频" prop="audioIdList" required>
<div style="color:red;">(可上传汉语、蒙语、藏语、维吾尔语、英语五种语言音频资料,命名方式为展板名称+语言)</div> <div style="color:red;">(可上传汉语、蒙语、藏语、维吾尔语、英语五种语言音频资料,命名方式为展板名称+语言)</div>
<upload-audio :fileList="ruleForm.audioList" @audioList="audioList"></upload-audio> <upload-audio :fileList="ruleForm.audioList" @audioList="audioList"></upload-audio>
</el-form-item> </el-form-item>
<el-form-item label="参考资料" prop="datumIdList" > <el-form-item label="参考资料" prop="datumIdList" required>
<div style="color:red;"> <div style="color:red;">
(可支持word、excel、PDF、ppt、视频类型文件及图片上传) (可支持word、PDF、ppt、视频类型文件及图片上传)
</div> </div>
<upload-datum :fileList="ruleForm.datumList" @datumList="datumList"></upload-datum> <upload-datum :fileList="ruleForm.datumList" @datumList="datumList"></upload-datum>
</el-form-item> </el-form-item>
...@@ -189,7 +189,8 @@ export default { ...@@ -189,7 +189,8 @@ export default {
}, },
rules: { rules: {
name: [ name: [
{ required: true, message: "请输入版权方名称", trigger: "blur" } { required: true, message: "请输入版权方名称", trigger: "blur" },
{ min: 1, max: 20, message: "请输入1到20个字" },
], ],
boardCopyrightOwnerId: [ boardCopyrightOwnerId: [
{ required: true, message: "请选择展板版权方", trigger: "change" } { required: true, message: "请选择展板版权方", trigger: "change" }
...@@ -304,8 +305,12 @@ export default { ...@@ -304,8 +305,12 @@ export default {
}, },
this.$qs.stringify(this.ruleForm) this.$qs.stringify(this.ruleForm)
).then(res => { ).then(res => {
this.$message.success("新增成功!"); if(res.data.resultCode === "200"){
this.close() this.$message({ type: "success", message: "新增展板申请已提交,待审核!" });
history.go(-1);
}else{
this.$message({ type: "error", message: res.data.message });
}
}).catch(function(err) { }).catch(function(err) {
console.log(err); console.log(err);
}); });
...@@ -330,8 +335,12 @@ export default { ...@@ -330,8 +335,12 @@ export default {
}, },
this.$qs.stringify(params) this.$qs.stringify(params)
).then(res => { ).then(res => {
this.$message.success("修改成功!"); if(res.data.resultCode === "200"){
this.close() this.$message({ type: "success", message: "修改展板申请已提交,待审核!" });
history.go(-1);
}else{
this.$message({ type: "error", message: res.data.message });
}
}).catch(function(err) { }).catch(function(err) {
console.log(err); console.log(err);
}); });
......
...@@ -104,12 +104,12 @@ ...@@ -104,12 +104,12 @@
</el-button> </el-button>
</el-tooltip> </el-tooltip>
<el-tooltip content="上架" placement="top"> <el-tooltip content="上架" placement="top">
<el-button circle :disabled="scope.row.auditStatus !== 'APPROVED_FINAL'" v-show="!scope.row.published" @click="handlePublish(scope.row,true)"> <el-button circle :disabled="(scope.row.auditStatus !== 'APPROVED_FINAL')||(scope.row.auditStatus === 'REFUSED')" 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 :disabled="scope.row.auditStatus !== 'APPROVED_FINAL'" v-show="scope.row.published" @click="handlePublish(scope.row,false)"> <el-button circle :disabled="(scope.row.auditStatus !== 'APPROVED_FINAL')||(scope.row.auditStatus === 'REFUSED')" 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>
......
...@@ -12,9 +12,11 @@ ...@@ -12,9 +12,11 @@
:rules="rules" :rules="rules"
ref="ruleForm" ref="ruleForm"
label-width="140px" label-width="140px"
class="party-form form-inline" class="demo-form-inline party-form"
:inline="true"
label-position="top"
> >
<el-form-item label="版权方名称" prop="name"> <el-form-item label="版权方名称" prop="name" class="w50">
<el-input v-model="ruleForm.name"></el-input> <el-input v-model="ruleForm.name"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="版权方有效期" prop="value1"> <el-form-item label="版权方有效期" prop="value1">
...@@ -27,13 +29,10 @@ ...@@ -27,13 +29,10 @@
end-placeholder="结束日期" end-placeholder="结束日期"
></el-date-picker> ></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item class="addTip">
<span>若没有相应的视频分类,请点击</span> <el-form-item class="w50" label="请选择展板分类" prop="boardCatIdList">
<el-button type="text" @click="addBoardClass">新建展板分类</el-button>
</el-form-item>
<el-form-item class="selectH100" label="请选择视频分类" prop="boardCatIdList">
<el-select <el-select
placeholder="请选择预设视频分类" placeholder="请选择预设展板分类"
@focus="getAssetTypeData" @focus="getAssetTypeData"
multiple multiple
v-model="ruleForm.boardCatIdList" v-model="ruleForm.boardCatIdList"
...@@ -48,14 +47,19 @@ ...@@ -48,14 +47,19 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="备注"> <el-form-item >
<br>
<span style="color:red">若没有相应的展板分类,请点击</span>
<el-button type="text" @click="addBoardClass">新建展板分类</el-button>
</el-form-item>
<el-form-item label="备注" class="w100">
<el-input type="textarea" v-model="ruleForm.remarks"></el-input> <el-input type="textarea" v-model="ruleForm.remarks"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
<!--新增弹框--> <!--新增弹框-->
<el-dialog <el-dialog
custom-class="party-dialog" custom-class="party-dialog"
title="新建视频分类" title="新建展板分类"
width="468px" width="468px"
:visible.sync="dialogVisible" :visible.sync="dialogVisible"
:before-close="close" :before-close="close"
...@@ -66,11 +70,11 @@ ...@@ -66,11 +70,11 @@
ref="classForm" ref="classForm"
label-width="80px" label-width="80px"
label-position="top" label-position="top"
:rules="rules" :rules="rule"
id="ruleo" id="ruleo"
class="party-form" class="party-form"
> >
<el-form-item label="视分类名称" prop="name"> <el-form-item label="视展板分类名称" prop="name">
<el-input v-model="classForm.name"></el-input> <el-input v-model="classForm.name"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="备注"> <el-form-item label="备注">
...@@ -141,13 +145,19 @@ export default { ...@@ -141,13 +145,19 @@ export default {
width: "100%", width: "100%",
paddingRight: "10px" paddingRight: "10px"
}, },
rule:{
name: [
{ required: true, message: "请输入展板分类名称", trigger: "blur" },
{ min: 1, max: 20, message: "请输入1到20个字" },
],
},
rules: { rules: {
name: [ name: [
{ required: true, message: "请输入版权方名称", trigger: "blur" } { required: true, message: "请输入版权方名称", trigger: "blur" },
// { min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" } { min: 1, max: 20, message: "请输入1到20个字" },
], ],
boardCatIdList:[ boardCatIdList:[
{required: true, message: "请选择视频分类", trigger: "change" } {required: true, message: "请选择展板分类", trigger: "change" }
], ],
value1:[ value1:[
{ required: true, message: "请填写版权方有效期", trigger: "change" } { required: true, message: "请填写版权方有效期", trigger: "change" }
......
...@@ -170,6 +170,7 @@ export default { ...@@ -170,6 +170,7 @@ export default {
rule: { rule: {
name: [ name: [
{ required: true, message: "请输入展板分类名称", trigger: "blur" }, { required: true, message: "请输入展板分类名称", trigger: "blur" },
{ min: 1, max: 20, message: "请输入1到20个字" },
], ],
valueDate: [ valueDate: [
{ required: true, message: "请选择版权方有效期", trigger: "change" }, { required: true, message: "请选择版权方有效期", trigger: "change" },
......
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
label-position="top" label-position="top"
> >
<el-form-item label="学习内容名称" prop="name" class="w50" style="padding-right: 100px"> <el-form-item label="学习内容名称" prop="name" class="w50" style="padding-right: 100px">
<el-input v-model="ruleForm.name"></el-input> <el-input oninput="value = value.trim()" v-model="ruleForm.name"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="适用范围"> <el-form-item label="适用范围">
<span v-show="userType === '1'">全平台</span> <span v-show="userType === '1'">全平台</span>
...@@ -221,7 +221,8 @@ export default { ...@@ -221,7 +221,8 @@ export default {
}, },
rules: { rules: {
name: [ name: [
{ required: true, message: "请输入学习内容名称", trigger: "blur" } { required: true, message: "请输入学习内容名称", trigger: "blur" },
{ min: 1, max: 20, message: "请输入1到20个字" },
], ],
cover: [ cover: [
{ {
...@@ -349,6 +350,7 @@ export default { ...@@ -349,6 +350,7 @@ export default {
// 获取展板类别列表 // 获取展板类别列表
getAssetTypeData() { getAssetTypeData() {
let vm = this; let vm = this;
if(this.ruleForm.copyrightOwnerIdList.length>0){
vm.$https({ vm.$https({
url: "exhibitionBoardCat/getList", url: "exhibitionBoardCat/getList",
method: "post", method: "post",
...@@ -361,6 +363,10 @@ export default { ...@@ -361,6 +363,10 @@ export default {
.catch(function(err) { .catch(function(err) {
console.log(err); console.log(err);
}); });
}else{
this.$message.warning("请先选择展板版权方!")
}
}, },
// 获取版权方列表 // 获取版权方列表
getAssetTypeData2() { getAssetTypeData2() {
...@@ -440,8 +446,13 @@ export default { ...@@ -440,8 +446,13 @@ export default {
this.$qs.stringify(this.ruleForm) this.$qs.stringify(this.ruleForm)
) )
.then(res => { .then(res => {
this.$message({ type: "success", message: "新增成功!" }); if(res.data.resultCode === "200"){
this.$message({ type: "success", message: "新增学习内容申请已提交,待审核!" });
history.go(-1); history.go(-1);
}else{
this.$message({ type: "error", message: res.data.message });
}
}) })
.catch(function(err) { .catch(function(err) {
console.log(err); console.log(err);
...@@ -466,8 +477,12 @@ export default { ...@@ -466,8 +477,12 @@ export default {
// this.ruleForm // this.ruleForm
) )
.then(res => { .then(res => {
this.$message({ type: "success", message: "修改成功!" }); if(res.data.resultCode === "200"){
this.$message({ type: "success", message: "修改学习内容申请已提交,待审核!" });
history.go(-1); history.go(-1);
}else{
this.$message({ type: "error", message: res.data.message });
}
}) })
.catch(function(err) { .catch(function(err) {
console.log(err); console.log(err);
...@@ -483,6 +498,7 @@ export default { ...@@ -483,6 +498,7 @@ export default {
this.ruleForm.cover = url; this.ruleForm.cover = url;
this.$refs.ruleForm.validateField("cover"); this.$refs.ruleForm.validateField("cover");
}, },
// 展板类别发生变化
getSelectDep(exhibitionBoardCatIdList) { getSelectDep(exhibitionBoardCatIdList) {
if (exhibitionBoardCatIdList.length === this.videoContentCat.length) { if (exhibitionBoardCatIdList.length === this.videoContentCat.length) {
this.checkedThing = true; this.checkedThing = true;
...@@ -502,6 +518,7 @@ export default { ...@@ -502,6 +518,7 @@ export default {
}, },
// 筛选展板备选清单选项条件 // 筛选展板备选清单选项条件
getTableParam(){ getTableParam(){
// debugger
const param = { const param = {
boardCopyrightOwnerIdList: this.ruleForm.copyrightOwnerIdList.toString(), boardCopyrightOwnerIdList: this.ruleForm.copyrightOwnerIdList.toString(),
exhibitionBoardCatIdList: this.ruleForm.exhibitionBoardCatIdList.toString() exhibitionBoardCatIdList: this.ruleForm.exhibitionBoardCatIdList.toString()
...@@ -514,6 +531,7 @@ export default { ...@@ -514,6 +531,7 @@ export default {
}, },
// 根据展板类别,版权方获取展板备选清单 // 根据展板类别,版权方获取展板备选清单
getTableData(param, type) { getTableData(param, type) {
let vm = this; let vm = this;
vm.$https( vm.$https(
{ {
...@@ -524,6 +542,8 @@ export default { ...@@ -524,6 +542,8 @@ export default {
vm.$qs.stringify(param) vm.$qs.stringify(param)
) )
.then(res => { .then(res => {
// alert(1)
// console.log(res)
let data = res.data.data; let data = res.data.data;
vm.tableData = data; vm.tableData = data;
if (type) { if (type) {
...@@ -540,6 +560,7 @@ export default { ...@@ -540,6 +560,7 @@ export default {
selectAllThing() { selectAllThing() {
// debugger // debugger
this.ruleForm.exhibitionBoardCatIdList = []; this.ruleForm.exhibitionBoardCatIdList = [];
if (this.checkedThing) { if (this.checkedThing) {
this.videoContentCat.map(item => { this.videoContentCat.map(item => {
...@@ -548,6 +569,7 @@ export default { ...@@ -548,6 +569,7 @@ export default {
} else { } else {
this.ruleForm.exhibitionBoardCatIdList = []; this.ruleForm.exhibitionBoardCatIdList = [];
} }
this.getTableParam()
}, },
selectAllThing2() { selectAllThing2() {
// debugger // debugger
......
...@@ -82,7 +82,7 @@ ...@@ -82,7 +82,7 @@
</el-table-column> </el-table-column>
<el-table-column label="创建时间" prop="createTime"></el-table-column> <el-table-column label="创建时间" prop="createTime"></el-table-column>
<el-table-column label="创建者" prop=""></el-table-column> <el-table-column label="创建者" prop="creatorName"></el-table-column>
<el-table-column <el-table-column
show-overflow-tooltip show-overflow-tooltip
label="所含展板数量" label="所含展板数量"
...@@ -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 :disabled="scope.row.auditStatus !== 'APPROVED_FINAL'" v-show="!scope.row.published" @click="handlePublish(scope.row, 'True')"> <el-button circle :disabled="(scope.row.auditStatus !== 'APPROVED_FINAL')||(scope.row.auditStatus === 'REFUSED')" 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 :disabled="scope.row.auditStatus !== 'APPROVED_FINAL'" v-show="scope.row.published" @click="handlePublish(scope.row, 'False')"> <el-button circle :disabled="(scope.row.auditStatus !== 'APPROVED_FINAL')||(scope.row.auditStatus === 'REFUSED')" 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>
...@@ -585,4 +585,9 @@ export default { ...@@ -585,4 +585,9 @@ export default {
// @import "../../style/list"; // @import "../../style/list";
@import "../../../../style/table.less"; @import "../../../../style/table.less";
@import "../../../../style/pagination.less"; @import "../../../../style/pagination.less";
@media screen and (max-width: 1024px) {
.page-tip {
display: none !important;
}
}
</style> </style>
...@@ -5,7 +5,7 @@ ...@@ -5,7 +5,7 @@
<el-form-item> <el-form-item>
<el-input <el-input
placeholder="请输入学习项目名称" placeholder="请输入学习项目名称"
v-model="form.name" v-model="form.nameOrCode"
@keyup.enter.native="Search" @keyup.enter.native="Search"
clearable clearable
></el-input> ></el-input>
...@@ -107,7 +107,7 @@ ...@@ -107,7 +107,7 @@
class="party-form" class="party-form"
> >
<el-form-item label="学习项目名称" prop="name"> <el-form-item label="学习项目名称" prop="name">
<el-input v-model="classForm.name"></el-input> <el-input oninput="value = value.trim()" v-model="classForm.name"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="备注"> <el-form-item label="备注">
<el-input type="textarea" v-model="classForm.remarks"></el-input> <el-input type="textarea" v-model="classForm.remarks"></el-input>
...@@ -155,12 +155,14 @@ export default { ...@@ -155,12 +155,14 @@ export default {
typeList: [], typeList: [],
rule:{ rule:{
name: [ name: [
{ required: true, message: "请输入学习项目名称", trigger: "blur" } { required: true, message: "请输入学习项目名称", trigger: "blur" },
{ min: 1, max: 20, message: "请输入1到20个字" },
], ],
}, },
rules: { rules: {
name: [ name: [
{ required: true, message: "请输入学习项目名称", trigger: "blur" }, { required: true, message: "请输入学习项目名称", trigger: "blur" },
{ min: 1, max: 20, message: "请输入1到20个字" },
], ],
}, },
value: "", value: "",
...@@ -212,7 +214,7 @@ export default { ...@@ -212,7 +214,7 @@ export default {
let searchObj = { let searchObj = {
_index: 1, _index: 1,
_size: _this.page.pageSize, _size: _this.page.pageSize,
name: _this.form.name, nameOrCode: _this.form.nameOrCode,
startDate: this.value1 ? this.value1[0] : "", startDate: this.value1 ? this.value1[0] : "",
endDate: this.value1 ? this.value1[1] : "", endDate: this.value1 ? this.value1[1] : "",
}; };
...@@ -221,6 +223,7 @@ export default { ...@@ -221,6 +223,7 @@ export default {
// 重置 // 重置
Reset() { Reset() {
this.form = {}; this.form = {};
this.value1= []
this.Search(); this.Search();
}, },
// // 获取当前查询参数 // // 获取当前查询参数
......
...@@ -16,8 +16,8 @@ ...@@ -16,8 +16,8 @@
border-radius:10px; border-radius:10px;
} }
.addTip { .addTip {
height:10px; // height:10px;
line-height: 10px; // line-height: 10px;
// background: pink; // background: pink;
color: red; color: red;
// position:absolute; // position:absolute;
......
...@@ -12,40 +12,14 @@ ...@@ -12,40 +12,14 @@
:rules="rules" :rules="rules"
ref="ruleForm" ref="ruleForm"
label-width="140px" label-width="140px"
class="party-form form-inline" class="demo-form-inline party-form"
:inline="true"
label-position="top"
> >
<el-form-item label="视频名称" prop="name"> <el-form-item label="视频名称" prop="name" class="w100">
<el-input v-model="ruleForm.name"></el-input> <el-input v-model="ruleForm.name"></el-input>
</el-form-item> </el-form-item>
<!-- <el-form-item label="版权方">
<mul-display @videoCopyright="videoCopyright"></mul-display>
</el-form-item> -->
<!-- <el-form-item class="addTip">
<span>若没有相应的视频分类,请点击</span>
<el-button type="text" @click="addVideoClass">新建视频分类</el-button>
</el-form-item>
<el-form-item class="selectH100" label="请选择预设视频分类">
<el-select
placeholder="请选择预设视频分类"
@focus="getVideoContentCatData"
multiple
v-model="ruleForm.videoContentCatIdList"
@change="getSelectDep"
>
<el-checkbox :style="selfstyle" v-model="checkedThing" @change="selectAllThing">全选</el-checkbox>
<el-option
v-for="item in videoContentCat"
:label="item.name"
:value="item.id"
:key="item.id"
></el-option>
</el-select>
</el-form-item> -->
<el-form-item class="addTip">
<add-copyright ref="addCopyright"></add-copyright>
<span>若没有相应的视频版权方,请点击</span>
<el-button type="text" @click="addVideoCopyright">新建视频版权方</el-button>
</el-form-item>
<el-form-item label="请选择视频版权方" prop="videoContentCopyrightOwnerId"> <el-form-item label="请选择视频版权方" prop="videoContentCopyrightOwnerId">
<el-select <el-select
placeholder="请选择视频版权方" placeholder="请选择视频版权方"
...@@ -60,16 +34,22 @@ ...@@ -60,16 +34,22 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item class="addTip"> <add-copyright ref="addCopyright"></add-copyright>
<span>若没有相应的视频分类,请点击</span> <!-- <el-form-item class="addTip">
<el-button type="text" @click="addVideoClass">新建视频分类</el-button> <add-copyright ref="addCopyright"></add-copyright>
<span>若没有相应的视频版权方,请点击</span>
<el-button type="text" @click="addVideoCopyright">新建视频版权方</el-button>
</el-form-item> -->
<el-form-item >
<br>
<span style="color:red">若没有相应的视频版权方,请点击</span>
<el-button type="text" @click="addVideoCopyright">新建视频版权方</el-button>
</el-form-item> </el-form-item>
<el-form-item label="请选择视频分类" > <el-form-item label="请选择视频分类" >
<el-select <el-select
placeholder="请选择预设视频分类" placeholder="请选择预设视频分类"
@focus="getVideoContentCatData" @focus="getVideoContentCatData"
v-model="ruleForm.videoContentCatId" v-model="ruleForm.videoContentCatId"
@change="getVideoContentCat"
> >
<el-option <el-option
v-for="item in videoContentCat" v-for="item in videoContentCat"
...@@ -79,6 +59,15 @@ ...@@ -79,6 +59,15 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item >
<br>
<span style="color:red">若没有相应的视频分类,请点击</span>
<el-button type="text" @click="addVideoClass">新建视频版分类</el-button>
</el-form-item>
<!-- <el-form-item class="addTip">
<span>若没有相应的视频分类,请点击</span>
<el-button type="text" @click="addVideoClass">新建视频分类</el-button>
</el-form-item> -->
<el-form-item label="视频缩略图" required> <el-form-item label="视频缩略图" required>
<upload-img :fileList="ruleForm.imageList" @imgUrl="imgUrl"></upload-img> <upload-img :fileList="ruleForm.imageList" @imgUrl="imgUrl"></upload-img>
</el-form-item> </el-form-item>
...@@ -108,7 +97,7 @@ ...@@ -108,7 +97,7 @@
<el-form-item label="视频分类名称" prop="name"> <el-form-item label="视频分类名称" prop="name">
<el-input v-model="classForm.name"></el-input> <el-input v-model="classForm.name"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="备注"> <el-form-item label="备注" class="w100">
<el-input type="textarea" v-model="classForm.remarks"></el-input> <el-input type="textarea" v-model="classForm.remarks"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
...@@ -175,16 +164,7 @@ export default { ...@@ -175,16 +164,7 @@ export default {
thumbnail:"", thumbnail:"",
videoFileIdList:[] videoFileIdList:[]
}, },
videoContentCat: [ videoContentCat: [],
{
value: "Beijing",
label: "北京"
},
{
value: "Shanghai",
label: "上海"
}
],
checkedThing: false, checkedThing: false,
selfstyle: { selfstyle: {
...@@ -194,13 +174,14 @@ export default { ...@@ -194,13 +174,14 @@ export default {
}, },
rule:{ rule:{
name: [ name: [
{ required: true, message: "请输入视频分类名称", trigger: "blur" } { required: true, message: "请输入视频分类名称", trigger: "blur" },
{ min: 1, max: 20, message: "请输入1到20个字" },
], ],
}, },
rules: { rules: {
name: [ name: [
{ required: true, message: "请输入视频名称", trigger: "blur" } { required: true, message: "请输入视频名称", trigger: "blur" },
// { min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" } { min: 1, max: 20, message: "请输入1到20个字" },
], ],
videoContentCopyrightOwnerId:[ videoContentCopyrightOwnerId:[
{ required: true, message: "请选择视频版权方", trigger: "change" } { required: true, message: "请选择视频版权方", trigger: "change" }
...@@ -220,6 +201,7 @@ export default { ...@@ -220,6 +201,7 @@ export default {
}, },
mounted() { mounted() {
this.init(); this.init();
this.getVideoContentCopyrightData()
}, },
methods: { methods: {
// 视频版权方名称id // 视频版权方名称id
...@@ -361,8 +343,12 @@ export default { ...@@ -361,8 +343,12 @@ export default {
}, },
this.$qs.stringify(this.ruleForm) this.$qs.stringify(this.ruleForm)
).then(res => { ).then(res => {
if(res.data.resultCode === "200"){
this.$message({ type: "success", message: "修改视频申请已提交,待审核!" }); this.$message({ type: "success", message: "修改视频申请已提交,待审核!" });
history.go(-1); history.go(-1);
}else{
this.$message({ type: "error", message: res.data.message });
}
}).catch(function(err) { }).catch(function(err) {
console.log(err); console.log(err);
}); });
......
...@@ -12,9 +12,11 @@ ...@@ -12,9 +12,11 @@
:rules="rules" :rules="rules"
ref="ruleForm" ref="ruleForm"
label-width="140px" label-width="140px"
class="party-form form-inline" class="demo-form-inline party-form"
:inline="true"
label-position="top"
> >
<el-form-item label="版权方名称" prop="name"> <el-form-item label="版权方名称" prop="name" class="w50">
<el-input v-model="ruleForm.name"></el-input> <el-input v-model="ruleForm.name"></el-input>
</el-form-item> </el-form-item>
<el-form-item label="版权方有效期" prop="value1"> <el-form-item label="版权方有效期" prop="value1">
...@@ -27,11 +29,7 @@ ...@@ -27,11 +29,7 @@
end-placeholder="结束日期" end-placeholder="结束日期"
></el-date-picker> ></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item class="addTip"> <el-form-item class="w50" label="请选择视频分类" prop="videoContentCatIdList">
<span>若没有相应的视频分类,请点击</span>
<el-button type="text" @click="addVideoClass">新建视频分类</el-button>
</el-form-item>
<el-form-item class="selectH100" label="请选择视频分类" prop="videoContentCatIdList">
<el-select <el-select
placeholder="请选择预设视频分类" placeholder="请选择预设视频分类"
@focus="getAssetTypeData" @focus="getAssetTypeData"
...@@ -48,7 +46,12 @@ ...@@ -48,7 +46,12 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="备注"> <el-form-item >
<br>
<span style="color:red">若没有相应的视频分类,请点击</span>
<el-button type="text" @click="addVideoClass">新建视频分类</el-button>
</el-form-item>
<el-form-item label="备注" class="w100">
<el-input type="textarea" v-model="ruleForm.remarks"></el-input> <el-input type="textarea" v-model="ruleForm.remarks"></el-input>
</el-form-item> </el-form-item>
</el-form> </el-form>
...@@ -143,8 +146,8 @@ export default { ...@@ -143,8 +146,8 @@ export default {
}, },
rules: { rules: {
name: [ name: [
{ required: true, message: "请输入版权方名称", trigger: "blur" } { required: true, message: "请输入版权方名称", trigger: "blur" },
// { min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" } { min: 1, max: 20, message: "请输入1到20个字" },
], ],
videoContentCatIdList:[ videoContentCatIdList:[
{required: true, message: "请选择视频分类", trigger: "change" } {required: true, message: "请选择视频分类", trigger: "change" }
......
...@@ -25,6 +25,7 @@ ...@@ -25,6 +25,7 @@
v-model="form.name" v-model="form.name"
placeholder="请填写" placeholder="请填写"
clearable clearable
oninput="value = value.trim()"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="机构地理位置:" prop="areaId"> <el-form-item label="机构地理位置:" prop="areaId">
...@@ -83,6 +84,7 @@ export default { ...@@ -83,6 +84,7 @@ export default {
rules: { rules: {
name: [ name: [
{ required: true, message: "请输入机构名称", trigger: "change" }, { required: true, message: "请输入机构名称", trigger: "change" },
{ min: 1, max: 20, message: "请输入1到20个字" },
], ],
areaId: [ areaId: [
{ required: true, message: "请选择地理位置", trigger: "change" }, { required: true, message: "请选择地理位置", trigger: "change" },
......
...@@ -25,6 +25,7 @@ ...@@ -25,6 +25,7 @@
v-model="form.name" v-model="form.name"
placeholder="请填写" placeholder="请填写"
clearable clearable
oninput="value = value.trim()"
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="机构地理位置:" prop="areaId"> <el-form-item label="机构地理位置:" prop="areaId">
...@@ -84,6 +85,7 @@ export default { ...@@ -84,6 +85,7 @@ export default {
rules: { rules: {
name: [ name: [
{ required: true, message: "请输入机构名称", trigger: "change" }, { required: true, message: "请输入机构名称", trigger: "change" },
{ min: 1, max: 20, message: "请输入1到20个字" },
], ],
areaId: [ areaId: [
{ required: true, message: "请选择地理位置", trigger: "change" }, { required: true, message: "请选择地理位置", trigger: "change" },
......
...@@ -376,6 +376,7 @@ ...@@ -376,6 +376,7 @@
height: 100%; height: 100%;
width: 100%; width: 100%;
overflow: hidden; overflow: hidden;
background:#ffffff;
.info-header { .info-header {
font-size: 20px; font-size: 20px;
...@@ -391,7 +392,7 @@ ...@@ -391,7 +392,7 @@
.info-wrapper { .info-wrapper {
width: 640px; width: 640px;
margin: 0 auto; margin: 0 auto;
background: #fff; // background: #fff;
.pageTips { .pageTips {
height: 72px; height: 72px;
......
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