Commit 82dd868f authored by qzhxx's avatar qzhxx

展板选择视频筛选更改,样式优化

parent ebd615f7
...@@ -132,7 +132,6 @@ ...@@ -132,7 +132,6 @@
</div> </div>
<div class="partyt-pagination"> <div class="partyt-pagination">
<el-pagination <el-pagination
background
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:current-page="page.currentPage" :current-page="page.currentPage"
:page-size="page.pageSize" :page-size="page.pageSize"
......
...@@ -111,7 +111,6 @@ ...@@ -111,7 +111,6 @@
</div> </div>
<div class="partyt-pagination"> <div class="partyt-pagination">
<el-pagination <el-pagination
background
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:current-page="page.currentPage" :current-page="page.currentPage"
:page-size="page.pageSize" :page-size="page.pageSize"
......
...@@ -97,7 +97,6 @@ ...@@ -97,7 +97,6 @@
</div> </div>
<div class="partyt-pagination"> <div class="partyt-pagination">
<el-pagination <el-pagination
background
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:current-page="page.currentPage" :current-page="page.currentPage"
:page-size="page.pageSize" :page-size="page.pageSize"
......
...@@ -86,10 +86,10 @@ export default { ...@@ -86,10 +86,10 @@ export default {
</script> </script>
<style> <style>
.fileUpload { .el-upload .fileUpload {
width: 148px; width: 148px;
height: 148px; height: 148px;
line-height: 148px; line-height: 148px!important;
margin: 0 auto; margin: 0 auto;
border: 1px dashed #c0ccda; border: 1px dashed #c0ccda;
font-size: 24px; font-size: 24px;
......
...@@ -86,10 +86,10 @@ export default { ...@@ -86,10 +86,10 @@ export default {
</script> </script>
<style> <style>
.fileUpload { .el-upload .fileUpload {
width: 148px; width: 148px;
height: 148px; height: 148px;
line-height: 148px; line-height: 148px!important;
margin: 0 auto; margin: 0 auto;
border: 1px dashed #c0ccda; border: 1px dashed #c0ccda;
font-size: 24px; font-size: 24px;
......
...@@ -98,10 +98,10 @@ export default { ...@@ -98,10 +98,10 @@ export default {
</script> </script>
<style> <style>
.fileUpload { .el-upload .fileUpload {
width: 148px; width: 148px;
height: 148px; height: 148px;
line-height: 148px; line-height: 148px!important;
margin: 0 auto; margin: 0 auto;
border: 1px dashed #c0ccda; border: 1px dashed #c0ccda;
font-size: 24px; font-size: 24px;
......
...@@ -73,6 +73,7 @@ ...@@ -73,6 +73,7 @@
<el-select <el-select
placeholder="请选择视频版权方" placeholder="请选择视频版权方"
v-model="ruleForm.videoContentCopyrightOwnerId" v-model="ruleForm.videoContentCopyrightOwnerId"
@change="clearVideo"
> >
<el-option <el-option
v-for="item in copyrightOwner" v-for="item in copyrightOwner"
...@@ -86,6 +87,7 @@ ...@@ -86,6 +87,7 @@
<el-select <el-select
placeholder="请选择视频分类" placeholder="请选择视频分类"
v-model="ruleForm.videoContentCatId" v-model="ruleForm.videoContentCatId"
@change="clearVideo"
> >
<el-option <el-option
v-for="item in videoContentCat" v-for="item in videoContentCat"
...@@ -95,8 +97,9 @@ ...@@ -95,8 +97,9 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="请选择视频" prop="videoContentId"> <el-form-item label="请选择视频" prop="videoContentId" class="w100">
<el-select <el-select
@focus="getVideoData"
placeholder="请选择视频" placeholder="请选择视频"
v-model="ruleForm.videoContentId" v-model="ruleForm.videoContentId"
> >
...@@ -109,10 +112,14 @@ ...@@ -109,10 +112,14 @@
</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="导览音频" class="w50" prop="audioIdList" required> <el-form-item label="导览音频" prop="audioIdList" required>
<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" required> <el-form-item label="参考资料" prop="datumIdList" required>
<div style="color:red;">
(可支持word、excel、PDF、ppt、视频类型文件及图片上传)
</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>
</el-form> </el-form>
...@@ -163,6 +170,7 @@ export default { ...@@ -163,6 +170,7 @@ export default {
boardCopyrightOwnerId:"", boardCopyrightOwnerId:"",
videoContentCopyrightOwnerId: "", videoContentCopyrightOwnerId: "",
videoContentCatId: "", videoContentCatId: "",
videoContentId:"",
audioIdList: [], audioIdList: [],
datumIdList: [], datumIdList: [],
datumList:[], datumList:[],
...@@ -205,7 +213,7 @@ export default { ...@@ -205,7 +213,7 @@ export default {
this.getVideoContentCopyrightData(); this.getVideoContentCopyrightData();
this.getExhibitionBoardCatId(); this.getExhibitionBoardCatId();
this.getBoardCopyrightOwnerId(); this.getBoardCopyrightOwnerId();
this.getVideoData(); // this.getVideoData();
if (this.$route.query.type === "Update") { if (this.$route.query.type === "Update") {
this.getInfo(this.$route.query.id); this.getInfo(this.$route.query.id);
} }
...@@ -366,19 +374,33 @@ export default { ...@@ -366,19 +374,33 @@ export default {
}).catch(function(err) { }).catch(function(err) {
console.log(err); console.log(err);
}); });
},
// 视频版权方或视频分类发生变化时,重置视频的值
clearVideo(){
this.ruleForm.videoContentId = ''
}, },
// 获取视频列表 // 获取视频列表
getVideoData() { getVideoData() {
let vm = this; const param = {
vm.$https({ videoContentCatId:this.ruleForm.videoContentCatId,
url: "videoContent/getList", videoContentCopyrightOwnerId:this.ruleForm.videoContentCopyrightOwnerId
method: "get", }
authType: this.backToken if((this.ruleForm.videoContentCatId.length>0)&&(this.ruleForm.videoContentCopyrightOwnerId.length>0)){
}).then(res => { let vm = this;
this.videoContentId = res.data.data; vm.$https({
}).catch(function(err) { url: "videoContent/getList",
console.log(err); method: "get",
}); authType: this.backToken
},
param).then(res => {
this.videoContentId = res.data.data;
}).catch(function(err) {
console.log(err);
});
}else{
this.videoContentId = []
}
}, },
// 关闭 // 关闭
close() { close() {
......
...@@ -485,6 +485,7 @@ export default { ...@@ -485,6 +485,7 @@ export default {
} else { } else {
this.checkedThing = false; this.checkedThing = false;
} }
this.getTableParam()
}, },
// //
getSelectDep2(exhibitionBoardCatIdList) { getSelectDep2(exhibitionBoardCatIdList) {
...@@ -493,11 +494,19 @@ export default { ...@@ -493,11 +494,19 @@ export default {
} else { } else {
this.checkedThing2 = false; this.checkedThing2 = false;
} }
const param = { this.getTableParam()
},
// 筛选展板备选清单选项条件
getTableParam(){
const param = {
boardCopyrightOwnerIdList: this.ruleForm.copyrightOwnerIdList, boardCopyrightOwnerIdList: this.ruleForm.copyrightOwnerIdList,
exhibitionBoardCatIdList: this.ruleForm.exhibitionBoardCatIdList exhibitionBoardCatIdList: this.ruleForm.exhibitionBoardCatIdList
}; };
this.getTableData(param); if((param.boardCopyrightOwnerIdList.length>0)&&(param.exhibitionBoardCatIdList.length>0)){
this.getTableData(param);
}else{
this.tableData = []
}
}, },
// 根据展板类别,版权方获取展板备选清单 // 根据展板类别,版权方获取展板备选清单
getTableData(param, type) { getTableData(param, type) {
......
...@@ -148,19 +148,6 @@ ...@@ -148,19 +148,6 @@
<i class="icon-table icon-disable"></i> <i class="icon-table icon-disable"></i>
</el-button> </el-button>
</el-tooltip> </el-tooltip>
<!-- <el-button
type="text"
style="padding:0"
:disabled="scope.$index == 0"
@click="moveUpward(scope.row, scope.$index)"
>上移</el-button>
<el-button
type="text"
style="padding:0"
:disabled="(scope.$index + 1) == tableData.length"
@click="moveDown(scope.row, scope.$index)"
>下移</el-button> -->
</div> </div>
</template> </template>
</el-table-column> </el-table-column>
......
...@@ -71,8 +71,6 @@ ...@@ -71,8 +71,6 @@
</div> </div>
<div class="partyt-pagination"> <div class="partyt-pagination">
<el-pagination <el-pagination
small
background
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:current-page="page.currentPage" :current-page="page.currentPage"
:page-size="page.pageSize" :page-size="page.pageSize"
......
...@@ -112,8 +112,6 @@ ...@@ -112,8 +112,6 @@
</div> </div>
<div class="partyt-pagination"> <div class="partyt-pagination">
<el-pagination <el-pagination
small
background
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:current-page="page.currentPage" :current-page="page.currentPage"
:page-size="page.pageSize" :page-size="page.pageSize"
......
...@@ -74,8 +74,6 @@ ...@@ -74,8 +74,6 @@
</div> </div>
<div class="partyt-pagination"> <div class="partyt-pagination">
<el-pagination <el-pagination
small
background
@current-change="handleCurrentChange" @current-change="handleCurrentChange"
:current-page="page.currentPage" :current-page="page.currentPage"
:page-size="page.pageSize" :page-size="page.pageSize"
......
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