Calculation/app/view/change/info.ejs

<div class="panel-sidebar">
    <div class="panel-title">
        <div class="title-bar">
            <h2><%- tender.name %></h2>
        </div>
    </div>
    <div class="scrollbar-auto">
        <div class="nav-box">
            <ul class="nav-list list-unstyled">
                <li class=""><a href="/tender/<%- tender.id %>/change"><i class="fa fa-chevron-left "></i> <span>返回</span></a></li>
            </ul>
        </div>
        <div class="nav-box">
            <ul class="nav nav-tab nav-list list-unstyled" role="tablist" id="tablist" style="display: block">
                <li style="margin-bottom: 1rem;"><a href="#info" class="active" aria-controls="info" data-toggle="tab"><span class="ml-3">变更信息</span></a></li>
                <li style="margin-bottom: 1rem;"><a href="#bills" aria-controls="bills" data-toggle="tab"><span class="ml-3">变更清单</span></a></li>
                <li><a href="#files" aria-controls="files" data-toggle="tab"><span class="ml-3">附件</span></a></li>
            </ul>
        </div>
    </div>
</div>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main d-flex justify-content-between">
            <h2 id="info_title" class="show_title">变更信息</h2>
            <div id="bills_title" class="show_title" style="display: none">
                <a href="#addlist" data-toggle="modal" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="添加清单"><i class="fa fa-plus" aria-hidden="true"></i> 添加清单</a>
            </div>
            <div id="files_title" class="show_title" style="display: none">
                <a href="#addfujian" data-toggle="modal" class="btn btn-sm" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="添加清单"><i class="fa fa-cloud-upload" aria-hidden="true"></i> 上传附件</a>
            </div>
            <input id="tenderId" value="<%= tender.id %>" type="hidden">
            <!--info状态区分-->
            <% if (auditStatus === 1) { %>
            <div>
                <a href="#sub-ap" data-toggle="modal" class="btn btn-sm btn-success pull-right">保存修改</a>
                <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm pull-right">上报审批</a>
                <a href="#" class="btn btn-outline-danger btn-sm pull-right text-truncate" style="max-width: 100px;" title="删除 <%- change.code %>">删除 <%- change.code %></a>
            </div>
            <% } else if (auditStatus === 2) { %>
            <div>
                <a href="#sub-ap" data-toggle="modal" class="btn btn-sm btn-success pull-right">保存修改</a>
                <a href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm pull-right">重新上报</a>
                <a href="#" class="btn btn-outline-danger btn-sm pull-right text-truncate" style="max-width: 100px;" title="删除 <%- change.code %>">删除 <%- change.code %></a>
            </div>
            <% } else if (auditStatus === 3) { %>
            <div>
                <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm pull-right text-muted">审批退回</a>
            </div>
            <% } else if (auditStatus === 4) { %>
            <div>
                <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-success btn-sm pull-right">审批完成</a>
            </div>
            <% } else if (auditStatus === 5) { %>
            <div>
                <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-danger btn-sm pull-right">审批终止</a>
            </div>
            <% } else if (auditStatus === 6) { %>
            <div>
                <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>
                <a href="#sp-end" data-toggle="modal" data-target="#sp-end" class="btn btn-danger btn-sm pull-right">审批终止</a>
            </div>
            <% } else if (auditStatus === 7) { %>
            <div>
                <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm pull-right">审批中</a>
            </div>
            <% } %>
        </div>
    </div>
    <div class="content-wrap tab-content">
        <div class="c-body tab-pane active" role="tabpanel" id="info">
            <!--变更信息-->
            <% if (auditStatus === 1 || auditStatus === 2) { %>
            <div class="row">
                <div class="col-md-4">
                    <form>
                        <div class="form-group">
                            <label><b class="text-danger">*&nbsp;</b>申请编号</label>
                            <a href="#" class="pull-right" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="自动编号"><i class="fa fa-repeat"></i></a>
                            <input class="form-control" value="<%- change.code %>" type="text">
                        </div>
                        <div class="form-group">
                            <label><b class="text-danger">*&nbsp;</b>工程名称</label>
                            <input class="form-control" value="<%- change.name %>" type="text">
                        </div>
                        <div class="form-group">
                            <label>桩号</label>
                            <input class="form-control" value="<%- change.peg %>" type="text">
                        </div>
                        <div class="form-group">
                            <label>原设计图名称</label>
                            <input class="form-control" placeholder="" type="text" value="<%- change.org_name %>">
                        </div>
                        <div class="form-group">
                            <label>原图号</label>
                            <input class="form-control" placeholder="" type="text" value="<%- change.org_code %>">
                        </div>
                        <div class="form-group">
                            <label>变更设计图名称</label>
                            <input class="form-control" placeholder="" type="text" value="<%- change.new_name %>">
                        </div>
                        <div class="form-group">
                            <label>变更图号</label>
                            <input class="form-control" placeholder="" type="text" value="<%- change.new_code %>">
                        </div>
                    </form>
                </div>
                <div class="col-md-4" style="z-index:999">
                    <form>
                        <div class="form-group">
                            <label><b class="text-danger">*&nbsp;</b>工程变更理由及内容</label>
                            <textarea class="form-control" rows="6"><%- change.content %></textarea>
                        </div>
                        <div class="form-group">
                            <label>工程变更合同依据</label>
                            <textarea class="form-control" rows="6"><%- change.basis %></textarea>
                        </div>
                        <div class="form-group">
                            <label>备注</label>
                            <textarea class="form-control" rows="3"><%- change.memo %></textarea>
                        </div>
                    </form>
                </div>
                <div class="col-md-4">
                    <form>
                        <div class="form-group">
                            <label>变更类型</label>
                            <div class="checkbox">
                                <% for (const t in changeConst.type) { %>
                                <% const cType = changeConst.type[t] %>
                                <label class="checkbox-inline">
                                    <input value="<%- cType.value %>" type="checkbox"><%- cType.name %>
                                </label>
                                <% } %>
                            </div>
                        </div>
                        <div class="form-group">
                            <label>变更类别 </label>
                            <select class="form-control">
                                <% for (const c in changeConst.class) { %>
                                <% const cClass = changeConst.class[c] %>
                                <option value="<%- cClass.value %>"><%- cClass.name %></option>
                                <% } %>
                            </select>
                        </div>
                        <div class="form-group">
                            <label>变更性质 </label>
                            <select class="form-control">
                                <% for (const q in changeConst.quality) { %>
                                <% const cQuality = changeConst.quality[q] %>
                                <option value="<%- cQuality.value %>"><%- cQuality.name %></option>
                                <% } %>
                            </select>
                        </div>
                        <div class="form-group">
                            <label>变更提出单位</label>
                            <a href="#editcompany" style="float:right;" class="" data-toggle="modal">编辑</a>
                            <select class="form-control" id="company" name="company">
                                <% for (const company of companyList) { %>
                                <option <% if (company.name === change.company) { %>selected<% } %>><%- company.name %></option>
                                <% } %>
                            </select>
                        </div>
                        <div class="form-group">
                            <label>费用承担方</label>
                            <div class="radio">
                                <% for (const c in changeConst.charge) { %>
                                <% const cCharge = changeConst.charge[c] %>
                                <label class="radio-inline">
                                    <input value="<%- cCharge.value %>" type="radio"> <%- cCharge.name %>
                                </label>
                                <% } %>
                            </div>
                        </div>
                        <div class="form-group">
                            <label><b class="text-danger">*&nbsp;</b>批复文号</label>
                            <input class="form-control" placeholder="" type="text" value="<%- change.w_code %>" readonly>
                        </div>
                    </form>
                </div>
            </div>
            <% } else { %>
            <div class="row">
                <div class="col-md-4">
                    <form>
                        <div class="form-group">
                            <label><b class="text-danger">*&nbsp;</b>申请编号</label>
                            <a href="#" class="pull-right" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="自动编号"><i class="fa fa-repeat"></i></a>
                            <input class="form-control" value="<%- change.code %>" type="text" readonly>
                        </div>
                        <div class="form-group">
                            <label><b class="text-danger">*&nbsp;</b>工程名称</label>
                            <input class="form-control" value="<%- change.name %>" type="text" readonly>
                        </div>
                        <div class="form-group">
                            <label>桩号</label>
                            <input class="form-control" value="<%- change.peg %>" type="text" readonly>
                        </div>
                        <div class="form-group">
                            <label>原设计图名称</label>
                            <input class="form-control" placeholder="" type="text" value="<%- change.org_name %>" readonly>
                        </div>
                        <div class="form-group">
                            <label>原图号</label>
                            <input class="form-control" placeholder="" type="text" value="<%- change.org_code %>" readonly>
                        </div>
                        <div class="form-group">
                            <label>变更设计图名称</label>
                            <input class="form-control" placeholder="" type="text" value="<%- change.new_name %>" readonly>
                        </div>
                        <div class="form-group">
                            <label>变更图号</label>
                            <input class="form-control" placeholder="" type="text" value="<%- change.new_code %>" readonly>
                        </div>
                    </form>
                </div>
                <div class="col-md-4" style="z-index:999">
                    <form>
                        <div class="form-group">
                            <label><b class="text-danger">*&nbsp;</b>工程变更理由及内容</label>
                            <textarea class="form-control" rows="6" readonly><%- change.content %></textarea>
                        </div>
                        <div class="form-group">
                            <label>工程变更合同依据</label>
                            <textarea class="form-control" rows="6" readonly><%- change.basis %></textarea>
                        </div>
                        <div class="form-group">
                            <label>备注</label>
                            <textarea class="form-control" rows="3" readonly><%- change.memo %></textarea>
                        </div>
                    </form>
                </div>
                <div class="col-md-4">
                    <form>
                        <div class="form-group">
                            <label>变更类型</label>
                            <div class="checkbox">
                                <% for (const t in changeConst.type) { %>
                                <% const cType = changeConst.type[t] %>
                                <label class="checkbox-inline">
                                    <input value="<%- cType.value %>" type="checkbox"><%- cType.name %>
                                </label>
                                <% } %>
                            </div>
                        </div>
                        <div class="form-group">
                            <label>变更类别 </label>
                            <select class="form-control" disabled>
                                <% for (const c in changeConst.class) { %>
                                <% const cClass = changeConst.class[c] %>
                                <option value="<%- cClass.value %>"><%- cClass.name %></option>
                                <% } %>
                            </select>
                        </div>
                        <div class="form-group">
                            <label>变更性质 </label>
                            <select class="form-control" disabled>
                                <% for (const q in changeConst.quality) { %>
                                <% const cQuality = changeConst.quality[q] %>
                                <option value="<%- cQuality.value %>"><%- cQuality.name %></option>
                                <% } %>
                            </select>
                        </div>
                        <div class="form-group">
                            <label>变更提出单位</label>
                            <a href="#editcompany" style="float:right;" class="" data-toggle="modal">编辑</a>
                            <select class="form-control" disabled>
                                <option>AA公司</option>
                                <option>BB公司</option>
                            </select>
                        </div>
                        <div class="form-group">
                            <label>费用承担方</label>
                            <div class="radio">
                                <% for (const c in changeConst.charge) { %>
                                <% const cCharge = changeConst.charge[c] %>
                                <label class="radio-inline">
                                    <input value="<%- cCharge.value %>" type="radio"> <%- cCharge.name %>
                                </label>
                                <% } %>
                            </div>
                        </div>
                        <% if (auditStatus === 6) { %>
                        <div class="form-group">
                            <label><b class="text-danger">*&nbsp;</b>批复文号</label>
                            <input class="form-control" placeholder="" type="text" value="<%- change.w_code %>">
                        </div>
                        <% } else { %>
                        <div class="form-group">
                            <label><b class="text-danger">*&nbsp;</b>批复文号</label>
                            <input class="form-control" placeholder="" type="text" value="<%- change.w_code %>" readonly>
                        </div>
                        <% } %>
                    </form>
                </div>
            </div>
            <% } %>
        </div>

        <div class="c-body tab-pane" role="tabpanel" id="bills">
            <!--变更清单-->
            <table class="table table-bordered">
                <thead>
                <tr><th rowspan="2" class="text-center" width="200">清单编号</th><th rowspan="2" class="text-center">名称</th><th rowspan="2" class="text-center" width="160">单位</th><th rowspan="2" class="text-center" width="160">单价</th><th colspan="2" class="text-center">原设计</th><th colspan="2" class="text-center">申报变更</th></tr>
                <tr><th class="text-center" width="120">数量</th><th class="text-center" width="120">金额</th><th class="text-center" width="160">数量</th><th class="text-center" width="160">金额</th></tr>
                </thead>
                <tbody>
                <tr><td>403-1-2</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td>616.2</td><td>22</td><td>12,324.00</td><td><input class="form-control form-control-sm" placeholder="变更数量" type="number"></td><td>18,486.00</td></tr>
                <tr><td>403-1-3</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td>3080.65</td><td>40</td><td>123,226.00</td><td><input class="form-control form-control-sm" placeholder="变更数量" type="number"></td><td>129,387.30</td></tr>
                <tr><td>403-1-4</td><td>带肋钢筋（HRB335、HRB400）</td><td>kg</td><td>3878.8</td><td>32</td><td>124,121.60</td><td><input class="form-control form-control-sm" placeholder="变更数量" type="number"></td><td>131,879.20</td></tr>
                <tr><td><input class="form-control form-control-sm" placeholder="清单编号" type="text"></td><td><input class="form-control form-control-sm" placeholder="名称" type="text"></td><td><select class="form-control form-control-sm"><option>kg</option></select></td><td><input class="form-control form-control-sm" placeholder="请输入单价" type="number"></td><td><input class="form-control form-control-sm" placeholder="请输入数量" type="number"></td><td></td><td><input class="form-control form-control-sm" placeholder="变更数量" type="number"></td><td></td></tr>
                <tr class="info"><td>合计</td><td></td><td></td><td></td><td></td><td>124,121.60</td><td></td><td>131,879.20</td></tr>
                </tbody>
            </table>
        </div>

        <div class="c-body tab-pane" role="tabpanel" id="files">
            <table class="table table-bordered">
                <thead>
                <tr><th width="50">序号</th><th>名称</th><th width="90">大小</th><th width="100">上传时间</th><th width="100">操作</th></tr>
                </thead>
                <tbody>
                <tr><td>1</td><td><a href="">合同段工程变更现场办公会议纪要的通知.rar</a></td><td>682.64 KB</td><td>2017-01-01 13:22</td><td><a href="#" class="btn btn-light btn-sm" title="删除附件"><span class="fa fa-trash text-danger"></span></a></td></tr>
                <tr><td>2</td><td><a href="">管理处关于发送LZTJ-1合同段YT-24号设计更改的通知.rar</a></td><td>1.52 MB</td><td>2017-01-01 14:22</td><td><a href="#" class="btn btn-light btn-sm" title="删除附件"><span class="fa fa-trash text-danger"></span></a></td></tr>
                <tr><td>3</td><td><a href="">原设计施工图.pdf</a></td><td>396.73 KB</td><td>2017-01-01 12:22</td><td></td></tr>
                </tbody>
            </table>
        </div>
    </div>
</div>
<script src="/public/js/change_detail.js"></script>
<link href="/public/css/toastr.css" rel="stylesheet">
<script src="/public/js/toastr.min.js"></script>
<script>
    $(document).ready(() => {
        toastr.options = {
            "closeButton": false,
            "debug": false,
            "newestOnTop": false,
            "progressBar": false,
            "positionClass": "toast-top-right",
            "preventDuplicates": false,
            "onclick": null,
            "showDuration": "300",
            "hideDuration": "1000",
            "timeOut": "5000",
            "extendedTimeOut": "1000",
            "showEasing": "swing",
            "hideEasing": "linear",
            "showMethod": "fadeIn",
            "hideMethod": "fadeOut"
        };
    })
</script>