<div class="main">
    <div class="content">
        <div class="toolsbar px-1 d-flex justify-content-between">
            <div class="tools-btn btn-group align-top">
                <a href="" class="btn btn-sm"><i class="fa fa-files-o" aria-hidden="true"></i> 复制</a>
                <a href="" class="btn btn-sm"><i class="fa fa-scissors" aria-hidden="true"></i> 剪切</a>
                <a href="" class="btn btn-sm"><i class="fa fa-clipboard" aria-hidden="true"></i> 粘贴</a>
                <a href="javascript:void(0)" class="btn btn-sm" id="insert"><i class="fa fa-sign-in" aria-hidden="true"></i> 插入</a>
                <a href="javascript:void(0)" class="btn btn-sm" id="delete"><i class="fa fa-remove" aria-hidden="true"></i> 删除</a>
                <a href="javascript:void(0)" class="btn btn-sm" id="upLevel"><i class="fa fa-arrow-left" aria-hidden="true"></i> 升级</a>
                <a href="javascript:void(0)" class="btn btn-sm" id="downLevel"><i class="fa fa-arrow-right" aria-hidden="true"></i> 降级</a>
                <a href="javascript:void(0)" class="btn btn-sm" id="downMove"><i class="fa fa-arrow-down" aria-hidden="true"></i> 下移</a>
                <a href="javascript:void(0)" class="btn btn-sm" id="upMove"><i class="fa fa-arrow-up" aria-hidden="true"></i> 上移</a>
            </div>
            <div class="side-tabs">
                <ul class="nav nav-tabs" role="tablist">
                    <li class="nav-item">
                        <a class="nav-link active px-3" data-toggle="tab" href="#qd" role="tab">清单规则</a>
                    </li>
                </ul>
            </div>
        </div>
        <div class="container-fluid">
            <div class="row">
                <div class="main-content col-lg-9 p-0">
                    <div class="main-data" id="billsSpread" style="height: 600px">
                    </div>
                </div>
                <div class="main-side col-lg-3 p-0">
                    <div class="tab-content">
                        <!--清单规则-->
                        <div class="tab-pane active" id="qd" role="tabpanel">
                            <div class="warp-p2">
                                <div>
                                    <select class="form-control form-control-sm" id="exampleSelect1">
                                        <option>重庆市房屋建筑与装饰工程工程量计算规则(2013)</option>
                                    </select>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    let valuationId = '<%- valuationId%>';
    let billsTemplateData = '<%- billsTemplateData %>'
</script>
<!-- Models -->
<script type="text/javascript" src="/public/web/id_tree.js"></script>
<!-- Controller -->
<script type="text/javascript" src="/public/web/tree_sheet/tree_sheet_controller.js"></script>
<script type="text/javascript" src="/public/web/tree_sheet/tree_sheet_helper.js"></script>
<!-- service -->
<script type="text/javascript" src="/web/maintain/templates/js/bills.js"></script>
<script type="text/javascript" src="/web/maintain/templates/js/tp_bills_setting.js"></script>
<script type="text/javascript" src="/public/web/common_ajax.js"></script>
<script>
    autoFlashHeight();
</script>