'use strict';

/**
 * 期计量 - 期列表页面 js
 *
 * @author Mai
 * @date 2018/12/7
 * @version
 */
$(function () {
    // 获取审批流程
    $('a[data-target="#sp-list" ]').on('click', function () {
        const data = {
            order: $(this).attr('m-order'),
        };
        postData('/tender/' + tenderId + '/measure/material/auditors', data, function (result) {
            const materialAuditor = result.materialAuditor;
            const auditors = result.auditors;
            const auditHistory = result.auditHistory;
            // 生成左边列表流程
            const lefthtml = [];
            lefthtml.push('<li class="list-group-item"><i class="fa fa fa-play-circle fa-rotate-90"></i> '+ materialAuditor.name +'  <small class="text-muted">'+ materialAuditor.role +'</small></li>');
            for (const [index,a] of auditors.entries()) {
                if (index+1 === auditors.length) {
                    lefthtml.push('<li class="list-group-item"><i class="fa fa-stop-circle"></i> '+ a.name +'  <small class="text-muted">'+ a.role +'</small></li>');
                } else {
                    lefthtml.push('<li class="list-group-item"><i class="fa fa-chevron-circle-down"></i> '+ a.name +'  <small class="text-muted">'+ a.role +'</small></li>');
                }
            }
            $('#auditor-list').html(lefthtml.join(''));

            // 生成右边列表流程
            const righthtml = [];
            for(const ah of auditHistory) {
                righthtml.push('<div class="card mt-3"><ul class="list-group list-group-flush">');
                for (let iA = 0; iA < ah.length; iA++) {
                    if (iA === 0) {
                        righthtml.push('<li class="list-group-item">');
                        righthtml.push('<span class="text-success pull-right">'+ (auditHistory.indexOf(ah) > 0 ? '重新' : '') +'上报</span>');
                        righthtml.push('<h5 class="card-title">');
                        righthtml.push('<i class="fa fa-play-circle fa-rotate-90 text-success"></i> '+ materialAuditor.name +' <small class="text-muted">'+ materialAuditor.role +'</small></h5>');
                        righthtml.push('<p class="card-text"><small class="text-muted">' + (ah[iA].begin_time ? moment(ah[iA].begin_time).format('YYYY-MM-DD') : '') + '</small></p></li>');
                        righthtml.push('<li class="list-group-item">');
                        if (ah[iA].status !== auditConst.status.uncheck) {
                            righthtml.push('<span class="'+ auditConst.statusClass[ah[iA].status] +' pull-right">' + auditConst.statusString[ah[iA].status] + (ah[iA].status === auditConst.status.checkNo ? ' ' + materialAuditor.name : '') + '</span>');
                        }
                        righthtml.push('<h5 class="card-title"><i class="fa '+ (iA === ah.length - 1 ? 'fa-stop-circle ' : 'fa-chevron-circle-down ') + auditConst.statusClass[ah[iA].status] +'"></i> '+ ah[iA].name +' <small class="text-muted">'+ ah[iA].role +'</small></h5>');
                        if (ah[iA].status === auditConst.status.checked || ah[iA].status === auditConst.status.checkNo) {
                            righthtml.push('<p class="card-text mb-1">'+ ah[iA].opinion +'</p>');
                            righthtml.push('<p class="card-text"><small class="text-muted">'+ (ah[iA].end_time ? moment(ah[iA].end_time).format('YYYY-MM-DD') : '') +'</small></p>');
                        }
                        righthtml.push('</li>');
                    } else if (iA === ah.length - 1) {
                        righthtml.push('<li class="list-group-item">');
                        if (ah[iA].status !== auditConst.status.uncheck) {
                            righthtml.push('<span class="'+ auditConst.statusClass[ah[iA].status] +' pull-right">' + auditConst.statusString[ah[iA].status] + (ah[iA].status === auditConst.status.checkNo ? ' ' + materialAuditor.name : '') + '</span>');
                        }
                        righthtml.push('<h5 class="card-title"><i class="fa fa-stop-circle '+ auditConst.statusClass[ah[iA].status] +'"></i> '+ ah[iA].name +' <small class="text-muted">'+ ah[iA].role +'</small></h5>');
                        if (ah[iA].status === auditConst.status.checked || ah[iA].status === auditConst.status.checkNo) {
                            righthtml.push('<p class="card-text mb-1">'+ ah[iA].opinion +'</p>');
                            righthtml.push('<p class="card-text"><small class="text-muted">'+ (ah[iA].end_time ? moment(ah[iA].end_time).format('YYYY-MM-DD') : '') +'</small></p>');
                        }
                        righthtml.push('</li>');
                    } else {
                        righthtml.push('<li class="list-group-item">');
                        if (ah[iA].status !== auditConst.status.uncheck) {
                            righthtml.push('<span class="'+ auditConst.statusClass[ah[iA].status] +' pull-right">' + auditConst.statusString[ah[iA].status] + (ah[iA].status === auditConst.status.checkNo ? ' ' + materialAuditor.name : '') + '</span>');
                        }
                        righthtml.push('<h5 class="card-title"><i class="fa fa-chevron-circle-down '+ auditConst.statusClass[ah[iA].status] +'"></i> '+ ah[iA].name +' <small class="text-muted">'+ ah[iA].role +'</small></h5>');
                        if (ah[iA].status === auditConst.status.checked || ah[iA].status === auditConst.status.checkNo) {
                            righthtml.push('<p class="card-text mb-1">'+ ah[iA].opinion +'</p>');
                            righthtml.push('<p class="card-text"><small class="text-muted">'+ (ah[iA].end_time ? moment(ah[iA].end_time).format('YYYY-MM-DD') : '') +'</small></p>');
                        }
                        righthtml.push('</li>');
                    }
                }
                righthtml.push('</ul></div>');
            }
            $('#auditor-list2').html(righthtml.join(''));
        });
    });

    // 计量期选中
    $('.select-stage-order').on('click', function () {
        const stageList = $('.select-stage-order:checked');
        if (stageList.length === 0) {
            $('#show_order').hide();
            $('#s_order').val('');
        } else {
            const order_array = [];
            for (let s = 0; s < stageList.length; s++) {
                order_array.push(stageList.eq(s).data('order'));
                // console.log(stageList.eq(s));
            }
            $('#show_order').html('第<b class="mx-2">' + order_array.join('，') + '</b>期');
            $('#show_order').show();
            $('#s_order').val(order_array.join(','));
        }
    });

    // 提交表单判断
    $('#addMaterial').click(function () {
        if ($('#s_order').val() == '') {
            toastr.error('请选择计量期');
            return false;
        }
    })
});