Skip to content

N
national_museum_vod
Commit 5ba8a29a authored by xulili's avatar xulili
Browse files
Options

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

parents 02e4739b 90bde5bc
Hide whitespace changes
Inline Side-by-side
Showing with 5137 additions and 809 deletions
package-lock.json
View file @ 5ba8a29a
This source diff could not be displayed because it is too large. You can view the blob instead.
package.json
View file @ 5ba8a29a
......@@ -10,18 +10,23 @@
"build": "node build/build.js"
},
"dependencies": {
"animate.css": "^4.1.1",
"awe-dnd": "^0.3.1",
"axios": "^0.18.0",
"echarts": "^4.2.0-rc.2",
"element-ui": "^2.4.8",
"file-saver": "^2.0.0-rc.3",
"moment": "^2.22.2",
"node-sass": "^4.12.0",
"ol": "^5.2.0",
"ol-ext": "^3.0.2",
"qrcode.vue": "^1.6.1",
"qs": "^6.5.2",
"qs-stringify": "^1.1.0",
"video.js": "^7.11.4",
"swiper": "^5.4.5",
"vue": "^2.5.2",
"vue-awesome-swiper": "^4.1.1",
"vue-qr": "^1.5.2",
"vue-router": "^3.0.1",
"vuex": "^3.0.1",
......
src/config/menu.js
View file @ 5ba8a29a
......@@ -22,7 +22,7 @@ export const menuList = [
{
subtitle:'学习内容及互动管理',
subMenu:[
{label:'学习内容管理', imgUrl:'',url:'/learn'},
{label:'学习内容管理', imgUrl:'',url:'/learnContent'},
{label:'互动管理', imgUrl:'',url:'/interactive'}
]
},
......@@ -53,7 +53,9 @@ export const menuList = [
{
subtitle:'内容及账号审核',
subMenu:[
{label:'视频及展板审核', imgUrl:''},
{label:'视频审核', imgUrl:'',url:'/checkVideo'},
{label:'展板审核', imgUrl:'',url:'/checkDisplay'},
{label:'平台学习内容审核', imgUrl:'',url:'/checkLearn'},
{label:'账号禁用审核', imgUrl:''}
]
}
......
src/main.js
View file @ 5ba8a29a
......@@ -18,6 +18,8 @@ import {shortcuts} from './common/js/commonJs'
import VueDND from 'awe-dnd'
import echarts from 'echarts'
import Video from 'video.js'
import 'video.js/dist/video-js.css'
Vue.prototype.$echarts = echarts
......
src/page/STB/appversion/components/addDialog.vue
View file @ 5ba8a29a
......@@ -37,10 +37,10 @@
<div class="el-upload__tip" slot="tip">只能上传zip文件，且不超过500kb</div>
</el-upload>
</el-form>
<div slot="footer" class="dialog-footer btn-group">
<el-button size="mini" type="primary" @click="submitForm('formItem')">确定</el-button>
<el-button size="mini" @click="close">取 消</el-button>
</div>
</div>
<div slot="footer" class="dialog-footer btn-group">
<el-button size="mini" type="primary" @click="submitForm('formItem')">确定</el-button>
<el-button size="mini" @click="close">取 消</el-button>
</div>
</el-dialog>
</template>
......
src/page/STB/appversion/components/detailDialog.vue
View file @ 5ba8a29a
......@@ -31,9 +31,9 @@
<el-input type="textarea" size="small" v-model="formItem.newContent" disabled></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer btn-group">
<el-button size="mini" type="primary" @click="close()">确定</el-button>
</div>
</div>
<div slot="footer" class="dialog-footer btn-group">
<el-button size="mini" type="primary" @click="close()">确定</el-button>
</div>
</el-dialog>
</template>
......
src/page/STB/appversion/index.vue
View file @ 5ba8a29a
......@@ -36,21 +36,18 @@
<el-table-column label="操作者" prop="name"></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="handleDetail(scope.row)"
>详情&nbsp;&nbsp;</el-button>
<el-button
title="激活"
type="text"
size="mini"
@click="ableBtn(scope.row)"
>启用&nbsp;&nbsp;</el-button>
</el-button-group>
<div class="table-btn-group">
<el-tooltip content="详情" placement="top">
<el-button circle @click="handleDetail(scope.row)">
<i class="icon-table icon-detail"></i>
</el-button>
</el-tooltip>
<el-tooltip content="启用" placement="top">
<el-button circle @click="ableBtn(scope.row)">
<i class="icon-table icon-enable"></i>
</el-button>
</el-tooltip>
</div>
</template>
</el-table-column>
</el-table>
......
src/page/STB/base/components/dialog.vue
View file @ 5ba8a29a
......@@ -35,10 +35,10 @@
<el-input size="small" v-model="formItem.address" disabled></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer btn-group">
<el-button size="mini" type="primary" @click="submitForm('formItem')">确定</el-button>
<el-button size="mini" @click="close">取 消</el-button>
</div>
</div>
<div slot="footer" class="dialog-footer btn-group">
<el-button type="primary" @click="submitForm('formItem')">确定</el-button>
<el-button @click="close">取 消</el-button>
</div>
</el-dialog>
</template>
......
src/page/STB/base/index.vue
View file @ 5ba8a29a
......@@ -246,6 +246,24 @@ export default {
getAreas() {
getAreas().then(res => {
this.areaOptions = res;
// 处理children为[] 的问题
this.areaOptions.forEach(item=>{
if(!item.children.length){
item.children = null
}else{
item.children.forEach(j=>{
if(!j.children.length){
j.children = null
}else{
j.children.forEach(k=>{
if(!k.children.length){
k.children = null
}
})
}
})
}
})
});
},
// 查询
......
src/page/STB/pageCustom/index.vue
View file @ 5ba8a29a
......@@ -14,32 +14,58 @@
<el-button type="default" @click="uploadPageImg">上传背景图</el-button>
</div>
</div>
<!-- <div class="swiper-content">
<swiper class="swiper" :options="swiperOption">
<swiper-slide v-for="(item, index) in list" :key="index">
<el-col :span="24" class="slider-group-item">{{index}}</el-col>
<div class="swiper-content top">
<swiper class="swiper" data-title="page" :options="swiperOption">
<swiper-slide v-for="(item, index) in pageList" :key="index">
<div class="swiper-item">
<el-radio v-model="radioPage" :label="item.id"></el-radio>
<img :src="item.url" alt="">
</div>
</swiper-slide>
<div slot="button-prev" class="swiper-button-prev">
<i class="el-icon-arrow-left" />
<div class="swiper-button-prev" slot="button-prev">
<i class="iconfont icon-arrow-left"></i>
</div>
<div slot="button-next" class="swiper-button-next">
<i class="el-icon-arrow-right" />
<div class="swiper-button-next" slot="button-next">
<i class="iconfont icon-arrow-right"></i>
</div>
</swiper>
</div> -->
</div>
</div>
<div class="down-content">
<div class="content-title">
<div class="title">app运行画面设置</div>
<div class="btn-group">
<el-button type="default" @click="uploadRunImg">上传背景图</el-button>
</div>
<el-upload
class="upload-demo"
action="#"
:on-preview="handlePreview"
:on-remove="handleRemove"
:before-remove="beforeRemove"
multiple
:limit="3"
:on-exceed="handleExceed"
:file-list="pagefileList">
<div class="btn-group">
<el-button type="default" @click="uploadRunImg">上传背景图</el-button>
</div>
</el-upload>
</div>
<div class="swiper-content bottom">
<swiper class="swiper" :options="swiperOption">
<swiper-slide v-for="(item, index) in runList" :key="index">
<div class="swiper-item">
<el-radio v-model="radioRun" :label="item.id"></el-radio>
<img :src="item.url" alt="">
</div>
</swiper-slide>
<div class="swiper-button-prev" slot="button-prev">
<i class="iconfont icon-arrow-left"></i>
</div>
<div class="swiper-button-next" slot="button-next">
<i class="iconfont icon-arrow-right"></i>
</div>
</swiper>
</div>
<el-carousel :autoplay="false" type="card" height="120px">
<el-carousel-item v-for="item in 6" :key="item">
<h3 class="medium">{{ item }}</h3>
</el-carousel-item>
</el-carousel>
</div>
</div>
<div class="btn-group footer-btn">
......@@ -50,31 +76,85 @@
</div>
</template>
<script>
import { Swiper, SwiperSlide } from 'vue-awesome-swiper'
import 'swiper/css/swiper.css'
var vm = null
export default {
components:{Swiper, SwiperSlide},
data() {
return {
radioPage: 1,
radioRun: 1,
swiperOption: {
effect: "coverflow",
grabCursor: true,
slideToClickedSlide:true,//点击后居中展示
slidesPerView: 5,
spaceBetween: 30,
centeredSlides: true,
slidesPerView: "auto",
coverflowEffect: {
rotate: 50,
stretch: 0,
depth: 100,
modifier: 1,
slideShadows: true
observer: true, // 动态检查器,自动初始化swiper,默认为false
observerParents: true,
// centerInsufficientSlides: true, //不够5个时居中显示
loop: true, // 不能同上一个属性同用
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev',
},
pagination: {
el: ".swiper-pagination"
on:{
click:function(){
if(this.$el[0].parentNode.className.indexOf('top')>0){
vm.radioPage = vm.pageList[this.realIndex].id
}
if(this.$el[0].parentNode.className.indexOf('bottom')>0){
vm.radioRun = vm.runList[this.realIndex].id
}
}
}
}
},
pagefileList:[],
pageList:[
{url:require("@/assets/default-rect.png"),id:1},
{url:require("@/assets/default-rect.png"),id:2},
{url:require("@/assets/default-rect.png"),id:3},
{url:require("@/assets/default-rect.png"),id:4},
{url:require("@/assets/default-rect.png"),id:5},
{url:require("@/assets/default-rect.png"),id:6},
],
runList:[
{url:require("@/assets/default-rect.png"),id:1},
{url:require("@/assets/default-rect.png"),id:2},
{url:require("@/assets/default-rect.png"),id:3},
{url:require("@/assets/default-rect.png"),id:4},
{url:require("@/assets/default-rect.png"),id:5},
{url:require("@/assets/default-rect.png"),id:6},
]
};
},
mounted() {},
created(){
vm = this
},
mounted() {
},
methods: {
uploadPageImg() {},
uploadRunImg() {}
uploadRunImg() {},
handleRemove(file, fileList) {
console.log(file, fileList);
},
handlePreview(file) {
console.log(file);
},
handleExceed(files, fileList) {
this.$message.warning(`当前限制选择 3 个文件，本次选择了 ${files.length} 个文件，共选择了 ${files.length + fileList.length} 个文件`);
},
beforeRemove(file, fileList) {
return this.$confirm(`确定移除 ${ file.name }？`);
},
submitForm(){
},
close(){
this.$router.go(-1)
}
}
};
</script>
......@@ -125,20 +205,75 @@ export default {
padding: 0 20px;
}
}
.el-carousel__item h3 {
color: #475669;
font-size: 14px;
opacity: 0.75;
line-height: 200px;
margin: 0;
}
.el-carousel__item:nth-child(2n) {
background-color: #99a9bf;
}
.el-carousel__item:nth-child(2n + 1) {
background-color: #d3dce6;
.swiper-content {
.swiper-item {
position: relative;
width: 100%;
height: 128px;
background-color: #99a9bf;
border-radius:10px;
/deep/.el-radio {
position: absolute;
right: 12px;
top:12px;
.el-radio__inner {
width: 24px;
height: 24px;
}
.el-radio__input.is-checked .el-radio__inner {
border-color: #ac9374;
background: #ac9374;
}
.el-radio__inner:hover {
border-color: #ac9374;
}
}
img {
width: 100%;
height: 100%;
}
}
.swiper-button-next {
right:0;
}
.swiper-button-prev {
left :0;
}
.swiper-button-prev, .swiper-button-next{
background: #ac9374;
width: 36px;
height: 36px;
border-radius: 50%;
}
.swiper-button-next:after,
.swiper-button-prev:after {
font-size: 14px;
font-weight: 700;
color: #fff;
}
.swiper-slide {
text-align: center;
font-size: 18px;
background: #fff;
display: -webkit-box;
display: -ms-flexbox;
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
-webkit-justify-content: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
-webkit-align-items: center;
align-items: center;
transition: 300ms;
transform: scale(0.8);
}
.swiper-slide-active,
.swiper-slide-duplicate-active {
transform: scale(1);
}
}
}
.footer-btn {
......@@ -153,11 +288,5 @@ export default {
padding: 0 20px;
}
}
/deep/.el-carousel__arrow {
background-color: #ac9374;
}
/deep/.el-carousel__item--card {
width: 30%;
}
}
</style>
\ No newline at end of file
src/page/check/display/index.vue 0 → 100644
View file @ 5ba8a29a
<template>
<div class="listPage H100">
<div class="search-container">
<el-form :inline="true" :model="form" ref="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>
<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" @click="Reset">重置</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 label="视频名称" prop="name"></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="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="删除"
type="text"
size="mini"
@click="handleDelete(scope.row)"
>删除&nbsp;&nbsp;</el-button>
<el-button
title="请填写驳回原因"
size="mini"
type="text"
@click="reject(scope.row)"
>请填写驳回原因&nbsp;&nbsp;</el-button> -->
<el-button title="查看详情" size="mini" type="text" @click="openDetails(scope.row)">查看详情</el-button>
</el-button-group>
</template>
</el-table-column>
<el-table-column label="审核" header-align="center" align="center">
<template slot-scope="scope" width="220">
<el-button-group>
<!-- <el-button
title="删除"
type="text"
size="mini"
@click="handleDelete(scope.row)"
>删除&nbsp;&nbsp;</el-button> -->
<el-button
size="mini"
type="text"
@click="reject(scope.row)"
>驳回&nbsp;&nbsp;</el-button>
<el-button
size="mini"
type="text"
@click="adopt(scope.row)"
>通过&nbsp;&nbsp;</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>
<!--新增弹框-->
<el-dialog title="新建" custom-class="party-dialog" width="468px" :visible.sync="FormVisible1" :before-close="close1">
<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="驳回原因：">
<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" v-show="type" type="primary" @click="permisSave">确定</el-button>
<el-button size="mini" v-show="!type" type="primary" @click="permisEdit">确定</el-button>
<el-button size="mini" @click="close1">取 消</el-button>
</div>
</el-dialog>
<!--请填写驳回原因-->
<el-dialog custom-class="party-dialog" title="请填写驳回原因" width="468px" :visible.sync="FormVisible" :before-close="close" >
<div class="dialog-content">
<el-form :model="editform" disabled class="party-form" ref="editform" label-width="80px" label-position="top" :rules="rules">
<el-form-item label="展板名称" :label-width="formLabelWidth">
<el-input
size="small"
v-model="editform.sort"
auto-complete="off"
clearable
></el-input>
</el-form-item>
<el-form-item label="版权方" :label-width="formLabelWidth">
<el-input
size="small"
v-model="editform.menuName"
auto-complete="off"
clearable
onkeyup="this.value=this.value.replace(/^ +| +$/g,'')"
></el-input>
</el-form-item>
<el-form-item label="宣传图" :label-width="formLabelWidth">
<img class="imgSize" src="" alt="">
</el-form-item>
<el-form-item label="简介" :label-width="formLabelWidth">
<el-input type="textarea" v-model="editform.desc"></el-input>
</el-form-item>
<el-form-item label="展板视频" :label-width="formLabelWidth">
<div>
<img class="iconImg" src="" alt="">
<span>xxx.mp4</span>
</div>
</el-form-item>
<el-form-item label="展板音频" :label-width="formLabelWidth">
<div>
<img class="iconImg" src="" alt="">
<span>xxx.mp3</span>
</div>
</el-form-item>
</el-form>
</div>
<div slot="footer" class="dialog-footer btn-group">
<el-button size="mini" type="primary" @click="submitForm('editform')">确定</el-button>
<el-button size="mini" @click="close">取 消</el-button>
</div>
</el-dialog>
</div>
</template>
<script>
export default {
data() {
var checkIsNull = (rule, value, callback) => {
if (value) {
if (value.trim() == "") {
callback(new Error("不允许只输入空格"));
} else {
callback();
}
}
};
return {
type:true,
value1: "",
page: { currentPage: 1, pageSize: 10, total: 0 },
tableData: [],
FormVisible: false,
FormVisible1: false,
formLabelWidth: "100px",
form: {
name: ""
},
editform: {
menuName: "",
menuUrl: "",
parentId: "",
sort: "",
id: ""
},
classForm: {
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: "assetType/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);
},
// 重置
Reset(){
// this.$refs["form"].resetFields();
this.form = {}
this.Search()
},
// // 获取当前查询参数
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: "videoContentAdd", query: { type: "add" } });
$('.el-dialog__title').html('新建');
this.FormVisible1 = true;
this.type = true
},
// 新建视频分类确认保存
permisSave() {
let _this = this;
_this.$refs.classForm.validate(valid => {
if (valid) {
_this
.$https(
{ url: "assetType/save", method: "post", authType: this.backToken },
// _this.$qs.stringify(_this.classForm)
_this.classForm
)
.then(
res => {
if (res.data.code == 200 || res.data.code == 201) {
_this.$message({
type: "success",
message: '新建成功！'
});
//跳回用户列表
_this.onSearch();
_this.FormVisible1 = false;
for (let key in _this.classForm) {
_this.classForm[key] = null;
}
_this.$refs["classForm"].resetFields();
} else {
_this.$message({
type: "error",
message: res.data.msg
});
}
},
error => {
_this.$message({
type: "error",
message: error
});
}
);
}
});
},
// 请填写驳回原因视频分类确认保存
permisEdit() {
let _this = this;
_this.$refs.classForm.validate(valid => {
if (valid) {
_this
.$https(
{ url: "assetType/update", method: "put", authType: this.backToken },
_this.$qs.stringify(_this.classForm)
// _this.classForm
)
.then(
res => {
if (res.data.code == 200 || res.data.code == 201) {
_this.$message({
type: "success",
message: '新建成功！'
});
//跳回用户列表
_this.onSearch();
_this.FormVisible1 = false;
for (let key in _this.classForm) {
_this.classForm[key] = null;
}
_this.$refs["classForm"].resetFields();
} else {
_this.$message({
type: "error",
message: res.data.msg
});
}
},
error => {
_this.$message({
type: "error",
message: error
});
}
);
}
});
},
// 请填写驳回原因关闭
close() {
this.FormVisible1 = false;
for (let key in this.classForm) {
this.classForm[key] = null;
}
this.$refs["classForm"].resetFields();
// this.FormVisible = false;
// this.$refs["editform"].resetFields();
},
// 新增关闭
close1() {
this.FormVisible1 = false;
for (let key in this.classForm) {
this.classForm[key] = null;
}
this.$refs["classForm"].resetFields();
},
// 通过
adopt(row){
this.$message({type: 'success', message: '审核通过!'});
},
// 请填写驳回原因弹框
reject(row) {
this.type = false
$('.el-dialog__title').html('请填写驳回原因');
let _this=this;
//成功之后清除数据
// for (let key in this.editform) {
// _this.editform[key]=null;
// }
// _this.editform= Object.assign({}, row);
_this.FormVisible1 = true;
// this.getAssetTypeInfo(row.id)
},
// 获取视频分类详情
getAssetTypeInfo(id){
let vm = this;
vm.$https(
{
url: "assetType/get/" + id,
method: "get",
authType: this.backToken
},
// param
)
.then(res => {
let data = res.data.data;
this.classForm = data
})
.catch(function(err) {
console.log(err);
});
},
openDetails() {
let _this = this;
_this.FormVisible = true;
// $('.el-dialog__title').html('请填写驳回原因');
// let _this=this;
// _this.FormVisible1 = true;
},
// 删除
handleDelete(row) {
let _this = this;
this.$confirm("此操作将永久删除, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(() => {
_this.$https({
method: 'delete',
url: 'assetType/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;
},
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: "请至少选择一个选项！"
});
}
}
}
};
</script>
<style lang="less">
.imgSize{
width: 160px;
height: 100px;
}
.iconImg{
height: 32px;
width: 32px;
margin-right: 8px;
}
// @import "../../../../style/common";
// @import "../../style/list";
@import "../../../style/dialog.less";
@import '../../../style/table.less';
@import '../../../style/pagination.less';
</style>
src/page/check/learn/details.vue 0 → 100644
View file @ 5ba8a29a
<template>
<div class="info">
<div class="info-header">学习内容详情</div>
<div class="info-container">
<div class="info-wrapper">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="建党伟业" name="1">
<el-form
class="demo-form-inline"
:inline="true"
:model="formInline"
label-position="top"
>
<el-form-item label="学习内容宣传图" class="w50">
<img class="imgSize" src alt />
</el-form-item>
<el-form-item label="展板宣传图">
<img class="imgSize" src alt />
</el-form-item>
<el-form-item label="展板名称" class="w50">
xxxxxxx
<!-- <el-input v-model="formInline.user" placeholder="审批人"></el-input> -->
</el-form-item>
<el-form-item label="展板版权方">
xxxxxxx
<!-- <el-input v-model="formInline.user" placeholder="审批人"></el-input> -->
</el-form-item>
<el-form-item label="展板简介">
各区域为夫妻房我发给各区域为夫妻房我发给各区域为夫妻房我发给各区域为夫妻房我发给各区域为夫妻房我发给各区域为夫妻房我发给各区域为夫妻房我发给
<!-- <el-input type="textarea" v-model="formInline.remarks"></el-input> -->
</el-form-item>
<el-form-item label="展板视频" class="w100">
<div>
<img class="iconImg" src alt />
<span>xxx.mp4</span>
</div>
</el-form-item>
<el-form-item label="展板音频">
<div>
<img class="iconImg" src alt />
<span>xxx.mp3</span>
</div>
</el-form-item>
</el-form>
</el-collapse-item>
<el-collapse-item title="改革之路" name="2">
<div>与现实生活一致：与现实生活的流程、逻辑保持一致，遵循用户习惯的语言和概念；</div>
<div>在界面中一致：所有的元素和结构需保持一致，比如：设计样式、图标和文本、元素的位置等。</div>
</el-collapse-item>
<el-collapse-item title="伟大复兴" name="3"></el-collapse-item>
<el-collapse-item title="辉煌成就" name="4"></el-collapse-item>
</el-collapse>
</div>
</div>
<div class="info-footer">
<div class="btn-group">
<el-button size="mini" type="primary" class="btn_form_search" @click="close">关闭</el-button>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
activeNames: ["1"],
formInline: {
user: "",
region: ""
}
};
},
methods: {
close() {
history.go(-1);
},
handleChange(val) {
console.log(val);
}
}
};
</script>
<style lang="less">
</style>
\ No newline at end of file
src/page/check/learn/index-.vue 0 → 100644
View file @ 5ba8a29a
<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/check/learn/index.vue 0 → 100644
View file @ 5ba8a29a
<template>
<div class="listPage H100">
<div class="search-container">
<el-form :inline="true" :model="form" ref="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>
<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" @click="Reset">重置</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 label="视频名称" prop="name"></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="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="删除"
type="text"
size="mini"
@click="handleDelete(scope.row)"
>删除&nbsp;&nbsp;</el-button>
<el-button
title="请填写驳回原因"
size="mini"
type="text"
@click="reject(scope.row)"
>请填写驳回原因&nbsp;&nbsp;</el-button> -->
<el-button title="查看详情" size="mini" type="text" @click="openDetails(scope.row)">查看详情</el-button>
</el-button-group>
</template>
</el-table-column>
<el-table-column label="审核" header-align="center" align="center">
<template slot-scope="scope" width="220">
<el-button-group>
<!-- <el-button
title="删除"
type="text"
size="mini"
@click="handleDelete(scope.row)"
>删除&nbsp;&nbsp;</el-button> -->
<el-button
size="mini"
type="text"
@click="reject(scope.row)"
>驳回&nbsp;&nbsp;</el-button>
<el-button
size="mini"
type="text"
@click="adopt(scope.row)"
>通过&nbsp;&nbsp;</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>
<!--新增弹框-->
<el-dialog title="新建" custom-class="party-dialog" width="468px" :visible.sync="FormVisible1" :before-close="close1">
<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="驳回原因：">
<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" v-show="type" type="primary" @click="permisSave">确定</el-button>
<el-button size="mini" v-show="!type" type="primary" @click="permisEdit">确定</el-button>
<el-button size="mini" @click="close1">取 消</el-button>
</div>
</el-dialog>
<!--请填写驳回原因-->
<el-dialog custom-class="party-dialog" title="请填写驳回原因" width="468px" :visible.sync="FormVisible" :before-close="close" >
<div class="dialog-content">
<el-form :model="editform" disabled class="party-form" ref="editform" label-width="80px" label-position="right" :rules="rules">
<el-form-item label="审核层级：" :label-width="formLabelWidth">
<el-input
size="small"
v-model="editform.sort"
auto-complete="off"
clearable
></el-input>
</el-form-item>
<el-form-item label="审核时间：" :label-width="formLabelWidth">
<el-input
size="small"
v-model="editform.menuName"
auto-complete="off"
clearable
onkeyup="this.value=this.value.replace(/^ +| +$/g,'')"
></el-input>
</el-form-item>
<el-form-item label="审核结果：" :label-width="formLabelWidth">
<el-input
size="small"
v-model="editform.menuUrl"
auto-complete="off"
clearable
onkeyup="this.value=this.value.replace(/^ +| +$/g,'')"
></el-input>
</el-form-item>
<el-form-item label="驳回原因：" :label-width="formLabelWidth">
<el-input type="textarea" v-model="editform.desc"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer btn-group">
<el-button size="mini" type="primary" @click="submitForm('editform')">确定</el-button>
<el-button size="mini" @click="close">取 消</el-button>
</div>
</div>
</el-dialog>
</div>
</template>
<script>
export default {
data() {
var checkIsNull = (rule, value, callback) => {
if (value) {
if (value.trim() == "") {
callback(new Error("不允许只输入空格"));
} else {
callback();
}
}
};
return {
type:true,
value1: "",
page: { currentPage: 1, pageSize: 10, total: 0 },
tableData: [],
FormVisible: false,
FormVisible1: false,
formLabelWidth: "100px",
form: {
name: ""
},
editform: {
menuName: "",
menuUrl: "",
parentId: "",
sort: "",
id: ""
},
classForm: {
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: "assetType/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);
},
// 重置
Reset(){
// this.$refs["form"].resetFields();
this.form = {}
this.Search()
},
// // 获取当前查询参数
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: "videoContentAdd", query: { type: "add" } });
$('.el-dialog__title').html('新建');
this.FormVisible1 = true;
this.type = true
},
// 新建视频分类确认保存
permisSave() {
let _this = this;
_this.$refs.classForm.validate(valid => {
if (valid) {
_this
.$https(
{ url: "assetType/save", method: "post", authType: this.backToken },
// _this.$qs.stringify(_this.classForm)
_this.classForm
)
.then(
res => {
if (res.data.code == 200 || res.data.code == 201) {
_this.$message({
type: "success",
message: '新建成功！'
});
//跳回用户列表
_this.onSearch();
_this.FormVisible1 = false;
for (let key in _this.classForm) {
_this.classForm[key] = null;
}
_this.$refs["classForm"].resetFields();
} else {
_this.$message({
type: "error",
message: res.data.msg
});
}
},
error => {
_this.$message({
type: "error",
message: error
});
}
);
}
});
},
// 请填写驳回原因视频分类确认保存
permisEdit() {
let _this = this;
_this.$refs.classForm.validate(valid => {
if (valid) {
_this
.$https(
{ url: "assetType/update", method: "put", authType: this.backToken },
_this.$qs.stringify(_this.classForm)
// _this.classForm
)
.then(
res => {
if (res.data.code == 200 || res.data.code == 201) {
_this.$message({
type: "success",
message: '新建成功！'
});
//跳回用户列表
_this.onSearch();
_this.FormVisible1 = false;
for (let key in _this.classForm) {
_this.classForm[key] = null;
}
_this.$refs["classForm"].resetFields();
} else {
_this.$message({
type: "error",
message: res.data.msg
});
}
},
error => {
_this.$message({
type: "error",
message: error
});
}
);
}
});
},
// 请填写驳回原因关闭
close() {
this.FormVisible1 = false;
for (let key in this.classForm) {
this.classForm[key] = null;
}
this.$refs["classForm"].resetFields();
// this.FormVisible = false;
// this.$refs["editform"].resetFields();
},
// 新增关闭
close1() {
this.FormVisible1 = false;
for (let key in this.classForm) {
this.classForm[key] = null;
}
this.$refs["classForm"].resetFields();
},
// 通过
adopt(row){
this.$message({type: 'success', message: '审核通过!'});
},
// 请填写驳回原因弹框
reject(row) {
this.type = false
$('.el-dialog__title').html('请填写驳回原因');
let _this=this;
//成功之后清除数据
// for (let key in this.editform) {
// _this.editform[key]=null;
// }
// _this.editform= Object.assign({}, row);
_this.FormVisible1 = true;
// this.getAssetTypeInfo(row.id)
},
// 获取视频分类详情
getAssetTypeInfo(id){
let vm = this;
vm.$https(
{
url: "assetType/get/" + id,
method: "get",
authType: this.backToken
},
// param
)
.then(res => {
let data = res.data.data;
this.classForm = data
})
.catch(function(err) {
console.log(err);
});
},
openDetails(row) {
this.$router.push({ path: "checkLearnDetails", query: { id: row.id } })
// let _this = this;
// _this.FormVisible = true;
// $('.el-dialog__title').html('请填写驳回原因');
// let _this=this;
// _this.FormVisible1 = true;
},
// 删除
handleDelete(row) {
let _this = this;
this.$confirm("此操作将永久删除, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(() => {
_this.$https({
method: 'delete',
url: 'assetType/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;
},
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: "请至少选择一个选项！"
});
}
}
}
};
</script>
<style lang="less">
// @import "../../../../style/common";
// @import "../../style/list";
@import "../../../style/dialog.less";
@import '../../../style/table.less';
@import '../../../style/pagination.less';
</style>
src/page/check/video/details.vue 0 → 100644
View file @ 5ba8a29a
fefe
\ No newline at end of file
src/page/check/video/index.vue 0 → 100644
View file @ 5ba8a29a
<template>
<div class="listPage H100">
<div class="search-container">
<el-form :inline="true" :model="form" ref="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>
<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" @click="Reset">重置</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 label="视频名称" prop="name"></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="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="删除"
type="text"
size="mini"
@click="handleDelete(scope.row)"
>删除&nbsp;&nbsp;</el-button>
<el-button
title="请填写驳回原因"
size="mini"
type="text"
@click="reject(scope.row)"
>请填写驳回原因&nbsp;&nbsp;</el-button> -->
<el-button title="查看详情" size="mini" type="text" @click="openDetails(scope.row)">查看详情</el-button>
</el-button-group>
</template>
</el-table-column>
<el-table-column label="审核" header-align="center" align="center">
<template slot-scope="scope" width="220">
<el-button-group>
<!-- <el-button
title="删除"
type="text"
size="mini"
@click="handleDelete(scope.row)"
>删除&nbsp;&nbsp;</el-button> -->
<el-button
size="mini"
type="text"
@click="reject(scope.row)"
>驳回&nbsp;&nbsp;</el-button>
<el-button
size="mini"
type="text"
@click="adopt(scope.row)"
>通过&nbsp;&nbsp;</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>
<!--新增弹框-->
<el-dialog title="新建" custom-class="party-dialog" width="468px" :visible.sync="FormVisible1" :before-close="close1">
<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="驳回原因：">
<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" v-show="type" type="primary" @click="permisSave">确定</el-button>
<el-button size="mini" v-show="!type" type="primary" @click="permisEdit">确定</el-button>
<el-button size="mini" @click="close1">取 消</el-button>
</div>
</el-dialog>
<!--请填写驳回原因-->
<el-dialog custom-class="party-dialog" title="请填写驳回原因" width="468px" :visible.sync="FormVisible" :before-close="close" >
<div class="dialog-content">
<el-form :model="editform" disabled class="party-form" ref="editform" label-width="80px" label-position="right" :rules="rules">
<el-form-item label="审核层级：" :label-width="formLabelWidth">
<el-input
size="small"
v-model="editform.sort"
auto-complete="off"
clearable
></el-input>
</el-form-item>
<el-form-item label="审核时间：" :label-width="formLabelWidth">
<el-input
size="small"
v-model="editform.menuName"
auto-complete="off"
clearable
onkeyup="this.value=this.value.replace(/^ +| +$/g,'')"
></el-input>
</el-form-item>
<el-form-item label="审核结果：" :label-width="formLabelWidth">
<el-input
size="small"
v-model="editform.menuUrl"
auto-complete="off"
clearable
onkeyup="this.value=this.value.replace(/^ +| +$/g,'')"
></el-input>
</el-form-item>
<el-form-item label="驳回原因：" :label-width="formLabelWidth">
<el-input type="textarea" v-model="editform.desc"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer btn-group">
<el-button size="mini" type="primary" @click="submitForm('editform')">确定</el-button>
<el-button size="mini" @click="close">取 消</el-button>
</div>
</div>
</el-dialog>
</div>
</template>
<script>
export default {
data() {
var checkIsNull = (rule, value, callback) => {
if (value) {
if (value.trim() == "") {
callback(new Error("不允许只输入空格"));
} else {
callback();
}
}
};
return {
type:true,
value1: "",
page: { currentPage: 1, pageSize: 10, total: 0 },
tableData: [],
FormVisible: false,
FormVisible1: false,
formLabelWidth: "100px",
form: {
name: ""
},
editform: {
menuName: "",
menuUrl: "",
parentId: "",
sort: "",
id: ""
},
classForm: {
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: "assetType/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);
},
// 重置
Reset(){
// this.$refs["form"].resetFields();
this.form = {}
this.Search()
},
// // 获取当前查询参数
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: "videoContentAdd", query: { type: "add" } });
$('.el-dialog__title').html('新建');
this.FormVisible1 = true;
this.type = true
},
// 新建视频分类确认保存
permisSave() {
let _this = this;
_this.$refs.classForm.validate(valid => {
if (valid) {
_this
.$https(
{ url: "assetType/save", method: "post", authType: this.backToken },
// _this.$qs.stringify(_this.classForm)
_this.classForm
)
.then(
res => {
if (res.data.code == 200 || res.data.code == 201) {
_this.$message({
type: "success",
message: '新建成功！'
});
//跳回用户列表
_this.onSearch();
_this.FormVisible1 = false;
for (let key in _this.classForm) {
_this.classForm[key] = null;
}
_this.$refs["classForm"].resetFields();
} else {
_this.$message({
type: "error",
message: res.data.msg
});
}
},
error => {
_this.$message({
type: "error",
message: error
});
}
);
}
});
},
// 请填写驳回原因视频分类确认保存
permisEdit() {
let _this = this;
_this.$refs.classForm.validate(valid => {
if (valid) {
_this
.$https(
{ url: "assetType/update", method: "put", authType: this.backToken },
_this.$qs.stringify(_this.classForm)
// _this.classForm
)
.then(
res => {
if (res.data.code == 200 || res.data.code == 201) {
_this.$message({
type: "success",
message: '新建成功！'
});
//跳回用户列表
_this.onSearch();
_this.FormVisible1 = false;
for (let key in _this.classForm) {
_this.classForm[key] = null;
}
_this.$refs["classForm"].resetFields();
} else {
_this.$message({
type: "error",
message: res.data.msg
});
}
},
error => {
_this.$message({
type: "error",
message: error
});
}
);
}
});
},
// 请填写驳回原因关闭
close() {
this.FormVisible1 = false;
for (let key in this.classForm) {
this.classForm[key] = null;
}
this.$refs["classForm"].resetFields();
// this.FormVisible = false;
// this.$refs["editform"].resetFields();
},
// 新增关闭
close1() {
this.FormVisible1 = false;
for (let key in this.classForm) {
this.classForm[key] = null;
}
this.$refs["classForm"].resetFields();
},
// 通过
adopt(row){
this.$message({type: 'success', message: '审核通过!'});
},
// 请填写驳回原因弹框
reject(row) {
this.type = false
$('.el-dialog__title').html('请填写驳回原因');
let _this=this;
//成功之后清除数据
// for (let key in this.editform) {
// _this.editform[key]=null;
// }
// _this.editform= Object.assign({}, row);
_this.FormVisible1 = true;
// this.getAssetTypeInfo(row.id)
},
// 获取视频分类详情
getAssetTypeInfo(id){
let vm = this;
vm.$https(
{
url: "assetType/get/" + id,
method: "get",
authType: this.backToken
},
// param
)
.then(res => {
let data = res.data.data;
this.classForm = data
})
.catch(function(err) {
console.log(err);
});
},
openDetails() {
let _this = this;
_this.FormVisible = true;
// $('.el-dialog__title').html('请填写驳回原因');
// let _this=this;
// _this.FormVisible1 = true;
},
// 删除
handleDelete(row) {
let _this = this;
this.$confirm("此操作将永久删除, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(() => {
_this.$https({
method: 'delete',
url: 'assetType/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;
},
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: "请至少选择一个选项！"
});
}
}
}
};
</script>
<style lang="less">
// @import "../../../../style/common";
// @import "../../style/list";
@import "../../../style/dialog.less";
@import '../../../style/table.less';
@import '../../../style/pagination.less';
</style>
src/page/content/display/classify/index.vue
View file @ 5ba8a29a
<template>
<div class="listPage H100">
<div class="search-container">
<el-form :inline="true" :model="form" class="search-form" onsubmit="return false;">
<el-form :inline="true" :model="form" ref="form" class="search-form" onsubmit="return false;">
<el-form-item label="版权方名称">
<el-input
size="mini"
......@@ -23,7 +23,7 @@
<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>
<el-button size="mini" class="btn_form_search" @click="Reset">重置</el-button>
</div>
</el-form-item>
</el-form>
......@@ -83,7 +83,7 @@
</div>
</div>
<!--新增弹框-->
<el-dialog title="新建" class="newPermis" :visible.sync="FormVisible1" :before-close="close1">
<el-dialog title="新建" custom-class="party-dialog" width="468px" :visible.sync="FormVisible1" :before-close="close1">
<div class="dialog-content">
<el-form
:model="classForm"
......@@ -254,7 +254,7 @@ export default {
// param
)
.then(res => {
let data = res.data.body;
let data = res.data.data;
vm.page.pageSize = data.size;
vm.page.total = data.total;
vm.tableData = data.records;
......@@ -284,6 +284,12 @@ export default {
};
this.getTableData(searchObj);
},
// 重置
Reset(){
// this.$refs["form"].resetFields();
this.form = {}
this.Search()
},
// // 获取当前查询参数
getSearchQuery() {
let _this = this;
......@@ -396,8 +402,8 @@ export default {
this.classForm[key] = null;
}
this.$refs["classForm"].resetFields();
// this.FormVisible = false;
// this.$refs["editform"].resetFields();
// this.FormVisible = false;
// this.$refs["editform"].resetFields();
},
// 新增关闭
close1() {
......@@ -433,7 +439,7 @@ export default {
)
.then(res => {
let data = res.data.body;
let data = res.data.data;
this.classForm = data
})
.catch(function(err) {
......@@ -582,7 +588,6 @@ export default {
<style lang="less">
// @import "../../../../style/common";
// @import "../../style/list";
// @import "../../../../style/dialog";
@import "../../../../style/dialog.less";
@import '../../../../style/table.less';
@import '../../../../style/pagination.less';
......
src/page/content/display/content/add-----.vue 0 → 100644
View file @ 5ba8a29a
<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
View file @ 5ba8a29a
<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>
<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 {
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: ""
dealForm: {
solutions: '111',
dealStatus: 'ww',
dealFunction: 'qq'
},
value1: "",
ruleForm: {
name: "",
region: "",
date1: "",
date2: "",
delivery: false,
type: [],
resource: "",
desc: ""
dealFormRules: {
uploadImg: [{ validator: validateLicense }],
uploadFile: [{ validator: fileValidate }]
},
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" }]
}
uploadFile: [],
uploadImg: [],
imgSizeIsSatisfy: [],
fileSizeIsSatisfy: []
};
},
methods: {
// 新建视频分类
addVideoClass() {
this.dialogVisible = true;
imgBeforeUpload(file) {
this.uploadImg.push(file);
return false;
// 返回false，停止上传
},
save() {
this.dialogVisible = false;
fileBeforeUpload(file) {
this.uploadFile.push(file);
return false;
},
// 新增关闭
close() {
this.dialogVisible = false;
for (let key in this.classForm) {
this.classForm[key] = null;
}
this.$refs["classForm"].resetFields();
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);
});
// }
// });
},
submitForm(formName) {
this.$refs[formName].validate(valid => {
if (valid) {
alert("submit!");
} else {
console.log("error submit!!");
return false;
}
});
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');
// }
},
resetForm(formName) {
this.$refs[formName].resetFields();
history.go(-1);
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');
}
},
getSelectDep(department) {
// debugger
if (department.length === this.departments.length) {
this.checkedThing = true;
} else {
this.checkedThing = false;
fileOnChange(file, fileList) {
const isLt2M = file.size / 1024 / 1024 < 10;
if (!isLt2M) {
this.fileSizeIsSatisfy.push(file.name);
this.$refs.dealForm.validateField('uploadFile');
}
},
selectAllThing() {
// debugger
this.department = [];
if (this.checkedThing) {
this.departments.map(item => {
this.department.push(item.label);
});
} else {
this.department = [];
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 lang="less">
@import "../../style/add";
@import "../../../../style/dialog";
<style>
</style>
\ No newline at end of file
src/page/content/display/content/index.vue
View file @ 5ba8a29a
......@@ -23,7 +23,7 @@
<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>
<el-button size="mini" class="btn_form_search" @click="Reset">重置</el-button>
</div>
</el-form-item>
</el-form>
......@@ -201,6 +201,11 @@ export default {
let param = _this.getSearchQuery();
_this.getTableData(param);
},
// 重置
Reset(){
this.form = {}
this.Search()
},
Search() {
let _this = this;
_this.page.currentPage = 1;
......
src/page/content/display/copyright/index.vue
View file @ 5ba8a29a
......@@ -182,7 +182,7 @@ export default {
// param
)
.then(res => {
let data = res.data.body;
let data = res.data.data;
vm.page.pageSize = data.size;
vm.page.total = data.total;
vm.tableData = data.records;
......
src/page/content/learn/add.vue deleted 100644 → 0
View file @ 02e4739b
<template>
<h1>ddddd</h1>
</template>
\ No newline at end of file
src/page/content/learn/content/add.vue 0 → 100644
View file @ 5ba8a29a
<template>
<div class="info">
<div class="info-header">新建学习内容</div>
<div class="info-container">
<div class="info-wrapper">
<el-form class="demo-form-inline" :inline="true" :model="ruleForm" label-position="top">
<el-form-item label="学习内容名称" class="w50" style="padding-right:100px;">
<el-input v-model="ruleForm.name"></el-input>
</el-form-item>
<el-form-item label="适用范围">
全平台
<!-- <el-input v-model="ruleForm.name" ></el-input> -->
</el-form-item>
<el-form-item label="学习内容宣传图" class="w100">
<img class="imgSize" src alt />
</el-form-item>
<el-form-item class="selectH100 w50" 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 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="展板备选清单" class="w100"></el-form-item>
</el-form>
<div class>
<el-table
border
style="width: 100%;height:300px;overflow:auto;"
height="100%"
ref="multipleTable"
:data="tableData"
>
<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 label="操作">
<template slot-scope="scope">
<el-button
type="text"
style="padding:0"
:disabled="scope.$index == 0"
@click="moveUpward(scope.row, scope.$index)"
>上移</el-button>
<el-button
type="text"
style="padding:0"
:disabled="(scope.$index + 1) == tableData.length"
@click="moveDown(scope.row, scope.$index)"
>下移</el-button>
</template>
</el-table-column>
</el-table>
</div>
</div>
</div>
<div class="info-footer">
<div class="btn-group">
<!-- 确定、取消 -->
<el-button size="mini" type="primary" class="btn_form_search" @click="addSubmit">确定</el-button>
<el-button size="mini" class="btn_form_search" @click="close">取消</el-button>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
assetType: [],
checkedThing: false,
selfstyle: {
textAlign: "right",
width: "100%",
paddingRight: "10px"
},
tableData: [
{
id: "1",
name: "1"
},
{
id: "2",
name: "2"
},
{
id: "3",
name: "3"
}
],
ruleForm: {
user: "",
region: ""
}
};
},
methods: {
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 = [];
}
},
// 获取视频分类列表
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);
});
},
// 新增
addSubmit() {
// 至少选一个备选清单 提示
alert("请先至少选择一个展板备选清单");
},
close() {
history.go(-1);
},
moveUpward(row, index) {
if (index > 0) {
let upData = this.tableData[index - 1];
this.tableData.splice(index - 1, 1);
this.tableData.splice(index, 0, upData);
} else {
this.$message({
message: "已经是第一条，上移失败",
type: "warning"
});
}
},
moveDown(row, index) {
if (index + 1 == this.tableData.length) {
this.$message({
message: "已经是最后一条，下移失败",
type: "warning"
});
} else {
let downData = this.tableData[index + 1];
this.tableData.splice(index + 1, 1);
this.tableData.splice(index, 0, downData);
}
}
}
};
</script>
<style lang="less">
</style>
\ No newline at end of file
src/page/content/learn/content/details.vue 0 → 100644
View file @ 5ba8a29a
<template>
<div class="info">
<div class="info-header">学习内容详情</div>
<div class="info-container">
<div class="info-wrapper">
<el-collapse v-model="activeNames" @change="handleChange">
<el-collapse-item title="审核意见" name="1">
<el-form
class="demo-form-inline"
:inline="true"
:model="formInline"
label-position="top"
>
<el-form-item label="审核层级" class="w100">
<span class="w50 l-float">
<strong>初审</strong> 2021/02/02
</span>
<span class="w50">
<strong>复审</strong> 2021/02/23
</span>
</el-form-item>
<el-form-item label="审核结果" class="w50">驳回</el-form-item>
<el-form-item
label="驳回原因"
>各区域为夫妻房我发给各区域为夫妻房我发给各区域为夫妻房我发给各区域为夫妻房我发给各区域为夫妻房我发给各区域为夫妻房我发给各区域为夫妻房我发给</el-form-item>
</el-form>
</el-collapse-item>
<el-collapse-item title="学习内容" name="2">
<el-form
class="demo-form-inline"
:inline="true"
:model="formInline"
label-position="top"
>
<el-form-item label="学习内容名称" class="w50">xxxxxxx</el-form-item>
<el-form-item label="学习内容宣传图" class="w50">
<img class="imgSize" src alt />
</el-form-item>
</el-form>
</el-collapse-item>
<el-collapse-item title="展板列表" name="3">
{{tableData}}
<div class="party-table">
<el-table
border
style="width: 100%;height:100%"
height="100%"
ref="multipleTable"
:data="tableData"
>
<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 label="操作">
<template slot-scope="scope">
<el-button
type="text"
style="padding:0"
:disabled="scope.$index == 0"
@click="moveUpward(scope.row, scope.$index)"
>上移</el-button>
<el-button
type="text"
style="padding:0"
:disabled="(scope.$index + 1) == tableData.length"
@click="moveDown(scope.row, scope.$index)"
>下移</el-button>
</template>
</el-table-column>
</el-table>
</div>
</el-collapse-item>
</el-collapse>
</div>
</div>
<div class="info-footer">
<div class="btn-group">
<!-- 确定、取消 -->
<el-button size="mini" type="primary" class="btn_form_search" @click="close">关闭</el-button>
</div>
</div>
</div>
</template>
<script>
export default {
data() {
return {
tableData: [
{
id: "1",
name: "1"
},
{
id: "2",
name: "2"
},
{
id: "3",
name: "3"
}
],
activeNames: ["1"],
formInline: {
user: "",
region: ""
}
};
},
methods: {
close() {
history.go(-1);
},
handleChange(val) {
console.log(val);
},
moveUpward(row, index) {
if (index > 0) {
let upData = this.tableData[index - 1];
this.tableData.splice(index - 1, 1);
this.tableData.splice(index, 0, upData);
} else {
this.$message({
message: "已经是第一条，上移失败",
type: "warning"
});
}
},
moveDown(row, index) {
if (index + 1 == this.tableData.length) {
this.$message({
message: "已经是最后一条，下移失败",
type: "warning"
});
} else {
let downData = this.tableData[index + 1];
this.tableData.splice(index + 1, 1);
this.tableData.splice(index, 0, downData);
}
}
}
};
</script>
<style lang="less">
</style>
\ No newline at end of file
src/page/content/learn/index.vue → src/page/content/learn/content/index.vue
View file @ 5ba8a29a
......@@ -23,7 +23,7 @@
<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>
<el-button size="mini" class="btn_form_search" @click="Reset">重置</el-button>
</div>
</el-form-item>
</el-form>
......@@ -35,6 +35,7 @@
<div class="table-content">
<div class="btn-group">
<el-button type="primary" @click="addPermis()">新建学习内容</el-button>
<el-button type="primary" @click="learnDetails()">学习内容详情界面</el-button>
</div>
<div class="party-table">
<el-table
......@@ -45,11 +46,11 @@
@selection-change="handleSelectionChange"
>
<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="menuUrl"></el-table-column>
<el-table-column label="创建时间" prop="sort"></el-table-column>
<el-table-column label="版权方有效期" prop="sort"></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="assetTypeNames"></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>
......@@ -140,7 +141,7 @@ export default {
computed: {},
mounted() {
this.onSearch();
this.getPermis();
// this.getPermis();
},
components: {},
methods: {
......@@ -174,14 +175,15 @@ export default {
let vm = this;
vm.$https(
{
url: "menu/getMenuList",
method: "get",
url: "copyrightOwner/getPageList",
method: "post",
authType: this.backToken
},
param
vm.$qs.stringify(param)
// param
)
.then(res => {
let data = res.data;
let data = res.data.data;
vm.page.pageSize = data.size;
vm.page.total = data.total;
vm.tableData = data.records;
......@@ -201,6 +203,12 @@ export default {
let param = _this.getSearchQuery();
_this.getTableData(param);
},
// 重置
Reset(){
// this.$refs["form"].resetFields();
this.form = {}
this.Search()
},
Search() {
let _this = this;
_this.page.currentPage = 1;
......@@ -227,10 +235,14 @@ export default {
},
// 添加
addPermis() {
this.$router.push({ path: "learnAdd", query: { type: "add" } });
this.$router.push({ path: "learnContentAdd", query: { type: "add" } });
// $('.el-dialog__title').html('新建');
// this.FormVisible1 = true;
},
// 学习内容详情
learnDetails(){
this.$router.push({ path: "learnContentDetails", query: { id: "111" } });
},
// 添加权限
permisSave() {
let _this = this;
......@@ -288,8 +300,8 @@ export default {
// 编辑弹框
openEdit(row) {
this.$router.push({
path: "learnUpdate",
query: { type: "Update" }
path: "videoCopyrightUpdate",
query: { type: "Update" ,id :row.id}
});
// alert('编辑')
// $('.el-dialog__title').html('编辑');
......@@ -310,17 +322,17 @@ export default {
type: "warning"
})
.then(() => {
// _this.$https({
// method: 'delete',
// url: 'menu/delete?menuId='+ row.id,
// authType: this.backToken
// }).then((res) => {
// this.$message({type: 'success', message: '删除成功!'});
// _this.Search();
// }, (error) => {
// this.$message({type: 'fail', message: "删除失败!" + error.response.data});
// }
// )
_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(() => {});
},
......@@ -380,57 +392,6 @@ export default {
handleSelectionChange(selection) {
let _this = this;
_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: "请至少选择一个选项！"
});
}
}
}
};
......@@ -439,6 +400,6 @@ export default {
<style lang="less">
// @import "../../../../style/common";
// @import "../../style/list";
@import '../../../style/table.less';
@import '../../../style/pagination.less';
@import '../../../../style/table.less';
@import '../../../../style/pagination.less';
</style>
src/page/content/learn/project/index.vue 0 → 100644
View file @ 5ba8a29a
<template>
<div class="listPage H100">
<div class="search-container">
<el-form :inline="true" :model="form" ref="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" @click="Reset">重置</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 label="视频分类" prop="name"></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="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="删除"
type="text"
size="mini"
@click="handleDelete(scope.row)"
>删除&nbsp;&nbsp;</el-button>
<el-button
title="编辑"
size="mini"
type="text"
@click="openEdit(scope.row)"
>编辑&nbsp;&nbsp;</el-button>
<!-- <el-button title="编辑" size="mini" type="text" @click="openDetails(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>
<!--新增弹框-->
<el-dialog title="新建" custom-class="party-dialog" width="468px" :visible.sync="FormVisible1" :before-close="close1">
<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" v-show="type" type="primary" @click="permisSave">确定</el-button>
<el-button size="mini" v-show="!type" type="primary" @click="permisEdit">确定</el-button>
<el-button size="mini" @click="close1">取 消</el-button>
</div>
</el-dialog>
<!--编辑-->
<el-dialog custom-class="party-dialog" title="编辑" width="468px" :visible.sync="FormVisible" :before-close="close" >
<div class="dialog-content">
<el-form :model="editform" disabled class="party-form" ref="editform" label-width="80px" label-position="right" :rules="rules">
<el-form-item label="审核层级：" :label-width="formLabelWidth">
<el-input
size="small"
v-model="editform.sort"
auto-complete="off"
clearable
></el-input>
</el-form-item>
<el-form-item label="审核时间：" :label-width="formLabelWidth">
<el-input
size="small"
v-model="editform.menuName"
auto-complete="off"
clearable
onkeyup="this.value=this.value.replace(/^ +| +$/g,'')"
></el-input>
</el-form-item>
<el-form-item label="审核结果：" :label-width="formLabelWidth">
<el-input
size="small"
v-model="editform.menuUrl"
auto-complete="off"
clearable
onkeyup="this.value=this.value.replace(/^ +| +$/g,'')"
></el-input>
</el-form-item>
<el-form-item label="驳回原因：" :label-width="formLabelWidth">
<el-input type="textarea" v-model="editform.desc"></el-input>
</el-form-item>
</el-form>
<div slot="footer" class="dialog-footer btn-group">
<el-button size="mini" type="primary" @click="submitForm('editform')">确定</el-button>
<el-button size="mini" @click="close">取 消</el-button>
</div>
</div>
</el-dialog>
</div>
</template>
<script>
export default {
data() {
var checkIsNull = (rule, value, callback) => {
if (value) {
if (value.trim() == "") {
callback(new Error("不允许只输入空格"));
} else {
callback();
}
}
};
return {
type:true,
value1: "",
page: { currentPage: 1, pageSize: 10, total: 0 },
tableData: [],
FormVisible: false,
FormVisible1: false,
formLabelWidth: "100px",
form: {
name: ""
},
editform: {
menuName: "",
menuUrl: "",
parentId: "",
sort: "",
id: ""
},
classForm: {
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: "assetType/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);
},
// 重置
Reset(){
// this.$refs["form"].resetFields();
this.form = {}
this.Search()
},
// // 获取当前查询参数
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: "videoContentAdd", query: { type: "add" } });
$('.el-dialog__title').html('新建');
this.FormVisible1 = true;
this.type = true
},
// 新建视频分类确认保存
permisSave() {
let _this = this;
_this.$refs.classForm.validate(valid => {
if (valid) {
_this
.$https(
{ url: "assetType/save", method: "post", authType: this.backToken },
// _this.$qs.stringify(_this.classForm)
_this.classForm
)
.then(
res => {
if (res.data.code == 200 || res.data.code == 201) {
_this.$message({
type: "success",
message: '新建成功！'
});
//跳回用户列表
_this.onSearch();
_this.FormVisible1 = false;
for (let key in _this.classForm) {
_this.classForm[key] = null;
}
_this.$refs["classForm"].resetFields();
} else {
_this.$message({
type: "error",
message: res.data.msg
});
}
},
error => {
_this.$message({
type: "error",
message: error
});
}
);
}
});
},
// 编辑视频分类确认保存
permisEdit() {
let _this = this;
_this.$refs.classForm.validate(valid => {
if (valid) {
_this
.$https(
{ url: "assetType/update", method: "put", authType: this.backToken },
_this.$qs.stringify(_this.classForm)
// _this.classForm
)
.then(
res => {
if (res.data.code == 200 || res.data.code == 201) {
_this.$message({
type: "success",
message: '新建成功！'
});
//跳回用户列表
_this.onSearch();
_this.FormVisible1 = false;
for (let key in _this.classForm) {
_this.classForm[key] = null;
}
_this.$refs["classForm"].resetFields();
} else {
_this.$message({
type: "error",
message: res.data.msg
});
}
},
error => {
_this.$message({
type: "error",
message: error
});
}
);
}
});
},
// 编辑关闭
close() {
this.FormVisible1 = false;
for (let key in this.classForm) {
this.classForm[key] = null;
}
this.$refs["classForm"].resetFields();
// this.FormVisible = false;
// this.$refs["editform"].resetFields();
},
// 新增关闭
close1() {
this.FormVisible1 = false;
for (let key in this.classForm) {
this.classForm[key] = null;
}
this.$refs["classForm"].resetFields();
},
// 编辑弹框
openEdit(row) {
this.type = false
$('.el-dialog__title').html('编辑');
let _this=this;
//成功之后清除数据
// for (let key in this.editform) {
// _this.editform[key]=null;
// }
// _this.editform= Object.assign({}, row);
_this.FormVisible1 = true;
this.getAssetTypeInfo(row.id)
},
// 获取视频分类详情
getAssetTypeInfo(id){
let vm = this;
vm.$https(
{
url: "assetType/get/" + id,
method: "get",
authType: this.backToken
},
// param
)
.then(res => {
let data = res.data.data;
this.classForm = data
})
.catch(function(err) {
console.log(err);
});
},
openDetails() {
let _this = this;
_this.FormVisible = true;
},
// 删除
handleDelete(row) {
let _this = this;
this.$confirm("此操作将永久删除, 是否继续?", "提示", {
confirmButtonText: "确定",
cancelButtonText: "取消",
type: "warning"
})
.then(() => {
_this.$https({
method: 'delete',
url: 'assetType/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;
},
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: "请至少选择一个选项！"
});
}
}
}
};
</script>
<style lang="less">
// @import "../../../../style/common";
// @import "../../style/list";
@import "../../../../style/dialog.less";
@import '../../../../style/table.less';
@import '../../../../style/pagination.less';
</style>
src/page/content/video/classify/index.vue
View file @ 5ba8a29a
<template>
<div class="listPage H100">
<div class="search-container">
<el-form :inline="true" :model="form" class="search-form" onsubmit="return false;">
<el-form :inline="true" :model="form" ref="form" class="search-form" onsubmit="return false;">
<el-form-item label="版权方名称">
<el-input
size="mini"
......@@ -23,7 +23,7 @@
<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>
<el-button size="mini" class="btn_form_search" @click="Reset">重置</el-button>
</div>
</el-form-item>
</el-form>
......@@ -83,7 +83,7 @@
</div>
</div>
<!--新增弹框-->
<el-dialog title="新建" class="newPermis" :visible.sync="FormVisible1" :before-close="close1">
<el-dialog title="新建" custom-class="party-dialog" width="468px" :visible.sync="FormVisible1" :before-close="close1">
<div class="dialog-content">
<el-form
:model="classForm"
......@@ -254,7 +254,7 @@ export default {
// param
)
.then(res => {
let data = res.data.body;
let data = res.data.data;
vm.page.pageSize = data.size;
vm.page.total = data.total;
vm.tableData = data.records;
......@@ -284,6 +284,12 @@ export default {
};
this.getTableData(searchObj);
},
// 重置
Reset(){
// this.$refs["form"].resetFields();
this.form = {}
this.Search()
},
// // 获取当前查询参数
getSearchQuery() {
let _this = this;
......@@ -433,7 +439,7 @@ export default {
)
.then(res => {
let data = res.data.body;
let data = res.data.data;
this.classForm = data
})
.catch(function(err) {
......
src/page/content/video/content/add--.vue
View file @ 5ba8a29a
......@@ -175,7 +175,7 @@ export default {
},
)
.then(res => {
let data = res.data.body;
let data = res.data.data;
// this.assetType = data
this.ruleForm = data
this.value1 = [data.expireDateStart,data.expireDateEnd]
......@@ -200,7 +200,7 @@ export default {
},
)
.then(res => {
let data = res.data.body;
let data = res.data.data;
this.assetType = data
// this.value1[0]=data.expireDateEnd
//this.value1[1]=data.expireDateStart
......
src/page/content/video/content/index.vue
View file @ 5ba8a29a
......@@ -23,7 +23,7 @@
<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>
<el-button size="mini" class="btn_form_search" @click="Reset">重置</el-button>
</div>
</el-form-item>
</el-form>
......@@ -289,7 +289,7 @@ export default {
// param
)
.then(res => {
let data = res.data.body;
let data = res.data.data;
vm.page.pageSize = data.size;
vm.page.total = data.total;
vm.tableData = data.records;
......@@ -309,6 +309,11 @@ export default {
let param = _this.getSearchQuery();
_this.getTableData(param);
},
// 重置
Reset(){
this.form = {}
this.Search()
},
Search() {
let _this = this;
_this.page.currentPage = 1;
......@@ -429,7 +434,7 @@ export default {
// param
)
.then(res => {
let data = res.data.body;
let data = res.data.data;
this.editform = data
})
.catch(function(err) {
......
src/page/content/video/copyright/add.vue
View file @ 5ba8a29a
......@@ -22,8 +22,8 @@
<span>若没有相应的视频分类，请点击</span>
<el-button type="text" @click="addVideoClass">新建视频分类</el-button>
</el-form-item>
<el-form-item label="请选择预设视频分类">
<el-select placeholder="请选择预设视频分类" @focus="getAssetTypeData" multiple v-model="ruleForm.assetTypeIdList" @change="getSelectDep">
<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"
......@@ -38,8 +38,8 @@
</el-form-item>
<el-form-item>
<div class=" btn-group">
<el-button type="primary" v-show="type === 'add'" @click="submitForm('ruleForm')">确定</el-button>
<el-button type="primary" v-show="type === 'Update'" @click="updateForm('ruleForm')">确定</el-button>
<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>
......@@ -170,7 +170,7 @@ export default {
},
)
.then(res => {
let data = res.data.body;
let data = res.data.data;
// this.assetType = data
this.ruleForm = data
this.value1 = [data.expireDateStart,data.expireDateEnd]
......@@ -195,7 +195,7 @@ export default {
},
)
.then(res => {
let data = res.data.body;
let data = res.data.data;
this.assetType = data
// this.value1[0]=data.expireDateEnd
//this.value1[1]=data.expireDateStart
......@@ -323,7 +323,7 @@ export default {
this.ruleForm.assetTypeIdList = [];
if (this.checkedThing) {
this.assetType.map(item => {
this.ruleForm.assetTypeIdList.push(item.label);
this.ruleForm.assetTypeIdList.push(item.id);
});
} else {
this.ruleForm.assetTypeIdList = [];
......
src/page/content/video/copyright/index.vue
View file @ 5ba8a29a
......@@ -23,7 +23,7 @@
<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>
<el-button size="mini" class="btn_form_search" @click="Reset">重置</el-button>
</div>
</el-form-item>
</el-form>
......@@ -182,7 +182,7 @@ export default {
// param
)
.then(res => {
let data = res.data.body;
let data = res.data.data;
vm.page.pageSize = data.size;
vm.page.total = data.total;
vm.tableData = data.records;
......@@ -202,6 +202,12 @@ export default {
let param = _this.getSearchQuery();
_this.getTableData(param);
},
// 重置
Reset(){
// this.$refs["form"].resetFields();
this.form = {}
this.Search()
},
Search() {
let _this = this;
_this.page.currentPage = 1;
......
src/page/content/video/remit/index.vue
View file @ 5ba8a29a
<template>
<h1>视频汇出</h1>
</template>
\ No newline at end of file
<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" @click="Reset">重置</el-button>
</div>
</el-form-item>
</el-form>
<div class="page-tip">
<span class="page-tip-title">页面说明:</span>
<span class="page-tips">可使用版权方、视频分类、视频名称模糊搜索对需要汇出的视频进行快速检索，选定视频后将视频汇出到指定U盘。</span>
</div>
</div>
<div class="table-content">
<div class="btn-group">
<el-button type="primary" @click="multipleRemit()">汇出</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="selection" width="55"></el-table-column>
<el-table-column type="index" width="120" label="序号"></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="createTime"></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 {
type: true,
value1: "",
page: { currentPage: 1, pageSize: 10, total: 0 },
tableData: [],
FormVisible: false,
FormVisible1: false,
formLabelWidth: "100px",
form: {
name: ""
},
editform: {
menuName: "",
menuUrl: "",
parentId: "",
sort: "",
id: ""
},
classForm: {
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: "assetType/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);
},
// 重置
Reset(){
// this.$refs["form"].resetFields();
this.form = {}
this.Search()
},
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;
},
// 批量操作
handleSelectionChange(selection) {
let _this = this;
_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(",");
str = arr;
} else {
// str = "";
str = [];
}
return str;
},
// 批量删除
multipleRemit() {
let _this = this;
let str = _this.getMultipleSelect();
// console.log(str)
if (str.length > 0) {
console.log(str);
// _this.$https({
// url: "menu/batchDel?menuIds=" + str,
// method: "post",
// authType: this.backToken
// })
// .then(
// res => {
// if (res.data.status == 201 || res.data.status == 200) {
// var reader = new FileReader();
// reader.readAsDataURL(blob); // 转换为base64，可以直接放入a表情href
// reader.onload = function(e) {
// var a = document.createElement("a");
// a.download =
// genUUID() + (batchno !== "" ? "_" + batchno : "") + ".zip"; //下载文件名
// a.href = e.target.result;
// $("body").append(a); // 修复firefox中无法触发click
// a.click();
// $(a).remove();
// };
// }
// //重新查询数据
// _this.onSearch();
// },
// error => {}
// );
} else {
this.$message({
type: "info",
message: "请至少选择一个选项！"
});
}
// 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: "请至少选择一个选项！"
// });
// }
}
}
};
</script>
<style lang="less">
// @import "../../../../style/common";
// @import "../../style/list";
@import "../../../../style/dialog.less";
@import "../../../../style/table.less";
@import "../../../../style/pagination.less";
</style>
src/router/index.js
View file @ 5ba8a29a
......@@ -348,41 +348,90 @@ const router = new Router({
},
// --学习
{
path: '/learn',
path: '/learnProject',
name: '学习项目制作',
component: () => import('@/page/content/learn/project/index'),
meta:{
showBreadcrumb:true,
title:'学习项目制作',
}
},
{
path: '/learnContent',
name: '学习内容制作',
component: () => import('@/page/content/learn/index'),
component: () => import('@/page/content/learn/content/index'),
meta:{
showBreadcrumb:true,
title:'学习内容制作',
}
},
{
path: '/learnAdd',
path: '/learnContentAdd',
name: '新建学习内容',
component: () => import('@/page/content/learn/add'),
component: () => import('@/page/content/learn/content/add'),
meta:{
showBreadcrumb:true,
title:'新建学习内容',
}
},
{
path: '/learnUpdate',
name: '修改展板',
component: () => import('@/page/content/learn/add'),
path: '/learnContentUpdate',
name: '修改学习内容',
component: () => import('@/page/content/learn/content/add'),
meta:{
showBreadcrumb:true,
title:'修改展板',
title:'修改学习内容',
}
},
{
path: '/learnDetails',
name: '展板管理详情',
component: () => import('@/page/content/learn/details'),
path: '/learnContentDetails',
name: '学习内容详情',
component: () => import('@/page/content/learn/content/details'),
meta:{
showBreadcrumb:true,
title:'展板管理详情',
title:'学习内容详情',
}
},
// 审核
{
path: '/checkVideo',
name: '视频审核',
component: () => import('@/page/check/video/index'),
meta:{
showBreadcrumb:true,
title:'视频审核',
}
},
{
path: '/checkDisplay',
name: '展板审核',
component: () => import('@/page/check/display/index'),
meta:{
showBreadcrumb:true,
title:'展板审核',
}
},
{
path: '/checkLearn',
name: '平台学习内容审核',
component: () => import('@/page/check/learn/index'),
meta:{
showBreadcrumb:true,
title:'平台学习内容审核',
}
},
{
path: '/checkLearnDetails',
name: '学习内容详情',
component: () => import('@/page/check/learn/details'),
meta:{
showBreadcrumb:true,
title:'学习内容详情',
}
},
//新建页面
{
......
src/style/global.css 0 → 100644
View file @ 5ba8a29a
.f14{font-size:14px}.f16{font-size:14px}.f18{font-size:18px}.f24{font-size:24px}.f0{font-size:0px}.inline-block{display:inline-block}.height100{height:100%}@media screen and (max-width:1600px){.search-container .el-input{width:180px}.search-container .btn-group .el-button{width:80px}.page-tips{width:365px}}@media (min-width:1601px) and (max-width:1800px){.search-container .el-input{width:220px}.search-container .btn-group .el-button{width:96px}.page-tips{width:460px}}@media (min-width:1801px){.search-container .el-input{width:280px}.search-container .btn-group .el-button{width:128px}.page-tips{width:480px}}.search-container{background:#FFFFFF;box-shadow:0 4px 8px 0 rgba(0,0,0,0.1);border-radius:8px;margin-bottom:20px;padding:20px 24px;height:80px;display:flex;justify-content:space-between}.search-container .el-form{margin-bottom:0}.search-container .el-form .el-input .el-input__inner{border-radius:22px;background-color:#F8F8F8;border-color:#EEEEEE}.search-container .el-form .el-range-editor.el-input__inner{width:280px;border-radius:22px;background-color:#F8F8F8}.search-container .el-form .el-range-editor.el-input__inner .el-range-separator{width:20px;padding:0 2px}.search-container .el-form .el-input__icon{width:40px;font-size:20px;color:#AC9374}.search-container .el-form .btn-group{padding-left:15px}.search-container .el-form .btn-group .el-button{height:40px}.search-container .page-tip{display:flex;font-size:14px;color:#333333}.search-container .page-tip .page-tip-title{font-weight:bold;padding-right:10px}.table-content{height:calc(100% - 100px);background:#FFFFFF;box-shadow:0 4px 8px 0 rgba(0,0,0,0.1);border-radius:8px;padding:20px 40px 0 40px}.table-content .btn-group{text-align:right;margin-bottom:12px}.table-content .btn-group .el-button{min-width:128px}.btn-group .el-button{height:36px;padding:0;border-radius:28px}.btn-group .el-button span{font-size:16px}.btn-group .el-button--primary{background-color:#AC9374;border-color:#AC9374;color:#FFFFFF}.btn-group .el-button--default{background:rgba(172,147,116,0.1);border:1px solid #AC9374;color:#AC9374}.party-form .el-input{width:280px}.party-form .el-input .el-input__inner{border-radius:22px;background-color:#F8F8F8;border:1px solid #EEEEEE}.party-form .el-textarea .el-textarea__inner{background-color:#F8F8F8;border-radius:8px}.party-form .el-range-editor.el-input__inner{width:280px;border-radius:22px}.party-form .mt16{margin-top:16px}.party-form .el-radio-group .el-radio__inner{width:24px;height:24px;border-color:#EEEEEE}.party-form .el-radio-group .el-radio__label{font-size:16px}.party-form .el-radio-group .el-radio.is-checked .el-radio__input.is-checked .el-radio__inner{background-color:transparent;border-color:#EEEEEE}.party-form .el-radio-group .el-radio.is-checked .el-radio__input.is-checked .el-radio__inner:after{width:10px;height:10px;background-color:#AC9374}.party-form .el-radio-group .el-radio.is-checked .el-radio__label{color:#333333}.party-form .el-checkbox-group .el-checkbox{margin-right:25px}.party-form .el-checkbox-group .el-checkbox .el-checkbox__inner{width:22px;height:22px}.party-form .el-checkbox-group .el-checkbox .el-checkbox__inner:hover{border-color:#EEEEEE}.party-form .el-checkbox-group .el-checkbox .el-checkbox__label{color:#333333}.party-form .el-checkbox-group .el-checkbox+.el-checkbox{margin-left:0}.party-form .el-checkbox-group .el-checkbox.is-checked .el-checkbox__inner{border-color:#EEEEEE;background-color:#F5F5F5}.party-form .el-checkbox-group .el-checkbox.is-checked .el-checkbox__inner:after{border:2px solid #AC9374;border-left:0;border-top:0;height:11px;left:7px;width:5px}.party-form .el-checkbox-group .el-checkbox.is-checked .el-checkbox__label{color:#333333}.page-form-box{background:#FFFFFF;box-shadow:0 4px 8px 0 rgba(0,0,0,0.1);border-radius:8px;height:100%}.page-form-box .page-form-box-header{height:64px;line-height:64px;border-bottom:1px solid #EEEEEE;font-size:20px;color:#333333;text-align:center;font-weight:bold}.page-form-box .page-form-box-content{height:calc(100% - 148px);padding:20px}.page-form-box .page-form-box-footer{height:84px;line-height:84px;text-align:center;border-top:1px solid #EEEEEE}.page-form-box .page-form-box-footer .el-button{width:160px;height:40px}.overview-detail .ecahrts-panel-box{height:calc(50% + 20px)}.overview-detail .rank-panel-box{height:calc(50% - 40px);margin-top:20px}.overview-detail .ecahrts-panel-box,.overview-detail .rank-panel-box{background:#FFFFFF;box-shadow:0 4px 8px 0 rgba(221,221,221,0.4);border-radius:8px}.overview-detail .panel-box-header{height:64px;line-height:64px;border-bottom:1px solid #EEEEEE;padding:0 24px}.overview-detail .panel-box-header .title{font-weight:bold;font-size:20px}.overview-detail .panel-box-header .tip{float:right;color:#333333}.overview-detail .panel-box-header .tip .tip-title{font-weight:bold;padding-right:10px}.overview-detail .panel-box-header .el-range-editor.el-input__inner{width:280px;border-radius:22px;background-color:#F8F8F8;margin-left:40px;padding-left:15px}.overview-detail .panel-box-header .el-range-editor.el-input__inner .el-range-input{background-color:#F8F8F8}.overview-detail .panel-box-header .el-range-editor.el-input__inner .el-range-separator{width:20px;padding:0 2px}.overview-detail .panel-box-header .el-range-editor.el-input__inner .el-icon-date{color:#AC9374;font-size:18px}.overview-detail .panel-box-content{height:calc(100% - 64px);overflow:hidden}.overview-detail .rank-box{width:50%}.overview-detail .rank-box.left{padding-right:10px}.overview-detail .rank-box.right{padding-left:10px}.party-icon-20{display:inline-block;width:20px;height:20px;background-repeat:no-repeat;background-size:cover}.party-icon-24{display:inline-block;width:24px;height:24px;background-repeat:no-repeat;background-size:cover}.icon-add{background-image:url("~@/assets/icons/add.png")}.icon-import{background-image:url("~@/assets/icons/import.png")}.icon-detail{background-image:url("~@/assets/icons/detail.png")}.icon-edit{background-image:url("~@/assets/icons/edit.png")}.icon-reset{background-image:url("~@/assets/icons/reset.png")}.icon-enable{background-image:url("~@/assets/icons/enable.png")}.icon-disable{background-image:url("~@/assets/icons/disable.png")}.icon-del{background-image:url("~@/assets/icons/del.png")}.icon-org{display:inline-block;width:16px;height:16px;background-repeat:no-repeat;background-size:cover;background-image:url("~@/assets/icons/org.png");margin-right:8px}.org-tree .el-tree-node__expand-icon{position:absolute;right:10px;top:14px;color:#000000;font-size:16px}.org-tree .el-tree-node__expand-icon.is-leaf{color:transparent}.org-tree .el-tree-node{background-color:#FFFFFF}.org-tree .el-tree-node__content{height:auto;position:relative;background-color:transparent !important}.org-tree .el-tree-node__content:hover{background-color:transparent}.org-tree div[class*="tree-node-level"]{width:100%;color:#333333;border-radius:5px}.org-tree .tree-node-level1 span,.org-tree .tree-node-level2 span{font-size:16px}.org-tree .tree-node-level3 span{font-size:14px}.org-tree .tree-node-level1{height:56px;line-height:56px;border-bottom:1px solid #EEEEEE}.org-tree .tree-node-level2,.org-tree .tree-node-level3{height:40px;line-height:40px;margin:5px 0;border-radius:20px;padding-left:10px}.org-tree .tree-node-level2:hover{background-color:#FDFBF8}.org-tree .tree-node-level3:hover{background-color:#EEEEEE}/*# sourceMappingURL=./global.css.map */
\ No newline at end of file
src/style/global.css.map 0 → 100644
View file @ 5ba8a29a
{"version":3,"sources":["global.less"],"names":[],"mappings":"AAYA,KAAM,eACN,KAAM,eACN,KAAM,eACN,KAAM,eACN,IAAI,cACJ,cACI,qBAEJ,WACI,YAEJ,mBAAoC,kBAChC,iBACI,WACI,YAFR,iBAII,WACI,YACI,WAKZ,WACI,aAGR,QAA0B,uBAAsB,kBAC5C,iBACI,WACI,YAFR,iBAII,WACI,YACI,WAIZ,WACI,aAGR,QAAyB,kBACrB,iBACI,WACI,YAFR,iBAII,WACI,YACI,YAIZ,WACI,aAGR,kBACI,kBAAA,CACA,sCAAA,CACA,iBAAA,CACA,kBAAA,CACA,iBAAA,CACA,WAAA,CACA,YAAA,CACA,8BARJ,iBASI,UACI,gBAVR,iBASI,SAEI,UACI,kBACI,kBAAA,CACA,wBAAA,CACA,qBAfhB,iBASI,SASI,iBAAgB,iBACZ,WAAA,CACA,kBAAA,CACA,yBArBZ,iBASI,SASI,iBAAgB,gBAIZ,qBACI,UAAA,CACA,cAxBhB,iBASI,SAkBI,iBACI,UAAA,CACA,cAAA,CACA,cA9BZ,iBASI,SAuBI,YACI,kBAjCZ,iBASI,SAuBI,WAEI,YACI,YAnChB,iBAuCI,WACI,YAAA,CACA,cAAA,CACA,cA1CR,iBAuCI,UAII,iBACI,gBAAA,CACA,mBAIZ,eACI,OAAQ,kBAAR,CACA,kBAAA,CACA,sCAAA,CACA,iBAAA,CACA,yBALJ,cAMI,YACG,gBAAA,CACA,mBARP,cAMI,WAGG,YACI,gBAIX,UACI,YACI,WAAA,CACA,SAAA,CACA,mBAJR,UACI,WAII,MACI,eANZ,UASI,qBACI,wBAAA,CACA,oBAAA,CACA,cAZR,UAcI,qBACI,gCAAA,CACA,wBAAA,CACA,cAIR,WACI,WACI,YAFR,WACI,UAEI,kBACI,kBAAA,CACA,wBAAA,CACA,yBANZ,WASI,aAAa,qBACT,wBAAA,CACA,kBAXR,WAaI,iBAAgB,iBACZ,WAAA,CACA,mBAfR,WAiBI,OACI,gBAlBR,WAoBI,gBACI,kBACI,UAAA,CACA,WAAA,CACA,qBAxBZ,WAoBI,gBAMI,kBACI,eA3BZ,WAoBI,gBASI,UAAS,WACL,iBAAgB,WACZ,kBACI,4BAAA,CACA,qBACA,WAdhB,gBASI,UAAS,WACL,iBAAgB,WACZ,iBAGK,OACG,UAAA,CACA,WAAA,CACA,yBArCxB,WAoBI,gBASI,UAAS,WAYL,kBACI,cA1ChB,WA+CI,mBACI,cACI,kBAjDZ,WA+CI,mBACI,aAEI,qBACI,UAAA,CACA,YACA,WANZ,mBACI,aAEI,oBAGK,OACG,qBAtDpB,WA+CI,mBACI,aAUI,qBACI,cAEL,WAdP,mBACI,aAaK,cACE,cAEH,WAjBR,mBACI,aAgBK,WACG,qBACI,oBAAA,CACA,yBACA,WArBhB,mBACI,aAgBK,WACG,oBAGK,OACG,wBAAA,CACA,aAAA,CACA,YAAA,CACA,WAAA,CACA,QAAA,CACA,UAVZ,WAjBR,mBACI,aAgBK,WAaG,qBACI,cAOpB,eACI,kBAAA,CACA,sCAAA,CACA,iBAAA,CACA,YAJJ,cAKI,uBACI,WAAA,CACA,gBAAA,CAEA,+BAAA,CACA,cAAA,CACA,aAAA,CACA,iBAAA,CACA,iBAbR,cAeI,wBACI,OAAQ,kBAAR,CACA,aAjBR,cAmBI,uBACI,WAAA,CACA,gBAAA,CACA,iBAAA,CACA,6BAvBR,cAmBI,sBAKI,YACI,WAAA,CACA,YAMZ,gBACI,oBACI,OAAQ,iBAFhB,gBAII,iBACI,OAAQ,gBAAR,CACA,gBANR,gBAQI,oBARJ,gBASI,iBACI,kBAAA,CACA,4CAAA,CACA,kBAZR,gBAcK,mBACI,WAAA,CACA,gBAAA,CACA,+BAAA,CACA,eAlBT,gBAcK,kBAKI,QACG,gBAAA,CACA,eArBZ,gBAcK,kBASI,MACI,WAAA,CACA,cAzBb,gBAcK,kBASI,KAGI,YACG,gBAAA,CACA,mBA5BhB,gBAcK,kBAiBI,iBAAgB,iBACb,WAAA,CACA,kBAAA,CACA,wBAAA,CACA,gBAAA,CACA,kBApCZ,gBAcK,kBAiBI,iBAAgB,gBAMb,iBACI,yBAtChB,gBAcK,kBAiBI,iBAAgB,gBASb,qBACI,UAAA,CACA,cA1ChB,gBAcK,kBAiBI,iBAAgB,gBAab,eACI,aAAA,CACA,eA9ChB,gBAkDK,oBACI,OAAQ,iBAAR,CACA,gBApDT,gBAsDK,WACI,UACA,gBAFJ,UAEK,MACG,mBAEJ,gBALJ,UAKK,OACG,kBAIb,eACI,oBAAA,CACA,UAAA,CACA,WAAA,CACA,2BAAA,CACA,sBAEJ,eACI,oBAAA,CACA,UAAA,CACA,WAAA,CACA,2BAAA,CACA,sBAGJ,UACI,qBAAsB,2BAE1B,aACI,qBAAsB,8BAE1B,aACI,qBAAsB,8BAE1B,WACI,qBAAsB,4BAE1B,YACI,qBAAsB,6BAE1B,aACI,qBAAsB,8BAE1B,cACI,qBAAsB,+BAE1B,UACI,qBAAsB,2BAE1B,UACI,oBAAA,CACA,UAAA,CACA,WAAA,CACA,2BAAA,CACA,qBAAA,CACA,qBAAsB,0BAAtB,CACA,iBAGJ,SAEI,4BACI,iBAAA,CACA,UAAA,CACA,QAAA,CACA,aAAA,CACA,eACA,SANJ,2BAMK,SACG,kBATZ,SAYI,eACI,yBAbR,SAeI,wBACI,WAAA,CACA,iBAAA,CACA,yCACA,SAJJ,uBAIK,OACG,6BApBZ,SAuBI,IAAG,2BACC,UAAA,CACA,aAAA,CACA,kBA1BR,SA4BI,kBAEI,MA9BR,SA6BI,kBACI,MACI,eA/BZ,SAmCI,kBACI,MACE,eArCV,SAwCI,mBACI,WAAA,CACA,gBAAA,CACA,gCA3CR,SA6CI,mBA7CJ,SA8CI,mBACI,WAAA,CACA,gBAAA,CACA,YAAA,CACA,kBAAA,CACA,kBAnDR,SAqDI,kBAAiB,OACb,yBAtDR,SAwDI,kBAAiB,OACb"}
\ No newline at end of file
src/style/global.less
View file @ 5ba8a29a
......@@ -279,6 +279,60 @@
}
}
.imgSize{
width: 160px;
height: 100px;
}
.iconImg{
height: 32px;
width: 32px;
margin-right: 8px;
}
.w50{
width: 50%;
}
.w100{
width:100%;
}
.selectH100{
height:100px;
overflow: auto;
}
// 详情页
.info {
height: 100%;
width: 100%;
overflow: hidden;
.info-header {
font-size: 20px;
padding: 20px;
height: 68px;
width: 100%;
vertical-align: middle;
text-align: center;
border-bottom: 2px solid #eee;
}
.info-wrapper {
height: 100%;
width: 640px;
margin: 0 auto;
background: #fff;
}
.info-container {
width: 100%;
height: calc(100% - 156px);
overflow-y: auto;
overflow-x: hidden;
}
.info-footer {
height: 88px;
border-top: 2px solid #eee;
padding: 20px;
text-align: center;
}
}
// 适用于统计详情样式
.overview-detail{
.ecahrts-panel-box{
......@@ -365,6 +419,9 @@
.icon-import{
background-image: url("~@/assets/icons/import.png");
}
.icon-detail{
background-image: url("~@/assets/icons/detail.png");
}
.icon-edit{
background-image: url("~@/assets/icons/edit.png");
}
......@@ -458,4 +515,4 @@
.tree-node-level3:hover{
background-color: @party-border-color;
}
}
\ No newline at end of file
}
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