IndexSystem/app/view/lib/detail.ejs

<div class="panel-content">
    <div class="panel-title fluid">
        <div class="title-main">
            <h2>
                <%= libInfo.filename %>
                <% if(libInfo.status === libConst.status.pend) { %><a href="#storage" data-toggle="modal" data-target="#storage" class="btn btn-primary btn-sm pull-right">入库</a><% } %>
                <a href="#del" data-toggle="modal" data-target="#del" class="btn btn-outline-danger btn-sm pull-right">从库中删除</a>
            </h2>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-header p-0 col-12">
            <ul class="nav nav-tabs">
                <li class="nav-item">
                    <a class="nav-link" href="/lib/global/<%= ctx.params.id %>">全局参数</a>
                </li>
                <li class="nav-item">
                    <a class="nav-link active" href="/lib/detail/<%= ctx.params.id %>">项目节参数</a>
                </li>
            </ul>
        </div>
        <div class="c-body">
            <div class="row">
                <div class="col-5">
                    <div id="bills-spread" class="sjs-height-1">
                    </div>
                </div>
                <div class="col-7">
                    <div class="sjs-height-3">
                        <table class="table table-bordered table-sm table-hover">
                            <tr>
                                <th>指标编号</th>
                                <th>项目或费用名称</th>
                                <th colspan="2">指标单位</th>
                                <th>合价（元）</th>
                                <th>计算规则</th>
                                <th>指标计算</th>
                                <th>经济指标</th>
                            </tr>
                            <tr>
                                <td>z1-a</td>
                                <td>临时道路</td>
                                <td></td>
                                <td>km</td>
                                <td></td>
                                <td>指新建便道与利用原有道路的总长</td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>z1-a-1</td>
                                <td>临时道路公路公里造价</td>
                                <td>元</td>
                                <td>公路公里</td>
                                <td></td>
                                <td>合价/路线总长度</td>
                                <td>10000/500</td>
                                <td>20</td>
                            </tr>
                            <tr>
                                <td>z1-a-2</td>
                                <td>临时道路公里造价</td>
                                <td>元</td>
                                <td>km</td>
                                <td></td>
                                <td>km指临时道路长度，合价/临时道路长</td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>z1-a-3</td>
                                <td>临时道路建筑面积造价</td>
                                <td>元</td>
                                <td>m2</td>
                                <td></td>
                                <td>合价/（临时道路长度×路基均宽）</td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>z1-a-4</td>
                                <td>临时道路造价占比</td>
                                <td></td>
                                <td>%</td>
                                <td></td>
                                <td>合价/临时工程费用</td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>z1-a-5</td>
                                <td>临时道路面积长度比</td>
                                <td></td>
                                <td>%</td>
                                <td></td>
                                <td>临时道路建筑面积/临时道路长度</td>
                                <td></td>
                                <td></td>
                            </tr>
                            <tr>
                                <td>z1-a-6</td>
                                <td>临时道路路线长度比</td>
                                <td>km</td>
                                <td>公路公里</td>
                                <td></td>
                                <td>临时道路长度/路线总长度</td>
                                <td></td>
                                <td></td>
                            </tr>
                        </table>
                    </div>
                    <div class="sjs-bottom-2">
                        <legend class="mt-3">填写参数</legend>
                        <!--本节点参数-->
                        <table class="table table-bordered table-sm table-hover">
                            <tr><th colspan="4" class="text-center">1-1 项目节 参数</th></tr>
                            <tr>
                                <th>参数名称</th><th>绑定分项节点</th><th>参数数值</th>
                            </tr>
                            <tr>
                                <td>总造价</th><td></td><td><input class="form-control form-control-sm"></td>
                            </tr>
                            <tr>
                                <td>路线总长度</td><td>1-1-2</td><td><input class="form-control form-control-sm" value="15123"></td>
                            </tr>
                            <tr>
                                <td>路基工程费用</td><td>1-4-1</td><td><input class="form-control form-control-sm" value="50410"></td>
                            </tr>
                            <tr>
                                <td>边沟圬工体积</td><td></td><td><input class="form-control form-control-sm"></td>
                            </tr>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<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 type="text/javascript">
    const bills = JSON.parse('<%- billsData %>');
</script>
<script src="/public/js/lib_detail.js"></script>