let table, form, laypage, tableIns, rightPopup, util, formSelects, user = getUser();
let pageNum = 1, limitSize = 30;
let searchList = [
    {'titleName': '工程名称', 'titleCode': 'bidName', 'isChecked': true, 'type': 'select'},
    {'titleName': '工程状态', 'titleCode': 'proStatus', 'isChecked': true, 'type': 'select'},
    {'titleName': '工程类型', 'titleCode': 'proType', 'isChecked': true, 'type': 'select'},
    {'titleName': '关键字', 'titleCode': 'keyWord', 'isChecked': false, 'type': 'input'}];
$(function () {
    layui.config({
        base: "../../js/layui/", //此处路径请自行处理, 可以使用绝对路径
    }).extend({
        rightPopup: "rightPopup",
        rightPopup2: "rightPopup2",
        formSelects: 'formSelects-v4'
    }).use(["form", "laypage", "formSelects", "table", "rightPopup", "rightPopup2", 'util'], function () {
            form = layui.form; //只有执行了这一步，部分表单元素才会自动修饰成功
            table = layui.table;
            laypage = layui.laypage;
            rightPopup = layui.rightPopup2;
            util = layui.util;
            formSelects = layui.formSelects;

            util.event('lay-active', {
                query: function () {
                    pages(1, limitSize);
					 getBasicInfoData();
					
                },
                reset: function () {
                    $("#proStatus").val('00');
                    $('#proType').val('00');
                    $('#isStop').val('00');
                    $('#voltage').val('00');
                    $('#jlManage').val('');
                    $("#owerManager").val('');
                    $("#consManage").val('');
                    $("#keyWord").val('');
                    formSelects.value('bidName', []);
                    formSelects.value('buildUnit', []);
                    form.render();
                    pages(1, limitSize);
					getBasicInfoData();
                },
                export: function () {
                    exportData();
                },
                openMore: function () {
                    openMoreOption();
                }
            });
            getOrgSelect();
            getProStatus();
            /*getSelectParams();*/
            getIsStop();
            getProType();
            getVoltage();
            getBasicInfoData();
            pages(1, 30, 1);
            getProject();
            layui.form.render();
            $('#myModal_edit').on('show.bs.modal', centerModals);
            table.on("rowDouble(proTable)", function (res) {
                viewData(res.data.bidCode);
            });
            table.on('tool(proTable)', function (obj) {
                console.log(obj.event);
				console.log(obj.data.bidCode);
				var bidCode=obj.data.bidCode;
                switch (obj.event) {
                    case 'team':
                        openWorkTeam(bidCode)
                        break;
                    case 'tClass':
                        openClassMetting(1, bidCode);
                        break;
                    case 'yClass':
                        openClassMetting(2, bidCode);
                        break;
                    default:
                        break;
                }

            })
        }
    );


});

/*
班组详情跳转
*/
function openWorkTeam(bidCode) {
    let layerIndex = layer.open({
        id: "workTeam",
        title: false,
        type: 2,
        maxmin: false,
        content: 'child/workTeam.html',
        area: ['100%', '100%'],
        move: false,
        closeBtn: 0,
        success: function (layero, index) {
            let iframeWin = window["layui-layer-iframe" + layerIndex];
            iframeWin.setParams(bidCode);
        }
    });
}

/*
*站班会
* 详情
*/
function openClassMetting(type, id) {
    let layerIndex = layer.open({
        id: "workTeam",
        title: false,
        type: 2,
        maxmin: false,
        content: 'classMetting.html',
        area: ['100%', '100%'],
        move: false,
        closeBtn: 0,
        success: function (layero, index) {
            let iframeWin = window["layui-layer-iframe" + layerIndex];
            iframeWin.setParams(type, id);
        }
    });
}

/**
 *
 * @param pageNum
 * @param pageSize
 */
function pages(pageNum, pageSize) {
    let params = getReqParams(pageNum, pageSize);
    $.ajax({
        headers: {
            "encrypt": sm3(JSON.stringify(params))
        },
        url: dataUrl + 'proteam/pot/newPro/getProList?token=' + token,
        data: params,
        type: 'POST',
        async: false,
        success: function (result) {
            if (result.code === 200) {
                console.log(result);
                if (result.rows) {
                    initTable(result.rows, limitSize, pageNum)
                    laypages(result.total, pageNum, limitSize);
                    resetContent();
                }
            } else if (result.code === 500) {
                layer.alert(result.msg, {icon: 2})
            } else if (result.code === 401) {
                logout();
            }
        }, error: function () {
        }
    });
}

