MrDoc/template/app_doc/project.html

<!-- 继承自模板：app_doc/docs_base.html -->
{% extends 'app_doc/docs_base.html' %}
<!-- 引入静态文件 -->
{% load staticfiles %}

{% block title %}{{ project.name }}{% endblock %}

{% block head_toolbar %}
    {% if request.user == project.create_user or colla_user > 0 %}
        <span class="btn pull-left">|</span>
        <a class="btn pull-left" href="{% url 'create_doc' %}?pid={{project.id}}" target="_blank">
            <i class="fa fa-plus-square"></i> <span class="layui-hide-xs">添加</span>
        </a>
    {% endif %}
    {% if request.user == project.create_user %}
        <a class="btn pull-left" href="{% url 'manage_project' %}" target="_blank">
            <i class="fa fa-cubes"></i> <span class="layui-hide-xs">管理</span>
        </a>
    {% endif %}
{% endblock %}

{% block content_head %}
    <h1>{{ project.name }}</h1><hr>
    <p style="" class="project-doc-content-head">
        <!--<i class="fa fa-th-large"></i> 发表：{{ doc.create_time }}-->
        <i class="fa fa-user"></i> 创建人：{{ project.create_user.username }}
    &nbsp;&nbsp;&nbsp;&nbsp;<i class="fa fa-timer"></i> 创建于：{{ project.create_time }}
    </p>
{% endblock %}

{% block page_content %}
    <!-- 引入文档过滤器 -->
    {% load doc_filter %}
    <div class="layui-row">
        <h3>文集简介：</h3>
        <p>{{project.intro}}</p>
    </div>
    <div class="layui-row">
        <h3>文集大纲：</h3>
        <!-- <div class="layui-col-md12" id="doc-tree"></div> -->
        <ul class="summary" id="doc-tree"></ul>
    </div>

    {% if enable_project_report %}
    <div class="layui-row">
        <h3>文集下载：</h3>
        <p>
            <span class="layui-breadcrumb" lay-separator="|">
                {% if allow_download %}
                    {% if allow_download.allow_epub == 1 %}
                        <a href="javascript:void(0);" onclick="reportFile('{{project.id}}','epub')"><i class="fa fa-download"></i> <u>EPUB电子书</u></a>
                    {% endif %}
                    {% if allow_download.allow_pdf == 1 %}
                        <a href="javascript:void(0);" onclick="reportFile('{{project.id}}','pdf')"><i class="fa fa-download"></i> <u>PDF电子书</u></a>
                    {% endif %}
                    {% if allow_download.allow_pdf == 0 and allow_download.allow_epub == 0 %}
                        <a>文集作者未开放此文集的任何格式下载！</a>
                    {% endif %}
                {% else %}
                    <a>文集作者未开放此文集的任何格式下载！</a>
                {% endif %}
            </span>
        </p>
    </div>
    <script>        
        // 下载文件
        reportFile = function(pro_id,types){
            layer.load(1)
            var data = {'pro_id':pro_id,'types':types};
            $.post("{% url 'report_file' %}",data,function(r){
                layer.closeAll('loading');
                if(r.status){
                    //文件下载提示
                    downloadFile(r.data)
                }else{
                    layer.msg(r.data)
                }
            })
        }
        //下载文件弹出框
        downloadFile = function(download_link){
            layer.open({
                type:1,
                title:"下载导出文档",
                area:"300px",
                id:"downloadMd",
                content:'<p style="text-align:center;color:red;">请尽快下载，避免失效！</p><br><a class="layui-btn layui-btn-normal layui-btn-fluid download-md-link" href="'+ download_link + '" download="" >点击下载文件</a>',
                //btn:['确定','取消'], //添加按钮
                //btnAlign:'c', //按钮居中
                success: function (layero, index) {
                    $(layero).find('.download-md-link').click(function () {
                        layer.close(index);
                    })
            }
            })
        };
    </script>
    {% endif %}
{% endblock %}

{% block custom_script %}
<script>
    // 生成文集目录大纲
    var tree = layui.tree;
    getDocTree = function(){
        layer.load(1)
        $.post("{% url 'get_pro_doc_tree' %}",{'pro_id':'{{project.id}}'},function(r){
            if(r.status){
                var toc_str = ""
                layui.each(r.data,function(index,item){
                    toc_str += "<li>"
                    if(item['children'] != undefined){ // 存在二级文档
                        li = '<a href="/project-'+'{{project.id}}'+'/doc-'+item.id+'/" title="'+item.title+'">'+item.title+'</a>' +'<ul class="sub-menu">'
                        toc_str += li
                        layui.each(item['children'],function(index,item){// 遍历二级文档
                            toc_str += '<li>'
                            if(item['children'] != undefined){ //存在三级文档
                                li = '<a href="/project-'+'{{project.id}}'+'/doc-'+item.id+'/" title="'+item.title+'">'+item.title+'</a>' +'<ul class="sub-menu">'
                                toc_str += li
                                layui.each(item['children'],function(index,item){ // 遍历三级文档
                                    li = '<li><a href="/project-'+'{{project.id}}'+'/doc-'+item.id+'/" title="'+item.title+'">'+item.title+'</a></li>'
                                    toc_str += li
                                })
                                toc_str += '</ul>'
                            }else{// 不存在三级文档
                                li = '<a href="/project-'+'{{project.id}}'+'/doc-'+item.id+'/" title="'+item.title+'">'+item.title+'</a>'
                                toc_str += li
                            }
                            toc_str += '</li>'
                        })    
                        toc_str += '</ul>'
                    }else{//不存在二级文档
                       li = '<a href="/project-'+'{{project.id}}'+'/doc-'+item.id+'/" title="'+item.title+'">'+item.title+'</a>'
                       toc_str += li
                    }
                    toc_str += '</li>'
                });
                $("#doc-tree").append(toc_str);
            }else{
                layer.msg("获取文集文档大纲失败！")
            }
            layer.closeAll('loading')
        });
    };
    getDocTree();
</script>
{% endblock %}