Skip to content

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

展板内容，学习项目，学习内容

parent 39169553
Expand all Hide whitespace changes
Inline Side-by-side
Showing with 3259 additions and 1527 deletions
src/config/menu.js
View file @ f8825706
...@@ -20,12 +20,14 @@ export const menuList = [ ...@@ -20,12 +20,14 @@ export const menuList = [
] ]
}, },
{ {
subtitle:'学习内容及互动管理', subtitle:'学习管理',
subMenu:[ subMenu:[
{label:'学习项目管理', imgUrl:'',url:'/learnProject'},
{label:'学习内容管理', imgUrl:'',url:'/learnContent'}, {label:'学习内容管理', imgUrl:'',url:'/learnContent'},
{label:'互动管理', imgUrl:'',url:'/interactive'} {label:'互动管理', imgUrl:'',url:'/interactive'}
] ]
}, },
] ]
}, },
{ {
...@@ -45,6 +47,12 @@ export const menuList = [ ...@@ -45,6 +47,12 @@ export const menuList = [
{label:'统计账号管理', imgUrl:''} {label:'统计账号管理', imgUrl:''}
] ]
}, },
{
subtitle:'互动管理',
subMenu:[
{label:'互动管理', imgUrl:'',url:'/interactive'}
]
},
] ]
}, },
{ {
......
src/page/check/display/index.vue
View file @ f8825706
...@@ -341,7 +341,7 @@ export default { ...@@ -341,7 +341,7 @@ export default {
) )
.then( .then(
res => { res => {
if (res.data.code == 200 || res.data.code == 201) { if (res.data.resultCode == 200 || res.data.resultCode == 201) {
_this.$message({ _this.$message({
type: "success", type: "success",
message: '新建成功！' message: '新建成功！'
...@@ -383,7 +383,7 @@ export default { ...@@ -383,7 +383,7 @@ export default {
) )
.then( .then(
res => { res => {
if (res.data.code == 200 || res.data.code == 201) { if (res.data.resultCode == 200 || res.data.resultCode == 201) {
_this.$message({ _this.$message({
type: "success", type: "success",
message: '新建成功！' message: '新建成功！'
......
src/page/check/learn/index.vue
View file @ f8825706
...@@ -334,7 +334,7 @@ export default { ...@@ -334,7 +334,7 @@ export default {
) )
.then( .then(
res => { res => {
if (res.data.code == 200 || res.data.code == 201) { if (res.data.resultCode == 200 || res.data.resultCode == 201) {
_this.$message({ _this.$message({
type: "success", type: "success",
message: '新建成功！' message: '新建成功！'
...@@ -376,7 +376,7 @@ export default { ...@@ -376,7 +376,7 @@ export default {
) )
.then( .then(
res => { res => {
if (res.data.code == 200 || res.data.code == 201) { if (res.data.resultCode == 200 || res.data.resultCode == 201) {
_this.$message({ _this.$message({
type: "success", type: "success",
message: '新建成功！' message: '新建成功！'
......
src/page/check/video/index.vue
View file @ f8825706
...@@ -334,7 +334,7 @@ export default { ...@@ -334,7 +334,7 @@ export default {
) )
.then( .then(
res => { res => {
if (res.data.code == 200 || res.data.code == 201) { if (res.data.resultCode == 200 || res.data.resultCode == 201) {
_this.$message({ _this.$message({
type: "success", type: "success",
message: '新建成功！' message: '新建成功！'
...@@ -376,7 +376,7 @@ export default { ...@@ -376,7 +376,7 @@ export default {
) )
.then( .then(
res => { res => {
if (res.data.code == 200 || res.data.code == 201) { if (res.data.resultCode == 200 || res.data.resultCode == 201) {
_this.$message({ _this.$message({
type: "success", type: "success",
message: '新建成功！' message: '新建成功！'
......
src/page/content/components/dialog/addCopyright.vue 0 → 100644
View file @ f8825706
<template>
<!--新增弹框-->
<el-dialog
custom-class="party-dialog"
title="新建视频分类"
width="468px"
:visible.sync="dialogVisible"
:before-close="close"
>
<div class="dialog-content">
<el-form
:model="ruleForm"
:rules="rules"
ref="ruleForm"
label-width="140px"
class="party-form form-inline"
>
<el-form-item
label="页面说明："
class="addTipMsg"
>可新建版权方信息。“*”为必填项。预设视频分类中没有合适的选项，可点击“新建视频分类”在弹框中新建分类</el-form-item>
<el-form-item label="版权方名称" prop="name">
<el-input v-model="ruleForm.name"></el-input>
</el-form-item>
<el-form-item label="版权方有效期" required>
<el-date-picker
value-format="yyyy-MM-dd"
v-model="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="addVideoClass">新建视频分类</el-button>
</el-form-item>
<el-form-item class="selectH100" label="请选择预设视频分类">
<el-select
placeholder="请选择预设视频分类"
@focus="getAssetTypeData"
multiple
v-model="ruleForm.assetTypeIdList"
@change="getSelectDep"
>
<el-checkbox :style="selfstyle" v-model="checkedThing" @change="selectAllThing">全选</el-checkbox>
<el-option v-for="item in assetType" :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>
</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>
</template>
<script>
export default {
data() {
return {
ruleForm: {
assetTypeIdList: [],
name: "",
ownerType: "ASSET"
},
ruleForm: {
assetTypeIdList: [],
name: "",
ownerType: "ASSET"
},
assetType: [
{
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" }
],
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: {
// 弹窗保存
save(formName) {
this.$refs[formName].validate(valid => {
this.ruleForm.expireDateEnd = this.value1[1];
this.ruleForm.expireDateStart = this.value1[0];
if (valid) {
this.$https(
{
url: "assetType/save",
method: "post",
authType: this.backToken
},
this.classForm
)
.then(res => {
this.$message({ type: "success", message: "新增分类成功!" });
this.dialogVisible = false;
})
.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();
},
// 获取视频分类列表
getAssetTypeData() {
let vm = this;
vm.$https({
url: "assetType/getList",
method: "get",
authType: this.backToken
})
.then(res => {
let data = res.data.data;
this.assetType = data;
// this.value1[0]=data.expireDateEnd
//this.value1[1]=data.expireDateStart
})
.catch(function(err) {
console.log(err);
});
},
getSelectDep(assetTypeIdList) {
if (assetTypeIdList.length === this.assetType.length) {
this.checkedThing = true;
} else {
this.checkedThing = false;
}
},
selectAllThing() {
// debugger
this.ruleForm.assetTypeIdList = [];
if (this.checkedThing) {
this.assetType.map(item => {
this.ruleForm.assetTypeIdList.push(item.id);
});
} else {
this.ruleForm.assetTypeIdList = [];
}
}
}
};
</script>
<style>
</style>
\ No newline at end of file
src/page/content/components/mulClassify/mulDisplay.vue 0 → 100644
View file @ f8825706
<template>
<el-select
placeholder="请选择视频版权方"
@focus="getAssetTypeData"
multiple
v-model="assetTypeIdList"
@change="getSelectDep"
>
<el-checkbox :style="selfstyle" v-model="checkedThing" @change="selectAllThing">全选</el-checkbox>
<el-option v-for="item in assetType" :label="item.name" :value="item.id" :key="item.id"></el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
assetType: [],
assetTypeIdList: [],
checkedThing: false,
selfstyle: {
textAlign: "right",
width: "100%",
paddingRight: "10px"
}
};
},
watch: {
assetTypeIdList(val, newval) {
console.log(val)
this.$emit('videoCopyright', val)
}
},
methods: {
// this.$refs.mulDisplay.assetType // 使用时父组件直接获取此值即可
// 获取视频版权方
getAssetTypeData() {
let vm = this;
vm.$https({
url: "copyrightOwner/getList",
method: "get",
authType: this.backToken
},
// _this.$qs.stringify(_this.permisform)
{copyrightOwnerType:'ASSET'}
)
.then(res => {
let data = res.data.data;
this.assetType = data;
// this.value1[0]=data.expireDateEnd
//this.value1[1]=data.expireDateStart
})
.catch(function(err) {
console.log(err);
});
},
getSelectDep(assetTypeIdList) {
if (assetTypeIdList.length === this.assetType.length) {
this.checkedThing = true;
} else {
this.checkedThing = false;
}
},
selectAllThing() {
// debugger
this.assetTypeIdList = [];
if (this.checkedThing) {
this.assetType.map(item => {
this.assetTypeIdList.push(item.id);
});
} else {
this.assetTypeIdList = [];
}
}
}
};
</script>
<style>
</style>
\ No newline at end of file
src/page/content/components/mulClassify/mulVideo.vue 0 → 100644
View file @ f8825706
<template>
<el-select
placeholder="请选择预设视频分类"
@focus="getAssetTypeData"
multiple
v-model="assetTypeIdList"
@change="getSelectDep"
>
<el-checkbox :style="selfstyle" v-model="checkedThing" @change="selectAllThing">全选</el-checkbox>
<el-option v-for="item in assetType" :label="item.name" :value="item.id" :key="item.id"></el-option>
</el-select>
</template>
<script>
export default {
data() {
return {
assetType: [],
assetTypeIdList: [],
checkedThing: false,
selfstyle: {
textAlign: "right",
width: "100%",
paddingRight: "10px"
}
};
},
methods: {
// this.$refs.mulDisplay.assetType // 使用时父组件直接获取此值即可
// 获取视频分类列表
getAssetTypeData() {
let vm = this;
vm.$https({
url: "assetType/getList",
method: "get",
authType: this.backToken
})
.then(res => {
let data = res.data.data;
this.assetType = data;
// this.value1[0]=data.expireDateEnd
//this.value1[1]=data.expireDateStart
})
.catch(function(err) {
console.log(err);
});
},
getSelectDep(assetTypeIdList) {
if (assetTypeIdList.length === this.assetType.length) {
this.checkedThing = true;
} else {
this.checkedThing = false;
}
},
selectAllThing() {
// debugger
this.assetTypeIdList = [];
if (this.checkedThing) {
this.assetType.map(item => {
this.assetTypeIdList.push(item.id);
});
} else {
this.assetTypeIdList = [];
}
}
}
};
</script>
<style>
</style>
\ No newline at end of file
src/page/content/components/uploadVue/uploadAudio.vue 0 → 100644
View file @ f8825706
<template>
<el-upload
class="upload-demo"
ref="upload"
action="http://192.168.110.67/mall/file/audio/upload"
:on-preview="handlePreview"
:on-remove="handleRemove"
:file-list="fileList"
:on-success="handleAvatarSuccess"
:auto-upload="false">
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
<el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button>
<div slot="tip" class="el-upload__tip">（支持上传多个视频及视频文件夹，视频语言支持汉语、蒙语、藏语、维吾尔语、英语，视频命名规定：视频名称+语言）</div>
</el-upload>
</template>
<script>
export default {
data() {
return {
fileList: []
};
},
methods: {
handleAvatarSuccess(res, file) {
console.log(res)
console.log(res.url)
this.$emit('audioList', res.urlList)
},
submitUpload() {
this.$refs.upload.submit();
},
handleRemove(file, fileList) {
console.log(file, fileList);
},
handlePreview(file) {
console.log(file);
}
}
}
</script>
<style>
</style>
\ No newline at end of file
src/page/content/components/uploadVue/uploadDatum.vue 0 → 100644
View file @ f8825706
<template>
<el-upload
class="upload-demo"
ref="upload"
action="http://192.168.110.67/mall/file/datum/upload"
:on-preview="handlePreview"
:on-remove="handleRemove"
:file-list="fileList"
:on-success="handleAvatarSuccess"
:auto-upload="false">
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
<el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button>
<div slot="tip" class="el-upload__tip">（支持上传多个视频及视频文件夹，视频语言支持汉语、蒙语、藏语、维吾尔语、英语，视频命名规定：视频名称+语言）</div>
</el-upload>
</template>
<script>
export default {
data() {
return {
fileList: []
};
},
methods: {
handleAvatarSuccess(res, file) {
console.log(res)
console.log(res.url)
this.$emit('datumList', res.urlList)
},
submitUpload() {
this.$refs.upload.submit();
},
handleRemove(file, fileList) {
console.log(file, fileList);
},
handlePreview(file) {
console.log(file);
}
}
}
</script>
<style>
</style>
\ No newline at end of file
src/page/content/components/uploadVue/uploadFile.vue 0 → 100644
View file @ f8825706
<template>
<el-upload
class="upload-demo"
ref="upload"
action="http://192.168.110.67/mall/file/video/upload"
:on-preview="handlePreview"
:on-remove="handleRemove"
:file-list="fileList"
:on-success="handleAvatarSuccess"
:auto-upload="false">
<el-button slot="trigger" size="small" type="primary">选取文件</el-button>
<el-button style="margin-left: 10px;" size="small" type="success" @click="submitUpload">上传到服务器</el-button>
<div slot="tip" class="el-upload__tip">（支持上传多个视频及视频文件夹，视频语言支持汉语、蒙语、藏语、维吾尔语、英语，视频命名规定：视频名称+语言）</div>
</el-upload>
</template>
<script>
export default {
data() {
return {
fileList: []
};
},
methods: {
handleAvatarSuccess(res, file) {
console.log(res)
console.log(res.url)
this.$emit('videoList', res.urlList)
},
submitUpload() {
this.$refs.upload.submit();
},
handleRemove(file, fileList) {
console.log(file, fileList);
},
handlePreview(file) {
console.log(file);
}
}
}
</script>
<style>
</style>
\ No newline at end of file
src/page/content/components/uploadVue/uploadImg.vue 0 → 100644
View file @ f8825706
<template>
<div>
<el-upload
action="http://192.168.110.67/mall/file/image/upload"
list-type="picture-card"
:on-preview="handlePictureCardPreview"
:on-remove="handleRemove"
:on-success="handleAvatarSuccess"
:headers="headers"
>
<i class="el-icon-plus"></i>
</el-upload>
<el-dialog :visible.sync="dialogVisible">
<img width="100%" :src="dialogImageUrl" alt />
</el-dialog>
</div>
</template>
<script>
export default {
data() {
return {
dialogImageUrl: "",
dialogVisible: false
};
},
computed: {
headers() {
// return { 'token': this.backToken }
}
},
methods: {
// 图片上传成功的返回值
handleAvatarSuccess(res, file) {
console.log(res)
console.log(res.url)
this.$emit('imgUrl', res.url)
// this.imageUrl = URL.createObjectURL(file.raw);
},
handleRemove(file, fileList) {
console.log(file, fileList);
},
handlePictureCardPreview(file) {
this.dialogImageUrl = file.url;
this.dialogVisible = true;
}
}
};
</script>
<style>
</style>
\ No newline at end of file
src/page/content/components/uploadVue/uploadQrcode.vue 0 → 100644
View file @ f8825706
<template>
<div>
<el-upload
action="http://192.168.110.67/mall/file/image/upload"
list-type="picture-card"
:on-preview="handlePictureCardPreview"
:on-remove="handleRemove"
:on-success="handleAvatarSuccess"
:headers="headers"
>
<i class="el-icon-plus"></i>
</el-upload>
<el-dialog :visible.sync="dialogVisible">
<img width="100%" :src="dialogImageUrl" alt />
</el-dialog>
</div>
</template>
<script>
export default {
data() {
return {
dialogImageUrl: "",
dialogVisible: false
};
},
computed: {
headers() {
// return { 'token': this.backToken }
}
},
methods: {
// 图片上传成功的返回值
handleAvatarSuccess(res, file) {
console.log(res)
console.log(res.url)
this.$emit('qrcodeUrl', res.url)
// this.imageUrl = URL.createObjectURL(file.raw);
},
handleRemove(file, fileList) {
console.log(file, fileList);
},
handlePictureCardPreview(file) {
this.dialogImageUrl = file.url;
this.dialogVisible = true;
}
}
};
</script>
<style>
</style>
\ No newline at end of file
src/page/content/components/videoPlay.vue 0 → 100644
View file @ f8825706
<template>
<div>
<!--
<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 :preload="preload"
:poster="videoImg" :height="height" :width="width" align="center" :controls="controls" :autoplay="autoplay">
<source :src="videoSrc" type="video/mp4">
</video>
</div>
</template>
<script>
export default {
name: 'Video',
data () {
return {
videoSrc: 'https://video.pearvideo.com/mp4/short/20200209/cont-1650197-14888002-hd.mp4',
videoImg: 'https://sm.ms/image/ueRFCZfk2xTONGb',
playStatus: '',
muteStatus: '',
isMute: true,
isPlay: false,
width: '820', // 设置视频播放器的显示宽度（以像素为单位）
height: '500', // 设置视频播放器的显示高度（以像素为单位）
preload: 'auto', // 建议浏览器是否应在<video>加载元素后立即开始下载视频数据。
controls: true, // 确定播放器是否具有用户可以与之交互的控件。没有控件，启动视频播放的唯一方法是使用autoplay属性或通过Player API。
autoplay: ''
}
}
// 自动播放属性,muted:静音播放
// autoplay: 'muted',
}
</script>
<style scoped >
</style>
src/page/content/display/classify/index.vue
View file @ f8825706
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<el-input <el-input
size="mini" size="mini"
placeholder="请输入版权方名称" placeholder="请输入版权方名称"
v-model="form.name" v-model="form.nameOrCode"
@keyup.enter.native="Search" @keyup.enter.native="Search"
clearable clearable
></el-input> ></el-input>
...@@ -174,17 +174,10 @@ export default { ...@@ -174,17 +174,10 @@ export default {
name: "" name: ""
}, },
editform: { editform: {
menuName: "",
menuUrl: "",
parentId: "",
sort: "",
id: "" id: ""
}, },
classForm: { classForm: {
menuName: "",
menuUrl: "",
parentId: "",
sort: ""
}, },
typeList: [], typeList: [],
rules: { rules: {
...@@ -246,7 +239,7 @@ export default { ...@@ -246,7 +239,7 @@ export default {
let vm = this; let vm = this;
vm.$https( vm.$https(
{ {
url: "assetType/getPageList", url: "exhibitionBoardCat/getPageList",
method: "post", method: "post",
authType: this.backToken authType: this.backToken
}, },
...@@ -280,7 +273,7 @@ export default { ...@@ -280,7 +273,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
}; };
this.getTableData(searchObj); this.getTableData(searchObj);
}, },
...@@ -318,13 +311,13 @@ export default { ...@@ -318,13 +311,13 @@ export default {
if (valid) { if (valid) {
_this _this
.$https( .$https(
{ url: "assetType/save", method: "post", authType: this.backToken }, { url: "exhibitionBoardCat/save", method: "post", authType: this.backToken },
// _this.$qs.stringify(_this.classForm) _this.$qs.stringify(_this.classForm)
_this.classForm // _this.classForm
) )
.then( .then(
res => { res => {
if (res.data.code == 200 || res.data.code == 201) { if (res.data.resultCode == 200 || res.data.resultCode == 201) {
_this.$message({ _this.$message({
type: "success", type: "success",
message: '新建成功！' message: '新建成功！'
...@@ -360,16 +353,16 @@ export default { ...@@ -360,16 +353,16 @@ export default {
if (valid) { if (valid) {
_this _this
.$https( .$https(
{ url: "assetType/update", method: "put", authType: this.backToken }, { url: "exhibitionBoardCat/update", method: "put", authType: this.backToken },
_this.$qs.stringify(_this.classForm) _this.$qs.stringify(_this.classForm)
// _this.classForm // _this.classForm
) )
.then( .then(
res => { res => {
if (res.data.code == 200 || res.data.code == 201) { if (res.data.resultCode == 200 || res.data.resultCode == 201) {
_this.$message({ _this.$message({
type: "success", type: "success",
message: '新建成功！' message: '修改成功！'
}); });
//跳回用户列表 //跳回用户列表
_this.onSearch(); _this.onSearch();
...@@ -431,7 +424,7 @@ export default { ...@@ -431,7 +424,7 @@ export default {
let vm = this; let vm = this;
vm.$https( vm.$https(
{ {
url: "assetType/get/" + id, url: "exhibitionBoardCat/get/" + id,
method: "get", method: "get",
authType: this.backToken authType: this.backToken
}, },
...@@ -461,7 +454,7 @@ export default { ...@@ -461,7 +454,7 @@ export default {
.then(() => { .then(() => {
_this.$https({ _this.$https({
method: 'delete', method: 'delete',
url: 'assetType/delete/'+ row.id, url: 'exhibitionBoardCat/delete/'+ row.id,
authType: this.backToken authType: this.backToken
}).then((res) => { }).then((res) => {
this.$message({type: 'success', message: '删除成功!'}); this.$message({type: 'success', message: '删除成功!'});
......
src/page/content/display/content/add-.vue 0 → 100644
View file @ f8825706
<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: "asset/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 @ f8825706
This diff is collapsed.
src/page/content/display/content/index.vue
View file @ f8825706
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<el-input <el-input
size="mini" size="mini"
placeholder="请输入版权方名称" placeholder="请输入版权方名称"
v-model="form.name" v-model="form.nameOrCode"
@keyup.enter.native="Search" @keyup.enter.native="Search"
clearable clearable
></el-input> ></el-input>
...@@ -39,19 +39,24 @@ ...@@ -39,19 +39,24 @@
<div class="party-table"> <div class="party-table">
<el-table <el-table
border border
style="width: 100%;height:100%" height="100%" style="width: 100%;height:100%"
height="100%"
ref="multipleTable" ref="multipleTable"
: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="序号"></el-table-column>
<el-table-column show-overflow-tooltip label="版权方名称" prop="menuName"></el-table-column> <el-table-column show-overflow-tooltip label="展板名称" prop="name"></el-table-column>
<el-table-column show-overflow-tooltip label="视频分类" prop="menuUrl"></el-table-column> <el-table-column show-overflow-tooltip label="展板版权方" prop="boardCopyrightOwnerName"></el-table-column>
<el-table-column label="创建时间" prop="sort"></el-table-column> <el-table-column label="展板分类" prop="createTime"></el-table-column>
<el-table-column label="版权方有效期" prop="sort"></el-table-column> <el-table-column show-overflow-tooltip label="展板简介" prop="remarks"></el-table-column>
<el-table-column show-overflow-tooltip label="备注" prop="menuName"></el-table-column> <el-table-column label="关联视频名称" prop="createTime"></el-table-column>
<el-table-column label="视频版权方" prop="expireDateEnd"></el-table-column>
<el-table-column label="创建时间" prop="createTime"></el-table-column>
<el-table-column label="审核状态" prop="auditStatus"></el-table-column>
<el-table-column label="是否上架" prop="createTime"></el-table-column>
<el-table-column label="操作" header-align="center" align="center"> <el-table-column label="操作" header-align="center" align="center">
<template slot-scope="scope" width="220"> <template slot-scope="scope" width="360">
<el-button-group> <el-button-group>
<el-button <el-button
title="编辑" title="编辑"
...@@ -59,13 +64,16 @@ ...@@ -59,13 +64,16 @@
type="text" type="text"
@click="openEdit(scope.row)" @click="openEdit(scope.row)"
>编辑&nbsp;&nbsp;</el-button> >编辑&nbsp;&nbsp;</el-button>
<el-button title="删除" type="text" size="mini" @click="handleDelete(scope.row)">删除</el-button> <el-button type="text" size="mini" @click="displayInfo(scope.row)">展板详情</el-button>
<el-button type="text" size="mini" @click="handleDelete(scope.row)">下架&nbsp;&nbsp;</el-button>
<el-button type="text" size="mini" @click="handleDelete(scope.row)">上架&nbsp;&nbsp;</el-button>
<el-button type="text" size="mini" @click="handleDelete(scope.row)">删除</el-button>
</el-button-group> </el-button-group>
</template> </template>
</el-table-column> </el-table-column>
</el-table> </el-table>
</div> </div>
<div class="partyt-pagination"> <div class="partyt-pagination">
<el-pagination <el-pagination
small small
background background
...@@ -75,7 +83,7 @@ ...@@ -75,7 +83,7 @@
layout="prev, pager, next, jumper" layout="prev, pager, next, jumper"
:total="page.total" :total="page.total"
></el-pagination> ></el-pagination>
</div> </div>
</div> </div>
</div> </div>
</template> </template>
...@@ -99,7 +107,7 @@ export default { ...@@ -99,7 +107,7 @@ export default {
FormVisible1: false, FormVisible1: false,
formLabelWidth: "100px", formLabelWidth: "100px",
form: { form: {
name: "" nameOrCode: ""
}, },
editform: { editform: {
menuName: "", menuName: "",
...@@ -140,7 +148,7 @@ export default { ...@@ -140,7 +148,7 @@ export default {
computed: {}, computed: {},
mounted() { mounted() {
this.onSearch(); this.onSearch();
this.getPermis(); // this.getPermis();
}, },
components: {}, components: {},
methods: { methods: {
...@@ -174,14 +182,15 @@ export default { ...@@ -174,14 +182,15 @@ export default {
let vm = this; let vm = this;
vm.$https( vm.$https(
{ {
url: "menu/getMenuList", url: "exhibitionBoard/getPageList",
method: "get", method: "post",
authType: this.backToken authType: this.backToken
}, },
param vm.$qs.stringify(param)
// param
) )
.then(res => { .then(res => {
let data = res.data; let data = res.data.data;
vm.page.pageSize = data.size; vm.page.pageSize = data.size;
vm.page.total = data.total; vm.page.total = data.total;
vm.tableData = data.records; vm.tableData = data.records;
...@@ -202,9 +211,10 @@ export default { ...@@ -202,9 +211,10 @@ export default {
_this.getTableData(param); _this.getTableData(param);
}, },
// 重置 // 重置
Reset(){ Reset() {
this.form = {} // this.$refs["form"].resetFields();
this.Search() this.form = {};
this.Search();
}, },
Search() { Search() {
let _this = this; let _this = this;
...@@ -212,7 +222,7 @@ export default { ...@@ -212,7 +222,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
}; };
this.getTableData(searchObj); this.getTableData(searchObj);
}, },
...@@ -230,11 +240,15 @@ export default { ...@@ -230,11 +240,15 @@ export default {
} }
return searchObj; return searchObj;
}, },
// 添加 // 添加
addPermis() { addPermis() {
this.$router.push({ path: "displayContentAdd", query: { type: "add" } }); this.$router.push({ path: "displayContentAdd", query: { type: "add" } }); // $('.el-dialog__title').html('新建'); // this.FormVisible1 = true;
// $('.el-dialog__title').html('新建'); },
// this.FormVisible1 = true; displayInfo(row) {
this.$router.push({
path: "displayContentDetails",
query: { id: row.id, }
});
}, },
// 添加权限 // 添加权限
permisSave() { permisSave() {
...@@ -294,7 +308,7 @@ export default { ...@@ -294,7 +308,7 @@ export default {
openEdit(row) { openEdit(row) {
this.$router.push({ this.$router.push({
path: "displayContentUpdate", path: "displayContentUpdate",
query: { type: "Update" } query: { type: "Update", id: row.id }
}); });
// alert('编辑') // alert('编辑')
// $('.el-dialog__title').html('编辑'); // $('.el-dialog__title').html('编辑');
...@@ -315,17 +329,24 @@ export default { ...@@ -315,17 +329,24 @@ export default {
type: "warning" type: "warning"
}) })
.then(() => { .then(() => {
// _this.$https({ _this
// method: 'delete', .$https({
// url: 'menu/delete?menuId='+ row.id, method: "delete",
// authType: this.backToken url: "exhibitionBoard/delete/" + row.id,
// }).then((res) => { authType: this.backToken
// this.$message({type: 'success', message: '删除成功!'}); })
// _this.Search(); .then(
// }, (error) => { res => {
// this.$message({type: 'fail', message: "删除失败!" + error.response.data}); this.$message({ type: "success", message: "删除成功!" });
// } _this.Search();
// ) },
error => {
this.$message({
type: "fail",
message: "删除失败!" + error.response.data
});
}
);
}) })
.catch(() => {}); .catch(() => {});
}, },
...@@ -385,57 +406,6 @@ export default { ...@@ -385,57 +406,6 @@ export default {
handleSelectionChange(selection) { handleSelectionChange(selection) {
let _this = this; let _this = this;
_this.selection = selection; _this.selection = selection;
},
getMultipleSelect() {
let _this = this;
let arr = [];
let str = "";
if (_this.selection) {
_this.selection.forEach(function(e) {
arr.push(e.id);
});
str = arr.join(",");
} else {
str = "";
}
return str;
},
// 批量删除
multipleDelete() {
let _this = this;
let str = _this.getMultipleSelect();
if (str) {
this.$confirm("此操作将删除选中菜单, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
}).then(() => {
_this
.$https({
url: "menu/batchDel?menuIds=" + str,
method: "DELETE",
authType: this.backToken
})
.then(
res => {
if (res.data.status == 201 || res.data.status == 200) {
this.$message({
type: "success",
message: "删除成功!"
});
}
//重新查询数据
_this.onSearch();
},
error => {}
);
});
} else {
this.$message({
type: "info",
message: "请至少选择一个选项！"
});
}
} }
} }
}; };
...@@ -444,6 +414,6 @@ export default { ...@@ -444,6 +414,6 @@ export default {
<style lang="less"> <style lang="less">
// @import "../../../../style/common"; // @import "../../../../style/common";
// @import "../../style/list"; // @import "../../style/list";
@import '../../../../style/table.less'; @import "../../../../style/table.less";
@import '../../../../style/pagination.less'; @import "../../../../style/pagination.less";
</style> </style>
src/page/content/display/copyright/index---.vue 0 → 100644
View file @ f8825706
This diff is collapsed.
src/page/content/learn/content/add.vue
View file @ f8825706
This diff is collapsed.
src/page/content/learn/content/index.vue
View file @ f8825706
...@@ -150,7 +150,7 @@ export default { ...@@ -150,7 +150,7 @@ export default {
let vm = this; let vm = this;
vm.$https({ vm.$https({
method: "get", method: "get",
url: "menu/getRoleMenu?roleId=" + sessionStorage.getItem("roleId"), url: "menu/getRoleMenu?roleId=" + sessionStorage.gelearningContent("roleId"),
authType: this.backToken authType: this.backToken
}).then( }).then(
res => { res => {
...@@ -175,7 +175,7 @@ export default { ...@@ -175,7 +175,7 @@ export default {
let vm = this; let vm = this;
vm.$https( vm.$https(
{ {
url: "copyrightOwner/getPageList", url: "learningContent/getPageList",
method: "post", method: "post",
authType: this.backToken authType: this.backToken
}, },
...@@ -300,7 +300,7 @@ export default { ...@@ -300,7 +300,7 @@ export default {
// 编辑弹框 // 编辑弹框
openEdit(row) { openEdit(row) {
this.$router.push({ this.$router.push({
path: "videoCopyrightUpdate", path: "learnContentUpdate",
query: { type: "Update" ,id :row.id} query: { type: "Update" ,id :row.id}
}); });
// alert('编辑') // alert('编辑')
...@@ -324,7 +324,7 @@ export default { ...@@ -324,7 +324,7 @@ export default {
.then(() => { .then(() => {
_this.$https({ _this.$https({
method: 'delete', method: 'delete',
url: 'copyrightOwner/delete/'+ row.id, url: 'learningContent/delete/'+ row.id,
authType: this.backToken authType: this.backToken
}).then((res) => { }).then((res) => {
this.$message({type: 'success', message: '删除成功!'}); this.$message({type: 'success', message: '删除成功!'});
......
src/page/content/learn/project/index.vue
View file @ f8825706
...@@ -29,12 +29,12 @@ ...@@ -29,12 +29,12 @@
</el-form> </el-form>
<div class="page-tip"> <div class="page-tip">
<span class="page-tip-title">页面说明:</span> <span class="page-tip-title">页面说明:</span>
<span class="page-tips">可通过创建时间、视频分类名称模糊搜索快速筛选视频分类信息，可对视频分类信息进行修改、删除。可新建视频分类。</span> <span class="page-tips">展示系统所有的学习项目，可按照时间及相关名称进行快速信息搜索。</span>
</div> </div>
</div> </div>
<div class="table-content"> <div class="table-content">
<div class="btn-group"> <div class="btn-group">
<el-button type="primary" @click="addPermis()">新建视频分类</el-button> <el-button type="primary" @click="addPermis()">新建学习项目</el-button>
</div> </div>
<div class="party-table"> <div class="party-table">
<el-table <el-table
...@@ -181,10 +181,9 @@ export default { ...@@ -181,10 +181,9 @@ export default {
id: "" id: ""
}, },
classForm: { classForm: {
menuName: "", id:"",
menuUrl: "", name:"",
parentId: "", remarks:""
sort: ""
}, },
typeList: [], typeList: [],
rules: { rules: {
...@@ -246,7 +245,7 @@ export default { ...@@ -246,7 +245,7 @@ export default {
let vm = this; let vm = this;
vm.$https( vm.$https(
{ {
url: "assetType/getPageList", url: "learningProject/getPageList",
method: "post", method: "post",
authType: this.backToken authType: this.backToken
}, },
...@@ -318,13 +317,13 @@ export default { ...@@ -318,13 +317,13 @@ export default {
if (valid) { if (valid) {
_this _this
.$https( .$https(
{ url: "assetType/save", method: "post", authType: this.backToken }, { url: "learningProject/save", method: "post", authType: this.backToken },
// _this.$qs.stringify(_this.classForm) _this.$qs.stringify(_this.classForm)
_this.classForm // _this.classForm
) )
.then( .then(
res => { res => {
if (res.data.code == 200 || res.data.code == 201) { if (res.data.resultCode == 200 || res.data.resultCode == 201) {
_this.$message({ _this.$message({
type: "success", type: "success",
message: '新建成功！' message: '新建成功！'
...@@ -360,16 +359,16 @@ export default { ...@@ -360,16 +359,16 @@ export default {
if (valid) { if (valid) {
_this _this
.$https( .$https(
{ url: "assetType/update", method: "put", authType: this.backToken }, { url: "learningProject/update", method: "put", authType: this.backToken },
_this.$qs.stringify(_this.classForm) _this.$qs.stringify(_this.classForm)
// _this.classForm // _this.classForm
) )
.then( .then(
res => { res => {
if (res.data.code == 200 || res.data.code == 201) { if (res.data.resultCode == 200 || res.data.resultCode == 201) {
_this.$message({ _this.$message({
type: "success", type: "success",
message: '新建成功！' message: '修改成功！'
}); });
//跳回用户列表 //跳回用户列表
_this.onSearch(); _this.onSearch();
...@@ -431,7 +430,7 @@ export default { ...@@ -431,7 +430,7 @@ export default {
let vm = this; let vm = this;
vm.$https( vm.$https(
{ {
url: "assetType/get/" + id, url: "learningProject/get/" + id,
method: "get", method: "get",
authType: this.backToken authType: this.backToken
}, },
...@@ -440,7 +439,10 @@ export default { ...@@ -440,7 +439,10 @@ export default {
) )
.then(res => { .then(res => {
let data = res.data.data; let data = res.data.data;
this.classForm = data // this.classForm = data
this.classForm.id =data.id
this.classForm.name =data.name
this.classForm.remarks = data.remarks
}) })
.catch(function(err) { .catch(function(err) {
console.log(err); console.log(err);
...@@ -461,7 +463,7 @@ export default { ...@@ -461,7 +463,7 @@ export default {
.then(() => { .then(() => {
_this.$https({ _this.$https({
method: 'delete', method: 'delete',
url: 'assetType/delete/'+ row.id, url: 'learningProject/delete/'+ row.id,
authType: this.backToken authType: this.backToken
}).then((res) => { }).then((res) => {
this.$message({type: 'success', message: '删除成功!'}); this.$message({type: 'success', message: '删除成功!'});
......
src/page/content/video/classify/index.vue
View file @ f8825706
...@@ -181,10 +181,9 @@ export default { ...@@ -181,10 +181,9 @@ export default {
id: "" id: ""
}, },
classForm: { classForm: {
menuName: "", id:"",
menuUrl: "", name:"",
parentId: "", remarks:""
sort: ""
}, },
typeList: [], typeList: [],
rules: { rules: {
...@@ -319,12 +318,12 @@ export default { ...@@ -319,12 +318,12 @@ export default {
_this _this
.$https( .$https(
{ url: "assetType/save", method: "post", authType: this.backToken }, { url: "assetType/save", method: "post", authType: this.backToken },
// _this.$qs.stringify(_this.classForm) _this.$qs.stringify(_this.classForm)
_this.classForm // _this.classForm
) )
.then( .then(
res => { res => {
if (res.data.code == 200 || res.data.code == 201) { if (res.data.resultCode == 200 || res.data.resultCode == 201) {
_this.$message({ _this.$message({
type: "success", type: "success",
message: '新建成功！' message: '新建成功！'
...@@ -366,10 +365,10 @@ export default { ...@@ -366,10 +365,10 @@ export default {
) )
.then( .then(
res => { res => {
if (res.data.code == 200 || res.data.code == 201) { if (res.data.resultCode == 200 || res.data.resultCode == 201) {
_this.$message({ _this.$message({
type: "success", type: "success",
message: '新建成功！' message: '修改成功！'
}); });
//跳回用户列表 //跳回用户列表
_this.onSearch(); _this.onSearch();
...@@ -440,7 +439,10 @@ export default { ...@@ -440,7 +439,10 @@ export default {
) )
.then(res => { .then(res => {
let data = res.data.data; let data = res.data.data;
this.classForm = data // this.classForm = data
this.classForm.id =data.id
this.classForm.name =data.name
this.classForm.remarks = data.remarks
}) })
.catch(function(err) { .catch(function(err) {
console.log(err); console.log(err);
......
src/page/content/video/content/add--.vue deleted 100644 → 0
View file @ 39169553
This diff is collapsed.
src/page/content/video/content/add.vue
View file @ f8825706
This diff is collapsed.
src/page/content/video/content/index.vue
View file @ f8825706
This diff is collapsed.
src/page/content/video/copyright/add.vue
View file @ f8825706
This diff is collapsed.
src/page/content/video/copyright/index.vue
View file @ f8825706
...@@ -6,7 +6,7 @@ ...@@ -6,7 +6,7 @@
<el-input <el-input
size="mini" size="mini"
placeholder="请输入版权方名称" placeholder="请输入版权方名称"
v-model="form.name" v-model="form.nameOrCode"
@keyup.enter.native="Search" @keyup.enter.native="Search"
clearable clearable
></el-input> ></el-input>
...@@ -99,7 +99,8 @@ export default { ...@@ -99,7 +99,8 @@ export default {
FormVisible1: false, FormVisible1: false,
formLabelWidth: "100px", formLabelWidth: "100px",
form: { form: {
name: "" nameOrCode: "",
ownerType:'ASSET'
}, },
editform: { editform: {
menuName: "", menuName: "",
...@@ -205,7 +206,7 @@ export default { ...@@ -205,7 +206,7 @@ export default {
// 重置 // 重置
Reset(){ Reset(){
// this.$refs["form"].resetFields(); // this.$refs["form"].resetFields();
this.form = {} this.form = { ownerType:'ASSET'}
this.Search() this.Search()
}, },
Search() { Search() {
...@@ -214,7 +215,8 @@ export default { ...@@ -214,7 +215,8 @@ 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,
ownerType:'ASSET'
}; };
this.getTableData(searchObj); this.getTableData(searchObj);
}, },
......
src/style/global.less
View file @ f8825706
...@@ -287,7 +287,7 @@ ...@@ -287,7 +287,7 @@
height:100px; height:100px;
overflow: auto; overflow: auto;
} }
// 详情页 // 内容、审核详情页
.info { .info {
height: 100%; height: 100%;
width: 100%; width: 100%;
...@@ -307,6 +307,16 @@ ...@@ -307,6 +307,16 @@
width: 640px; width: 640px;
margin: 0 auto; margin: 0 auto;
background: #fff; background: #fff;
.pageTips{
height: 72px;
padding:16px;
background: #F7F5F2;
border-radius: 8px;
margin:10px 0;
}
.el-collapse-item__header.is-active {
border-bottom-color: #eeeeee;
}
} }
.info-container { .info-container {
width: 100%; width: 100%;
...@@ -319,6 +329,10 @@ ...@@ -319,6 +329,10 @@
border-top: 2px solid #eee; border-top: 2px solid #eee;
padding: 20px; padding: 20px;
text-align: center; text-align: center;
.el-button{
width: 160px;
height: 40px;
}
} }
} }
// 适用于统计详情样式 // 适用于统计详情样式
......
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