let form, layer, laydate, pageNum = 1, pageSize = 10, warType, formSelects, voiTypeList;
// 图片预览
let viewer, isViewer = false;
let viewer2, isViewer2 = false;
layui.config({
    base: "../../js/layui/", //此处路径请自行处理, 可以使用绝对路径
}).extend({
    formSelects: 'formSelects-v4'
}).use(['form', 'layer', 'laydate', 'formSelects','laypage'], function () {
    form = layui.form;
    layer = layui.layer;
    laypage = layui.laypage; //分页
    laydate = layui.laydate;
    formSelects = layui.formSelects;
    laydate.render({
        elem: '#createTime', //指定元素  元素选择器
        type: 'date', //选择时间类型 可选值:year(年) month(年月)  date(年月日)  time(时分秒)  datetime(年月日时分秒)
        trigger: 'click',
        range: true,
        format: 'yyyy-MM-dd', //时间格式  常用时间格式:yyyy-MM-dd HH:mm:ss
        btns: ['now', 'confirm'], //选择框右下角显示的按钮 清除-现在-确定
        done: function (value, date) { //时间回调
        }
    });
    $('#createTime').val(getStartTime() + " - " + getEndTime())
    voiTypeList = getRiskLevelSelect('disType');
    setWarType(1, null);
    form.render();
    pages(1, 50, 1);
})

/*查询、重置*/
function query(type) {
    let pattern = new RegExp("[%_<>]");
    if (pattern.test($("#proName").val())) {
        $("#proName").val('');
        return layer.msg('工程名称查询包含特殊字符，请重新输入', {
            icon: 2,
            time: 2000 //2秒关闭（如果不配置，默认是3秒）
        });
    }
    if (pattern.test($("#teamName").val())) {
        $("#teamName").val('');
        return layer.msg('班组名称查询包含特殊字符，请重新输入', {
            icon: 2,
            time: 2000 //2秒关闭（如果不配置，默认是3秒）
        });
    }
    pageNum = 1;
    if (type === 2) {
        $("#proName").val("");
        $("#teamName").val("");
        $('#createTime').val(getStartTime() + " - " + getEndTime());
        formSelects.value('warType', []);
        form.render();
    }
    pages(1, pageSize);
}

/*获取参数*/
function getReqParams(page, limit, type) {
    let obj = {};
    if (!type) {
        obj = {
            page: page + "",
            limit: limit + "",
            proName: $("#proName").val(),
            teamName: $("#teamName").val(),
            createTime: $("#createTime").val(),
            warType: formSelects.value('warType', 'val').toString()
        };
    } else {
        obj = {
            page: '1',
            limit: '10',
            proName: '',
            teamName: '',
            createTime: '',
            warType: ''
        };
    }
    return obj;
}

