<% include ./stage_sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main d-flex justify-content-between">
            <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>
                <a class="btn btn-sm btn-light">
                    <div class="custom-control custom-checkbox">
                        <input type="checkbox" class="custom-control-input" id="customCheckDisabled" checked="">
                        <label class="custom-control-label text-primary" for="customCheckDisabled">显示本期计量</label>
                    </div>
                </a>
                <% if (ctx.stage.status !== auditConst.status.uncheck) { %>
                <button href="#cate-set" class="btn btn-sm btn-light text-primary" data-toggle="modal" data-target="#select-qi"><i class="fa fa-users"></i> 选择比较人</button>
                <% } %>
            </div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-header p-0"></div>
        <div class="c-body">
            <div class="sjs-height-1" id="ledger-spread">
            </div>
            <div class="bcontent-wrap" id="main-bottom">
                <div id="main-resize" class="resize-y" r-Type="height" div1="#ledger-spread" div2="#main-bottom" store-id="stage-compare" store-version="1.0.0" min="100"></div>
                <div class="bc-bar mb-1">
                    <ul class="nav nav-tabs">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#xmujie" role="tab">部位明细</a>
                        </li>
                    </ul>
                </div>
                <div class="tab-content">
                    <div class="tab-pane active" id="xmujie">
                        <div class="sp-wrap" id="pos-spread">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    //const auditors = JSON.parse(<%- JSON.stringify(ctx.stage.auditors) %>);
    const stage = JSON.parse('<%- JSON.stringify(ctx.stage) %>');
    const ledgerSpreadSetting = JSON.parse('<%- JSON.stringify(ledgerSpread) %>');
    const posSpreadSetting = JSON.parse('<%- JSON.stringify(posSpread) %>');
    const ledger = JSON.parse('<%- JSON.stringify(ledger) %>');
    const orgStageLedger = JSON.parse('<%- JSON.stringify(orgStageLedger) %>');
    const pos = JSON.parse('<%- JSON.stringify(pos) %>');
    const orgStagePos = JSON.parse('<%- JSON.stringify(orgStagePos) %>');
</script>