Skip to content
Projects
Groups
Snippets
Help
Loading...
Sign in
Toggle navigation
N
national_museum_vod
Project
Project
Details
Activity
Cycle Analytics
Repository
Repository
Files
Commits
Branches
Tags
Contributors
Graph
Compare
Charts
Issues
0
Issues
0
List
Board
Labels
Milestones
Merge Requests
0
Merge Requests
0
CI / CD
CI / CD
Pipelines
Jobs
Schedules
Charts
Wiki
Wiki
Snippets
Snippets
Members
Members
Collapse sidebar
Close sidebar
Activity
Graph
Charts
Create a new issue
Jobs
Commits
Issue Boards
Open sidebar
qzhxx
national_museum_vod
Commits
43198a51
Commit
43198a51
authored
Mar 19, 2021
by
qzhxx
Browse files
Options
Browse Files
Download
Email Patches
Plain Diff
展板界面
parent
2b7eeb76
Hide whitespace changes
Inline
Side-by-side
Showing
11 changed files
with
1396 additions
and
380 deletions
+1396
-380
menu.js
src/config/menu.js
+6
-6
add.vue
src/page/content/display/content/add.vue
+297
-0
details.vue
src/page/content/display/content/details.vue
+0
-0
index.vue
src/page/content/display/content/index.vue
+443
-2
details.vue
src/page/content/learn/details.vue
+0
-0
index.vue
src/page/content/learn/index.vue
+417
-142
add.vue
src/page/content/video/content/add.vue
+18
-9
index.vue
src/page/content/video/content/index.vue
+52
-56
add.vue
src/page/content/video/copyright/add.vue
+21
-11
index.vue
src/page/content/video/copyright/index.vue
+49
-154
index.js
src/router/index.js
+93
-0
No files found.
src/config/menu.js
View file @
43198a51
...
...
@@ -14,16 +14,16 @@ export const menuList = [
{
subtitle
:
'展板管理'
,
subMenu
:[
{
label
:
'展板版权方管理'
,
imgUrl
:
''
},
{
label
:
'展板分类管理'
,
imgUrl
:
''
},
{
label
:
'展板内容管理'
,
imgUrl
:
''
},
{
label
:
'展板版权方管理'
,
imgUrl
:
''
,
url
:
'/displayCopyright'
},
{
label
:
'展板分类管理'
,
imgUrl
:
''
,
url
:
'/displayClassify'
},
{
label
:
'展板内容管理'
,
imgUrl
:
''
,
url
:
'/displayContent'
},
]
},
{
subtitle
:
'
展板
管理'
,
subtitle
:
'
学习内容及互动
管理'
,
subMenu
:[
{
label
:
'学习内容管理'
,
imgUrl
:
''
},
{
label
:
'互动管理'
,
imgUrl
:
''
}
{
label
:
'学习内容管理'
,
imgUrl
:
''
,
url
:
'/learn'
},
{
label
:
'互动管理'
,
imgUrl
:
''
,
url
:
''
}
]
},
]
...
...
src/page/content/display/content/add.vue
0 → 100644
View file @
43198a51
<
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/details.vue
0 → 100644
View file @
43198a51
src/page/content/display/content/index.vue
View file @
43198a51
<
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"
>
重置
</el-button>
</div>
</el-form-item>
</el-form>
<div
class=
"page-tip"
>
<span
class=
"page-tip-title"
>
页面说明:
</span>
<span
class=
"page-tips"
>
展示所有单位的互动频次统计图及统计表格
</span>
</div>
</div>
<div
class=
"table-content"
>
<div
class=
"btn-group"
>
<el-button
type=
"primary"
@
click=
"addPermis()"
>
新建展板
</el-button>
</div>
<div
class=
"party-table"
>
<el-table
border
style=
"width: 100%;height:100%"
height=
"100%"
ref=
"multipleTable"
:data=
"tableData"
@
selection-change=
"handleSelectionChange"
>
<el-table-column
type=
"index"
width=
"120"
label=
"序号"
></el-table-column>
<el-table-column
show-overflow-tooltip
label=
"版权方名称"
prop=
"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
label=
"操作"
header-align=
"center"
align=
"center"
>
<template
slot-scope=
"scope"
width=
"220"
>
<el-button-group>
<el-button
title=
"编辑"
size=
"mini"
type=
"text"
@
click=
"openEdit(scope.row)"
>
编辑
</el-button>
<el-button
title=
"删除"
type=
"text"
size=
"mini"
@
click=
"handleDelete(scope.row)"
>
删除
</el-button>
</el-button-group>
</
template
>
</el-table-column>
</el-table>
</div>
<div
class=
"partyt-pagination"
>
<el-pagination
small
background
@
current-change=
"handleCurrentChange"
:current-page=
"page.currentPage"
:page-size=
"page.pageSize"
layout=
"prev, pager, next, jumper"
:total=
"page.total"
></el-pagination>
</div>
</div>
</div>
</template>
<
script
>
export
default
{
data
()
{
var
checkIsNull
=
(
rule
,
value
,
callback
)
=>
{
if
(
value
)
{
if
(
value
.
trim
()
==
""
)
{
callback
(
new
Error
(
"不允许只输入空格"
));
}
else
{
callback
();
}
}
};
return
{
value1
:
""
,
page
:
{
currentPage
:
1
,
pageSize
:
10
,
total
:
0
},
tableData
:
[],
FormVisible
:
false
,
FormVisible1
:
false
,
formLabelWidth
:
"100px"
,
form
:
{
name
:
""
},
editform
:
{
menuName
:
""
,
menuUrl
:
""
,
parentId
:
""
,
sort
:
""
,
id
:
""
},
permisform
:
{
menuName
:
""
,
menuUrl
:
""
,
parentId
:
""
,
sort
:
""
},
typeList
:
[],
rules
:
{
sort
:
[
{
required
:
true
,
message
:
"请输入顺序值"
,
trigger
:
"change"
},
{
pattern
:
/^
(\d{1,5})?
$/
,
message
:
"排序值为低于5位数的纯数字"
}
],
menuName
:
[
{
required
:
true
,
message
:
"请输入菜单名称"
,
trigger
:
"change"
},
{
max
:
20
,
message
:
"不能超过20个字符"
,
trigger
:
"change"
},
{
validator
:
checkIsNull
,
trigger
:
"blur"
}
],
menuUrl
:
[
{
required
:
true
,
message
:
"请输入菜单地址"
,
trigger
:
"change"
},
{
validator
:
checkIsNull
,
trigger
:
"blur"
}
],
parentId
:
[
{
required
:
true
,
message
:
"请输入父级菜单"
,
trigger
:
"change"
}
]
},
value
:
""
,
name
:
""
};
},
computed
:
{},
mounted
()
{
this
.
onSearch
();
this
.
getPermis
();
},
components
:
{},
methods
:
{
// 渲染父级权限
getPermis
()
{
let
vm
=
this
;
vm
.
$https
({
method
:
"get"
,
url
:
"menu/getRoleMenu?roleId="
+
sessionStorage
.
getItem
(
"roleId"
),
authType
:
this
.
backToken
}).
then
(
res
=>
{
let
data
=
res
.
data
;
vm
.
typeList
=
data
.
map
((
e
,
i
)
=>
{
return
{
id
:
e
.
id
,
name
:
e
.
menuName
.
indexOf
(
"-"
)
==
-
1
?
e
.
menuName
:
e
.
menuName
.
split
(
"-"
)[
1
]
};
});
},
error
=>
{
console
.
log
(
error
);
}
);
},
// 获得数据接口
getTableData
(
param
)
{
let
vm
=
this
;
vm
.
$https
(
{
url
:
"menu/getMenuList"
,
method
:
"get"
,
authType
:
this
.
backToken
},
param
)
.
then
(
res
=>
{
let
data
=
res
.
data
;
vm
.
page
.
pageSize
=
data
.
size
;
vm
.
page
.
total
=
data
.
total
;
vm
.
tableData
=
data
.
records
;
})
.
catch
(
function
(
err
)
{
console
.
log
(
err
);
});
},
// 分页
handleCurrentChange
(
val
)
{
let
_this
=
this
;
_this
.
page
.
currentPage
=
val
;
_this
.
onSearch
();
},
onSearch
()
{
let
_this
=
this
;
let
param
=
_this
.
getSearchQuery
();
_this
.
getTableData
(
param
);
},
Search
()
{
let
_this
=
this
;
_this
.
page
.
currentPage
=
1
;
let
searchObj
=
{
_index
:
1
,
_size
:
_this
.
page
.
pageSize
,
name
:
_this
.
form
.
name
};
this
.
getTableData
(
searchObj
);
},
// // 获取当前查询参数
getSearchQuery
()
{
let
_this
=
this
;
let
searchObj
=
{
_index
:
_this
.
page
.
currentPage
,
_size
:
_this
.
page
.
pageSize
};
for
(
let
key
in
_this
.
form
)
{
if
(
_this
.
form
[
key
])
{
searchObj
[
key
]
=
_this
.
form
[
key
];
}
}
return
searchObj
;
},
// 添加
addPermis
()
{
this
.
$router
.
push
({
path
:
"displayContentAdd"
,
query
:
{
type
:
"add"
}
});
// $('.el-dialog__title').html('新建');
// this.FormVisible1 = true;
},
// 添加权限
permisSave
()
{
let
_this
=
this
;
_this
.
$refs
.
permisform
.
validate
(
valid
=>
{
if
(
valid
)
{
_this
.
$https
(
{
url
:
"menu/add"
,
method
:
"post"
,
authType
:
this
.
backToken
},
_this
.
$qs
.
stringify
(
_this
.
permisform
)
)
.
then
(
res
=>
{
if
(
res
.
data
.
status
==
200
||
res
.
data
.
status
==
201
)
{
_this
.
$message
({
type
:
"success"
,
message
:
res
.
data
.
message
});
//跳回用户列表
_this
.
onSearch
();
_this
.
FormVisible1
=
false
;
for
(
let
key
in
_this
.
permisform
)
{
_this
.
permisform
[
key
]
=
null
;
}
_this
.
$refs
[
"permisform"
].
resetFields
();
}
else
{
_this
.
$message
({
type
:
"error"
,
message
:
res
.
data
.
message
});
}
},
error
=>
{
_this
.
$message
({
type
:
"error"
,
message
:
error
});
}
);
}
});
},
// 编辑关闭
close
()
{
this
.
FormVisible
=
false
;
this
.
$refs
[
"editform"
].
resetFields
();
},
// 新增关闭
close1
()
{
this
.
FormVisible1
=
false
;
for
(
let
key
in
this
.
permisform
)
{
this
.
permisform
[
key
]
=
null
;
}
this
.
$refs
[
"permisform"
].
resetFields
();
},
// 编辑弹框
openEdit
(
row
)
{
this
.
$router
.
push
({
path
:
"displayContentUpdate"
,
query
:
{
type
:
"Update"
}
});
// alert('编辑')
// $('.el-dialog__title').html('编辑');
// let _this=this;
// //成功之后清除数据
// for (let key in this.editform) {
// _this.editform[key]=null;
// }
// _this.editform= Object.assign({}, row);
// _this.FormVisible = true;
},
// 删除
handleDelete
(
row
)
{
let
_this
=
this
;
this
.
$confirm
(
"此操作将永久删除, 是否继续?"
,
"提示"
,
{
confirmButtonText
:
"确定"
,
cancelButtonText
:
"取消"
,
type
:
"warning"
})
.
then
(()
=>
{
// _this.$https({
// method: 'delete',
// url: '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});
// }
// )
})
.
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/table.less';
@import '../../../../style/pagination.less';
</
style
>
src/page/content/learn/details.vue
0 → 100644
View file @
43198a51
src/page/content/learn/index.vue
View file @
43198a51
<
template
>
<div
class=
"app-container"
>
<el-form
:model=
"queryParams"
ref=
"queryForm"
:inline=
"true"
label-width=
"68px"
>
<el-form-item
label=
"学习内容"
prop=
"ipaddr"
>
<el-input
v-model=
"queryParams.ipaddr"
placeholder=
"请输入学习内容名称"
clearable
size=
"small"
@
keyup
.
enter
.
native=
"handleQuery"
/>
</el-form-item>
<el-form-item
label=
"创建时间"
>
<el-date-picker
v-model=
"dateRange"
size=
"small"
style=
"width: 240px"
value-format=
"yyyy-MM-dd"
type=
"daterange"
range-separator=
"-"
start-placeholder=
"开始日期"
end-placeholder=
"结束日期"
></el-date-picker>
</el-form-item>
<el-form-item>
<el-button
type=
"primary"
icon=
"el-icon-search"
size=
"mini"
@
click=
"handleQuery"
>
搜索
</el-button>
<el-button
icon=
"el-icon-refresh"
size=
"mini"
@
click=
"resetQuery"
>
重置
</el-button>
</el-form-item>
<div
class=
"page-desc"
>
<el-card>
页面说明:可通过学习内容名称搜索进行快速信息筛选。可对每条学习内容进行排序,可对学习内容信息进行修改、查看、删除。
</el-card>
</div>
</el-form>
<el-row
:gutter=
"10"
class=
"mb8"
>
<el-col
:span=
"1.5"
>
<el-button
type=
"primary"
plain
icon=
"el-icon-plus"
size=
"mini"
@
click=
"handleAdd"
v-hasPermi=
"['system:menu:add']"
>
新增
</el-button>
</el-col>
</el-row>
<el-table
v-loading=
"loading"
:data=
"list.slice((pageNum-1)*pageSize,pageNum*pageSize)"
style=
"width: 100%;"
>
<el-table-column
label=
"序号"
type=
"index"
align=
"center"
>
<template
slot-scope=
"scope"
>
<span>
{{
(
pageNum
-
1
)
*
pageSize
+
scope
.
$index
+
1
}}
</span>
</
template
>
</el-table-column>
<el-table-column
label=
"学习内容名称"
align=
"center"
prop=
"tokenId"
:show-overflow-tooltip=
"true"
/>
<el-table-column
label=
"创建时间"
align=
"center"
prop=
"userName"
:show-overflow-tooltip=
"true"
/>
<el-table-column
label=
"创建者"
align=
"center"
prop=
"deptName"
/>
<!-- <el-table-column label="登录时间" align="center" prop="loginTime" width="180">
<template slot-scope="scope">
<span>{{ parseTime(scope.row.loginTime) }}</span>
</template>
</el-table-column>-->
<el-table-column
label=
"操作"
align=
"center"
class-name=
"small-padding fixed-width"
>
<
template
slot-scope=
"scope"
>
<el-button
size=
"mini"
type=
"text"
icon=
"el-icon-edit"
@
click=
"handleUpdate(scope.row)"
v-hasPermi=
"['system:menu:edit']"
>
修改
</el-button>
<el-button
size=
"mini"
type=
"text"
icon=
"el-icon-view"
@
click=
"handleAdd(scope.row)"
v-hasPermi=
"['system:menu:add']"
>
查看详情
</el-button>
<el-button
<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"
type=
"text"
icon=
"el-icon-delete"
@
click=
"handleDelete(scope.row)"
v-hasPermi=
"['system:menu:remove']"
>
删除
</el-button>
</
template
>
</el-table-column>
</el-table>
<pagination
v-show=
"total>0"
:total=
"total"
:page
.
sync=
"pageNum"
:limit
.
sync=
"pageSize"
/>
placeholder=
"请输入版权方名称"
v-model=
"form.name"
@
keyup
.
enter
.
native=
"Search"
clearable
></el-input>
</el-form-item>
<el-form-item
label=
"版权方有效期"
>
<el-date-picker
v-model=
"value1"
type=
"daterange"
range-separator=
"至"
start-placeholder=
"开始日期"
end-placeholder=
"结束日期"
></el-date-picker>
</el-form-item>
<el-form-item>
<div
class=
"btn-group"
>
<el-button
size=
"mini"
type=
"primary"
class=
"btn_form_search"
@
click=
"Search"
>
查询
</el-button>
<el-button
size=
"mini"
class=
"btn_form_search"
>
重置
</el-button>
</div>
</el-form-item>
</el-form>
<div
class=
"page-tip"
>
<span
class=
"page-tip-title"
>
页面说明:
</span>
<span
class=
"page-tips"
>
展示所有单位的互动频次统计图及统计表格
</span>
</div>
</div>
<div
class=
"table-content"
>
<div
class=
"btn-group"
>
<el-button
type=
"primary"
@
click=
"addPermis()"
>
新建学习内容
</el-button>
</div>
<div
class=
"party-table"
>
<el-table
border
style=
"width: 100%;height:100%"
height=
"100%"
ref=
"multipleTable"
:data=
"tableData"
@
selection-change=
"handleSelectionChange"
>
<el-table-column
type=
"index"
width=
"120"
label=
"序号"
></el-table-column>
<el-table-column
show-overflow-tooltip
label=
"版权方名称"
prop=
"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
label=
"操作"
header-align=
"center"
align=
"center"
>
<template
slot-scope=
"scope"
width=
"220"
>
<el-button-group>
<el-button
title=
"编辑"
size=
"mini"
type=
"text"
@
click=
"openEdit(scope.row)"
>
编辑
</el-button>
<el-button
title=
"删除"
type=
"text"
size=
"mini"
@
click=
"handleDelete(scope.row)"
>
删除
</el-button>
</el-button-group>
</
template
>
</el-table-column>
</el-table>
</div>
<div
class=
"partyt-pagination"
>
<el-pagination
small
background
@
current-change=
"handleCurrentChange"
:current-page=
"page.currentPage"
:page-size=
"page.pageSize"
layout=
"prev, pager, next, jumper"
:total=
"page.total"
></el-pagination>
</div>
</div>
</div>
</template>
<
script
>
import
{
list
,
forceLogout
}
from
"@/api/monitor/online"
;
export
default
{
name
:
"Online"
,
data
()
{
return
{
// 遮罩层
loading
:
true
,
// 总条数
total
:
0
,
// 表格数据
list
:
[],
// 日期范围
dateRange
:
[],
pageNum
:
1
,
pageSize
:
10
,
// 查询参数
queryParams
:
{
ipaddr
:
undefined
,
userName
:
undefined
var
checkIsNull
=
(
rule
,
value
,
callback
)
=>
{
if
(
value
)
{
if
(
value
.
trim
()
==
""
)
{
callback
(
new
Error
(
"不允许只输入空格"
));
}
else
{
callback
();
}
}
};
return
{
value1
:
""
,
page
:
{
currentPage
:
1
,
pageSize
:
10
,
total
:
0
},
tableData
:
[],
FormVisible
:
false
,
FormVisible1
:
false
,
formLabelWidth
:
"100px"
,
form
:
{
name
:
""
},
editform
:
{
menuName
:
""
,
menuUrl
:
""
,
parentId
:
""
,
sort
:
""
,
id
:
""
},
permisform
:
{
menuName
:
""
,
menuUrl
:
""
,
parentId
:
""
,
sort
:
""
},
typeList
:
[],
rules
:
{
sort
:
[
{
required
:
true
,
message
:
"请输入顺序值"
,
trigger
:
"change"
},
{
pattern
:
/^
(\d{1,5})?
$/
,
message
:
"排序值为低于5位数的纯数字"
}
],
menuName
:
[
{
required
:
true
,
message
:
"请输入菜单名称"
,
trigger
:
"change"
},
{
max
:
20
,
message
:
"不能超过20个字符"
,
trigger
:
"change"
},
{
validator
:
checkIsNull
,
trigger
:
"blur"
}
],
menuUrl
:
[
{
required
:
true
,
message
:
"请输入菜单地址"
,
trigger
:
"change"
},
{
validator
:
checkIsNull
,
trigger
:
"blur"
}
],
parentId
:
[
{
required
:
true
,
message
:
"请输入父级菜单"
,
trigger
:
"change"
}
]
},
value
:
""
,
name
:
""
};
},
created
()
{
this
.
getList
();
computed
:
{},
mounted
()
{
this
.
onSearch
();
this
.
getPermis
();
},
components
:
{},
methods
:
{
/** 查询登录日志列表 */
getList
()
{
this
.
loading
=
true
;
list
(
this
.
queryParams
).
then
(
response
=>
{
this
.
list
=
response
.
rows
;
this
.
total
=
response
.
total
;
this
.
loading
=
false
;
// 渲染父级权限
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
:
"menu/getMenuList"
,
method
:
"get"
,
authType
:
this
.
backToken
},
param
)
.
then
(
res
=>
{
let
data
=
res
.
data
;
vm
.
page
.
pageSize
=
data
.
size
;
vm
.
page
.
total
=
data
.
total
;
vm
.
tableData
=
data
.
records
;
})
.
catch
(
function
(
err
)
{
console
.
log
(
err
);
});
},
// 分页
handleCurrentChange
(
val
)
{
let
_this
=
this
;
_this
.
page
.
currentPage
=
val
;
_this
.
onSearch
();
},
onSearch
()
{
let
_this
=
this
;
let
param
=
_this
.
getSearchQuery
();
_this
.
getTableData
(
param
);
},
Search
()
{
let
_this
=
this
;
_this
.
page
.
currentPage
=
1
;
let
searchObj
=
{
_index
:
1
,
_size
:
_this
.
page
.
pageSize
,
name
:
_this
.
form
.
name
};
this
.
getTableData
(
searchObj
);
},
// // 获取当前查询参数
getSearchQuery
()
{
let
_this
=
this
;
let
searchObj
=
{
_index
:
_this
.
page
.
currentPage
,
_size
:
_this
.
page
.
pageSize
};
for
(
let
key
in
_this
.
form
)
{
if
(
_this
.
form
[
key
])
{
searchObj
[
key
]
=
_this
.
form
[
key
];
}
}
return
searchObj
;
},
// 添加
addPermis
()
{
this
.
$router
.
push
({
path
:
"learnAdd"
,
query
:
{
type
:
"add"
}
});
// $('.el-dialog__title').html('新建');
// this.FormVisible1 = true;
},
// 添加权限
permisSave
()
{
let
_this
=
this
;
_this
.
$refs
.
permisform
.
validate
(
valid
=>
{
if
(
valid
)
{
_this
.
$https
(
{
url
:
"menu/add"
,
method
:
"post"
,
authType
:
this
.
backToken
},
_this
.
$qs
.
stringify
(
_this
.
permisform
)
)
.
then
(
res
=>
{
if
(
res
.
data
.
status
==
200
||
res
.
data
.
status
==
201
)
{
_this
.
$message
({
type
:
"success"
,
message
:
res
.
data
.
message
});
//跳回用户列表
_this
.
onSearch
();
_this
.
FormVisible1
=
false
;
for
(
let
key
in
_this
.
permisform
)
{
_this
.
permisform
[
key
]
=
null
;
}
_this
.
$refs
[
"permisform"
].
resetFields
();
}
else
{
_this
.
$message
({
type
:
"error"
,
message
:
res
.
data
.
message
});
}
},
error
=>
{
_this
.
$message
({
type
:
"error"
,
message
:
error
});
}
);
}
});
},
/
** 搜索按钮操作 */
handleQuery
()
{
this
.
pageNum
=
1
;
this
.
getList
();
/
/ 编辑关闭
close
()
{
this
.
FormVisible
=
false
;
this
.
$refs
[
"editform"
].
resetFields
();
},
/** 重置按钮操作 */
resetQuery
()
{
this
.
resetForm
(
"queryForm"
);
this
.
handleQuery
();
// 新增关闭
close1
()
{
this
.
FormVisible1
=
false
;
for
(
let
key
in
this
.
permisform
)
{
this
.
permisform
[
key
]
=
null
;
}
this
.
$refs
[
"permisform"
].
resetFields
();
},
// 新增
handleAdd
(){
this
.
$router
.
push
({
name
:
'JobLog'
})
// 编辑弹框
openEdit
(
row
)
{
this
.
$router
.
push
({
path
:
"learnUpdate"
,
query
:
{
type
:
"Update"
}
});
// alert('编辑')
// $('.el-dialog__title').html('编辑');
// let _this=this;
// //成功之后清除数据
// for (let key in this.editform) {
// _this.editform[key]=null;
// }
// _this.editform= Object.assign({}, row);
// _this.FormVisible = true;
},
/
** 删除按钮操作 */
/
/ 删除
handleDelete
(
row
)
{
this
.
$confirm
(
'是否确认删除?'
,
"警告"
,
{
let
_this
=
this
;
this
.
$confirm
(
"此操作将永久删除, 是否继续?"
,
"提示"
,
{
confirmButtonText
:
"确定"
,
cancelButtonText
:
"取消"
,
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});
// }
// )
})
.
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
(
function
()
{
return
delMenu
(
row
.
menuId
);
}).
then
(()
=>
{
this
.
getList
();
this
.
msgSuccess
(
"删除成功"
);
})
_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=
"scss"
>
.page-desc
{
width
:
320px
;
font-size
:
14px
;
position
:fixed
;
right
:
0
;
top
:
95px
;
}
</
style
>
\ No newline at end of file
<
style
lang=
"less"
>
// @import "../../../../style/common";
// @import "../../style/list";
@import '../../../style/table.less';
@import '../../../style/pagination.less';
</
style
>
src/page/content/video/content/add.vue
View file @
43198a51
...
...
@@ -82,14 +82,22 @@
</el-form>
<!--新增弹框-->
<el-dialog
custom-class=
"party-dialog"
title=
"新建视频分类"
:modal-append-to-body=
"false"
class=
"addDialog"
:visible
.
sync=
"dialogVisibleForm"
width=
"468px"
:visible
.
sync=
"dialogVisible"
:before-close=
"close"
>
<div
class=
"form_box"
>
<el-form
:model=
"classForm"
ref=
"classForm"
:rules=
"rules"
id=
"ruleo"
label-position=
"left"
>
<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>
...
...
@@ -97,10 +105,10 @@
<el-input
type=
"textarea"
v-model=
"classForm.desc"
></el-input>
</el-form-item>
</el-form>
<div
slot=
"footer"
class=
"dialog-footer"
>
<el-button
class=
"r-float"
size=
"mini"
type=
"primary"
@
click=
"save"
>
确定
</el-button
>
<el-button
class=
"r-float"
size=
"mini"
@
click=
"close"
>
取 消
</el-button>
<
/div
>
</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>
...
...
@@ -276,4 +284,5 @@ export default {
</
script
>
<
style
lang=
"less"
>
@import "../../style/add";
@import "../../../../style/dialog";
</
style
>
\ No newline at end of file
src/page/content/video/content/index.vue
View file @
43198a51
<
template
>
<div
class=
"listPage H100"
>
<!--
<div
class=
"head_box"
>
<h6>
内容管理
/
视频内容管理
</h6>
<h4>
视频内容管理
</h4>
</div>
-->
<div
class=
"head_box"
>
<div
class=
"search-container"
>
<el-form
:inline=
"true"
:model=
"form"
class=
"search-form"
onsubmit=
"return false;"
>
<el-form-item
label=
"版权方名称"
>
<el-input
...
...
@@ -25,33 +21,30 @@
></el-date-picker>
</el-form-item>
<el-form-item>
<el-button
size=
"mini"
type=
"primary"
class=
"btn_form_search"
@
click=
"Search"
>
查询
</el-button>
<el-button
size=
"mini"
class=
"btn_form_search"
>
重置
</el-button>
<div
class=
"btn-group"
>
<el-button
size=
"mini"
type=
"primary"
class=
"btn_form_search"
@
click=
"Search"
>
查询
</el-button>
<el-button
size=
"mini"
class=
"btn_form_search"
>
重置
</el-button>
</div>
</el-form-item>
</el-form>
<div
class=
"tipMsg"
>
<span><strong>
页面说明:
</strong>
可通过版权方、视频分类及视频名称模糊搜索快速筛选视频信息,可对视频信息进行修改、删除。
</span>
<div
class=
"page-tip"
>
<span
class=
"page-tip-title"
>
页面说明:
</span>
<span
class=
"page-tips"
>
可通过版权方、视频分类及视频名称模糊搜索快速筛选视频信息,可对视频信息进行修改、删除。
</span>
</div>
</div>
<div
class=
"content_box"
>
<div
class=
"form_box h778px"
>
<el-button
size=
"mini"
type=
"primary"
class=
"btn_form_add r-float"
icon=
"el-icon-plus"
@
click=
"addPermis()"
>
新
建
</el-button>
<div
class=
"scrool"
>
<el-table
border
:header-cell-style=
"
{background:'#9B1E23',borderColor:'#FFFFFF',color:'#FFFFFF',textAlign:'center'}"
style="width:100%;"
ref="multipleTable"
:data="tableData"
@selection-change="handleSelectionChange"
>
<el-table-column
type=
"index"
width=
"120"
label=
"序号"
></el-table-column>
<div
class=
"table-content"
>
<div
class=
"btn-group"
>
<el-button
type=
"primary"
@
click=
"addPermis()"
>
新建视频
</el-button>
</div>
<div
class=
"party-table"
>
<el-table
border
style=
"width: 100%;height:100%"
height=
"100%"
ref=
"multipleTable"
:data=
"tableData"
@
selection-change=
"handleSelectionChange"
>
<el-table-column
type=
"index"
width=
"120"
label=
"序号"
></el-table-column>
<el-table-column
show-overflow-tooltip
label=
"视频名称"
prop=
"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>
...
...
@@ -59,36 +52,37 @@
<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)"
>
删除
</el-button>
<el-button
title=
"编辑"
size=
"mini"
title=
"删除"
type=
"text"
@
click=
"openEdit(scope.row)"
>
编辑
</el-button>
size=
"mini"
@
click=
"handleDelete(scope.row)"
>
删除
</el-button>
<el-button
title=
"编辑"
size=
"mini"
type=
"text"
@
click=
"open
Details
(scope.row)"
>
查看详情
</el-button>
@
click=
"open
Edit
(scope.row)"
>
编辑
</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>
</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"
layout=
"prev, pager, next
, jumper
"
:total=
"page.total"
></el-pagination>
</div>
<!--新增弹框-->
</div>
</div>
<!--新增弹框-->
<el-dialog
title=
"新建"
class=
"newPermis"
:visible
.
sync=
"FormVisible1"
:before-close=
"close1"
>
<div
class=
"form_box"
>
<el-form
...
...
@@ -150,20 +144,19 @@
</div>
</div>
</el-dialog>
<!--
编辑弹框
-->
<el-dialog
title=
"查看详情"
:visible
.
sync=
"FormVisible"
:before-close=
"close"
>
<div
class=
"
form_box
"
>
<el-form
:model=
"editform"
ref=
"editform
"
:rules=
"rules"
>
<el-form-item
label=
"
排序值:"
prop=
"sort
"
:label-width=
"formLabelWidth"
>
<!--
查看详情
-->
<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
placeholder=
"请输入排序值"
></el-input>
</el-form-item>
<el-form-item
label=
"
菜单名称:"
prop=
"menuName
"
:label-width=
"formLabelWidth"
>
<el-form-item
label=
"
审核时间:
"
:label-width=
"formLabelWidth"
>
<el-input
size=
"small"
v-model=
"editform.menuName"
...
...
@@ -172,7 +165,7 @@
onkeyup=
"this.value=this.value.replace(/^ +| +$/g,'')"
></el-input>
</el-form-item>
<el-form-item
label=
"
菜单地址:"
prop=
"menuUrl
"
:label-width=
"formLabelWidth"
>
<el-form-item
label=
"
审核结果:
"
:label-width=
"formLabelWidth"
>
<el-input
size=
"small"
v-model=
"editform.menuUrl"
...
...
@@ -181,14 +174,16 @@
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"
>
<el-button
class=
"r-float"
size=
"mini"
type=
"primary"
@
click=
"submitForm('editform')"
>
确定
</el-button>
<el-button
class=
"r-float"
size=
"mini"
@
click=
"close"
>
取 消
</el-button>
<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>
</div>
</template>
<
script
>
...
...
@@ -204,7 +199,7 @@ export default {
}
};
return
{
value1
:
''
,
value1
:
""
,
page
:
{
currentPage
:
1
,
pageSize
:
10
,
total
:
0
},
tableData
:
[],
FormVisible
:
false
,
...
...
@@ -413,8 +408,8 @@ export default {
// _this.editform= Object.assign({}, row);
// _this.FormVisible = true;
},
openDetails
(){
let
_this
=
this
;
openDetails
()
{
let
_this
=
this
;
_this
.
FormVisible
=
true
;
},
// 删除
...
...
@@ -555,4 +550,5 @@ export default {
<
style
lang=
"less"
>
@import "../../../../style/common";
@import "../../style/list";
@import "../../../../style/dialog";
</
style
>
src/page/content/video/copyright/add.vue
View file @
43198a51
<
template
>
<div
class=
"addFormBox"
>
<el-form
:model=
"ruleForm"
:rules=
"rules"
ref=
"ruleForm"
label-width=
"140px"
class=
"addForm"
>
<el-form-item
label=
"页面说明:"
class=
"addTipMsg"
>
可新建版权方信息。“*”为必填项。预设视频分类中没有合适的选项,可点击“新建视频分类”在弹框中新建分类
</el-form-item>
<el-form-item
label=
"页面说明:"
class=
"addTipMsg"
>
可新建版权方信息。“*”为必填项。预设视频分类中没有合适的选项,可点击“新建视频分类”在弹框中新建分类
</el-form-item>
<el-form-item
label=
"版权方名称"
prop=
"name"
>
<el-input
v-model=
"ruleForm.name"
></el-input>
</el-form-item>
...
...
@@ -41,14 +42,22 @@
</el-form>
<!--新增弹框-->
<el-dialog
custom-class=
"party-dialog"
title=
"新建视频分类"
:modal-append-to-body=
"false"
class=
"addDialog"
width=
"468px"
:visible
.
sync=
"dialogVisible"
:before-close=
"close"
>
<div
class=
"form_box"
>
<el-form
:model=
"classForm"
ref=
"classForm"
:rules=
"rules"
id=
"ruleo"
label-position=
"left"
>
<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>
...
...
@@ -56,10 +65,10 @@
<el-input
type=
"textarea"
v-model=
"classForm.desc"
></el-input>
</el-form-item>
</el-form>
<div
slot=
"footer"
class=
"dialog-footer"
>
<el-button
class=
"r-float"
size=
"mini"
type=
"primary"
@
click=
"save"
>
确定
</el-button
>
<el-button
class=
"r-float"
size=
"mini"
@
click=
"close"
>
取 消
</el-button>
<
/div
>
</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>
...
...
@@ -220,4 +229,5 @@ export default {
</
script
>
<
style
lang=
"less"
>
@import "../../style/add";
@import "../../../../style/dialog";
</
style
>
\ No newline at end of file
src/page/content/video/copyright/index.vue
View file @
43198a51
<
template
>
<div
class=
"listPage H100"
>
<!--
<div
class=
"head_box"
>
<h6>
内容管理
/
视频版权方管理
</h6>
<h4>
视频版权方管理
</h4>
</div>
-->
<div
class=
"head_box"
>
<div
class=
"tipMsg"
>
<span><strong>
页面说明:
</strong>
展示所有单位的互动频次统计图及统计表格
</span>
</div>
<div
class=
"search-container"
>
<el-form
:inline=
"true"
:model=
"form"
class=
"search-form"
onsubmit=
"return false;"
>
<el-form-item
label=
"版权方名称"
>
<el-input
...
...
@@ -28,161 +21,61 @@
></el-date-picker>
</el-form-item>
<el-form-item>
<el-button
size=
"mini"
type=
"primary"
class=
"btn_form_search"
@
click=
"Search"
>
查询
</el-button>
<el-button
size=
"mini"
class=
"btn_form_search"
>
重置
</el-button>
<div
class=
"btn-group"
>
<el-button
size=
"mini"
type=
"primary"
class=
"btn_form_search"
@
click=
"Search"
>
查询
</el-button>
<el-button
size=
"mini"
class=
"btn_form_search"
>
重置
</el-button>
</div>
</el-form-item>
</el-form>
<div
class=
"page-tip"
>
<span
class=
"page-tip-title"
>
页面说明:
</span>
<span
class=
"page-tips"
>
展示所有单位的互动频次统计图及统计表格
</span>
</div>
</div>
<div
class=
"content_box"
>
<div
class=
"form_box h778px"
>
<el-button
size=
"mini"
type=
"primary"
class=
"btn_form_add r-float"
icon=
"el-icon-plus"
@
click=
"addPermis()"
>
新
建
</el-button>
<div
class=
"scrool"
>
<el-table
border
:header-cell-style=
"
{background:'#9B1E23',borderColor:'#FFFFFF',color:'#FFFFFF',textAlign:'center'}"
style="width:100%;"
ref="multipleTable"
:data="tableData"
@selection-change="handleSelectionChange"
>
<el-table-column
type=
"index"
width=
"120"
label=
"序号"
></el-table-column>
<el-table-column
show-overflow-tooltip
label=
"版权方名称"
prop=
"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
label=
"操作"
header-align=
"center"
align=
"center"
>
<template
slot-scope=
"scope"
width=
"220"
>
<el-button-group>
<el-button
title=
"编辑"
size=
"mini"
type=
"text"
@
click=
"openEdit(scope.row)"
>
编辑
</el-button>
<el-button
title=
"删除"
type=
"text"
size=
"mini"
@
click=
"handleDelete(scope.row)"
>
删除
</el-button>
</el-button-group>
</
template
>
</el-table-column>
</el-table>
</div>
<div
class=
"table-content"
>
<div
class=
"btn-group"
>
<el-button
type=
"primary"
@
click=
"addPermis()"
>
新建版权方
</el-button>
</div>
<div
class=
"party-table"
>
<el-table
border
style=
"width: 100%;height:100%"
height=
"100%"
ref=
"multipleTable"
:data=
"tableData"
@
selection-change=
"handleSelectionChange"
>
<el-table-column
type=
"index"
width=
"120"
label=
"序号"
></el-table-column>
<el-table-column
show-overflow-tooltip
label=
"版权方名称"
prop=
"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
label=
"操作"
header-align=
"center"
align=
"center"
>
<template
slot-scope=
"scope"
width=
"220"
>
<el-button-group>
<el-button
title=
"编辑"
size=
"mini"
type=
"text"
@
click=
"openEdit(scope.row)"
>
编辑
</el-button>
<el-button
title=
"删除"
type=
"text"
size=
"mini"
@
click=
"handleDelete(scope.row)"
>
删除
</el-button>
</el-button-group>
</
template
>
</el-table-column>
</el-table>
</div>
<div
class=
"partyt-pagination"
>
<el-pagination
small
background
@
current-change=
"handleCurrentChange"
:current-page=
"page.currentPage"
:page-size=
"page.pageSize"
layout=
"prev, pager, next"
layout=
"prev, pager, next
, jumper
"
:total=
"page.total"
></el-pagination>
</div>
<!--新增弹框-->
<el-dialog
title=
"新建"
class=
"newPermis"
:visible
.
sync=
"FormVisible1"
:before-close=
"close1"
>
<div
class=
"form_box"
>
<el-form
:model=
"permisform"
ref=
"permisform"
:rules=
"rules"
id=
"ruleo"
label-position=
"left"
>
<el-form-item
label=
"排序值:"
prop=
"sort"
:label-width=
"formLabelWidth"
>
<el-input
size=
"small"
v-model=
"permisform.sort"
auto-complete=
"off"
clearable
placeholder=
"请输入排序值"
></el-input>
</el-form-item>
<el-form-item
label=
"菜单名称:"
prop=
"menuName"
:label-width=
"formLabelWidth"
>
<el-input
size=
"small"
v-model=
"permisform.menuName"
onkeyup=
"this.value=this.value.replace(/\s+/g,'')"
auto-complete=
"off"
clearable
placeholder=
"请输入您的菜单名称"
></el-input>
</el-form-item>
<el-form-item
label=
"地址:"
prop=
"menuUrl"
:label-width=
"formLabelWidth"
>
<el-input
size=
"small"
v-model=
"permisform.menuUrl"
onkeyup=
"this.value=this.value.replace(/\s+/g,'')"
auto-complete=
"off"
clearable
placeholder=
"请输入您的菜单地址"
></el-input>
</el-form-item>
<el-form-item
label=
"父级菜单:"
prop=
"parentId"
:label-width=
"formLabelWidth"
>
<el-select
size=
"small"
v-model=
"permisform.parentId"
value-key=
"name"
clearable
placeholder=
"请选择父级菜单"
>
<el-option
v-for=
"(item,index) in typeList"
:key=
"index"
:label=
"item.name"
:value=
"item.id"
></el-option>
</el-select>
</el-form-item>
</el-form>
<div
slot=
"footer"
class=
"dialog-footer"
>
<el-button
class=
"r-float"
size=
"mini"
type=
"primary"
@
click=
"permisSave"
>
确定
</el-button>
<el-button
class=
"r-float"
size=
"mini"
@
click=
"close1"
>
取 消
</el-button>
</div>
</div>
</el-dialog>
<!--编辑弹框-->
<el-dialog
title=
"编辑"
:visible
.
sync=
"FormVisible"
:before-close=
"close"
>
<div
class=
"form_box"
>
<el-form
:model=
"editform"
ref=
"editform"
:rules=
"rules"
>
<el-form-item
label=
"排序值:"
prop=
"sort"
:label-width=
"formLabelWidth"
>
<el-input
size=
"small"
v-model=
"editform.sort"
auto-complete=
"off"
clearable
placeholder=
"请输入排序值"
></el-input>
</el-form-item>
<el-form-item
label=
"菜单名称:"
prop=
"menuName"
: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=
"菜单地址:"
prop=
"menuUrl"
: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>
<div
slot=
"footer"
class=
"dialog-footer"
>
<el-button
class=
"r-float"
size=
"mini"
type=
"primary"
@
click=
"submitForm('editform')"
>
确定
</el-button>
<el-button
class=
"r-float"
size=
"mini"
@
click=
"close"
>
取 消
</el-button>
</div>
</div>
</el-dialog>
</div>
</div>
</template>
...
...
@@ -199,7 +92,7 @@ export default {
}
};
return
{
value1
:
''
,
value1
:
""
,
page
:
{
currentPage
:
1
,
pageSize
:
10
,
total
:
0
},
tableData
:
[],
FormVisible
:
false
,
...
...
@@ -544,6 +437,8 @@ export default {
</
script
>
<
style
lang=
"less"
>
@import "../../../../style/common";
@import "../../style/list";
// @import "../../../../style/common";
// @import "../../style/list";
@import '../../../../style/table.less';
@import '../../../../style/pagination.less';
</
style
>
src/router/index.js
View file @
43198a51
...
...
@@ -311,6 +311,99 @@ const router = new Router({
}
},
// --- 展板
{
path
:
'/displayCopyright'
,
name
:
'展板版权方管理'
,
component
:
()
=>
import
(
'@/page/content/display/copyright/index'
),
meta
:{
showBreadcrumb
:
true
,
title
:
'展板版权方管理'
,
}
},
{
path
:
'/displayClassify'
,
name
:
'展板分类管理'
,
component
:
()
=>
import
(
'@/page/content/display/classify/index'
),
meta
:{
showBreadcrumb
:
true
,
title
:
'展板分类管理'
,
}
},
{
path
:
'/displayContent'
,
name
:
'展板内容管理'
,
component
:
()
=>
import
(
'@/page/content/display/content/index'
),
meta
:{
showBreadcrumb
:
true
,
title
:
'展板内容管理'
,
}
},
{
path
:
'/displayContentAdd'
,
name
:
'新建展板'
,
component
:
()
=>
import
(
'@/page/content/display/content/add'
),
meta
:{
showBreadcrumb
:
true
,
title
:
'新建展板'
,
}
},
{
path
:
'/displayContentUpdate'
,
name
:
'修改展板'
,
component
:
()
=>
import
(
'@/page/content/display/content/add'
),
meta
:{
showBreadcrumb
:
true
,
title
:
'修改展板'
,
}
},
{
path
:
'/displayContentDetails'
,
name
:
'展板管理详情'
,
component
:
()
=>
import
(
'@/page/content/display/content/details'
),
meta
:{
showBreadcrumb
:
true
,
title
:
'展板管理详情'
,
}
},
// --学习
{
path
:
'/learn'
,
name
:
'学习内容制作'
,
component
:
()
=>
import
(
'@/page/content/learn/index'
),
meta
:{
showBreadcrumb
:
true
,
title
:
'学习内容制作'
,
}
},
{
path
:
'/learnAdd'
,
name
:
'新建学习内容'
,
component
:
()
=>
import
(
'@/page/content/learn/add'
),
meta
:{
showBreadcrumb
:
true
,
title
:
'新建学习内容'
,
}
},
{
path
:
'/learnUpdate'
,
name
:
'修改展板'
,
component
:
()
=>
import
(
'@/page/content/learn/add'
),
meta
:{
showBreadcrumb
:
true
,
title
:
'修改展板'
,
}
},
{
path
:
'/learnDetails'
,
name
:
'展板管理详情'
,
component
:
()
=>
import
(
'@/page/content/learn/details'
),
meta
:{
showBreadcrumb
:
true
,
title
:
'展板管理详情'
,
}
},
//新建页面
{
path
:
'/newServiceGuide'
,
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment