var slsqxx;
// 材料标识吗
var bsmCl;
// 领证方式
var lzfs = 1;
layui.use('element', function () {
    let element = layui.element;
});
$(function () {
    //设置步骤条信息
    setAcceptFlow(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
    slsqxx = getApplyRecord(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
    LoadClxxDiv();
    console.log(9999, slsqxx)
    //config的设置是全局的
    layui.config({
        base: '../../staticJs/'
    }).extend({ //设定模块别名
        common: 'cityCommon'
    });
    layui.use(['form', 'common'], function () {
        var common = layui.common,
            form = layui.form;
        //三级地址联动
        common.showCity('province', 'city', 'district');
        //区域选择
        form.on('select(selectCity)', function (data) {
            return false;
        });
    });
    // 买方信息
    if(slsqxx.sqrList && slsqxx.sqrList.length>0) {
        $('#userName').text(slsqxx.sqrList[0].sqrmc);
        $('#idCard').text(slsqxx.sqrList[0].zjhm);
        $('#phone').text(slsqxx.sqrList[0].dhhm);
        if(slsqxx.sqrList[0].sqrzj == '1') {
            $('#documentType p').text('身份证');
        }
        let li;
        for (var i = 1; i < slsqxx.sqrList.length; i++) {
            li = '<div class="layui-form-item">'
            li += '<div class="layui-inline">'
            li += '<label class="layui-form-label">姓名</label>' 
            li += '<input type="text" name="name" value="'+slsqxx.sqrList[i].sqrmc+'" required lay-verify="name" placeholder="请输权利人" class="layui-input">'
            li += '</div>'
            li += '<div class="layui-inline idCard">'
            li += '<label class="layui-form-label">身份证类型</label>'
            li += '<select lay-filter="typeId">'
            li += '<option value="'+slsqxx.sqrList[i].sqrzj+'">身份证</option>'
            li += '</select>'
            li += '</div>'
            li += '<div class="layui-inline">'
            li += '<label class="layui-form-label">证件号码</label>'
            li += '<input type="tel" name="card" value="'+slsqxx.sqrList[i].zjhm+ '" maxlength="18" required lay-verify="card" placeholder="请输证件号码" class="layui-input">'
            li += '</div>' 
            li += '<div class="layui-inline">'
            li += '<label class="layui-form-label">联系方式</label>'
            li += '<input type="tel" name="phone" value="'+slsqxx.sqrList[i].dhhm+'" maxlength="11" required lay-verify="phone" placeholder="请输联系方式" class="layui-input">'
            li += '</div>'
            li += '<i class="layui-icon layui-icon-reduce-circle"></i>'
            li += '</div>'
            $('#layui-form').append(li)
        }

    }else {
        let userInfo = getCookie('myCookie');
        $('#userName').text(userInfo.username);
        $('#idCard').text(userInfo.zjhm);
        $('#phone').text(userInfo.phone);
        if(userInfo.zjzl == '1') {
            $('#documentType p').text('身份证');
        }
    }
    // 获取房屋信息
    let houseInfo  = getFDCQ2(GetQueryString('bsm_slsq'));
    $('#unitNumber p').text(houseInfo.bdcdyh);
    $('#titleCertificate p').text(houseInfo.bdcqzh);
    $('#beLocated p').text(houseInfo.fdzl);
    $('#area p').text(houseInfo.jzmj);

    // 领证方式
    lzfs = slsqxx.lzfs;
    if (lzfs == 2) {
        $('.shipping_method').show();
        $('.submitButton').hide();
    } else {
        $('.shipping_method').hide();
        $('.submitButton').show();
    }
    // 邮寄地址
    $('#consignee').val(slsqxx.mailRecordDetail.consignee);
    $('#consigneePhone').val(slsqxx.mailRecordDetail.consigneePhone);
    $('#province').attr('data-area',slsqxx.mailRecordDetail.province);
    $('#city').attr('data-area',slsqxx.mailRecordDetail.city);
    $('#district').attr('data-area',slsqxx.mailRecordDetail.district);
    $('#consigneeAddress').val(slsqxx.mailRecordDetail.consigneeAddress);
})
addTabs('#wssq')
// form 表单
// layui.use('form', function () {
//     var form = layui.form;
//     form.on('select(typeId)', function (data) {
//         console.log(data.value);
//     });
//     //自定义验证规则
//     form.verify({
//         title: function (value) {
//             if (value.length == 0) {
//                 return '权利人不能为空';
//             } else if (value.length < 2) {
//                 return '权利人至少得2个字符啊';
//             }
//         }
//     });

//     //监听提交
//     form.on('submit(demo1)', function (data) {
//         layer.alert(JSON.stringify(data.field), {
//             title: '最终的提交信息'
//         })
//         return false;
//     });
// })
$('.radioInfo').click(function () {
    let index = $(this).attr("value")
    if ($('#layui-form .layui-form-item').length>1) {
        return false
    }else {
        if (index == 2 || index == 3) {
            $('.add_form').show()
        } else {
            $('.add_form').hide()
        }
    }
})
// form 添加
$('.add_form').click(function () {
    $('#layui-form').append(
        '<div class="layui-form-item">' +
        '<div class="layui-inline">' +
        '<label class="layui-form-label">姓名</label>' +
        '<div class="layui-input-block">' +
        '<input type="text" name="name" required lay-verify="name" placeholder="请输权利人" class="layui-input">' +
        '</div>' +
        '</div>' +
        '<div class="layui-inline idCard">' +
        '<label class="layui-form-label">身份证类型</label>' +
        '<div class="layui-input-block">' +
        '<select lay-filter="typeId">' +
        '<option value="1">身份证</option>' +
        '<option value="2">军官证</option>' +
        '</select>' +
        '</div>' +
        '</div>' +
        '<div class="layui-inline">' +
        '<label class="layui-form-label">证件号码</label>' +
        '<div class="layui-input-block">' +
        '<input type="tel" name="card" maxlength="18" required lay-verify="card" placeholder="请输证件号码" class="layui-input">' +
        '</div>' +
        '</div>' +
        '<div class="layui-inline">' +
        '<label class="layui-form-label">联系方式</label>' +
        '<div class="layui-input-block">' +
        '<input type="tel" name="phone" maxlength="11" required lay-verify="phone" placeholder="请输联系方式" class="layui-input">' +
        '</div>' +
        '</div>' +
        '<i class="layui-icon layui-icon-reduce-circle"></i>' +
        '</div>'
    )

    layui.use('form', function () {
        var form = layui.form;
        form.render('select');
        form.on('select(typeId)', function (data) {
            console.log(data.value);
        });
    })
    // 编辑
    $(document).on("click", ".layui-icon-reduce-circle", function (e) {
        $(this).parent().remove()
    })
})
// 图片上传
// 询问笔录
$('.record').click(function (event) {
    event.stopPropagation();
})
// 领证方式
$('.formRadio').click(function () {
    let value = $(this).attr('value');
    lzfs = value;
    if (value == 2) {
        $('.shipping_method').show()
        $('.submitButton').hide()
    } else {
        $('.shipping_method').hide()
        $('.submitButton').show()
    }
})
//下一步事件
function skipClick() {
    if(_saveSQR()) {
        skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
    }else {
        layer.msg('保存信息出错！');
    }
}

function LoadClxxDiv() {
    let clxxDic = $("#clxx");
    let clxxContent;
    $.each(slsqxx.slclList, function (index, item) {
        clxxContent = '<div class="img_update">';
        clxxContent += '<div class="fileBox">';
        clxxContent += '<div class="fileSpan vm">';
        clxxContent += '<input type="file" multiple id="fileInput' + index + '" onchange="handleUpdate(this,' + index + ', ' + slsqxx.slclList[index].fs + ')"/>';
        clxxContent += '<div class="pictureUpload"></div>';
        clxxContent += '<div class="file_name">';
        if (slsqxx.slclList[index].fs == item.slclmxDetailList.length) {
            clxxContent += '<img class="update" src="../../staticImages/Yes.png">';
        }else {
            clxxContent += '<img class="update" src="../../staticImages/update.png">';
            clxxContent += '<p class="updatetext">点击文件上传</p>';
        }
        clxxContent += '</div>';
        clxxContent += '<ul class="fileListName" id="fileULName' + index + '">'
        $.each(item.slclmxDetailList, function (childIndex, childIitem){
            clxxContent += '<li class="fileName">' + '<span title="' + childIitem.fileName + '">' + childIitem.fileName + '</span>' + '<img bsmSlclmx="'+childIitem.bsmSlclmx+'" class="operation" src="../../staticImages/chacha.png">' + '</li>'
        });
        clxxContent +='</ul>';
        clxxContent += '</div>';
        clxxContent += '<div class="certificate">' + slsqxx.slclList[index].clmc + '【' + slsqxx.slclList[index].wjlxmc + '】（' + slsqxx.slclList[index].fs + '份）</div>';
        clxxContent += '</div>';
        clxxContent += '</div>';
        clxxDic.append(clxxContent);
    });
}

function handleUpdate(e, index, sizeNum) {
    let name = e.files[0].name;
    let fileul = $("#fileULName" + index);
    if (fileul.find("li").length >= slsqxx.slclList[index].fs) {
        return false
    } else {
        _uploadSlcl(e.files[0], slsqxx.slclList[index].bsmCl, $("#fileULName" + index), sizeNum);
        fileul.append('<li class="fileName">' + '<span title="' + name + '">' + name + '</span>' + '<img class="operation" src="../../staticImages/chacha.png">' + '</li>');
    }
}
$(document).on("click", ".pictureUpload", function (e) {
    layer.msg('已经完成上传最大限度', { icon: 5 });
})

$(document).on("click", ".fileListName .fileName .operation", function (e) {
    var that = this
    $.ajax({
        type: "post",  //提交方式  
        url: portal.api_url + "/portal/FillInformation/deleteSlcl",//路径  
        dataType: "json",
        data: {
            'bsmSlclmx': $(that).attr('bsmSlclmx')
        },
        //数据，这里使用的是Json格式进行传输  
        success: function (result) {//返回数据根据结果进行相应的处理           
            if (result.code == 200) {
                $(that).parent().remove();
                layer.msg('删除成功！');
            } else {
                layer.msg('删除失败！');
            }
        }
    });
})
// // 图片上传
function _uploadSlcl(flieList, bsmCl, fileul, sizeNum) {
    var formData = new FormData();
    formData.append('bsmCl', bsmCl);
    formData.append('files', flieList);
    $.ajax({
        type: "post",  //提交方式  
        url: portal.api_url + "/portal/FillInformation/uploadSlcl",//路径  
        dataType: "json",
        cache: false, //上传文件不需要缓存
        processData: false, // 告诉jQuery不要去处理发送的数据
        contentType: false, // 告诉jQuery不要去设置Content-Type请求头
        data: formData,
        //数据，这里使用的是Json格式进行传输  
        success: function (result) {//返回数据根据结果进行相应的处理           
            if (result.code == 200) {
                fileul.parent().find('.fileListName .fileName').eq(fileul.find("li").length - 1).find('.operation').attr('bsmSlclmx', result.data[0].bsmSlclmx)
                if (fileul.find('.fileName').length === sizeNum) {
                    fileul.parent().find('.pictureUpload').show()
                    layer.msg('上传成功,并且以上传最大限度!');
                    fileul.parent().find('.file_name').css("z-index", "15");
                    fileul.parent().find('.updatetext').hide()
                    fileul.parent().find('.update').attr('src', '../../staticImages/Yes.png')
                } else {
                    layer.msg('上传成功!');
                }
            }
        }
    });
}

// /portal/FillInformation/saveSQR填报信息保存申请人信息和邮寄信息

function _saveSQR() {
    var isSave = false;
    // 申请人信息
    var d = {}, sqrList = [];
    var t = $('.sqrList').serializeArray();
    $.each(t, function() {
      d[this.name] = this.value;
    });
    d.userid = getCookie('myCookie').userid
    sqrList.push(d)
    // 领证方式-邮寄地址
    
    var addMailRecordRequest = {};
    if (lzfs==2) {
        var addressList = $('.addressForm').serializeArray();
        $.each(addressList, function() {
            addMailRecordRequest[this.name] = this.value;
        });
    }
    $.ajax({
        type: "post",  //提交方式  
        url: portal.api_url + "/portal/FillInformation/saveSQR",//路径  
        dataType: "json",
        async: false,
        contentType: 'application/json',
        data: JSON.stringify({
            'bsmSlsq': slsqxx.bsmSlsq,
            'gyfsbm': 1,
            'sqrlx': 1,
            'sqrlb': slsqxx.sqrlb,
            'gyfsmc': '单独所有',
            'lzfs': lzfs,
            'sqrList':sqrList,
            'addMailRecordRequest':addMailRecordRequest
        }),
        //数据，这里使用的是Json格式进行传输  
        success: function (result) {//返回数据根据结果进行相应的处理           
            if (result.code == 200) {
                isSave = true
            }else {
                isSave = false
            }
        }
    });
    return isSave
}