IndexSystem/app/view/compare/index.ejs

<div class="panel-sidebar">
    <div class="panel-title">
        <div class="title-bar">
            <h2>指标数据源</h2>
        </div>
    </div>
    <div class="scrollbar-auto">
        <div class="nav-box">
            <ul class="nav-list list-unstyled">
                <li><a href="#" class="text-truncate"><label><input type="checkbox" checked> <span>XXX标段 2018-03-14 17:12:23</span></label></a></li>
                <li class="bg-warning"><a href="#" class="text-truncate"><label><input type="checkbox"> <span>YYY标段 2018-03-13 17:12:23</span></label></a></li>
                <li><a href="#" class="text-truncate"><label><input type="checkbox" checked> <span>ZZZ标段 2018-03-11 17:12:23</span></label></a></li>
                <li><a href="#" class="text-truncate"><label><input type="checkbox" checked> <span>AAA标段 2018-03-11 17:12:23</span></label></a></li>
                <li><a href="#" class="text-truncate"><label><input type="checkbox" checked> <span>BBB标段 2018-03-11 17:12:23</span></label></a></li>
                <li><a href="#" class="text-truncate"><label><input type="checkbox" checked> <span>CCC标段 2018-03-11 17:12:23</span></label></a></li>
            </ul>
        </div>
    </div>
</div>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main">
            <div class="btn-group col-3 pr-0">
                <input type="text" class="form-control form-control-sm m-0" placeholder="输入项目节名称检索" >
            </div>
            <div class="btn-group">
                <button class="btn btn-sm btn-primary " type="button">检索指标</button>
            </div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-header p-0 col-12">
            <div class="card text-white bg-dark">
                <div class="card-body row">
                    <div class="col-auto">
                        <span class="btn btn-light btn-sm"><i class="fa fa-search"></i> 路侧护栏</span>
                    </div>
                    <div class="col-auto">
                        <span class="btn btn-light btn-sm">数据源：5</span>
                        <span class="btn btn-light btn-sm">参与计算：3</span>
                    </div>
                    <div class="col-2">
                        <div class="input-group input-group-sm mb-0">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="basic-addon1">数量</span>
                            </div>
                            <input type="text" class="form-control" value="7000" >
                            <div class="input-group-append">
                                <a class="btn btn-primary dropdown-toggle" type="button" data-toggle="dropdown" >组成</a>
                                <div class="dropdown-menu p-2">
                                    <table class="table table-sm table-bordered mb-0">
                                        <tr><th class="text-center">单位</th><th class="text-center">数量</th><th class="text-center">合计</th></tr>
                                        <tr><td>单位1</td><td class="text-right">3000</td><td><input type="checkbox" class="form-control" checked></td></tr>
                                        <tr><td>单位2</td><td class="text-right">4000</td><td><input type="checkbox" class="form-control" checked></td></tr>
                                        <tr><td>合计</td><td  class="text-right" colspan="2">7000</td></tr>
                                    </table>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="col-2">
                        <div class="input-group input-group-sm mb-0">
                            <div class="input-group-prepend">
                                <span class="input-group-text" id="basic-addon1">经济指标</span>
                            </div>
                            <input type="text" class="form-control" value="66020" readonly>

                        </div>
                    </div>
                </div>
            </div>
            <div class="card text-white bg-danger">
                <div class="card-body row">
                    <div class="col-auto">
                        <h4>检索 "关键词" 没有结果</h4>
                    </div>
                </div>
            </div>
        </div>
        <div class="c-body">
            <div class="sjs-height-1">
                <table class="table table-bordered">
                    <tr>
                        <th class="text-center">序号</th>
                        <th class="text-center">参与计算</th>
                        <th class="text-center">编号</th>
                        <th class="text-center">名称</th>
                        <th class="text-center">单位</th>
                        <th class="text-center">设计数量1</th>
                        <th class="text-center">设计数量2</th>
                        <th class="text-center">经济指标</th>
                        <th class="text-center">金额</th>
                        <th class="text-center">所属标段</th>
                        <th class="text-center">上传时间</th>
                        <th class="text-center">所在位置</th>
                        <th class="text-center">备注</th>
                    </tr>
                    <tr>
                        <td>1</td>
                        <td><input type="checkbox" checked  class="form-control"></td>
                        <td>编号</td>
                        <td>名称</td>
                        <td class="text-center">单位</td>
                        <td class="text-right">设计数量1</td>
                        <td class="text-right">设计数量2</td>
                        <td class="text-right">经济指标</td>
                        <td class="text-right">金额</td>
                        <td>所属标段</td>
                        <td>上传时间</td>
                        <td>所在位置</td>
                        <td>备注</td>
                    </tr>
                    <tr class="table-secondary">
                        <td>2</td>
                        <td><input type="checkbox" class="form-control"></td>
                        <td>编号</td>
                        <td>名称</td>
                        <td class="text-center">单位</td>
                        <td class="text-right">设计数量1</td>
                        <td class="text-right">设计数量2</td>
                        <td class="text-right">经济指标</td>
                        <td class="text-right">金额</td>
                        <td>所属标段</td>
                        <td>上传时间</td>
                        <td>所在位置</td>
                        <td>备注</td>
                    </tr>
                    <tr>
                        <td>3</td>
                        <td><input type="checkbox" checked class="form-control"></td>
                        <td>编号</td>
                        <td>名称</td>
                        <td class="text-center">单位</td>
                        <td class="text-right">设计数量1</td>
                        <td class="text-right">设计数量2</td>
                        <td class="text-right">经济指标</td>
                        <td class="text-right">金额</td>
                        <td>所属标段</td>
                        <td>上传时间</td>
                        <td>所在位置</td>
                        <td>备注</td>
                    </tr>
                    <tr>
                        <td>4</td>
                        <td><input type="checkbox" checked class="form-control"></td>
                        <td>编号</td>
                        <td>名称</td>
                        <td class="text-center">单位</td>
                        <td class="text-right">设计数量1</td>
                        <td class="text-right">设计数量2</td>
                        <td class="text-right">经济指标</td>
                        <td class="text-right">金额</td>
                        <td>所属标段</td>
                        <td>上传时间</td>
                        <td>所在位置</td>
                        <td>备注</td>
                    </tr>
                </table>
            </div>
        </div>
    </div>
</div>