function laypages(total, page, limit) {
    layui.use(['laypage'], function () {
        let laypage = layui.laypage;
        laypage.render({
            elem: 'voi-page',
            count: total,
            curr: page,
            limit: limit,
            limits: [30, 50, 100],
            layout: ['prev', 'page', 'next', 'skip', 'count', 'limit'],
            groups: 5,
            jump: function (obj, first) {
                if (!first) {
                    pageNum = obj.curr;
                    limitSize = obj.limit;
                    pages(obj.curr, obj.limit, null);
                }
            }
        });
    })
}

// 在建工程、今日实施作业工、二级风险、三级风险、四级风险、五级风险、施工班组、施工人员数量
function getBasicInfoData() {
    $.ajax({
        headers: {
            "encryp+t": sm3(JSON.stringify({
                params: encrypt(JSON.stringify({
                    currentUserId: user.userId,
                    isSup: user.isSup,
                    currentUserOrgId: user.orgId,
					buildUnit: formSelects.value('buildUnit', 'val').toString(),
					bidCode: formSelects.value('bidName', 'val').toString(),
					status: isEmpty($("#proStatus").val()) ? "" : $('#proStatus').val(),
					singleType: isEmpty($('#proType').val()) ? "" : $('#proType').val(),
                }))
            }))
        },
        url: dataUrl + "proteam/pot/newPro/getBasicInfoData?token=" + token,
        type: "POST",
        dataType: "JSON",
        data: {
            params: encrypt(JSON.stringify({
                currentUserId: user.userId,
                isSup: user.isSup,
                currentUserOrgId: user.orgId,
				buildUnit: formSelects.value('buildUnit', 'val').toString(),
				bidCode: formSelects.value('bidName', 'val').toString(),
				status: isEmpty($("#proStatus").val()) ? "" : $('#proStatus').val(),
				singleType: isEmpty($('#proType').val()) ? "" : $('#proType').val(),
            }))
        },
        success: function (data) {
            let obj = data.data;
            if (obj) {
                $("#underConst_num").html(obj.zjNum);
                $("#impWork_num").html(obj.ssNum);
                $("#twoRiskNum").html(obj.ejfxNum);
                $("#threeRiskNum").html(obj.sjfxNum);
                $("#fourRiskNum").html(obj.fffNum);
                $("#fiveRiskNum").html(obj.wjfxNum);
                $("#team_num").html(obj.teamNum);
                $("#team_person_num").html(obj.sgNum);
            }
        }
    });
}

function initTable(dataList, limit, page) {
    tableIns = table.render({
        elem: "#proTable",
        id: "proTable",
        height: "full-175",
        data: dataList,
        limit: limit,
        cols: [
            [
                //表头
                {
                    title: "序号", width: 80, unresize: true, align: "center", fixed: 'left', templet: function (d) {
                        return (page - 1) * limit + d.LAY_INDEX;
                    }
                },
                {
                    field: "orgName",
                    title: "建管单位",
                    width: 200,
                    unresize: false,
                    align: "center",
                    sort: true,
                    fixed: 'left'
                },
                {
                    field: "bidName",
                    title: "工程名称",
                    width: 200,
                    unresize: false,
                    align: "center",
                    sort: true,
                    fixed: 'left',
                },

                {
                    field: "teamNum",
                    title: "施工班组总数",
                    width: 200,
                    unresize: false,
                    event: 'team',
                    sort: true,
                    align: "center",
                    templet: function (d) {
                        return "<span  style='color: blue;cursor: pointer;'>" + d.teamNum + "</span>";
                    }
                },
                {
                    field: "tzNum",
                    title: "当日站班会/施工人数",
                    width: 240,
                    unresize: false,
                    event: 'tClass',
                    sort: true,
                    align: "center",
                    templet: function (d) {
                        return "<span  style='color: blue;cursor: pointer;'>" + d.tzNum + "</span>";
                    }
                },
                {
                    field: "yzNum",
                    title: "昨日站班会/施工人数",
                    width: 240,
                    unresize: false,
                    event: 'yClass',
                    sort: true,
                    align: "center",
                    templet: function (d) {
                        return "<span  style='color: blue;cursor: pointer;'>" + d.yzNum + "</span>";
                    }
                },
                {field: "ejfxNum", title: "当日二级风险数", width: 200, unresize: false, sort: true, align: "center",},
                {field: "sjfxNum", title: "当日三级风险数", width: 200, unresize: false, sort: true, align: "center",},
                {field: "fffNum", title: "当日四级风险数", width: 200, unresize: false, sort: true, align: "center",},
                {field: "wjfxNum", title: "当日五级风险数", width: 200, unresize: false, sort: true, align: "center",},
                {field: "jdDw", title: "监理单位", width: 200, unresize: false, align: "center", sort: true,},
                {field: "sgDw", title: "施工单位", width: 200, unresize: false, align: "center", sort: true,},
                {field: "wzNum", title: "违章数", width: 200, unresize: false, align: "center", sort: true},
                {field: "state", title: "工程状态", width: 200, unresize: false, align: "center", sort: true,
				templet: function (d) {
					if(d.state=='01'){
							return '待建'
					}else if(d.state=='02'){
						return '在施'
					}else if(d.state=='03'){
						return '停工'
					}else if(d.state=='04'){
						return '投产'
					}else{
						return '待建'
					}
				}
				},
                {field: "proDetailType", title: "工程类型", width: 200, unresize: false, align: "center", sort: true,},
                {field: "yzxmjl", title: "业主项目经理", width: 200, unresize: false, sort: true, align: "center",},
                {field: "zjlgcs", title: "总监理工程师", width: 200, unresize: false, sort: true, align: "center",},
                {field: "sgxmjl", title: "施工项目经理", width: 200, unresize: false, sort: true, align: "center",},
            ],
        ],
        done: function (res, curr, count) {
            $(".layui-laypage-skip").css("display", "none");
            $(".layui-table-main tr").each(function (index, val) {
                $($(".layui-table-fixed-r tr")[index + 1]).css("height", $(val).height());

            });
        }
    });
}

