Calculation/app/view/change/project_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_project_sort_link" href="/tender/<%- tender.id %>/change/project"<% } %>><i class="fa fa-chevron-left mr-2"></i><span>返回</span></a>
                </div>
                <div class="d-inline-block" id="change-project-code">
                    <%- change.code %>
                </div>
            </div>
            <div class="ml-auto" id="sp-btn">
                <a href="#xieshen" data-toggle="modal" data-target="#xieshen" class="btn btn-sm btn-primary mr-2">添加协审</a>
                <% 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 href="#stop" data-toggle="modal" data-target="#stop" class="btn btn-sm btn-danger mr-2">终止</a>
                        <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-secondary btn-sm">审批完成</a>
                <% } else if (ctx.change.status === auditConst.status.back) { %>
                    <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>
                    <% } %>
                <% } else if (ctx.change.status === auditConst.status.checkNo) { %>
                    <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-danger btn-sm">审批终止</a>
                <% } %>
            </div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-body">
            <div class="sjs-height-0">
                <div class="col-xl-8 mx-auto">
                    <h4 class="text-center py-2"><%- changeConst.project_type[change.type] %>报告书</h4>
                    <table class="table table-bordered" id="project-table">
                        <tr>
                            <th width="140" 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>
                        </tr>
                        <tr>
                            <th width="140" class="text-center" style="vertical-align: middle">变更工程名称<b class="text-danger">*&nbsp;</b></th>
                            <td colspan="3"><input class="form-control form-control-sm" value="<%- change.name %>" data-name="name" <% if (change.readOnly) { %>readonly<% } %> type="text" placeholder=""></td>
                        </tr>
                        <tr>
                            <th width="140" class="text-center" style="vertical-align: middle">原设计图名称</th>
                            <td  colspan="3"><input class="form-control form-control-sm" value="<%- change.org_name %>" data-name="org_name" <% if (change.readOnly) { %>readonly<% } %> type="text" placeholder=""></td>
                        </tr>
                        <tr>
                            <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>
                            <th width="140" 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="140" class="text-center" style="vertical-align: middle">工程变更类别</th>
                            <% if (change.readOnly) { %>
                                <td><input class="form-control form-control-sm" type="text" value="<%- change.class %>" data-name="class" readonly placeholder=""></td>
                            <% } else { %>
                                <td><select class="form-control form-control-sm" name="class" data-name="class" <% if (change.readOnly) { %>readonly<% } %>>
                                        <% for (const cc of changeClass) { %>
                                        <% if (cc.checked) { %>
                                            <option <% if (cc.name === change.class || cc.new_name === change.class) { %> selected<% } %>><%- cc.new_name ? cc.new_name : cc.name %></option>
                                        <% } %>
                                        <% } %>
                                    </select></td>
                            <% } %>
                            <th width="140" 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="140" class="text-center" style="vertical-align: middle">原工程造价（元）</th>
                            <td><input class="form-control form-control-sm" type="text" value="<%- change.org_price %>" data-name="org_price" <% if (change.readOnly) { %>readonly<% } %> placeholder=""></td>
                        </tr>
                        <tr>
                            <th width="140" class="text-center" style="vertical-align: middle">预计变更后造价（元）</th>
                            <td><input class="form-control form-control-sm" type="text" value="<%- change.change_price %>" data-name="change_price" <% if (change.readOnly) { %>readonly<% } %> 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.crease_price %>" data-name="crease_price" <% if (change.readOnly) { %>readonly<% } %> placeholder=""></td>
                        </tr>
                        <tr>
                            <th width="140" 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="140" 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>
                    </table>
                    <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>
<script>
    autoFlashHeight();
    const auditConst = JSON.parse('<%- JSON.stringify(auditConst) %>');
    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)) %>'));
</script>