Calculation/app/public/js/change_project_audit.js

'use strict';

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

$(document).ready(function () {
    let timer = null
    let oldSearchVal = null
    let timer2 = null
    let oldSearchVal2 = 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>`
                })
                $('.search-user-list').empty()
                $('.search-user-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>'
                    })
                    $('.search-user-list').empty()
                    $('.search-user-list').append(html)
                }
            }
        }, 400);
    })

    // 添加审批流程按钮逻辑
    $('.search-user-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
    })

    // 添加到审批流程中
    $('.search-user-list').on('click', 'dd', function () {
        const id = parseInt($(this).data('id'));
        if (id) {
            postData(preUrl + '/audit/add', { auditorId: id }, (datas) => {
                makeSpHtml(datas);
            });
        }
    });
    // 删除审批人
    $('body').on('click', '#auditors li a', function () {
        const li = $(this).parents('li');
        const data = {
            auditorId: parseInt(li.attr('auditorId')),
        };
        console.log(data);
        postData(preUrl +  '/audit/delete', data, (result) => {
            li.remove();
            let index = 1;
            $('#auditors li').each(function () {
                $(this).children('.col-auto').eq(0).text(index);
                index++;
            });

            // 如果是重新上报
            // 令最后一个图标转换
            $('#auditors-list li[data-auditorId="' + data.auditorId + '"]').remove();
            if ($('#auditors-list li').length !== 0 && !$('#auditors-list li i').hasClass('fa-stop-circle')) {
                console.log($('#auditors-list li').length-1, $('#auditors-list li').eq($('#auditors-list li').length-1).find('i'));
                $('#auditors-list li').eq($('#auditors-list li').length-1).find('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('.badge-pill').children('small').text(i === 0 ? '原报' : (i+1 === $('#auditors-list li').length ? '终' : transFormToChinese(i)) + '审');
            }
        });
    });
    // 协审人搜索
    $('#gr-search2').bind('input propertychange', function(e) {
        oldSearchVal2 = e.target.value;
        timer2 && clearTimeout(timer2);
        timer2 = setTimeout(() => {
            const newVal = $('#gr-search2').val();
            let html = '';
            if (newVal && newVal === oldSearchVal2) {
                accountList.filter(item => item && (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>`
                })
                $('.search-user-list2').empty();
                $('.search-user-list2').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 !== change.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>'
                    })
                    $('.search-user-list2').empty();
                    $('.search-user-list2').append(html);
                }
            }
        }, 400);
    })

    // 添加审批流程按钮逻辑
    $('.search-user-list2').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
    });

    // 添加到审批流程中
    $('.search-user-list2').on('click', 'dd', function () {
        const id = parseInt($(this).data('id'));
        if (id) {
            console.log(id);
            postData(preUrl + '/xsaudit/add', { auditorId: id }, (data) => {
                const html = [];
                html.push('<span class="d-inline-block">\n' +
                    '                    <span class="badge badge-light">\n' +
                    '                      ' + data.name + '\n' +
                    '                        <span class="dropdown">\n' +
                    '                        <a href="javascript:void(0)" class="btn-sm text-danger px-1" title="移除" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i class="fa fa-remove"></i></a>\n' +
                    '                        <div class="dropdown-menu">\n' +
                    '                          <a class="dropdown-item" href="javascript:void(0);">确认移除审批人？</a>\n' +
                    '                          <div class="dropdown-divider"></div>\n' +
                    '                          <div class="px-2 py-1 text-center">\n' +
                    '                            <button class="btn btn-sm btn-danger" aid="'+ data.aid +'">移除</button>\n' +
                    '                            <button class="btn btn-sm btn-secondary">取消</button>\n' +
                    '                          </div>\n' +
                    '                        </div>\n' +
                    '                      </span>\n' +
                    '                    </span>\n' +
                    '                  </span> ');
                $('#xs-list').append(html.join(''));
            });
        }
    });

    // 删除审批人
    $('body').on('click', '#xs-list .btn-danger', function () {
        const li = $(this).parents('.d-inline-block');
        const data = {
            auditorId: parseInt($(this).attr('aid')),
        };
        postData(preUrl +  '/xsaudit/delete', data, (result) => {
            li.remove();
        });
    });

    // 切换审批组
    $('#change-sp-group').change(function () {
        const data = {
            type: 'change_sp_group',
            sp_group: parseInt($(this).val()),
        }
        if (!data.sp_group) {
            toastr.error('请选择固定审批组');
            return false;
        }
        console.log(data);
        postData(preUrl + '/audit/spgroup', data, (datas) => {
            makeSpHtml(datas);
        });
    });

    // 退回选择修改审批人流程
    $('#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');
    });
});
function makeSpHtml(datas) {
    const html = [];
    // 如果是重新上报，添加到重新上报列表中
    const auditorshtml = [];
    for (const [index,data] of datas.entries()) {
        if (index !== 0) {
            html.push('<li class="list-group-item d-flex" auditorId="'+ data[0].aid +'">');
            html.push(`<div class="col-auto">${index}</div>`);
            html.push('<div class="col">');
            for (const auditor of data) {
                html.push(`<div class="d-inline-block mx-1" auditorId="${auditor.uid}"><i class="fa fa-user text-muted"></i> ${auditor.name} <small class="text-muted">${auditor.role}</small></div>`);
            }
            html.push('</div>');
            html.push('<div class="col-auto">');
            // todo 添加会签或签时
            if (data[0].audit_type !== auditType.key.common) {
                html.push(`<span class="badge badge-pill badge-${auditType.info[data[0].audit_type].class} badge-bg-small"><small>${auditType.info[data[0].audit_type].long}</small></span>`);
            }
            // html.push('<span class="badge badge-pill badge-primary badge-bg-small"><small></small></span>');
            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('</div>');
            html.push('</li>');
        }
        // 添加新审批人流程修改
        auditorshtml.push('<li class="list-group-item d-flex justify-content-between align-items-center" data-auditorid="' + data[0].aid + '">');
        auditorshtml.push('<span class="mr-1"><i class="fa ' + (index === 0 ? 'fa-play-circle fa-rotate-90' : index+1 === datas.length ? 'fa-stop-circle' : 'fa-chevron-circle-down') + '"></i></span>');
        auditorshtml.push('<span class="text-muted">');
        for (const auditor of data) {
            auditorshtml.push(`<small class="d-inline-block text-dark mx-1" title="${auditor.role}" data-auditorId="${auditor.uid}">${auditor.name}</small>`);
        }
        auditorshtml.push('</span>');
        auditorshtml.push('<div class="d-flex ml-auto">');
        if (data[0].audit_type !== auditType.key.common) {
            auditorshtml.push(`<span class="badge badge-pill badge-${auditType.info[data[0].audit_type].class} p-1"><small>${auditType.info[data[0].audit_type].short}</small></span>`);
        }
        if (index === 0) {
            auditorshtml.push('<span class="badge badge-light badge-pill ml-auto"><small>原报</small></span>');
        } else if (index+1 === datas.length) {
            auditorshtml.push('<span class="badge badge-light badge-pill"><small>终审</small></span>');
        } else {
            auditorshtml.push('<span class="badge badge-light badge-pill"><small>'+ transFormToChinese(index) +'审</small></span>');
        }
        auditorshtml.push('</div>');
        auditorshtml.push('</li>');
    }
    $('#auditors').html(html.join(''));
    $('#auditors-list').html(auditorshtml.join(''));
}
// 检查上报情况
function checkAuditorFrom () {
    if ($('#auditors li').length === 0) {
        if(shenpi_status === shenpiConst.sp_status.gdspl) {
            toastr.error('请联系管理员添加审批人');
        } else {
            toastr.error('请先选择审批人，再上报数据');
        }
        return false;
    }
    let flag = false;
    if (change.code === '') {
        toastr.error('立项书编号不能为空');
        flag = true;
    }
    if (change.name === '') {
        toastr.error('变更工程名称不能为空');
        flag = true;
    }
    if (!change.reason) {
        toastr.error('变更原因不能为空');
        flag = true;
    }
    if (flag) {
        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 === 2) {
        if ($('textarea[name="opinion"]').eq(i).val() === '') {
            toastr.error('请输入终止原因');
            return false;
        }
    }
    // 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;
}