Calculation/app/view/sp_setting/fun.ejs

<% include ./sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main">
            <h2>功能设置</h2>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-body">
            <div class="sjs-height-0">
                <div class="row m-0 mt-3">
                    <div class="col-8">
                        <div class=row>
                            <div class="col-6">
                                <div class="card mb-3">
                                    <div class="card-header d-flex justify-content-between">
                                        <div>台账分解</div>
                                    </div>
                                    <div class="card-body">
                                        <div class="form-group mb-1">
                                            <div>
                                                <div class="form-check">
                                                    <input class="form-check-input" type="checkbox" id="pos_calc_detail" name="pos_calc_detail" <% if(ctx.subProject.page_show.posCalcDetail) { %>checked<% } %> onchange="updateSetting();">
                                                    <label class="form-check-label" for="pos_calc_detail">设计量明细</label>
                                                </div>
                                                <div class="form-check">
                                                    <input class="form-check-input" type="checkbox" id="ledger_ass" name="ledger_ass" <% if(funRela.ledgerAss) { %>checked<% } %> onchange="updateSetting();">
                                                    <label class="form-check-label" for="ledger_ass">台账协同</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-6">
                                <div class="card mb-3">
                                    <div class="card-header d-flex justify-content-between">
                                        <div>超计控制</div>
                                    </div>
                                    <div class="card-body">
                                        <div class="form-group mb-1">
                                            <div>
                                                <div class="form-check">
                                                    <input class="form-check-input" type="checkbox" id="ban_over" name="ban_over" <% if (funRela.banOver) { %>checked<% } %> onchange="updateSetting();">
                                                    <label class="form-check-label" for="ban_over">超计时限制上报审批/审批通过</label>
                                                </div>
                                                <div class="form-check">
                                                    <input class="form-check-input" type="checkbox" id="hint_over" name="hint_over" <% if (funRela.hintOver) { %>checked<% } %> onchange="updateSetting();">
                                                    <label class="form-check-label" for="hint_over">超计时标红显示</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="card mb-3">
                                    <div class="card-header d-flex justify-content-between">
                                        <div>变更令调用控制</div>
                                    </div>
                                    <div class="card-body">
                                        <div class="form-group mb-1">
                                            <div>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="checkbox" id="ban_minus_cb" name="ban_minus_cb" <% if (funRela.banMinusChangeBills) { %>checked<% } %> onchange="updateSetting();">
                                                    <label class="form-check-label" for="ban_minus_cb">强制调用负变更（限制上报审批/审批通过）</label>
                                                </div>
                                                <div class="alert-warning p-1"><i class="fa Example of exclamation-circle fa-exclamation-circle "></i> 变更令开始调用后，负变更清单必须在本期全部调用</div>
                                            </div>
                                            <div>
                                                <div class="form-check form-check-inline">
                                                    <input class="form-check-input" type="checkbox" id="minusNoValue" name="minusNoValue" <% if (funRela.minusNoValue) { %>checked<% } %> onchange="updateSetting();">
                                                    <label class="form-check-label" for="minusNoValue">计量不计价</label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-6">
                                <div class="card mb-3">
                                    <div class="card-header d-flex justify-content-between">
                                        <div>合同支付</div>
                                    </div>
                                    <div class="card-body">
                                        <div class="form-group mb-1">
                                            <div>
                                                <div class="form-check">
                                                    <input class="form-check-input" type="checkbox" id="lockPayExpr" name="lockPayExpr" <% if (funRela.lockPayExpr) { %>checked<% } %> onchange="updateSetting();">
                                                    <label class="form-check-label" for="lockPayExpr">锁定往期带基数计算的合同支付项</label>
                                                </div>
                                                <div class="form-check">
                                                    <input class="form-check-input" type="checkbox" id="showMinusCol" name="showMinusCol" <% if (funRela.showMinusCol) { %>checked<% } %> onchange="updateSetting();">
                                                    <label class="form-check-label" for="showMinusCol">显示扣款列</label>
                                                </div>
                                                <div class="alert-warning p-1"><i class="fa Example of exclamation-circle fa-exclamation-circle "></i> 隐藏此列不会修改本期应付计算，旧项目请谨慎修改，防止误解</div>
                                                <div class="form-check">
                                                    <input class="form-check-input" type="checkbox" id="closeWapYfSf" <% if (ctx.subProject.page_show.closeWapYfSf) { %>checked<% } %> onchange="updateSetting();">
                                                    <label class="form-check-label" for="closeWapYfSf">wap关闭「本期支付」相关信息 <a href="javascript:void(0);"  data-toggle="tooltip" data-placement="bottom" title="" data-original-title="本期计量关联的“本期应付“、”本期实付”均不显示"><i class="fa fa-question-circle "></i></a></label>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="card mb-3">
                                    <div class="card-header d-flex justify-content-between">
                                        <div>中间计量模式设置</div>
                                    </div>
                                    <div class="card-body">
                                        <div class="form-group mb-1">
                                            <div>
                                                <% for (const i in imType) { %>
                                                    <div class="form-check form-check-inline">
                                                        <input class="form-check-input" type="radio" id="radio_<%- i %>" value="<%- imType[i].value %>" <% if (funRela.imType === imType[i].value) { %>checked<% } %> name="im_type" onchange="updateSetting();">
                                                        <label class="form-check-label" for="radio_<%- i %>" name="im_type"><%- imType[i].name %></label>
                                                    </div>
                                                <% } %>
                                            </div>
                                            <div class="mt-3">
                                                <label class="form-text alert alert-danger">切换模式，仅对未开始第一期计量的标段生效。</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-6">
                                <div class="card mb-3 ">
                                    <div class="card-header d-flex justify-content-between">
                                        <div>计量期上报/审批</div>
                                    </div>
                                    <div class="card-body pb-2">
                                        <div class="form-group mb-1">
                                            <nav class="nav nav-tabs">
                                                <a class="nav-link nav-item active" data-toggle="tab" name="stage-setting" type="audit" onclick="changeSettingTab(this);">审批</a>
                                                <a class="nav-link nav-item" data-toggle="tab" name="stage-setting" type="start" onclick="changeSettingTab(this);">上报</a>
                                                <div class="ml-auto">
                                                    <div class="custom-control custom-switch" id="switch-stage-start" style="display: none;">
                                                        <input type="checkbox" class="custom-control-input" id="openStageStart" <% if(ctx.subProject.page_show.openStageStart) { %>checked<% } %> onchange="updateSetting();">
                                                        <label class="custom-control-label" for="openStageStart"></label>
                                                    </div>
                                                    <div class="custom-control custom-switch" id="switch-stage-audit">
                                                        <input type="checkbox" class="custom-control-input" id="openStageAudit" <% if(ctx.subProject.page_show.openStageAudit) { %>checked<% } %> onchange="updateSetting();">
                                                        <label class="custom-control-label" for="openStageAudit"></label>
                                                    </div>
                                                </div>
                                            </nav>
                                            <div class="tab-content my-2">
                                                <div class="tab-pane fade active show" id="stage-audit-tab" role="tabpanel" aria-labelledby="home-tab">
                                                    <div class="input-group input-group-sm mt-2 col-6">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text">预警：</span>
                                                        </div>
                                                        <input type="number" class="form-control" value="<%- ctx.subProject.page_show.stageAuditEarly %>" <% if(!ctx.subProject.page_show.openStageAudit) { %>disabled<% } %> id="stage-audit-early" oninput="limitDecimal(this);" min="0" max="30" onchange="updateSetting();">
                                                        <div class="input-group-append">
                                                            <span class="input-group-text">天</span>
                                                        </div>
                                                    </div>
                                                    <div class="text-muted ml-4 mt-2"><small>审批停留时长符合设置天数(包含节假日)，审批流程提醒为预警</small></div>
                                                    <div class="input-group input-group-sm mt-2 col-6">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text">紧急：</span>
                                                        </div>
                                                        <input type="number" class="form-control" value="<%- ctx.subProject.page_show.stageAuditWorry %>" <% if(!ctx.subProject.page_show.openStageAudit) { %>disabled<% } %> id="stage-audit-worry" oninput="limitDecimal(this);" min="0" max="30" onchange="updateSetting();">
                                                        <div class="input-group-append">
                                                            <span class="input-group-text">天</span>
                                                        </div>
                                                    </div>
                                                    <div class="text-muted ml-4 mt-2"><small>审批停留时长符合设置天数(包含节假日)，审批流程提醒为紧急</small></div>
                                                </div>
                                                <div class="tab-pane fade" id="stage-start-tab" role="tabpanel" aria-labelledby="profile-tab">
                                                    <div class="input-group input-group-sm mb-2">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text">开始日期:</span>
                                                            <span class="input-group-text" style="width: 90px;padding-left: 12px;">每月</span>
                                                        </div>
                                                        <select class="form-control form-control-sm" id="start_day" style="width: 90px!important;flex: none;" <% if (ctx.subProject.page_show.openStageStart) { %>disabled<% } %>>
                                                            <option value="0">请选择日</option>
                                                            <% for (let i = 1; i <= 31;i++) { %>
                                                            <option value="<%- i %>" <% if (funSet.stage_start.start_day === i) {%>selected<% } %>><%- i %></option>
                                                            <% } %>
                                                        </select>
                                                        <span class="text-danger mx-2"></span>
                                                    </div>
                                                    <div class="input-group input-group-sm mb-2">
                                                        <div class="input-group-prepend">
                                                            <span class="input-group-text">截止日期:</span>
                                                        </div>
                                                        <select class="form-control form-control-sm" id="end_month" style="width: 90px!important;flex: none;" <% if (ctx.subProject.page_show.openStageStart) { %>disabled<% } %>>
                                                            <option value="0">请选择月</option>
                                                            <% for (const i of endMonth) { %>
                                                            <option value="<%- i.val %>" <% if (funSet.stage_start.end_month === i.val) {%>selected<% } %> ><%- i.name %></option>
                                                            <% } %>
                                                        </select>
                                                        <select class="form-control form-control-sm" id="end_day" style="width: 90px!important;flex: none;" <% if (ctx.subProject.page_show.openStageStart) { %>disabled<% } %>>
                                                            <option value="0">请选择日</option>
                                                            <% for (let i = 1; i <= 31;i++) { %>
                                                            <option value="<%- i %>" <% if (funSet.stage_start.end_day === i) {%>selected<% } %>><%- i %></option>
                                                            <% } %>
                                                        </select>
                                                        <span class="text-danger mx-2"></span>
                                                    </div>
                                                    <div class="mt-3">
                                                        <label class="form-text alert alert-danger">开启选项后，超出范围内的日期，则不允许上报期计量。</label>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-6">
                                <div class="card mb-3">
                                    <div class="card-header d-flex justify-content-between">
                                        <div>计量相关设置</div>
                                    </div>
                                    <div class="card-body">
                                        <div class="form-group mb-1">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="openContractExpr" <% if (ctx.subProject.page_show.openContractExpr) { %>checked<% } %> onchange="updateSetting();">
                                                <label class="form-check-label" for="openContractExpr">开启「本期合同计量设置公式」</label>
                                            </div>
                                        </div>
                                        <div class="form-group mb-1">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="close1stStageCheckDealParam" <% if (ctx.subProject.page_show.close1stStageCheckDealParam) { %>checked<% } %> onchange="updateSetting();">
                                                <label class="form-check-label" for="close1stStageCheckDealParam">关闭「开始第一期计量判断合同参数」功能</label>
                                            </div>
                                        </div>
                                        <div class="form-group mb-1">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="openMultiStageCalc" <% if (ctx.subProject.page_show.openMultiStageCalc) { %>checked<% } %> onchange="updateSetting();">
                                                <label class="form-check-label" for="openMultiStageCalc">开启「待上报时，允许新增下一期」功能</label>
                                            </div>
                                        </div>
                                        <div class="form-group mb-1">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="correctCalcContractTp" <% if (ctx.subProject.page_show.correctCalcContractTp) { %>checked<% } %> onchange="updateSetting();">
                                                <label class="form-check-label" for="correctCalcContractTp">开启「反算本期合同计量」功能</label>
                                                <a href="" data-toggle="tooltip" data-placement="bottom" title="" data-original-title="开启此选项，清单最后一次合同计量，将反算本期合同计量金额"><i class="fa fa-question-circle "></i></a>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="row">
                            <div class="col-6">
                                <div class="card mb-3">
                                    <div class="card-header d-flex justify-content-between">
                                        <div>工程变更</div>
                                    </div>
                                    <div class="card-body">
                                        <div class="alert alert-dark py-1 px-2 mb-2" role="alert">
                                            页面显示
                                        </div>
                                        <div class="form-group mb-1">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="openChangeProject" <% if(ctx.subProject.page_show.openChangeProject) { %>checked<% } %> onchange="updateSetting(1);">
                                                <label class="form-check-label" for="openChangeProject">显示「变更立项」页面</label>
                                            </div>
                                        </div>
                                        <div class="form-group mb-1">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="openChangeApply" <% if(ctx.subProject.page_show.openChangeApply) { %>checked<% } %> onchange="updateSetting(2);">
                                                <label class="form-check-label" for="openChangeApply">显示「变更申请」页面</label>
                                            </div>
                                        </div>
                                        <div class="form-group mb-1">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="openChangePlan" <% if(ctx.subProject.page_show.openChangePlan) { %>checked<% } %> onchange="updateSetting(3);">
                                                <label class="form-check-label" for="openChangePlan">显示「变更方案」页面</label>
                                            </div>
                                        </div>
                                        <div class="alert alert-dark py-1 px-2 mb-2" role="alert">
                                            功能设置
                                        </div>
                                        <div class="mb-1">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="inlineCheckbox11" checked disabled>
                                                <label class="form-check-label" for="inlineCheckbox11">开启自定义变更类别</label>
                                            </div>
                                            <a class="pull-right mr-3"  href="#bgclass" data-toggle="modal" data-target="#bgclass">设置</a>
                                        </div>
                                        <div class="mb-1">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="openChangeState" <% if (ctx.subProject.page_show.openChangeState) { %>checked<% } %> onchange="updateSetting();">
                                                <label class="form-check-label" for="openChangeState">开启变更令状态功能 </label>&nbsp;
                                                <a href="javascript:void(0);"  data-toggle="tooltip" data-placement="bottom" title="" data-original-title="变更令提供临时、立项、批复状态，可设置计量上限"><i class="fa fa-question-circle "></i></a>
                                            </div>
                                            <a class="pull-right mr-3 <% if (!ctx.subProject.page_show.openChangeState) { %>text-secondary<% } %>" href="javascript:void(0);" id="openBgStatus">设置</a>
                                        </div>
                                        <div class="mb-1">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="openChangeWhiteList" <% if (ctx.subProject.page_show.openChangeWhiteList) { %>checked<% } %> onchange="updateSetting();">
                                                <label class="form-check-label" for="openChangeWhiteList">开启“添加空白清单”功能</label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="col-6" <% if (!ctx.subProject.page_show.openMaterial) { %>style="display: none;"<% } %>>
                                <div class="card mb-3">
                                    <div class="card-header d-flex justify-content-between">
                                        <div>材料调差</div>
                                    </div>
                                    <div class="card-body">
                                        <div class="form-group mb-1">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="openMaterialTax" <% if(ctx.subProject.page_show.openMaterialTax) { %>checked<% } %> onchange="updateSetting();">
                                                <label class="form-check-label" for="openMaterialTax">使用材料税</label>
                                            </div>
                                        </div>
                                        <div class="form-group mb-1">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="openMaterialChecklist" <% if(ctx.subProject.page_show.openMaterialChecklist) { %>checked<% } %> onchange="updateSetting();">
                                                <label class="form-check-label" for="openMaterialChecklist">开启「批量设置调差清单」添加调差工料功能</label>
                                            </div>
                                        </div>
                                        <div class="form-group mb-1">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="openMaterialSelf" <% if(ctx.subProject.page_show.openMaterialSelf) { %>checked<% } %> onchange="updateSetting();">
                                                <label class="form-check-label" for="openMaterialSelf">开启调差清单-所属项目节「单独添加工料」功能
                                                    <a href="javascript:void(0);"  data-toggle="tooltip" data-placement="bottom" title="" data-original-title="开启该选项，调差清单的所属项目节，允许单独添加工料"><i class="fa fa-question-circle "></i></a></label>
                                            </div>
                                        </div>
                                        <div class="form-group mb-1">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="openMaterialEditForAudit" <% if(ctx.subProject.page_show.openMaterialEditForAudit) { %>checked<% } %> onchange="updateSetting();">
                                                <label class="form-check-label" for="openMaterialEditForAudit">开启「审核人修改数据」功能
                                                    <a href="javascript:void(0);"  data-toggle="tooltip" data-placement="bottom" title="" data-original-title="开启该选项，审核人允许修改部分调差工料数据"><i class="fa fa-question-circle "></i></a></label>
                                            </div>
                                        </div>
                                        <div class="form-group mb-1">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="openMaterialStageRepeat" <% if(ctx.subProject.page_show.openMaterialStageRepeat) { %>checked<% } %> onchange="updateSetting();">
                                                <label class="form-check-label" for="openMaterialStageRepeat">开启「材料调差重复使用计量期」</label>
                                            </div>
                                        </div>
                                        <div class="form-group mb-1">
                                            <div class="form-check form-check-inline">
                                                <input class="form-check-input" type="checkbox" id="openMaterialListQty" <% if(ctx.subProject.page_show.openMaterialListQty) { %>checked<% } %> onchange="updateSetting();">
                                                <label class="form-check-label" for="openMaterialListQty">开启「修改调差数量」功能
                                                    <a href="javascript:void(0);"  data-toggle="tooltip" data-placement="bottom" title="" data-original-title="开启该选项，可在调差清单页修改本期调差数量"><i class="fa fa-question-circle "></i></a></label>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="card mb-3">
                            <div class="card-header d-flex justify-content-between">
                                <div>动态决算</div>
                            </div>
                            <div class="card-body">
                                <div class="form-group mb-4">
                                    <div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="checkbox" id="budget_zb" name="budget_zb" <% if (funRela.budgetZb) { %>checked<% } %> onchange="updateSetting();">
                                            <label class="form-check-label" for="budget_zb">招标预算</label>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="checkbox" id="budget_ctrl" name="budget_ctrl" <% if (funRela.budgetCtrl) { %>checked<% } %> onchange="updateSetting();">
                                            <label class="form-check-label" for="budget_ctrl">控制目标</label>
                                        </div>
                                    </div>
                                    <div>
                                        <div class="form-check form-check-inline">
                                            <input class="form-check-input" type="checkbox" id="need_gcl" name="need_gcl" <% if (funRela.needGcl) { %>checked<% } %> onchange="updateSetting();">
                                            <label class="form-check-label" for="need_gcl">显示清单信息</label>
                                        </div>
                                    </div>
                                    <div class="mt-3">
                                        <label class="form-text alert alert-danger">做施工图三级清单预算时，请进行勾选。</label>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
