Calculation/app/view/stage/manager.ejs

<% include ./stage_sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main d-flex">
            <% include ./stage_sub_mini_menu.ejs %>
            <div>
                第5期
            </div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="sjs-height-0">
            <div class="c-body">
                <!--第5期-->
                <table class="table table-bordered">
                    <thead>
                    <tr><th>第5期</th></tr>
                    </thead>
                    <tr>
                        <td>
                            <table class="table table-bordered table-hover">
                                <thead>
                                <tr><th colspan="5">2#<a href="#del" data-toggle="modal" class="btn btn-sm btn-light pull-right text-danger">删除本次审批</a><a href="#pass" data-toggle="modal" class="btn btn-sm btn-warning pull-right mr-2">设置终审审批</a></th></tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <th width="10%">审批流程</th>
                                    <th width="25%">审批人</th>
                                    <th width="15%">审批状态</th>
                                    <th>审批意见</th>
                                </tr>
                                <tr>
                                    <td>终审</td>
                                    <td>孙鸿福（总工程师）<p class="text-muted m-0">XXX公司</p></td>
                                    <td><span class="text-success">审批通过</span><p class="text-muted m-0">2019-08-02</p></td>
                                    <td></td>
                                </tr>
                                <tr>
                                    <td>3审</td>
                                    <td>王泰鸿（副工程师）<p class="text-muted m-0">XXX公司</p></td>
                                    <td><span class="text-success">审批通过</span><p class="text-muted m-0">2019-08-01</p></td>
                                    <td>审批意见内容在这显示</td>
                                </tr>
                                <tr>
                                    <td>2审</td>
                                    <td>张立轩（工程师）<p class="text-muted m-0">XXX公司</p></td>
                                    <td><span class="text-success">审批通过</span><p class="text-muted m-0">2019-07-30</p></td>
                                    <td>审批意见内容在这显示</td>
                                </tr>
                                <tr>
                                    <td>1审</td>
                                    <td>吕烨华（监理）<p class="text-muted m-0">XXX公司</p></td>
                                    <td><span class="text-success">审批通过</span><p class="text-muted m-0">2019-07-28</p></td>
                                    <td>审批意见内容在这显示</td>
                                </tr>
                                <tr>
                                    <td>原报</td>
                                    <td>池元化<p class="text-muted m-0">XXX公司</p></td>
                                    <td><span class="">上报</span><p class="text-muted m-0">2019-07-27</p></td>
                                    <td>审批意见内容在这显示</td>
                                </tr>
                                </tbody>
                            </table>
                            <table class="table table-bordered table-hover">
                                <thead>
                                <tr><th colspan="5">1#</th></tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <th width="10%">审批流程</th>
                                    <th width="25%">审批人</th>
                                    <th width="15%">审批状态</th>
                                    <th>审批意见</th>
                                </tr>
                                <tr>
                                    <td>2审</td>
                                    <td>张立轩（工程师）<p class="text-muted m-0">XXX公司</p></td>
                                    <td><span class="text-danger">退回原报</span><p class="text-muted m-0">2019-07-26</p></td>
                                    <td>审批意见内容在这显示</td>
                                </tr>
                                <tr>
                                    <td>1审</td>
                                    <td>吕烨华（监理）<p class="text-muted m-0">XXX公司</p></td>
                                    <td><span class="text-success">审批通过</span><p class="text-muted m-0">2019-07-25</p></td>
                                    <td>审批意见内容在这显示</td>
                                </tr>
                                <tr>
                                    <td>原报</td>
                                    <td>池元化<p class="text-muted m-0">XXX公司</p></td>
                                    <td><span class="">上报</span><p class="text-muted m-0">2019-07-24</p></td>
                                    <td>审批意见内容在这显示</td>
                                </tr>
                                </tbody>
                            </table>
                        </td>
                    </tr>
                </table>
                <!--第5期 为上报-->
                <table class="table table-bordered">
                    <thead>
                    <tr><th>第5期</th></tr>
                    </thead>
                    <tr><td class="text-center text-muted">未上报</td></tr>
                </table>
                <!--第4期-->
                <table class="table table-bordered">
                    <thead>
                    <tr><th>第4期</th></tr>
                    </thead>
                    <tr><td class="text-center text-muted">需处理前一期后，再进行管理</td></tr>
                </table>
                <!--第3期-->
                <table class="table table-bordered">
                    <thead>
                    <tr><th>第3期</th></tr>
                    </thead>
                    <tr><td class="text-center text-muted">需处理前一期后，再进行管理</td></tr>
                </table>
                <!--第2期-->
                <table class="table table-bordered">
                    <thead>
                    <tr><th>第2期</th></tr>
                    </thead>
                    <tr><td class="text-center text-muted">需处理前一期后，再进行管理</td></tr>
                </table>
                <!--第1期-->
                <table class="table table-bordered">
                    <thead>
                    <tr><th>第1期</th></tr>
                    </thead>
                    <tr><td class="text-center text-muted">需处理前一期后，再进行管理</td></tr>
                </table>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript" src="/public/js/ztree/jquery.ztree.core.js"></script>
<script type="text/javascript" src="/public/js/ztree/jquery.ztree.excheck.js"></script>
<script type="text/javascript">
    <!--
    var setting = {
        view: {
            selectedMulti: false
        },
        data: {
            simpleData: {
                enable: true
            }
        },
        callback: {
            onCheck: onCheck
        }
    };

    var zNodes =[
        { id:1, pId:0, name:"通用报表", open:true},
        { id:11, pId:1, name:"XXX表 1-1"},
        { id:122, pId:11, name:"报表 1-2-2"},
        { id:123, pId:11, name:"报表 1-2-3"},
        { id:12, pId:1, name:"YYY表", open:true},
        { id:124, pId:12, name:"报表 1-2-1"},
        { id:125, pId:12, name:"报表 1-2-2"},
        { id:126, pId:12, name:"报表 1-2-3"},
        { id:2, pId:0, name:"定制报表", open:true},
        { id:21, pId:2, name:"AA报表 2-1"},
        { id:221, pId:21, name:"报表 2-2-1"},
        { id:222, pId:21, name:"报表 2-2-2"},
        { id:223, pId:21, name:"报表 2-2-3"},
        { id:22, pId:2, name:"BB报表 2-2", open:true},
        { id:224, pId:22, name:"报表 2-2-1"},
        { id:225, pId:22, name:"报表 2-2-2"},
        { id:226, pId:22, name:"报表 2-2-3"}
    ];

    var clearFlag = false;
    function onCheck(e, treeId, treeNode) {
        count();
        if (clearFlag) {
            clearCheckedOldNodes();
        }
    }
    function clearCheckedOldNodes() {
        var zTree = $.fn.zTree.getZTreeObj("treeDemo2"),
            nodes = zTree.getChangeCheckedNodes();
        for (var i=0, l=nodes.length; i<l; i++) {
            nodes[i].checkedOld = nodes[i].checked;
        }
    }
    function count() {
        var zTree = $.fn.zTree.getZTreeObj("treeDemo2"),
            checkCount = zTree.getCheckedNodes(true).length;
        $("#checkCount2").text(checkCount);

    }
    function createTree() {
        $.fn.zTree.init($("#treeDemo2"), setting, zNodes);
        count();
    }
    $(document).ready(function(){
        createTree();
    });
    //-->
</script>
<script type="text/javascript">
    autoFlashHeight();
</script>