Calculation/app/view/change/plan_information.ejs

<% include ../tender/tender_sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title"><!--收起详解目录添加类名 fluid -->
        <div class="title-main d-flex"><!--工具-->
            <% include ../tender/tender_sub_mini_menu.ejs %>
            <div>
                <div class="d-inline-block">
                    <a <% if (returnUrl) { %>href="<%- returnUrl %>"<% } else { %>class="change_plan_sort_link" href="/tender/<%- tender.id %>/change/plan"<% } %>><i class="fa fa-chevron-left mr-2"></i><span>返回</span></a>
                </div>
                <div class="d-inline-block" id="change-plan-code">
                    <%- change.code %>
                </div>
                <% if (!change.readOnly) { %>
                <div class="d-inline-block">
                    <a href="#shuliangguize" data-toggle="modal" data-target="#shuliangguize" class="btn btn-outline-primary btn-sm"><i class="fa fa-cog"></i></a>
                </div>
                <% } %>
            </div>
            <div class="ml-auto" id="sp-btn">
                <% if (ctx.change.status === auditConst.status.uncheck) { %>
                    <% if (ctx.session.sessionUser.accountId === ctx.change.uid) { %>
                        <a id="sub-sp-btn" href="javascript: void(0);" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm">上报审批</a>
                    <% } else { %>
                        <a id="sub-sp-btn" href="javascript: void(0);" data-toggle="modal" data-target="#sub-sp" class="btn btn-outline-secondary btn-sm">上报中</a>
                    <% } %>
                <% } else if (ctx.change.status === auditConst.status.checking) { %>
                    <% if (ctx.change.curAuditor && ctx.change.curAuditor.aid === ctx.session.sessionUser.accountId) { %>
                        <a id="sp-done-btn" href="javascript: void(0);" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm">审批通过</a>
                        <a href="#sp-back" data-toggle="modal" data-target="#sp-back" class="btn btn-warning btn-sm">审批退回</a>
                    <% } else { %>
                        <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm">审批中</a>
                    <% } %>
                <% } else if (ctx.change.status === auditConst.status.checked) { %>
                    <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-success btn-sm">审批完成</a>
                <% } else if (ctx.change.status === auditConst.status.checkNo) { %>
                    <a href="#sp-list" data-type="hide" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm text-muted sp-list-btn">审批退回</a>
                    <% if (ctx.session.sessionUser.accountId === ctx.change.uid) { %>
                        <a href="#sp-list" data-type="show" data-toggle="modal" data-target="#sp-list"  class="btn btn-primary btn-sm sp-list-btn">重新上报</a>
                    <% } %>
                <% } %>
            </div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-body">
            <div class="sjs-height-0" data-spy="scroll" data-target="#navbar-example">
                <div class="row mx-0">
                    <div class="col-xl-2" id="navbar-example">
                        <ul class="nav flex-column nav-pills nav-stacked nav-padding sticky-top">
                            <li class="nav-item"><a class="nav-link active" href="#xinxi">基本信息</a></li>
                            <li class="nav-item"><a class="nav-link" href="#qingdan">变更清单</a></li>
                            <li class="nav-item"><a class="nav-link" href="#fujian">附件</a></li>
                        </ul>
                    </div>
                    <div class="col-xl-8 mx-auto">
                        <h4 id="xinxi" class="text-center py-2">工程变更方案</h4>
                        <h5>基本信息</h5>
                        <table class="table table-bordered" id="plan-table">
                            <tr>
                                <th width="120" class="text-center" style="vertical-align: middle">变更方案编号<b class="text-danger">*&nbsp;</b></th>
                                <td><input class="form-control form-control-sm" value="<%- change.code %>" data-name="code" <% if (change.readOnly) { %>readonly<% } %> type="text" placeholder=""></td>
                                <th width="140" class="text-center" style="vertical-align: middle">变更申请编号</th>
                                <td><input class="form-control form-control-sm" type="text" value="<%- change.apply_code %>" data-name="apply_code" <% if (change.readOnly) { %>readonly<% } %> placeholder="自动读取，没有就为空，可编辑"></td>
                            </tr>
                            <tr>
                                <th width="120" class="text-center" style="vertical-align: middle">变更工程名称<b class="text-danger">*&nbsp;</b></th>
                                <td><input class="form-control form-control-sm" value="<%- change.name %>" data-name="name" <% if (change.readOnly) { %>readonly<% } %> type="text" placeholder=""></td>
                                <th width="140" class="text-center" style="vertical-align: middle">桩号</th>
                                <td><input class="form-control form-control-sm" type="text" value="<%- change.peg %>" data-name="peg" <% if (change.readOnly) { %>readonly<% } %> placeholder=""></td>
                            </tr>
                            <tr>
                                <th width="" class="text-center" style="vertical-align: middle">原设计图名称</th>
                                <td><input class="form-control form-control-sm" value="<%- change.org_name %>" data-name="org_name" <% if (change.readOnly) { %>readonly<% } %> type="text" placeholder=""></td>
                                <th width="" class="text-center" style="vertical-align: middle">图号</th>
                                <td><input class="form-control form-control-sm" type="text" value="<%- change.new_code %>" data-name="new_code" <% if (change.readOnly) { %>readonly<% } %> placeholder=""></td>
                            </tr>
                            <tr>
                                <th width="" class="text-center" style="vertical-align: middle">变更设计名称</th>
                                <td><input class="form-control form-control-sm" value="<%- change.design_name %>" data-name="design_name" <% if (change.readOnly) { %>readonly<% } %> type="text" placeholder=""></td>
                                <th width="" class="text-center" style="vertical-align: middle">变更图号</th>
                                <td><input class="form-control form-control-sm" value="<%- change.c_new_code %>" data-name="c_new_code" <% if (change.readOnly) { %>readonly<% } %> type="text" placeholder=""></td>
                            </tr>
                            <tr>
                                <th width="" class="text-center" style="vertical-align: middle">工程变更类别</th>
                                <td><input class="form-control form-control-sm" type="text" value="<%- change.class %>" data-name="class" <% if (change.readOnly) { %>readonly<% } %> placeholder=""></td>
                                <th width="" class="text-center" style="vertical-align: middle">工程变更性质</th>
                                <% if (change.readOnly) { %>
                                    <td><input class="form-control form-control-sm" type="text" value="<%- change.quality %>" data-name="quality" readonly placeholder=""></td>
                                <% } else { %>
                                    <td><select class="form-control form-control-sm" name="quality" data-name="quality" <% if (change.readOnly) { %>readonly<% } %>>
                                            <% for (const q in changeConst.quality) { %>
                                                <% const cQuality = changeConst.quality[q] %>
                                                <option <% if (cQuality.name === change.quality) { %> selected<% } %>><%- cQuality.name %></option>
                                            <% } %>
                                        </select></td>
                                <% } %>
                            </tr>
                            <tr>
                                <th width="" class="text-center" style="vertical-align: middle">变更原因<b class="text-danger">*&nbsp;</b></th>
                                <td colspan="3"><textarea class="form-control form-control-sm" data-name="reason" <% if (change.readOnly) { %>readonly<% } %> rows="3"><%- change.reason %></textarea></td>
                            </tr>
                            <tr>
                                <th width="" class="text-center" style="vertical-align: middle">变更内容</th>
                                <td colspan="3"><textarea class="form-control form-control-sm" data-name="content" <% if (change.readOnly) { %>readonly<% } %> rows="3"><%- change.content %></textarea></td>
                            </tr>
                            <tr>
                                <th width="" class="text-center" style="vertical-align: middle">方案描述</th>
                                <td colspan="3"><textarea class="form-control form-control-sm" data-name="memo" <% if (change.readOnly) { %>readonly<% } %> rows="3"><%- change.memo %></textarea></td>
                            </tr>
                        </table>
                        <h5 id="qingdan" class="d-inline-block">变更清单</h5>
                        <% if (change.status === auditConst.status.checked) { %>
                        <div class="d-inline-block ml-3">
                            <div class="custom-control custom-checkbox" style="line-height: normal;">
                                <input type="checkbox" class="custom-control-input" id="show-table-detail">
                                <label class="custom-control-label" for="show-table-detail">审批过程</label>
                            </div>
                        </div>
                        <% } %>
                        <div style="height: <%= 21*(changeList.length+3) + 100 %>px;min-height: 300px" id="plan-spread"></div>
                        <h5 id="fujian">附件</h5>
                        <table class="table table-bordered">
                            <thead>
                            <tr>
                                <th></th>
                                <th>附件</th>
                                <th>上传者</th>
                                <th>上传时间</th>
                                <th>操作</th>
                            </tr>
                            </thead>
                            <tbody>
                            <!--<tr>-->
                            <!--<td colspan="5"><button type="button" class="btn btn-primary btn-sm"  data-toggle="modal" data-target="#upload-fj">上传附件</button></td>-->
                            <!--</tr>-->
                            <tbody id="file-content">
                            </tbody>
                            <!--<tr>-->
                            <!--<td>1</td>-->
                            <!--<td>XXX设计图纸</td>-->
                            <!--<td>仁温书</td>-->
                            <!--<td>2021-12-09 16:58:47</td>-->
                            <!--<td><a href="#" class="mr-2"><i class="fa fa-download"></i></a><a href="#" class="text-danger"><i class="fa fa-remove"></i></a></td>-->
                            <!--</tr>-->
                            <!--<tr>-->
                            <!--<td>1</td>-->
                            <!--<td>XXX资料说明</td>-->
                            <!--<td>仁温书</td>-->
                            <!--<td>2021-12-09 16:58:47</td>-->
                            <!--<td><a href="#" class="mr-2"><i class="fa fa-download"></i></a><a href="#" class="text-danger"><i class="fa fa-remove"></i></a></td>-->
                            <!--</tr>-->
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    autoFlashHeight();
    const auditConst = JSON.parse('<%- JSON.stringify(auditConst) %>');
    const fileTypeConst = JSON.parse(unescape('<%- escape(JSON.stringify(changeConst.file_type)) %>'));
    const fileList = JSON.parse(unescape('<%- escape(JSON.stringify(fileList)) %>')) || [];
    const whiteList = JSON.parse('<%- JSON.stringify(whiteList) %>');
    const preUrl = '<%- preUrl %>';
    const change = JSON.parse(unescape('<%- escape(JSON.stringify(change)) %>'));
    let listRule = JSON.parse(unescape('<%- escape(JSON.stringify(listRule)) %>'));
    const readOnly = <%- change.readOnly %>;
    const totalPriceUnit = '<%- tpUnit %>';
    const unitPriceUnit = '<%- upUnit %>';
    const precision = JSON.parse('<%- JSON.stringify(precision) %>');
    let changeUnits = JSON.parse('<%- JSON.stringify(changeUnits) %>');
    changeUnits = _.map(changeUnits, 'unit');
    changeUnits.push('');
    let changeList = JSON.parse(unescape('<%- escape(JSON.stringify(changeList)) %>'));
</script>