// 获取参数
function getReqParams(page, limit) {
	console.log($('#proType').val())
    return {
        pageNum: page + "",
        pageSize: limit + "",
        buildUnit: formSelects.value('buildUnit', 'val').toString(),
        bidCode: formSelects.value('bidName', 'val').toString(),
        status: isEmpty($("#proStatus").val()) ? "" : $('#proStatus').val(),
        proDetailType: isEmpty($('#proType').val()) ? "" : $('#proType').val(),
        keyWord: isEmpty($("#keyWord").val()) ? "" : $("#keyWord").val(),
        currentUserId: user.userId + "",
        isSup: user.isSup,
        currentUserOrgId: user.orgId
    };
}

//导出
function exportData() {
    let loadingMsg = layer.msg("数据导出中,请稍候...", {icon: 16, scrollbar: false, time: 0,});
    let url = dataUrl + "proteam/pot/newPro/exportProData?" + setData(getReqParams(pageNum, limitSize)) + '&token=' + token;
    let xhr = new XMLHttpRequest();
    let a = document.createElement("a");
    xhr.open("get", url, true);
    xhr.responseType = "blob"; // 转换流
    xhr.setRequestHeader("encrypt",
        sm3(JSON.stringify(
            getReqParams(pageNum, limitSize)
        )));
    xhr.onload = function () {
        layer.close(loadingMsg);
        if (this.status === 200) {
            let url = window.URL.createObjectURL(new Blob([this.response]))
            let link = document.createElement('a')
            link.style.display = 'none'
            link.href = url
            link.setAttribute('download', "工程列表.xlsx")
            document.body.appendChild(link)
            link.click()
            // 释放URL对象所占资源
            window.URL.revokeObjectURL(url)
            // 用完即删
            document.body.removeChild(link)
        } else {
            layer.msg("数据发生异常,请稍后重试", {icon: 16, scrollbar: false, time: 2000});
        }
    };
    xhr.send();
}

// 详情
function viewData(data) {
    rightPopup.rightPopupLayer("../../html/projectInformation/child/projectDetailsDetail.html", data);
}


//组织机构下拉选
function getOrgSelect() {
    let keys = [];
    $.ajax({
        headers: {
            "encrypt": sm3(JSON.stringify({}))
        },
        url: dataUrl + 'proteam/pot/team/getOrgSelected' + '?token=' + token,
        type: 'post',
        success: function (data) {
            console.log(data);
            $.each(data.data, function (index, item) {
                let temp = {
                    "name": item.name,
                    "value": item.code
                };
                keys.push(temp);
            })
            formSelects.data('buildUnit', 'local', {
                arr: keys
            });
            form.render();
        }
    });
}


function getProject() {
    let keys = [];
    $("#bidName").empty();
    Ajax().post({
        headers: {
            "encrypt": sm3(JSON.stringify({
                currentUserId: user.userId,
                isSup: user.isSup,
                currentUserOrgId: user.orgId
            }))
        },
        url: dataUrl + 'proteam/pot/newPro/getProjectSelect',
        data: {
            currentUserId: user.userId,
            isSup: user.isSup,
            currentUserOrgId: user.orgId
        },
        success: function (data) {
            let obj = data.data;
            $.each(obj, function (index, item) {
                keys.push({
                    "name": item.proName,
                    "value": item.proCode
                });

            });

            formSelects.data('bidName', 'local', {
                arr: keys
            });
            formSelects.btns('bidName',['remove'])
            form.render();
        }
    });

}

