Calculation/app/view/change/information.ejs

<% include ../tender/tender_sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title" style="padding-right: 0px"><!--收起详解目录添加类名 fluid -->
        <div class="title-main d-flex"><!--工具-->
            <% include ../tender/tender_sub_mini_menu.ejs %>
            <div style="width: 100%">
                <div id="left-header" class="d-inline-block" style="min-width: 203px;">
                    <div class="d-inline-block">
                        <div class="btn-group btn-group-toggle group-tab">
                            <a class="btn btn-sm btn-light active" href="javascript:void(0);">变更详情</a>
                            <a class="btn btn-sm btn-light" href="/tender/<%- ctx.tender.id %>/change/<%- ctx.change.cid %>/report">输出报表</a>
                            <% if (ctx.subProject.page_show.openChangePlan) { %>
                            <a class="btn btn-sm btn-light" href="/tender/<%- ctx.tender.id %>/change/<%- ctx.change.cid %>/relation">关联数据</a>
                            <% } %>
                        </div>
                    </div>
                </div>
                <% if (ctx.change.readOnly && (ctx.helper._.findIndex(ctx.change.auditors, { uid: ctx.session.sessionUser.accountId }) !== -1 || ctx.session.sessionUser.is_admin)) { %>
                <div class="d-inline-block ml-auto">
                    <a href="javascript: void(0);" class="btn btn-outline-primary btn-sm mr-2" id="checkAndChange">检查并更新变更清单</a>
                </div>
                <% } %>
                <div class="pull-right mr-3" id="sp-btn">
                    <% if (ctx.change.cancancel) { %>
                        <a href="javascript: void(0);" data-toggle="modal" data-target="#sp-down-cancel" class="btn btn-danger btn-sm mr-2">撤回</a>
                    <% } %>
                    <% if (ctx.change.status === auditConst.status.uncheck) { %>
                        <% if (ctx.session.sessionUser.accountId === ctx.change.uid) { %>
                        <span class="d-inline-block need-check-revising">
                            <a id="sub-sp-btn" href="#sub-sp" data-toggle="modal" data-target="#sub-sp" class="btn btn-primary btn-sm">上报审批</a>
                        </span>
                        <% } else { %>
                            <a id="sub-sp-btn" href="#sub-sp" 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.curAuditorIds.indexOf(ctx.session.sessionUser.accountId) >= 0) { %>
                        <span class="d-inline-block need-check-revising">
                            <a id="sp-done-btn" href="javascript: void(0);" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm">审批通过</a>
                        </span>
                            <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.checkNoPre) { %>
                        <% if (ctx.change.curAuditorIds.indexOf(ctx.session.sessionUser.accountId) >= 0) { %>
                        <span class="d-inline-block need-check-revising">
                            <a id="sp-done-btn" href="javascript: void(0);" data-toggle="modal" data-target="#sp-done" class="btn btn-success btn-sm">审批通过</a>
                        </span>
                            <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-warning btn-sm text-muted">审批退回</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>
                        <% if (ctx.change.auditors !== undefined && ctx.change.finalAuditorIds.indexOf(ctx.session.sessionUser.accountId) >= 0) { %>
                            <!--重新审批-->
                            <a href="#sp-down-back" data-toggle="modal" data-target="#sp-down-back" class="btn btn-warning btn-sm ml-2">重新审批</a>
                        <% } %>
                        <% if (ctx.session.sessionUser.accountId === ctx.change.uid) { %>
                            <a href="javascript: void(0);" data-toggle="modal" data-target="#sp-down-revise" class="btn btn-warning btn-sm ml-2">修订变更</a>
                        <% } %>
                    <% } else if (ctx.change.status === auditConst.status.checkNo || ctx.change.status === auditConst.status.revise) { %>
                        <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">审批<% if (ctx.change.status === auditConst.status.checkNo) { %>退回<% } else { %>修订<% } %></a>
                        <% if (ctx.session.sessionUser.accountId === ctx.change.uid) { %>
                        <span class="d-inline-block need-check-revising">
                            <a href="#sp-list" data-type="show" data-toggle="modal" data-target="#sp-list" class="btn btn-primary btn-sm sp-list-btn">重新上报</a>
                        </span>
                        <% } %>
                        <% if (ctx.change.status === auditConst.status.revise && (ctx.session.sessionUser.accountId === ctx.change.uid || ctx.session.sessionUser.is_admin)) { %>
                            <a href="#sub-revoke" data-toggle="modal" data-target="#sub-revoke" class="btn btn-warning btn-sm ml-2">撤销修订</a>
                        <% } %>
                    <% } %>
                </div>
                <!--info状态区分-->
                <% if (!change.readOnly || change.shenpiPower || (change.status === auditConst.status.checked && (ctx.session.sessionUser.is_admin || ctx.helper._.findIndex(change.auditors, { uid: ctx.session.sessionUser.accountId }) !== -1))) { %>
                    <div class="pull-right px-3" id="show-save-btn" style="display: none">
<!--                        <span>您修改了变更信息，记得保存修改。</span>-->
                        <button class="btn btn-sm btn-primary save_change_btn" id="save_change"><i class="fa fa-save"></i> 保存修改</button>
                        <button class="btn btn-sm btn-light" id="cancel_change">取消</button>
                    </div>
                <% } %>
            </div>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-header p-0"></div>
        <div class="w-100 sub-content row">
            <div class="c-body" id="left-view" style="width: 33.33%">
                <div class="sjs-bar-1">
                    <input type="hidden" id="tenderId" value="<%- tender.id %>">
                    <input type="hidden" id="changeId" value="<%- change.cid %>">
                    <ul class="nav nav-tabs">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" data-tab="bgxinxi" href="#bgxinxi" role="tab">变更信息</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" data-tab="bgfujian" href="#bgfujian" role="tab">附件</a>
                        </li>
                        <li class="nav-item ml-auto pt-1 mr-3" id="copy_btn">
                            <% if(!change.readOnly) { %>
                                <a class="btn btn-sm btn-primary" href="#add-bj" data-toggle="modal" data-target="#add-bj">拷贝其他变更令数据</a>
                            <% } %>
                        </li>
                        <li class="nav-item ml-auto pt-1" id="fujian_btn" style="display:none;">
                            <!--所有附件 翻页-->
                            <button data-toggle="modal" class="btn btn-sm btn-primary" id="bach-download">批量下载</button>
                            <!-- <a href="javascript: void(0);" data-toggle="modal" class="btn btn-sm btn-primary" id="bach-download"><i class="fa fa-download "></i> 批量下载</a> -->
                            <a href="javascript:void(0);" class="page-select ml-2" content="pre"><i class="fa fa-chevron-left"></i></a> <span id="currentPage">1</span>/<span id="totalPage">10</span> <a href="javascript:void(0);" class="page-select mr-2" content="next"><i class="fa fa-chevron-right"></i></a>
                            <% if (change.filePermission) { %>
                            <a href="#addfujian" data-toggle="modal" class="btn btn-sm btn-light text-primary" data-placement="bottom" title="" data-original-title="上传附件">上传附件</a>
                            <% } %>
                            <a href="javascript: void(0);" id="zipDown" download style="display: none;"></a>
                        </li>
                    </ul>
                </div>
                <div class="tab-content">
                    <div class="tab-pane active" id="bgxinxi">
                        <div class="sjs-sh-1" style="overflow-y: auto;">
                            <% if (!change.readOnly || change.shenpiPower) { %>
                            <div class="p-2" id="change_form">
                                <% if (ctx.subProject.page_show.openChangeState) { %>
                                <div class="form-group">
                                    <label>变更状态</label>
                                    <div>
                                        <% if (!change.readOnly) { %>
                                        <% for (const cs of changeState) { %>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" id="state_<%- cs.order %>" value="<%- cs.order %>" name="state" <% if (cs.order === change.state) { %>checked<% } %>>
                                            <label class="form-check-label" for="state_<%- cs.order %>"><%- cs.name %></label>
                                        </div>
                                        <% } %>
                                        <% } else if (change.shenpiPower) { %>
                                        <% const cState = ctx.helper._.find(changeState, { order: change.state }) %>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" id="state_<%- cState.order %>" name="state" disabled checked>
                                            <label class="form-check-label" for="state_<%- cState.order %>"><%- cState.name %></label>
                                        </div>
                                        <% } %>
                                    </div>
                                </div>
                                <% } %>
                                <div class="form-group">
                                    <label><b class="text-danger">*&nbsp;</b>申请编号</label>
                                    <a href="javascript:void(0);" class="pull-right reduction-code" data-toggle="tooltip" data-placement="bottom" title="" data-code="<%- change.code %>" data-original-title="重置"><i class="fa fa-repeat"></i></a>
                                    <input class="form-control form-control-sm" name="code" value="<%- change.code %>" type="text">
                                </div>
                                <div class="form-group">
                                    <label><b class="text-danger">*&nbsp;</b>变更工程名称</label>
                                    <input class="form-control form-control-sm" name="name" value="<%- change.name %>" type="text">
                                </div>
                                <div class="form-group">
                                    <label>桩号</label>
                                    <input class="form-control form-control-sm" name="peg" value="<%- change.peg %>" type="text">
                                </div>
                                <div class="form-group">
                                    <label>原设计图名称</label>
                                    <input class="form-control form-control-sm" name="org_name" placeholder="" type="text" value="<%- change.org_name %>">
                                </div>
                                <div class="form-group">
                                    <label>原图号</label>
                                    <input class="form-control form-control-sm" name="org_code" placeholder="" type="text" value="<%- change.org_code %>">
                                </div>
                                <div class="form-group">
                                    <label>变更设计图名称</label>
                                    <input class="form-control form-control-sm" name="new_name" placeholder="" type="text" value="<%- change.new_name %>">
                                </div>
                                <div class="form-group">
                                    <label>变更图号</label>
                                    <input class="form-control form-control-sm" name="new_code" placeholder="" type="text" value="<%- change.new_code %>">
                                </div>
                                <div class="form-group">
                                    <label><b class="text-danger">*&nbsp;</b>工程变更理由及内容</label>
                                    <textarea class="form-control form-control-sm" name="content" rows="6"><%- ctx.helper.replaceStr(change.content, /<br><br>/g, '\r\n') %></textarea>
                                </div>
                                <div class="form-group">
                                    <label>工程变更合同依据</label>
                                    <textarea class="form-control form-control-sm" name="basis" rows="6"><%- ctx.helper.replaceStr(change.basis, /<br><br>/g, '\r\n') %></textarea>
                                </div>
                                <div class="form-group">
                                    <label>变更工程量数量计算式</label>
                                    <textarea class="form-control form-control-sm" name="expr" rows="2"><%- ctx.helper.replaceStr(change.expr, /<br><br>/g, '\r\n') %></textarea>
                                </div>
                                <div class="form-group">
                                    <label>备注</label>
                                    <textarea class="form-control form-control-sm" name="memo" rows="3"><%- ctx.helper.replaceStr(change.memo, /<br><br>/g, '\r\n') %></textarea>
                                </div>
                                <div class="form-group">
                                    <label>工程变更类型</label>
                                    <div class="checkbox">
                                        <% const changeType = change.type !== null && change.type !== '' ? change.type.split(',') : '' %>
                                        <% for (const t in changeConst.type) { %>
                                            <% const cType = changeConst.type[t] %>
                                            <label class="checkbox-inline">
                                                <input value="<%- cType.value %>" name="type[]"
                                                       type="checkbox"<% if (changeType.indexOf(cType.value.toString()) !== -1) { %> checked<% } %>><%- cType.name %>
                                            </label>
                                        <% } %>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label>工程变更类别 </label>
                                    <select class="form-control form-control-sm" name="class">
                                        <% for (const cc of changeClass) { %>
                                            <% if (cc.checked) { %>
                                            <option value="<%- cc.value %>"<% if (cc.value === change.class) { %> selected<% } %>><%- cc.new_name ? cc.new_name : cc.name %></option>
                                            <% } %>
                                        <% } %>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label>工程变更性质 </label>
                                    <select class="form-control form-control-sm" name="quality">
                                        <% for (const q in changeConst.quality) { %>
                                            <% const cQuality = changeConst.quality[q] %>
                                            <option value="<%- cQuality.value %>"<% if (cQuality.value === change.quality) { %> selected<% } %>><%- 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 form-control-sm" id="company" name="company">
                                        <% for (const company of companyList) { %>
                                            <option <% if (company.name === change.company) { %>selected<% } %>><%- company.name %></option>
                                        <% } %>
                                        <% for (const u of unitList) { %>
                                            <option <% if (u.name === change.company) { %>selected<% } %>><%- u.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 %>" name="charge" type="radio"<% if (cCharge.value === change.charge) { %> checked<% } %>> <%- cCharge.name %>
                                            </label>
                                        <% } %>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label>批复文号</label>
                                    <input class="form-control form-control-sm" id="w_code" name="w_code"  placeholder="" type="text" value="<%- change.w_code %>">
                                </div>
                            </div>
                            <% } else { %>
                            <div class="p-2">
                                <% if (ctx.subProject.page_show.openChangeState) { %>
                                <div class="form-group">
                                    <label>变更状态</label>
                                    <div>
                                        <% const cState = ctx.helper._.find(changeState, { order: change.state }) %>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="radio" id="state_<%- cState.order %>" name="state" disabled checked>
                                            <label class="form-check-label" for="state_<%- cState.order %>"><%- cState.name %></label>
                                        </div>
                                    </div>
                                </div>
                                <% } %>
                                <div class="form-group">
                                    <label>申请编号</label>
                                    <input class="form-control form-control-sm" value="<%- change.code %>" type="text" readonly>
                                </div>
                                <% if (change.status === auditConst.status.checked) { %>
                                    <div class="form-group">
                                        <label>变更令号（批复编号）</label>
                                        <input class="form-control form-control-sm" value="<%- change.p_code %>" type="text" readonly>
                                    </div>
                                <% } %>
                                <div class="form-group">
                                    <label>变更工程名称</label>
                                    <input class="form-control form-control-sm" value="<%- change.name %>" type="text" readonly>
                                </div>
                                <div class="form-group">
                                    <label>桩号</label>
                                    <input class="form-control form-control-sm" value="<%- change.peg %>" type="text" readonly>
                                </div>
                                <div class="form-group">
                                    <label>原设计图名称</label>
                                    <input class="form-control form-control-sm" placeholder="" type="text" value="<%- change.org_name %>" readonly>
                                </div>
                                <div class="form-group">
                                    <label>原图号</label>
                                    <input class="form-control form-control-sm" placeholder="" type="text" value="<%- change.org_code %>" readonly>
                                </div>
                                <div class="form-group">
                                    <label>变更设计图名称</label>
                                    <input class="form-control form-control-sm" placeholder="" type="text" value="<%- change.new_name %>" readonly>
                                </div>
                                <div class="form-group">
                                    <label>变更图号</label>
                                    <input class="form-control form-control-sm" placeholder="" type="text" value="<%- change.new_code %>" readonly>
                                </div>
                                <div class="form-group">
                                    <label>工程变更理由及内容</label>
                                    <textarea class="form-control form-control-sm" rows="6" readonly><%- ctx.helper.replaceStr(change.content, /<br><br>/g, '\r\n') %></textarea>
                                </div>
                                <div class="form-group">
                                    <label>工程变更合同依据</label>
                                    <textarea class="form-control form-control-sm" rows="6" readonly><%- ctx.helper.replaceStr(change.basis, /<br><br>/g, '\r\n') %></textarea>
                                </div>
                                <div class="form-group">
                                    <label>变更工程量数量计算式</label>
                                    <textarea class="form-control form-control-sm" rows="2" readonly><%- ctx.helper.replaceStr(change.expr, /<br><br>/g, '\r\n') %></textarea>
                                </div>
                                <div class="form-group">
                                    <label>备注</label>
                                    <textarea class="form-control form-control-sm" rows="3" readonly><%- ctx.helper.replaceStr(change.memo, /<br><br>/g, '\r\n') %></textarea>
                                </div>
                                <div class="form-group">
                                    <label>工程变更类型</label>
                                    <div class="checkbox">
                                        <% const changeType = change.type !== null && change.type !== '' ? change.type.split(',') : '' %>
                                        <% for (const t in changeConst.type) { %>
                                            <% const cType = changeConst.type[t] %>
                                            <label class="checkbox-inline">
                                                <% if (changeType.indexOf(cType.value.toString()) !== -1) { %>
                                                    <input value="<%- cType.value %>" type="checkbox" disabled checked><%- cType.name %>
                                                <% } %>
                                            </label>
                                        <% } %>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label>工程变更类别 </label>
                                    <select class="form-control form-control-sm" disabled>
                                        <% for (const cc of changeClass) { %>
                                            <% if (cc.value === change.class) { %>
                                                <option value="<%- cc.value %>"><%- cc.new_name ? cc.new_name : cc.name %></option>
                                            <% } %>
                                        <% } %>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label>工程变更性质 </label>
                                    <select class="form-control form-control-sm" disabled>
                                        <% for (const q in changeConst.quality) { %>
                                            <% const cQuality = changeConst.quality[q] %>
                                            <% if (cQuality.value === change.quality) { %>
                                                <option value="<%- cQuality.value %>"><%- cQuality.name %></option>
                                            <% } %>
                                        <% } %>
                                    </select>
                                </div>
                                <div class="form-group">
                                    <label>变更提出单位</label>
                                    <select class="form-control form-control-sm" disabled>
                                        <option><%- change.company %></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">
                                                <% if (cCharge.value === change.charge) { %>
                                                    <input value="<%- cCharge.value %>" type="radio" disabled checked> <%- cCharge.name %>
                                                <% } %>
                                            </label>
                                        <% } %>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label>批复文号</label>
                                    <input class="form-control form-control-sm" id="w_code" placeholder="" type="text" value="<%- change.w_code %>" <% if (!(change.shenpiPower || (change.status === auditConst.status.checked && (ctx.session.sessionUser.is_admin || ctx.helper._.findIndex(change.auditors, { uid: ctx.session.sessionUser.accountId }) !== -1)))) { %>readonly<% } %>>
                                </div>
                            </div>
                            <% } %>
                        </div>
                    </div>
                    <div class="tab-pane" id="bgfujian">
                        <div class="sjs-sh-1" style="overflow: auto">
                            <div class="p-2">
                                <table class="table table-bordered" style="word-break:break-all; table-layout: fixed">
                                    <thead>
                                    <tr>
                                        <td width="25" style="background-color: #e9ecef;"><input type="checkbox" id="check-all-file" ></td>
                                        <th width="40">序号</th>
                                        <th>名称</th>
                                        <th width="100">上传时间/大小</th>
                                        <th width="60">操作</th>
                                    </tr>
                                    </thead>
                                    <tbody id="attList">
                                    <% if (attList !== undefined && attList !== '') { %>
                                        <% for (const [index,att] of attList.entries()) { %>
                                            <tr>
                                                <td width="25"><input type="checkbox" class="check-file" file-id=<%- att.id %>></td>
                                                <td><%- index+1 %></td>
                                                <td><a href="javascript: void(0);" class="file-atn" f-id="<%- att.id %>"><%- att.filename %><%- att.fileext %></a></td>
                                                <td><%- moment(att.in_time * 1000).format('YYYY-MM-DD') %><br><%- ctx.helper.bytesToSize(att.filesize) %></td>
                                                <td>
                                                    <a href="/change/download/file/<%- att.id %>" class="mr-2" title="下载"><span class="fa fa-download text-primary"></span></a>
                                                    <% if (att.uid === ctx.session.sessionUser.accountId && ((change.status === auditConst.status.checked ? Boolean(att.extra_upload) : true ) || deleteFilePermission)) { %>
                                                        <a href="javascript:void(0)" class="mr-2 delete-file" data-attid="<%- att.id %>" title="删除附件"><span class="fa fa-trash text-danger"></span></a>
                                                    <% } %>
                                                </td>
                                            </tr>
                                        <% } %>
                                    <% } %>
                                    </tbody>
                                </table>
                                <a href="" id="file-upload" target="_blank" style="display: none;"></a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="c-body" id="right-view" style="width: 66.67%">
                <div class="resize-x" id="right-spr" r-Type="width" div1="#left-view" div2="#right-view" title="调整大小" a-type="percent"><!--调整左右高度条--></div>
                <!--上半部分-->
                <div class="w-100 sub-content">
                    <div class="sjs-height-1">
                        <div class="c-body" style="width: 100%">
                            <div class="m-1" id="list-tab">
                                <% if (!change.readOnly) { %>
                                    <div class="d-inline-block ml-1">
                                        <!--                                    <a href="#addlist" data-toggle="modal" class="btn btn-sm btn-light text-primary" id="open-list-modal" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="添加清单"><i class="fa fa-plus" aria-hidden="true"></i> <span class="order_text"><% if (change.order_by === 0) { %>添加<% } else { %>插入<% } %></span>台账清单</a>-->
                                        <a href="javascript:void(0);" id="set-site-btn" class="btn btn-sm btn-light text-primary" data-placement="bottom" title="" data-original-title="添加清单"><i class="fa fa-plus" aria-hidden="true"></i> <span class="order_text"><% if (change.order_by === 0) { %>添加<% } else { %>插入<% } %></span>台账清单</a>
                                    </div>
                                    <% if (ctx.subProject.page_show.openChangeWhiteList) { %>
                                        <div class="d-inline-block mr-1 judge-hide">
                                            <a href="javascript:void(0);" class="btn btn-sm btn-light text-primary" id="add-white-btn" data-original-title="添加清单"><i class="fa fa-plus" aria-hidden="true"></i> <span class="order_text"><% if (change.order_by === 0) { %>添加<% } else { %>插入<% } %></span>空白清单</a>
                                        </div>
                                    <% } %>
                                    <div class="d-inline-block mr-2 judge-show" style="display: none;">
                                        <div class="dropdown">
                                            <button class="btn btn-sm btn-light dropdown-toggle text-primary" type="button" id="dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                                                <i class="fa fa-list-ol"></i> 显示层级
                                            </button>
                                            <div class="dropdown-menu" aria-labelledby="dropdownMenuButton">
                                                <a class="dropdown-item" name="showLevel" tag="1" href="javascript: void(0);">第一层</a>
                                                <a class="dropdown-item" name="showLevel" tag="2" href="javascript: void(0);">第二层</a>
                                                <a class="dropdown-item" name="showLevel" tag="3" href="javascript: void(0);">第三层</a>
                                                <a class="dropdown-item" name="showLevel" tag="4" href="javascript: void(0);">第四层</a>
                                                <a class="dropdown-item" name="showLevel" tag="5" href="javascript: void(0);">第五层</a>
                                                <a class="dropdown-item" name="showLevel" tag="last" href="javascript: void(0);">最底层</a>
                                                <a class="dropdown-item" name="showLevel" tag="leafXmj" href="javascript: void(0);">只显示项目节</a>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="d-inline-block mr-2 judge-hide">
                                        <button type="button" class="btn btn-sm btn-light text-primary dropdown-toggle" data-toggle="dropdown" id="bpaixu">清单排序：<% if (change.order_by === 0) { %>清单编号<% } else { %>添加顺序<% } %></button>
                                        <div class="dropdown-menu" aria-labelledby="bpaixu">
                                            <ul class="list-unstyled px-3 mb-0">
                                                <li class="mb-2">
                                                    <div class="custom-control custom-radio">
                                                        <input type="radio" class="custom-control-input" name="paixu" id="order_0" value="0" <% if (change.order_by === 0) { %>checked<% } %>>
                                                        <label class="custom-control-label" for="order_0">清单编号</label>
                                                    </div>
                                                </li>
                                                <li class="mb-2">
                                                    <div class="custom-control custom-radio">
                                                        <input type="radio" class="custom-control-input" name="paixu" id="order_1" value="1" <% if (change.order_by === 1) { %>checked<% } %>>
                                                        <label class="custom-control-label" for="order_1">添加顺序</label>
                                                    </div>
                                                </li>
                                            </ul>
                                        </div>
                                    </div>
                                    <div class="d-inline-block mr-2 judge-hide" id="upAndMoveBtn" <% if (change.order_by === 0) { %>style="display: none!important;" <% } %>>
                                        <a href="javascript:void(0)" id="up-move" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="上移"><i class="fa fa-arrow-up" aria-hidden="true"></i></a>
                                        <a href="javascript:void(0)" id="down-move" class="btn btn-sm btn-light text-primary" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="下移"><i class="fa fa-arrow-down" aria-hidden="true"></i></a>
                                    </div>
                                <% } %>
                                <div class="d-inline-block mr-2">
                                    <div class="custom-control custom-checkbox">
                                        <input type="checkbox" class="custom-control-input change-detail-checkbox" id="customCheck1">
                                        <label class="custom-control-label" for="customCheck1">变更详情</label>
                                    </div>
                                </div>
                                <% if (change.readOnly && !change.shenpiPower) { %>
                                    <div class="d-inline-block mr-2">
                                        <div class="custom-control custom-checkbox">
                                            <input type="checkbox" class="custom-control-input" id="show-table-detail">
                                            <label class="custom-control-label" for="show-table-detail">审批过程</label>
                                        </div>
                                    </div>
                                <% } %>
                                <% if (showPlanBtn) { %>
                                    <div class="d-inline-block mr-2">
                                        <a class="btn btn-sm btn-primary" href="#bgfadb" data-toggle="modal" data-target="#bgfadb">差值对比</a>
                                    </div>
                                <% } %>
                                <div class="d-inline-block mr-2">
                                    <a class="btn btn-sm btn-primary" href="#qdgather" data-toggle="modal" data-target="#qdgather">清单汇总</a>
                                </div>
                                <div class="d-inline-block mr-2">
                                    <div class="input-group input-group-sm">
                                        <div class="input-group-prepend">
                                            <span class="input-group-text" id="basic-addon1">表达式</span>
                                        </div>
                                        <input type="text" class="form-control form-control-sm m-0 judge-hide" id="camount-expr" readonly="readOnly" autocomplete="off">
                                        <input type="text" class="form-control form-control-sm m-0 judge-show" id="ledger-camount-expr" readonly="readOnly" autocomplete="off" style="display: none">
                                    </div>
                                </div>
                                <div class="d-inline-block pull-right">
                                    <div class="btn-group btn-group-toggle group-tab">
                                        <a class="btn btn-sm btn-light change-mode <% if (changeMode === 0) { %>active<% } %>" data-type="0" href="javascript:void(0);">清单模式</a>
                                        <a class="btn btn-sm btn-light change-mode <% if (changeMode === 1) { %>active<% } %>" data-type="1" href="javascript:void(0);">台账模式</a>
                                    </div>
                                </div>
                            </div>
                            <div class="sjs-height-change judge-hide" id="change-spread"></div>
                            <div class="sjs-height-change judge-show" style="display: none;" id="ledger-spread"></div>
                        </div>
                    </div>
                    <!--下半部分-->
                    <div class="bcontent-wrap">
                        <div id="change-pos-resize" class="resize-y" r-Type="height" div1=".sjs-height-1" div2=".bcontent-wrap" title="调整大小"><!--调整上下高度条--></div>
                        <div class="judge-hide">
                            <div class="bc-bar mb-1">
                                <ul class="nav nav-tabs">
                                    <li class="nav-item">
                                        <a class="nav-link active" href="#">所属项目节</a>
                                    </li>
                                    <li class="nav-item">
                                        <div class="d-inline-block">
                                            <div class="input-group input-group-sm ml-2">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon3">表达式</span>
                                                </div>
                                                <input type="text" class="form-control form-control-sm m-0" id="xmj-camount-expr" readonly="readOnly" autocomplete="off">
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="sp-wrap" id="xmj-spread"></div>
                        </div>
                        <div class="judge-show" style="display: none;">
                            <div class="bc-bar mb-1">
                                <ul class="nav nav-tabs">
                                    <li class="nav-item">
                                        <a class="nav-link active" href="#">计量单元</a>
                                    </li>
                                    <li class="nav-item">
                                        <div class="d-inline-block">
                                            <div class="input-group input-group-sm ml-2">
                                                <div class="input-group-prepend">
                                                    <span class="input-group-text" id="basic-addon2">表达式</span>
                                                </div>
                                                <input type="text" class="form-control form-control-sm m-0" id="pos-camount-expr" readonly="readOnly" autocomplete="off">
                                            </div>
                                        </div>
                                    </li>
                                </ul>
                            </div>
                            <div class="sp-wrap" id="pos-spread"></div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    let changeMode = parseInt('<%- changeMode %>');
    const tenderName = JSON.parse(unescape('<%- escape(JSON.stringify(tender.data.name)) %>'));
    const tenderId = '<%- tender.id %>';
    const deleteFilePermission = <%- deleteFilePermission %>;
    const totalPriceUnit = '<%- tpUnit %>';
    const unitPriceUnit = '<%- upUnit %>';
    const accountId = parseInt('<%- ctx.session.sessionUser.accountId %>');
    const ledgeStatus = '<%- tender.ledger_status %>';
    const ledgerConsts = JSON.parse('<%- JSON.stringify(ledgerConsts) %>');
    const changeName = JSON.parse(unescape('<%- escape(JSON.stringify(change.name)) %>'));
    let changeTp = parseFloat('<%- change.total_price ? change.total_price : 0 %>');
    let changePp = parseFloat('<%- change.positive_tp ? change.positive_tp : 0 %>');
    let changeNp = parseFloat('<%- change.negative_tp ? change.negative_tp : 0 %>');
    let changeVp = parseFloat('<%- change.valuation_tp ? change.valuation_tp : 0 %>');
    let changeUp = parseFloat('<%- change.unvaluation_tp ? change.unvaluation_tp : 0 %>');
    const changeStatus = parseFloat('<%- change.status %>');
    let changeOrder = parseInt('<%- change.order_by %>');
    const touristPermission = parseInt('<%- ctx.tender.touristPermission.file %>');
    const precision = JSON.parse('<%- JSON.stringify(precision) %>');
    const whiteList = JSON.parse('<%- JSON.stringify(whiteList) %>');
    const auditConst = JSON.parse('<%- JSON.stringify(auditConst) %>');
    let attData = JSON.parse(unescape('<%- escape(JSON.stringify(attList)) %>'));
    let currPageFileData = [];
    const change_uid = parseInt('<%- change.uid %>');
    const settleBills = JSON.parse(unescape('<%- escape(JSON.stringify(settleBills)) %>'));
    const settlePos = JSON.parse(unescape('<%- escape(JSON.stringify(settlePos)) %>'));
    const auditType = JSON.parse('<%- JSON.stringify(auditType) %>');
    autoFlashHeight();
    $('a[href="#sub-sp"').click(function() {
        if (parseInt(ledgeStatus) === ledgerConsts.uncheck) {
            $('#warning-ledger').modal('show');
            return false;
        }
    });
    const readOnly = <%- change.readOnly %>;
    const revising = <%- revising %>;
    const shenpiPower = <%- change.shenpiPower %>;
    const filePermission = <%- change.filePermission %>;
    const changeSpread = SpreadJsObj.createNewSpread($('#change-spread')[0]);
    const changeSpreadSheet = changeSpread.getActiveSheet();
    const xmjSpread = SpreadJsObj.createNewSpread($('#xmj-spread')[0]);
    let changeList = JSON.parse(unescape('<%- escape(JSON.stringify(changeList)) %>'));
    console.log(changeList);
    const style1 = new GC.Spread.Sheets.Style();
    style1.locked = true;
    const changePlanList = JSON.parse(unescape('<%- escape(JSON.stringify(planList)) %>'));
    const planList = [];
    if (changePlanList.length > 0) {
        for (const cp of changePlanList) {
            const planIndex = _.findIndex(planList, { code: cp.code, name: cp.name, unit: cp.unit, unit_price: cp.unit_price});
            if (planIndex !== -1) {
                planList[planIndex].spamount = ZhCalc.add(planList[planIndex].spamount, cp.spamount);
            } else {
                planList.push(cp);
            }
        }
    }
    const openChangeState = <%- ctx.subProject.page_show.openChangeState ? true : false %>;
    const startLimit = 10;
    const settleStatus = JSON.parse('<%- JSON.stringify(settleStatus) %>');
    const removeSettleNum = <%- removeSettleNum %>;
    if (removeSettleNum > 0) {
        toastr.warning('结算发生变化，已移除 ' + removeSettleNum + ' 条已结算清单。');
    }
    const changeLedgerList = JSON.parse(unescape('<%- escape(JSON.stringify(changeLedgerList)) %>'));
    const changePosList = JSON.parse(unescape('<%- escape(JSON.stringify(changePosList)) %>'));
    let ledgerList, posList;
    let changeUnits = JSON.parse('<%- JSON.stringify(changeUnits) %>');
    changeUnits = _.map(changeUnits, 'unit');
    changeUnits.push('');
    let changeUsedData = JSON.parse(unescape('<%- escape(JSON.stringify(changeUsedData)) %>'));
    const change = JSON.parse(unescape('<%- escape(JSON.stringify(change)) %>'));
    const isNewPriceLedgerData = JSON.parse(unescape('<%- escape(JSON.stringify(isNewPriceLedgerData)) %>'));
</script>
<% if (!change.readOnly || change.shenpiPower) { %>
<script>
    const unitList = JSON.parse(unescape('<%- escape(JSON.stringify(unitList)) %>'));
    let back_changeInfo = {
        code: JSON.parse(unescape('<%- escape(JSON.stringify(change.code ? change.code : '')) %>')),
        name: JSON.parse(unescape('<%- escape(JSON.stringify(change.name ? change.name : '')) %>')),
        peg: JSON.parse(unescape('<%- escape(JSON.stringify(change.peg ? change.peg : '')) %>')),
        org_name: JSON.parse(unescape('<%- escape(JSON.stringify(change.org_name ? change.org_name: '')) %>')),
        org_code: JSON.parse(unescape('<%- escape(JSON.stringify(change.org_code ? change.org_code : '')) %>')),
        new_name: JSON.parse(unescape('<%- escape(JSON.stringify(change.new_name ? change.new_name : '')) %>')),
        new_code: JSON.parse(unescape('<%- escape(JSON.stringify(change.new_code ? change.new_code : '')) %>')),
        content: JSON.parse(unescape('<%- escape(JSON.stringify(change.content ? ctx.helper.replaceRntoBr(change.content) : '')) %>')),
        basis: JSON.parse(unescape('<%- escape(JSON.stringify(change.basis ? ctx.helper.replaceRntoBr(change.basis) : '')) %>')),
        expr: JSON.parse(unescape('<%- escape(JSON.stringify(change.expr ? ctx.helper.replaceRntoBr(change.expr) : '')) %>')),
        memo: JSON.parse(unescape('<%- escape(JSON.stringify(change.memo ? ctx.helper.replaceRntoBr(change.memo) : '')) %>')),
        type: '<%- change.type %>',
        class: '<%- ctx.helper._.find(changeClass, { value: change.class }).checked ? change.class : changeClass[0].value %>',// 防止下拉不存在导致数据丢失上报问题
        quality: '<%- change.quality %>',
        company: JSON.parse(unescape('<%- escape(JSON.stringify((change.company ? change.company : (companyList && companyList[0] ? companyList[0].name : (unitList && unitList[0] ? unitList[0].name : ''))))) %>')),
        charge: '<%- change.charge %>',
        state: '<%- change.state %>',
        w_code: JSON.parse(unescape('<%- escape(JSON.stringify(change.w_code ? change.w_code : '')) %>')),
    };
    let changeInfo = Object.assign({}, back_changeInfo);
    // 判断是否有更改过
    function judgeChange() {
        let change = false;
        if (!isObjEqual(changeInfo, back_changeInfo)) {
            change = true;
        }
        if (change) {
            $('#show-save-btn').show();
            $('#sp-btn').hide();
            $('.title-main').addClass('bg-warning');
        } else {
            $('#show-save-btn').hide();
            $('#sp-btn').show();
            $('.title-main').removeClass('bg-warning');
        }
    }
</script>
<% } %>
<% if (!change.readOnly) { %>
<script>
    const shenpi_status = <%- ctx.tender.info.shenpi.change %>;
    const shenpiConst = JSON.parse('<%- JSON.stringify(shenpiConst) %>');
    const changesUid = <%- change.uid %>;
    const openChangeWhiteList = <%- ctx.subProject.page_show.openChangeWhiteList %>;
    let deLimit = parseInt('<%- deLimit %>');
    console.log(changeInfo);
</script>
<script src="/public/js/change_audit.js"></script>
<% } else { %>
<script>
    const auditors2 = JSON.parse(unescape('<%- escape(JSON.stringify(change.auditors2)) %>'));
    auditors2.shift();
    const aidList = [];
    for (let i = 0; i < auditors2.length; i++) {
        aidList.push(auditors2[i][0].audit_order);
    }
    let w_code = JSON.parse(unescape('<%- escape(JSON.stringify(change.w_code ? change.w_code : '')) %>'));
</script>
<% } %>