Calculation/app/view/ledger/explode.ejs

<div class="panel-content">
    <div class="panel-title fluid">
        <div class="title-main  d-flex justify-content-between"><!--工具-->
            <div>
                <div class="btn-group">
                    <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title=""
                       data-original-title="复制"><i class="fa fa-files-o" aria-hidden="true"></i></a>
                    <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title=""
                       data-original-title="剪切"><i class="fa fa-scissors" aria-hidden="true"></i></a>
                    <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title=""
                       data-original-title="粘贴"><i class="fa fa-clipboard" aria-hidden="true"></i></a>
                    <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title=""
                       data-original-title="删除"><i class="fa fa-remove" aria-hidden="true"></i></a>
                    <a href="" class="btn btn-sm disabled" data-toggle="tooltip" data-placement="bottom" title=""
                       data-original-title="升级"><i class="fa fa-arrow-left" aria-hidden="true"></i></a>
                    <a href="" class="btn btn-sm disabled" data-toggle="tooltip" data-placement="bottom" title=""
                       data-original-title="降级"><i class="fa fa-arrow-right" aria-hidden="true"></i></a>
                    <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title=""
                       data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
                    <a href="" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title=""
                       data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
                </div>
                <div class="btn-group">
                    <div class="form-check-inline">
                        <label class="form-check-label">
                            <input type="checkbox" class="form-check-input">
                            审批过程
                        </label>
                    </div>
                    <div class="form-check-inline">
                        <label class="form-check-label">
                            <input type="checkbox" class="form-check-input">
                            台帐变更
                        </label>
                    </div>
                    <div class="form-check-inline">
                        <label class="form-check-label">
                            <input type="checkbox" class="form-check-input">
                            变更令
                        </label>
                    </div>
                </div>
            </div>
            <div>
                <a href="#" class="btn btn-primary btn-sm pull-right">上报审批</a>
                <a href="#" class="btn btn-outline-secondary btn-sm pull-right disabled">报审完成</a>
            </div>
        </div>
    </div>
    <div class="content-wrap row">
        <div class="c-header p-0 col-12 d-flex flex-row-reverse">

            <!--标准清单-->
            <ul class="nav nav-tabs">
                <li class="nav-item">
                    <a class="nav-link active" data-toggle="tab" href="#xiangmujie" role="tab">项目节</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link" data-toggle="tab" href="#qingdan" role="tab">工程量清单</a>
                </li>
            </ul>
        </div>
        <div class="c-body col-8">
            <div id="ledger-spread" style="border: 1px solid gray; height: 750px"></div>
            <!--<table class="table table-bordered">-->
                <!--<tr>-->
                    <!--<th></th>-->
                    <!--<th>项目节编号</th>-->
                    <!--<th>清单编号</th>-->
                    <!--<th>名称</th>-->
                    <!--<th>单位</th>-->
                    <!--<th>单价</th>-->
                    <!--<th>数量</th>-->
                    <!--<th>金额</th>-->
                    <!--<th>施工图原设计</th>-->
                    <!--<th>图（册）号</th>-->
                    <!--<th>备注</th>-->
                <!--</tr>-->
            <!--</table>-->
            <!--查看审批过程-->
            <!--<table class="table table-bordered">-->
                <!--<thead>-->
                <!--<tr>-->
                    <!--<th rowspan="2">1</th>-->
                    <!--<th rowspan="2">项目节编号</th>-->
                    <!--<th rowspan="2">清单编号</th>-->
                    <!--<th rowspan="2">名称</th>-->
                    <!--<th rowspan="2">单位</th>-->
                    <!--<th rowspan="2">单价</th>-->
                    <!--<th colspan="2">上报</th>-->
                    <!--<th colspan="3">一审王五</th>-->
                    <!--<th colspan="3">二审张三</th>-->
                    <!--<th rowspan="2">图（册）号</th>-->
                    <!--<th rowspan="2">备注</th>-->
                    <!--<th rowspan="2">审批新增</th>-->
                <!--</tr>-->
                <!--<tr>-->
                    <!--<th>数量</th>-->
                    <!--<th>金额</th>-->
                    <!--<th>数量</th>-->
                    <!--<th>金额</th>-->
                    <!--<th>审批意见</th>-->
                    <!--<th>数量</th>-->
                    <!--<th>金额</th>-->
                    <!--<th>审批意见</th>-->
                <!--</tr>-->
                <!--</thead>-->
                <!--<tbody>-->
                <!--<tr>-->
                    <!--<td>2</td>-->
                    <!--<td></td>-->
                    <!--<td>203-1-1</td>-->
                    <!--<td>挖土方</td>-->
                    <!--<td>m3</td>-->
                    <!--<td>7.54</td>-->
                    <!--<td>92954.75</td>-->
                    <!--<td>699949</td>-->
                    <!--<td>92954.75</td>-->
                    <!--<td>699949</td>-->
                    <!--<td>审批意见</td>-->
                    <!--<td>92954.75</td>-->
                    <!--<td>699949</td>-->
                    <!--<td>审批意见</td>-->
                    <!--<td></td>-->
                    <!--<td></td>-->
                    <!--<td></td>-->
                <!--</tr>-->
                <!--<tr class="table-success">-->
                    <!--<td>2</td>-->
                    <!--<td></td>-->
                    <!--<td>203-1-1</td>-->
                    <!--<td>挖土方</td>-->
                    <!--<td>m3</td>-->
                    <!--<td>7.54</td>-->
                    <!--<td>92954.75</td>-->
                    <!--<td>699949</td>-->
                    <!--<td>92954.75</td>-->
                    <!--<td>699949</td>-->
                    <!--<td>审批意见</td>-->
                    <!--<td>92954.75</td>-->
                    <!--<td>699949</td>-->
                    <!--<td>审批意见</td>-->
                    <!--<td></td>-->
                    <!--<td></td>-->
                    <!--<td>一审王五</td>-->
                <!--</tr>-->
                <!--</tbody>-->
            <!--</table>-->
        </div>
        <div class="c-body col-4">
            <div class="tab-content">
                <div id="xiangmujie" class="tab-pane active">
                    <select class="form-control form-control-sm">
                        <option>0号计量台帐部位参考(项目节)</option>
                    </select>
                    <table class="table table-bordered">
                        <tr>
                            <th></th>
                            <th>项目节编号</th>
                            <th>名称</th>
                            <th>单位</th>
                        </tr>
                    </table>
                </div>
                <div id="qingdan" class="tab-pane">
                    <select class="form-control form-control-sm">
                        <option>0号计量台帐部位参考(项目节)</option>
                    </select>
                    <table class="table table-bordered">
                        <tr>
                            <th></th>
                            <th>清单编号</th>
                            <th>名称</th>
                            <th>单位</th>
                        </tr>
                    </table>
                </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    let ledger = '<%- ledger %>';
    ledger = JSON.parse(ledger);
