Calculation/app/view/measure/compare.ejs

<% include ../tender/tender_sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main d-flex justify-content-between">
            <% include ../tender/tender_sub_mini_menu.ejs %>
            <div>
                <div class="d-inline-block">
                    <div class="btn-group group-tab">
                        <a class="btn btn-sm btn-light active" href="#gcl" data-toggle="tab" name="compareType">
                            工程量清单
                        </a>
                        <a class="btn btn-sm btn-light" href="#tz" data-toggle="tab" name="compareType">
                            0号台账
                        </a>
                        <a class="btn btn-sm btn-light" href="#chapter" data-toggle="tab" name="compareType">
                            章节合计
                        </a>
                    </div>
                </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">
                    <button href="#cate-set" class="btn btn-sm btn-light text-primary" data-toggle="modal" data-target="#select-qi"><i class="fa fa-clone"></i> 选择比较期</button>
                </div>
                <div class="d-inline-block ml-3">
                    <a id="exportExcel" class="btn btn-primary btn-sm" href="javascript: void(0)">导出清单汇总Excel</a>
                </div>
                <div class="d-inline-block ml-2">
                    <span>期数据来源：</span>
                    <div class="d-inline-block" style="vertical-align: middle">
                        <div class="form-check form-check-inline">
                            <input class="form-check-input pt-1" type="radio" id="radio_contract" value="contract" name="compare-data">
                            <label class="form-check-label" for="radio_contract">合同计量</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" id="radio_qc" value="qc" name="compare-data">
                            <label class="form-check-label" for="radio_qc">变更计量</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" type="radio" id="radio_gather" value="gather" checked name="compare-data">
                            <label class="form-check-label" for="radio_gather">完成计量</label>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-header p-0"></div>
        <div class="c-body">
            <div class="tab-content" id="compareType">
                <div class="tab-pane" id="tz">
                    <div class="content-wrap row pr-46" style="background: #e4e7ea;">
                        <div class="c-header p-0 col-12">
                        </div>
                        <div class="row w-100 sub-content">
                            <div class="c-body" id="tz-left-view" style="width: 100%">
                                <div class="sjs-height-1" id="bills-spread">
                                </div>
                                <div class="bcontent-wrap" id="main-bottom">
                                    <div id="main-resize" class="resize-y"  r-Type="height" div1="#bills-spread" div2="#main-bottom" store-id="compare-main" 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 class="c-body" id="tz-right-view" style="display: none; width: 33%;">
                                <div class="resize-x" id="tz-right-spr" r-Type="width" div1="#tz-left-view" div2="#tz-right-view" title="调整大小" a-type="percent"><!--调整左右高度条--></div>
                                <div class="tab-content">
                                    <div id="tz-search" class="tab-pane"></div>
                                </div>
                            </div>
                        </div>
                        <div class="side-menu side-memu-tz">
                            <ul class="nav flex-column right-nav" id="tz-side-menu">
                                <li>
                                    <a class="nav-link" content="#tz-search" href="javascript: void(0);">查找定位</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="tab-pane active" id="gcl">
                    <div class="content-wrap row pr-46" style="background: #e4e7ea;">
                        <div class="c-header p-0 col-12">
                        </div>
                        <div class="row w-100 sub-content">
                            <div class="c-body" id="gcl-left-view" style="width: 100%">
                                <div class="sjs-height-1" id="gcl-spread">
                                </div>
                                <div class="bcontent-wrap" id="leafxmj-bottom">
                                    <div id="gcl-resize" class="resize-y" r-Type="height" div1="#gcl-spread" div2="#leafxmj-bottom" store-id="compare-stages-gcl" 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">
                                            <div class="sp-wrap" id="leaf-xmj-spread">
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="c-body" id="gcl-right-view" style="display: none; width: 33%;">
                                <div class="resize-x" id="gcl-right-spr" r-Type="width" div1="#gcl-left-view" div2="#gcl-right-view" title="调整大小" a-type="percent"><!--调整左右高度条--></div>
                                <div class="tab-content">
                                    <div id="gcl-search" class="tab-pane"></div>
                                </div>
                            </div>
                        </div>
                        <div class="side-menu gcl-side-memu">
                            <ul class="nav flex-column right-nav" id="gcl-side-menu">
                                <li>
                                    <a class="nav-link" content="#gcl-search" href="javascript: void(0);">查找定位</a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <div class="tab-pane active" id="chapter">
                    <div class="sjs-height-0" id="chapter-spread">
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    const thousandth = <%- ctx.tender.info.display.thousandth %>;
    const chapter = JSON.parse('<%- JSON.stringify(ctx.tender.info.chapter) %>');
</script>