Calculation/app/view/tender/detail_modal.ejs

<!--标段设置-标段属性-->
<div class="modal fade" id="bd-set-1" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">标段属性</h5>
            </div>
            <div class="modal-height-500" style="overflow-y: auto">
                <div class="modal-body">
                    <ul class="nav nav-tabs nav-justified mb-2">
                        <li class="nav-item">
                            <a class="nav-link active" data-toggle="tab" href="#htxx" role="tab" aria-selected="true">合同信息</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#cjdw" role="tab" aria-selected="false">参建单位</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#jscs" role="tab">技术参数</a>
                        </li>
                        <li class="nav-item">
                            <a class="nav-link" data-toggle="tab" href="#zbxx" role="tab">中标信息</a>
                        </li>
                    </ul>
                    <div class="tab-content">
                        <div class="tab-pane active" id="htxx">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-12 mb-2">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">建设项目名称</span>
                                            </div>
                                            <input type="text" class="form-control" value="项目A" id="build-name" maxlength="100" oninput="limitReturn(this)">
                                        </div>
                                    </div>
                                    <div class="col-12 mb-2">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" style="width:90px">合同编号</span>
                                            </div>
                                            <input type="text" class="form-control" value="" id="deal-code" maxlength="100" oninput="limitReturn(this)">
                                        </div>
                                    </div>
                                    <div class="col-12 mb-2">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" style="width:90px">合同名称</span>
                                            </div>
                                            <input type="text" class="form-control" value="" id="deal-name" maxlength="100" oninput="limitReturn(this)">
                                        </div>
                                    </div>
                                    <div class="col-12 mb-2">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" style="width:90px">工程类别</span>
                                            </div>
                                            <select class="form-control" id="project-type">
                                                <option value="">请选择</option>
                                                <option value="设计">设计</option>
                                                <option value="监理">监理</option>
                                                <option value="施工">施工</option>
                                                <option value="其他">其他</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-12 mb-2">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" style="width:90px">合同类别</span>
                                            </div>
                                            <input type="text" class="form-control" value="" id="deal-type">
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" style="width:90px">结算书编号</span>
                                            </div>
                                            <input type="text" class="form-control" value="" id="final-code">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="cjdw">
                            <div class="form-group mb-4">
                                <label>建设单位：</label>
                                <div class="row">
                                    <div class="col-12 mb-2">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">单位名称</span>
                                            </div>
                                            <input type="text" class="form-control" value="" id="build-company" maxlength="100" oninput="limitReturn(this)">
                                        </div>
                                    </div>
                                    <div class="col-6 pr-0">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">法人代表</span>
                                            </div>
                                            <input type="text" class="form-control" value="" id="build-corporation" maxlength="100" oninput="limitReturn(this)">
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">签订日期</span>
                                            </div>
                                            <input type="date" class="form-control" value="" id="build-date">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group mb-4">
                                <label>承包单位1：</label>
                                <div class="row">
                                    <div class="col-12 mb-2">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">单位名称</span>
                                            </div>
                                            <input type="text" class="form-control" value="" id="contract1-company" maxlength="100" oninput="limitReturn(this)">
                                        </div>
                                    </div>
                                    <div class="col-6 pr-0">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">法人代表</span>
                                            </div>
                                            <input type="text" class="form-control" value="" id="contract1-corporation" maxlength="100" oninput="limitReturn(this)">
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">签订日期</span>
                                            </div>
                                            <input type="date" class="form-control" value="" id="contract1-date">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group mb-4">
                                <label>承包单位2：</label>
                                <div class="row">
                                    <div class="col-12 mb-2">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">单位名称</span>
                                            </div>
                                            <input type="text" class="form-control" value="" id="contract2-company" maxlength="100" oninput="limitReturn(this)">
                                        </div>
                                    </div>
                                    <div class="col-6 pr-0">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">法人代表</span>
                                            </div>
                                            <input type="text" class="form-control" value="" id="contract2-corporation" maxlength="100" oninput="limitReturn(this)">
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">签订日期</span>
                                            </div>
                                            <input type="date" class="form-control" value="" id="contract2-date">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group mb-4">
                                <label>监理单位1：</label>
                                <div class="row">
                                    <div class="col-12 mb-2">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">单位名称</span>
                                            </div>
                                            <input type="text" class="form-control" value="" id="supervision1-company" maxlength="100" oninput="limitReturn(this)">
                                        </div>
                                    </div>
                                    <div class="col-6 pr-0">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">法人代表</span>
                                            </div>
                                            <input type="text" class="form-control" value="" id="supervision1-corporation" maxlength="100" oninput="limitReturn(this)">
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">签订日期</span>
                                            </div>
                                            <input type="date" class="form-control" value="" id="supervision1-date">
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <div class="form-group">
                                <label>监理单位2：</label>
                                <div class="row">
                                    <div class="col-12 mb-2">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">单位名称</span>
                                            </div>
                                            <input type="text" class="form-control" value="" id="supervision2-company" maxlength="100" oninput="limitReturn(this)">
                                        </div>
                                    </div>
                                    <div class="col-6 pr-0">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">法人代表</span>
                                            </div>
                                            <input type="text" class="form-control" value="" id="supervision2-corporation" maxlength="100" oninput="limitReturn(this)">
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">签订日期</span>
                                            </div>
                                            <input type="date" class="form-control" value="" id="supervision2-date">
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="jscs">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-6 pr-0 mb-2">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">公路等级</span>
                                            </div>
                                            <select class="form-control" id="load-level">
                                                <option>高速公路</option>
                                                <option>一级公路</option>
                                                <option>二级公路</option>
                                                <option>三级公路</option>
                                                <option>四级公路</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" style="width:90px">长度（KM）</span>
                                            </div>
                                            <input type="text" class="form-control" value="" id="length" min="0" max="10000"
                                                   oninput="limitDealParamLength(this);limitReturn(this);" onchange="checkNumberValid(this)">
                                        </div>
                                    </div>
                                    <div class="col-6 pr-0 mb-2">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">起始桩号</span>
                                            </div>
                                            <input type="text" class="form-control" value="" id="start-peg" maxlength="100" oninput="limitReturn(this)">
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" style="width:90px">终止桩号</span>
                                            </div>
                                            <input type="text" class="form-control" value="" id="end-peg" maxlength="100" oninput="limitReturn(this)">
                                        </div>
                                    </div>
                                    <div class="col-6 pr-0 mb-2">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" style="width:66px">车道数</span>
                                            </div>
                                            <input type="text" class="form-control" value="" id="lane-count" maxlength="100" oninput="limitReturn(this)">
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" style="width:90px">合同工期</span>
                                            </div>
                                            <input type="text" class="form-control" value="" id="deal-period" maxlength="100" oninput="limitReturn(this)">
                                        </div>
                                    </div>
                                    <div class="col-6 pr-0 mb-2">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">开工日期</span>
                                            </div>
                                            <input type="date" class="form-control" value="" id="start-date">
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">计划完工日期</span>
                                            </div>
                                            <input type="date" class="form-control" value="" id="plan-end-date">
                                        </div>
                                    </div>
                                    <div class="col-6 pr-0 mb-2">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">实际开工日期</span>
                                            </div>
                                            <input type="date" class="form-control" value="" id="real-start-date">
                                        </div>
                                    </div>
                                    <div class="col-6">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">实际完工日期</span>
                                            </div>
                                            <input type="date" class="form-control" value="" id="real-end-date">
                                        </div>
                                    </div>
                                    <div class="col-12">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">构造物规模</span>
                                            </div>
                                            <textarea class="form-control" id="structure-scale"></textarea>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="tab-pane" id="zbxx">
                            <div class="form-group">
                                <div class="row">
                                    <div class="col-12 mb-2">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">业主控制价</span>
                                            </div>
                                            <input type="number" class="form-control nospin" value="" id="control-price" onchange="checkNumberValid(this)">
                                        </div>
                                    </div>
                                    <div class="col-12 mb-2">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">中标价</span>
                                            </div>
                                            <input type="number" class="form-control nospin" value="" id="bid-price" onchange="checkNumberValid(this)">
                                        </div>
                                    </div>
                                    <div class="col-12 mb-2">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text">开标日期</span>
                                            </div>
                                            <input type="date" class="form-control" value="" id="bid-start-date">
                                        </div>
                                    </div>
                                    <div class="col-12 mb-2">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" >招标方式</span>
                                            </div>
                                            <select class="form-control" id="bid-type">
                                                <option>公开招标</option>
                                                <option>邀请招标</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="col-12 mb-2">
                                        <div class="input-group input-group-sm">
                                            <div class="input-group-prepend">
                                                <span class="input-group-text" style="width:90px">合同计价方式</span>
                                            </div>
                                            <select class="form-control" id="deal-calc-type">
                                                <option>总价合同</option>
                                                <option>单价合同</option>
                                            </select>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-sm btn-primary" onclick="post1();">确认修改</button>
            </div>
        </div>
    </div>
</div>

<% if (
    ((tender.ledger_status === audit.ledger.status.uncheck || tender.ledger_status === audit.ledger.status.checkNo) && tender.user_id === ctx.session.sessionUser.accountId) ||
    (lastStage && lastStage.user_id === ctx.session.sessionUser.accountId && (lastStage.status === audit.stage.status.checkNo || lastStage.status === audit.stage.status.uncheck)) ||
    (!lastStage && revise && revise.valid && (revise.status === audit.revise.status.uncheck || revise.status === audit.revise.status.checkNo) && tender.user_id === ctx.session.sessionUser.accountId)
) { %>
<!--标段设置-小数位数-->
<div class="modal fade" id="bd-set-2" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">小数位数</h5>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label>全局设置</label>
                    <div class="row">
                        <div class="col-4">
                            <div class="input-group input-group-sm">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">单价</span>
                                </div>
                                <input type="number" class="form-control" value="3" id="decimal-up"
                                       min="0" max="4" maxlength="1" oninput="limitDecimal(this)">
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="input-group input-group-sm">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">金额</span>
                                </div>
                                <input type="number" class="form-control" value="2" id="decimal-tp"
                                       oninput="limitDecimal(this)" min="0" max="4" maxlength="1">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label>单独设置</label>
                    <div class="row">
                        <div class="col-auto pr-0">
                            <div class="form-group form-check pl-0">
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input" id="decimal-pay">
                                    <label class="custom-control-label" for="decimal-pay">合同支付</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="input-group input-group-sm">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">金额</span>
                                </div>
                                <input type="number" class="form-control" value="2" id="decimal-pay-tp"
                                       oninput="limitDecimal(this)" min="0" max="4" maxlength="1">
                            </div>
                        </div>
                    </div>
                    <div class="row mt-1">
                        <div class="col-auto pr-0">
                            <div class="form-group form-check pl-0">
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input" id="decimal-extra">
                                    <label class="custom-control-label" for="decimal-extra">其他台账</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="input-group input-group-sm">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">金额</span>
                                </div>
                                <input type="number" class="form-control" value="2" id="decimal-extra-tp"
                                       oninput="limitDecimal(this)" min="0" max="4" maxlength="1">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-sm btn-primary" onclick="post2();">确认修改</button>
            </div>
        </div>
    </div>
</div>
<!--标段设置-清单精度-->
<div class="modal fade" id="bd-set-3" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">数量精度</h5>
            </div>
            <div class="modal-body">
                <div class="form-group" id="precision-spread" style="height: 397px; width: 465px;">
                </div>
            </div>
            <div class="modal-footer">
                <div id="hint-3" class="text-danger fa fa-exclamation-circle" style="display: none;"></div>
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-sm btn-primary" onclick="post3();">确认修改</button>
            </div>
        </div>
    </div>
</div>
<% } else { %>
<!--标段设置-小数位数-->
<div class="modal fade" id="bd-set-2" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">小数位数</h5>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <label>全局设置</label>
                    <div class="row">
                        <div class="col-4">
                            <div class="input-group input-group-sm">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">单价</span>
                                </div>
                                <input type="number" class="form-control" value="3" id="decimal-up" readonly="">
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="input-group input-group-sm">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">金额</span>
                                </div>
                                <input type="number" class="form-control" value="2" id="decimal-tp" readonly="">
                            </div>
                        </div>
                    </div>
                </div>
                <div class="form-group">
                    <label>单独设置</label>
                    <div class="row">
                        <div class="col-auto pr-0">
                            <div class="form-group form-check pl-0">
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input" id="decimal-pay" disabled>
                                    <label class="custom-control-label" for="decimal-pay">合同支付</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="input-group input-group-sm">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">金额</span>
                                </div>
                                <input type="number" class="form-control" value="2" id="decimal-pay-tp" readonly="">
                            </div>
                        </div>
                    </div>
                    <div class="row mt-1">
                        <div class="col-auto pr-0">
                            <div class="form-group form-check pl-0">
                                <div class="custom-control custom-switch">
                                    <input type="checkbox" class="custom-control-input" id="decimal-extra" disabled>
                                    <label class="custom-control-label" for="decimal-extra">其他台账</label>
                                </div>
                            </div>
                        </div>
                        <div class="col-4">
                            <div class="input-group input-group-sm">
                                <div class="input-group-prepend">
                                    <span class="input-group-text">金额</span>
                                </div>
                                <input type="number" class="form-control" value="2" id="decimal-extra-tp" readonly="">
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">确定</button>
            </div>
        </div>
    </div>
</div>
<!--标段设置-清单精度-->
<div class="modal fade" id="bd-set-3" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">数量精度</h5>
            </div>
            <div class="modal-body">
                <div class="sjs-option-height" id="precision-spread" style="height: 397px; width: 465px;">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">确定</button>
            </div>
        </div>
    </div>
</div>
<% } %>

