$(function () {
    initPartialInspectFalseDetailTab();
});

function initPartialInspectFalseDetailTab() {
    var bookId = $('#tbxInspectBookId').val();
    var $table = $('#tabPartialInspectFalseDetail');
    var $tr = $('');

    var roleNameStr = $('#RoleNameStringInspectFalseDetail').val();
    var showBtn = $('#ShowBtnInspectFalseDetail').val();
    var showIndex1 = roleNameStr.indexOf('单据修改者');
    var showIndex2 = roleNameStr.indexOf('流程发起角色');
    $.ajax({
        url: '../../GlobalM/Bill/GetInspectDetailByBookId',
        data: { BookId: bookId, FilterType: 'FALSE'  },
        type: 'POST',
        dataType: 'json',
        async: true,
        success: function (data) {
            if (data.Code == 200) {
                $table.empty();
                var titleTd = '';
                if ((showIndex1 > 0 || showIndex2 > 0) && showBtn == '1') {
                    titleTd = '<td>备注</td>';
                }
                $tr = $('<thead><tr><td>序号</td><td>点检项</td><td>基准</td><td>结果</td><td>结果</td><td>NG原因</td><td>改善？</td><td>对策</td><td>次数</td><td>时间</td><td>点检人</td><td>图片</td>' + titleTd + '</tr></thead>');
                $table.append($tr);
                for (var i in data.rows) {
                    var detail = data.rows[i];
                    var bgColor = '';
                    if (detail.TimeIndex < detail.TimeCount) {
                        bgColor = 'class="bgGray" ';
                    } else {
                        bgColor = 'class="bgWhite" ';
                    }
                    var btnTd = '';
                    if ((showIndex1 > 0 || showIndex2 > 0) && showBtn == '1') {
                        btnTd = '<td><button onclick="setDataPartialInspectFalseDetail(this);">数据<span class="spanHidden">' + detail.InspectReckId + '</span></button><button onclick="setImgPartialInspectFalseDetail(this);">图片<span class="spanHidden">' + detail.InspectReckId + '</span></button></td>';
                    }
                    $tr = $('<tbody><tr ' + bgColor + '>' +
                        '<td style="width:4%;">' + detail.InspectItemId + '</td>' +
                        '<td style="width:10%;">' + detail.InspectItemName + '</td>' +
                        '<td style="width:8%;">' + (detail.CheckType == '数值' ? detail.CheckType + '/' + detail.LowLimit + '-' + detail.TopLimit : detail.CheckType) + '</td>' +
                        '<td style="width:8%;">' + (detail.CheckType == '数值' ? detail.Result : (detail.Judge != '1' ? '×' : '√')) + '</td>' +
                        '<td style="width:4%;">' + (detail.Judge == '1' ? '<span>OK</span>' : '<span style="color:red;font-weight:bold;">NG</span>') + '</td>' +
                        '<td style="width:8%;">' + detail.NGReason + '</td>' +
                        '<td style="width:7%;">' + (detail.Judge == '1' ? "" : (detail.DealInScene == '1' ? '是' : '否')) + '</td>' +
                        '<td style="width:8%;">' + detail.Answer + '</td>' +

                        '<td style="width:4%;">' + detail.TimeIndex + '</td>' +
                        '<td style="width:16%;">' + toDateStr(detail.CreateTime) + '</td>' +
                        '<td style="width:8%;">' + detail.InspectOperator + '</td>' +

                        '<td style="width:4%;">' + (detail.ImgCount > 0 ? '<button onclick="selImgPartialInspectFalseDetail(this);">检测<span class="spanHidden">' + detail.ImgString + '</span></button>' : '') + '</td>' +
                        btnTd +
                        '</tr ></tbody > ');
                    $table.append($tr);
                }
                $table.addClass("PartialTable");
            } else {
                alert(data.Message);
            }
        },
        error: function (data) {
            alert(data);
        },
    });
}


function selImgPartialInspectFalseDetail(obj) {
    var imgSN = $(obj).find('span.spanHidden').first().text();
    let url = '../../GlobalM/Download/ImgSNView?ImgSN=' + imgSN + '&FilterType=FALSE';
    var features = "width=595, top=0, left=0, toolbar=no, menubar=no,scrollbars = no, resizable = no, location = no, status = no";
    var features1 = "width=600, top=0, left=0,location = no, status = no";
    window.open(url, "图片检索", features1);  //打开新窗口
}


function setDataPartialInspectFalseDetail(obj) {
    var InspectReckId = $(obj).find('span.spanHidden').first().text();

    var $tr = $(obj).parent('td').parent('tr');
    var tdLen = $($tr).find('td').length;
    var checkType = $($tr).find('td').eq(2).text();
    var resultValue = $($tr).find('td').eq(3).text();

    var $trNew = $('<tr style="background-color:lightblue;"></tr>');
    var $tdNew = $('');
    for (var i = 0; i < tdLen; i++) {
        if (i == 3) {
            if (checkType == '√/×') {
                var $select3 = $('<select style="width:60%;text-align:center;background-color:white;"><option ' + (resultValue == '√' ? 'selected="selected"' : '') + ' value="1">√</option><option ' + (resultValue == '×' ? 'selected="selected"' : '') + ' value="0">×</option></select>')
                $tdNew = $('<td></td>');
                $tdNew.append($select3);
            } else {
                var $input3 = $('<input type="number" value="' + resultValue + '" style="width:60%;text-align:center;" />');
                $tdNew = $('<td></td>');
                $tdNew.append($input3);
            }
        } else if (i == 4) {
            $tdNew = $('<td></td>');
        } else if (i == 5) {
            $tdNew = $('<td><input type="text" style="width:80%;text-align:center;" value="' + $($tr).find('td').eq(i).text() + '" /></td>');
        } else if (i == 6) {
            var $select6 = $('<select style="text-align:center;background-color:white;"><option selected="selected" value="0">否</option><option value="1">是</option></select>')
            $tdNew = $('<td></td>');
            $tdNew.append($select6);
        } else if (i == 7) {
            $tdNew = $('<td><input type="text" style="width:80%;text-align:center;" value="' + $($tr).find('td').eq(i).text() + '" /></td>');
        } else if (i == 9) {
            $tdNew = $('<td></td>');
        } else if (i == tdLen - 1) {
            var $button = $('<button onclick="keepDataPartialInspectFalseDetail(this);">保存<span class="spanHidden">' + InspectReckId + '</span></button><button onclick="cancelDataPartialInspectFalseDetail(this);">取消</button>');
            $tdNew = $('<td></td>');
            $tdNew.append($button);
        } else {
            $tdNew = $('<td><span>' + $($tr).find('td').eq(i).text() + '</span></td>');
        }
        $trNew.append($tdNew);
    }
    $($tr).after($trNew);
}

