Calculation/app/view/budget/compare.ejs

<% include ./sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main d-flex">
            <% include ./sub_mini_menu.ejs %>
            <div>
                <div class="d-inline-block mr-2">
                    <div class="btn-group group-tab">
                        <a class="btn btn-sm btn-light" name="showType" tag="grid" href="javascript: void(0)">
                            图表模式
                        </a>
                        <a class="btn btn-sm btn-light" name="showType" tag="number" href="javascript: void(0)">
                            数据模式
                        </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="javascript: void(0);">第一层</a>
                            <a class="dropdown-item" name="showLevel" tag="2" href="javascript: void(0);">第二层</a>
                            <a class="dropdown-item" name="showLevel" tag="3" href="javascript: void(0);">第三层</a>
                            <a class="dropdown-item" name="showLevel" tag="4" href="javascript: void(0);">第四层</a>
                            <a class="dropdown-item" name="showLevel" tag="5" href="javascript: void(0);">第五层</a>
                            <a class="dropdown-item" name="showLevel" tag="last" href="javascript: void(0);">最底层</a>
                        </div>
                    </div>
                </div>
                <div class="d-inline-block ml-3">
                    <a class="btn btn-sm btn-primary" href="#select-final" data-toggle="modal" data-target="#select-final">决算对比</a>
                </div>
                <div class="d-inline-block ml-2" id="final-info">
                </div>
                <div class="d-inline-block ml-3">
                    <button class="btn btn-sm btn-primary" id="export-excel">导出Excel</button>
                </div>
            </div>
            <div class="ml-auto ml-grid">
                <div class="d-inline-block">
                    <div class="dropdown">
                        <button class="btn btn-sm btn-light dropdown-toggle text-primary" type="button" id="dp-stackedBar" data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">
                            <i class="fa fa-list"></i> 图表数据
                        </button>
                        <div class="dropdown-menu pb-1" aria-labelledby="dp-stackedBar" x-placement="bottom-start" style="position: absolute; transform: translate3d(0px, 26px, 0px); top: 0px; left: 0px; will-change: transform;">
                            <div class="px-3">
                                <div class="form-check py-1">
                                    <input class="form-check-input" name="stackedBar" type="checkbox" id="stackedBarGu" value="gu_tp">
                                    <label class="form-check-label" for="stackedBarGu">估算</label>
                                    <span class="ml-1 span-grey px-2">&nbsp;&nbsp;&nbsp;</span>
                                </div>
                                <div class="form-check py-1">
                                    <input class="form-check-input" name="stackedBar" type="checkbox" id="stackedBarGai" value="gai_tp" checked="">
                                    <label class="form-check-label" for="stackedBarGai">概算</label>
                                    <span class="ml-1 span-red px-2">&nbsp;&nbsp;&nbsp;</span>
                                </div>
                                <div class="form-check py-1">
                                    <input class="form-check-input" name="stackedBar" type="checkbox" id="stackedBarYu" value="yu_tp">
                                    <label class="form-check-label" for="stackedBarYu">预算</label>
                                    <span class="ml-1 span-blue px-2">&nbsp;&nbsp;&nbsp;</span>
                                </div>
                                <div class="form-check py-1">
                                    <input class="form-check-input" name="stackedBar" type="checkbox" id="stackedBarLedger" value="total_price" checked="">
                                    <label class="form-check-label" for="stackedBarLedger">台账</label>
                                    <span class="ml-1 span-yellow px-2">&nbsp;&nbsp;&nbsp;</span>
                                </div>
                                <div class="form-check py-1">
                                    <input class="form-check-input" name="stackedBar" type="checkbox" id="stackedBarFinal" value="final_tp" checked="">
                                    <label class="form-check-label" for="stackedBarFinal">决算</label>
                                    <span class="ml-1 span-green px-2">&nbsp;&nbsp;&nbsp;</span>
                                </div>
                                <hr class="m-1">
                                <div class="float-right">
                                    <button type="button" class="btn btn-sm btn-primary" id="stackedBar-ok">确定</button>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="d-inline-block">
                    <div class="dropdown">
                        <button class="btn btn-sm btn-light dropdown-toggle text-primary" type="button" id="dp-cover" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" style="display: none">
                            <i class="fa fa-exchange"></i> 图表样式
                        </button>
                        <div class="dropdown-menu" aria-labelledby="dp-cover">
                            <a class="dropdown-item" name="stackedBarCover" tag="0" href="javascript: void(0);"><i class="fa fa-check text-primary"></i> 堆叠</a>
                            <a class="dropdown-item" name="stackedBarCover" tag="1" href="javascript: void(0);"><i class="fa fa-check text-white"></i> 覆盖</a>
                        </div>
                    </div>
                </div>
            </div>
            <div class="ml-auto ml-number">
                <div class="d-inline-block ml-2">
                    <div class="alert text-warning p-1" id="compare-hint">增减幅度=(预估决算-设计概算)/设计概算*100%</div>
                </div>
                <div class="d-inline-block border-right">
                    <button href="#compare-set" class="btn btn-sm btn-ligth text-primary" data-toggle="modal" data-target="#compare-set"><i class="fa fa-cog"></i></button>
                </div>
                <div class="d-inline-block">
                    <button href="#row-view" class="btn btn-sm btn-ligth text-primary" data-toggle="modal" data-target="#row-view"><i class="fa fa-table"></i> 列显示</button>
                </div>
            </div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-header p-0">
        </div>
        <div class="w-100 sub-content">
            <div class="sjs-height-1" id="cost-compare">
            </div>
        </div>
    </div>
</div>
<script>
    const category = JSON.parse(unescape('<%- escape(JSON.stringify(categoryData)) %>'));
    const tenderList = JSON.parse(unescape('<%- escape(JSON.stringify(tenderList)) %>'));
    const ckColSetting = 'budget-col-visible-1.0.0';
</script>