var pers = []
var table,form,layer
layui.use(['form','layer','table'], function () {
    table = layui.table;
    form = layui.form;
	layer = layui.layer;
	
	//测试
	setData(null);

    // 触发submit提交 按钮点击或者表单被执行提交时触发
    form.on('submit(query)', function (data) {
		// 对表格进行重载。id 即 table表格的id
        table.reload('table', {
            // //设定异步数据接口的额外参数
            where: data.field
        })
        return false; // 阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });
    form.on('submit(reset)', function () {
        $('#username').val('');
        $('#proname').val('');
        form.render();
        let obj = {
            username:'',
            proname:'',
        }
            // 对表格进行重载。id 即 table表格的id
        table.reload('table', {
            // //设定异步数据接口的额外参数
            where: obj
        })
        return false; // 阻止表单跳转。如果需要表单跳转，去掉这段即可。
    });
	//取消按钮点击
	$("#closeBt").click(() => {
		var index = parent.layer.getFrameIndex(window.name); //先得到当前 iframe层的索引
		parent.layer.close(index); //再执行关闭
	})
	//保存按钮点击
	$("#submitBt").click(() => {
		save();
	})
	
    init();
});

  // 静态数据
  var tableData = [
	{id: 1, username: '李云飞', idNumber: '342224196202241356', lineName: '500kV大宝Ⅰ回线',phone:'15665366624',bank:'中国银行',bankNumber:'xxxxxxxxxxxxxxxxxxxx',UnionPayNumber:'xxxxxxxxxxxx',visitationWorkSecond:'31',laborPrice:'10',visitationWorkDay:'5',laborPriceDay:'115'},
	{id: 2, username: '李云飞', idNumber: '342224196202241356', lineName: '500kV大宝Ⅰ回线',phone:'15665366624',bank:'中国银行',bankNumber:'xxxxxxxxxxxxxxxxxxxx',UnionPayNumber:'xxxxxxxxxxxx',visitationWorkSecond:'32',laborPrice:'10',visitationWorkDay:'5',laborPriceDay:'115'},
	{id: 3, username: '李云飞', idNumber: '342224196202241356', lineName: '500kV大宝Ⅰ回线',phone:'15665366624',bank:'中国银行',bankNumber:'xxxxxxxxxxxxxxxxxxxx',UnionPayNumber:'xxxxxxxxxxxx',visitationWorkSecond:'33',laborPrice:'10',visitationWorkDay:'5',laborPriceDay:'115'},
  ];

    
/**
 * 初始化数据
 */
function init(){
      // 渲染表格
  table.render({
    elem: '#table',
    // url: "/sys/achievement",
    // page: true,
    skin: 'line', // 表格样式
    data: tableData,
    cols: [[
        {
            title: '序号',
            field: 'zizeng',
            align: 'center',
            type: 'numbers'
        },
        {field:'username', title: '姓 名',align: 'center',},
        {field:'idNumber', title: '身份证号',align: 'center',},
        {field:'lineName', title: '管辖线路名称',align: 'center',},
        {field:'phone', title: '手机号',align: 'center',},
        {field:'bank', title: '开户行',align: 'center',},
        {field:'bankNumber', title: '银行卡号',align: 'center'},
        {field:'UnionPayNumber', title: '银联号',align: 'center'},
        {field:'visitationWorkSecond', title: '巡视工作量（基*次）',align: 'center', },
        {field:'laborPrice', title: '约定巡视工价（元/(基*次)）',align: 'center', },
		{field:'visitationWorkDay', title: '特巡工作量（人*天）',align: 'center', },
		{field:'laborPriceDay', title: '约定特巡工价（元/(人*天)）',align: 'center', },
		{
			field: '',
			title: '合价（元）',
			align: 'center',
			templet: function(d){
				var visitationWorkSecond = d.visitationWorkSecond;
				var laborPrice = d.laborPrice;
				var visitationWorkDay = d.visitationWorkDay;
				var laborPriceDay = d.laborPriceDay;
				
				var totalPrice = "";
				//判断是否是数字
				if(isNumber(visitationWorkSecond) && isNumber(laborPrice) && isNumber(visitationWorkDay) && isNumber(laborPriceDay)){
					totalPrice = Number(visitationWorkSecond) * Number(laborPrice) + Number(visitationWorkDay) * Number(laborPriceDay)
				}else{
					totalPrice = "0"
				}
				
				
				var html = `<span>${totalPrice}</span>`;
				return html;
			},
		},
		{
			field: '',
			title: '通讯费',
			align: 'center',
			templet: function(d){
				var id = d.id
				var html = `<input class="message layui-input" key="${id}" oninput="computemMessage(this)" type="number" min="0" value="0" lay-verify="required" style="width: 54px;height: 25px;"/>`;
				return html;
			},
		},
		{
			field: '',
			title: '奖惩',
			align: 'center',
			templet: function(d){
				var id = d.id
				var html = `<input class="bonusPenalty layui-input" key="${id}" oninput="computeBonusPenalty(this)" type="number" value="0" lay-verify="required" style="width: 54px;height: 25px;"/>`;
				return html;
			},
		},
		{
			field: '',
			title: '备注',
			align: 'center',
			templet: function(d){
				var id = d.id
				var html = `<input class="remark layui-input" key="${id}" type="text" style="width: 76px;height: 25px;"/>`;
				return html;
			},
		},
		{
			field: '',
			title: '实发金额',
			align: 'center',
			templet: function(d){
				var visitationWorkSecond = d.visitationWorkSecond;
				var laborPrice = d.laborPrice;
				var visitationWorkDay = d.visitationWorkDay;
				var laborPriceDay = d.laborPriceDay;
				
				var netSalary = "";
				//判断是否是数字
				if(isNumber(visitationWorkSecond) && isNumber(laborPrice) && isNumber(visitationWorkDay) && isNumber(laborPriceDay)){
					netSalary = Number(visitationWorkSecond) * Number(laborPrice) + Number(visitationWorkDay) * Number(laborPriceDay);
				}else{
					netSalary = "0"
				}
				
				
				var html = `<span class="netSalary" style="color: #D9001B">${netSalary}</span>`;
				return html;
			},
		},
    ]],
  });
     
}

//通讯费input失去焦点事件
function computemMessage(enent){
	var thisValue = $(enent).val();
	var totalPrice = $(enent).parent().parent().prev().children().children().text();
	
	var value = ""
	//判断是否是数字
	if(isNumber(thisValue) && isNumber(totalPrice)){
		value = Number(thisValue) + Number(totalPrice);
	}else{
		value = "0"
	}
	
	$(enent).parent().parent().next().next().next().children().children().text(value);
}
//奖惩 input失去焦点事件
function computeBonusPenalty(enent){
	var thisValue = $(enent).val();
	var totalPrice = $(enent).parent().parent().prev().prev().children().children().text();
	var value = ""
	//判断是否是数字
	if(isNumber(thisValue) && isNumber(totalPrice)){
		value = Number(thisValue) + Number(totalPrice);
	}else{
		value = "0"
	}
	$(enent).parent().parent().next().next().children().children().text(value);
}


//页面赋值
function setData(data){
	$("#inspectionStation").text("迪庆运检站");
	$("#subComName").text("运检二公司");
	$("#proNum").text("60");
	$("#lineProtector").text("16");
	$("#month").text("3月")
}

//保存
function save(){
	//获取通讯费 DOM
	var messages = $(".message");
	//获取奖惩 DOM
	var bonusPenaltys = $(".bonusPenalty");
	//获取备注 DOM
	var remarks = $(".remark");
	//获取实发金额 DOM
	var netSalarys = $(".netSalary");
	
	var arr = [];
	
	//循环获取的 DOM，将数据整合
	for (var i = 0; i < messages.length; i++) {
		//获取此行数据 的id
		var id = $(messages[i]).attr("key");
		//获取通讯费
		var message = $(messages[i]).val();
		//获取奖惩
		var bonusPenalty = $(bonusPenaltys[i]).val();
		//获取备注
		var remark = $(remarks[i]).val();
		//获取实发金额 
		var netSalary = $(netSalarys[i]).text();
		
		if(message == ""){
			layer.msg("请填写通讯费", {icon: 0});
			$(messages[i]).focus();
			return;
		}
		if(bonusPenalty == ""){
			layer.msg("请填写奖惩", {icon: 0});
			$(bonusPenaltys[i]).focus();
			return;
		}
		if(remark == ""){
			layer.msg("请填写备注", {icon: 0});
			$(remarks[i]).focus();
			return;
		}
		if(netSalary == ""){
			layer.msg("请填写实发金额", {icon: 0});
			$(netSalarys[i]).focus();
			return;
		}
		
		
		var json = {
			"id": id,
			"message": message == ""? "0" : message,
			"bonusPenalty": bonusPenalty? "0" : message,
			"remark": remark,
			"netSalary": netSalary
		}
		arr.push(json);
		
	}
	console.log(arr)
	
	//将整合的数据传至后台
	// 加载提示
	let loadingMsg = layer.msg('数据上传中,请稍候...', {icon: 16, scrollbar: false, time: 0, shade: [0.8, '#393D49']});
	// form请求地址
	let formUrl = PATH_URL + "";
	$.ajax({
	    type: 'POST',
	    async: true, // 默认异步true,false表示同步
	    url: formUrl, // 请求地址
	    data: JSON.stringify(arr),
	    success: function (data) {
	        layer.close(loadingMsg); // 关闭提示层
	        if(data.code == 200){
	            top.layer.msg("保存成功");
	            reloading();
	        }else{
	            layer.alert(data.msg);
	        }
	    },
	    error: function (XMLHttpRequest, textStatus, e) {
	        layer.msg('数据请求发生异常,请稍后重试', {icon: 16, scrollbar: false});
	    }
	});
}

//判断是否为数字
function isNumber(variable){
	return !isNaN(Number(variable));
}