var slsqxx;
$(function () {
    //设置步骤条信息
    setAcceptFlow(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
    slsqxx = getApplyRecord(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
    LoadClxxDiv();
})
layui.use('element', function () {
    let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块
});
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 (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();
})
var flieList1 = [];  // 房屋所有权证书列表
var flieList3 = [];  // 询问笔录
// 省市区
//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('radio(beshared)', function (data) {
        if (data.value == 2) {
            $('.shipping_method').show()
            $('.submitButton').hide()
        } else {
            $('.shipping_method').hide()
            $('.submitButton').show()
        }
    });
    //区域选择
    form.on('select(selectCity)', function (data) {
        return false;
    });
    //监听提交
    // form.on('submit(submit1)', function (data) {
    //     console.log(data.field)
    //     return false;
    // });
});

//下一步事件
function skipClick() {
    // skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
    _uploadSlcl(flieList)
}
// // 图片上传
// function _uploadSlcl(flieList) {
//     var formData = new FormData();
//     formData.append('bsmCl', 'f5a9ffcff962ed17a393b1cacec4d4bd');
//     flieList.map((item, index) => {
//         console.log(item[0])
//         formData.append('files', item[0]); //添加图片信息的参数
//     })
//     console.log(formData)
//     $.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) {
//                 console.log(result.data)
//             }
//         }
//     });
// }

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 + ')"/>';
        clxxContent += '<div class="file_name">';
        clxxContent += '<img class="update" src="../../staticImages/update.png">';
        clxxContent += '<p class="updatetext">点击文件上传</p>';
        clxxContent += '</div>';
        clxxContent += '<ul class="fileListName" id="fileULName' + index + '"></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) {
    let fileobj = $("#fileInput" + index);
    let name = e.files[0].name;
    let fileul = $("#fileULName" + index);
    if (fileul.find("li").length >= slsqxx.slclList[index].fs) {
        layer.msg('已经完成上传最大限度', { icon: 5 });
        return false
    } else {
        fileul.append('<li class="fileName">' + '<span title="' + name + '">' + name + '</span>' + '<img class="operation" src="../../staticImages/chacha.png">' + '</li>');
    }
}