Calculation/app/view/ledger/explode.ejs

<% include ../tender/tender_sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title fluid"><!--收起详解目录添加类名 fluid -->
        <div class="title-main d-flex"><!--工具-->
            <% include ../tender/tender_sub_mini_menu.ejs %>
            <div>
                <div class="d-inline-block">
                    <div class="dropdown">
                        <button class="btn btn-sm btn-light dropdown-toggle text-primary" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <i class="fa fa-list-ol"></i> 显示层级
                        </button>
                        <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                            <a class="dropdown-item" name="showLevel" tag="1" href="javascirpt: void(0);">第一层</a>
                            <a class="dropdown-item" name="showLevel" tag="2" href="javascirpt: void(0);">第二层</a>
                            <a class="dropdown-item" name="showLevel" tag="3" href="javascirpt: void(0);">第三层</a>
                            <a class="dropdown-item" name="showLevel" tag="4" href="javascirpt: void(0);">第四层</a>
                            <a class="dropdown-item" name="showLevel" tag="5" href="javascirpt: void(0);">第五层</a>
                            <a class="dropdown-item" name="showLevel" tag="last" href="javascirpt: void(0);">最底层</a>
                            <a class="dropdown-item" name="showLevel" tag="leafXmj" href="javascirpt: void(0);">只显示项目节</a>
                        </div>
                    </div>
                </div>
                <div class="d-inline-block">
                    <a href="javascript:void(0)" id="insert" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="插入"><i class="fa fa-plus" aria-hidden="true"></i></a>
                    <a href="javascript:void(0)" id="delete" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="删除"><i class="fa fa-remove" aria-hidden="true"></i></a>
                    <a href="javascript:void(0)" id="up-level" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="升级"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>
                    <a href="javascript:void(0)" id="down-level" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="降级"><i class="fa fa-arrow-right" aria-hidden="true"></i></a>
                    <a href="javascript:void(0)" id="down-move" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
                    <a href="javascript:void(0)" id="up-move" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
                    <a href="javascript:void(0)" id="copy" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="复制"><i class="fa fa-files-o" aria-hidden="true"></i></a>
                    <a href="javascript:void(0)" id="cut" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="剪切"><i class="fa fa-scissors" aria-hidden="true"></i></a>
                    <a href="javascript:void(0)" id="paste" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="粘贴"><i class="fa fa-clipboard" aria-hidden="true"></i></a>
                </div>
                <div class="d-inline-block">
                    <div class="input-group input-group-sm ml-2 mt-1">
                        <div class="input-group-prepend">
                            <span class="input-group-text" id="basic-addon1">表达式</span>
                        </div>
                        <input type="text" class="form-control m-0">
                    </div>
                </div>
            </div>
            <div class="ml-auto">
                <% if (tender.ledger_status === auditConst.status.checkNo) { %>
                    <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm pull-right text-dark">审批退回</a>
                <% } else if (tender.ledger_status === auditConst.status.checking) { %>
                    <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm pull-right text-dark">审批中</a>
                <% } else if (tender.ledger_status === auditConst.status.checked) { %>
                    <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm pull-right">审批完成</a>
                <% } %>
                <% if (ctx.session.sessionUser.accountId === tender.user_id) { %>
                    <% if (tender.ledger_status === auditConst.status.uncheck) { %>
                        <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm pull-right">上报审批</a>
                    <% } else if (tender.ledger_status === auditConst.status.checkNo) { %>
                        <a href="#sp-list2" data-toggle="modal" data-target="#sp-list2" class="btn btn-primary btn-sm pull-right">重新上报</a>
                    <% } %>
                <% } %>
            </div>
        </div>
    </div>
    <div class="content-wrap row pr-46">
        <div class="c-header p-0 col-12">
        </div>
        <!--核心内容（两栏）-->
        <div class="row w-100 sub-content">
            <!--左栏-->
            <div class="c-body" id="left-view" style="width: 100%">
                <div id="ledger-spread" class="<% if (tender.measure_type === measureType.tz.value) { %>sjs-height-1<% } else { %>sjs-height-0<% } %>"></div>
                <% if (tender.measure_type === measureType.tz.value) { %>
                <div class="bcontent-wrap" id="main-bottom">
                    <div id="main-resize" class="resize-y" id="top-spr" r-Type="height" div1=".sjs-height-1" div2=".bcontent-wrap" title="调整大小"><!--调整上下高度条--></div>
                    <div class="bc-bar mb-1">
                        <ul class="nav nav-tabs">
                            <li class="nav-item">
                                <a class="nav-link active" href="javascript:void(0)">部位明细</a>
                            </li>
                            <li class="nav-item">
                                <div class="mt-1 ml-2">
                                    <div class="input-group input-group-sm">
                                        <input type="text" class="form-control" placeholder="输入名称查找" id="pos-keyword">
                                        <div class="input-group-append" >
                                            <span class="input-group-text" id="pos-search-hint">结果：0</span>
                                        </div>
                                        <div class="input-group-append" >
                                            <button class="btn btn-outline-secondary" type="button" title="上一个" id="search-pre-pos"><i class="fa fa-angle-double-left"></i></button>
                                            <button class="btn btn-outline-secondary" type="button" title="下一个" id="search-next-pos"><i class="fa fa-angle-double-right"></i></button>
                                        </div>
                                    </div>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="sp-wrap" id="pos-spread">
                    </div>
                </div>
                <% } %>
            </div>
            <div class="c-body" id="right-view" style="display: none; width: 33%;">
                <div class="resize-x" id="right-spr" r-Type="width" div1="#left-view" div2="#right-view" title="调整大小" a-type="percent"><!--调整左右高度条--></div>
                <div class="tab-content">
                    <div id="search" class="tab-pane">
                        <div class="sjs-bar-1">
                            <div class="input-group input-group-sm">
                                <input id="searchKeyword" type="text" class="form-control" placeholder="可查找 项目节编号/清单编号/名称" aria-label="Recipient's username" aria-describedby="button-addon2">
                                <div class="input-group-append">
                                    <button class="btn btn-outline-secondary" type="button" id="searchLedger">搜索</button>
                                </div>
                            </div>
                        </div>
                        <div id="search-result" class="sjs-sh-1">
                        </div>
                    </div>
                    <div id="std-chapter" class="tab-pane">
                        <div class="sjs-bar-2">
                            <select class="form-control form-control-sm"><option>0号计量台帐部位参考(项目节)</option></select>
                        </div>
                        <div id="std-chapter-spread" class="sjs-sh-2">
                        </div>
                    </div>
                    <div id="std-bills" class="tab-pane">
                        <div class="sjs-bar-3">
                            <select class="form-control form-control-sm"><option>0号计量台帐清单参考(工程量清单)</option></select>
                        </div>
                        <div id="std-bills-spread" class="sjs-sh-3">
                        </div>
                    </div>
                    <div id="deal-bills" class="tab-pane">
                        <div class="sjs-bar-4">
                            <a href="#upload-deal" data-toggle="modal" data-target="#upload-deal" class="btn btn-sm btn-primary">上传签约清单</a>
                        </div>
                        <div id="deal-bills-spread" class="sjs-sh-4">
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--右侧菜单-->
        <div class="side-menu">
            <ul class="nav flex-column right-nav" id="side-menu">
                <li>
                    <a class="nav-link" content="#search" href="javascript: void(0);">查找定位</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" content="#std-chapter" href="javascript: void(0);">项目节</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" content="#std-bills" href="javascript: void(0);">工程量清单</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" content="#deal-bills" href="javascript: void(0);">签约清单</a>
                </li>
            </ul>
        </div>
    </div>
</div>
<script type="text/javascript">
    const readOnly = <%- ctx.tender.ledgerReadOnly %>;
    const tender = JSON.parse('<%- JSON.stringify(tender) %>');
    const tenderInfo = JSON.parse('<%- JSON.stringify(tenderInfo) %>');
    const measureType = JSON.parse('<%- JSON.stringify(measureType) %>');
    let ledger = '<%- ledger %>';
    ledger = JSON.parse(ledger);
    let ledgerSpreadSetting = '<%- ledgerSpreadSetting %>';
    ledgerSpreadSetting = JSON.parse(ledgerSpreadSetting);
    let posSpreadSetting = JSON.parse('<%- posSpreadSetting %>');
</script>
<% if ((tender.ledger_status === auditConst.status.uncheck || tender.ledger_status === auditConst.status.checkNo) && ctx.session.sessionUser.accountId === tender.user_id) { %>
<script>
    const accountList = JSON.parse('<%- JSON.stringify(accountList) %>');
</script>
<% } %>