forked from mirror/MrDoc
309 lines
12 KiB
HTML
309 lines
12 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-header">高级筛选</div>
|
|
<div class="layui-card-body">
|
|
<div class="layui-form">
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">关键词</label>
|
|
<div class="layui-input-inline">
|
|
<input type="text" name="kw" placeholder="请输入标题" autocomplete="off" class="layui-input">
|
|
</div>
|
|
<button class="pear-btn pear-btn-primary pear-btn-sm" id="search">搜索</button>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">文集</label>
|
|
<div class="layui-input-inline">
|
|
<select name="pro_id" lay-verify="required" lay-filter="project" id="project">
|
|
<option value="">按文集筛选</option>
|
|
{% for p in project_list %}
|
|
{% if p.role == 1 %}
|
|
<option value="{{ p.id }}">[私密]《{{ p.name }}》</option>
|
|
{% elif p.role == 2 %}
|
|
<option value="{{ p.id }}" >[指定用户]《{{ p.name }}》</option>
|
|
{% elif p.role == 3 %}
|
|
<option value="{{ p.id }}" >[访问码]《{{ p.name }}》</option>
|
|
{% else %}
|
|
<option value="{{ p.id }}" >[公开]《{{ p.name }}》</option>
|
|
{% endif %}
|
|
{% endfor %}
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="layui-form-item">
|
|
<label class="layui-form-label">文档状态</label>
|
|
<div class="layui-input-block">
|
|
<input type="radio" name="status" title="全部({{all_cnt}})" value="-1" lay-skin="primary" checked lay-filter="doc_status">
|
|
<input type="radio" name="status" title="草稿({{draft_doc_cnt}})" value="0" lay-skin="primary" lay-filter="doc_status">
|
|
<input type="radio" name="status" title="已发布({{published_doc_cnt}})" value="1" lay-skin="primary" lay-filter="doc_status">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="layui-card">
|
|
<div class="layui-card-body">
|
|
<table id="doc-table" lay-filter="doc-table"></table>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- 表格工具栏 -->
|
|
<script type="text/html" id="doc-toolbar">
|
|
<a class="pear-btn pear-btn-primary pear-btn-sm" href="/create_doc/" target="_blank">
|
|
<i class="layui-icon layui-icon-add-1"></i>新增
|
|
</a>
|
|
<button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="batchRemove">
|
|
<i class="layui-icon layui-icon-delete"></i>删除
|
|
</button>
|
|
</script>
|
|
|
|
<!-- 文档名称 -->
|
|
<script type="text/html" id="doc-name">
|
|
{% verbatim %}
|
|
{{#if (d.status == 1) { }}
|
|
<span class="layui-badge-dot layui-bg-blue"></span>
|
|
<a href="/project-{{d.project_id}}/doc-{{d.id}}" target="_blank">{{d.name}}</a>
|
|
{{# }else if(d.status == 0){ }}
|
|
<!-- <i class="layui-icon layui-icon-release" style="cursor: pointer;" onclick="fastPubDoc('{{d.id}}')" title="草稿状态，点击一键发布"></i> -->
|
|
<span class="layui-badge-dot layui-bg-orange"></span>
|
|
<a href="/modify_doc/{{d.id}}/" target="_blank" title="修改文档：{{d.name}}">{{ d.name }} </a>
|
|
{{# } }}
|
|
{{#if (d.editor_mode in [1,2,3]) { }}
|
|
<i class="layui-icon layui-icon-form" title="普通文档"</i>
|
|
{{# }else if(d.editor_mode == 4){ }}
|
|
<i class="layui-icon layui-icon-table" title="表格文档"</i>
|
|
{{# } }}
|
|
{% endverbatim %}
|
|
</script>
|
|
|
|
<!-- 文档状态 -->
|
|
<script type="text/html" id="doc-status">
|
|
{% verbatim %}
|
|
{{#if (d.status == 1) { }}
|
|
<span class="layui-badge-rim">已发布</span>
|
|
{{# }else if(d.status == 0){ }}
|
|
<!-- <i class="layui-icon layui-icon-release" style="cursor: pointer;" onclick="fastPubDoc('{{d.id}}')" title="草稿状态，点击一键发布"></i> -->
|
|
<span class="layui-badge-rim" style="cursor: pointer;" onclick="fastPubDoc('{{d.id}}')" title="点击一键发布">草稿</span>
|
|
{{# } }}
|
|
{% endverbatim %}
|
|
</script>
|
|
|
|
<!-- 修改时间 -->
|
|
<script type="text/html" id="doc-modify-time">
|
|
{% verbatim %}
|
|
{{layui.util.toDateString(d.modify_time, "yyyy-MM-dd HH:mm:ss")}}
|
|
{% endverbatim %}
|
|
</script>
|
|
|
|
<!-- 编辑模式 -->
|
|
<script type="text/html" id="editor-mode">
|
|
{% verbatim %}
|
|
{{#if (d.editor_mode == 1) { }}
|
|
Editor.MD
|
|
{{# }else if(d.editor_mode == 2){ }}
|
|
Vditor
|
|
{{# } }}
|
|
{% endverbatim %}
|
|
</script>
|
|
|
|
<!-- 展开下级 -->
|
|
<script type="text/html" id="open_children">
|
|
{% verbatim %}
|
|
{{#if (d.open_children == true) { }}
|
|
展开
|
|
{{# }{ }}
|
|
收起
|
|
{{# } }}
|
|
{% endverbatim %}
|
|
</script>
|
|
|
|
<!-- 单个文档操作 -->
|
|
<script type="text/html" id="doc-bar">
|
|
{% verbatim %}
|
|
<a href="/manage_doc_history/{{d.id}}/" class="pear-btn pear-btn-sm"><i class="layui-icon layui-icon-log"></i></a>
|
|
<!-- <a href="/modify_doc/{{d.id}}/" title="修改文档" class="layui-btn layui-btn-primary pear-btn-sm" target="_blank"><i class="layui-icon layui-icon-edit"></i></a> -->
|
|
<button class="pear-btn pear-btn-danger pear-btn-sm" lay-event="remove"><i class="layui-icon layui-icon-delete"></i></button>
|
|
{% endverbatim %}
|
|
</script>
|
|
|
|
{% endblock %}
|
|
{% block custom_script %}
|
|
<script>
|
|
layui.use(['table', 'form', 'jquery', 'dtree','layer'], function() {
|
|
let table = layui.table;
|
|
let form = layui.form;
|
|
let $ = layui.jquery;
|
|
let dtree = layui.dtree;
|
|
var layer = layui.layer;
|
|
$.ajaxSetup({
|
|
data: {csrfmiddlewaretoken: '{{ csrf_token }}' },
|
|
});
|
|
let cols = [
|
|
[
|
|
{type: 'checkbox',width:20},
|
|
{title: '文档名称',field: 'name',align: 'left',templet:"#doc-name",minWidth:280},
|
|
{title: '状态',field: 'status',align: 'left',templet:"#doc-status",width:90},
|
|
{title: '上级',field: 'parent',align: 'left',},
|
|
{title: '文集',field: 'project_name',align: 'left',templet:"#project-role"},
|
|
{title: '编辑模式',field: 'editor_mode',align: 'left',templet:"#editor-mode",width:90},
|
|
{title: '展开下级',field: 'open_children',align: 'left',width:90, templet:"#open_children"},
|
|
{title: '文档作者',field: 'create_user',align: 'left',},
|
|
{title: '最后编辑',field: 'modify_time',align: 'left',templet:"#doc-modify-time"},
|
|
{title: '操作',toolbar: '#doc-bar',align: 'left',} ]
|
|
]
|
|
// 渲染表格
|
|
table.render({
|
|
elem: '#doc-table',
|
|
method:'post',
|
|
where:{
|
|
'type':1,
|
|
},
|
|
url: "{% url 'doc_manage' %}",
|
|
page: true,
|
|
cols: cols,
|
|
skin: 'line',
|
|
toolbar: '#doc-toolbar',
|
|
defaultToolbar: ['filter']
|
|
});
|
|
// 删除文档
|
|
delDoc = function(doc_id){
|
|
layer.open({
|
|
type:1,
|
|
title:'删除文档',
|
|
area:'300px;',
|
|
id:'delPro',//配置ID
|
|
content:'<div style="margin-left:10px;">警告：此操作将删除此文档！</div>',
|
|
btn:['确定','取消'], //添加按钮
|
|
btnAlign:'c', //按钮居中
|
|
yes:function (index,layero) {
|
|
layer.load(1);
|
|
data = {
|
|
'doc_id':doc_id,
|
|
}
|
|
$.post("{% url 'del_doc' %}",data,function(r){
|
|
layer.closeAll('loading')
|
|
if(r.status){
|
|
//修改成功
|
|
window.location.reload();
|
|
//layer.close(index)
|
|
}else{
|
|
//修改失败，提示
|
|
console.log(r)
|
|
layer.msg(r.data)
|
|
}
|
|
})
|
|
},
|
|
});
|
|
};
|
|
// 一键发布文档
|
|
fastPubDoc = function(doc_id){
|
|
data = {
|
|
'doc_id':doc_id,
|
|
}
|
|
$.post("{% url 'fast_pub_doc' %}",data,function(r){
|
|
layer.closeAll('loading')
|
|
if(r.status){
|
|
//发布成功
|
|
window.location.reload();
|
|
}else{
|
|
//发布失败，提示
|
|
console.log(r)
|
|
layer.msg(r.data)
|
|
}
|
|
})
|
|
};
|
|
// 批量删除文档
|
|
batchRemoveDoc = function(obj) {
|
|
let data = table.checkStatus(obj.config.id).data;
|
|
if (data.length === 0) {
|
|
layer.msg("未选中任何文档", {
|
|
icon: 3,
|
|
time: 1000
|
|
});
|
|
return false;
|
|
}
|
|
let doc_id = "";
|
|
for (let i = 0; i < data.length; i++) {
|
|
doc_id += data[i].id + ",";
|
|
}
|
|
doc_id = doc_id.substr(0, doc_id.length - 1);
|
|
// console.log(pro_id)
|
|
layer.confirm('确定要删除这些文档？', {
|
|
icon: 3,
|
|
title: '提示'
|
|
}, function(index) {
|
|
layer.close(index);
|
|
let loading = layer.load();
|
|
$.ajax({
|
|
url: "{% url 'del_doc' %}",
|
|
dataType: 'json',
|
|
type: 'post',
|
|
data:{'doc_id':doc_id,'range':'multi'},
|
|
success: function(r) {
|
|
layer.close(loading);
|
|
if (r.status) {
|
|
layer.msg("删除成功", {
|
|
icon: 1,
|
|
time: 1000
|
|
}, function() {
|
|
table.reload('doc-table');
|
|
});
|
|
} else {
|
|
layer.msg(r.data, {
|
|
icon: 2,
|
|
time: 1000
|
|
});
|
|
}
|
|
}
|
|
})
|
|
});
|
|
}
|
|
// 监听文集筛选
|
|
form.on('select(project)', function(data){
|
|
console.log('选择文集：',data.value); //得到被选中的值
|
|
table.reload('doc-table',{
|
|
where:{
|
|
'type':1,'project':data.value,
|
|
},
|
|
})
|
|
});
|
|
// 监听状态筛选
|
|
form.on('radio(doc_status)', function(data){
|
|
console.log(data.value); //被点击的radio的value值
|
|
table.reload('doc-table',{
|
|
where:{
|
|
'type':1,'status':data.value,
|
|
},
|
|
})
|
|
});
|
|
// 监听搜索按钮
|
|
$("#search").click(function(){
|
|
table.reload('doc-table',{
|
|
where:{
|
|
'type':1,'kw':$("input[name=kw]").val(),
|
|
},
|
|
})
|
|
});
|
|
|
|
// 侦听文档删除按钮
|
|
table.on("tool(doc-table)",function(obj){
|
|
if (obj.event === 'remove') {
|
|
// console.log(obj)
|
|
delDoc(obj.data.id)
|
|
}
|
|
});
|
|
// 侦听表格工具栏
|
|
table.on("toolbar(doc-table)",function(obj){
|
|
if (obj.event === 'add') { // 新增文集
|
|
createProject();
|
|
}else if(obj.event === 'batchRemove'){ // 批量删除文集
|
|
batchRemoveDoc(obj)
|
|
}
|
|
});
|
|
})
|
|
</script>
|
|
{% endblock %} |