Skip to content

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

更换新建展板逻辑，测试迭代

parent 82dd868f
Show whitespace changes
Inline Side-by-side
Showing with 560 additions and 1007 deletions
src/page/check/display/index.vue
View file @ 22ea7f56
...@@ -5,12 +5,10 @@ ...@@ -5,12 +5,10 @@
:inline="true" :inline="true"
:model="form" :model="form"
ref="form" ref="form"
class="search-form"
onsubmit="return false;" onsubmit="return false;"
> >
<el-form-item label=""> <el-form-item label="">
<el-input <el-input
size="mini"
placeholder="请输入视频名称、提交人" placeholder="请输入视频名称、提交人"
v-model="form.name" v-model="form.name"
@keyup.enter.native="Search" @keyup.enter.native="Search"
...@@ -28,13 +26,11 @@ ...@@ -28,13 +26,11 @@
<el-form-item> <el-form-item>
<div class="btn-group"> <div class="btn-group">
<el-button <el-button
size="mini"
type="primary" type="primary"
class="btn_form_search"
@click="Search" @click="Search"
>查询</el-button >查询</el-button
> >
<el-button size="mini" class="btn_form_search" @click="Reset" <el-button @click="Reset"
>重置</el-button >重置</el-button
> >
</div> </div>
...@@ -57,11 +53,11 @@ ...@@ -57,11 +53,11 @@
:data="tableData" :data="tableData"
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
> >
<el-table-column <el-table-column type="index" width="120" label="序号">
type="index" <template slot-scope="scope">
width="120" <span>{{ (page.currentPage - 1) * 10 + scope.$index + 1 }}</span>
label="序号" </template>
></el-table-column> </el-table-column>
<el-table-column label="展板名称" prop="name"></el-table-column> <el-table-column label="展板名称" prop="name"></el-table-column>
<el-table-column label="提交人" prop="userName"></el-table-column> <el-table-column label="提交人" prop="userName"></el-table-column>
<el-table-column label="提交日期" prop="createTime"></el-table-column> <el-table-column label="提交日期" prop="createTime"></el-table-column>
...@@ -183,7 +179,7 @@ ...@@ -183,7 +179,7 @@
<el-form <el-form
:model="editForm" :model="editForm"
disabled disabled
class="party-form" class="party-form demo-form-inline"
ref="editForm" ref="editForm"
label-width="80px" label-width="80px"
label-position="top" label-position="top"
...@@ -208,6 +204,9 @@ ...@@ -208,6 +204,9 @@
<el-form-item label="宣传图" :label-width="formLabelWidth"> <el-form-item label="宣传图" :label-width="formLabelWidth">
<img class="imgSize" :src="editForm.cover" alt="" /> <img class="imgSize" :src="editForm.cover" alt="" />
</el-form-item> </el-form-item>
<el-form-item label="二维码" :label-width="formLabelWidth">
<img class="imgSize" :src="editForm.qrcodeUrl" alt="" />
</el-form-item>
<el-form-item label="简介" :label-width="formLabelWidth"> <el-form-item label="简介" :label-width="formLabelWidth">
<el-input type="textarea" v-model="editForm.remarks"></el-input> <el-input type="textarea" v-model="editForm.remarks"></el-input>
</el-form-item> </el-form-item>
......
src/page/check/learn/index.vue
View file @ 22ea7f56
<template> <template>
<div class="listPage H100"> <div class="listPage H100">
<div class="search-container"> <div class="search-container">
<el-form :inline="true" :model="form" ref="form" class="search-form" onsubmit="return false;"> <el-form :inline="true" :model="form" ref="form" onsubmit="return false;">
<el-form-item label=""> <el-form-item label="">
<el-input <el-input
size="mini"
placeholder="请输入学习内容名称、提交人" placeholder="请输入学习内容名称、提交人"
v-model="form.name" v-model="form.name"
@keyup.enter.native="Search" @keyup.enter.native="Search"
...@@ -21,8 +20,8 @@ ...@@ -21,8 +20,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>
...@@ -43,7 +42,11 @@ ...@@ -43,7 +42,11 @@
:data="tableData" :data="tableData"
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
> >
<el-table-column type="index" width="120" label="序号"></el-table-column> <el-table-column type="index" width="120" label="序号">
<template slot-scope="scope">
<span>{{ (page.currentPage - 1) * 10 + scope.$index + 1 }}</span>
</template>
</el-table-column>
<el-table-column label="学习内容名称" prop="name"></el-table-column> <el-table-column label="学习内容名称" prop="name"></el-table-column>
<el-table-column label="提交人" prop="userName"></el-table-column> <el-table-column label="提交人" prop="userName"></el-table-column>
<el-table-column label="提交日期" prop="createTime"></el-table-column> <el-table-column label="提交日期" prop="createTime"></el-table-column>
......
src/page/check/video/index.vue
View file @ 22ea7f56
<template> <template>
<div class="listPage H100"> <div class="listPage H100">
<div class="search-container"> <div class="search-container">
<el-form :inline="true" :model="form" ref="form" class="search-form" onsubmit="return false;"> <el-form :inline="true" :model="form" ref="form" onsubmit="return false;">
<el-form-item label> <el-form-item label>
<el-input <el-input
size="mini"
placeholder="请输入视频名称、提交人" placeholder="请输入视频名称、提交人"
v-model="form.name" v-model="form.name"
@keyup.enter.native="Search" @keyup.enter.native="Search"
...@@ -21,8 +20,8 @@ ...@@ -21,8 +20,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>
...@@ -41,7 +40,11 @@ ...@@ -41,7 +40,11 @@
:data="tableData" :data="tableData"
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
> >
<el-table-column type="index" width="120" label="序号"></el-table-column> <el-table-column type="index" width="120" label="序号">
<template slot-scope="scope">
<span>{{ (page.currentPage - 1) * 10 + scope.$index + 1 }}</span>
</template>
</el-table-column>
<el-table-column label="视频名称" prop="name"></el-table-column> <el-table-column label="视频名称" prop="name"></el-table-column>
<el-table-column label="提交人" prop="userName"></el-table-column> <el-table-column label="提交人" prop="userName"></el-table-column>
<el-table-column label="提交日期" prop="createTime"></el-table-column> <el-table-column label="提交日期" prop="createTime"></el-table-column>
......
src/page/content/components/uploadVue/uploadAudio.vue
View file @ 22ea7f56
...@@ -12,7 +12,7 @@ ...@@ -12,7 +12,7 @@
<i class="el-icon-plus fileUpload"></i> <i class="el-icon-plus fileUpload"></i>
</el-upload> </el-upload>
<el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button> <el-button style="margin-left: 10px;" size="small" type="success" v-loading="loading" @click="submitUpload">上传到服务器</el-button>
</div> </div>
</template> </template>
...@@ -27,6 +27,7 @@ export default { ...@@ -27,6 +27,7 @@ export default {
}, },
data() { data() {
return { return {
loading:false,
filedata: [], filedata: [],
fileArr: [], fileArr: [],
}; };
...@@ -36,6 +37,7 @@ export default { ...@@ -36,6 +37,7 @@ export default {
}, },
methods: { methods: {
submitUpload() { submitUpload() {
this.loading = true
this.filedata = new FormData() // 用FormData存放上传文件 this.filedata = new FormData() // 用FormData存放上传文件
this.$refs.upload.submit() // 会循环调用uploadFile方法，多个文件调用多次 this.$refs.upload.submit() // 会循环调用uploadFile方法，多个文件调用多次
let _this = this; let _this = this;
...@@ -51,8 +53,9 @@ export default { ...@@ -51,8 +53,9 @@ export default {
.then(res => { .then(res => {
let resData = res.data; let resData = res.data;
console.log(res) console.log(res)
this.loading = false
if (resData.resultCode == "200") { if (resData.resultCode == "200") {
_this.$message.success('上传成功！')
const data = resData.data.fileList const data = resData.data.fileList
let newArray = data.map((item) => item.id) let newArray = data.map((item) => item.id)
let editArray =[] let editArray =[]
......
src/page/content/components/uploadVue/uploadDatum.vue
View file @ 22ea7f56
...@@ -15,6 +15,7 @@ ...@@ -15,6 +15,7 @@
style="margin-left: 10px" style="margin-left: 10px"
size="small" size="small"
type="success" type="success"
v-loading="loading"
@click="submitUpload" @click="submitUpload"
>上传到服务器</el-button >上传到服务器</el-button
> >
...@@ -31,6 +32,7 @@ export default { ...@@ -31,6 +32,7 @@ export default {
}, },
data() { data() {
return { return {
loading:false,
filedata: [], filedata: [],
fileArr: [], fileArr: [],
}; };
...@@ -39,6 +41,7 @@ export default { ...@@ -39,6 +41,7 @@ export default {
}, },
methods: { methods: {
submitUpload() { submitUpload() {
this.loading = true
this.filedata = new FormData(); // 用FormData存放上传文件 this.filedata = new FormData(); // 用FormData存放上传文件
this.$refs.upload.submit(); // 会循环调用uploadFile方法，多个文件调用多次 this.$refs.upload.submit(); // 会循环调用uploadFile方法，多个文件调用多次
...@@ -53,8 +56,10 @@ export default { ...@@ -53,8 +56,10 @@ export default {
this.filedata this.filedata
) )
.then((res) => { .then((res) => {
this.loading = false
let resData = res.data; let resData = res.data;
if (resData.resultCode == "200") { if (resData.resultCode == "200") {
_this.$message.success('上传成功！')
const data = resData.data.fileList; const data = resData.data.fileList;
let newArray = data.map((item) => item.id); let newArray = data.map((item) => item.id);
let editArray =[] let editArray =[]
......
src/page/content/components/uploadVue/uploadFile.vue
View file @ 22ea7f56
...@@ -13,7 +13,7 @@ ...@@ -13,7 +13,7 @@
<i class="el-icon-plus fileUpload"></i> <i class="el-icon-plus fileUpload"></i>
</el-upload> </el-upload>
<el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button> <el-button style="margin-left: 10px;" size="small" type="success" v-loading="loading" @click="submitUpload">上传到服务器</el-button>
</div> </div>
</template> </template>
...@@ -28,6 +28,7 @@ export default { ...@@ -28,6 +28,7 @@ export default {
}, },
data() { data() {
return { return {
loading:false,
filedata:[], filedata:[],
fileArr: [], fileArr: [],
fileList:[], fileList:[],
...@@ -36,6 +37,7 @@ export default { ...@@ -36,6 +37,7 @@ export default {
}, },
methods: { methods: {
submitUpload() { // 导入 submitUpload() { // 导入
this.loading = true
let tempData = this.filedata let tempData = this.filedata
this.filedata = new FormData() // 用FormData存放上传文件 this.filedata = new FormData() // 用FormData存放上传文件
this.$refs.upload.submit() // 会循环调用uploadFile方法，多个文件调用多次 this.$refs.upload.submit() // 会循环调用uploadFile方法，多个文件调用多次
...@@ -53,17 +55,10 @@ export default { ...@@ -53,17 +55,10 @@ export default {
.then(res => { .then(res => {
let resData = res.data; let resData = res.data;
console.log(res) console.log(res)
this.loading = false
if (resData.resultCode == "200") { if (resData.resultCode == "200") {
// console.log(resData.data.fileList)
// const data = resData.data.fileList
// console.log(data)
// let newArray = data.map((item) => {
// return item.id;
// })
// this.$emit('videoList', newArray)
_this.$message.success('上传成功！')
const data = resData.data.fileList; const data = resData.data.fileList;
let newArray = data.map((item) => item.id); let newArray = data.map((item) => item.id);
let editArray =[] let editArray =[]
......
src/page/content/display/classify/index.vue
View file @ 22ea7f56
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
ref="form" ref="form"
onsubmit="return false;" onsubmit="return false;"
> >
<el-form-item label="分类名称"> <el-form-item >
<el-input <el-input
placeholder="请输入分类名称" placeholder="请输入分类名称"
v-model="form.nameOrCode" v-model="form.nameOrCode"
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
clearable clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="版权方有效期"> <el-form-item>
<el-date-picker <el-date-picker
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
v-model="form.dateRange" v-model="form.dateRange"
......
src/page/content/display/content/add-----.vue deleted 100644 → 0
View file @ 82dd868f
<template>
<div class="addFormBox">
<el-form :model="ruleForm" :rules="rules" ref="ruleForm" label-width="140px" class="addForm" label-position="top">
<el-form-item
label="页面说明："
class="addTipMsg"
>可新建版权方信息。创建展板内容，“*”为必填项，音频资料支持汉语、蒙语、藏语、维吾尔语、英语五种言音频上传，参考资料支持多文件上传。</el-form-item>
<div class="addTitle">展板基本信息</div>
<el-form-item label="展板名称" prop="name">
<el-input v-model="ruleForm.name"></el-input>
</el-form-item>
<el-form-item label="展板版权方">
<el-select v-model="ruleForm.desc" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="展板分类">
<el-select v-model="ruleForm.desc" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="展板图片">
</el-form-item>
<el-form-item label="展板二维码">
</el-form-item>
<el-form-item label="展板介绍">
<el-input type="textarea" v-model="ruleForm.desc"></el-input>
</el-form-item>
<div class="addTitle">展板影音信息</div>
<el-form-item label="视频版权方">
<el-select v-model="ruleForm.desc" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="视频类别">
<el-select v-model="ruleForm.desc" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="视频">
<el-select v-model="ruleForm.desc" placeholder="请选择">
<el-option
v-for="item in options"
:key="item.value"
:label="item.label"
:value="item.value"
></el-option>
</el-select>
</el-form-item>
<el-form-item label="导览音频">
</el-form-item>
<el-form-item label="参考资料">
</el-form-item>
<el-form-item>
<el-button type="primary" @click="submitForm('ruleForm')">确定</el-button>
<el-button @click="resetForm('ruleForm')">取消</el-button>
</el-form-item>
</el-form>
<!--新增弹框-->
<el-dialog
custom-class="party-dialog"
title="新建视频分类"
width="468px"
:visible.sync="dialogVisible"
:before-close="close"
>
<div class="dialog-content">
<el-form
:model="classForm"
ref="classForm"
label-width="80px"
label-position="top"
:rules="rules"
id="ruleo"
class="party-form"
>
<el-form-item label="视频分类名称" prop="name">
<el-input v-model="classForm.name"></el-input>
</el-form-item>
<el-form-item label="备注">
<el-input type="textarea" v-model="classForm.desc"></el-input>
</el-form-item>
</el-form>
</div>
<div slot="footer" class="dialog-footer btn-group">
<el-button size="mini" type="primary" @click="save">确定</el-button>
<el-button size="mini" @click="close">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
export default {
data() {
return {
options: [
{
value: "选项1",
label: "黄金糕"
},
{
value: "选项2",
label: "双皮奶"
},
{
value: "选项3",
label: "蚵仔煎"
},
{
value: "选项4",
label: "龙须面"
},
{
value: "选项5",
label: "北京烤鸭"
}
],
dialogVisible: false,
formLabelWidth: "100px",
form: {
name: ""
},
classForm: {
menuName: "",
menuUrl: "",
parentId: "",
sort: ""
},
value1: "",
ruleForm: {
name: "",
region: "",
date1: "",
date2: "",
delivery: false,
type: [],
resource: "",
desc: ""
},
departments: [
{
value: "Beijing",
label: "北京"
},
{
value: "Shanghai",
label: "上海"
},
{
value: "Nanjing",
label: "南京"
},
{
value: "Chengdu",
label: "成都"
},
{
value: "Shenzhen",
label: "深圳"
},
{
value: "Guangzhou",
label: "广州"
}
],
checkedThing: false,
department: [],
selfstyle: {
textAlign: "right",
width: "100%",
paddingRight: "10px"
},
rules: {
name: [
{ required: true, message: "请输入版权方名称", trigger: "blur" },
{ min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" }
],
region: [
{ required: true, message: "请选择活动区域", trigger: "change" }
],
date1: [
{
type: "date",
required: true,
message: "请选择日期",
trigger: "change"
}
],
date2: [
{
type: "date",
required: true,
message: "请选择时间",
trigger: "change"
}
],
type: [
{
type: "array",
required: true,
message: "请至少选择一个活动性质",
trigger: "change"
}
],
resource: [
{ required: true, message: "请选择活动资源", trigger: "change" }
],
desc: [{ required: true, message: "请填写活动形式", trigger: "blur" }]
}
};
},
methods: {
// 新建视频分类
addVideoClass() {
this.dialogVisible = true;
},
save() {
this.dialogVisible = false;
},
// 新增关闭
close() {
this.dialogVisible = false;
for (let key in this.classForm) {
this.classForm[key] = null;
}
this.$refs["classForm"].resetFields();
},
submitForm(formName) {
this.$refs[formName].validate(valid => {
if (valid) {
alert("submit!");
} else {
console.log("error submit!!");
return false;
}
});
},
resetForm(formName) {
this.$refs[formName].resetFields();
history.go(-1);
},
getSelectDep(department) {
// debugger
if (department.length === this.departments.length) {
this.checkedThing = true;
} else {
this.checkedThing = false;
}
},
selectAllThing() {
// debugger
this.department = [];
if (this.checkedThing) {
this.departments.map(item => {
this.department.push(item.label);
});
} else {
this.department = [];
}
}
}
};
</script>
<style lang="less">
@import "../../style/add";
@import "../../../../style/dialog";
</style>
\ No newline at end of file
src/page/content/display/content/add-.vue deleted 100644 → 0
View file @ 82dd868f
<template>
<el-form :model="dealForm" >
<el-form-item
prop="uploadFile"
label="上传文件">
<el-upload
ref="fileUpload"
:auto-upload="false"
:limit="3"
:on-change="fileOnChange"
:before-upload="fileBeforeUpload"
:before-remove="fileBeforeRemove"
size="mini"
class="upload-file"
action="/"
multiple>
<el-button
class="upload-button"
size="small"
type="primary">请选择文件</el-button>
<!--<div
slot="tip"
class="el-upload__tip">只能上传jpg/png文件，且不超过500kb</div>-->
</el-upload>
</el-form-item>
<el-form-item
prop="uploadImg"
label="上传图片">
<!--:on-remove="imgRemoveList"-->
<el-upload
ref="imgUpload"
:auto-upload="false"
:limit="3"
:on-change="imgOnChange"
:before-upload="imgBeforeUpload"
:before-remove="imgBeforeRemove"
size="mini"
class="upload-img"
action="/"
accept=".jpg,.jpeg,.png"
list-type="picture-card"
multiple>
<!--<i class="el-icon-plus"/>-->
<i class="icon-tupian"/>
<!--<div class="el-upload__text">将文件拖到此处</div>-->
<div
slot="tip"
class="el-upload__tip">只能上传jpg/png文件，大小不超过20M</div>
</el-upload>
</el-form-item>
<el-button @click="saveDealEvent">提交</el-button>
</el-form>
</template>
<script>
export default {
data() {
let validateLicense = (rule, value, callback) => {
if (!(this.imgSizeIsSatisfy.length === 0)) {
callback(new Error('上传图片大小不能超过 5MB!'));
} else {
callback();
}
};
let fileValidate = (rule, value, callback) => {
if (!(this.fileSizeIsSatisfy.length === 0)) {
callback(new Error('上传图片大小不能超过 10MB!'));
} else {
callback();
}
};
return {
dealForm: {
solutions: '111',
dealStatus: 'ww',
dealFunction: 'qq'
},
dealFormRules: {
uploadImg: [{ validator: validateLicense }],
uploadFile: [{ validator: fileValidate }]
},
uploadFile: [],
uploadImg: [],
imgSizeIsSatisfy: [],
fileSizeIsSatisfy: []
};
},
methods: {
imgBeforeUpload(file) {
this.uploadImg.push(file);
return false;
// 返回false，停止上传
},
fileBeforeUpload(file) {
this.uploadFile.push(file);
return false;
},
saveDealEvent() {
// this.$refs.dealForm.validate(valid => {
// if (valid) {
this.$confirm('确认提交吗？', '提示', {})
.then(() => {
// 创建一个formData对象
const formData = new FormData();
// 把表单双向绑定的数据添加到formData对象里面
Object.keys(this.dealForm).forEach(key => {
formData.append(key, this.dealForm[key]);
});
console.log(formData)
// 添加eventId到formData对象里面
// formData.append('eventId', this.evtId);
// 手动上传文件列表
this.$refs.fileUpload.submit();
this.$refs.imgUpload.submit();
// 把要上传的文件添加到formData对象里面
for (let i = 0; i < this.uploadFile.length; i++) {
formData.append('fileFiles', this.uploadFile[i]);
}
for (let i = 0; i < this.uploadImg.length; i++) {
formData.append('imgFiles', this.uploadImg[i]);
}
console.log(formData,'formData')
let vm = this;
vm.$https(
{
url: "videoContent/dddddgetPageList",
method: "post",
authType: this.backToken
},
// vm.$qs.stringify(this.dealForm)
vm.$qs.stringify(formData)
// param
)
.then(res => {
})
.catch(function(err) {
console.log(err);
});
// // 提交表单
// saveDealEvent(formData).then(res => {
// // 提交后置空
// this.dealForm = {};
// this.uploadFile = [];
// this.uploadImg = [];
// this.$refs['dealForm'].resetFields();
// this.$message({
// message: '提交成功',
// type: 'success'
// });
// });
})
.catch(e => {
console.log(e);
});
// }
// });
},
imgOnChange(file, fileList) {
console.log(file,'eeeee')
this.dealForm.imgFile =file
this.imgSizeIsSatisfy.push(file.name);
this.$refs.dealForm.validateField('uploadImg');
const isLt2M = file.size / 1024 / 1024 < 5;
// if (!isLt2M) {
// this.imgSizeIsSatisfy.push(file.name);
// this.$refs.dealForm.validateField('uploadImg');
// }
},
imgBeforeRemove(file) {
if (!(this.imgSizeIsSatisfy.indexOf(file.name) === -1)) {
let temp = this.imgSizeIsSatisfy.indexOf(file.name);
this.imgSizeIsSatisfy.splice(temp, 1);
this.$refs.dealForm.validateField('uploadImg');
}
},
fileOnChange(file, fileList) {
const isLt2M = file.size / 1024 / 1024 < 10;
if (!isLt2M) {
this.fileSizeIsSatisfy.push(file.name);
this.$refs.dealForm.validateField('uploadFile');
}
},
fileBeforeRemove(file) {
if (!(this.fileSizeIsSatisfy.indexOf(file.name) === -1)) {
let temp = this.fileSizeIsSatisfy.indexOf(file.name);
this.fileSizeIsSatisfy.splice(temp, 1);
this.$refs.dealForm.validateField('uploadFile');
}
}
}
}
</script>
<style>
</style>
\ No newline at end of file
src/page/content/display/content/add.vue
View file @ 22ea7f56
...@@ -26,6 +26,8 @@ ...@@ -26,6 +26,8 @@
<el-select <el-select
placeholder="请选择展板版权方" placeholder="请选择展板版权方"
v-model="ruleForm.boardCopyrightOwnerId" v-model="ruleForm.boardCopyrightOwnerId"
clearable
@change="clearBoardCat"
> >
<el-option <el-option
v-for="item in boardCopyrightOwnerId" v-for="item in boardCopyrightOwnerId"
...@@ -39,6 +41,8 @@ ...@@ -39,6 +41,8 @@
<el-select <el-select
placeholder="请选择展板分类" placeholder="请选择展板分类"
v-model="ruleForm.exhibitionBoardCatId" v-model="ruleForm.exhibitionBoardCatId"
@focus="getExhibitionBoardCatId"
clearable
> >
<el-option <el-option
v-for="item in exhibitionBoardCatId" v-for="item in exhibitionBoardCatId"
...@@ -73,7 +77,8 @@ ...@@ -73,7 +77,8 @@
<el-select <el-select
placeholder="请选择视频版权方" placeholder="请选择视频版权方"
v-model="ruleForm.videoContentCopyrightOwnerId" v-model="ruleForm.videoContentCopyrightOwnerId"
@change="clearVideo" @change="clearVideoCat"
clearable
> >
<el-option <el-option
v-for="item in copyrightOwner" v-for="item in copyrightOwner"
...@@ -87,7 +92,9 @@ ...@@ -87,7 +92,9 @@
<el-select <el-select
placeholder="请选择视频分类" placeholder="请选择视频分类"
v-model="ruleForm.videoContentCatId" v-model="ruleForm.videoContentCatId"
@focus="getVideoContentCatData"
@change="clearVideo" @change="clearVideo"
clearable
> >
<el-option <el-option
v-for="item in videoContentCat" v-for="item in videoContentCat"
...@@ -102,6 +109,7 @@ ...@@ -102,6 +109,7 @@
@focus="getVideoData" @focus="getVideoData"
placeholder="请选择视频" placeholder="请选择视频"
v-model="ruleForm.videoContentId" v-model="ruleForm.videoContentId"
clearable
> >
<el-option <el-option
v-for="item in videoContentId" v-for="item in videoContentId"
...@@ -167,6 +175,7 @@ export default { ...@@ -167,6 +175,7 @@ export default {
formLabelWidth: "100px", formLabelWidth: "100px",
ruleForm: { ruleForm: {
name: "", name: "",
exhibitionBoardCatId:'',
boardCopyrightOwnerId:"", boardCopyrightOwnerId:"",
videoContentCopyrightOwnerId: "", videoContentCopyrightOwnerId: "",
videoContentCatId: "", videoContentCatId: "",
...@@ -209,15 +218,24 @@ export default { ...@@ -209,15 +218,24 @@ export default {
}, },
methods: { methods: {
init() { init() {
this.getVideoContentCatData(); // this.getVideoContentCatData();
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);
} }
}, },
// 更换展板版权方，展板分类清空
clearBoardCat(){
this.ruleForm.exhibitionBoardCatId = ''
},
// 更换视频版权方，视频分类清空
clearVideoCat(){
this.ruleForm.videoContentCatId = ''
this.ruleForm.videoContentId = ''
},
// 获取版权方详情 // 获取版权方详情
getInfo(id) { getInfo(id) {
let vm = this; let vm = this;
...@@ -352,28 +370,40 @@ export default { ...@@ -352,28 +370,40 @@ export default {
//获取展板分类 //获取展板分类
getExhibitionBoardCatId(){ getExhibitionBoardCatId(){
let vm = this; let vm = this;
if(this.ruleForm.boardCopyrightOwnerId){
vm.$https({ vm.$https({
url: "exhibitionBoardCat/getList", url: "exhibitionBoardCat/getList",
method: "get", method: "post",
authType: this.backToken authType: this.backToken
}).then(res => { },this.$qs.stringify({copyrightOwnerId:this.ruleForm.boardCopyrightOwnerId})).then(res => {
this.exhibitionBoardCatId = res.data.data; this.exhibitionBoardCatId = res.data.data
}).catch(function(err) { }).catch(function(err) {
console.log(err); console.log(err);
}); });
}else{
this.$message.warning("请先选择展板版权方！")
}
}, },
// 获取视频分类列表 // 获取视频分类列表
getVideoContentCatData() { getVideoContentCatData() {
let vm = this; let vm = this;
if(this.ruleForm.videoContentCopyrightOwnerId){
vm.$https({ vm.$https({
url: "videoContentCat/getList", url: "videoContentCat/getList",
method: "get", method: "get",
authType: this.backToken authType: this.backToken
}).then(res => { },{copyrightOwnerId:this.ruleForm.videoContentCopyrightOwnerId}).then(res => {
this.videoContentCat = res.data.data; this.videoContentCat = res.data.data;
}).catch(function(err) { }).catch(function(err) {
console.log(err); console.log(err);
}); });
}else{
this.$message.warning("请先选择视频版权方！")
}
}, },
// 视频版权方或视频分类发生变化时，重置视频的值 // 视频版权方或视频分类发生变化时，重置视频的值
clearVideo(){ clearVideo(){
...@@ -385,7 +415,7 @@ export default { ...@@ -385,7 +415,7 @@ export default {
videoContentCatId:this.ruleForm.videoContentCatId, videoContentCatId:this.ruleForm.videoContentCatId,
videoContentCopyrightOwnerId:this.ruleForm.videoContentCopyrightOwnerId videoContentCopyrightOwnerId:this.ruleForm.videoContentCopyrightOwnerId
} }
if((this.ruleForm.videoContentCatId.length>0)&&(this.ruleForm.videoContentCopyrightOwnerId.length>0)){ if((this.ruleForm.videoContentCatId)&&(this.ruleForm.videoContentCopyrightOwnerId)){
let vm = this; let vm = this;
vm.$https({ vm.$https({
url: "videoContent/getList", url: "videoContent/getList",
...@@ -398,6 +428,7 @@ export default { ...@@ -398,6 +428,7 @@ export default {
console.log(err); console.log(err);
}); });
}else{ }else{
this.$message.warning("请先选择视频版权方和视频分类！")
this.videoContentId = [] this.videoContentId = []
} }
......
src/page/content/display/content/details.vue
View file @ 22ea7f56
...@@ -62,7 +62,10 @@ ...@@ -62,7 +62,10 @@
<el-form-item label="展板图片" class="w50"> <el-form-item label="展板图片" class="w50">
<img class="imgSize" :src="contentData.cover" /> <img class="imgSize" :src="contentData.cover" />
</el-form-item> </el-form-item>
<el-form-item label="展板简介">{{ <el-form-item label="展板二维码" class="">
<img class="imgSize" :src="contentData.qrcodeUrl" />
</el-form-item>
<el-form-item label="展板简介" class="w100">{{
contentData.remarks contentData.remarks
}}</el-form-item> }}</el-form-item>
</el-form> </el-form>
......
src/page/content/display/content/index.vue
View file @ 22ea7f56
...@@ -3,7 +3,7 @@ ...@@ -3,7 +3,7 @@
<msg-dialog ref="msgDialog" :msgInfo="msgInfo" /> <msg-dialog ref="msgDialog" :msgInfo="msgInfo" />
<div class="search-container"> <div class="search-container">
<el-form :inline="true" :model="form" onsubmit="return false;"> <el-form :inline="true" :model="form" onsubmit="return false;">
<el-form-item label="展板名称"> <el-form-item >
<el-input <el-input
placeholder="请输入展板名称" placeholder="请输入展板名称"
v-model="form.nameOrCode" v-model="form.nameOrCode"
...@@ -11,7 +11,7 @@ ...@@ -11,7 +11,7 @@
clearable clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="版权方有效期"> <el-form-item >
<el-date-picker <el-date-picker
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
v-model="form.dateRange" v-model="form.dateRange"
...@@ -21,7 +21,7 @@ ...@@ -21,7 +21,7 @@
end-placeholder="结束日期" end-placeholder="结束日期"
></el-date-picker> ></el-date-picker>
</el-form-item> </el-form-item>
<el-form-item label="展板版权方"> <el-form-item >
<el-select v-model="form.boardCopyrightOwnerId" placeholder="请选择展板版权方"> <el-select v-model="form.boardCopyrightOwnerId" placeholder="请选择展板版权方">
<el-option <el-option
v-for="item in copyRightList" v-for="item in copyRightList"
...@@ -31,7 +31,7 @@ ...@@ -31,7 +31,7 @@
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="展板分类"> <el-form-item >
<el-select v-model="form.exhibitionBoardCatId" placeholder="请选择展板分类"> <el-select v-model="form.exhibitionBoardCatId" placeholder="请选择展板分类">
<el-option <el-option
v-for="item in classifyList" v-for="item in classifyList"
...@@ -179,7 +179,7 @@ export default { ...@@ -179,7 +179,7 @@ export default {
vm.$https( vm.$https(
{ {
url: "exhibitionBoardCat/getList", url: "exhibitionBoardCat/getList",
method: "get", method: "post",
authType: this.backToken, authType: this.backToken,
}) })
.then((res) => { .then((res) => {
......
src/page/content/display/copyright/add.vue 0 → 100644
View file @ 22ea7f56
<template>
<div class="info">
<div class="info-header">{{ type === 'Update'?'修改':'新建'}}展板版权方</div>
<div class="info-container">
<div class="info-wrapper">
<div class="pageTips">
<strong>页面说明：</strong>
可新建版权方信息。“*”为必填项。预设展板分类中没有合适的选项，可点击“新建视频分类”在弹框中新建分类
</div>
<el-form
:model="ruleForm"
:rules="rules"
ref="ruleForm"
label-width="140px"
class="party-form form-inline"
>
<el-form-item label="版权方名称" prop="name">
<el-input v-model="ruleForm.name"></el-input>
</el-form-item>
<el-form-item label="版权方有效期" prop="value1">
<el-date-picker
value-format="yyyy-MM-dd"
v-model="ruleForm.value1"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
</el-form-item>
<el-form-item class="addTip">
<span>若没有相应的视频分类，请点击</span>
<el-button type="text" @click="addBoardClass">新建展板分类</el-button>
</el-form-item>
<el-form-item class="selectH100" label="请选择视频分类" prop="boardCatIdList">
<el-select
placeholder="请选择预设视频分类"
@focus="getAssetTypeData"
multiple
v-model="ruleForm.boardCatIdList"
@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 label="备注">
<el-input type="textarea" v-model="ruleForm.remarks"></el-input>
</el-form-item>
</el-form>
<!--新增弹框-->
<el-dialog
custom-class="party-dialog"
title="新建视频分类"
width="468px"
:visible.sync="dialogVisible"
:before-close="close"
>
<div class="dialog-content">
<el-form
:model="classForm"
ref="classForm"
label-width="80px"
label-position="top"
:rules="rules"
id="ruleo"
class="party-form"
>
<el-form-item label="视频分类名称" prop="name">
<el-input v-model="classForm.name"></el-input>
</el-form-item>
<el-form-item label="备注">
<el-input type="textarea" v-model="classForm.remarks"></el-input>
</el-form-item>
</el-form>
</div>
<div slot="footer" class="dialog-footer btn-group">
<el-button size="mini" type="primary" @click="save('classForm')">确定</el-button>
<el-button size="mini" @click="close">取 消</el-button>
</div>
</el-dialog>
</div>
</div>
<div class="info-footer">
<div class="btn-group">
<div class="btn-group">
<el-button
type="primary"
v-show="type === 'add'"
class="btn_form_search"
@click="submitForm('ruleForm')"
>确定</el-button>
<el-button
type="primary"
v-show="type === 'Update'"
class="btn_form_search"
@click="updateForm('ruleForm')"
>确定</el-button>
<el-button @click="resetForm('ruleForm')">取消</el-button>
</div>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
type: this.$route.query.type,
dialogVisible: false,
classForm: {},
formLabelWidth: "100px",
form: {
name: ""
},
value1: [],
ruleForm: {
boardCatIdList: [],
name: "",
ownerType: "EXHIBITION_BOARD"
},
videoContentCat: [
{
value: "Beijing",
label: "北京"
},
{
value: "Shanghai",
label: "上海"
}
],
checkedThing: false,
selfstyle: {
textAlign: "right",
width: "100%",
paddingRight: "10px"
},
rules: {
name: [
{ required: true, message: "请输入版权方名称", trigger: "blur" }
// { min: 3, max: 5, message: "长度在 3 到 5 个字符", trigger: "blur" }
],
boardCatIdList:[
{required: true, message: "请选择视频分类", trigger: "change" }
],
value1:[
{ required: true, message: "请填写版权方有效期", trigger: "change" }
]
}
};
},
watch:{
// 'ruleForm.value1'(newVal ,oldVal){
// // console.log(newVal,oldVal)
// this.ruleForm.expireDateEnd = this.ruleForm.value1[1];
// this.ruleForm.expireDateStart = this.ruleForm.value1[0];
// }
},
mounted() {
this.init();
},
methods: {
init() {
if (this.$route.query.type === "Update") {
this.getInfo();
this.getAssetTypeData()
}
},
// 获取版权方详情
getInfo() {
let vm = this;
vm.$https({
url: "copyrightOwner/get/" + this.$route.query.id,
method: "get",
authType: this.backToken
})
.then(res => {
let data = res.data.data;
this.ruleForm = data;
this.ruleForm.value1 = [data.expireDateStart, data.expireDateEnd];
})
.catch(function(err) {
console.log(err);
});
},
// 新建视频分类
addBoardClass() {
this.dialogVisible = true;
},
// 新建视频分类弹窗保存
save(formName) {
this.$refs[formName].validate(valid => {
this.classForm.expireDateEnd = this.value1[1];
this.classForm.expireDateStart = this.value1[0];
if (valid) {
this.$https(
{
url: "exhibitionBoardCat/save",
method: "post",
authType: this.backToken
},
this.$qs.stringify(this.classForm)
// this.classForm
)
.then(res => {
console.log(res)
if(res.data.resultCode === "200"){
this.$message({ type: "success", message: "新增分类成功!" });
this.dialogVisible = false;
}else{
this.$message({ type: "error", message: res.data.message });
}
})
.catch(function(err) {
this.$message({
type: "fail",
message: "新增失败!" + err.response.data.msg
});
console.log(err);
});
} else {
console.log("error submit!!");
return false;
}
});
},
// 新增关闭
close() {
this.dialogVisible = false;
for (let key in this.classForm) {
this.classForm[key] = null;
}
this.$refs["classForm"].resetFields();
},
// 新增
submitForm(formName) {
this.$refs[formName].validate(valid => {
this.ruleForm.expireDateEnd = this.ruleForm.value1[1];
this.ruleForm.expireDateStart = this.ruleForm.value1[0];
if (valid) {
this.$https(
{
url: "copyrightOwner/save",
method: "post",
authType: this.backToken
},
// this.ruleForm
this.$qs.stringify(this.ruleForm)
)
.then(res => {
if(res.data.resultCode === "200"){
this.$message({ type: "success", message: "新增展板版权方成功！" });
history.go(-1);
}else{
this.$message({ type: "error", message: res.data.message });
}
})
.catch(function(err) {
console.log(err);
});
} else {
console.log("error submit!!");
return false;
}
});
},
// 修改版权方
updateForm(formName) {
this.$refs[formName].validate(valid => {
this.ruleForm.id = this.$route.query.id;
this.ruleForm.expireDateEnd = this.ruleForm.value1[1];
this.ruleForm.expireDateStart = this.ruleForm.value1[0];
if (valid) {
this.$https(
{
url: "copyrightOwner/update",
method: "put",
authType: this.backToken
},
this.$qs.stringify(this.ruleForm)
// this.ruleForm
)
.then(res => {
if(res.data.resultCode === "200"){
this.$message({ type: "success", message: "修改展板版权方成功！" });
history.go(-1);
}else{
this.$message({ type: "error", message: res.data.message });
}
})
.catch(function(err) {
console.log(err);
});
} else {
console.log("error submit!!");
return false;
}
});
},
resetForm(formName) {
this.$refs[formName].resetFields();
history.go(-1);
},
// 获取视频分类列表
getAssetTypeData() {
let vm = this;
vm.$https({
url: "exhibitionBoardCat/getList",
method: "post",
authType: this.backToken
})
.then(res => {
let data = res.data.data;
this.videoContentCat = data;
// this.value1[0]=data.expireDateEnd
//this.value1[1]=data.expireDateStart
})
.catch(function(err) {
console.log(err);
});
},
getSelectDep(boardCatIdList) {
if (boardCatIdList.length === this.videoContentCat.length) {
this.checkedThing = true;
} else {
this.checkedThing = false;
}
},
selectAllThing() {
// debugger
this.ruleForm.boardCatIdList = [];
if (this.checkedThing) {
this.videoContentCat.map(item => {
this.ruleForm.boardCatIdList.push(item.id);
});
} else {
this.ruleForm.boardCatIdList = [];
}
}
}
};
</script>
<style lang="less">
@import "../../../../style/dialog";
</style>
\ No newline at end of file
src/page/content/display/copyright/index---.vue deleted 100644 → 0
View file @ 82dd868f
<template>
<div class="listPage H100">
<div class="search-container">
<el-form :inline="true" :model="form" class="search-form" onsubmit="return false;">
<el-form-item label="版权方名称">
<el-input
size="mini"
placeholder="请输入版权方名称"
v-model="form.name"
@keyup.enter.native="Search"
clearable
></el-input>
</el-form-item>
<el-form-item label="版权方有效期">
<el-date-picker
v-model="value1"
type="daterange"
range-separator="至"
start-placeholder="开始日期"
end-placeholder="结束日期"
></el-date-picker>
</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">重置</el-button>
</div>
</el-form-item>
</el-form>
<div class="page-tip">
<span class="page-tip-title">页面说明:</span>
<span class="page-tips">展示所有单位的互动频次统计图及统计表格</span>
</div>
</div>
<div class="table-content">
<div class="btn-group">
<el-button type="primary" @click="addPermis()">新建版权方</el-button>
</div>
<div class="party-table">
<el-table
border
style="width: 100%;height:100%" height="100%"
ref="multipleTable"
:data="tableData"
@selection-change="handleSelectionChange"
>
<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="exhibitionBoardCatNames"></el-table-column>
<el-table-column label="创建时间" prop="createTime"></el-table-column>
<el-table-column label="版权方有效期" prop="expireDateEnd"></el-table-column>
<el-table-column show-overflow-tooltip label="备注" prop="remarks"></el-table-column>
<el-table-column label="操作" header-align="center" align="center">
<template slot-scope="scope" width="220">
<el-button-group>
<el-button
title="编辑"
size="mini"
type="text"
@click="openEdit(scope.row)"
>编辑&nbsp;&nbsp;</el-button>
<el-button title="删除" type="text" size="mini" @click="handleDelete(scope.row)">删除</el-button>
</el-button-group>
</template>
</el-table-column>
</el-table>
</div>
<div class="partyt-pagination">
<el-pagination
small
background
@current-change="handleCurrentChange"
:current-page="page.currentPage"
:page-size="page.pageSize"
layout="prev, pager, next, jumper"
:total="page.total"
></el-pagination>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
var checkIsNull = (rule, value, callback) => {
if (value) {
if (value.trim() == "") {
callback(new Error("不允许只输入空格"));
} else {
callback();
}
}
};
return {
value1: "",
page: { currentPage: 1, pageSize: 10, total: 0 },
tableData: [],
FormVisible: false,
FormVisible1: false,
formLabelWidth: "100px",
form: {
name: "",
ownerType:'EXHIBITION_BOARD'
},
editform: {
menuName: "",
menuUrl: "",
parentId: "",
sort: "",
id: ""
},
permisform: {
menuName: "",
menuUrl: "",
parentId: "",
sort: ""
},
typeList: [],
rules: {
sort: [
{ required: true, message: "请输入顺序值", trigger: "change" },
{ pattern: /^(\d{1,5})?$/, message: "排序值为低于5位数的纯数字" }
],
menuName: [
{ required: true, message: "请输入菜单名称", trigger: "change" },
{ max: 20, message: "不能超过20个字符", trigger: "change" },
{ validator: checkIsNull, trigger: "blur" }
],
menuUrl: [
{ required: true, message: "请输入菜单地址", trigger: "change" },
{ validator: checkIsNull, trigger: "blur" }
],
parentId: [
{ required: true, message: "请输入父级菜单", trigger: "change" }
]
},
value: "",
name: ""
};
},
computed: {},
mounted() {
this.onSearch();
// this.getPermis();
},
components: {},
methods: {
// 渲染父级权限
getPermis() {
let vm = this;
vm.$https({
method: "get",
url: "menu/getRoleMenu?roleId=" + sessionStorage.getItem("roleId"),
authType: this.backToken
}).then(
res => {
let data = res.data;
vm.typeList = data.map((e, i) => {
return {
id: e.id,
name:
e.menuName.indexOf("-") == -1
? e.menuName
: e.menuName.split("-")[1]
};
});
},
error => {
console.log(error);
}
);
},
// 获得数据接口
getTableData(param) {
let vm = this;
vm.$https(
{
url: "copyrightOwner/getPageList",
method: "post",
authType: this.backToken
},
vm.$qs.stringify(param)
// param
)
.then(res => {
let data = res.data.data;
vm.page.pageSize = data.size;
vm.page.total = data.total;
vm.tableData = data.records;
})
.catch(function(err) {
console.log(err);
});
},
// 分页
handleCurrentChange(val) {
let _this = this;
_this.page.currentPage = val;
_this.onSearch();
},
onSearch() {
let _this = this;
let param = _this.getSearchQuery();
_this.getTableData(param);
},
Search() {
let _this = this;
_this.page.currentPage = 1;
let searchObj = {
_index: 1,
_size: _this.page.pageSize,
name: _this.form.name
};
this.getTableData(searchObj);
},
// // 获取当前查询参数
getSearchQuery() {
let _this = this;
let searchObj = {
_index: _this.page.currentPage,
_size: _this.page.pageSize
};
for (let key in _this.form) {
if (_this.form[key]) {
searchObj[key] = _this.form[key];
}
}
return searchObj;
},
// 添加
addPermis() {
this.$router.push({ path: "videoCopyrightAdd", query: { type: "add" } });
// $('.el-dialog__title').html('新建');
// this.FormVisible1 = true;
},
// 添加权限
permisSave() {
let _this = this;
_this.$refs.permisform.validate(valid => {
if (valid) {
_this
.$https(
{ url: "menu/add", method: "post", authType: this.backToken },
_this.$qs.stringify(_this.permisform)
)
.then(
res => {
if (res.data.status == 200 || res.data.status == 201) {
_this.$message({
type: "success",
message: res.data.message
});
//跳回用户列表
_this.onSearch();
_this.FormVisible1 = false;
for (let key in _this.permisform) {
_this.permisform[key] = null;
}
_this.$refs["permisform"].resetFields();
} else {
_this.$message({
type: "error",
message: res.data.message
});
}
},
error => {
_this.$message({
type: "error",
message: error
});
}
);
}
});
},
// 编辑关闭
close() {
this.FormVisible = false;
this.$refs["editform"].resetFields();
},
// 新增关闭
close1() {
this.FormVisible1 = false;
for (let key in this.permisform) {
this.permisform[key] = null;
}
this.$refs["permisform"].resetFields();
},
// 编辑弹框
openEdit(row) {
this.$router.push({
path: "videoCopyrightUpdate",
query: { type: "Update" ,id :row.id}
});
// alert('编辑')
// $('.el-dialog__title').html('编辑');
// let _this=this;
// //成功之后清除数据
// for (let key in this.editform) {
// _this.editform[key]=null;
// }
// _this.editform= Object.assign({}, row);
// _this.FormVisible = true;
},
// 删除
handleDelete(row) {
let _this = this;
this.$confirm("此操作将永久删除, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(() => {
_this.$https({
method: 'delete',
url: 'copyrightOwner/delete/'+ row.id,
authType: this.backToken
}).then((res) => {
this.$message({type: 'success', message: '删除成功!'});
_this.Search();
}, (error) => {
this.$message({type: 'fail', message: "删除失败!" + error.response.data});
}
)
})
.catch(() => {});
},
// 保存编辑信息
submitForm() {
let _this = this;
_this.$refs.editform.validate(valid => {
if (valid) {
let searchObj = {};
for (let key in _this.editform) {
if (this.editform[key]) {
searchObj[key] = _this.editform[key];
}
}
let str = _this.editform.menuName;
let index = str.lastIndexOf("-");
str = str.substring(index + 1, str.length);
searchObj.menuName = str;
_this
.$https(
{
url: "menu/edit",
method: "put",
authType: this.backToken
},
_this.$qs.stringify(searchObj)
)
.then(
res => {
if (res.data.status == 200 || res.data.status == 201) {
_this.$message({
type: "success",
message: res.data.message
});
_this.onSearch();
_this.FormVisible = false;
_this.$refs["editform"].resetFields();
} else {
_this.$message({
type: "error",
message: res.data.message
});
}
},
error => {
_this.$message({
type: "error",
message: error
});
}
);
}
});
},
// 批量操作
handleSelectionChange(selection) {
let _this = this;
_this.selection = selection;
}
}
};
</script>
<style lang="less">
// @import "../../../../style/common";
// @import "../../style/list";
@import '../../../../style/table.less';
@import '../../../../style/pagination.less';
</style>
src/page/content/display/copyright/index.vue
View file @ 22ea7f56
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
ref="form" ref="form"
onsubmit="return false;" onsubmit="return false;"
> >
<el-form-item label="版权方名称"> <el-form-item >
<el-input <el-input
placeholder="请输入版权方名称" placeholder="请输入版权方名称"
v-model="form.nameOrCode" v-model="form.nameOrCode"
...@@ -15,7 +15,7 @@ ...@@ -15,7 +15,7 @@
clearable clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="版权方有效期"> <el-form-item >
<el-date-picker <el-date-picker
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
v-model="form.dateRange" v-model="form.dateRange"
...@@ -67,7 +67,7 @@ ...@@ -67,7 +67,7 @@
<el-table-column label="版权方名称" prop="name"></el-table-column> <el-table-column label="版权方名称" prop="name"></el-table-column>
<el-table-column <el-table-column
label="展板分类" label="展板分类"
prop="videoContentCatNames" prop="boardCatNames"
></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 <el-table-column
...@@ -228,12 +228,13 @@ export default { ...@@ -228,12 +228,13 @@ export default {
}, },
// 添加 // 添加
addPermis() { addPermis() {
this.FormVisible = true; this.$router.push({ path: "displayCopyrightAdd", query: { type: "add" } });
this.type = true; // this.FormVisible = true;
this.classForm = { // this.type = true;
ownerType: "EXHIBITION_BOARD", // this.classForm = {
valueDate: [], // ownerType: "EXHIBITION_BOARD",
} // valueDate: [],
// }
}, },
// 新建视频分类确认保存 // 新建视频分类确认保存
permisSave() { permisSave() {
...@@ -328,11 +329,15 @@ export default { ...@@ -328,11 +329,15 @@ export default {
}, },
// 编辑弹框 // 编辑弹框
openEdit(row) { openEdit(row) {
this.type = false; this.$router.push({
this.FormVisible = true; path: "displayCopyrightUpdate",
this.classForm = JSON.parse(JSON.stringify(row)); query: { type: "Update", id: row.id }
this.classForm.valueDate =[row.expireDateStart,row.expireDateEnd] });
this.classForm = {...this.classForm} // this.type = false;
// this.FormVisible = true;
// this.classForm = JSON.parse(JSON.stringify(row));
// this.classForm.valueDate =[row.expireDateStart,row.expireDateEnd]
// this.classForm = {...this.classForm}
}, },
// 删除 // 删除
handleDelete(row) { handleDelete(row) {
......
src/page/content/learn/content/add.vue
View file @ 22ea7f56
...@@ -37,38 +37,40 @@ ...@@ -37,38 +37,40 @@
<el-form-item label="学习内容宣传图" prop="cover" class="w100"> <el-form-item label="学习内容宣传图" prop="cover" class="w100">
<upload-img ref="uploadImg" @imgUrl="imgUrl"></upload-img> <upload-img ref="uploadImg" @imgUrl="imgUrl"></upload-img>
</el-form-item> </el-form-item>
<el-form-item class="w50" label="展板类别" prop="exhibitionBoardCatIdList"> <el-form-item label="展板版权方" class="w50" prop="copyrightOwnerIdList">
<el-select <el-select
placeholder="请选择展板类别" placeholder="请选择版权方"
multiple multiple
v-model="ruleForm.exhibitionBoardCatIdList" v-model="ruleForm.copyrightOwnerIdList"
@change="getSelectDep" @change="getSelectDep2"
> >
<el-checkbox :style="selfstyle" v-model="checkedThing" @change="selectAllThing">全选</el-checkbox> <el-checkbox :style="selfstyle" v-model="checkedThing2" @change="selectAllThing2">全选</el-checkbox>
<el-option <el-option
v-for="item in videoContentCat" v-for="item in assetType2"
:label="item.name" :label="item.name"
:value="item.id" :value="item.id"
:key="item.id" :key="item.id"
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="版权方" prop="copyrightOwnerIdList"> <el-form-item label="展板类别" prop="exhibitionBoardCatIdList">
<el-select <el-select
placeholder="请选择版权方" placeholder="请选择展板类别"
multiple multiple
v-model="ruleForm.copyrightOwnerIdList" v-model="ruleForm.exhibitionBoardCatIdList"
@change="getSelectDep2" @focus="getAssetTypeData"
@change="getSelectDep"
> >
<el-checkbox :style="selfstyle" v-model="checkedThing2" @change="selectAllThing2">全选</el-checkbox> <el-checkbox :style="selfstyle" v-model="checkedThing" @change="selectAllThing">全选</el-checkbox>
<el-option <el-option
v-for="item in assetType2" v-for="item in videoContentCat"
:label="item.name" :label="item.name"
:value="item.id" :value="item.id"
:key="item.id" :key="item.id"
></el-option> ></el-option>
</el-select> </el-select>
</el-form-item> </el-form-item>
<el-form-item label="展板备选清单" class="w100" prop="exhibitionBoardIdList"> <el-form-item label="展板备选清单" class="w100" prop="exhibitionBoardIdList">
<div class="party-table"> <div class="party-table">
<el-table <el-table
...@@ -80,7 +82,8 @@ ...@@ -80,7 +82,8 @@
:data="tableData" :data="tableData"
> >
<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>
...@@ -284,7 +287,7 @@ export default { ...@@ -284,7 +287,7 @@ export default {
}, },
init() { init() {
this.getLearnProject(); this.getLearnProject();
this.getAssetTypeData(); // this.getAssetTypeData();
this.getAssetTypeData2(); this.getAssetTypeData2();
if (this.$route.query.type === "Update") { if (this.$route.query.type === "Update") {
this.getInfo(this.$route.query.id); this.getInfo(this.$route.query.id);
...@@ -347,9 +350,9 @@ export default { ...@@ -347,9 +350,9 @@ export default {
let vm = this; let vm = this;
vm.$https({ vm.$https({
url: "exhibitionBoardCat/getList", url: "exhibitionBoardCat/getList",
method: "get", method: "post",
authType: this.backToken authType: this.backToken
}) },{copyrightOwnerId:this.ruleForm.exhibitionBoardCatIdList.toString})
.then(res => { .then(res => {
let data = res.data.data; let data = res.data.data;
vm.videoContentCat = data; vm.videoContentCat = data;
...@@ -499,8 +502,8 @@ export default { ...@@ -499,8 +502,8 @@ export default {
// 筛选展板备选清单选项条件 // 筛选展板备选清单选项条件
getTableParam(){ getTableParam(){
const param = { const param = {
boardCopyrightOwnerIdList: this.ruleForm.copyrightOwnerIdList, boardCopyrightOwnerIdList: this.ruleForm.copyrightOwnerIdList.toString(),
exhibitionBoardCatIdList: this.ruleForm.exhibitionBoardCatIdList exhibitionBoardCatIdList: this.ruleForm.exhibitionBoardCatIdList.toString()
}; };
if((param.boardCopyrightOwnerIdList.length>0)&&(param.exhibitionBoardCatIdList.length>0)){ if((param.boardCopyrightOwnerIdList.length>0)&&(param.exhibitionBoardCatIdList.length>0)){
this.getTableData(param); this.getTableData(param);
......
src/page/content/learn/content/details.vue
View file @ 22ea7f56
...@@ -57,7 +57,11 @@ ...@@ -57,7 +57,11 @@
ref="multipleTable" ref="multipleTable"
:data="tableData" :data="tableData"
> >
<el-table-column type="index" width="120" label="序号"></el-table-column> <el-table-column type="index" width="120" label="序号">
<template slot-scope="scope">
<span>{{ (page.currentPage - 1) * 10 + scope.$index + 1 }}</span>
</template>
</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 label="操作"> <el-table-column label="操作">
<template slot-scope="scope"> <template slot-scope="scope">
......
src/page/content/learn/content/index.vue
View file @ 22ea7f56
...@@ -48,11 +48,11 @@ ...@@ -48,11 +48,11 @@
ref="multipleTable" ref="multipleTable"
:data="tableData" :data="tableData"
> >
<el-table-column <el-table-column type="index" width="120" label="序号">
type="index" <template slot-scope="scope">
width="120" <span>{{ (page.currentPage - 1) * 10 + scope.$index + 1 }}</span>
label="序号" </template>
></el-table-column> </el-table-column>
<el-table-column <el-table-column
show-overflow-tooltip show-overflow-tooltip
label="学习内容名称" label="学习内容名称"
......
src/page/content/learn/project/index.vue
View file @ 22ea7f56
...@@ -48,11 +48,11 @@ ...@@ -48,11 +48,11 @@
ref="multipleTable" ref="multipleTable"
:data="tableData" :data="tableData"
> >
<el-table-column <el-table-column type="index" width="120" label="序号">
type="index" <template slot-scope="scope">
width="120" <span>{{ (page.currentPage - 1) * 10 + scope.$index + 1 }}</span>
label="序号" </template>
></el-table-column> </el-table-column>
<el-table-column label="学习项目名称" prop="name"></el-table-column> <el-table-column label="学习项目名称" prop="name"></el-table-column>
<el-table-column label="创建时间" prop="createTime"></el-table-column> <el-table-column label="创建时间" prop="createTime"></el-table-column>
<el-table-column <el-table-column
......
src/page/content/video/classify/index.vue
View file @ 22ea7f56
<template> <template>
<div class="listPage H100"> <div class="listPage H100">
<div class="search-container"> <div class="search-container">
<el-form :inline="true" :model="form" ref="form" class="search-form" onsubmit="return false;"> <el-form :inline="true" :model="form" ref="form" onsubmit="return false;">
<el-form-item label="版权方名称"> <el-form-item>
<el-input <el-input
size="mini" placeholder="请输入视频分类名称"
placeholder="请输入版权方名称" v-model="form.nameOrCode"
v-model="form.name"
@keyup.enter.native="Search" @keyup.enter.native="Search"
clearable clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="版权方有效期"> <el-form-item>
<el-date-picker <el-date-picker
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
v-model="value1" v-model="value1"
...@@ -46,7 +45,11 @@ ...@@ -46,7 +45,11 @@
:data="tableData" :data="tableData"
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
> >
<el-table-column type="index" width="120" label="序号"></el-table-column> <el-table-column type="index" width="120" label="序号">
<template slot-scope="scope">
<span>{{ (page.currentPage - 1) * 10 + scope.$index + 1 }}</span>
</template>
</el-table-column>
<el-table-column label="视频分类" prop="name"></el-table-column> <el-table-column label="视频分类" prop="name"></el-table-column>
<el-table-column label="版权方" prop="copyrightOwnerName"></el-table-column> <el-table-column label="版权方" prop="copyrightOwnerName"></el-table-column>
<el-table-column label="创建时间" prop="createTime"></el-table-column> <el-table-column label="创建时间" prop="createTime"></el-table-column>
...@@ -291,7 +294,7 @@ export default { ...@@ -291,7 +294,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]:"",
}; };
......
src/page/content/video/content/index.vue
View file @ 22ea7f56
...@@ -65,7 +65,11 @@ ...@@ -65,7 +65,11 @@
:data="tableData" :data="tableData"
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
> >
<el-table-column type="index" width="120" label="序号"></el-table-column> <el-table-column type="index" width="120" label="序号">
<template slot-scope="scope">
<span>{{ (page.currentPage - 1) * 10 + scope.$index + 1 }}</span>
</template>
</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="videoContentCopyrightOwnerName"></el-table-column> <el-table-column show-overflow-tooltip label="版权方" prop="videoContentCopyrightOwnerName"></el-table-column>
<el-table-column label="视频分类" prop="videoContentCatName"></el-table-column> <el-table-column label="视频分类" prop="videoContentCatName"></el-table-column>
......
src/page/content/video/copyright/add.vue
View file @ 22ea7f56
<template> <template>
<div class="info"> <div class="info">
<div class="info-header">新建版权方</div> <div class="info-header">{{ type === 'Update'?'修改':'新建'}}视频版权方</div>
<div class="info-container"> <div class="info-container">
<div class="info-wrapper"> <div class="info-wrapper">
<div class="pageTips"> <div class="pageTips">
......
src/page/content/video/copyright/index.vue
View file @ 22ea7f56
<template> <template>
<div class="listPage H100"> <div class="listPage H100">
<div class="search-container"> <div class="search-container">
<el-form :inline="true" :model="form" class="search-form" onsubmit="return false;"> <el-form :inline="true" :model="form" onsubmit="return false;">
<el-form-item label="版权方名称"> <el-form-item >
<el-input <el-input
size="mini"
placeholder="请输入版权方名称" placeholder="请输入版权方名称"
v-model="form.nameOrCode" v-model="form.nameOrCode"
@keyup.enter.native="Search" @keyup.enter.native="Search"
clearable clearable
></el-input> ></el-input>
</el-form-item> </el-form-item>
<el-form-item label="版权方有效期"> <el-form-item >
<el-date-picker <el-date-picker
value-format="yyyy-MM-dd" value-format="yyyy-MM-dd"
v-model="value1" v-model="value1"
...@@ -46,7 +45,11 @@ ...@@ -46,7 +45,11 @@
:data="tableData" :data="tableData"
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
> >
<el-table-column type="index" width="120" label="序号"></el-table-column> <el-table-column type="index" width="120" label="序号">
<template slot-scope="scope">
<span>{{ (page.currentPage - 1) * 10 + scope.$index + 1 }}</span>
</template>
</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="videoContentCatNames"></el-table-column> <el-table-column show-overflow-tooltip label="视频分类" prop="videoContentCatNames"></el-table-column>
<el-table-column label="创建时间" prop="createTime"></el-table-column> <el-table-column label="创建时间" prop="createTime"></el-table-column>
......
src/page/content/video/remit/index.vue
View file @ 22ea7f56
...@@ -66,9 +66,13 @@ ...@@ -66,9 +66,13 @@
@selection-change="handleSelectionChange" @selection-change="handleSelectionChange"
> >
<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 label="视频名称" prop="videoContentCopyrightOwnerName"></el-table-column> <template slot-scope="scope">
<el-table-column label="版权方" prop="exhibitionBoardName"></el-table-column> <span>{{ (page.currentPage - 1) * 10 + scope.$index + 1 }}</span>
</template>
</el-table-column>
<el-table-column label="视频名称" prop="fileName"></el-table-column>
<el-table-column label="版权方" prop="videoContentCopyrightOwnerName"></el-table-column>
<el-table-column label="视频类别" prop="videoContentCatName"></el-table-column> <el-table-column label="视频类别" prop="videoContentCatName"></el-table-column>
</el-table> </el-table>
</div> </div>
......
src/router/index.js
View file @ 22ea7f56
...@@ -308,6 +308,24 @@ const router = new Router({ ...@@ -308,6 +308,24 @@ const router = new Router({
title: '展板版权方管理', title: '展板版权方管理',
} }
}, },
{
path: '/displayCopyrightAdd',
name: '新建展板版权方',
component: () => import('@/page/content/display/copyright/Add'),
meta: {
showBreadcrumb: true,
title: '新建展板版权方',
}
},
{
path: '/displayCopyrightUpdate',
name: '修改展板版权方',
component: () => import('@/page/content/display/copyright/Add'),
meta: {
showBreadcrumb: true,
title: '修改展板版权方',
}
},
{ {
path: '/displayClassify', path: '/displayClassify',
name: '展板分类管理', name: '展板分类管理',
......
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