function setImgPartialInspectFalseDetail(obj) {
    var InspectReckId = $(obj).find('span.spanHidden').first().text();
    var $tr = $(obj).parent('td').parent('tr');
    var tdLen = $($tr).find('td').length;

    var $trNew = $('<tr style="background-color:lightblue;"></tr>');
    var $tdNew1 = $('<td style="width:89%;" colspan="' + (tdLen - 1) + '"></td>');
    var $tdNew2 = $('<td></td>');
    for (var i = 0; i < 6; i++) {
        var $file = $('<input type="file" name=""  style="width:16%;" />');
        $tdNew1.append($file);
    }
    var $button = $('<button onclick="keepImgPartialInspectFalseDetail(this);">保存<span class="spanHidden">' + InspectReckId + '</span></button><button onclick="cancelDataPartialInspectFalseDetail(this);">取消</button>');
    $tdNew2.append($button);

    $trNew.append($tdNew1);
    $trNew.append($tdNew2);

    $($tr).after($trNew);
}

function keepDataPartialInspectFalseDetail(obj) {
    var InspectReckId = parseInt($(obj).find('span.spanHidden').first().text());
    var $tr = $(obj).parent('td').parent('tr');
    var topLimit = 0;
    var lowLimit = 0;
    var resultJudge = 0;
    var checkType = $($tr).find('td').eq(2).text();
    var resultValue = 0;
    if (checkType == '√/×') {
        resultValue = parseInt($($tr).find('td').eq(3).find('select:first').val());
        resultJudge = resultValue;
    } else {
        resultValue = parseFloat($($tr).find('td').eq(3).find('input:first').val());
        var arr = checkType.replace('数值/', '').split('-');
        lowLimit = parseFloat(arr[0]);
        topLimit = parseFloat(arr[1]);
        if (resultValue >= lowLimit && resultValue <= topLimit) { resultJudge = 1; } else { resultJudge = 0; }
    }
    var ngReason = $($tr).find('td').eq(5).find('input:first').val();
    var dealInScene = parseInt($($tr).find('td').eq(6).find('select:first').val());
    var answer = $($tr).find('td').eq(7).find('input:first').val();

    if (confirm('确认修改数据？')) {
        var param = { InspectReckId: InspectReckId, InspectLimit: resultValue, Judge: resultJudge, NGReason: ngReason, DealInScene: dealInScene, Answer: answer, FilterType: 'FALSE' };
        console.info(param);
        var data = ajaxSame('../../GlobalM/Bill/UpdateInspectReck', param, 'post', 'json');
        if (data.Code == 200) {
            reloadParentTablePartialInspectFalseDetail();
            $(obj).parent('td').parent('tr').remove();
            initPartialInspectFalseDetailTab();
        } else {
            alert(data.Message);
        }
    }

}


function keepImgPartialInspectFalseDetail(obj) {
    var InspectReckId = parseInt($(obj).find('span.spanHidden').first().text());
    var imgBase64Arr = new Array();
    var imgArrStr = '';
    var fileArr = $(obj).parent('td').parent('tr').find('td:first').find('input[type=file]');
    for (var i = 0; i < fileArr.length; i++) {
        let file = fileArr[i].files[0];
        let reader = new FileReader();
        let imgFile;
        if (file != undefined && (file.type == "image/jpeg" || file.type == "image/jpg" || file.type == "image/png" || file.type == "image/gif")) {
            reader.readAsDataURL(file);
            console.info(reader.result);
            reader.onload = (e) => {
                imgFile = e.target.result;
                let arr = imgFile.split(",");
                imgBase64Arr.push(arr[1]);
                imgArrStr += ',' + arr[1];
            };
        }
    }


    if (confirm('确认修改图片？')) {
        if (imgBase64Arr.length > 0) {
            var param = { InspectReckId: InspectReckId, ImgArrStr: imgArrStr, FilterType: 'FALSE' };
            var data = ajaxSame('../../GlobalM/Bill/UpdateInspectReckImg', param, 'post', 'json');
            if (data.Code == 200) {
                $(obj).parent('td').parent('tr').remove();
                initPartialInspectFalseDetailTab();
            } else {
                alert(data.Message);
            }
        } else {
            alert('请上传至少一张图片！');
        }
    }

}

function cancelDataPartialInspectFalseDetail(obj) {
    $(obj).parent('td').parent('tr').remove();
}

function reloadParentTablePartialInspectFalseDetail() {
    //var $btn = $('#btnBillInspectFinishedSearch', window.parent.document);
    $('#btnBillInspectFinishedSearch').click();
}