function pages(pageNum, pageSize, typeNum) {
    let loadingMsg = layer.msg("数据加载中,请稍候...", {icon: 16, scrollbar: false, time: 0,});
    let params = getReqParams(pageNum, pageSize, typeNum);
    $.ajax({
        headers: {
            "encrypt": sm3(JSON.stringify(params))
        },
        url: dataUrl + 'proteam/pot/voiPhotoLibrary/getVoiPhotoLibraryList?token=' + token,
        data: params,
        type: 'POST',
        async: false,
        success: function (result) {
            layer.close(loadingMsg);
            if (result.code === 200) {
                if (result.data) {
                    let html = '';
                    $.each(result.data, function (index, item) {
						var warnType=item.analyseResults;
						if(item.warTypeName){
							warnType=item.warTypeName;
						}
						
                        html += '<li><div class="voi-photo-info">' +
                            '<div class="voi-img-type layout">' +
                            '<div  class="voi-img layout">' +
                            '<img  src="data:imge/jpg;base64,'  + item.image + '"        data-original="data:imge/jpg;base64,'+ item.image +'"   >' +
                            '</div>' +
                            '<div class="voi-type layout">' +
                            '<p>' + warnType + '</p>' +
                            '</div>' +
                            '</div>' +
                            '<div class="voi-basic-info layout">' +
                            '<p>' + setIsNull(item.proName) + '</p>' +
                            '<p>' + setIsNull1(item.teamName) + '</p>' +
                            '<div class="comfirm-status layout">' +
                            '<p>' + item.analyseTime + '</p>' +
								isSure(item) +
                            '</div>' +
                            '</div>' +
                            '</div></li>'
                    });
                    if (result.data.length > 0) {
                        $('#voi-photo-ul').empty().append(html);
                    } else {
                        $('#voi-photo-ul').empty().append('<li style="width: 100%;text-align: center;color: #999"><p style="padding: 30px 15px">无数据</p></li>');
                    }
					console.log(result.count, result.curr, result.limit);
                    laypages(result.count, result.curr, result.limit)
                }
            } else if (result.code === 500) {
                layer.alert(result.msg, {icon: 2})
            } else if (result.code === 401) {
                logout(1);
            }
        }, error: function () {
            layer.close(loadingMsg);
        }
    });
	
	
	viewer = new Viewer(document.getElementById('voi-photo-ul'), {
	    url: 'data-original',
	    toolbar: true,
	    show: function () {
	        viewer.update();
	    },
	    shown: function () {
	        isViewer = true;
	    },
	    hidden: function () {
	        isViewer = false;
	    }
	});
}


function setIsNull(item){
	 if(item==null || item=='null' || item=='Null' ||item=='NULL'){
		 return '未匹配到施工工程';
	 }
	 return item;
}
function setIsNull1(item){
	 if(item==null || item=='null' || item=='Null' ||item=='NULL'){
		 return '无施工班组';
	 }
	 return item;
}
function laypages(total, page, limit) {
    layui.use(['laypage'], function () {
        laypage.render({
            elem: 'voi-page',
            count: total,
            curr: page,
            limit: limit,
            limits: [10,20,30],
            layout: ['prev', 'page', 'next', 'skip', 'count', 'limit'],
            groups: 5,
            jump: function (obj, first) {
                if (!first) {
                    pageNum = obj.curr, pageSize = obj.limit;
				//	pageNum = obj.curr, limitSize = obj.limit;
				console.log(obj.curr, obj.limit);
                    pages(obj.curr, obj.limit,null);
                }
            }
        });
    })
}

/* 违章类型 */
function setWarType(type, selValue) {
    let html = '', keys = [];
    $.each(voiTypeList, function (index, item) {
        if (type === 1) {
            let temp = {
                "name": item.name,
                "value": item.code
            };
            keys.push(temp);
        }
        if (selValue === item.code) {
            html += '<option value="' + item.code + '" selected>' + item.name + '</option>';
        } else {
            html += '<option value="' + item.code + '">' + item.name + '</option>';
        }
    })
    if (type === 1) {
        formSelects.data('warType', 'local', {
            arr: keys
        });
    } else {
        $('#warTypes').empty().append(html);
    }
    layui.form.render();
}

/*违章照片是否确认*/
function isSure(item) {
	console.log(item);
    if (item.isSu ==null ||  item.isSu =='' ||  item.isSu === '0'  ) {
        return "<p style='cursor: pointer;background-color: #F9770F;color: #fff;border-radius: 6px;width: 88px;height: 30px;line-height: 30px;text-align: center;' onclick='sureVoi(" + JSON.stringify(item) + ")'>未确认</p>"
    } else if (item.isSu === '1') {
       // return '<p style="color:#2F82FB">已确认</p>';
		 return "<p style='background-color: #2F82FB;color: #fff;border-radius: 6px;width: 88px;height: 30px;line-height: 30px;text-align: center;' >已确认</p>"
    }else if (item.isSu === '2'){
	   return "<p style='background-color: #03b615;color: #fff;border-radius: 6px;width: 88px;height: 30px;line-height: 30px;text-align: center;' >未违章</p>"
	}
}

