Calculation/app/view/stage/change.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="form-check-inline">
                        <label class="form-check-label">
                            <input class="form-check-input" type="checkbox">
                            本期已用变更
                        </label>
                    </div>
                </div>
            </div>
            <div>
                <!--按钮-->
            </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-6">
                <!--上部分-->
                <div class="sjs-height-1">
                    <table class="table table-bordered table-sm">
                        <tr><th>变更令号</th><th>变更名称</th><th>金额</th><th>批复文号</th><th>已执行（%）</th></tr>
                        <tr><td>LZTJ-1标项目部发变更(2015)001号 </td><td>XX变更1</td><td>140343</td><td>纵路投[2019]126号</td><td></td></tr>
                        <tr><td>LZTJ-1标项目部发变更(2015)002号 </td><td>XX变更2</td><td></td><td>纵路投[2019]126号</td><td></td></tr>
                        <tr><td>LZTJ-1标项目部发变更(2015)003号 </td><td>XX变更3</td><td></td><td>纵路投[2019]126号</td><td></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="#qingdan" role="tab">变更清单</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#detail" role="tab">变更信息</a>
                            </li>
                            <li class="nav-item">
                                <a class="nav-link" data-toggle="tab" href="#fujian" role="tab">附件</a>
                            </li>
                        </ul>
                    </div>
                    <div class="tab-content">
                        <div class="tab-pane active" id="qingdan">
                            <div class="sp-wrap" style="overflow: auto">
                                <table class="table table-sm table-bordered">
                                    <tr><th>本期使用</th><th>清单编号</th><th>名称</th><th>单位</th><th>单价</th><th>数量</th><th>金额</th><th>已变更</th><th>未变更</th></tr>
                                    <tr><td></td><td>203-1-a</td><td>挖土方</td><td>m3</td><td>7.53</td><td>6467.48</td><td>48700</td><td>1000</td></tr>
                                    <tr><td><i class="fa fa-check text-success"></i></td><td>403-1-a</td><td>I级钢筋（包括基础、承台、支撑梁等）</td><td></td><td></td><td></td><td></td><td></td><td>1000</td></tr>
                                    <tr><td></td><td>403-2</td><td></td><td></td><td></td><td></td><td></td><td></td><td></td></tr>
                                </table>
                            </div>
                        </div>
                        <div class="tab-pane" id="detail">
                            <div class="sp-wrap" style="overflow: auto">
                                <div class="form-group">
                                    <label>变更类型</label>
                                    <div class="checkbox">
                                        <label class="checkbox-inline">
                                            <input id="inlineCheckbox1" value="option1" checked="" disabled="" type="checkbox">A.位置
                                        </label>
                                        <!-- <label class="checkbox-inline">
                                          <input id="inlineCheckbox2" value="option2" type="checkbox">B.数量
                                        </label>
                                        <label class="checkbox-inline">
                                          <input id="inlineCheckbox3" value="option3" type="checkbox">C.结构
                                        </label>
                                        <label class="checkbox-inline">
                                          <input id="inlineCheckbox3" value="option3" checked="" type="checkbox">D.新增
                                        </label>
                                        <label class="checkbox-inline">
                                          <input id="inlineCheckbox3" value="option3" type="checkbox">E.取消
                                        </label>
                                        <label class="checkbox-inline">
                                          <input id="inlineCheckbox3" value="option3" type="checkbox">F.纠错
                                        </label> -->
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label>变更类别 </label>
                                    <select class="form-control form-control-sm" disabled=""><option>A类变更</option><option>B类变更</option><option>C类变更</option><option>D类变更</option><option>E类变更</option></select>
                                </div>
                                <div class="form-group">
                                    <label>变更性质 </label>
                                    <select class="form-control form-control-sm" disabled=""><option>一般设计变更</option><option>较大设计变更</option><option>重大设计变更</option></select>
                                </div>
                                <div class="form-group">
                                    <label>桩号</label>
                                    <input class="form-control form-control-sm" value="K0+532" readonly="" type="text">
                                </div>
                                <div class="form-group">
                                    <label>原设计图名称</label>
                                    <input class="form-control form-control-sm" placeholder="" readonly="" type="text">
                                </div>
                                <div class="form-group">
                                    <label>原图号</label>
                                    <input class="form-control form-control-sm" placeholder="" readonly="" type="text">
                                </div>
                                <div class="form-group">
                                    <label>变更设计图名称</label>
                                    <input class="form-control form-control-sm" placeholder="" readonly="" type="text">
                                </div>
                                <div class="form-group">
                                    <label>变更图号</label>
                                    <input class="form-control form-control-sm" placeholder="" readonly="" type="text">
                                </div>
                                <div class="form-group">
                                    <label>工程变更理由及内容</label>
                                    <textarea class="form-control form-control-sm" rows="6" readonly="">由于K0+532涵洞基底土质天然含水率为25%、收费站出口右侧加宽段K0+120-K0+190段基底土质天然含水率为28.8%。含水率较大形成过湿土，地基松软，无法满足承载力要求。经处项目办、设计、监理、施工单位四方勘察，采用抛石挤淤、砂砾换填以达到地基承载力。
                          </textarea>
                                </div>
                                <div class="form-group">
                                    <label>工程变更合同依据</label>
                                    <textarea class="form-control form-control-sm" rows="6" readonly=""></textarea>
                                </div>
                                <div class="form-group">
                                    <label>变更提出单位</label>
                                    <!-- <a href="#editcompany" style="float:right;" class="" data-toggle="modal">编辑</a> -->
                                    <select class="form-control form-control-sm" disabled=""><option>AA公司</option><option>BB公司</option></select>
                                </div>
                                <div class="form-group">
                                    <label>费用承担方</label>
                                    <div class="radio">
                                        <label class="radio-inline">
                                            <input id="inlineCheckbox1" value="option1" checked="" disabled="" type="radio"> 业主
                                        </label>
                                        <!-- <label class="radio-inline">
                                          <input id="inlineCheckbox2" value="option2" type="radio"> 承包人
                                        </label> -->
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label>备注</label>
                                    <textarea class="form-control form-control-sm" rows="3" readonly=""></textarea>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="fujian">
                            <div class="sp-wrap" style="overflow: auto">
                                <table class="table table-bordered">
                                    <tbody><tr><th>名称</th><th>上传者</th></tr>
                                    <tr><td><a href="">合同段工程变更现场办公会议纪要的通知.rar</a></td><th>张三</th></tr>
                                    </tbody>
                                </table>
                            </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="tab-content">
                    <div class="tab-pane active">
                        <div class="sjs-height-3" style="overflow: auto">
                            <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>I级钢筋（包括基础、承台、支撑梁等）</td><td>kg</td><td>5.18</td><td>400</td></tr>
                            </table>
                        </div>
                        <div class="sjs-bottom">
                            <ul class="nav nav-tabs">
                                <li class="nav-item">
                                    <a class="nav-link active" data-toggle="tab" href="#tz" role="tab" aria-selected="false">相关台帐</a>
                                </li>
                            </ul>
                            <div class="tab-content">
                                <div class="tab-pane active" id="tz">
                                    <div class="sjs-bottom-2">
                                        <!--分项清单-->
                                        <table class="table table-bordered table-sm">
                                            <tr><th>项目节编号</th><th>名称</th><th>部位明细</th><th>0号台帐数量</th><th>本期变更数量</th></tr>
                                            <tr><td>1-4-5-1-1-1-1</td><td>桥台桩基础</td><td>0#桥台1#桩</td><td>126</td><td>100</td></tr>
                                            <tr><td>1-4-5-1-1-1-1</td><td>桥台桩基础</td><td>0#桥台2#桩</td><td>126</td><td>100</td></tr>
                                            <tr><td>1-4-5-1-1-1-1</td><td>桥台桩基础</td><td>8#桥台1#桩</td><td>126</td><td>100</td></tr>
                                            <tr><td>1-4-5-1-1-1-1</td><td>桥台桩基础</td><td>8#桥台2#桩</td><td>126</td><td>100</td></tr>
                                        </table>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>