var table,form,layer,element;
var parentData;
layui.use(['form','layer','table','element'], function () {
    table = layui.table;
    form = layui.form;
    layer = layui.layer;
    //杆塔信息
	if(parentData.isTwo == '0'){ 
		//单回路
		initGmTableOne();
	}else{
		//双回路
		var html = `<div class="layui-input-inline">
						<select id="type" name="type" class="layui-select" lay-verify="required">
							<option value="" >杆塔绑定状态</option>
							<option value="1" >已绑定</option>
							<option value="2" >未绑定</option>
						</select>
					</div>`
		$("#two").append(html)
		initGmTableTwo();
	}
    form.on('submit(resetGm)', function () {
        console.log("重置")
        $('#keyWord').val('');
        $('#type').val('');
		form.render("select");
        let obj = {
            keyWord:'',
            type:'',
			proId: parentData.proId
        }
         // 对表格进行重载。id 即 table表格的id
        table.reload('gmTable', {
            // //设定异步数据接口的额外参数
            page:{curr : 1}
            ,where: obj
        })
        return false; // 阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });





    //人员信息
    //initStaffTable()
    // 触发submit提交 按钮点击或者表单被执行提交时触发
    form.on('submit(queryUser)', function (data) {
        console.log("搜索")
         // 对表格进行重载。id 即 table表格的id
        table.reload('staffTable', {
            // //设定异步数据接口的额外参数
            page:{curr : 1}
            ,where: data.field
        })
        return false; // 阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });
    form.on('submit(resetUser)', function () {
        console.log("重置")
        $('#search1').val('');
        $('#search2').val('');
        let obj = {
            search1:'',
            search2:''
        }
         // 对表格进行重载。id 即 table表格的id
        table.reload('staffTable', {
            // //设定异步数据接口的额外参数
            page:{curr : 1}
            ,where: obj
        })
        return false; // 阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });
    form.render();
});
//杆塔信息搜索
function queryClick1(){
	var type = "";
	if(parentData.isTwo == '1'){
		//双回路
		type = $("#type").val();
	}
	 // 对表格进行重载。id 即 table表格的id
	table.reload('layui_table', {
	    // //设定异步数据接口的额外参数
	    page:{curr : 1}
	    ,where: {
			'keyWord': $("#keyWord").val(),
			'type': type,
			'proId': parentData.proId
		}
	})
}

//重置
function resetClick1(){
	//重置
	$('#keyWord').val("");
	$('#type').val("");
	table.reload('layui_table', {
		where: {
			'keyWord': '',
			'type': '',
			'proId': parentData.proId
		}
	})
}
//新增杆塔
function addClick1(){
	var height = '80%';
	var width = '50%';
	var index = layer.open({
	    title: ['新增', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
	    type: 2,
	    content: 'addTower.html',
	    area: [width, height],
	    maxmin: false,
	    success: function (layero, index) {
	        // //打开页面成功时执行
	        var myIframe = window[layero.find('iframe')[0]['name']];
	        myIframe.setData(parentData.proId);
	
	    },
	    yes: function (index, layero) {
	        // //提交子页面时执行
	        // // 获取弹出层中的form表单元素
	        // var formSubmit = layer.getChildFrame('form', index);
	        // var submited = formSubmit.find('button')[0];
	        // // 触发点击事件，会对表单进行验证，验证成功则提交表单，失败则返回错误信息
	        // // var myIframe = window[layero.find('iframe')[0]['name']];
	        // // myIframe.selectCheck(); //aaa()为子页面的方法
	        // submited.click();
	        // example.ajax.reload(); // 刷新页面
	    },
		end: function(){
			if(parentData.isTwo == '0'){
				initGmTableOne()
			}else{
				initGmTableTwo()
			}
		}
		
	});
}
//修改杆塔信息
function updClick1(){
	var checkStatus = table.checkStatus('layui_table');
	var data = checkStatus.data;
	if(data.length == 0){
		layer.msg("请勾选需要修改的数据", { icon: 0} );
		return;
	}
	if(data.length > 1){
		layer.msg("请勿勾选多个", { icon: 0} )
		return;
	}
	
	var height = '80%';
	var width = '50%';
	var index = layer.open({
	    title: ['修改', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
	    type: 2,
	    content: 'updTower.html',
	    area: [width, height],
	    maxmin: false,
	    success: function (layero, index) {
	        // //打开页面成功时执行
	        var myIframe = window[layero.find('iframe')[0]['name']];
	        myIframe.setData(data, parentData.proId);
	    },
	    yes: function (index, layero) {
	        // //提交子页面时执行
	        // // 获取弹出层中的form表单元素
	        // var formSubmit = layer.getChildFrame('form', index);
	        // var submited = formSubmit.find('button')[0];
	    },
		end: function(){
			if(parentData.isTwo == '0'){
				initGmTableOne()
			}else{
				initGmTableTwo()
			}
		}
		
	});
}
//删除杆塔
function delClick1(){
	var checkStatus = table.checkStatus('layui_table');
	var data = checkStatus.data;
	if(data.length == 0){
		layer.msg("请勾选需要删除的数据", { icon: 0} );
		return;
	}
	
	var gtIds = '';
	if(data.length == 1){
		gtIds = data[0].gtId;
	}
	if(data.length > 1){
		for (var i = 0; i < data.length; i++) {
			if(i < data.length - 1){
				gtIds += data[i].gtId + ',';
			}else{
				gtIds += data[i].gtId;
			}
		}
	}
	
	
	
	var index = layer.confirm("确认删除吗？",{icon: 0},function(){
		$.ajax({
			type: 'POST',
			url: PATH_URL + "/lineProject/delPowerId", // 请求地址
			contentType: "application/json; charset=utf-8",
			dataType: 'json', // 服务器返回数据类型
			data: JSON.stringify({ "gtIds": gtIds, "proId": parentData.proId }), //获取提交的表单字段
			success: function (data) {
				if (data.code == 200) {
					layer.msg("删除成功", { icon: 1 });
					document.getElementById('powerNum').innerText = data.data.powerNum;
					if(parentData.isTwo == '0'){
						initGmTableOne()
					}else{
						initGmTableTwo()
					}
					
					//关闭弹框
					layer.close(index); //再执行关闭

				} else {
					layer.alert(data.msg);
				}
			},
			error: function (XMLHttpRequest, textStatus, e) {
				top.layer.close(loadingMsg);
				layer.msg('数据请求发生异常,请稍后重试', {icon: 16, scrollbar: false});
			}
		});
	})
}

//导入杆塔信息
function importData1(){
    var height = '99%';
    var width = '50%';
    var index = layer.open({
        title: [`导入`, 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
        type: 2,
        // content: 'child/orgInformation.html',
        content: 'projectImport.html',
        area: [width, height],
        maxmin: false,
        success: function (layero, index) {
            var myIframe = window[layero.find('iframe')[0]['name']];
			var json = {
				type: '2',
				proId: parentData.proId
			}
            myIframe.setParam(json)
        },
        yes: function (index, layero) {
        },
        end: function () {
			if(parentData.isTwo == '0'){
				initGmTableOne()
			}else{
				initGmTableTwo()
			}
        }
    });
}


function setData(data){
	var proName = data.proName;
	if(proName.length > 10){
		proName = proName.substring(0, 8) + '...'
	}
	$("#proName").text(proName);
	$("#proName").attr('title', data.proName);
	
	$(".isTwo").text(data.isTwo == '0'? '单回路': '双回路');
	$("#powerNum").text(data.powerNum);
	$("#lineNum").text(data.lineNum);
	$("#lineProName").text(data.proName);
	
	$("#yjName").text(data.fgsName + ' / ' + data.yjName);
	$("#volLevel").text(data.volLevel + 'kV');
	
	parentData = data;
}

 // 渲染杆塔表格 单回路
function initGmTableOne(){
    table.render({
		id: 'layui_table',
		elem: '#gmTable',
		url: PATH_URL + '/lineProject/getDetailsPowerList',
		where: {
			proId: parentData.proId
		},
    	page: true, //开启分页
    	method:'post',
		skin: 'line', // 表格样式
		cols: [[
		    {
		 	   type: 'checkbox'
		    },
		    {
			   title: '序号',
			   field: 'zizeng',
			   align: 'center',
			   type: 'numbers'
		    },
		    {field:'gtName', title: '杆塔名称',align: 'center',},
		    {field:'gtUserName', title: '护线员 (来源：人员合同)',align: 'center',},
	    ]],
    	done: function(res,curr,count){
    		//checkPermission();
    	}
    });
}


 // 渲染杆塔表格 双回路
function initGmTableTwo(){
    table.render({
		id: 'layui_table',
		elem: '#gmTable',
		url: PATH_URL + '/lineProject/getDetailsPowerList',
		where: {
			proId: parentData.proId
		},
    	page: true, //开启分页
    	method:'post',
		skin: 'line', // 表格样式
		cols: [[
		    {
		 	   type: 'checkbox'
		    },
		    {
			   title: '序号',
			   field: 'zizeng',
			   align: 'center',
			   type: 'numbers'
		    },
		    {field:'gtName', title: '杆塔名称',align: 'center',},
		    {field:'gtUserName', title: '护线员 (来源：人员合同)',align: 'center',},
			{field:'gtTwoName', title: '对应双回路杆塔',align: 'center',},
			{field:'gtTwoUserName', title: '对应双回路杆塔护线员',align: 'center',},
			{
				title: '操作（双回路杆塔设置）',
				field: '',
				align: 'center',
				templet: function(d){
					console.log("sssss:", d.gtTwoName)
					let isTwo = d.isTwo;
					let html;
					if(isTwo == '0' || isTwo == 0){
						html = '<span>单回路</span>'
					}else{
						html = '<span>双回路</span>'
					}
					// 返回模板内容
					return html;
				}
			}
	    ]],
    	done: function(res,curr,count){
    		//checkPermission();
    	}
    });
}



function addGm(){
    var height = '42%'; 
    var width = '38%';  
    var index = layer.open({
        title: [`选择工程、杆塔 `, 'color:#3B70A1;background-color:#fff;font-size:20px'],
        type: 1,
        content: $("#gmDetail").html(),
        closeBtn: 1,
        area: [width, height],
        success: function (layero, index) {  

        },
 
        cancel: function(index, layero){//关闭
            console.log(3)
            layer.close(index);
        },
        
    });
}   

// 渲染人员表格
function initStaffTable(){
    table.render({
        elem: '#staffTable',
        // url: "/sys/achievement",
        page: true,
        skin: 'line', // 表格样式
        cols: [[
            {
                type: 'checkbox'
            },
            {
                title: '序号',
                field: 'zizeng',
                align: 'center',
                type: 'numbers'
            },
            {field:'name', title: '姓 名',align: 'center',width:100},
            {field:'idCard', title: '身份证号',align: 'center',},
            {field:'phone', title: '联系电话',align: 'center',width:120},
            {field:'line', title: '管辖线路名称',align: 'center',width:350}, 
            {field:'area', title: '范围、基数',align: 'center',width:350}, 
            {field:'startTime', title: '协议起始日期',align: 'center',width:140}, 
            {field:'endTime', title: '协议终止日期',align: 'center',width:140}
        ]],
        data: tableData2
    });
}


function editProject(){
    window.parent.updateView(parentData.proId);
}

function projectAddUser(){
    var height = '98%';
    var width = '90%';
    var index = layer.open({
        title: ['新增人员', 'color:#3B70A1;background-color:#E8ECEB;font-size:20px'],
        type: 2,
        content: '../staff/staffAdd.html',
        area: [width, height],
        maxmin: false,
        success: function (layero, index) {
            // //打开页面成功时执行
            var myIframe = window[layero.find('iframe')[0]['name']];
            //getTaskSource()为子页面的方法
            // myIframe.getTaskSource("taskSourceId","");
    
        },
        yes: function (index, layero) {
            // //提交子页面时执行
            // // 获取弹出层中的form表单元素
            // var formSubmit = layer.getChildFrame('form', index);
            // var submited = formSubmit.find('button')[0];
            // // 触发点击事件，会对表单进行验证，验证成功则提交表单，失败则返回错误信息
            // // var myIframe = window[layero.find('iframe')[0]['name']];
            // // myIframe.selectCheck(); //aaa()为子页面的方法
            // submited.click();
            // example.ajax.reload(); // 刷新页面
        }
    });
}

//导出杆塔信息
function exportData1() {
    var keyWord = $("#keyWord").val();
    var type = '';
	var path = '';
	if(parentData.isTwo == '0'){
		type = '';
		path = 'exportPowerDataOne';
	}else{
		type = $("#type").val();
		path = 'exportPowerDataTwo';
	}
    var proId = parentData.proId;
	
    window.location.href = PATH_URL + `/lineProject/${path}?token=` + token
        + "&keyWord=" + keyWord
		+ "&type=" + type
        + "&proId=" + proId
		+ "&proName=" + parentData.proName
}