Calculation/app/view/change/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>
                <% if(auditStatus === auditConst.status.uncheck || auditStatus === auditConst.status.back) { %>
                    <div class="d-inline-block">
                        <a class="btn btn-sm btn-primary" href="#add-bj" data-toggle="modal" data-target="#add-bj">拷贝其他变更令数据</a>
                    </div>
                <% } %>
                <% if (auditStatus === 1 || auditStatus === 2) { %>
                    <div class="d-inline-block">
                        <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> 添加台账清单</a>
                    </div>
                    <div class="d-inline-block mr-3">
                        <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> 添加空白清单</a>
                    </div>
                <% } %>
                <div class="d-inline-block">
                    <div class="custom-control custom-checkbox" style="line-height: normal;">
                        <input type="checkbox" class="custom-control-input change-detail-checkbox" id="customCheck1">
                        <label class="custom-control-label" for="customCheck1">变更详情</label>
                    </div>
                </div>
                <% if (auditStatus === 3 || auditStatus === 4 || auditStatus === 5 || auditStatus === 7) { %>
                    <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>
            <div class="ml-auto" id="sp-btn">
                <!--info状态区分-->
                <% if (auditStatus === 1) { %>
                    <a href="#sub-ap" data-category="up_change" data-toggle="modal" data-target="#sub-ap" class="btn btn-primary btn-sm">上报审批</a>
                    <a href="#sub-ap" data-category="up_change" data-toggle="modal" data-target="#sub-ap" class="btn btn-primary btn-sm">上报审批</a>
                <% } else if (auditStatus === 2) { %>
                    <a href="#sub-sp2" data-category="up_change" data-toggle="modal" data-target="#sub-sp2" class="btn btn-primary btn-sm">重新上报</a>
                <% } else if (auditStatus === 3) { %>
                    <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-warning btn-sm text-muted">审批退回</a>
                <% } else if (auditStatus === 4) { %>
                    <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-success btn-sm">审批完成</a>
                <% } else if (auditStatus === 5) { %>
                    <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-danger btn-sm">审批终止</a>
                <% } else if (auditStatus === 6) { %>
                    <a href="#sp-done" 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 if (auditStatus === 7) { %>
                    <a href="#sp-list" data-toggle="modal" data-target="#sp-list" class="btn btn-outline-secondary btn-sm">审批中</a>
                <% } %>
                <% if (auditStatus === 4 && ctx.session.sessionUser.accountId === auditList[auditList.length-1].uid) { %>
                    <% if (stageChangeNum === 0) { %>
                        <!--重新审批-->
                        <a href="javascript: void(0);" data-toggle="modal" data-target="#sp-down-back" class="btn btn-warning btn-sm">重新审批</a>
                    <% } else { %>
                        <button class="btn btn-outline-secondary btn-sm" data-toggle="tooltip" data-placement="bottom" title="已被调用">重新审批</button>
                    <% } %>
                <% } %>
            </div>
            <!--info状态区分-->
            <% if (auditStatus === 1 || auditStatus === 2) { %>
                <div class="ml-auto px-4" 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 class="content-wrap">
        <div class="c-header p-0"></div>
        <div class="w-100 sub-content row">
            <div class="c-body col-4">
                <div class="sjs-bar-1">
                    <input type="hidden" id="tenderId" value="<%- ctx.tender.id %>">
                    <input type="hidden" id="changeId" value="<%- ctx.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" id="fujian_btn" style="display:none;">
                            <!--所有附件 翻页-->
                            <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="#" class=" ml-3"><i class="fa fa-chevron-left"></i></a> 1/10 <a href="#" class="mr-3"><i class="fa fa-chevron-right"></i></a>-->
                            <a href="#addfujian" data-toggle="modal" class="btn btn-sm btn-light text-primary" data-placement="bottom" title="" data-original-title="上传附件"><i class="fa fa-cloud-upload" aria-hidden="true"></i> 上传附件</a>
                            <a href="" id="downloadZip" style="display: none;" download></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 (auditStatus === 1 || auditStatus === 2) { %>
                            <form class="p-2" action="/tender/<%- change.tid %>/change/<%- change.cid %>/information/save?_csrf=<%= ctx.csrf %>" method="post" id="change_form">
                                <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"><%- change.content %></textarea>
                                </div>
                                <div class="form-group">
                                    <label>工程变更合同依据</label>
                                    <textarea class="form-control form-control-sm" name="basis" rows="6"><%- change.basis %></textarea>
                                </div>
                                <div class="form-group">
                                    <label>变更工程量数量计算式</label>
                                    <textarea class="form-control form-control-sm" name="expr" rows="2"><%- change.expr %></textarea>
                                </div>
                                <div class="form-group">
                                    <label>备注</label>
                                    <textarea class="form-control form-control-sm" name="memo" rows="3"><%- change.memo %></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 c in changeConst.class) { %>
                                            <% const cClass = changeConst.class[c] %>
                                            <option value="<%- cClass.value %>"<% if (cClass.value === change.class) { %> selected<% } %>><%- cClass.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>
                                        <% } %>
                                    </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>
                            </form>
                            <% } else { %>
                            <form class="p-2">
                                <div class="form-group">
                                    <label>申请编号</label>
                                    <input class="form-control form-control-sm" value="<%- change.code %>" type="text" readonly>
                                </div>
                                <% if (auditStatus === 4) { %>
                                    <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><%- change.content %></textarea>
                                </div>
                                <div class="form-group">
                                    <label>工程变更合同依据</label>
                                    <textarea class="form-control form-control-sm" rows="6" readonly><%- change.basis %></textarea>
                                </div>
                                <div class="form-group">
                                    <label>变更工程量数量计算式</label>
                                    <textarea class="form-control form-control-sm" rows="2" readonly><%- change.expr %></textarea>
                                </div>
                                <div class="form-group">
                                    <label>备注</label>
                                    <textarea class="form-control form-control-sm" rows="3" readonly><%- change.memo %></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 c in changeConst.class) { %>
                                            <% const cClass = changeConst.class[c] %>
                                            <% if (cClass.value === change.class) { %>
                                                <option value="<%- cClass.value %>"><%- cClass.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 (auditStatus !== 6) { %>readonly<% } %>>
                                </div>
                            </form>
                            <% } %>
                        </div>
                    </div>
                    <div class="tab-pane" id="bgfujian">
                        <div class="sjs-sh-1">
                            <div class="p-2">
                                <table class="table table-bordered">
                                    <thead>
                                    <tr>
                                        <td width="20" 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="20"><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 && (auditStatus === 4 ? Boolean(att.extra_upload) : true )) { %>
                                                        <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 col-8">
                <div class="sjs-height-0" id="change-spread">
                </div>
            </div>
        </div>
    </div>
</div>
<script>
    let table = '';
    const totalPriceUnit = '<%- tpUnit %>';
    const unitPriceUnit = '<%- upUnit %>';
    const accountId = '<%- ctx.session.sessionUser.accountId %>';
    const ledgeStatus = '<%- tender.ledger_status %>';
    const ledgerConsts = JSON.parse('<%- JSON.stringify(ledgerConsts) %>');
    const auditStatus = '<%- auditStatus %>'
    const auditList = JSON.parse('<%- JSON.stringify(auditList) %>');
    const precision = JSON.parse('<%- JSON.stringify(precision) %>');
    autoFlashHeight();
    $('a[href="#sub-ap"').click(function() {
        if (parseInt(ledgeStatus) === ledgerConsts.uncheck) {
            $('#warning-ledger').modal('show');
            return false
        }
    });
    const readOnly = <%- change.readOnly %>;
    const changeSpread = SpreadJsObj.createNewSpread($('#change-spread')[0]);
    const changeSpreadSheet = changeSpread.getActiveSheet();
    let changeList = JSON.parse('<%- JSON.stringify(changeList) %>');
    console.log(changeList);
    const style1 = new GC.Spread.Sheets.Style();
    style1.locked = true;
</script>
<script>
    const whiteList = JSON.parse('<%- JSON.stringify(whiteList) %>');
</script>
<% if (auditStatus === 1 || auditStatus === 2) { %>
<script>
    let changeUnits = JSON.parse('<%- JSON.stringify(changeUnits) %>');
    changeUnits = _.map(changeUnits, 'unit');
    changeUnits.push('');
    const accountGroup = JSON.parse('<%- JSON.stringify(accountGroup) %>');
    const accountList = JSON.parse('<%- JSON.stringify(accountList) %>');
    const shenpi_status = <%- ctx.tender.info.shenpi.change %>;
    const shenpiConst = JSON.parse('<%- JSON.stringify(shenpiConst) %>');
    const changesUid = <%- change.uid %>;

    let back_changeInfo = {
        code: '<%- change.code %>',
        name: '<%- change.name %>',
        peg: '<%- change.peg %>',
        org_name: '<%- change.org_name %>',
        org_code: '<%- change.org_code %>',
        new_name: '<%- change.new_name %>',
        new_code: '<%- change.new_code %>',
        content: '<%- ctx.helper.replaceRntoBr(change.content) %>',
        basis: '<%- ctx.helper.replaceRntoBr(change.basis) %>',
        expr: '<%- ctx.helper.replaceRntoBr(change.expr) %>',
        memo: '<%- ctx.helper.replaceRntoBr(change.memo) %>',
        type: '<%- change.type %>',
        class: '<%- change.class %>',
        quality: '<%- change.quality %>',
        company: '<%- change.company %>',
        charge: '<%- change.charge %>',
    };
    let changeInfo = Object.assign({}, back_changeInfo);

    const changeSpreadSetting = {
        cols: [
            {title: '清单编号', colSpan: '1', rowSpan: '2', field: 'code', hAlign: 0, width: 80, formatter: '@', readOnly: 'readOnly.isEdit'},
            {title: '名称', colSpan: '1', rowSpan: '2', field: 'name', hAlign: 0, width: 120, formatter: '@', readOnly: 'readOnly.isEdit'},
            {title: '变更部位', colSpan: '1', rowSpan: '2', field: 'bwmx', hAlign: 0, width: 120, formatter: '@', readOnly: 'readOnly.isEdit'},
            {title: '变更详情', colSpan: '1', rowSpan: '2', field: 'detail', hAlign: 0, width: 120, formatter: '@', readOnly: false},
            {title: '单位', colSpan: '1', rowSpan: '2', field: 'unit', hAlign: 1, width: 60, formatter: '@', readOnly: 'readOnly.isEdit', cellType: 'unit', comboItems: changeUnits},
            {title: '单价', colSpan: '1', rowSpan: '2', field: 'unit_price', hAlign: 2, width: 60, type: 'Number', readOnly: 'readOnly.isEdit', getValue: 'getValue.unit_price'},
            {title: '原设计|数量', colSpan: '2|1', rowSpan: '1|1', field: 'oamount', hAlign: 2, width: 60, type: 'Number', readOnly: 'readOnly.isEdit', getValue: 'getValue.oamount'},
            {title: '|金额', colSpan: '|1', rowSpan: '|1', field: 'oa_tp', hAlign: 2, width: 80, formatter: '@', type: 'Number', readOnly: true, getValue: 'getValue.oa_tp'},
            {title: '申请变更增(+)减(-)|数量', colSpan: '2|1', rowSpan: '1|1', field: 'camount', hAlign: 2, width: 60, type: 'Number', readOnly: false, getValue: 'getValue.camount'},
            {title: '|金额', colSpan: '|1', rowSpan: '|1', field: 'ca_tp', hAlign: 2, width: 80, formatter: '@', type: 'Number', readOnly: true, getValue: 'getValue.ca_tp'},
            {title: '操作', colSpan: '1', rowSpan: '2', field: 'del_list', hAlign: 1, width: 40, readOnly: true, cellType: 'mouseTouch', getValue: 'getValue.del_list'},
        ],
        emptyRows: 0,
        headRows: 2,
        headRowHeight: [25, 25],
        defaultRowHeight: 21,
        headerFont: '12px 微软雅黑',
        font: '12px 微软雅黑',
        readOnly: readOnly,
    };
</script>
<script src="/public/js/change_information_set.js"></script>
<script src="/public/js/change_audit.js"></script>
<% } else if (auditStatus === 3 || auditStatus === 4 || auditStatus === 5 || auditStatus === 7) { %>
<script>
    const auditList2 = JSON.parse('<%- JSON.stringify(auditList2) %>');
    const aidList = _.map(auditList2, 'uid');
    aidList.splice(0, 1);
</script>
<script src="/public/js/change_information_show.js"></script>
<% } else if (auditStatus === 6) { %>
<!--<script src="/public/js/change_approval.js"></script>-->
<% } %>
<!--<script src="/public/js/change_detail.js"></script>-->