<% if (!lastStage || (lastStage.order === 1 && lastStage.user_id === ctx.session.sessionUser.accountId && (lastStage.status === audit.stage.status.checkNo || lastStage.status === audit.stage.status.uncheck))) { %>
<!--标段设置-合同参数-->
<div class="modal fade" id="bd-set-4" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">合同参数</h5>
            </div>
            <div class="modal-body">
                <ul class="nav nav-tabs nav-justified mb-2">
                    <li class="nav-item">
                        <a class="nav-link active" data-toggle="tab" href="#htcs" role="tab" aria-selected="true">合同参数</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#bzqd" role="tab" aria-selected="false">100章清单</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="htcs">
                        <div class="modal-height-300" style="overflow-y: auto">
                            <div class="form-group">
                                <!--默认显示-->
                                <div class="form-group" id="param-spread" style="height: 230px; width: 465px;">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane" id="bzqd">
                        <div class="modal-height-300" style="overflow-y: auto">
                            <div class="form-group">
                                <div class="form-group" id="cap100-spread" style="height: 230px; width: 465px;">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-sm btn-primary" onclick="post4()">确认修改</button>
            </div>
        </div>
    </div>
</div>
<% } else { %>
<!--标段设置-合同参数-->
<div class="modal fade" id="bd-set-4" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">合同参数</h5>
            </div>
            <div class="modal-body">
                <ul class="nav nav-tabs nav-justified mb-2">
                    <li class="nav-item">
                        <a class="nav-link active" data-toggle="tab" href="#htcs" role="tab" aria-selected="true">合同参数</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" data-toggle="tab" href="#bzqd" role="tab" aria-selected="false">100章清单</a>
                    </li>
                </ul>
                <div class="tab-content">
                    <div class="tab-pane active" id="htcs">
                        <div class="modal-height-300" style="overflow-y: auto">
                            <div class="form-group">
                                <!--默认显示-->
                                <div class="form-group" id="param-spread" style="height: 230px; width: 465px;">
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="tab-pane" id="bzqd">
                        <div class="modal-height-300" style="overflow-y: auto">
                            <div class="form-group">
                                <div class="form-group" id="cap100-spread" style="height: 230px; width: 465px;">
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">确定</button>
            </div>
        </div>
    </div>
</div>
<% } %>

<!--标段设置-显示设置-->
<div class="modal fade" id="bd-set-5" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">显示设置</h5>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <div class="custom-control custom-checkbox mb-2">
                        <input type="checkbox" class="custom-control-input" id="ledger-dgn-qty" checked="">
                        <label class="custom-control-label" for="ledger-dgn-qty">项目节数量</label>
                    </div>
                    <div class="custom-control custom-checkbox mb-2">
                        <input type="checkbox" class="custom-control-input" id="ledger-cl-qty" checked="">
                        <label class="custom-control-label" for="ledger-cl-qty">错漏增减</label>
                    </div>
                    <div class="custom-control custom-checkbox mb-2">
                        <input type="checkbox" class="custom-control-input" id="thousandth" checked="">
                        <label class="custom-control-label" for="thousandth">千分位</label>
                    </div>
                    <div class="custom-control custom-checkbox mb-2">
                        <input type="checkbox" class="custom-control-input" id="stage-rc" checked="">
                        <label class="custom-control-label" for="stage-rc">实际完成量与预计变更</label>
                    </div>
                    <div class="custom-control custom-checkbox mb-2">
                        <input type="checkbox" class="custom-control-input" checked="" id="stage-correct">
                        <label class="custom-control-label" for="stage-correct">使用数量纠正完成率</label>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-sm btn-primary" onclick="post5()">确认修改</button>
            </div>
        </div>
    </div>
</div>
<!--标段设置-章节设置-->
<div class="modal fade" id="bd-set-6" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">章节设置</h5>
            </div>
            <div class="modal-body">
                <div class="form-group" id="chapter-spread" style="height: 330px; width: 465px;">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-sm btn-primary" onclick="post6()">确认修改</button>
            </div>
        </div>
    </div>
</div>
<!--标段设置-付款账号-->
<div class="modal fade" id="bd-set-7" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">付款账号</h5>
            </div>
            <div class="modal-body">
                <div class="sjs-option-height">
                    <table class="table table-bordered">
                        <tr><th colspan="2" class="text-center">工程款账户</th></tr>
                        <tr><td>开户名称</td><td><input type="text" id="project-name" class="form-control form-control-sm" oninput="limitReturn(this)"></td></tr>
                        <tr><td>开户银行</td><td><input type="text" id="project-bank" class="form-control form-control-sm" oninput="limitReturn(this)"></td></tr>
                        <tr><td>开户账号</td><td><input type="text" id="project-account" class="form-control form-control-sm" oninput="limitReturn(this)"></td></tr>
                        <tr><td>分账划拨比例（%）</td><td><input type="text" id="project-rate" class="form-control form-control-sm" oninput="limitReturn(this)"></td></tr>
                        <tr><td>联系人</td><td><input type="text" id="project-contact" class="form-control form-control-sm" oninput="limitReturn(this)"></td></tr>
                        <tr><td>联系电话</td><td><input type="text" id="project-phone" class="form-control form-control-sm" oninput="limitReturn(this)"></td></tr>
                        <tr><th colspan="2" class="text-center">农民工工资专用账户</th></tr>
                        <tr><td>开户名称</td><td><input type="text" id="worker-name" class="form-control form-control-sm" oninput="limitReturn(this)"></td></tr>
                        <tr><td>开户银行</td><td><input type="text" id="worker-bank" class="form-control form-control-sm" oninput="limitReturn(this)"></td></tr>
                        <tr><td>开户账号</td><td><input type="text" id="worker-account" class="form-control form-control-sm" oninput="limitReturn(this)"></td></tr>
                        <tr><td>分账划拨比例（%）</td><td><input type="text" id="worker-rate" class="form-control form-control-sm" oninput="limitReturn(this)"></td></tr>
                        <tr><td>联系人</td><td><input type="text" id="worker-contact" class="form-control form-control-sm" oninput="limitReturn(this)"></td></tr>
                        <tr><td>联系电话</td><td><input type="text" id="worker-phone" class="form-control form-control-sm" oninput="limitReturn(this)"></td></tr>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-sm btn-primary" onclick="post7()" >确认修改</button>
            </div>
        </div>
    </div>
