312 lines
12 KiB
HTML
312 lines
12 KiB
HTML
{% extends 'app_doc/user/user_base.html' %}
|
||
{% load static %}
|
||
{% load i18n %}
|
||
{% block title %}{% trans "文档管理" %}{% endblock %}
|
||
{% block content %}
|
||
<div class="layui-card">
|
||
<div class="layui-card-header">{% trans "高级筛选" %}</div>
|
||
<div class="layui-card-body">
|
||
<div class="layui-form">
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{% trans "关键词" %}</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">{% trans "搜索" %}</button>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{% trans "文集" %}</label>
|
||
<div class="layui-input-inline">
|
||
<select name="pro_id" lay-verify="required" lay-filter="project" id="project">
|
||
<option value="">{% trans "按文集筛选" %}</option>
|
||
<!-- 自己的文集 -->
|
||
<optgroup label="自有文集" id="self-project">
|
||
{% 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 %}
|
||
</optgroup>
|
||
<!-- 协作的文集 -->
|
||
{% if colla_project_list.count > 0 %}
|
||
<optgroup label="协作文集">
|
||
{% for p in colla_project_list %}
|
||
<option value="{{ p.project.id }}">[协作]《{{ p.project.name }}》</option>
|
||
{% endfor %}
|
||
</optgroup>
|
||
{% endif %}
|
||
</select>
|
||
</div>
|
||
</div>
|
||
<div class="layui-form-item">
|
||
<label class="layui-form-label">{% trans "文档状态" %}</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){ }}
|
||
<span class="layui-badge-dot layui-bg-orange"></span>
|
||
<a href="/modify_doc/{{d.id}}/" target="_blank" title="修改文档：{{d.name}}">{{ d.name }} </a>
|
||
{{# } }}
|
||
{% 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){ }}
|
||
<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="pear-btn 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: '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 'manage_doc' %}",
|
||
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 %} |