<script src="/public/js/setting.js"></script>
<script>
    let changeClass = JSON.parse(unescape('<%- escape(JSON.stringify(funSet.change_class)) %>'));
    let changeState = JSON.parse(unescape('<%- escape(JSON.stringify(funSet.change_state)) %>'));
    const changeSettingTab = function(tab) {
        const type = tab.getAttribute('type');
        if (type === 'start') {
            $('#switch-stage-start').show();
            $('#switch-stage-audit').hide();
            $('#stage-start-tab').addClass('active').addClass('show');
            $('#stage-audit-tab').removeClass('active').removeClass('show');
        } else if (type === 'audit') {
            $('#switch-stage-start').hide();
            $('#switch-stage-audit').show();
            $('#stage-audit-tab').addClass('active').addClass('show');
            $('#stage-start-tab').removeClass('active').removeClass('show');
        }
    }
    $(() => {
        autoFlashHeight();
        // 自定义变更类别
        $('body').on('click', '#change_class_div input[type="checkbox"]', function () {
            if ($(this).is(':checked')) {
                $(this).parents('.input-group-prepend').siblings('input').removeAttr('readonly');
            } else {
                $(this).parents('.input-group-prepend').siblings('input').attr('readonly', true).val('');
            }
        });
        $('body').on('change', '#change_class_div input[type="text"]', function () {
            if ($(this).val().length > 8) {
                toastr.error('类别名称不能超过8个字符');
            }
        });

        $("#bgclass").on('show.bs.modal', function () {
            let html = '';
            for (const cc of changeClass) {
                html += `<div class="input-group input-group-sm mb-1">
                    <div class="input-group-prepend">
                        <div class="input-group-text">
                            <input type="checkbox" value="${cc.value}" aria-label="Checkbox for following text input" ${cc.checked ? 'checked' : ''}>
                        </div>
                        <span class="input-group-text">${cc.name}</span>
                    </div>
                    <input type="text" class="form-control" value="${cc.new_name}" ${!cc.checked ? 'readonly' : ''} aria-label="Text input with checkbox" placeholder="">
                </div>`;
            }
            $('#change_class_div').html(html);
        });

        $('#set_change_class_btn').click(function () {
            updateSetting(false, 1);
        });

        $('#openBgStatus').click(function () {
            if ($('#openChangeState').is(':checked')) {
                $('#bgstatus').modal('show');
            }
        });

        $("#bgstatus").on('show.bs.modal', function () {
            let html = '';
            for (const cs of changeState) {
                html += `<tr data-order="${cs.order}">
                        <td>${cs.name}</td>
                        <td>
                            <div class="input-group input-group-sm" style="width:90px">
                                <input type="number" class="form-control" max="100" min="0" step="1" value="${cs.value}">
                                <div class="input-group-append">
                                    <span class="input-group-text" id="set_change_state_btn">%</span>
                                </div>
                            </div>
                        </td>
                    </tr>`;
            }
            $('#change_state_table').html(html);
        });

        $('#set_change_state_btn').click(function () {
            if ($('#openChangeState').is(':checked')) {
                updateSetting(false, 2);
            } else {
                toastr.error('未开启变更令状态功能，不能设置计量上限默认值');
            }
        });
    });

    // 根据Min Max限制Input输入
    function limitInputMinMax (obj) {
        if (obj.max && _.toNumber(obj.value) > _.toNumber(obj.max)) {
            obj.value = obj.max;
        }
        if(obj.min && _.toNumber(obj.value) < _.toNumber(obj.min)) {
            obj.value = obj.min;
        }
    }
    // 根据Maxlength限制input输入
    function limitMaxLength (obj) {
        if (obj.maxLength >= 0 && obj.value.length > obj.maxLength) {
            obj.value = obj.value.substr(0, obj.maxLength);
        }
    }
    // 根据正则限制输入
    function limitReg(obj, reg) {
        obj.value = obj.value.replace(reg, '');
    }
    // 小数位数 input 输入限制
    function limitDecimal(obj) {
        limitReg(obj, /[^\d]/g);
        limitMaxLength(obj);
        limitInputMinMax(obj);
    }
    const updateSetting = function (tab = false, set_type = 0) {
        if (!$('#openChangeApply')[0].checked && $('#openChangeProject')[0].checked && tab === 1) {
            $('#openChangeApply').prop('checked', true);
            $('#openChangePlan').prop('checked', true);
        } else if (!$('#openChangeApply')[0].checked && $('#openChangeProject')[0].checked && tab === 2) {
            $('#openChangeProject').prop('checked', false);
        }
        if (!$('#openChangePlan')[0].checked && $('#openChangeApply')[0].checked && tab === 2) {
            $('#openChangePlan').prop('checked', true);
        } else if (!$('#openChangePlan')[0].checked && $('#openChangeApply')[0].checked && tab === 3) {
            $('#openChangeApply').prop('checked', false);
            $('#openChangeProject').prop('checked', false);
        }
        const pushData = {};
        if($('#openStageStart')[0].checked) {
            // 判断是否已选开始日，截止月日
            const startDay = parseInt($('#start_day').val());
            const endMonth = parseInt($('#end_month').val());
            const endDay = parseInt($('#end_day').val());
            let flag = false;
            if (startDay === 0) {
                $('#start_day').siblings('span').text('请选择日');
                flag = true;
            } else {
                $('#start_day').siblings('span').text('');
            }
            const endErrorMsg = [];
            if (endMonth === 0) {
                endErrorMsg.push('请选择月');
                flag = true;
            }
            if (endDay === 0) {
                endErrorMsg.push('请选择日');
                flag = true;
            }
            if (endErrorMsg.length > 0) {
                $('#end_day').siblings('span').text(endErrorMsg.join(' '));
            } else {
                // 本月截止日不允许小于开始日
                if (endMonth === 1 && startDay > endDay) {
                    $('#end_day').siblings('span').text('截止日期选择不正确，请重新选择');
                    flag = true;
                } else if (endMonth === 2 && startDay <= endDay){
                    $('#end_day').siblings('span').text('次月截止日不允许大于开始日');
                    flag = true;
                } else {
                    $('#end_day').siblings('span').text('');
                }
            }
            if (flag) {
                $('#openStageStart')[0].checked = 0;
                $('#openStageStart').prop('checked', false);
                return;
            }
            pushData.stage_start = {
                start_day: startDay,
                end_month: endMonth,
                end_day: endDay,
            }
            $('#start_day').attr('disabled', true);
            $('#end_month').attr('disabled', true);
            $('#end_day').attr('disabled', true);
        } else {
            $('#start_day').removeAttr('disabled');
            $('#end_month').removeAttr('disabled');
            $('#end_day').removeAttr('disabled');
        }
        if ($('#openStageAudit')[0].checked) {
            $('#stage-audit-early').removeAttr('disabled');
            $('#stage-audit-worry').removeAttr('disabled');
        } else {
            $('#stage-audit-early').attr('disabled', 'disabled');
            $('#stage-audit-worry').attr('disabled', 'disabled');
        }
        if (set_type === 1) {
            // 自定义变更类别
            const change_class = [];
            let flag = false;
            let allUnchecked = true;
            $('#change_class_div .input-group').each(function () {
                const one_class = _.find(changeClass, { value: parseInt($(this).find('input[type="checkbox"]').val())});
                if ($(this).find('input[type="checkbox"]').is(':checked') && $(this).find('input[type="text"]').val().length > 8) {
                    toastr.error(one_class.name + ' 类别名称字符不能超过8个');
                    flag = true;
                }
                const new_name = $(this).find('input[type="checkbox"]').is(':checked') ? $(this).find('input[type="text"]').val() : '';
                if (new_name) {
                    const classInfo = _.find(changeClass, function(item) {
                        return item.name === new_name && item.value !== one_class.value;
                    })
                    if (classInfo) {
                        toastr.error(one_class.name + '的类别名称不能与其他变更名称相同');
                        flag = true;
                    }
                    if (_.findIndex(change_class, { new_name }) !== -1) {
                        toastr.error(one_class.name + '的类别名称不能与其他类别名称相同');
                        flag = true;
                    }
                }
                if ($(this).find('input[type="checkbox"]').is(':checked')) {
                    allUnchecked = false;
                }
                const one_updateClass = {
                    value: one_class.value,
                    name: one_class.name,
                    new_name,
                    checked: $(this).find('input[type="checkbox"]').is(':checked'),
                }
                change_class.push(one_updateClass);
            });
            if (flag) {
                return;
            }
            if (allUnchecked) {
                toastr.error('至少保留一个变更类别');
                return;
            }
            pushData.change_class = change_class;
        } else if (set_type === 2) {
            // 变更令状态功能-设置计量调用上限
            const change_state = [];
            let flag = false;
            const reg = /^(\d{1,2}|100)$/;
            $('#change_state_table tr').each(function () {
                const one_state = _.find(changeState, { order: parseInt($(this).attr('data-order'))});
                const value = parseFloat($(this).find('input[type="number"]').val());
                if (!(_.isNumber(value) && reg.test(value))) {
                    toastr.error(one_state.name + '的计量上限默认值只能输入0-100之间的整数');
                    flag = true;
                }
                const one_updateState = {
                    order: one_state.order,
                    name: one_state.name,
                    value: value,
                }
                change_state.push(one_updateState);
            });
            if (flag) {
                return;
            }
            pushData.change_state = change_state;
        }
        postData('/sp/<%- ctx.subProject.id %>/setting/fun/update', {
            imType: parseInt($('[name=im_type]:checked').val()),
            banOver: $('[name=ban_over]')[0].checked,
            hintOver: $('#hint_over')[0].checked,
            banMinusChangeBills: $('[name=ban_minus_cb]')[0].checked,
            minusNoValue: $('[name=minusNoValue]')[0].checked,
            lockPayExpr: $('#lockPayExpr')[0].checked,
            showMinusCol: $('#showMinusCol')[0].checked,
            needGcl: $('#need_gcl')[0].checked,
            budgetZb: $('#budget_zb')[0].checked,
            budgetCtrl: $('#budget_ctrl')[0].checked,
            openChangeProject: $('#openChangeProject')[0].checked,
            openChangeApply: $('#openChangeApply')[0].checked,
            openChangePlan: $('#openChangePlan')[0].checked,
            openChangeWhiteList: $('#openChangeWhiteList')[0].checked,
            openChangeState: $('#openChangeState')[0].checked,
            openMaterialTax: $('#openMaterialTax')[0].checked,
            openMaterialChecklist: $('#openMaterialChecklist')[0].checked,
            openMaterialSelf: $('#openMaterialSelf')[0].checked,
            openMaterialEditForAudit: $('#openMaterialEditForAudit')[0].checked,
            openMaterialStageRepeat: $('#openMaterialStageRepeat')[0].checked,
            openMaterialListQty: $('#openMaterialListQty')[0].checked,
            openStageStart: $('#openStageStart')[0].checked,
            openContractExpr: $('#openContractExpr')[0].checked,
            correctCalcContractTp: $('#correctCalcContractTp')[0].checked,
            close1stStageCheckDealParam: $('#close1stStageCheckDealParam')[0].checked,
            openMultiStageCalc: $('#openMultiStageCalc')[0].checked,
            closeWapYfSf: $('#closeWapYfSf')[0].checked,
            addFunSet: _.size(pushData) !== 0 ? pushData : null,
            openStageAudit: $('#openStageAudit')[0].checked,
            stageAuditEarly: parseInt($('#stage-audit-early').val()),
            stageAuditWorry: parseInt($('#stage-audit-worry').val()),
            posCalcDetail: $('#pos_calc_detail')[0].checked ? 1 : 0,
            ledgerAss: $('#ledger_ass')[0].checked,
        }, function (result) {
            if ($('#openChangeState').is(':checked')) {
                $('#openBgStatus').removeClass('text-secondary');
            } else {
                $('#openBgStatus').addClass('text-secondary');
            }
            if (set_type === 1) {
                changeClass = pushData.change_class;
                toastr.success('设置成功');
                $('#bgclass').modal('hide');
            } else if (set_type === 2) {
                changeState = pushData.change_state;
                toastr.success('设置成功');
                $('#bgstatus').modal('hide');
            }
        });
    }
</script>