</div>
<!--批量设置-->
<div class="modal fade" id="bd-set-8" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">从其他标段拷贝设置</h5>
            </div>
            <div class="modal-body">
                <div class="alert alert-warning mb-1">从以下标段拷贝设置</div>
                <div class="mb-1" id="setting-custom">
                <a class="btn btn-sm btn-light">
                    <div class="custom-control custom-checkbox">
                    <input type="checkbox" class="custom-control-input" checked data-type="tender">
                    <label class="custom-control-label text-primary" for="customCheckDisabld">标段属性</label>
                    </div>
                </a>
                <a class="btn btn-sm btn-light">
                    <div class="custom-control custom-checkbox">
                    <input type="checkbox" class="custom-control-input"  checked data-type="chapter">
                    <label class="custom-control-label text-primary" for="customCheckDisabld2">章节设置</label>
                    </div>
                </a>
                <a class="btn btn-sm btn-light">
                    <div class="custom-control custom-checkbox">
                    <input type="checkbox" class="custom-control-input" checked data-type="pay_account">
                    <label class="custom-control-label text-primary" for="customCheckDisabld3">付款账号</label>
                    </div>
                </a>
                </div>
                <div class="modal-height-300" id="copyModalContent">
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
                <button type="button" class="btn btn-sm btn-primary" id="copy_comfirm_btn">确认</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="sp-list" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header bg-dark text-white border-secondary">
                <h5 class="modal-title">审批进度详情</h5>
            </div>
            <div class="modal-body bg-dark text-white">
                <div class="modal-height-500" style="overflow: auto" id="audit-list">
                </div>
            </div>
            <div class="modal-footer bg-dark text-white border-secondary">
                <button type="button" class="btn btn-secondary btn-sm" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<script>
    let property = JSON.parse(unescape('<%- escape(JSON.stringify(tenderInfo)) %>'));
    let ledgerChecked = <%- (tender.ledger_status === audit.ledger.status.checked) && ((lastStage !== undefined && lastStage !== null) || !revise || !revise.valid || revise.status === audit.revise.status.checked) %>;
    let firstStageChecked = <%- lastStage !== undefined && lastStage !== null && (lastStage.order > 1 || (lastStage.order === 1 && lastStage.status === audit.stage.status.checked)) %>;

    // 根据Min Max限制Input输入
    function limitInputMinMax (obj) {
        if (_.toNumber(obj.value) > _.toNumber(obj.max)) {
            obj.value = obj.max;
        }
        if(_.toNumber(obj.value) < _.toNumber(obj.min)) {
            obj.value = obj.min;
        }
    }
    // 根据Maxlength限制input输入
    function limitMaxLength (obj) {
        if (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);
    }

    function limitDealParamLength(obj) {
        limitReg(obj, /[^\d\.]/g); // 过滤数字和.
        limitReg(obj, /\.{2,}/g); // 过滤第二个.
        limitInputMinMax(obj);
    }

    function limitReturn(obj) {
        limitReg(obj, /\s/g);
    }

    function checkNumberValid(obj) {
        const value = _.toNumber(obj.value);
        obj.value = value ? value : '';
    }

    // 属性
    function loadCommonProperty () {
        // 合同信息
        $('#build-name').val(property.deal_info.buildName);
        $('#deal-code').val(property.deal_info.dealCode);
        $('#deal-name').val(property.deal_info.dealName);
        $('#project-type').val(property.deal_info.projectType);
        $('#deal-type').val(property.deal_info.dealType);
        $('#final-code').val(property.deal_info.finalCode);

        // 参建单位
        // 建设单位
        $('#build-company').val(property.construction_unit.build.company);
        $('#build-corporation').val(property.construction_unit.build.corporation);
        $('#build-date').val(property.construction_unit.build.date);
        // 承包单位1
        $('#contract1-company').val(property.construction_unit.contract1.company);
        $('#contract1-corporation').val(property.construction_unit.contract1.corporation);
        $('#contract1-date').val(property.construction_unit.contract1.date);
        // 承包单位2
        $('#contract2-company').val(property.construction_unit.contract2.company);
        $('#contract2-corporation').val(property.construction_unit.contract2.corporation);
        $('#contract2-date').val(property.construction_unit.contract2.date);
        // 监理单位1
        $('#supervision1-company').val(property.construction_unit.supervision1.company);
        $('#supervision1-corporation').val(property.construction_unit.supervision1.corporation);
        $('#supervision1-date').val(property.construction_unit.supervision1.date);
        // 监理单位2
        $('#supervision2-company').val(property.construction_unit.supervision2.company);
        $('#supervision2-corporation').val(property.construction_unit.supervision2.corporation);
        $('#supervision2-date').val(property.construction_unit.supervision2.date);

        // 技术参数
        $('#load-level').find("option:contains('" + property.tech_param.loadLevel + "')").attr("selected",true);
        $('#length').val(property.tech_param.loadLength);
        $('#start-peg').val(property.tech_param.startPeg);
        $('#end-peg').val(property.tech_param.endPeg);
        $('#lane-count').val(property.tech_param.laneCount);
        $('#deal-period').val(property.tech_param.dealPeriod);
        $('#start-date').val(property.tech_param.startDate);
        $('#plan-end-date').val(property.tech_param.planEndDate);
        $('#real-start-date').val(property.tech_param.realStartDate);
        $('#real-end-date').val(property.tech_param.realEndDate);
        $('#structure-scale').val(property.tech_param.structureScale);

        // 中标信息
        $('#control-price').val(property.bid_info.controlPrice);
        $('#bid-price').val(property.bid_info.bidPrice);
        $('#bid-start-date').val(property.bid_info.bidStartDate);
        $('#bid-type').find("option:contains('" + property.bid_info.bidType + "')").attr("selected",true);
        $('#deal-calc-type').find("option:contains('" + property.bid_info.dealCalcType + "')").attr("selected",true);
    }

    $('#bd-set-1').on('show.bs.modal', function () {
        loadCommonProperty();
    })
    function post1 () {
        const prop = {
            deal_info: {
                buildName: $('#build-name').val(),
                dealCode: $('#deal-code').val(),
                dealName: $('#deal-name').val(),
                projectType: $('#project-type').val(),
                dealType: $('#deal-type').val(),
                finalCode: $('#final-code').val(),
            },
            construction_unit: {
                build: {
                    company: $('#build-company').val(),
                    corporation: $('#build-corporation').val(),
                    date: $('#build-date').val(),
                },
                contract1: {
                    company: $('#contract1-company').val(),
                    corporation: $('#contract1-corporation').val(),
                    date: $('#contract1-date').val(),
                },
                contract2: {
                    company: $('#contract2-company').val(),
                    corporation: $('#contract2-corporation').val(),
                    date: $('#contract2-date').val(),
                },
                supervision1: {
                    company: $('#supervision1-company').val(),
                    corporation: $('#supervision1-corporation').val(),
                    date: $('#supervision1-date').val(),
                },
                supervision2: {
                    company: $('#supervision2-company').val(),
                    corporation: $('#supervision2-corporation').val(),
                    date: $('#supervision2-date').val(),
                },
            },
            tech_param: {
                loadLevel: $('#load-level').find("option:selected").text(),
                loadLength: _.toNumber($('#length').val()),
                startPeg: $('#start-peg').val(),
                endPeg: $('#end-peg').val(),
                laneCount: _.toNumber($('#lane-count').val()),
                dealPeriod: $('#deal-period').val(),
                startDate: $('#start-date').val(),
                planEndDate: $('#plan-end-date').val(),
                realStartDate: $('#real-start-date').val(),
                realEndDate: $('#real-end-date').val(),
                structureScale: $('#structure-scale').val(),
            },
            bid_info: {
                controlPrice: _.toNumber($('#control-price').val()),
                bidPrice: _.toNumber($('#bid-price').val()),
                bidStartDate: $('#bid-start-date').val(),
                bidType: $('#bid-type').find("option:selected").text(),
                dealCalcType: $('#deal-calc-type').find("option:selected").text(),
            }
        };
        const tenderId = window.location.pathname.split('/')[2];
        postData('/tender/' + tenderId + '/save', prop, function (data) {
            property.deal_info = data.deal_info;
            property.construction_unit = data.construction_unit;
            property.tech_param = data.tech_param;
            property.bid_info = data.bid_info;
            $('#bd-set-1').modal('hide');
        });
    }

    // 小数位数
    function loadCalculateProperty () {
        $('#decimal-up').val(property.decimal.up);
        $('#decimal-tp').val(property.decimal.tp);

        $('#decimal-pay')[0].checked = property.decimal.pay;
        $('#decimal-pay-tp').val(property.decimal.payTp);
        $('#decimal-pay-tp')[0].disabled = !property.decimal.pay;

        $('#decimal-extra')[0].checked = property.decimal.extra;
        $('#decimal-extra-tp').val(property.decimal.extraTp);
        $('#decimal-extra-tp')[0].disabled = !property.decimal.extra;
    }
    $('#decimal-pay').change(() => {
        $('#decimal-pay-tp')[0].disabled = !$('#decimal-pay')[0].checked;
    });
    $('#decimal-extra').change(() => {
        $('#decimal-extra-tp')[0].disabled = !$('#decimal-extra')[0].checked;
    });
    $('#bd-set-2').on('show.bs.modal', function () {
        loadCalculateProperty();
    });
    function post2() {
        const prop = {
            decimal: {
                up: _.toNumber($('#decimal-up').val()),
                tp: _.toNumber($('#decimal-tp').val()),
                pay: $('#decimal-pay')[0].checked,
                payTp: _.toNumber($('#decimal-pay-tp').val()),
                extra: $('#decimal-extra')[0].checked,
                extraTp: _.toNumber($('#decimal-extra-tp').val()),
            }
        };
        if (ledgerChecked) {
            if (prop.decimal.up < property.decimal.up) {
                toastr.warning('台账已审批完成，单价的小数位数，不可小于' + property.decimal.up);
                return;
            }
            if (prop.decimal.tp < property.decimal.tp) {
                toastr.warning('台账已审批完成，金额的小数位数，不可小于' + property.decimal.tp);
                return;
            }
        }
        if (firstStageChecked) {
            if (property.decimal.pay) {
                if (!prop.decimal.pay) {
                    toastr.warning('第一期已审批完成，不可取消合同支付单独设置');
                    return;
                }
                if (prop.decimal.payTp < property.decimal.payTp) {
                    toastr.warning('第一期已审批完成，单独设置的合同支付小数位数，不可小于' + property.decimal.payTp);
                    return;
                }
            } else {
                if (prop.decimal.pay) {
                    toastr.warning('第一期已审批完成，合同支付不可单独设置');
                    return;
                }
            }
            if (property.decimal.extra) {
                if (!prop.decimal.extra) {
                    toastr.warning('第一期已审批完成，不可取消其他台账单独设置');
                    return;
                }
                if (prop.decimal.extraTp < property.decimal.extraTp) {
                    toastr.warning('第一期已审批完成，单独设置的其他台账小数位数，不可小于' + property.decimal.extraTp);
                    return;
                }
            } else {
                if (prop.decimal.extra) {
                    toastr.warning('第一期已审批完成，其他台账不可单独设置');
                    return;
                }
            }
        }
        const tenderId = window.location.pathname.split('/')[2];
        postData('/tender/' + tenderId + '/save', prop, function (data) {
            property.decimal = data.decimal;
            $('#bd-set-2').modal('hide');
        }, null, true);
    }

    // 清单精度
    const precisionObj = (function () {
        const spread = SpreadJsObj.createNewSpread($('#precision-spread')[0]);
        spread.options.showVerticalScrollbar = false;
        spread.options.showHorizontalScrollbar = false;
        const sheet = spread.getActiveSheet();
        SpreadJsObj.protectedSheet(sheet);
        sheet.setText(0, 0, '单位', spreadNS.SheetArea.colHeader);
        sheet.setText(0, 1, '精度', spreadNS.SheetArea.colHeader);
        sheet.setRowHeight(0, 32, spreadNS.SheetArea.colHeader);

        const vStyle = new spreadNS.Style();
        vStyle.font = '12px 微软雅黑';
        sheet.setDefaultStyle(vStyle, spreadNS.SheetArea.viewport);
        const xStyle = new spreadNS.Style();
        xStyle.font = '12px 微软雅黑';
        xStyle.vAlign = 1;
        xStyle.hAlign = 1;
        sheet.setDefaultStyle(xStyle, spreadNS.SheetArea.colHeader);
        const yStyle = new spreadNS.Style();
        yStyle.font = '12px 微软雅黑';
        yStyle.vAlign = 1;
        yStyle.hAlign = 1;
        sheet.setDefaultStyle(yStyle, spreadNS.SheetArea.rowHeader);

        SpreadJsObj.massOperationSheet(sheet, function () {
            sheet.defaults.rowHeight = 21;
            sheet.setColumnCount(2);
            sheet.setRowCount(13);
            sheet.setColumnWidth(0, 100);
            sheet.setColumnWidth(1, 60);
            sheet.getRange(0, 0, 13, 1).vAlign(1).backColor('#e4e7ea').locked(true);
            sheet.getRange(0, 1, 13, 1).vAlign(1).hAlign(2).locked(false);
            sheet.setText(0, 0, 't');
            sheet.setText(1, 0, 'km');
            sheet.setText(2, 0, 'm');
            sheet.setText(3, 0, 'm2');
            sheet.setText(4, 0, 'm3');
            sheet.setText(5, 0, 'kg');
            sheet.setText(6, 0, '个');
            sheet.setText(7, 0, '台');
            sheet.setText(8, 0, '套');
            sheet.setText(9, 0, '棵');
            sheet.setText(10, 0, '组');
            sheet.setText(11, 0, '系统');
            sheet.setText(12, 0, '其他未列单位');
            const lineBorder = new spreadNS.LineBorder('#dee2e6', spreadNS.LineStyle.thin);
            sheet.getRange(0, 0, 13, 2).setBorder(lineBorder, {all: true});
            sheet.getRange(0, 0, 13, 2).formatter('@');
            sheet.setSelection(0, 1, 1, 1);
        });

        spread.bind(spreadNS.Events.EditEnded, function (e, info) {
            const value = _.toNumber(info.editingText);
            if (!_.isInteger(value)) {
                toastr.warning('请输入0-6的整数');
                sheet.setText(info.row, info.col, '0');
            } else if (value > 6) {
                toastr.warning('请输入0-6的整数');
                sheet.setText(info.row, info.col, '6');
            } else if (value < 0) {
                toastr.warning('请输入0-6的整数');
                sheet.setText(info.row, info.col, '0');
            }
        });
        SpreadJsObj.addDeleteBind(spread, function (sheet) {
            const sel = sheet.getSelections()[0];
            if (sel) {
                for (let iRow = sel.row, iRowLength = sel.row + sel.rowCount; iRow < iRowLength; iRow++) {
                    for (let iCol = sel.col, iColLength = sel.col + sel.colCount; iCol < iColLength; iCol++) {
                        if (iCol !== 1) continue;
                        sheet.setText(iRow, iCol, '0');
                    }
                }
            }
        });
        spread.bind(spreadNS.Events.ClipboardPasted, function (e, info) {
            let bHint = false;
            for (let iRow = 0; iRow < info.cellRange.rowCount; iRow++) {
                const curRow = info.cellRange.row + iRow;
                for (let iCol = 0; iCol < info.cellRange.colCount; iCol++) {
                    const curCol = info.cellRange.col + iCol;
                    const value = _.toNumber(info.sheet.getText(curRow, curCol));
                    if (_.isNaN(value) || !_.isInteger(value)) {
                        bHint = true;
                        info.sheet.setText(curRow, curCol, '0');
                    } else if (value > 6) {
                        bHint = true;
                        info.sheet.setText(curRow, curCol, '6');
                    } else if (value < 0) {
                        bHint = true;
                        info.sheet.setText(curRow, curCol, '0');
                    }

                }
            }
            if (bHint) {
                toastr.warning('请输入0-6的整数');
            }
        });

        function loadPrecisonProperty() {
            $('#hint-3').hide();
            sheet.setValue(0, 1, property.precision.t.value);
            sheet.setValue(1, 1, property.precision.km.value);
            sheet.setValue(2, 1, property.precision.m.value);
            sheet.setValue(3, 1, property.precision.m2.value);
            sheet.setValue(4, 1, property.precision.m3.value);
            sheet.setValue(5, 1, property.precision.kg.value);
            sheet.setValue(6, 1, property.precision.ge.value);
            sheet.setValue(7, 1, property.precision.tai.value);
            sheet.setValue(8, 1, property.precision.tao.value);
            sheet.setValue(9, 1, property.precision.ke.value);
            sheet.setValue(10, 1, property.precision.zu.value);
            sheet.setValue(11, 1, property.precision.xitong.value);
            sheet.setValue(12, 1, property.precision.other.value);
        }
        function setReadOnly(readOnly) {
            sheet.getRange(0, 1, 13, 1).locked(readOnly);
        }
        function getNewPrecisionData() {
            const precision = JSON.parse(JSON.stringify(property.precision));
            precision.t.value = _.toNumber(sheet.getText(0, 1));
            precision.km.value = _.toNumber(sheet.getText(1, 1));
            precision.m.value = _.toNumber(sheet.getText(2, 1));
            precision.m2.value = _.toNumber(sheet.getText(3, 1));
            precision.m3.value = _.toNumber(sheet.getText(4, 1));
            precision.kg.value = _.toNumber(sheet.getText(5, 1));
            precision.ge.value = _.toNumber(sheet.getText(6, 1));
            precision.tai.value = _.toNumber(sheet.getText(7, 1));
            precision.tao.value = _.toNumber(sheet.getText(8, 1));
            precision.ke.value = _.toNumber(sheet.getText(9, 1));
            precision.zu.value = _.toNumber(sheet.getText(10, 1));
            precision.xitong.value = _.toNumber(sheet.getText(11, 1));
            precision.other.value = _.toNumber(sheet.getText(12, 1));
            return precision;
        }
        function checkPrecisionMinLimit(precision, limit) {
            for (const unit in precision) {
                if (precision[unit].value < limit[unit].value) {
                    if (precision[unit].unit) {
                        toastr.warning('台账已审批通过，清单精度不可减少，单位为' + limit[unit].unit + '的清单的精度不可小于' + limit[unit].value);
                    } else {
                        toastr.warning('台账已审批通过，清单精度不可减少，其他清单的精度不可小于' + limit[unit].value);
                    }
                    return false;
                }
            }
            return true;
        };

        return {loadPrecisonProperty, setReadOnly, getNewPrecisionData, checkPrecisionMinLimit};
    })();
    $('#bd-set-3').on('show.bs.modal', function () {
        <% if (!(
                ((tender.ledger_status === audit.ledger.status.uncheck || tender.ledger_status === audit.ledger.status.checkNo) && tender.user_id === ctx.session.sessionUser.accountId) ||
                (lastStage && lastStage.user_id === ctx.session.sessionUser.accountId && (lastStage.status === audit.stage.status.checkNo || lastStage.status === audit.stage.status.uncheck)) ||
                (!lastStage && revise && revise.valid && (revise.status === audit.revise.status.uncheck || revise.status === audit.revise.status.checkNo) && tender.user_id === ctx.session.sessionUser.accountId)
        )) { %>
        precisionObj.setReadOnly(true);
        <% } %>
        precisionObj.loadPrecisonProperty();
    });
    function post3 () {
        const prop = { precision: precisionObj.getNewPrecisionData() };
        if (ledgerChecked && !precisionObj.checkPrecisionMinLimit(prop.precision, property.precision)) return;
        const tenderId = window.location.pathname.split('/')[2];
        postData('/tender/' + tenderId + '/save', prop, function (data) {
            property.precision = data.precision;
            $('#bd-set-3').modal('hide');
        }, null, true);
    }

    // 合同参数
    const dealObj = (function () {
        const spread = SpreadJsObj.createNewSpread($('#param-spread')[0]);
        spread.options.showVerticalScrollbar = false;
        spread.options.showHorizontalScrollbar = false;
        const sheet = spread.getActiveSheet();
        SpreadJsObj.protectedSheet(sheet);
        sheet.setText(0, 0, '参数名', spreadNS.SheetArea.colHeader);
        sheet.setText(0, 1, '参数值', spreadNS.SheetArea.colHeader);
        sheet.setRowHeight(0, 32, spreadNS.SheetArea.colHeader);

        const vStyle = new spreadNS.Style();
        vStyle.font = '12px 微软雅黑';
        sheet.setDefaultStyle(vStyle, spreadNS.SheetArea.viewport);
        const xStyle = new spreadNS.Style();
        xStyle.font = '12px 微软雅黑';
        xStyle.vAlign = 1;
        xStyle.hAlign = 1;
        sheet.setDefaultStyle(xStyle, spreadNS.SheetArea.colHeader);
        const yStyle = new spreadNS.Style();
        yStyle.font = '12px 微软雅黑';
        yStyle.vAlign = 1;
        yStyle.hAlign = 1;
        sheet.setDefaultStyle(yStyle, spreadNS.SheetArea.rowHeader);

        SpreadJsObj.massOperationSheet(sheet, function () {
            sheet.defaults.rowHeight = 21;
            sheet.setColumnCount(2);
            sheet.setRowCount(5);
            sheet.setColumnWidth(0, 200);
            sheet.setColumnWidth(1, 200);
            sheet.getRange(0, 0, 5, 1).vAlign(1).backColor('#e4e7ea').locked(true);
            sheet.getRange(0, 1, 5, 1).vAlign(1).hAlign(2).locked(false);
            sheet.setText(0, 0, '签约合同价');
            sheet.setText(1, 0, '暂列金额');
            sheet.setText(2, 0, '签约合同价（不含暂列金）');
            sheet.setText(3, 0, '签约开工预付款');
            sheet.setText(4, 0, '签约材料预付款');
            sheet.setText(5, 0, '安全生产费');
            sheet.getCell(2, 1).locked(true);
            const lineBorder = new spreadNS.LineBorder('#dee2e6', spreadNS.LineStyle.thin);
            sheet.getRange(0, 0, 5, 2).setBorder(lineBorder, {all: true});
            sheet.getRange(0, 0, 5, 2).formatter('@');
            sheet.setSelection(0, 1, 1, 1);
        });

        const cap100spread = SpreadJsObj.createNewSpread($('#cap100-spread')[0]);
        cap100spread.options.showVerticalScrollbar = false;
        cap100spread.options.showHorizontalScrollbar = false;
        const cap100sheet = cap100spread.getActiveSheet();
        SpreadJsObj.protectedSheet(cap100sheet);
        cap100sheet.setText(0, 0, '参数名', spreadNS.SheetArea.colHeader);
        cap100sheet.setText(0, 1, '参数值', spreadNS.SheetArea.colHeader);
        cap100sheet.setRowHeight(0, 32, spreadNS.SheetArea.colHeader);
        cap100sheet.setDefaultStyle(vStyle, spreadNS.SheetArea.viewport);
        cap100sheet.setDefaultStyle(xStyle, spreadNS.SheetArea.colHeader);
        cap100sheet.setDefaultStyle(yStyle, spreadNS.SheetArea.rowHeader);

        SpreadJsObj.massOperationSheet(cap100sheet, function () {
            cap100sheet.defaults.rowHeight = 21;
            cap100sheet.setColumnCount(2);
            cap100sheet.setRowCount(2);
            cap100sheet.setColumnWidth(0, 200);
            cap100sheet.setColumnWidth(1, 200);
            cap100sheet.getRange(0, 0, 2, 1).vAlign(1).backColor('#e4e7ea').locked(true);
            cap100sheet.getRange(0, 1, 2, 1).vAlign(1).hAlign(2).locked(false);
            cap100sheet.setText(0, 0, '安全生产费');
            cap100sheet.setText(1, 0, '扬尘污染费');
            const cap100lineBorder = new spreadNS.LineBorder('#dee2e6', spreadNS.LineStyle.thin);
            cap100sheet.getRange(0, 0, 2, 2).setBorder(cap100lineBorder, {all: true});
            cap100sheet.getRange(0, 0, 2, 2).formatter('@');
            cap100sheet.setSelection(0, 1, 1, 1);
        });

        function calcHtjMinusZlj() {
            const htj = _.toNumber(sheet.getText(0, 1));
            const zlj = _.toNumber(sheet.getText(1, 1));
            sheet.setValue(2, 1, ZhCalc.sub(htj, zlj));
        }

        spread.bind(spreadNS.Events.EditEnded, function (e, info) {
            const value = _.toNumber(info.editingText);
            if (_.isNaN(value)) {
                toastr.warning('请输入不超过万亿的数字');
                info.sheet.setText(info.row, info.col, '0');
            } else if (value > Math.pow(10, 13)) {
                toastr.warning('请输入不超过万亿的数字');
                info.sheet.setText(info.row, info.col, '0');
            }
            if (info.row === 0 || info.row === 1) {
                calcHtjMinusZlj();
            }
        });
        SpreadJsObj.addDeleteBind(spread, function (sheet) {
            const sel = sheet.getSelections()[0];
            let calc = false;
            if (sel) {
                for (let iRow = sel.row, iRowLength = sel.row + sel.rowCount; iRow < iRowLength; iRow++) {
                    if (iRow === 2) continue;
                    for (let iCol = sel.col, iColLength = sel.col + sel.colCount; iCol < iColLength; iCol++) {
                        if (iCol !== 1) continue;
                        sheet.setText(iRow, iCol, '0');
                        if (iRow === 0 || iRow === 1) calc = true;
                    }
                }
            }
            if (calc) calcHtjMinusZlj();
        });
        spread.bind(spreadNS.Events.ClipboardPasted, function (e, info) {
            let bHint = false;
            for (let iRow = 0; iRow < info.cellRange.rowCount; iRow++) {
                const curRow = info.cellRange.row + iRow;
                for (let iCol = 0; iCol < info.cellRange.colCount; iCol++) {
                    const curCol = info.cellRange.col + iCol;
                    const value = _.toNumber(info.sheet.getText(curRow, curCol));
                    if (_.isNaN(value) || value > Math.pow(10, 13)) {
                        bHint = true;
                        info.sheet.setText(curRow, curCol, '0');
                    }
                }
            }
            if (bHint) {
                toastr.warning('请输入不超过万亿的数字');
            }
            calcHtjMinusZlj();
        });
        cap100spread.bind(spreadNS.Events.EditEnded, function (e, info) {
            const value = _.toNumber(info.editingText);
            if (_.isNaN(value)) {
                toastr.warning('请输入不超过万亿的数字');
                info.sheet.setText(info.row, info.col, '0');
            } else if (value > Math.pow(10, 13)) {
                toastr.warning('请输入不超过万亿的数字');
                info.sheet.setText(info.row, info.col, '0');
            }
            // if (info.row === 0 || info.row === 1) {
            //     calcHtjMinusZlj();
            // }
        });
        SpreadJsObj.addDeleteBind(cap100spread, function (sheet) {
            const sel = sheet.getSelections()[0];
            // let calc = false;
            if (sel) {
                for (let iRow = sel.row, iRowLength = sel.row + sel.rowCount; iRow < iRowLength; iRow++) {
                    if (iRow === 2) continue;
                    for (let iCol = sel.col, iColLength = sel.col + sel.colCount; iCol < iColLength; iCol++) {
                        if (iCol !== 1) continue;
                        sheet.setText(iRow, iCol, '0');
                        // if (iRow === 0 || iRow === 1) calc = true;
                    }
                }
            }
            // if (calc) calcHtjMinusZlj();
        });
        cap100spread.bind(spreadNS.Events.ClipboardPasted, function (e, info) {
            let bHint = false;
            for (let iRow = 0; iRow < info.cellRange.rowCount; iRow++) {
                const curRow = info.cellRange.row + iRow;
                for (let iCol = 0; iCol < info.cellRange.colCount; iCol++) {
                    const curCol = info.cellRange.col + iCol;
                    const value = _.toNumber(info.sheet.getText(curRow, curCol));
                    if (_.isNaN(value) || value > Math.pow(10, 13)) {
                        bHint = true;
                        info.sheet.setText(curRow, curCol, '0');
                    }
                }
            }
            if (bHint) {
                toastr.warning('请输入不超过万亿的数字');
            }
        });

        function loadDealProperty() {
            sheet.setValue(0, 1, property.deal_param.contractPrice);
            sheet.setValue(1, 1, property.deal_param.zanLiePrice);
            sheet.setValue(2, 1, ZhCalc.sub(property.deal_param.contractPrice, property.deal_param.zanLiePrice));
            sheet.setValue(3, 1, property.deal_param.startAdvance);
            sheet.setValue(4, 1, property.deal_param.materialAdvance);
            // sheet.setValue(5, 1, property.deal_param.safeAdvance);
            cap100sheet.setValue(0, 1, property.deal_param.safeAdvance);
            cap100sheet.setValue(1, 1, property.deal_param.dustAdvance);

        }
        function setReadOnly (readOnly) {
            sheet.getCell(0, 1).locked(readOnly);
            sheet.getCell(1, 1).locked(readOnly);
            sheet.getCell(3, 1).locked(readOnly);
            sheet.getCell(4, 1).locked(readOnly);
            // sheet.getCell(5, 1).locked(readOnly);
            cap100sheet.getCell(0, 1).locked(readOnly);
            cap100sheet.getCell(1, 1).locked(readOnly);
        }
        function getNewDealData () {
            const result = {};
            result.contractPrice = _.toNumber(sheet.getText(0, 1));
            result.zanLiePrice = _.toNumber(sheet.getText(1, 1));
            result.startAdvance = _.toNumber(sheet.getText(3, 1));
            result.materialAdvance = _.toNumber(sheet.getText(4, 1));
            // result.safeAdvance = _.toNumber(sheet.getText(5, 1));
            result.safeAdvance = _.toNumber(cap100sheet.getText(0, 1));
            result.dustAdvance = _.toNumber(cap100sheet.getText(1, 1));
            return result;
        }

        return { loadDealProperty, setReadOnly, getNewDealData, };
    })();
    $('#bd-set-4').on('show.bs.modal', function () {
        dealObj.loadDealProperty();
        <% if (lastStage !== undefined && lastStage !== null && (lastStage.user_id !== ctx.session.sessionUser.accountId || lastStage.order > 1 || (lastStage.order === 1 && (lastStage.status !== audit.stage.status.uncheck && lastStage.status !== audit.stage.status.checkNo)))) { %>
            dealObj.setReadOnly(true);
        <% } %>
    });
    function post4 () {
        if (firstStageChecked) return;
        const prop = { deal_param: dealObj.getNewDealData() };
        const tenderId = window.location.pathname.split('/')[2];
        postData('/tender/' + tenderId + '/save', prop, function (data) {
            property.deal_param = data.deal_param;
            $('#bd-set-4').modal('hide');
            window.location.reload();
        });
    }

    // 显示设置
    function loadDisplayProperty () {
        $('#ledger-dgn-qty')[0].checked = property.display.ledger.dgnQty;
        $('#ledger-cl-qty')[0].checked = property.display.ledger.clQty;
        $('#thousandth')[0].checked = property.display.thousandth;
        $('#stage-rc')[0].checked = property.display.stage.realComplete;
        $('#stage-correct')[0].checked = property.display.stage.correct;
    }
    $('#bd-set-5').on('show.bs.modal', function () {
        loadDisplayProperty();
    });
    function post5 () {
        const prop = {
            display: {
                ledger: { dgnQty: $('#ledger-dgn-qty')[0].checked, clQty: $('#ledger-cl-qty')[0].checked, },
                thousandth: $('#thousandth')[0].checked,
                stage: { realComplete: $('#stage-rc')[0].checked, correct: $('#stage-correct')[0].checked },
            },
        };
        const tenderId = window.location.pathname.split('/')[2];
        postData('/tender/' + tenderId + '/save', prop, function (data) {
            property.display = data.display;
            $('#bd-set-5').modal('hide');
        });
    }

    // 章节设置
    const chapterObj = (function () {
        const spreadSetting = {
            cols: [
                {title: '章节', colSpan: '1', rowSpan: '1', field: 'code', hAlign: 0, width: 100, formatter: '@', readOnly: true},
                {title: '名称', colSpan: '1', rowSpan: '1', field: 'name', hAlign: 0, width: 230, formatter: '@', readOnly: true},
            ],
            emptyRows: 0,
            headRows: 1,
            headRowHeight: [32],
            defaultRowHeight: 21,
            headerFont: '12px 微软雅黑',
            font: '12px 微软雅黑',
        };
        const spread = SpreadJsObj.createNewSpread($('#chapter-spread')[0]);
        spread.options.showVerticalScrollbar = false;
        spread.options.showHorizontalScrollbar = false;
        SpreadJsObj.initSheet(spread.getActiveSheet(), spreadSetting);

        function checkSheetData(sheet) {
            let hint = '';
            for (let iRow = 0; iRow < sheet.getRowCount(); iRow++) {
                const cell = sheet.getCell(iRow, 1);
                const defaultStype = sheet.getDefaultStyle();
                cell.text(cell.text().replace(/\s/g, ''))
                if (cell.text().length > 50) {
                    cell.backColor('#f8d7da');
                    hint = '章节名称的长度超出范围，请重新输入';
                } else {
                    cell.backColor(defaultStype.backColor);
                }
            }
            if (hint === '') {
                $('#hint-6').hide();
            } else {
                $('#hint-6').html('<i class="fa fa-smile-o mr-2"></i>' + hint).show();
            }
        }

        spread.bind(spreadNS.Events.EditEnding, function (e, info) {
            checkSheetData(info.sheet);
        });
        spread.bind(spreadNS.Events.EditEnded, function (e, info) {
            checkSheetData(info.sheet);
        });
        spread.bind(spreadNS.Events.ClipboardPasted, function (e, info) {
            checkSheetData(info.sheet);
        });

        function loadChapterProperty() {
            SpreadJsObj.loadSheetData(spread.getActiveSheet(), SpreadJsObj.DataType.Data, property.chapter);
            $('#hint-6').hide();
            const sheet = spread.getActiveSheet();
            const defaultStype = sheet.getDefaultStyle();
            sheet.getRange(0, 0, sheet.getRowCount(), sheet.getColumnCount()).backColor(defaultStype.backColor);
        }

        function setReadOnly(readOnly) {
            SpreadJsObj.resetFieldReadOnly(spread.getActiveSheet(), 'name', readOnly);
        }

        function getNewChapterData() {
            const result = [];
            const sheet = spread.getActiveSheet();
            for (let iRow = 0; iRow < sheet.getRowCount(); iRow++) {
                const data = {};
                for (let iCol = 0; iCol < sheet.getColumnCount(); iCol++) {
                    const col = spreadSetting.cols[iCol];
                    data[col.field] = sheet.getText(iRow, iCol).replace(/\s/g, '');
                    if (col.field === 'name') {
                        if (data.name.length > 50) {
                            return null;
                        }
                    }
                }
                result.push(data);
            }
            return result;
        }

        return { loadChapterProperty, setReadOnly, getNewChapterData, }
    })();
    $('#bd-set-6').on('show.bs.modal', function () {
        chapterObj.loadChapterProperty();
        chapterObj.setReadOnly(false);
    });
    function post6 () {
        const chapter = chapterObj.getNewChapterData();
        if (!chapter) { return; }
        const tenderId = window.location.pathname.split('/')[2];
        postData('/tender/' + tenderId + '/save', { chapter: chapter }, function (data) {
            property.chapter = data.chapter;
            $('#bd-set-6').modal('hide');
        });
    }

    // 属性
    function loadPayProperty () {
        // 付款账号
        $('#project-name').val(property.pay_account.project.name);
        $('#project-bank').val(property.pay_account.project.bank);
        $('#project-account').val(property.pay_account.project.account);
        $('#project-rate').val(property.pay_account.project.rate);
        $('#project-contact').val(property.pay_account.project.contact);
        $('#project-phone').val(property.pay_account.project.phone);

        $('#worker-name').val(property.pay_account.worker.name);
        $('#worker-bank').val(property.pay_account.worker.bank);
        $('#worker-account').val(property.pay_account.worker.account);
        $('#worker-rate').val(property.pay_account.worker.rate);
        $('#worker-contact').val(property.pay_account.worker.contact);
        $('#worker-phone').val(property.pay_account.worker.phone);
    }
    $('#bd-set-7').on('show.bs.modal', function () {
        loadPayProperty();
    })
    function post7 () {
        let flag = false;
        const rate_reg = /^(([1-9][0-9]*)|(([0]\.\d{1,2}|[1-9][0-9]*\.\d{1,2}))|)$/;
        const phone_reg = /^((0\d{2,3}-\d{7,8})|(1[3456789]\d{9}))$/;

        const project_rate = $('#project-rate').val();
        if (!rate_reg.test(project_rate) && project_rate !== '') {
            toastr.error('工程款账户分账划拨比例数字格式有误且最多保留2位小数');
            flag = true;
        }

        const project_phone = $('#project-phone').val();
        if (!phone_reg.test(project_phone) && project_phone !== '') {
            toastr.error('工程款账户联系电话格式有误');
            flag = true;
        }

        const worker_rate = $('#worker-rate').val();
        if (!rate_reg.test(worker_rate) && worker_rate !== '') {
            toastr.error('农民工工资专用账户分账划拨比例数字格式有误且最多保留2位小数');
            flag = true;
        }

        const worker_phone = $('#worker-phone').val();
        if (!phone_reg.test(worker_phone) && worker_phone !== '') {
            toastr.error('农民工工资专用账户联系电话格式有误');
            flag = true;
        }
        if (flag) {
            return false;
        }
        const prop = {
            pay_account: {
                project: {
                    name: $('#project-name').val(),
                    bank: $('#project-bank').val(),
                    account: $('#project-account').val(),
                    rate: $('#project-rate').val(),
                    contact: $('#project-contact').val(),
                    phone: $('#project-phone').val(),
                },
                worker: {
                    name: $('#worker-name').val(),
                    bank: $('#worker-bank').val(),
                    account: $('#worker-account').val(),
                    rate: $('#worker-rate').val(),
                    contact: $('#worker-contact').val(),
                    phone: $('#worker-phone').val(),
                },
            },
        };
        const tenderId = window.location.pathname.split('/')[2];
        postData('/tender/' + tenderId + '/save', prop, function (data) {
            property.pay_account = data.pay_account;
            $('#bd-set-7').modal('hide');
        });
    }