</script>
<script src="/public/js/spreadjs/sheets/gc.spread.sheets.all.10.0.1.min.js"></script>
<script>
    GC.Spread.Sheets.LicenseKey = "559432293813965#A0y3iTOzEDOzkjMyMDN9UTNiojIklkI1pjIEJCLi4TPB9mM5AFNTd4cvZ7SaJUVy3CWKtWYXx4VVhjMpp7dYNGdx2ia9sEVlZGOTh7NRlTUwkWR9wEV4gmbjBDZ4ElR8N7cGdHVvEWVBtCOwIGW0ZmeYVWVr3mI0IyUiwCMzETN8kzNzYTM0IicfJye&Qf35VfiEzRwEkI0IyQiwiIwEjL6ByUKBCZhVmcwNlI0IiTis7W0ICZyBlIsIyNyMzM5ADI5ADNwcTMwIjI0ICdyNkIsIibj9SbvNmL4N7bjRnch56ciojIz5GRiwiI8+Y9sWY9QmZ0Jyp96uL9v6L0wap9biY9qiq95q197Wr9g+89iojIh94Wiqi";
</script>
<script src="/public/js/spreadjs_rela/spreadjs_zh.js"></script>
<script src="/public/js/spreadjs_rela/extend_celltype.js"></script>
<script src="/public/js/path_tree.js"></script>
<script src="/public/js/ledger.js"></script>