style:填报信息

@@ -50,7 +50,7 @@ $(function () {
 });
 //config的设置是全局的
 layui.config({
-    base: '../../staticJs/'
+    base: '../staticJs/'
 }).extend({ //设定模块别名
     common: 'cityCommon'
 });
@@ -63,7 +63,6 @@ $(document).on("click", ".area_list li", function (e) {
 })
 // 办事指南在线办理
 $(document).on("click", ".onlineProcessing", function () {
-    console.log($(this).attr('data-id'))
     _listBusinessIdsByBsznId($(this).attr('data-id'))
 })
 

+var slsqxx;
+// 材料标识吗
+var bsmCl;
+$(function () {
+    //设置步骤条信息
+    setAcceptFlow(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
+    slsqxx = getApplyRecord(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
+    LoadClxxDiv();
+
+    console.log(111, slsqxx)
+})
+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();
+})
+
+//config的设置是全局的
+layui.config({
+    base: '../../staticJs/'
+}).extend({
+    common: 'cityCommon'
+})
+layui.use(['form', 'common'], function () {
+    var common = layui.common,
+        form = layui.form;
+    //三级地址联动
+    common.showCity('province', 'city');
+    //区域选择
+    form.on('select(selectCity)', function (data) {
+        return false;
+    });
+});
+// 领证方式
+$('.formRadio').click(function () {
+    let value = $(this).attr('value')
+    if (value == 2) {
+        $('.shipping_method').show()
+        $('.submitButton').hide()
+    } else {
+        $('.shipping_method').hide()
+        $('.submitButton').show()
+    }
+})
+//下一步事件
+function skipClick() {
+    // skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
+    _uploadSlcl(flieList)
+}
+
+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">';
+        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, 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('上传成功!');
+                }
+            }
+        }
+    });
+}
\ No newline at end of file

 var slsqxx;
 // 材料标识吗
 var bsmCl;
+// 领证方式
+var lzfs = 1;
 $(function () {
     //设置步骤条信息
     setAcceptFlow(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
     slsqxx = getApplyRecord(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
-    LoadClxxDiv();
-
     console.log(111, slsqxx)
+    LoadClxxDiv();
+    //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;
+        });
+    });
+    // 获取用户信息
+    console.log(getCookie('myCookie'))
+    let userInfo = getCookie('myCookie')
+    $('#userName').val(userInfo.username)
+    $('#idCard').val(userInfo.zjhm)
+    $('#phone').val(userInfo.phone)
 })
-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个字符啊';
-            }
-        }
-    });
+// 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;
-    });
-})
+//     //监听提交
+//     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) {
@@ -98,32 +118,10 @@ $('.add_form').click(function () {
 $('.record').click(function (event) {
     event.stopPropagation();
 })
-
-//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;
-    });
-    //监听提交
-    // form.on('submit(submit1)', function (data) {
-    //     console.log(data.field)
-    //     return false;
-    // });
-});
 // 领证方式
 $('.formRadio').click(function () {
-    let value = $(this).attr('value')
+    let value = $(this).attr('value');
+    lzfs = value;
     if (value == 2) {
         $('.shipping_method').show()
         $('.submitButton').hide()
@@ -134,8 +132,11 @@ $('.formRadio').click(function () {
 })
 //下一步事件
 function skipClick() {
-    // skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
-    _uploadSlcl(flieList)
+    if(_saveSQR()) {
+        skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno'));
+    }else {
+        layer.msg('保存信息出错！');
+    }
 }
 
 function LoadClxxDiv() {
@@ -223,4 +224,54 @@ function _uploadSlcl(flieList, bsmCl, fileul, sizeNum) {
             }
         }
     });
+}
+
+// /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;
+        });
+        addMailRecordRequest = JSON.stringify(addMailRecordRequest)
+        alert(JSON.stringify(addMailRecordRequest));
+    }
+    $.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,
+            'gyfsmc': '单独所有',
+            'lzfs': lzfs,
+            'sqrList':sqrList,
+            // 'addMailRecordRequest':
+        }),
+        //数据，这里使用的是Json格式进行传输  
+        success: function (result) {//返回数据根据结果进行相应的处理           
+            if (result.code == 200) {
+                isSave = true
+            }else {
+                isSave = false
+            }
+        }
+    });
+    return isSave
 }
\ No newline at end of file

