forked from mirror/MrDoc
344 lines
14 KiB
HTML
344 lines
14 KiB
HTML
{% extends 'app_admin/admin_base.html' %}
|
|
{% load static %}
|
|
{% load i18n %}
|
|
{% block title %}文集管理{% endblock %}
|
|
{% block content %}
|
|
<div class="layui-card">
|
|
<div class="layui-card-body">
|
|
<table id="project-table" lay-filter="project-table"></table>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 表格工具栏 -->
|
|
<script type="text/html" id="project-toolbar">
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="project-search-kw" placeholder="" class="layui-input" >
|
|
</div>
|
|
<button class="layui-btn layui-btn-primary pear-btn-sm" lay-event="search">
|
|
<i class="layui-icon layui-icon-search"></i>搜索
|
|
</button>
|
|
<button class="layui-btn layui-btn-normal pear-btn-sm" lay-event="add">
|
|
<i class="layui-icon layui-icon-add-1"></i>新增
|
|
</button>
|
|
<button class="layui-btn layui-btn-warm pear-btn-sm" lay-event="batchRemove">
|
|
<i class="layui-icon layui-icon-delete"></i>删除
|
|
</button>
|
|
|
|
</script>
|
|
|
|
<!-- 文集名称 -->
|
|
<script type="text/html" id="project-name">
|
|
{% verbatim %}
|
|
<a href="/project-{{d.id}}/" target="_blank">
|
|
{{d.name}}
|
|
{{#if (d.role == 0) { }}
|
|
{{# }else if(d.role == 1){ }}
|
|
<span tooltip="私密" placement="right"><i class="layui-icon layui-icon-password"></i></span>
|
|
{{# }else if(d.role == 2){ }}
|
|
<span tooltip="指定用户" placement="right"><i class="layui-icon layui-icon-user"></i></span>
|
|
{{# }else if(d.role == 3){ }}
|
|
<span tooltip="访问码" placement="right"><i class="layui-icon layui-icon-key"></i></span>
|
|
{{# } }}
|
|
</a>
|
|
{% endverbatim %}
|
|
</script>
|
|
|
|
<!-- 单个文集操作 -->
|
|
<script type="text/html" id="project-bar">
|
|
{% verbatim %}
|
|
<!-- <a href="/manage_pro_doc_sort/{{d.id}}/" class="layui-btn layui-btn-primary pear-btn-sm" lay-event="sort"><i class="layui-icon layui-icon-cols"></i></a> -->
|
|
<!-- <a href="/modify_pro/?pro_id={{d.id}}" title="修改文集配置" class="layui-btn layui-btn-primary pear-btn-sm"><i class="layui-icon layui-icon-set"></i></a> -->
|
|
<button class="layui-btn layui-btn-warm pear-btn-sm" lay-event="remove"><i class="layui-icon layui-icon-delete"></i></button>
|
|
{% endverbatim %}
|
|
</script>
|
|
|
|
<!-- 文集权限 -->
|
|
<script type="text/html" id="project-role">
|
|
{% verbatim %}
|
|
{{#if (d.role == 0) { }}
|
|
<span>公开</span>
|
|
{{# }else if(d.role == 1){ }}
|
|
<span>私密</span>
|
|
{{# }else if(d.role == 2){ }}
|
|
<span>指定用户</span>
|
|
{{# }else if(d.role == 3){ }}
|
|
<span>访问码</span>
|
|
{{# } }}
|
|
{% endverbatim %}
|
|
</script>
|
|
|
|
<!-- 协作人数 -->
|
|
<script type="text/html" id="colla-cnt">
|
|
{% verbatim %}
|
|
<span>{{d.colla_total}}</span> <a href="/manage_project_colla/{{d.id}}/" title="管理文集协作"><i class="layui-icon layui-icon-set"></i></a>
|
|
{% endverbatim %}
|
|
</script>
|
|
|
|
<!-- 创建时间 -->
|
|
<script type="text/html" id="project-create-time">
|
|
{% verbatim %}
|
|
{{layui.util.toDateString(d.create_time, "yyyy-MM-dd HH:mm:ss")}}
|
|
{% endverbatim %}
|
|
</script>
|
|
|
|
<!-- 文集置顶 -->
|
|
<script type="text/html" id="is-top">
|
|
{% verbatim %}
|
|
<input type="checkbox" name="is_top" value="{{d.id}}" lay-skin="switch" lay-text="是|否" lay-filter="topActive" {{ d.is_top === true ? 'checked' : '' }}>
|
|
{% endverbatim %}
|
|
</script>
|
|
|
|
{% endblock %}
|
|
{% block custom_script %}
|
|
<script>
|
|
layui.use(['table', 'form', 'jquery', 'layer'], function() {
|
|
let table = layui.table;
|
|
let form = layui.form;
|
|
let $ = layui.jquery;
|
|
let layer = layui.layer;
|
|
$.ajaxSetup({
|
|
data: {csrfmiddlewaretoken: '{{ csrf_token }}' },
|
|
});
|
|
let cols = [
|
|
[
|
|
{type: 'checkbox',width:20},
|
|
{title: '文集名称',field: 'name',align: 'left',templet:"#project-name",minWidth:200},
|
|
// {title: '简介',field: 'intro',align: 'left',templet:"#share-type"},
|
|
// {title: '权限',field: 'role',align: 'left',templet:"#project-role"},
|
|
{title: '文档数',field: 'doc_total',align: 'left',width:90},
|
|
{title: '协作人数',field: 'colla_total',align: 'left',templet:"#colla-cnt",width:90},
|
|
{title: '作者',field: 'create_user',align: 'left',width:90},
|
|
{title: '置顶',field: 'is_top',align: 'left',width:90,templet:"#is-top"},
|
|
{title: '创建时间',field: 'create_time',align: 'left',templet:"#project-create-time"},
|
|
{title: '操作',toolbar: '#project-bar',align: 'left',}
|
|
]
|
|
]
|
|
// 渲染表格
|
|
table.render({
|
|
elem: '#project-table',
|
|
method:'post',
|
|
where:{
|
|
'type':1
|
|
},
|
|
url: "{% url 'project_manage' %}",
|
|
page: true,
|
|
cols: cols,
|
|
skin: 'line',
|
|
toolbar: '#project-toolbar',
|
|
defaultToolbar: ['filter']
|
|
});
|
|
// 侦听文集删除按钮
|
|
table.on("tool(project-table)",function(obj){
|
|
if (obj.event === 'remove') {
|
|
// console.log(obj)
|
|
delProject(obj.data.id,obj.data.name)
|
|
}
|
|
});
|
|
// 侦听表格工具栏
|
|
table.on("toolbar(project-table)",function(obj){
|
|
if (obj.event === 'add') { // 新增文集
|
|
createProject();
|
|
}else if(obj.event === 'batchRemove'){ // 批量删除文集
|
|
batchRemove(obj)
|
|
}else if(obj.event === 'search'){ // 搜索文集
|
|
console.log('搜索文集')
|
|
table.reload('project-table',{
|
|
where:{
|
|
'type':1,'kw':$('input[name="project-search-kw"]').val()
|
|
},
|
|
})
|
|
}
|
|
});
|
|
|
|
// 侦听文集置顶开关
|
|
form.on('switch(topActive)', function(obj){
|
|
loading = layer.load(1)
|
|
$.ajax({
|
|
url:'{% url "admin_project_istop" %}',
|
|
type:'post',
|
|
data:{
|
|
'id':this.value,'is_top':obj.elem.checked,
|
|
},
|
|
success: function(r) {
|
|
layer.close(loading);
|
|
if (r.status) {
|
|
layer.msg('修改成功', {
|
|
icon: 1,
|
|
time: 1000
|
|
},function(){
|
|
table.reload("project-table")
|
|
});
|
|
} else {
|
|
layer.msg(r.data, {
|
|
icon: 2,
|
|
time: 1000
|
|
});
|
|
}
|
|
},
|
|
error:function(){
|
|
layer.close(loading);
|
|
layer.msg("置顶失败")
|
|
}
|
|
})
|
|
});
|
|
|
|
//创建文集
|
|
createProject = function(){
|
|
layer.open({
|
|
type:1,
|
|
title:'新建文集',
|
|
area:'300px;',
|
|
id:'createPro',//配置ID
|
|
content:'<div style="padding: 20px;"><input class="layui-input" type="text" id="pname" style="margin-bottom:10px;" placeholder="输入文集名" required lay-verify="required"><textarea name="desc" id="desc" placeholder="输入文集简介" class="layui-textarea"></textarea></div>',
|
|
btn:['确定','取消'], //添加按钮
|
|
btnAlign:'c', //按钮居中
|
|
yes:function (index,layero) {
|
|
layer.load(1);
|
|
data = {
|
|
'pname':$("#pname").val(),
|
|
'desc':$("#desc").val(),
|
|
}
|
|
$.post("{% url 'create_project' %}",data,function(r){
|
|
layer.closeAll('loading'); //关闭loading
|
|
if(r.status){
|
|
//创建成功
|
|
window.location.reload();
|
|
//layer.close(index)
|
|
}else{
|
|
//创建失败，提示
|
|
console.log(r)
|
|
|
|
}
|
|
})
|
|
},
|
|
});
|
|
};
|
|
//修改文集
|
|
modifyProject = function(pro_id,pro_name,pro_intro){
|
|
layer.open({
|
|
type:1,
|
|
title:'修改文集',
|
|
area:'300px;',
|
|
id:'modifyPro',//配置ID
|
|
content:'<div style="padding: 20px;"><input class="layui-input" type="text" id="pname" style="margin-bottom:10px;" placeholder="输入文集名" required lay-verify="required" value="'+pro_name+'"><textarea name="desc" id="desc" placeholder="输入文集简介" class="layui-textarea">'+pro_intro+'</textarea></div>',
|
|
btn:['确定','取消'], //添加按钮
|
|
btnAlign:'c', //按钮居中
|
|
yes:function (index,layero) {
|
|
layer.load(1);
|
|
data = {
|
|
'pro_id':pro_id,
|
|
'name':$("#pname").val(),
|
|
'desc':$("#desc").val(),
|
|
}
|
|
$.post("{% url 'modify_project' %}",data,function(r){
|
|
layer.closeAll('loading'); //关闭loading
|
|
if(r.status){
|
|
//修改成功
|
|
window.location.reload();
|
|
//layer.close(index)
|
|
}else{
|
|
//修改失败，提示
|
|
// console.log(r)
|
|
layer.msg(r.data)
|
|
}
|
|
})
|
|
},
|
|
});
|
|
};
|
|
//删除文集
|
|
delProject = function(pro_id,pro_name){
|
|
layer.open({
|
|
type:1,
|
|
title:'{% trans "删除文集" %}',
|
|
area:'300px;',
|
|
id:'delPro',//配置ID
|
|
content:'<div style="margin-left:10px;">你正在删除：<span style="font-weight:700;color:red;">【'+pro_name+'】</span><br><br>警告！此操作将<span style="font-weight:700;color:red;">删除此文集及文集下所有文档！</span>并且<span style="font-weight:700;color:red;">不可恢复！</span><br><br>请输入“DELETE”以再次确认删除。<br><input class="layui-input" style="width:95%;" id="confirm_delete_project" placeholder="DELETE"></div>',
|
|
btn:['{% trans "删除" %}','{% trans "取消" %}'], //添加按钮
|
|
btnAlign:'c', //按钮居中
|
|
yes:function (index,layero) {
|
|
var confirm_delete = $("#confirm_delete_project").val()
|
|
if(confirm_delete === 'DELETE'){
|
|
layer.load(1);
|
|
data = {
|
|
'pro_id':pro_id,
|
|
}
|
|
$.post("{% url 'del_project' %}",data,function(r){
|
|
layer.closeAll(); //关闭loading
|
|
if(r.status){
|
|
layer.msg("{% trans '删除成功' %}", {
|
|
icon: 1,
|
|
time: 1000
|
|
}, function() {
|
|
table.reload('project-table');
|
|
});
|
|
}else{
|
|
//修改失败，提示
|
|
console.log(r)
|
|
layer.msg(r.data)
|
|
}
|
|
})
|
|
}else{
|
|
layer.msg("输入错误！")
|
|
}
|
|
},
|
|
});
|
|
}
|
|
// 批量删除文集
|
|
batchRemove = function(obj) {
|
|
let data = table.checkStatus(obj.config.id).data;
|
|
if (data.length === 0) {
|
|
layer.msg("{% trans '未选中任何文集' %}", {
|
|
icon: 3,
|
|
time: 1000
|
|
});
|
|
return false;
|
|
}
|
|
let pro_id = "";
|
|
for (let i = 0; i < data.length; i++) {
|
|
pro_id += data[i].id + ",";
|
|
}
|
|
pro_id = pro_id.substr(0, pro_id.length - 1);
|
|
// console.log(pro_id)
|
|
layer.open({
|
|
type:1,
|
|
title:'{% trans "删除文集" %}',
|
|
area:'300px;',
|
|
id:'delPro',//配置ID
|
|
content:'<div style="margin-left:10px;">你正在批量删除文集！<br><br>警告！此操作将<span style="font-weight:700;color:red;">删除所选文集及文集下所有文档！</span>并且<span style="font-weight:700;color:red;">不可恢复！</span><br><br>请输入“DELETE”以再次确认删除。<br><input class="layui-input" style="width:95%;" id="confirm_batch_delete_project" placeholder="DELETE"></div>',
|
|
btn:['{% trans "批量删除" %}','{% trans "取消" %}'], //添加按钮
|
|
btnAlign:'c', //按钮居中
|
|
yes:function (index,layero) {
|
|
var confirm_delete = $("#confirm_batch_delete_project").val()
|
|
if(confirm_delete === 'DELETE'){
|
|
let loading = layer.load();
|
|
$.ajax({
|
|
url: "{% url 'del_project' %}",
|
|
dataType: 'json',
|
|
type: 'post',
|
|
data:{'pro_id':pro_id,'range':'multi'},
|
|
success: function(r) {
|
|
layer.closeAll();
|
|
if (r.status) {
|
|
layer.msg("{% trans '删除成功' %}", {
|
|
icon: 1,
|
|
time: 1000
|
|
}, function() {
|
|
table.reload('project-table');
|
|
});
|
|
} else {
|
|
layer.msg(r.data, {
|
|
icon: 2,
|
|
time: 1000
|
|
});
|
|
}
|
|
}
|
|
})
|
|
}else{
|
|
layer.msg("输入错误！")
|
|
}
|
|
}
|
|
});
|
|
}
|
|
})
|
|
</script>
|
|
{% endblock %} |