期审批管理页

app/controller/stage_controller.js

@@ -1562,6 +1562,24 @@ module.exports = app => {
 
             ctx.body = responseData;
         }
+
+
+        /**
+         * 期审批管理
+         * @param {Object} ctx - egg全局变量
+         * @return {void}
+         */
+        async manager(ctx) {
+            try {
+                const renderData = await this._getDefaultRenderData(ctx);
+                // 获取已完成期审批列表
+                const auditList = await ctx.service.stageAudit.getAllDataByCondition({ tid: ctx.tender.id });
+                await this.layout('stage/manager.ejs', renderData, 'stage/manager_modal.ejs');
+            } catch (err) {
+                this.log(err);
+                ctx.redirect('/tender/' + ctx.tender.id + '/measure/stage');
+            }
+        }
     }
 
     return StageController;

app/view/stage/manager.ejs

@@ -0,0 +1,206 @@
+<% 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>

app/view/stage/manager_modal.ejs

@@ -0,0 +1,39 @@
+<!--删除本次审批-->
+<div class="modal fade" id="del" data-backdrop="static">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">删除本次审批</h5>
+            </div>
+            <div class="modal-body">
+                <p class="mb-2">删除本次审批，本期计量将退回至上一轮审批状态。</p>
+                <p class="mb-2">删除后数据不可恢复，请谨慎操作。</p>
+                <p class="mb-2">请在下方文本框输入文本「<span class="text-danger">确认删除本次审批</span>」，确认删除。</p>
+                <p class="mb-2"><input type="text" class="form-control form-control-sm" placeholder="输入文本，确认删除"></p>
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
+                <button type="button" class="btn btn-sm btn-danger">确认删除</button>
+            </div>
+        </div>
+    </div>
+</div>
+<!--设置终审-->
+<div class="modal fade" id="pass" data-backdrop="static">
+    <div class="modal-dialog" role="document">
+        <div class="modal-content">
+            <div class="modal-header">
+                <h5 class="modal-title">设置终审审批</h5>
+            </div>
+            <div class="modal-body">
+                <p class="mb-2">设置本期计量终审「孙鸿福」为审批中状态。</p>
+                <p class="mb-2">请在下方文本框输入文本「<span class="text-danger">确认设置终审审批</span>」，确认设置。</p>
+                <p class="mb-2"><input type="text" class="form-control form-control-sm" placeholder="输入文本，确认设置">
+            </div>
+            <div class="modal-footer">
+                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
+                <button type="button" class="btn btn-sm btn-warning">确认设置</button>
+            </div>
+        </div>
+    </div>
+</div>