@@ -27,7 +27,7 @@
             <form class="layui-form">
                 <h2 class="title">省</h2>
                 <div class="layui-inline layui-select-default" style="margin-right: 10px;">
-                    <select name="province" class="Pselected" disabled data-area="陕西省"" lay-filter=" province">
+                    <select name="province" class="Pselected" data-area="陕西省"" lay-filter=" province">
                         <option value="">选择省</option>
                     </select>
                 </div>

@@ -71,35 +71,34 @@
                     <input type="radio" class="radioInfo" name="1" value="3">
                     <p>共同所有</p>
                 </div>
-                <form class="layui-form" id="layui-form">
+                <form class="layui-form sqrList" id="layui-form">
                     <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="请输权利人"
+                                <input type="text" id="userName" name="sqrmc" 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">
+                                <select lay-filter="typeId" name="sqrzj">
                                     <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"
+                                <input type="tel" name="zjhm" id="idCard" 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"
+                                <input type="tel" name="dhhm" id="phone" maxlength="11" required lay-verify="phone"
                                     placeholder="请输联系方式" class="layui-input">
                             </div>
                         </div>
@@ -123,20 +122,20 @@
                     <input type="radio" class="formRadio" name="level" value="2">
                     <p>快递到家</p>
                 </div>
-                <form class="layui-form" lay-filter="example">
+                <form class="layui-form addressForm" lay-filter="example">
                     <div class="shipping_method">
                         <div class="layui-form-item item_inline">
                             <div class="layui-inline">
                                 <label class="layui-form-label">收件人</label>
                                 <div class="layui-input-block">
-                                    <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入收件人"
+                                    <input type="text" name="consignee" lay-verify="title" autocomplete="off" placeholder="请输入收件人"
                                         class="layui-input">
                                 </div>
                             </div>
                             <div class="layui-inline">
                                 <label class="layui-form-label">手机号码</label>
                                 <div class="layui-input-block">
-                                    <input type="tel" maxlength="11" name="title" lay-verify="title" autocomplete="off"
+                                    <input type="tel" maxlength="11" name="consigneePhone" lay-verify="consigneePhone" autocomplete="off"
                                         placeholder="请输入手机号码" class="layui-input">
                                 </div>
                             </div>
@@ -146,28 +145,33 @@
                             <div class="layui-input-block ssq">
                                 <h2>省</h2>
                                 <div class="layui-inline layui-select-default" style="margin-right: 10px;">
-                                    <select name="province" class="Pselected" data-area="陕西省"" lay-filter="province">
+                                    <select name="province" class="Pselected" disabled data-area="陕西省"" lay-filter="province">
                                         <option value="">选择省</option>
                                     </select>
                                 </div>
                                 <h2>市</h2>
                                 <div class="layui-inline selected layui-select-default">
-                                    <select name="city" class="Cselected" data-area="西安市">
+                                    <select name="city" class="Cselected" disabled data-area="西安市">
                                         <option value="">选择市</option>
                                     </select>
                                 </div>
                                 <h2>区</h2>
+                                <div class="layui-inline selected layui-select-default">
+                                    <select name="district" class="Cselected" data-area="雁塔区" lay-filter="selectCity">
+                                        <option value="">选择区</option>
+                                    </select>
+                                </div>
                             </div>
                         </div>
-                        <div class="layui-form-item layui-form-text">
+                        <div>
                             <label class="layui-form-label">详细地址</label>
                             <div class="layui-input-block">
-                                <textarea placeholder="请输入详细地址" class="layui-textarea" name="desc"></textarea>
+                                <textarea name="consigneeAddress" placeholder="请输入内容" class="layui-textarea"></textarea>
                             </div>
                         </div>
                         <div class="next_button">
                             <button type="button" lay-submit="" lay-filter="submit1" class="layui-btn layui-btn-normal">
-                                <a>
+                                <a onclick="skipClick()">
                                     下一步
                                 </a>
                             </button>
@@ -186,9 +190,9 @@
     </div>
 </body>
 <script type="text/javascript" src="../../staticJs/common.js"></script>
+<script type="text/javascript" src="../../staticJs/city-picker.js"></script>
 <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script>
 <script type="text/javascript" src="../../staticJs/onlineApply/houseFill.js"></script>
-<script type="text/javascript" src="../../staticJs/city-picker.js"></script>
 <script type="text/javascript" src="../../staticJs/down.js"></script>
 </html>