Calculation/app/view/stage/detail.ejs

<% include ../tender/tender_sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main d-flex justify-content-between">
            <div>
                <div class="d-inline-block ml-3">
                    <div class="input-group input-group-sm">
                        <div class="input-group-prepend">
                            <span class="input-group-text">前缀</span>
                        </div>
                        <input type="text" class="form-control m-0">
                    </div>
                </div>
                <div class="d-inline-block ml-3">
                    <div class="form-group">
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" name="inlineRadioOptions" id="inlineRadio1" value="option1" type="radio">
                            <label class="form-check-label" for="inlineRadio1">总量控制</label>
                        </div>
                        <div class="form-check form-check-inline">
                            <input class="form-check-input" name="inlineRadioOptions" id="inlineRadio2" value="option2" type="radio">
                            <label class="form-check-label" for="inlineRadio2">0号台帐</label>
                        </div>
                        <button class="btn btn-sm btn-outline-primary">生成数据</button>
                    </div>
                </div>
                <div class="d-inline-block ml-3">
                    <a href="#choose" data-toggle="modal" data-target="#choose" class="btn btn-primary btn-sm">计量汇总</a>
                </div>
            </div>
            <div>
                <!--上报-->
                <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm pull-right">上报审批</a>
                <a href="#sub-sp2" data-toggle="modal" data-target="#sub-sp2" class="btn btn-primary btn-sm pull-right">重新上报</a>
                <!--状态显示-->
                <!-- <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-success btn-sm pull-right">审批完成</a>
                <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm pull-right">审批中</a>
                <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm pull-right text-muted">审批退回</a> -->
                <!--审批操作-->
                <!-- <a href="#sp-done" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm pull-right">审批通过</a>
                <a href="#sp-back" data-toggle="modal" data-target="#sp-back" class="btn btn-warning btn-sm pull-right">审批退回</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-1">
                    <table class="table table-sm table-bordered">
                        <tr><th>编号</th><th>中间计量表号</th><th>交工证书/凭证号</th><th>分部分项工程</th><th>本期计量数量/金额</th></tr>
                        <tr><td>403-1-a</td><td>1-1</td><td></td><td>k0+236大桥</td><td>100</td></tr>
                    </table>
                </div>
                <!--下部分-->
                <div class="bcontent-wrap">
                    <div class="bc-bar mb-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="#caotu" role="tab">计算草图</a>
                            </li>
                        </ul>
                    </div>
                    <div class="tab-content">
                        <div class="tab-pane active" id="zhongjian">
                            <div class="sp-wrap" style="overflow: auto">
                                <div class="d-flex justify-content-end mt-1 mr-1">
                                    <a href="#" class="btn btn-sm btn-outline-primary">编辑</a>
                                    <a href="#" class="btn btn-sm btn-outline-success mr-1">保存</a>
                                    <a href="#" class="btn btn-sm btn-outline-secondary">取消</a>
                                </div>
                                <div class="form-group">
                                    <label>变更令号：</label>
                                    <input class="form-control form-control-sm" type="text" readonly="">
                                </div>
                                <div class="form-group">
                                    <label>部位：</label>
                                    <input class="form-control form-control-sm" type="text" readonly="" value="左3#中横梁">
                                </div>
                                <div class="form-group">
                                    <label>起始桩号：</label>
                                    <input class="form-control form-control-sm" type="text" readonly="" value="K170+170.0">
                                </div>
                                <div class="form-group">
                                    <label>终止桩号：</label>
                                    <input class="form-control form-control-sm" type="text" readonly="" value="K170+170.0">
                                </div>
                                <div class="form-group">
                                    <label>计量单元：</label>
                                    <input class="form-control form-control-sm" type="text" readonly="" value="光圆钢筋（HPB235、HPB300）">
                                </div>
                                <div class="form-group">
                                    <label>图号：</label>
                                    <input class="form-control form-control-sm" type="text" readonly="" value="XL-1-13(通用图1）">
                                </div>
                                <div class="form-group">
                                    <label>计算式说明：</label>
                                    <textarea class="form-control" readonly=""></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="caotu">
                            <div class="sp-wrap" style="overflow: auto">
                                <div class="d-flex justify-content-between my-3">
                                    <label>计算草图：</label>
                                    <a href="#edit-img" data-toggle="modal" data-target="#edit-img">添加草图</a>
                                </div>
                                <p><img src="img/sketch/2.png" class="d-100"></p>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <!--右栏-->
            <div class="c-body col">
                <div class="sjs-bar">
                    <ul class="nav nav-tabs">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#qingdan" role="tab">项目节</a>
                        </li>
                    </ul>
                </div>
                <div class="sjs-height-3">
                    <table class="table table-bordered">
                        <tr><th>编号</th><th>名称</th></tr>
                        <tr><td>1-4-1-5-1</td><td>桥台桩基础</td></tr>
                        <tr><td>1-4-1-5-2</td><td>桥台桩基础</td></tr>
                    </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">
                                    <tr><th>部位</th><th>台帐数量</th><th>本期计量数量</th></tr>
                                    <tr><td>0#桥台1#桩</td><td>126</td><td>40</td></tr>
                                    <tr><td>0#桥台2#桩</td><td>126</td><td>40</td></tr>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>