MrDoc/template/app_admin/admin_doc.html

304 lines
12 KiB
HTML
Raw Normal View History

2019-07-25 15:25:27 +08:00
{% extends 'app_admin/admin_base.html' %}
2020-10-18 08:05:41 +08:00
{% load static %}
2020-12-02 21:25:59 +08:00
{% load i18n %}
2019-07-25 15:25:27 +08:00
{% block title %}文档管理{% endblock %}
{% block content %}
2020-11-16 21:32:08 +08:00
<div class="layui-card">
<div class="layui-card-header">高级筛选</div>
2020-11-16 21:32:08 +08:00
<div class="layui-card-body">
<div class="layui-form">
2020-11-16 21:32:08 +08:00
<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="layui-btn layui-btn-normal layui-btn-sm" id="search">搜索</button>
2019-07-25 15:25:27 +08:00
</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>
2020-11-16 21:32:08 +08:00
</div>
2019-07-25 15:25:27 +08:00
</div>
</div>
2020-11-16 21:32:08 +08:00
</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="layui-btn layui-btn-normal pear-btn-sm" href="/create_doc/" target="_blank">
<i class="layui-icon layui-icon-add-1"></i>新增
</a>
<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="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>&nbsp; -->
<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){ }}
<!-- <i class="layui-icon layui-icon-release" style="cursor: pointer;" onclick="fastPubDoc('{{d.id}}')" title="草稿状态,点击一键发布"></i>&nbsp; -->
<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="layui-btn layui-btn-primary 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="layui-btn layui-btn-warm pear-btn-sm" lay-event="remove"><i class="layui-icon layui-icon-delete"></i></button>
{% endverbatim %}
</script>
2019-07-25 15:25:27 +08:00
{% endblock %}
{% block custom_script %}
<script>
layui.use(['table', 'form', 'jquery', 'dtree','layer'], function() {
2020-11-16 21:32:08 +08:00
let table = layui.table;
let form = layui.form;
let $ = layui.jquery;
let dtree = layui.dtree;
var layer = layui.layer;
2020-11-16 21:32:08 +08:00
$.ajaxSetup({
data: {csrfmiddlewaretoken: '{{ csrf_token }}' },
2019-07-25 15:25:27 +08:00
});
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']
});
// 删除文档
2020-11-16 21:32:08 +08:00
delDoc = function(doc_id){
layer.open({
type:1,
title:'删除文档',
area:'300px;',
id:'delPro',//配置ID
content:'<div style="margin-left:10px;">警告:此操作将删除此文档!</div>',
2020-11-16 21:32:08 +08:00
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')
2020-11-16 21:32:08 +08:00
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
});
}
}
})
});
2020-11-16 21:32:08 +08:00
}
// 监听文集筛选
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)
}
});
})
2019-07-25 15:25:27 +08:00
</script>
{% endblock %}