//工程状态下拉选
function getProStatus() {
    let obj = [{
        code: '01',
        name: '待建'
    }, {
       code: '02',
        name: '在施'
    },{
       code: '03',
        name: '停工'
    }, {
        code: '04',
        name: '投产'
    }];
    let html = '<option value="00" selected>全部</option>';
    $.each(obj, function (index, item) {
        html += '<option value="' + item.code + '">' + item.name + '</option>';
    })
    $('#proStatus').empty().append(html);
    form.render();
}

function getIsStop() {
    let obj = [{
        code: 1,
        name: '是'
    }, {
        code: 0,
        name: '否'
    }];
    let html = '<option value="00" selected>全部</option>';
    $.each(obj, function (index, item) {
        html += '<option value="' + item.code + '">' + item.name + '</option>';
    })
    $('#isStop').empty().append(html);
    form.render();
}
//工程状态下拉选
function getProType() {
    let obj = [
		{code: '1', name: '变电站' },
		{code: '2', name: '架空线' },
		{code: '3', name: '架空线切改' },
		{code: '4', name: '电缆' },
		{code: '5', name: '电缆切改' },
		{code: '6', name: '开关站' },
		{code: '7', name: '间隔' },
		{code: '9', name: '通信光缆' },
		{code: '10', name: '通信站' },
		{code: '11', name: '混合线路' },
		{code: '12', name: '换流站' },
		{code: '13', name: '串补站' },
		{code: '19', name: '间隔' },
		{code: '21', name: '水下电缆' },
		{code: '22', name: '水下电缆切改' },
		{code: '23', name: '混合线路' },
		{code: '24', name: '静止无功补偿工程' },
		{code: '25', name: '调相机工程' },
		{code: '26', name: '安全稳定控制工程' }
	];
    let html = '<option value="00" selected>全部</option>';
    $.each(obj, function (index, item) {
        html += '<option value="' + item.code + '">' + item.name + '</option>';
    })
    $('#proType').empty().append(html);
    form.render();
}

function getVoltage() {
    let obj = [{
            code: '110(66)kV',
            name: '110(66)kV'
        }, {
            code: '220kV',
            name: '220kV'
        }, {
            code: '35kV',
            name: '35kV'
        }, {
            code: '500KV',
            name: '500KV'
        }]
    ;
    let html = '<option value="00" selected>全部</option>';
    $.each(obj, function (index, item) {
        html += '<option value="' + item.code + '">' + item.name + '</option>';
    })
    $('#voltage').empty().append(html);
    form.render();
}


// 关闭页面
function closePage(type) {
    if (type === 1) {
        let index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
        parent.layer.close(index); //再执行关闭
    } else if (type === 2) {
        layer.closeAll();
    }
}


// 展开/收起
function isShow(type) {
    if (type === 1) {
        $("#basic-info").slideLeftHide();
        setTimeout(() => {
            $("#show").removeAttr("style");
        }, 510);
        $(".basic-info-box").animate({backgroundColor: "#fff"}, "500");
    } else if (type === 2) {
        $("#show").css("display", "none");
        $(".basic-info-box").animate({backgroundColor: "#EEF5FF"}, "500");
        $("#basic-info").slideLeftShow();
    }
}

// 弹出模态框
function centerModals() {
    $('#myModal_edit').each(function (i) {
        var $clone = $(this).clone().css('display', 'block').appendTo('body');
        var top = Math.round(($clone.height() - $clone.find('.modal-content').height()) / 3);
        top = top > 0 ? top : 0;
        $clone.remove();
        $(this).find('.modal-content').css("margin-top", top);
    });
}


/*更多选项*/
function openMoreOption() {
    let width = getMoreWidth().toFixed(0) + "px";
    let height = getMoreHeight().toFixed(0) + "px";
    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: setOptionHtml(),
        area: [width, height],
        move: false,
        shade: 0.1,
        success: function (layero, index) {
            layui.form.render();
            $(window).resize(function () {
                if (autoMoreResizeWidth) autoMoreResizeWidth(index);
                if (autoMoreResizeHeight) autoMoreResizeHeight(index);
            });
        },
    });
}

