Calculation/app/view/stage/detail.ejs

<% include ./stage_sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main d-flex">
            <% include ./stage_sub_mini_menu.ejs %>
            <div>
                <div class="d-inline-block">
                    <div class="form-group">
                        <button class="btn btn-sm btn-light text-primary" href="#choose" data-toggle="modal" data-target="#choose">设置生成规则</button>
                    </div>
                </div>
            </div>
            <div class="ml-auto">
                <!--完成中间计量-->
                <% if (!ctx.stage.readOnly) { %>
                <a id="check-detail" href="javascirpt: void(0);" data-toggle="modal" data-target="#done" class="btn btn-success btn-sm pull-right" <% if (!ctx.stage.check_detail) { %>style="display: none"<% } %>>完成本期中间计量</a>
                <% } %>
            </div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-header p-0">
        </div>
        <div class="row w-100 sub-content">
            <!--左栏-->
            <div class="c-body col-8">
                <!--上部分-->
                <div class="sjs-height-0" id="detail-spread">
                </div>
            </div>
            <!--右栏-->
            <div class="c-body col">
                <div class="sjs-bar-1">
                    <ul class="nav nav-tabs">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#zhongjian" role="tab">中间计量数据</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#xmujmx" role="tab">项目节明细</a>
                        </li>
                    </ul>
                </div>
                <div class="tab-content">
                    <div class="tab-pane active" id="zhongjian">
                        <div class="sjs-sh-1" style="overflow: auto;">
                            <% if (!stage.readOnly) { %>
                            <div class="d-flex justify-content-end mt-1 mr-1">
                                <a href="javascript: void(0);" class="btn btn-sm btn-outline-primary" id="edit-detail" style="display: none;">编辑</a>
                                <a href="javascript: void(0);" class="btn btn-sm btn-outline-success mr-1" id="save-detail" style="display: none;">保存</a>
                                <a href="javascript: void(0);" class="btn btn-sm btn-outline-secondary" id="cancel-detail" style="display: none;">取消</a>
                            </div>
                            <% } %>
                            <div class="form-group">
                                <label>变更令号：</label>
                                <input class="form-control form-control-sm" type="text" readonly="" id="bgl-code">
                            </div>
                            <div class="form-group">
                                <label>变更图号：</label>
                                <input class="form-control  form-control-sm" type="text" readonly="" id="bgl-drawing-code">
                            </div>
                            <div class="form-group">
                                <label>部位：</label>
                                <input class="form-control form-control-sm" type="text" readonly="" id="bw-name">
                            </div>
                            <div class="form-group">
                                <label>起止桩号：</label>
                                <input class="form-control form-control-sm" type="text" readonly="" id="peg">
                            </div>
                            <div class="form-group">
                                <label>细目：</label>
                                <input class="form-control form-control-sm" type="text" readonly="" id="xm-name">
                            </div>
                            <div class="form-group">
                                <label>图册号：：</label>
                                <input class="form-control form-control-sm" type="text" readonly="" id="drawing-code">
                            </div>
                            <div class="form-group">
                                <label>计算式说明：</label>
                                <textarea class="form-control form-control-sm" readonly="" id="calc-memo"></textarea>
                            </div>
                            <div class="form-group">
                                <div class="d-flex justify-content-between my-3">
                                    <label>计算草图：</label>
                                    <% if (!stage.readOnly) { %>
                                    <a href="#edit-img" data-toggle="modal" data-target="#edit-img" id="modify-img" style="display: none;">添加草图</a>
                                    <% } %>
                                </div>
                                <p>
                                    <a href="#imgview" data-toggle="modal" data-target="#imgview"><img src="" class="d-100" width="100%" id="calc-img"></a>
                                </p>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane" id="xmujmx">
                        <div class="sjs-sh-1" style="overflow: auto;">
                            <div class="sjs-height-3">
                                <table class="table table-bordered">
                                    <thead>
                                    <tr><th>编号</th><th>名称</th><th>本期计量数量/金额</th></tr>
                                    </thead>
                                    <tbody id="leaf-xmj-list">
                                    </tbody>
                                </table>
                            </div>
                            <div class="sjs-bottom">
                                <ul class="nav nav-tabs">
                                    <li class="nav-item">
                                        <a class="nav-link active">计量单元</a>
                                    </li>
                                </ul>
                                <div class="tab-content">
                                    <div class="tab-pane active">
                                        <div class="sjs-bottom-2">
                                            <table class="table table-sm table-bordered">
                                                <thead>
                                                <tr><th>名称</th><th>台账数量</th><th>本期计量数量</th></tr>
                                                </thead>
                                                <tbody id="pos-list">
                                                <tr><td>0#桥台1#桩</td><td>126</td><td>40</td></tr>
                                                <tr><td>0#桥台2#桩</td><td>126</td><td>40</td></tr>
                                                </tbody>
                                            </table>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    const readOnly = <%- (stage.readOnly || stage.revising) %>;
    const stage = JSON.parse('<%- JSON.stringify(ctx.stage) %>');
    const imType = JSON.parse('<%- JSON.stringify(imType) %>');
</script>