</script>
<% if (ctx.session.sessionUser.is_admin) { %>
<!--游客账号-->
<div class="modal fade" id="bd-set-9" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">游客账号</h5>
            </div>
            <div class="modal-body">
                <div class="dropdown text-right">
                    <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" id="tourist_dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        添加游客
                    </button>
                    <div class="dropdown-menu dropdown-menu-right" id="tourist_dropdownMenu" aria-labelledby="tourist_dropdownMenuButton" style="width:220px">
                        <div class="mb-2 p-2"><input class="form-control form-control-sm gr-search"
                                                     placeholder="姓名/手机 检索" autocomplete="off"></div>
                        <dl class="list-unstyled book-list">
                            <% accountGroup.forEach((group, idx) => { %>
                                <dt><a href="javascript: void(0);" class="acc-btn" data-groupid="<%- idx %>" data-type="hide"><i class="fa fa-plus-square"></i></a> <%- group.groupName %></dt>
                                <div class="dd-content" data-toggleid="<%- idx %>">
                                    <% group.groupList.forEach(item => { %>
                                        <% if (item.id !== ctx.tender.data.user_id) { %>
                                            <dd class="border-bottom p-2 mb-0 " data-id="<%- item.id %>" >
                                                <p class="mb-0 d-flex"><span class="text-primary"><%- item.name %></span><span
                                                            class="ml-auto"><%- item.mobile %></span></p>
                                                <span class="text-muted"><%- item.role %></span>
                                            </dd>
                                        <% } %>
                                    <% });%>
                                </div>
                            <% }) %>
                        </dl>
                    </div>
                </div>
                <div class="mt-3">
                    <!-- <div class="card-header">
                      游客列表
                    </div> -->
                    <div class="">
                        <table class="table table-bordered">
                            <tr><th>用户</th><th>附件</th><th >书签</th><th>设置</th></tr>
                            <tbody id="tourist-users">
                            <% for (const t of tourists) { %>
                                <tr data-id="<%- t.user_id %>">
                                    <td><b class="col-3 pl-0"><%- t.user_name %></b></td>
                                    <td>
                                        <div class="custom-control custom-checkbox mb-2">
                                            <input type="checkbox" id="<%- t.id %>_file" data-id="<%- t.id %>" name="file" class="custom-control-input set-tourist-permission" <% if(t.permission.file) { %>checked<% } %>>
                                            <label class="custom-control-label" for="<%- t.id %>_file"></label>
                                        </div>
                                    </td>
                                    <td>
                                        <div class="custom-control custom-checkbox mb-2">
                                            <input type="checkbox" id="<%- t.id %>_tag" data-id="<%- t.id %>" name="tag" class="custom-control-input set-tourist-permission" <% if(t.permission.tag) { %>checked<% } %>>
                                            <label class="custom-control-label" for="<%- t.id %>_tag"></label>
                                        </div>
                                    </td>
                                    <td><a href="javascript:void(0);" data-id="<%- t.id %>" class="text-danger remove-tourist-user">移除</a></td>
                                </tr>
                            <% } %>
                            </tbody>
                        </table>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<!--上报控制-->
<div class="modal fade" id="bd-set-10" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">上报控制</h5>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <div class="custom-control custom-checkbox mb-2">
                        <input type="checkbox" class="custom-control-input" id="lc_same_code" checked="">
                        <label class="custom-control-label" for="lc_same_code">重复项目节</label>
                    </div>
                    <div class="custom-control custom-checkbox mb-2">
                        <input type="checkbox" class="custom-control-input" id="lc_sibling" checked="">
                        <label class="custom-control-label" for="lc_sibling">项目节清单同层次</label>
                    </div>
                    <div class="custom-control custom-checkbox mb-2">
                        <input type="checkbox" class="custom-control-input" id="lc_over" checked="">
                        <label class="custom-control-label" for="lc_over">超计判断</label>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-sm btn-primary" onclick="post10()">确认修改</button>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="bd-set-12" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">功能设置</h5>
            </div>
            <div class="modal-body">
                <div class="form-group">
                    <div class="custom-control custom-checkbox mb-2">
                        <input type="checkbox" class="custom-control-input" id="sl_ignoreParent" checked="">
                        <label class="custom-control-label" for="sl_ignoreParent">计量台账-导入其他标段数据-忽略父项</label>
                    </div>
                </div>
                <div class="form-group">
                    <div class="custom-control custom-checkbox mb-2">
                        <input type="checkbox" class="custom-control-input" id="sr_show" checked="">
                        <label class="custom-control-label" for="sr_show">关联台账</label>
                    </div>
                </div>
                <div class="form-group">
                    <div class="custom-control custom-checkbox mb-2">
                        <input type="checkbox" class="custom-control-input" id="hint_over" checked="">
                        <label class="custom-control-label" for="hint_over">超计时标红显示</label>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-sm btn-primary" onclick="post12()">确认修改</button>
            </div>
        </div>
    </div>
</div>
<script>
    const accountGroup = JSON.parse(unescape('<%- escape(JSON.stringify(accountGroup)) %>'));
    const accountList = JSON.parse(unescape('<%- escape(JSON.stringify(accountList)) %>'));
    const cur_tender_uid = parseInt('<%- ctx.tender.data.user_id %>');
    const cur_tenderid = parseInt('<%- ctx.tender.id %>');
    const loadLedgerCheckProperty = function () {
        $('#lc_same_code')[0].checked = property.ledger_check.same_code;
        $('#lc_sibling')[0].checked = property.ledger_check.sibling;
        $('#lc_over')[0].checked = property.ledger_check.over;
    };

    $('#bd-set-10').on('show.bs.modal', function () {
        loadLedgerCheckProperty();
    });

    function post10 () {
        const prop = {
            ledger_check: {
                same_code: $('#lc_same_code')[0].checked,
                sibling: $('#lc_sibling')[0].checked,
                over: $('#lc_over')[0].checked,
            },
        };
        const tenderId = window.location.pathname.split('/')[2];
        postData('/tender/' + tenderId + '/save2', prop, function (data) {
            property.ledger_check = data.ledger_check;
            $('#bd-set-10').modal('hide');
        });
    }

    const loadFunRelaProperty = function () {
        $('#sl_ignoreParent')[0].checked = property.fun_rela.sum_load.ignoreParent;
        $('#sr_show')[0].checked = property.fun_rela.stage_rela.show;
        $('#hint_over')[0].checked = property.fun_rela.hintOver;
    };

    $('#bd-set-12').on('show.bs.modal', function () {
        loadFunRelaProperty();
    });
    function post12 () {
        const prop = {
            fun_rela: {
                hintOver: $('#hint_over')[0].checked,
                sum_load: {
                    ignoreParent: $('#sl_ignoreParent')[0].checked,
                },
                stage_rela: {
                    show: $('#sr_show')[0].checked,
                }
            },
        };
        const tenderId = window.location.pathname.split('/')[2];
        postData('/tender/' + tenderId + '/save2', prop, function (data) {
            property.fun_rela = data.fun_rela;
            $('#bd-set-12').modal('hide');
        });
    }
    $(function () {
        // 投资进度
        let timer2 = null;
        let oldSearchVal2 = null;
        $('body').on('input propertychange', '#tourist_dropdownMenu .gr-search', function (e) {
            oldSearchVal2 = e.target.value;
            timer2 && clearTimeout(timer2);
            timer2 = setTimeout(() => {
                const newVal = $(this).val();
                let html = '';
                if (newVal && newVal === oldSearchVal2) {
                    accountList.filter(item => item && item.id !== cur_tender_uid && (item.name.indexOf(newVal) !== -1 || (item.mobile && item.mobile.indexOf(newVal) !== -1))).forEach(item => {
                        html += `<dd class="border-bottom p-2 mb-0 " data-id="${item.id}" >
                        <p class="mb-0 d-flex"><span class="text-primary">${item.name}</span><span
                                class="ml-auto">${item.mobile || ''}</span></p>
                        <span class="text-muted">${item.role || ''}</span>
                    </dd>`
                    });
                    $('#tourist_dropdownMenu .book-list').empty();
                    $('#tourist_dropdownMenu .book-list').append(html);
                } else {
                    if (!$('#tourist_dropdownMenu .acc-btn').length) {
                        accountGroup.forEach((group, idx) => {
                            if (!group) return;
                            html += `<dt><a href="javascript: void(0);" class="acc-btn" data-groupid="${idx}" data-type="hide"><i class="fa fa-plus-square"></i>
                        </a> ${group.groupName}</dt>
                        <div class="dd-content" data-toggleid="${idx}">`;
                            group.groupList.forEach(item => {
                                if (item.id !== cur_tender_uid) {
                                    html += `<dd class="border-bottom p-2 mb-0 " data-id="${item.id}" >
                                    <p class="mb-0 d-flex"><span class="text-primary">${item.name}</span><span
                                            class="ml-auto">${item.mobile || ''}</span></p>
                                    <span class="text-muted">${item.role || ''}</span>
                                </dd>`;
                                }
                            });
                            html += '</div>';
                        });
                        $('#tourist_dropdownMenu .book-list').empty();
                        $('#tourist_dropdownMenu .book-list').append(html);
                    }
                }
            }, 400);
        });

        // 添加审批流程按钮逻辑
        $('body').on('click', '#tourist_dropdownMenu .book-list dt', function () {
            const idx = $(this).find('.acc-btn').attr('data-groupid');
            const type = $(this).find('.acc-btn').attr('data-type');
            if (type === 'hide') {
                $(this).parent().find(`div[data-toggleid="${idx}"]`).show(() => {
                    $(this).children().find('i').removeClass('fa-plus-square').addClass('fa-minus-square-o');
                    $(this).find('.acc-btn').attr('data-type', 'show');

                })
            } else {
                $(this).parent().find(`div[data-toggleid="${idx}"]`).hide(() => {
                    $(this).children().find('i').removeClass('fa-minus-square-o').addClass('fa-plus-square');
                    $(this).find('.acc-btn').attr('data-type', 'hide');
                })
            }
            return false;
        });

        // 选中用户
        $('body').on('click', '#tourist_dropdownMenu dl dd', function () {
            const id = parseInt($(this).data('id'));
            if (id) {
                const user = _.find(accountList, function (item) {
                    return item.id === id;
                });
                const saIdList = [];
                for (let i = 0; i < $('#tourist-users tr').length; i++) {
                    saIdList.push(parseInt($('#tourist-users tr').eq(i).data('id')));
                }
                if (_.includes(saIdList, id)) {
                    toastr.error('该用户已存在列表中，无需重复添加');
                    return;
                }

                const prop = {
                    user_id: id,
                    type: 'add',
                };
                postData('/tender/' + cur_tenderid + '/tourist/audit/save', prop, function (data) {
                    // const html = '<li class="list-group-item"  data-id="' + user.id + '">\n' +
                    //     '<a href="javascript:void(0);" class="text-danger pull-right remove-tourist-user" data-id="' + data.id + '">移除</a>' + user.name + '  ' +
                    //     '<small class="text-muted">' + user.role + '</small><p class="m-0 ml-2"><small class="text-muted">' + user.company + '</small></p></li>';
                    const html = '<tr data-id="' + user.id + '">\n' +
                        '                                    <td><b class="col-3 pl-0">' + user.name + '</b></td>\n' +
                        '                                    <td>\n' +
                        '                                        <div class="custom-control custom-checkbox mb-2">\n' +
                        '                                            <input type="checkbox" id="'+ data.id +'_file" data-id="'+ data.id +'" name="file" class="custom-control-input set-tourist-permission">\n' +
                        '                                            <label class="custom-control-label" for="'+ data.id +'_file"></label>\n' +
                        '                                        </div>\n' +
                        '                                    </td>\n' +
                        '                                    <td>\n' +
                        '                                        <div class="custom-control custom-checkbox mb-2">\n' +
                        '                                            <input type="checkbox" id="'+ data.id +'_tag" data-id="'+ data.id +'" name="tag" class="custom-control-input set-tourist-permission">\n' +
                        '                                            <label class="custom-control-label" for="'+ data.id +'_tag"></label>\n' +
                        '                                        </div>\n' +
                        '                                    </td>\n' +
                        '                                    <td><a href="javascript:void(0);" data-id="' + data.id + '" class="text-danger remove-tourist-user">移除</a></td>\n' +
                        '                                </tr>';
                    $('#tourist-users').append(html);
                    // 外面显示游客数量
                    const num = $('#tourist-users tr').length;
                    if (!$('#tourist-num').hasClass('badge')) {
                        $('#tourist-num').addClass('badge badge-secondary').text(num);
                    } else {
                        $('#tourist-num').text(num);
                    }
                });
            }
        });

        // 移除用户
        $('body').on('click', '#tourist-users .remove-tourist-user', function () {
            const id = parseInt($(this).data('id'));
            if (id) {
                const prop = {
                    id,
                    type: 'del',
                };
                const _self = $(this);
                postData('/tender/' + cur_tenderid + '/tourist/audit/save', prop, function (data) {
                    _self.parents('tr').remove();
                    // 外面显示游客数量
                    const num = $('#tourist-users tr').length;
                    if (num == 0) {
                        $('#tourist-num').removeClass('badge badge-secondary').text('');
                    } else {
                        $('#tourist-num').text(num);
                    }
                });
            }
        });

        // 权限设置
        $('body').on('click', '#tourist-users .set-tourist-permission', function () {
            const id = parseInt($(this).data('id'));
            const permission = {
                file: ($(this).attr('name') === 'file' ? $(this).is(':checked') : $('#' + id + '_file').is(':checked')) ? 1 : 0,
                tag: ($(this).attr('name') === 'tag' ? $(this).is(':checked') : $('#' + id + '_tag').is(':checked')) ? 1 : 0,
            }
            const prop = {
                id,
                type: 'permission',
                permission,
            }
            console.log(prop);
            postData('/tender/' + cur_tenderid + '/tourist/audit/save', prop, function (data) {
            });
        });
    });
</script>
<!--概况设置-->
<div class="modal fade" id="bd-set-11" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">概况设置</h5>
            </div>
            <div class="modal-body">
                <div class="row">
                    <div class="col-6">
                        <div class="card <% if (!hadMap) { %>border-dark<% } %>">
                            <div class="card-body">
                                <h5 class="card-title"><i class="fa fa-bookmark"></i> 无地图版</h5>
                                <p class="card-text">概况中间展示图表</p>
                                <% if (hadMap) { %>
                                <a href="javascript:void(0);" data-value="1" class="btn select-map btn-primary btn-sm">选择</a>
                                <% } else { %>
                                <a href="javascript:void(0);" data-value="1" class="btn btn-primary btn-sm disabled">当前</a>
                                <% } %>
                            </div>
                        </div>
                    </div>
                    <div class="col-6">
                        <div class="card <% if (hadMap) { %>border-dark<% } %>">
                            <div class="card-body">
                                <h5 class="card-title"><i class="fa fa-bookmark"></i> 地图版</h5>
                                <p class="card-text">概况中间展示地图</p>
                                <% if (!hadMap) { %>
                                    <a href="javascript:void(0);" data-value="0" class="btn select-map btn-primary btn-sm">选择</a>
                                <% } else { %>
                                    <a href="javascript:void(0);" data-value="0" class="btn btn-primary btn-sm disabled">当前</a>
                                <% } %>
                                <a href="#bd-set-11-1" data-toggle="modal" data-target="#bd-set-11-1" data-dismiss="modal">编辑地图</a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">取消</button>
                <button type="button" class="btn btn-sm btn-primary" id="save-select-map" >确认修改</button>
            </div>
        </div>
    </div>
</div>
<!--地图路线-->
<div class="modal fade" id="bd-set-11-1" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">地图路线</h5>
            </div>
            <div class="modal-body">
                <a href="javascript:void(0)" id="add-map" class="btn btn-primary btn-sm">添加路线</a>
                <div style="max-height:450px;overflow: auto">
                    <table class="table table-bordered table-sm">
                        <tr><th>路线</th><th width="150">编辑</th></tr>
                        <tbody id="map-table">
                        <% for (const tm of tenderMapList) { %>
                        <tr><td><%- tm.name %></td><td><a href="#bd-set-11-2" data-mid="<%- tm.id %>" data-toggle="modal" data-target="#bd-set-11-2" data-dismiss="modal" class="save-map-btn">编辑坐标</a> <a href="#bd-set-11-3" data-mid="<%- tm.id %>" data-toggle="modal" data-target="#bd-set-11-3" data-dismiss="modal" class="text-danger del-map-btn">删除</a></td></tr>
                        <% } %>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
                <% if (hadMap) { %>
                <button type="button" class="btn btn-sm btn-success" onclick="window.location.reload()" >刷新显示</button>
                <% } %>
            </div>
        </div>
    </div>
</div>
<div class="modal fade" id="bd-set-11-2" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">地图路线</h5>
            </div>
            <div class="modal-body">
                <input class="form-control form-control-sm mb-1" type="text" id="map-name" value="" placeholder="请输入路线名称">
                <input class="form-control form-control-sm mb-1" type="text" id="map-tips" value="" placeholder="请输入路线标注（可以为空）">
                <div id="map-color-select" class="input-group mb-1">
                    <input id="map-color" type="text" placeholder="请选择路线颜色" class="form-control form-control-sm" style="height: 30px" />
                    <span class="input-group-append"><span class="input-group-text colorpicker-input-addon"><i></i></span></span>
                </div>
                <!--<input class="form-control form-control-sm mb-1" type="text" id="map-color" value="#ff0000" placeholder="请选择路线颜色">-->
                <div class="modal-height-300" style="overflow-y: auto">
                    <div id="map-spread" style="height: 297px; width: 465px;"></div>
                </div>
            </div>
            <div class="modal-footer">
                <button class="btn btn-sm btn-secondary save-map" data-close="1" data-mid="">关闭</button>
                <button type="button" class="btn btn-sm btn-primary save-map" data-close="0" data-mid="">确认修改</button>
            </div>
        </div>
    </div>
</div>
<!--删除路线-->
<div class="modal fade" id="bd-set-11-3" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">删除路线</h5>
            </div>
            <div class="modal-body">
                删除路线信息及已填坐标，请谨慎操作，确认删除本路线？
            </div>
            <div class="modal-footer">
                <a href="#bd-set-11-1" class="btn btn-sm btn-secondary" data-toggle="modal" data-target="#bd-set-11-1" data-dismiss="modal">关闭</a>
                <button type="button" class="btn btn-sm btn-danger" id="del-map" data-mid="">确认删除</button>
            </div>
        </div>
    </div>
</div>
<!--关闭退出编辑-->
<div class="modal fade" id="bd-set-11-4" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">关闭路线编辑</h5>
            </div>
            <div class="modal-body">
                当前路线数据发生过修改，是否保存修改数据并退出？
            </div>
            <div class="modal-footer">
                <a href="javascript:void(0)" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</a>
                <button id="back-set-11-1" class="btn btn-sm btn-danger">直接退出</button>
                <button type="button" class="btn btn-sm btn-primary save-map" data-colse="0" data-mid="">保存并退出</button>
            </div>
        </div>
    </div>
</div>

<script>
    const hadMap = parseInt(<%- hadMap %>);
    $(function () {
        $('#bd-set-11').on('show.bs.modal', function () {
            if (parseInt(hadMap) == 0) {
                $('#bd-set-11').find('.card').eq(0).addClass('border-dark');
                $('#bd-set-11').find('.card').eq(0).find('.btn').removeClass('select-map').addClass('disabled').text('当前');
                $('#bd-set-11').find('.card').eq(1).removeClass('border-dark');
                $('#bd-set-11').find('.card').eq(1).find('.btn').removeClass('disabled').addClass('select-map').text('选择');
            } else {
                $('#bd-set-11').find('.card').eq(1).addClass('border-dark');
                $('#bd-set-11').find('.card').eq(1).find('.btn').removeClass('select-map').addClass('disabled').text('当前');
                $('#bd-set-11').find('.card').eq(0).removeClass('border-dark');
                $('#bd-set-11').find('.card').eq(0).find('.btn').removeClass('disabled').addClass('select-map').text('选择');
            }
        })
        $('body').on('click', '#bd-set-11 .select-map', function () {
            // const val = parseInt($(this).data('value'));
            $(this).parents('.card').addClass('border-dark');
            $(this).removeClass('select-map').addClass('disabled').text('当前');
            $(this).parents('.col-6').siblings('.col-6').children('.card').removeClass('border-dark');
            $(this).parents('.col-6').siblings('.col-6').find('.btn').removeClass('disabled').addClass('select-map').text('选择');
        });

        $('#save-select-map').click(function () {
            $(this).attr('disabled', true);
            const val = parseInt($('#bd-set-11').find('.disabled').data('value'));
            if (hadMap === val) {
                postData('/tender/' + tenderId + '/map/save', { type: 'select-map', value: val }, function () {
                    toastr.success('修改成功，重新加载中...');
                    setTimeout(function () {
                        $(this).removeAttr('disabled');
                        window.location.reload();
                    }, 2000);
                })
            } else {
                $(this).removeAttr('disabled');
                toastr.warning('未更改当前设置，无需提交');
            }
        })
        $('#add-map').click(function () {
            const num = $('#map-table tr').length;
            const name = '路线' + (num+1);
            postData('/tender/' + tenderId + '/map/save', { type: 'add-map', name }, function (result) {
                tenderMapList.push(result);
                $('#map-table').append('<tr><td>'+ name +'</td><td><a href="#bd-set-11-2" data-mid="'+ result.id +'" data-toggle="modal" data-target="#bd-set-11-2" data-dismiss="modal" class="save-map-btn">编辑坐标</a> <a href="#bd-set-11-3" data-mid="'+ result.id +'" data-toggle="modal" data-target="#bd-set-11-3" data-dismiss="modal" class="text-danger del-map-btn">删除</a></td></tr>');
            });
        });
        $('body').on('click', '#bd-set-11-1 .del-map-btn', function () {
            $('#del-map').attr('data-mid', $(this).data('mid'));
        });
        $('#del-map').on('click', function () {
            const id = parseInt($(this).attr('data-mid'));
            postData('/tender/' + tenderId + '/map/save', { type: 'del-map', id }, function (result) {
                const index = _.findIndex(tenderMapList, { id });
                $('#map-table tr').eq(index).remove();
                _.remove(tenderMapList,{id})
                $('#bd-set-11-3').modal('hide');
                $('#bd-set-11-1').modal('show');
            });
        });
        $('#map-color-select').colorpicker({
            // container: true,
            color: '#ff0000',
            useAlpha: false,
            extensions: [
                {
                    name: 'swatches', // extension name to load
                    options: { // extension options
                        colors: {
                            '#ffffff': '#ffffff',
                            '#337ab7': '#337ab7',
                            '#5cb85c': '#5cb85c',
                            '#5bc0de': '#5bc0de',
                            '#f0ad4e': '#f0ad4e',
                            '#d9534f': '#d9534f'
                        },
                        namesAsValues: true
                    }
                }
            ]
        });
        const mapSpread = SpreadJsObj.createNewSpread($('#map-spread')[0]);
        const mapSpreadSetting = {
            cols: [
                {title: '坐标/备注', colSpan: '1', rowSpan: '1', field: 'tip', hAlign: 0, width: 100, formatter: '@'},
                {title: '经度', colSpan: '1', rowSpan: '1', field: 'lng', hAlign: 2, width: 120, type: 'number'},
                {title: '纬度', colSpan: '1', rowSpan: '1', field: 'lat', hAlign: 2, width: 120, type: '@'},
            ],
            emptyRows: 5,
            headRows: 1,
            headRowHeight: [25, 25],
            defaultRowHeight: 21,
            headerFont: '12px 微软雅黑',
            font: '12px 微软雅黑',
            readOnly: false,
        };
        SpreadJsObj.initSheet(mapSpread.getActiveSheet(), mapSpreadSetting);
        $('body').on('click', '#bd-set-11-1 .save-map-btn', function () {
            const id = parseInt($(this).data('mid'));
            $('.save-map').attr('data-mid', id);
            // 加载sjs
            const mapInfo = _.find(tenderMapList, { id });
            $('#map-name').val(mapInfo.name);
            $('#map-tips').val(mapInfo.tips);
            $('#map-color-select').colorpicker("setValue", mapInfo.color);
            $('#map-color').val(mapInfo.color);
            $('#map-color').attr('value', mapInfo.color);
            SpreadJsObj.loadSheetData(mapSpread.getActiveSheet(), SpreadJsObj.DataType.Data, (mapInfo.map_json ? JSON.parse(unescape(escape(mapInfo.map_json))) : []));
        });
        const xPattern = /^-?(\d{1,2}(\.\d{1,8})?|1[0-7]\d(\.\d{1,8})?|180)$/;
        const yPattern = /^-?(\d(\.\d{1,8})?|[1-8]\d(\.\d{1,8})?|90)$/;
        const mapSpreadObj = {
            del: function (row) {
                const select = SpreadJsObj.getSelectObject(mapSpread.getActiveSheet());
                const delSel = mapSpread.getActiveSheet().getSelections()[0];
                mapSpread.getActiveSheet().deleteRows(delSel.row, delSel.rowCount);
                const sel = mapSpread.getActiveSheet().getSelections();
                mapSpread.getActiveSheet().setSelection(0, 0, 1, 1);
            },
            batchAdd: function(num, site = mapSpread.getActiveSheet().getRowCount()) {
                mapSpread.getActiveSheet().addRows(site, parseInt(num));
            },
            editEnding: function (e, info) {
                if (info.sheet.zh_setting) {
                    const curRow = info.row;
                    info.sheet.zh_data[curRow] = {
                        tip: info.sheet.getText(curRow, 0),
                        lng: info.sheet.getText(curRow, 1) !== '' ? _.toNumber(info.sheet.getText(curRow, 1)) : '',
                        lat: info.sheet.getText(curRow, 2) !== '' ? _.toNumber(info.sheet.getText(curRow, 2)) : '',
                    }
                }
            },
            editEnded: function (e, info) {
                if (info.sheet.zh_setting) {
                    const select = SpreadJsObj.getSelectObject(info.sheet);
                    const col = info.sheet.zh_setting.cols[info.col];
                    const validText = info.editingText ? info.editingText.replace('\n', '') : '';
                    if (validText === '') {
                        return;
                    }
                    if (col.field === 'lng' && !xPattern.test(validText)) {
                        toastr.error('请输入正常范围内的经度（-180 ~ 180）');
                        SpreadJsObj.reLoadRowData(info.sheet, info.row);
                        return;
                    }
                    if (col.field === 'lat' && !yPattern.test(validText)) {
                        toastr.error('请输入正常范围内的纬度（-90 ~ 90）');
                        SpreadJsObj.reLoadRowData(info.sheet, info.row);
                        return;
                    }
                }
            },
            clipboardPasting(e, info) {
                const range = info.cellRange;
                for (let iRow = 0; iRow < range.rowCount; iRow++) {
                    const curRow = range.row + iRow;
                    info.sheet.zh_data[curRow] = {
                        tip: info.sheet.getText(curRow, 0),
                        lng: info.sheet.getText(curRow, 1) !== '' ? _.toNumber(info.sheet.getText(curRow, 1)) : '',
                        lat: info.sheet.getText(curRow, 2) !== '' ? _.toNumber(info.sheet.getText(curRow, 2)) : '',
                    }
                }
            },
            clipboardPasted(e, info) {
                const hint = {
                    cellError: {type: 'error', msg: '粘贴内容超出了表格范围'},
                    xExpr: {type: 'error', msg: '请粘贴正常范围内的经度（-180 ~ 180）'},
                    yExpr: {type: 'error', msg: '请粘贴正常范围内的纬度（-90 ~ 90）'},
                };
                const range = info.cellRange;
                console.log(range);
                if (range.col + range.colCount > 3) {
                    toastMessageUniq(hint.cellError);
                    SpreadJsObj.reLoadSheetHeader(mapSpread.getActiveSheet());
                    // SpreadJsObj.reLoadSheetData(mapSpread.getActiveSheet());
                    // continue;
                }
                for (let iRow = 0; iRow < range.rowCount; iRow++) {
                    let bPaste = true;
                    const curRow = range.row + iRow;
                    for (let iCol = 0; iCol < range.colCount; iCol++) {
                        const curCol = range.col + iCol;
                        const colSetting = info.sheet.zh_setting.cols[curCol];
                        const validText = info.sheet.getText(curRow, curCol);
                        if (validText === '') {
                            continue;
                        }
                        if (colSetting.field === 'lng' && !xPattern.test(validText)) {
                            toastMessageUniq(hint.xExpr);
                            bPaste = false;
                            continue;
                        }
                        if (colSetting.field === 'lat' && !yPattern.test(validText)) {
                            toastMessageUniq(hint.yExpr);
                            bPaste = false;
                            continue;
                        }
                    }
                    if (!bPaste) {
                        SpreadJsObj.reLoadRowData(info.sheet, curRow);
                    }
                }
            },
        }
        mapSpread.bind(spreadNS.Events.EditEnding, mapSpreadObj.editEnding);
        mapSpread.bind(spreadNS.Events.EditEnded, mapSpreadObj.editEnded);
        mapSpread.bind(spreadNS.Events.ClipboardPasting, mapSpreadObj.clipboardPasting);
        mapSpread.bind(spreadNS.Events.ClipboardPasted, mapSpreadObj.clipboardPasted);
        let batchInsertObj;
        $.contextMenu.types.batchInsert = function (item, opt, root) {
            const self = this;
            if ($.isFunction(item.icon)) {
                item._icon = item.icon.call(this, this, $t, key, item);
            } else {
                if (typeof(item.icon) === 'string' && item.icon.substring(0, 3) === 'fa-') {
                    // to enable font awesome
                    item._icon = root.classNames.icon + ' ' + root.classNames.icon + '--fa fa ' + item.icon;
                } else {
                    item._icon = root.classNames.icon + ' ' + root.classNames.icon + '-' + item.icon;
                }
            }
            this.addClass(item._icon);
            const $obj = $('<div>' + item.name + '<input class="text-right ml-1 mr-1" type="tel" max="100" min="1" value="' + item.value + '" style="width: 30px; height: 18px; padding-right: 4px;">行</div>')
                .appendTo(this);
            const $input = $obj.find('input');
            const event = () => {
                if (self.hasClass('context-menu-disabled')) return;
                item.batchInsert($input[0], root);
            };
            $obj.on('click', event).keypress(function (e) {if (e.keyCode === 13) { event(); }});
            $input.click((e) => {e.stopPropagation();})
                .keyup((e) => {if (e.keyCode === 13) item.batchInsert($input[0], root);})
                .on('input', function () {this.value = this.value.replace(/[^\d]/g, '');});
        };
        // 右键菜单
        $.contextMenu({
            selector: '#map-spread',
            build: function ($trigger, e) {
                const target = SpreadJsObj.safeRightClickSelection($trigger, e, mapSpread);
                return target.hitTestType === GC.Spread.Sheets.SheetArea.viewport || target.hitTestType === GC.Spread.Sheets.SheetArea.rowHeader;
            },
            items: {
                'batchInsert': {
                    name: '批量新增',
                    type: 'batchInsert',
                    value: '1',
                    icon: 'fa-sign-in',
                    batchInsert: function (obj, root) {
                        if (_.toNumber(obj.value) > _.toNumber(obj.max)) {
                            obj.value = obj.max;
                            toastr.warning('批量添加不可多于' + obj.max);
                        } else if(_.toNumber(obj.value) < _.toNumber(obj.min)) {
                            obj.value = obj.min;
                            toastr.warning('批量添加不可少于' + obj.min);
                        } else {
                            mapSpreadObj.batchAdd(obj.value);
                            root.$menu.trigger('contextmenu:hide');
                        }
                    },
                },
                'batchInsert2': {
                    name: '批量插入',
                    type: 'batchInsert',
                    value: '1',
                    icon: 'fa-sign-in',
                    batchInsert: function (obj, root) {
                        if (_.toNumber(obj.value) > _.toNumber(obj.max)) {
                            obj.value = obj.max;
                            toastr.warning('批量插入不可多于' + obj.max);
                        } else if(_.toNumber(obj.value) < _.toNumber(obj.min)) {
                            obj.value = obj.min;
                            toastr.warning('批量插入不可少于' + obj.min);
                        } else {
                            const select = SpreadJsObj.getSelectObject(mapSpread.getActiveSheet());
                            const sel = mapSpread.getActiveSheet().getSelections()[0];
                            mapSpreadObj.batchAdd(obj.value, sel.row+1);
                            root.$menu.trigger('contextmenu:hide');
                        }
                    },
                    disabled: function (key, opt) {
                        const select = SpreadJsObj.getSelectObject(mapSpread.getActiveSheet());
                        const sel = mapSpread.getActiveSheet().getSelections()[0];
                        if (sel.row !== undefined && sel.rowCount === 1) {
                            return false;
                        } else {
                            return true;
                        }
                    }
                },
                'delete': {
                    name: '删除',
                    icon: 'fa-remove',
                    callback: function (key, opt) {
                        mapSpreadObj.del();
                    },
                    disabled: function (key, opt) {
                        const select = SpreadJsObj.getSelectObject(mapSpread.getActiveSheet());
                        const sel = mapSpread.getActiveSheet().getSelections()[0];
                        if (sel.row !== undefined) {
                            return false;
                        } else {
                            return true;
                        }
                    }
                },
            }
        });

        $('.save-map').on('click', function () {
            const id = parseInt($(this).attr('data-mid'));
            const is_close = parseInt($(this).attr('data-close'));
            // 获取sjs值
            const mapData = [];
            const sheet = mapSpread.getActiveSheet();
            let pass = true;
            let wrongRow = [];
            for (let i = 0; i < sheet.getRowCount(); i++) {
                const rowData = {
                    tip: sheet.getText(i, 0),
                    lng: sheet.getText(i, 1),
                    lat: sheet.getText(i, 2),
                }
                if ((rowData.tip !== '' && rowData.lng === '' && rowData.lat === '') ||
                    (rowData.lng !== '' && rowData.lat === '') ||
                    (rowData.lng === '' && rowData.lat !== '')) {
                    pass = false;
                    wrongRow.push(i+1);
                } else if (rowData.lng !== '' && rowData.lat !== '') {
                    rowData.lng = _.toNumber(rowData.lng);
                    rowData.lat = _.toNumber(rowData.lat);
                    mapData.push(rowData);
                }
            }
            if (!is_close) {
                const colorPattern = /(^#[0-9a-fA-F]{6}$)|(^#[0-9a-fA-F]{3}$)/g;
                if (!colorPattern.test($('#map-color').val())) {
                    $('#bd-set-11-4').modal('hide');
                    toastr.error('请选择或输入正确的颜色编码');
                    return;
                }
                if ($('#map-tips').val().length > 255) {
                    toastr.error('路线标注太长啦~');
                    return;
                }
            }
            if (!pass) {
                const str = wrongRow.join('、');
                // $('#bd-set-11-4').modal('hide');
                toastr.error('第 ' + str + ' 行请填写完整的经纬度数据或清空该行或删除该行');
                return;
            }
            // 获取路线绝对中心点
            let centerPoints = { lng: '', lat: '' };
            if (mapData.length > 0) {
                const points = [];
                for (const m of mapData) {
                    points.push(turf.point([m.lng, m.lat]));
                }
                const features = turf.featureCollection(points);
                const center = turf.center(features);
                if (center && center.geometry && center.geometry.coordinates && center.geometry.coordinates.length === 2) {
                    centerPoints.lng = _.round(center.geometry.coordinates[0], 4);
                    centerPoints.lat = _.round(center.geometry.coordinates[1], 4);
                }
            }
            const oneMapData = {
                id,
                name: $('#map-name').val(),
                color: $('#map-color').val(),
                tips: $('#map-tips').val(),
                map_json: mapData.length > 0 ? JSON.stringify(mapData) : null,
                center: centerPoints.lng !== '' ? JSON.stringify(centerPoints) : null,

            }
            const mapInfo = _.find(tenderMapList, { id });
            oneMapData.create_time = mapInfo.create_time;
            oneMapData.tid = mapInfo.tid;
            // 比较对象是否一致，一致则不提交，不一致则提交，关闭提示是否保存修改
            if (!_.isEqual(oneMapData, mapInfo)) {
                console.log(oneMapData, mapInfo);
                if (!is_close) {
                    postData('/tender/' + tenderId + '/map/save', { type: 'save-map', mapData: oneMapData }, function (result) {
                        const index = _.findIndex(tenderMapList, { id });
                        tenderMapList.splice(index, 1, oneMapData);
                        $('#map-table tr').eq(index).children('td').eq(0).text(oneMapData.name);
                        $('#bd-set-11-4').modal('hide');
                        $('#bd-set-11-2').modal('hide');
                        $('#bd-set-11-1').modal('show');
                    });
                } else {
                    $('#bd-set-11-4').modal('show');
                }
            } else {
                $('#bd-set-11-2').modal('hide');
                $('#bd-set-11-1').modal('show');
            }
        });
        $('#back-set-11-1').on('click', function () {
            $('#bd-set-11-4').modal('hide');
            $('#bd-set-11-2').modal('hide');
            $('#bd-set-11-1').modal('show');
        })
    })
</script>
<% } %>
<% if (ctx.session.sessionProject.page_show.xxjd && ctx.session.sessionUser.is_admin) { %>
<!--标段设置-投资进度-->
<div class="modal fade" id="xxjd-set" data-backdrop="static">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title">投资进度</h5>
            </div>
            <div class="modal-body">
                <div class="alert alert-warning">设置可使用「投资进度」用户</div>
                <div class="dropdown">
                    <button class="btn btn-outline-primary btn-sm dropdown-toggle" type="button" id="xxjd_dropdownMenuButton" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                        添加用户
                    </button>
                    <div class="dropdown-menu" id="xxjd_dropdownMenu" aria-labelledby="xxjd_dropdownMenuButton" style="width:220px">
                        <div class="mb-2 p-2"><input class="form-control form-control-sm gr-search"
                                                     placeholder="姓名/手机 检索" autocomplete="off"></div>
                        <dl class="list-unstyled book-list">
                            <% accountGroup.forEach((group, idx) => { %>
                                <dt><a href="javascript: void(0);" class="acc-btn" data-groupid="<%- idx %>" data-type="hide"><i class="fa fa-plus-square"></i></a> <%- group.groupName %></dt>
                                <div class="dd-content" data-toggleid="<%- idx %>">
                                    <% group.groupList.forEach(item => { %>
                                        <% if (item.id !== ctx.tender.data.user_id) { %>
                                            <dd class="border-bottom p-2 mb-0 " data-id="<%- item.id %>" >
                                                <p class="mb-0 d-flex"><span class="text-primary"><%- item.name %></span><span
                                                            class="ml-auto"><%- item.mobile %></span></p>
                                                <span class="text-muted"><%- item.role %></span>
                                            </dd>
                                        <% } %>
                                    <% });%>
                                </div>
                            <% }) %>
                        </dl>
                    </div>
                </div>
                <div class="mt-1" style="max-height: 300px;overflow: auto">
                    <table class="table table-bordered">
                        <tr><th>用户</th><th>查看</th><th>修改</th><th>移除</th></tr>
                        <tbody id="schedule-users">
                        <% for (const sa of scheduleAuditList) { %>
                        <% const audit = ctx.helper._.find(accountList, { id : sa.audit_id }); %>
                        <% if (audit) { %>
                        <tr data-id="<%- audit.id %>"><td><p class="mb-0 d-flex"><b class="col-5 pl-0"><%- audit.name %></b> <span class="text-muted"><%- audit.mobile %></span><p class="text-muted mb-0"><%- audit.role %></p></td><td>
                                <div class="custom-control custom-checkbox mb-2">
                                    <input type="checkbox" data-zhi="<%- scPermission.show %>" data-id="<%- sa.id %>" id="<%- sa.id %>_customRadio41" name="customCheckbox" class="custom-control-input" <% if (sa.permission !== scPermission.no) { %>checked<% } %>>
                                    <label class="custom-control-label" for="<%- sa.id %>_customRadio41"></label>
                                </div>
                            </td><td>
                                <div class="custom-control custom-checkbox mb-2">
                                    <input type="checkbox" data-zhi="<%- scPermission.edit %>" data-id="<%- sa.id %>" id="<%- sa.id %>_customRadio42" name="customCheckbox" class="custom-control-input" <% if (sa.permission === scPermission.edit) { %>checked<% } %>>
                                    <label class="custom-control-label" for="<%- sa.id %>_customRadio42"></label>
                                </div>
                            </td>
                            <td><a href="javascript:void(0);" class="text-danger remove-schedule-user" data-id="<%- sa.id %>">移除</a></td>
                        </tr>
                        <% } %>
                        <% } %>
                        </tbody>
                    </table>
                </div>
            </div>
            <div class="modal-footer">
                <button type="button" class="btn btn-sm btn-secondary" data-dismiss="modal">关闭</button>
            </div>
        </div>
    </div>
</div>
<script>
    $(function () {
        const scPermission = JSON.parse(unescape('<%- escape(JSON.stringify(scPermission)) %>'));
        // 投资进度
        let timer = null;
        let oldSearchVal = null;
        $('body').on('input propertychange', '#xxjd_dropdownMenu .gr-search', function(e) {
            oldSearchVal = e.target.value;
            timer && clearTimeout(timer);
            timer = setTimeout(() => {
                const newVal = $(this).val();
                let html = '';
                if (newVal && newVal === oldSearchVal) {
                    accountList.filter(item => item && item.id !== cur_tender_uid && (item.name.indexOf(newVal) !== -1 || (item.mobile && item.mobile.indexOf(newVal) !== -1))).forEach(item => {
                        html += `<dd class="border-bottom p-2 mb-0 " data-id="${item.id}" >
                        <p class="mb-0 d-flex"><span class="text-primary">${item.name}</span><span
                                class="ml-auto">${item.mobile || ''}</span></p>
                        <span class="text-muted">${item.role || ''}</span>
                    </dd>`
                    });
                    $('#xxjd_dropdownMenu .book-list').empty();
                    $('#xxjd_dropdownMenu .book-list').append(html);
                } else {
                    if (!$('#xxjd_dropdownMenu .acc-btn').length) {
                        accountGroup.forEach((group, idx) => {
                            if (!group) return;
                            html += `<dt><a href="javascript: void(0);" class="acc-btn" data-groupid="${idx}" data-type="hide"><i class="fa fa-plus-square"></i>
                        </a> ${group.groupName}</dt>
                        <div class="dd-content" data-toggleid="${idx}">`;
                            group.groupList.forEach(item => {
                                if (item.id !== cur_tender_uid) {
                                    html += `<dd class="border-bottom p-2 mb-0 " data-id="${item.id}" >
                                    <p class="mb-0 d-flex"><span class="text-primary">${item.name}</span><span
                                            class="ml-auto">${item.mobile || ''}</span></p>
                                    <span class="text-muted">${item.role || ''}</span>
                                </dd>`;
                                }
                            });
                            html += '</div>';
                        });
                        $('#xxjd_dropdownMenu .book-list').empty();
                        $('#xxjd_dropdownMenu .book-list').append(html);
                    }
                }
            }, 400);
        });

        // 添加审批流程按钮逻辑
        $('body').on('click', '#xxjd_dropdownMenu .book-list dt', function () {
            const idx = $(this).find('.acc-btn').attr('data-groupid');
            const type = $(this).find('.acc-btn').attr('data-type');
            if (type === 'hide') {
                $(this).parent().find(`div[data-toggleid="${idx}"]`).show(() => {
                    $(this).children().find('i').removeClass('fa-plus-square').addClass('fa-minus-square-o');
                    $(this).find('.acc-btn').attr('data-type', 'show');

                })
            } else {
                $(this).parent().find(`div[data-toggleid="${idx}"]`).hide(() => {
                    $(this).children().find('i').removeClass('fa-minus-square-o').addClass('fa-plus-square');
                    $(this).find('.acc-btn').attr('data-type', 'hide');
                })
            }
            return false;
        });

        // 选中用户
        $('body').on('click', '#xxjd_dropdownMenu dl dd', function () {
            const id = parseInt($(this).data('id'));
            if (id) {
                const user = _.find(accountList, function (item) {
                    return item.id === id;
                });
                const saIdList = [];
                for (let i = 0; i < $('#schedule-users tr').length; i++) {
                    saIdList.push(parseInt($('#schedule-users tr').eq(i).data('id')));
                }
                if (_.includes(saIdList, id)) {
                    toastr.error('该用户已存在列表中，无需重复添加');
                    return;
                }

                const prop = {
                    audit_id: id,
                    type: 'add',
                };
                postData('/tender/' + cur_tenderid + '/schedule/audit/save', prop, function (data) {
                    const html = '<tr data-id="'+ user.id + '"><td><p class="mb-0 d-flex"><b class="col-5 pl-0">'+ user.name + '</b> <span class="text-muted">'+ user.mobile + '</span><p class="text-muted mb-0">'+ user.role + '</p></td><td>\n' +
                        '                                <div class="custom-control custom-checkbox mb-2">\n' +
                        '                                    <input type="checkbox" data-zhi="'+ scPermission.show +'" data-id="'+ data.id + '" id="'+ data.id + '_customRadio41" name="customCheckbox" class="custom-control-input" checked>\n' +
                        '                                    <label class="custom-control-label" for="'+ data.id + '_customRadio41"></label>\n' +
                        '                                </div>\n' +
                        '                            </td><td>\n' +
                        '                                <div class="custom-control custom-checkbox mb-2">\n' +
                        '                                    <input type="checkbox" data-zhi="'+ scPermission.edit +'" data-id="'+ data.id + '" id="'+ data.id + '_customRadio42" name="customCheckbox" class="custom-control-input">\n' +
                        '                                    <label class="custom-control-label" for="'+ data.id + '_customRadio42"></label>\n' +
                        '                                </div>\n' +
                        '                            </td>\n' +
                        '                            <td><a href="javascript:void(0);" class="text-danger remove-schedule-user" data-id="'+ data.id + '">移除</a></td>\n' +
                        '                        </tr>';
                    $('#schedule-users').append(html);
                });
            }
        });

        // 移除用户
        $('body').on('click', '#schedule-users .remove-schedule-user', function () {
            const id = parseInt($(this).data('id'));
            if (id) {
                const prop = {
                    id,
                    type: 'del',
                };
                const _self = $(this);
                postData('/tender/' + cur_tenderid + '/schedule/audit/save', prop, function (data) {
                    _self.parents('tr').remove();
                });
            }
        });

        // 权限更改
        $('body').on('click', '#schedule-users input[type="checkbox"]', function () {
            let permission = scPermission.no;
            const value = parseInt($(this).data('zhi'));
            if ($(this).is(':checked')) {
                if (value === scPermission.edit) {
                    permission = scPermission.edit;
                    $(this).parents('td').siblings().find('input').prop('checked', true);
                } else if (value === scPermission.show) {
                    permission = scPermission.show;
                }
            } else {
                if (value === scPermission.edit) {
                    permission = scPermission.show;
                } else if (value === scPermission.show) {
                    permission = scPermission.no;
                    $(this).parents('td').siblings().find('input').prop('checked', false);
                }
            }
            const id = parseInt($(this).data('id'));
            const prop = {
                id,
                permission,
                type: 'edit',
            };
            const _self = $(this);
            postData('/tender/' + cur_tenderid + '/schedule/audit/save', prop, function (data) {
            });
        });
    })
</script>
<% } %>