/*更多选项赋值*/
function setOptionHtml() {
    let html = '<form class="layui-form option-form" onsubmit="return false;">';
    let cent = '';
    $.each(searchList, function (index, item) {
        if (item.isChecked) {
            cent += '<div class="layui-input-inline"><input lay-skin="primary" type="checkbox" name="' + item.titleCode + '" title="' + item.titleName + '" checked></div>'
        } else {
            cent += '<div class="layui-input-inline"><input lay-skin="primary" type="checkbox" name="' + item.titleCode + '" title="' + item.titleName + '"></div>'
        }
    })
    html += '<div class="layui-form-item" style="margin: 5% 0 0 20px;">' + cent + '</div>'
    html += '<div class="layui-form-item" style="margin-top: 8%;display: flex;align-items: center;justify-content: center;">' +
        '<button class="layui-btn layui-btn-normal layui-btn-sm" onclick="sureOption()">确定</button>' +
        '<button class="layui-btn layui-btn-primary layui-btn-sm" onclick="layer.closeAll()">取消</button>' +
        '</div></form>'
    return html;
}


/*确定更多选项*/
function sureOption() {
    let formList = [];
    $('input[type=checkbox]').each(function (index) {
        let html = '';
        searchList[index].isChecked = $(this).prop("checked")
        if ($(this).prop("checked")) {
            formList.push(setOptionForm(searchList[index]))
        }
    })
    setFormHtml(formList);
    layer.closeAll()
}


/*给表单内容*/
function setFormHtml(data) {
    $('.more-search-box').removeAttr('style')
    let html = '', cent = '', cent2 = '', item = $('.option-form .layui-form-item');
    clearBasicForm();
    $('.two-item').css('height', '0')
    if (data.length > 0 && data.length <= 3) {
        $.each(data, function (index, item) {
            html += item;
        })
        $('.buildUnit').after(html);
    } else if (data.length > 3) {
        $.each(data, function (index, item) {
            if (index <= 2) {
                html += item;
            } else if (index > 2) {
                cent += item;
            }
        })
        clearBasicForm();
        $('.buildUnit').after(html);
        if (cent != '') {
            $('.two-item').css('height', '50px').append(cent)
        }
    }
    if (data.length <= 3) {
        $('.table-box').css('height', 'calc(100% - 300px)')
        tableIns.getthat().fullHeightGap = '180'
    } else if (data.length > 3 && data.length <= 8) {
        tableIns.getthat().fullHeightGap = '225'
        $('.table-box').css('height', 'calc(100% - 300px)')
    }
    form.render();
    tableIns.resize();
    getOrgSelect();
    getProStatus();
    getProType();
    getVoltage();
    getIsStop();
    getProject();
}

/*设置更多选项表单*/
function setOptionForm(item) {
    let html = '';
    if (item.type === 'select') {
        html = '<div class="layui-inline ' + item.titleCode + '">' +
            '<label class="layui-form-label">' + item.titleName + ':</label>' +
            '<div class="layui-input-inline">' +
            '<select class="layui-select" xm-select="' + item.titleCode + '" xm-select-max="5" xm-select-search="" xm-select-search-type="dl" xm-select-show-count=\'1\' id="' + item.titleCode + '">' +
            '</select>' +
            '</div>' +
            '</div>'
    } else {
        html = '<div class="layui-inline ' + item.titleCode + '">' +
            '<label class="layui-form-label">' + item.titleName + ':</label>' +
            '<div class="layui-input-inline">' +
            '<input type="text" id="' + item.titleCode + '" class="layui-input" autocomplete="off" placeholder="请输入' + item.titleName + '">' +
            '</div>' +
            '</div>'
    }
    return html;
}

/*清空表单的内容*/
function clearBasicForm() {
    console.log(2);
    let obj = $('.layui-form-item .layui-inline');
    obj.each(function () {
        if ($(this).hasClass('buildUnit') || $(this).hasClass('btns')) {
        } else {
            let classAttr = $(this).attr('class');
            obj.remove('.' + classAttr.substring(classAttr.indexOf(' ') + 1, classAttr.length));
        }
    })
}


// 重置页面样式
function resetContent() {
    if ($('.layui-input-inline').length <= 4) {
        $('.table-box').css('height', 'calc(100% - 300px)')
        tableIns.getthat().fullHeightGap = '180'
    } else if ($('.layui-input-inline').length > 4 && $('.layui-input-inline').length <= 10) {
        $('.table-box').css('height', 'calc(100% - 300px)')
        tableIns.getthat().fullHeightGap = '225'
    } else if ($('.layui-input-inline').length === 11) {
        $('.table-box').css('height', 'calc(100% - 300px)')
        tableIns.getthat().fullHeightGap = '220'
    }
    tableIns.resize();
}