Calculation/app/view/change/info.ejs

<div class="panel-content">
    <div class="panel-title fluid">
        <div class="title-main d-flex justify-content-between">
            <div>
                <div class="d-inline-block">
                    <ul class="nav nav-pills m-0">
                        <li class="nav-item"><a class="nav-link active" href="/change/<%- change.cid %>/info">变更信息</a></li>
                        <li class="nav-item"><a class="nav-link" href="/change/<%- change.cid %>/bills">变更清单</a></li>
                        <li class="nav-item"><a class="nav-link" href="/change/<%- change.cid %>/file">附件</a></li>
                    </ul>
                </div>
            </div>
            <div>
                <a href="#sub-ap" data-toggle="modal" data-target="#sub-ap" class="btn btn-sm btn-primary 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>
                <a href="#" class="btn btn-outline-danger btn-sm pull-right text-truncate" style="max-width: 100px;" title="删除 <%- change.code %>">删除 <%- change.code %></a>
            </div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-body">
            <!--变更信息-->
            <legend>变更信息</legend>
            <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"><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>
                    </form>
                </div>
            </div>
        </div>
    </div>
</div>