Calculation/app/public/js/payment_detail_audit.js

'use strict';

/**
 *
 *
 * @author Mai
 * @date 2019/2/27
 * @version
 */

$(document).ready(function () {
    let timer = null
    let oldSearchVal = null
    $('#gr-search').bind('input propertychange', function(e) {
        oldSearchVal = e.target.value
        timer && clearTimeout(timer)
        timer = setTimeout(() => {
            const newVal = $('#gr-search').val()
            let html = ''
            if (newVal && newVal === oldSearchVal) {
                accountList.filter(item => item && cur_uid !== item.id && (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>`
                })
                $('.book-list').empty()
                $('.book-list').append(html)
            } else {
                if (!$('.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_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>'
                    })
                    $('.book-list').empty()
                    $('.book-list').append(html)
                }
            }
        }, 400);
    })

    // 添加审批流程按钮逻辑
    $('.book-list').on('click', '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
    })

    // 添加到审批流程中
    $('dl').on('click', 'dd', function () {
        const id = parseInt($(this).data('id'));
        if (id) {
            postData('/payment/' + tenderId + '/detail/' + detailId + '/save', { type: 'add_audit', auditorId: id }, (datas) => {
                const html = [];
                // 如果是重新上报，添加到重新上报列表中
                const auditorshtml = [];
                for (const [index,data] of datas.entries()) {
                    if (index !== 0) {
                        html.push('<li class="list-group-item" auditorId="'+ data.aid +'">');
                        if (shenpi_status === shenpiConst.sp_status.sqspr || (shenpi_status === shenpiConst.sp_status.gdzs && index+1 !== datas.length)) {
                            html.push('<a href="javascript: void(0)" class="text-danger pull-right">移除</a>');
                        }
                        html.push('<span>');
                        html.push(data.order + ' ');
                        html.push(data.name + ' ');
                        html.push('</span>');
                        html.push('<small class="text-muted">');
                        html.push(data.role);
                        html.push('</small></li>');
                    }
                    // 添加新审批人流程修改
                    auditorshtml.push('<li class="list-group-item" data-auditorid="' + data.aid + '">');
                    auditorshtml.push('<i class="fa ' + (index+1 === datas.length ? 'fa-stop-circle' : 'fa-chevron-circle-down') + '"></i> ');
                    auditorshtml.push(data.name + ' <small class="text-muted">' + data.role + '</small>');
                    if (index === 0) {
                        auditorshtml.push('<span class="pull-right">原报</span>');
                    } else if (index+1 === datas.length) {
                        auditorshtml.push('<span class="pull-right">终审</span>');
                    } else {
                        auditorshtml.push('<span class="pull-right">'+ transFormToChinese(index) +'审</span>');
                    }
                    auditorshtml.push('</li>');
                }
                $('#auditors').html(html.join(''));


                // 重新上报时。令其它的审批人流程图标转换
                // $('#auditors-list li i').removeClass('fa-stop-circle').addClass('fa-chevron-circle-down');
                // for (let i = 0; i < $('#auditors-list li').length; i++) {
                //     $('#auditors-list li').eq(i).find('.pull-right').text(transFormToChinese(i+1) + '审');
                //     $('#auditors-list2 li').eq(i).find('.pull-right').text(transFormToChinese(i+1) + '审');
                // }

                $('#auditors-list').html(auditorshtml.join(''));

                // const auditorshtml2 = [];
                // // 重新上报时。令其它的审批人流程图标转换
                // $('#auditors-list2 li i').removeClass('fa-stop-circle').addClass('fa-chevron-circle-down');
                // // 添加新审批人
                // auditorshtml2.push('<li class="list-group-item" data-auditid="' + data.aid + '">');
                // auditorshtml2.push('<h5 class="card-title"><i class="fa fa-stop-circle"></i> ');
                // auditorshtml2.push(data.name + ' <small class="text-muted">' + data.role + '</small>');
                // auditorshtml2.push('<span class="pull-right">终审</span>');
                // auditorshtml2.push('</h5></li>');
                // $('#auditors-list2').append(auditorshtml2.join(''));
            });
        }
    });
    // 删除审批人
    $('body').on('click', '#auditors li>a', function () {
        const li = $(this).parent();
        postData('/payment/' + tenderId + '/detail/' + detailId + '/save', { type: 'del_audit', auditorId: parseInt(li.attr('auditorId')) }, (result) => {
            li.remove();
            for (const rst of result) {
                const aLi = $('li[auditorId=' + rst.aid + ']');
                $('span', aLi).text(rst.order + ' ' + rst.name + ' ');
            }

            // 如果是重新上报
            // 令最后一个图标转换
            $('#auditors-list li[data-auditorid="' + parseInt(li.attr('auditorId')) + '"]').remove();
            if ($('#auditors-list li').length !== 0 && !$('#auditors-list li i').hasClass('fa-stop-circle')) {
                $('#auditors-list li').eq($('#auditors-list li').length-1).children('i')
                    .removeClass('fa-chevron-circle-down').addClass('fa-stop-circle');
            }
            // $('#auditors-list2 li[data-auditid="' + data.auditorId + '"]').remove();
            // if ($('#auditors-list2 li').length !== 0 && !$('#auditors-list2 li i').hasClass('fa-stop-circle')) {
            //     $('#auditors-list2 li').eq($('#auditors-list2 li').length-1).children('i')
            //         .removeClass('fa-chevron-circle-down').addClass('fa-stop-circle');
            // }
            for (let i = 0; i < $('#auditors-list li').length; i++) {
                $('#auditors-list li').eq(i).find('.pull-right').text(i === 0 ? '原报' : (i+1 === $('#auditors-list li').length ? '终' : transFormToChinese(i)) + '审');
                // $('#auditors-list2').eq(i).find('.pull-right').text((i+1 === $('#auditors-list2').length ? '终' : transFormToChinese(i+1)) + '审');
            }
        });
    });
    // 退回选择修改审批人流程
    $('#hideSp').click(function () {
        $('#sp-list').modal('hide');
    });
    $('a[f-target]').click(function () {
        $($(this).attr('f-target')).modal('show');
    });

    // 多层modal关闭后的滚动bug修复
    $('#sp-list').on('hidden.bs.modal', function (e) {
        $(document.body).addClass('modal-open');
    });

    // 重新审批获取手机验证码
    // 获取验证码
    let isPosting = false;
    $("#get-code").click(function() {
        if (isPosting) {
            return false;
        }
        const btn = $(this);

        $.ajax({
            url: '/profile/code?_csrf_j=' + csrf,
            type: 'post',
            data: { mobile: authMobile, type: 'shenpi' },
            dataTye: 'json',
            error: function() {
                isPosting = false;
            },
            beforeSend: function() {
                isPosting = true;
            },
            success: function(response) {
                isPosting = false;
                if (response.err === 0) {
                    codeSuccess(btn);
                    $("input[name='code']").removeAttr('readonly');
                    $("#re-shenpi-btn").removeAttr('disabled');
                } else {
                    toastr.error(response.msg);
                }
            }
        });
    });
});
// 检查上报情况
function checkAuditorFrom () {
    if ($('#auditors li').length === 0) {
        if(shenpi_status === shenpiConst.sp_status.gdspl) {
            toastr.error('请联系管理员添加审批人');
        } else {
            toastr.error('请先选择审批人，再上报数据');
        }
        return false;
    }
    $('#hide-all').show();
}
// texterea换行
function auditCheck(i) {
    const inlineRadio1 = $('#inlineRadio1:checked').val()
    const inlineRadio2 = $('#inlineRadio2:checked').val()
    const opinion = $('textarea[name="opinion"]').eq(i).val().replace(/\r\n/g, '<br/>').replace(/\n/g, '<br/>').replace(/\s/g, ' ');
    $('textarea[name="opinion"]').eq(i).val(opinion);
    if (i === 1) {
        if (!inlineRadio1 && !inlineRadio2) {
            if (!$('#warning-text').length) {
                $('#reject-process').prepend('<p id="warning-text" style="color: red; margin: 0;">请选择退回流程</p>');
            }
            return false;
        }
        if ($('#warning-text').length) $('#warning-text').remove()
    }
    return true;
}

/**
 * 获取成功后的操作
 *
 * @param {Object} btn - 点击的按钮
 * @return {void}
 */
function codeSuccess(btn) {
    let counter = 60;
    btn.addClass('disabled').text('重新获取 ' + counter + 'S');
    btn.parent().siblings('input').removeAttr('readonly').attr('placeholder', '输入短信中的6位验证码');
    const bindBtn = $("#bind-btn");
    bindBtn.removeClass('btn-secondary disabled').addClass('btn-primary');

    const countDown = setInterval(function() {
        const countString = counter - 1 <= 0 ? '' : ' ' + (counter - 1) + 'S';
        // 倒数结束后
        if (countString === '') {
            clearInterval(countDown);
            btn.removeClass('disabled');
        }
        const text = '重新获取' + countString;
        btn.text(text);
        counter -= 1;
    }, 1000);
}