/*确认违章*/
function sureVoi(item) {
    let layerIndex = layer.open({
        id: "moreOption",
        title: ['<div style="border-left: 3px solid #2F82FB;display: flex;align-items: center;height: 20px;padding: 0 10px;">照片确认</div>', 'font-size:16px;background-color:#f0f0f0;display: flex;align-items: center;'],
        type: 1,
        maxmin: false,
        content: setPhotoConfirmHtml(item),
        area: ['664px', '450px'],
        move: false,
        shade: 0.1,
        success: function (layero, index) {
			viewer2 = new Viewer(document.getElementById('tt-image'), {
			    url: 'data-original',
			    toolbar: true,
			    show: function () {
			        viewer2.update();
			    },
			    shown: function () {
			        isViewer2 = true;
			    },
			    hidden: function () {
			        isViewer2 = false;
			    }
			});
			
            setWarType(2, item.warType);
            layui.form.render();
            form.on('select(warTypes)', function (data) {
                warType = data.value;
            })
        },
        end: function () {
            warType = '';
        }
    });
}

/*照片确认*/
function setPhotoConfirmHtml(item) {
    let html = '<div class="photo-comfirm">' +
        '<div class="basic-info layout">' +
        '<div id="tt-image" class="confirm-voi-img layout">' +
        '<img src="data:imge/jpg;base64,' + item.image + '"  data-original="data:imge/jpg;base64,' + item.image + '"  >' +
        '</div>' +
        '<div class="confirm-voi-info layout">' +
        '<p>' +  setIsNull(item.proName) + '</p>' +
        '<div class="layout" style="width: 100%;justify-content: space-between;">' +
        '<p>' +setIsNull1( item.teamName) + '</p>' +
        '<p>' + item.analyseResults + '</p>' +
        '</div>' +
        '</div>' +
        '</div>' +
        '<div class="confirm-form">' +
        '<form class="layui-form" onsubmit="return false;">' +
        '<div class="layui-form-item">' +
        '<div class="layui-inline" style="margin-left: 12%">' +
        '<label class="layui-form-label" style="font-size: 14px;">违章类型:</label>' +
        '<div class="layui-input-inline" style="width: 200px;">' +
        '<select class="layui-select" lay-search id="warTypes" lay-filter="warTypes">' +
        '</select>' +
        '</div>' +
        '</div>' +
        '<div class="layui-inline">' +
        "<button class='layui-btn layui-btn-normal layui-btn-sm btn1' onclick='sure(" + JSON.stringify(item) + ",2)'>不属于违章</button>" +
        '</div>' +
        '</div>' +
        '</form>' +
        '</div>' +
        '<div class="confirm-btn">' +
        "<button class='layui-btn layui-btn-normal layui-btn-sm' onclick='sure(" + JSON.stringify(item) + ",1)'>确定</button>" +
        '<button class="layui-btn layui-btn-primary layui-btn-sm" onclick="layer.closeAll()">取消</button>' +
        '</div>' +
        '</div>';



    return html;
}

/*确定、不属于违章*/
function sure(item, type) {
    if (!warType) {
        warType = item.warType;
    }
    let params = {
        'id': item.id,
        'isSu': type + '',
        'warType': warType
    }
    let loadingMsg = layer.msg('照片确认中,请稍候...', {icon: 16, scrollbar: false, time: 0});
    $.ajax({
        headers: {
            "encrypt": sm3(JSON.stringify(params))
        },
        url: dataUrl + 'proteam/pot/voiPhotoLibrary/confirmVoiImg?token=' + token,
        data: params,
        type: 'POST',
        async: true,
        success: function (result) {
            console.log(result)
            layer.close(loadingMsg); // 关闭提示层
            if (result.code === 200) {
                layer.msg('确认成功', {icon: 1})
                pages(pageNum, pageSize);
                layer.closeAll('page');
            } else if (result.code === 500) {
                layer.alert(result.msg, {icon: 2})
            } else if (result.code === 401) {
                logout(1);
            }
        }, error: function () {
            layer.close(loadingMsg); // 关闭提示层
            layer.msg('服务异常，请稍后重试', {icon: 16, scrollbar: false, time: 2000});
        }
    });
}