style:填报信息
Showing
6 changed files
with
346 additions
and
72 deletions
| ... | @@ -50,7 +50,7 @@ $(function () { | ... | @@ -50,7 +50,7 @@ $(function () { |
| 50 | }); | 50 | }); |
| 51 | //config的设置是全局的 | 51 | //config的设置是全局的 |
| 52 | layui.config({ | 52 | layui.config({ |
| 53 | base: '../../staticJs/' | 53 | base: '../staticJs/' |
| 54 | }).extend({ //设定模块别名 | 54 | }).extend({ //设定模块别名 |
| 55 | common: 'cityCommon' | 55 | common: 'cityCommon' |
| 56 | }); | 56 | }); |
| ... | @@ -63,7 +63,6 @@ $(document).on("click", ".area_list li", function (e) { | ... | @@ -63,7 +63,6 @@ $(document).on("click", ".area_list li", function (e) { |
| 63 | }) | 63 | }) |
| 64 | // 办事指南在线办理 | 64 | // 办事指南在线办理 |
| 65 | $(document).on("click", ".onlineProcessing", function () { | 65 | $(document).on("click", ".onlineProcessing", function () { |
| 66 | console.log($(this).attr('data-id')) | ||
| 67 | _listBusinessIdsByBsznId($(this).attr('data-id')) | 66 | _listBusinessIdsByBsznId($(this).attr('data-id')) |
| 68 | }) | 67 | }) |
| 69 | 68 | ... | ... |
This diff could not be displayed because it is too large.
staticJs/houseFill.js
0 → 100644
| 1 | var slsqxx; | ||
| 2 | // 材料标识吗 | ||
| 3 | var bsmCl; | ||
| 4 | $(function () { | ||
| 5 | //设置步骤条信息 | ||
| 6 | setAcceptFlow(GetQueryString('bsm_slsq'), GetQueryString('businessno')); | ||
| 7 | slsqxx = getApplyRecord(GetQueryString('bsm_slsq'), GetQueryString('businessno')); | ||
| 8 | LoadClxxDiv(); | ||
| 9 | |||
| 10 | console.log(111, slsqxx) | ||
| 11 | }) | ||
| 12 | layui.use('element', function () { | ||
| 13 | let element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块 | ||
| 14 | }); | ||
| 15 | addTabs('#wssq') | ||
| 16 | // form 表单 | ||
| 17 | // layui.use('form', function () { | ||
| 18 | // var form = layui.form; | ||
| 19 | // form.on('select(typeId)', function (data) { | ||
| 20 | // console.log(data.value); | ||
| 21 | // }); | ||
| 22 | // //自定义验证规则 | ||
| 23 | // form.verify({ | ||
| 24 | // title: function (value) { | ||
| 25 | // if (value.length == 0) { | ||
| 26 | // return '权利人不能为空'; | ||
| 27 | // } else if (value.length < 2) { | ||
| 28 | // return '权利人至少得2个字符啊'; | ||
| 29 | // } | ||
| 30 | // } | ||
| 31 | // }); | ||
| 32 | |||
| 33 | // //监听提交 | ||
| 34 | // form.on('submit(demo1)', function (data) { | ||
| 35 | // layer.alert(JSON.stringify(data.field), { | ||
| 36 | // title: '最终的提交信息' | ||
| 37 | // }) | ||
| 38 | // return false; | ||
| 39 | // }); | ||
| 40 | // }) | ||
| 41 | $('.radioInfo').click(function () { | ||
| 42 | let index = $(this).attr("value") | ||
| 43 | if (index == 2 || index == 3) { | ||
| 44 | $('.add_form').show() | ||
| 45 | } else { | ||
| 46 | $('.add_form').hide() | ||
| 47 | } | ||
| 48 | }) | ||
| 49 | // form 添加 | ||
| 50 | $('.add_form').click(function () { | ||
| 51 | $('.layui-form').append( | ||
| 52 | '<div class="layui-form-item">' + | ||
| 53 | '<div class="layui-inline">' + | ||
| 54 | '<label class="layui-form-label">姓名</label>' + | ||
| 55 | '<div class="layui-input-block">' + | ||
| 56 | '<input type="text" name="name" required lay-verify="name" placeholder="请输权利人" class="layui-input">' + | ||
| 57 | '</div>' + | ||
| 58 | '</div>' + | ||
| 59 | '<div class="layui-inline idCard">' + | ||
| 60 | '<label class="layui-form-label">身份证类型</label>' + | ||
| 61 | '<div class="layui-input-block">' + | ||
| 62 | '<select lay-filter="typeId">' + | ||
| 63 | '<option value="1">身份证</option>' + | ||
| 64 | '<option value="2">军官证</option>' + | ||
| 65 | '</select>' + | ||
| 66 | '</div>' + | ||
| 67 | '</div>' + | ||
| 68 | '<div class="layui-inline">' + | ||
| 69 | '<label class="layui-form-label">证件号码</label>' + | ||
| 70 | '<div class="layui-input-block">' + | ||
| 71 | '<input type="tel" name="card" maxlength="18" required lay-verify="card" placeholder="请输证件号码" class="layui-input">' + | ||
| 72 | '</div>' + | ||
| 73 | '</div>' + | ||
| 74 | '<div class="layui-inline">' + | ||
| 75 | '<label class="layui-form-label">联系方式</label>' + | ||
| 76 | '<div class="layui-input-block">' + | ||
| 77 | '<input type="tel" name="phone" maxlength="11" required lay-verify="phone" placeholder="请输联系方式" class="layui-input">' + | ||
| 78 | '</div>' + | ||
| 79 | '</div>' + | ||
| 80 | '<i class="layui-icon layui-icon-reduce-circle"></i>' + | ||
| 81 | '</div>' | ||
| 82 | ) | ||
| 83 | |||
| 84 | layui.use('form', function () { | ||
| 85 | var form = layui.form; | ||
| 86 | form.render('select'); | ||
| 87 | form.on('select(typeId)', function (data) { | ||
| 88 | console.log(data.value); | ||
| 89 | }); | ||
| 90 | }) | ||
| 91 | // 编辑 | ||
| 92 | $(document).on("click", ".layui-icon-reduce-circle", function (e) { | ||
| 93 | $(this).parent().remove() | ||
| 94 | }) | ||
| 95 | }) | ||
| 96 | // 图片上传 | ||
| 97 | // 询问笔录 | ||
| 98 | $('.record').click(function (event) { | ||
| 99 | event.stopPropagation(); | ||
| 100 | }) | ||
| 101 | |||
| 102 | //config的设置是全局的 | ||
| 103 | layui.config({ | ||
| 104 | base: '../../staticJs/' | ||
| 105 | }).extend({ | ||
| 106 | common: 'cityCommon' | ||
| 107 | }) | ||
| 108 | layui.use(['form', 'common'], function () { | ||
| 109 | var common = layui.common, | ||
| 110 | form = layui.form; | ||
| 111 | //三级地址联动 | ||
| 112 | common.showCity('province', 'city'); | ||
| 113 | //区域选择 | ||
| 114 | form.on('select(selectCity)', function (data) { | ||
| 115 | return false; | ||
| 116 | }); | ||
| 117 | }); | ||
| 118 | // 领证方式 | ||
| 119 | $('.formRadio').click(function () { | ||
| 120 | let value = $(this).attr('value') | ||
| 121 | if (value == 2) { | ||
| 122 | $('.shipping_method').show() | ||
| 123 | $('.submitButton').hide() | ||
| 124 | } else { | ||
| 125 | $('.shipping_method').hide() | ||
| 126 | $('.submitButton').show() | ||
| 127 | } | ||
| 128 | }) | ||
| 129 | //下一步事件 | ||
| 130 | function skipClick() { | ||
| 131 | // skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno')); | ||
| 132 | _uploadSlcl(flieList) | ||
| 133 | } | ||
| 134 | |||
| 135 | function LoadClxxDiv() { | ||
| 136 | let clxxDic = $("#clxx"); | ||
| 137 | let clxxContent; | ||
| 138 | $.each(slsqxx.slclList, function (index, item) { | ||
| 139 | clxxContent = '<div class="img_update">'; | ||
| 140 | clxxContent += '<div class="fileBox">'; | ||
| 141 | clxxContent += '<div class="fileSpan vm">'; | ||
| 142 | clxxContent += '<input type="file" multiple id="fileInput' + index + '" onchange="handleUpdate(this,' + index + ', ' + slsqxx.slclList[index].fs + ')"/>'; | ||
| 143 | clxxContent += '<div class="pictureUpload"></div>'; | ||
| 144 | clxxContent += '<div class="file_name">'; | ||
| 145 | clxxContent += '<img class="update" src="../../staticImages/update.png">'; | ||
| 146 | clxxContent += '<p class="updatetext">点击文件上传</p>'; | ||
| 147 | clxxContent += '</div>'; | ||
| 148 | clxxContent += '<ul class="fileListName" id="fileULName' + index + '"></ul>'; | ||
| 149 | clxxContent += '</div>'; | ||
| 150 | clxxContent += '<div class="certificate">' + slsqxx.slclList[index].clmc + '【' + slsqxx.slclList[index].wjlxmc + '】(' + slsqxx.slclList[index].fs + '份)</div>'; | ||
| 151 | clxxContent += '</div>'; | ||
| 152 | clxxContent += '</div>'; | ||
| 153 | clxxDic.append(clxxContent); | ||
| 154 | }); | ||
| 155 | } | ||
| 156 | |||
| 157 | function handleUpdate(e, index, sizeNum) { | ||
| 158 | let name = e.files[0].name; | ||
| 159 | let fileul = $("#fileULName" + index); | ||
| 160 | if (fileul.find("li").length >= slsqxx.slclList[index].fs) { | ||
| 161 | return false | ||
| 162 | } else { | ||
| 163 | _uploadSlcl(e.files[0], slsqxx.slclList[index].bsmCl, $("#fileULName" + index), sizeNum); | ||
| 164 | fileul.append('<li class="fileName">' + '<span title="' + name + '">' + name + '</span>' + '<img class="operation" src="../../staticImages/chacha.png">' + '</li>'); | ||
| 165 | } | ||
| 166 | } | ||
| 167 | $(document).on("click", ".pictureUpload", function (e) { | ||
| 168 | layer.msg('已经完成上传最大限度', { icon: 5 }); | ||
| 169 | }) | ||
| 170 | |||
| 171 | $(document).on("click", ".fileListName .fileName .operation", function (e) { | ||
| 172 | var that = this | ||
| 173 | $.ajax({ | ||
| 174 | type: "post", //提交方式 | ||
| 175 | url: portal.api_url + "/portal/FillInformation/deleteSlcl",//路径 | ||
| 176 | dataType: "json", | ||
| 177 | data: { | ||
| 178 | 'bsmSlclmx': $(that).attr('bsmSlclmx') | ||
| 179 | }, | ||
| 180 | //数据,这里使用的是Json格式进行传输 | ||
| 181 | success: function (result) {//返回数据根据结果进行相应的处理 | ||
| 182 | if (result.code == 200) { | ||
| 183 | $(that).parent().remove(); | ||
| 184 | layer.msg('删除成功!'); | ||
| 185 | } else { | ||
| 186 | layer.msg('删除失败!'); | ||
| 187 | } | ||
| 188 | } | ||
| 189 | }); | ||
| 190 | }) | ||
| 191 | // // 图片上传 | ||
| 192 | function _uploadSlcl(flieList, bsmCl, fileul, sizeNum) { | ||
| 193 | var formData = new FormData(); | ||
| 194 | formData.append('bsmCl', bsmCl); | ||
| 195 | formData.append('files', flieList); | ||
| 196 | $.ajax({ | ||
| 197 | type: "post", //提交方式 | ||
| 198 | url: portal.api_url + "/portal/FillInformation/uploadSlcl",//路径 | ||
| 199 | dataType: "json", | ||
| 200 | cache: false, //上传文件不需要缓存 | ||
| 201 | processData: false, // 告诉jQuery不要去处理发送的数据 | ||
| 202 | contentType: false, // 告诉jQuery不要去设置Content-Type请求头 | ||
| 203 | data: formData, | ||
| 204 | //数据,这里使用的是Json格式进行传输 | ||
| 205 | success: function (result) {//返回数据根据结果进行相应的处理 | ||
| 206 | if (result.code == 200) { | ||
| 207 | fileul.parent().find('.fileListName .fileName').eq(fileul.find("li").length - 1).find('.operation').attr('bsmSlclmx', result.data[0].bsmSlclmx) | ||
| 208 | if (fileul.find('.fileName').length === sizeNum) { | ||
| 209 | fileul.parent().find('.pictureUpload').show() | ||
| 210 | layer.msg('上传成功,并且以上传最大限度!'); | ||
| 211 | fileul.parent().find('.file_name').css("z-index", "15"); | ||
| 212 | fileul.parent().find('.updatetext').hide() | ||
| 213 | fileul.parent().find('.update').attr('src', '../../staticImages/Yes.png') | ||
| 214 | } else { | ||
| 215 | layer.msg('上传成功!'); | ||
| 216 | } | ||
| 217 | } | ||
| 218 | } | ||
| 219 | }); | ||
| 220 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file |
| 1 | var slsqxx; | 1 | var slsqxx; |
| 2 | // 材料标识吗 | 2 | // 材料标识吗 |
| 3 | var bsmCl; | 3 | var bsmCl; |
| 4 | // 领证方式 | ||
| 5 | var lzfs = 1; | ||
| 4 | $(function () { | 6 | $(function () { |
| 5 | //设置步骤条信息 | 7 | //设置步骤条信息 |
| 6 | setAcceptFlow(GetQueryString('bsm_slsq'), GetQueryString('businessno')); | 8 | setAcceptFlow(GetQueryString('bsm_slsq'), GetQueryString('businessno')); |
| 7 | slsqxx = getApplyRecord(GetQueryString('bsm_slsq'), GetQueryString('businessno')); | 9 | slsqxx = getApplyRecord(GetQueryString('bsm_slsq'), GetQueryString('businessno')); |
| 8 | LoadClxxDiv(); | ||
| 9 | |||
| 10 | console.log(111, slsqxx) | 10 | console.log(111, slsqxx) |
| 11 | }) | 11 | LoadClxxDiv(); |
| 12 | layui.use('element', function () { | 12 | //config的设置是全局的 |
| 13 | let element = layui.element; //导航的hover效果、二级菜单等功能,需要依赖element模块 | 13 | layui.config({ |
| 14 | }); | 14 | base: '../../staticJs/' |
| 15 | addTabs('#wssq') | 15 | }).extend({ //设定模块别名 |
| 16 | // form 表单 | 16 | common: 'cityCommon' |
| 17 | layui.use('form', function () { | ||
| 18 | var form = layui.form; | ||
| 19 | form.on('select(typeId)', function (data) { | ||
| 20 | console.log(data.value); | ||
| 21 | }); | ||
| 22 | //自定义验证规则 | ||
| 23 | form.verify({ | ||
| 24 | title: function (value) { | ||
| 25 | if (value.length == 0) { | ||
| 26 | return '权利人不能为空'; | ||
| 27 | } else if (value.length < 2) { | ||
| 28 | return '权利人至少得2个字符啊'; | ||
| 29 | } | ||
| 30 | } | ||
| 31 | }); | 17 | }); |
| 32 | 18 | layui.use(['form', 'common'], function () { | |
| 33 | //监听提交 | 19 | var common = layui.common, |
| 34 | form.on('submit(demo1)', function (data) { | 20 | form = layui.form; |
| 35 | layer.alert(JSON.stringify(data.field), { | 21 | //三级地址联动 |
| 36 | title: '最终的提交信息' | 22 | common.showCity('province', 'city', 'district'); |
| 37 | }) | 23 | //区域选择 |
| 24 | form.on('select(selectCity)', function (data) { | ||
| 38 | return false; | 25 | return false; |
| 39 | }); | 26 | }); |
| 27 | }); | ||
| 28 | // 获取用户信息 | ||
| 29 | console.log(getCookie('myCookie')) | ||
| 30 | let userInfo = getCookie('myCookie') | ||
| 31 | $('#userName').val(userInfo.username) | ||
| 32 | $('#idCard').val(userInfo.zjhm) | ||
| 33 | $('#phone').val(userInfo.phone) | ||
| 40 | }) | 34 | }) |
| 35 | addTabs('#wssq') | ||
| 36 | // form 表单 | ||
| 37 | // layui.use('form', function () { | ||
| 38 | // var form = layui.form; | ||
| 39 | // form.on('select(typeId)', function (data) { | ||
| 40 | // console.log(data.value); | ||
| 41 | // }); | ||
| 42 | // //自定义验证规则 | ||
| 43 | // form.verify({ | ||
| 44 | // title: function (value) { | ||
| 45 | // if (value.length == 0) { | ||
| 46 | // return '权利人不能为空'; | ||
| 47 | // } else if (value.length < 2) { | ||
| 48 | // return '权利人至少得2个字符啊'; | ||
| 49 | // } | ||
| 50 | // } | ||
| 51 | // }); | ||
| 52 | |||
| 53 | // //监听提交 | ||
| 54 | // form.on('submit(demo1)', function (data) { | ||
| 55 | // layer.alert(JSON.stringify(data.field), { | ||
| 56 | // title: '最终的提交信息' | ||
| 57 | // }) | ||
| 58 | // return false; | ||
| 59 | // }); | ||
| 60 | // }) | ||
| 41 | $('.radioInfo').click(function () { | 61 | $('.radioInfo').click(function () { |
| 42 | let index = $(this).attr("value") | 62 | let index = $(this).attr("value") |
| 43 | if (index == 2 || index == 3) { | 63 | if (index == 2 || index == 3) { |
| ... | @@ -98,32 +118,10 @@ $('.add_form').click(function () { | ... | @@ -98,32 +118,10 @@ $('.add_form').click(function () { |
| 98 | $('.record').click(function (event) { | 118 | $('.record').click(function (event) { |
| 99 | event.stopPropagation(); | 119 | event.stopPropagation(); |
| 100 | }) | 120 | }) |
| 101 | |||
| 102 | //config的设置是全局的 | ||
| 103 | layui.config({ | ||
| 104 | base: '../../../staticJs/' | ||
| 105 | }).extend({ //设定模块别名 | ||
| 106 | common: 'cityCommon' | ||
| 107 | }); | ||
| 108 | layui.use(['form', 'common'], function () { | ||
| 109 | var common = layui.common, | ||
| 110 | form = layui.form; | ||
| 111 | |||
| 112 | //三级地址联动 | ||
| 113 | common.showCity('province', 'city', 'district'); | ||
| 114 | //区域选择 | ||
| 115 | form.on('select(selectCity)', function (data) { | ||
| 116 | return false; | ||
| 117 | }); | ||
| 118 | //监听提交 | ||
| 119 | // form.on('submit(submit1)', function (data) { | ||
| 120 | // console.log(data.field) | ||
| 121 | // return false; | ||
| 122 | // }); | ||
| 123 | }); | ||
| 124 | // 领证方式 | 121 | // 领证方式 |
| 125 | $('.formRadio').click(function () { | 122 | $('.formRadio').click(function () { |
| 126 | let value = $(this).attr('value') | 123 | let value = $(this).attr('value'); |
| 124 | lzfs = value; | ||
| 127 | if (value == 2) { | 125 | if (value == 2) { |
| 128 | $('.shipping_method').show() | 126 | $('.shipping_method').show() |
| 129 | $('.submitButton').hide() | 127 | $('.submitButton').hide() |
| ... | @@ -134,8 +132,11 @@ $('.formRadio').click(function () { | ... | @@ -134,8 +132,11 @@ $('.formRadio').click(function () { |
| 134 | }) | 132 | }) |
| 135 | //下一步事件 | 133 | //下一步事件 |
| 136 | function skipClick() { | 134 | function skipClick() { |
| 137 | // skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno')); | 135 | if(_saveSQR()) { |
| 138 | _uploadSlcl(flieList) | 136 | skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno')); |
| 137 | }else { | ||
| 138 | layer.msg('保存信息出错!'); | ||
| 139 | } | ||
| 139 | } | 140 | } |
| 140 | 141 | ||
| 141 | function LoadClxxDiv() { | 142 | function LoadClxxDiv() { |
| ... | @@ -224,3 +225,53 @@ function _uploadSlcl(flieList, bsmCl, fileul, sizeNum) { | ... | @@ -224,3 +225,53 @@ function _uploadSlcl(flieList, bsmCl, fileul, sizeNum) { |
| 224 | } | 225 | } |
| 225 | }); | 226 | }); |
| 226 | } | 227 | } |
| 228 | |||
| 229 | // /portal/FillInformation/saveSQR填报信息保存申请人信息和邮寄信息 | ||
| 230 | |||
| 231 | function _saveSQR() { | ||
| 232 | var isSave = false; | ||
| 233 | |||
| 234 | // 申请人信息 | ||
| 235 | var d = {}, sqrList = []; | ||
| 236 | var t = $('.sqrList').serializeArray(); | ||
| 237 | $.each(t, function() { | ||
| 238 | d[this.name] = this.value; | ||
| 239 | }); | ||
| 240 | d.userid = getCookie('myCookie').userid | ||
| 241 | sqrList.push(d) | ||
| 242 | // 领证方式-邮寄地址 | ||
| 243 | |||
| 244 | var addMailRecordRequest = {}; | ||
| 245 | if (lzfs==2) { | ||
| 246 | var addressList = $('.addressForm').serializeArray(); | ||
| 247 | $.each(addressList, function() { | ||
| 248 | addMailRecordRequest[this.name] = this.value; | ||
| 249 | }); | ||
| 250 | addMailRecordRequest = JSON.stringify(addMailRecordRequest) | ||
| 251 | alert(JSON.stringify(addMailRecordRequest)); | ||
| 252 | } | ||
| 253 | $.ajax({ | ||
| 254 | type: "post", //提交方式 | ||
| 255 | url: portal.api_url + "/portal/FillInformation/saveSQR",//路径 | ||
| 256 | dataType: "json", | ||
| 257 | async: false, | ||
| 258 | contentType: 'application/json', | ||
| 259 | data: JSON.stringify({ | ||
| 260 | 'bsmSlsq': slsqxx.bsmSlsq, | ||
| 261 | 'gyfsbm': 1, | ||
| 262 | 'gyfsmc': '单独所有', | ||
| 263 | 'lzfs': lzfs, | ||
| 264 | 'sqrList':sqrList, | ||
| 265 | // 'addMailRecordRequest': | ||
| 266 | }), | ||
| 267 | //数据,这里使用的是Json格式进行传输 | ||
| 268 | success: function (result) {//返回数据根据结果进行相应的处理 | ||
| 269 | if (result.code == 200) { | ||
| 270 | isSave = true | ||
| 271 | }else { | ||
| 272 | isSave = false | ||
| 273 | } | ||
| 274 | } | ||
| 275 | }); | ||
| 276 | return isSave | ||
| 277 | } | ||
| ... | \ No newline at end of file | ... | \ No newline at end of file | ... | ... |
| ... | @@ -27,7 +27,7 @@ | ... | @@ -27,7 +27,7 @@ |
| 27 | <form class="layui-form"> | 27 | <form class="layui-form"> |
| 28 | <h2 class="title">省</h2> | 28 | <h2 class="title">省</h2> |
| 29 | <div class="layui-inline layui-select-default" style="margin-right: 10px;"> | 29 | <div class="layui-inline layui-select-default" style="margin-right: 10px;"> |
| 30 | <select name="province" class="Pselected" disabled data-area="陕西省"" lay-filter=" province"> | 30 | <select name="province" class="Pselected" data-area="陕西省"" lay-filter=" province"> |
| 31 | <option value="">选择省</option> | 31 | <option value="">选择省</option> |
| 32 | </select> | 32 | </select> |
| 33 | </div> | 33 | </div> | ... | ... |
| ... | @@ -71,35 +71,34 @@ | ... | @@ -71,35 +71,34 @@ |
| 71 | <input type="radio" class="radioInfo" name="1" value="3"> | 71 | <input type="radio" class="radioInfo" name="1" value="3"> |
| 72 | <p>共同所有</p> | 72 | <p>共同所有</p> |
| 73 | </div> | 73 | </div> |
| 74 | <form class="layui-form" id="layui-form"> | 74 | <form class="layui-form sqrList" id="layui-form"> |
| 75 | <div class="layui-form-item"> | 75 | <div class="layui-form-item"> |
| 76 | <div class="layui-inline"> | 76 | <div class="layui-inline"> |
| 77 | <label class="layui-form-label">姓名</label> | 77 | <label class="layui-form-label">姓名</label> |
| 78 | <div class="layui-input-block"> | 78 | <div class="layui-input-block"> |
| 79 | <input type="text" name="name" required lay-verify="name" placeholder="请输权利人" | 79 | <input type="text" id="userName" name="sqrmc" required lay-verify="name" placeholder="请输权利人" |
| 80 | class="layui-input"> | 80 | class="layui-input"> |
| 81 | </div> | 81 | </div> |
| 82 | </div> | 82 | </div> |
| 83 | <div class="layui-inline idCard"> | 83 | <div class="layui-inline idCard"> |
| 84 | <label class="layui-form-label">身份证类型</label> | 84 | <label class="layui-form-label">身份证类型</label> |
| 85 | <div class="layui-input-block"> | 85 | <div class="layui-input-block"> |
| 86 | <select lay-filter="typeId"> | 86 | <select lay-filter="typeId" name="sqrzj"> |
| 87 | <option value="1">身份证</option> | 87 | <option value="1">身份证</option> |
| 88 | <option value="2">军官证</option> | ||
| 89 | </select> | 88 | </select> |
| 90 | </div> | 89 | </div> |
| 91 | </div> | 90 | </div> |
| 92 | <div class="layui-inline"> | 91 | <div class="layui-inline"> |
| 93 | <label class="layui-form-label">证件号码</label> | 92 | <label class="layui-form-label">证件号码</label> |
| 94 | <div class="layui-input-block"> | 93 | <div class="layui-input-block"> |
| 95 | <input type="tel" name="card" maxlength="18" required lay-verify="card" | 94 | <input type="tel" name="zjhm" id="idCard" maxlength="18" required lay-verify="card" |
| 96 | placeholder="请输证件号码" class="layui-input"> | 95 | placeholder="请输证件号码" class="layui-input"> |
| 97 | </div> | 96 | </div> |
| 98 | </div> | 97 | </div> |
| 99 | <div class="layui-inline"> | 98 | <div class="layui-inline"> |
| 100 | <label class="layui-form-label">联系方式</label> | 99 | <label class="layui-form-label">联系方式</label> |
| 101 | <div class="layui-input-block"> | 100 | <div class="layui-input-block"> |
| 102 | <input type="tel" name="phone" maxlength="11" required lay-verify="phone" | 101 | <input type="tel" name="dhhm" id="phone" maxlength="11" required lay-verify="phone" |
| 103 | placeholder="请输联系方式" class="layui-input"> | 102 | placeholder="请输联系方式" class="layui-input"> |
| 104 | </div> | 103 | </div> |
| 105 | </div> | 104 | </div> |
| ... | @@ -123,20 +122,20 @@ | ... | @@ -123,20 +122,20 @@ |
| 123 | <input type="radio" class="formRadio" name="level" value="2"> | 122 | <input type="radio" class="formRadio" name="level" value="2"> |
| 124 | <p>快递到家</p> | 123 | <p>快递到家</p> |
| 125 | </div> | 124 | </div> |
| 126 | <form class="layui-form" lay-filter="example"> | 125 | <form class="layui-form addressForm" lay-filter="example"> |
| 127 | <div class="shipping_method"> | 126 | <div class="shipping_method"> |
| 128 | <div class="layui-form-item item_inline"> | 127 | <div class="layui-form-item item_inline"> |
| 129 | <div class="layui-inline"> | 128 | <div class="layui-inline"> |
| 130 | <label class="layui-form-label">收件人</label> | 129 | <label class="layui-form-label">收件人</label> |
| 131 | <div class="layui-input-block"> | 130 | <div class="layui-input-block"> |
| 132 | <input type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入收件人" | 131 | <input type="text" name="consignee" lay-verify="title" autocomplete="off" placeholder="请输入收件人" |
| 133 | class="layui-input"> | 132 | class="layui-input"> |
| 134 | </div> | 133 | </div> |
| 135 | </div> | 134 | </div> |
| 136 | <div class="layui-inline"> | 135 | <div class="layui-inline"> |
| 137 | <label class="layui-form-label">手机号码</label> | 136 | <label class="layui-form-label">手机号码</label> |
| 138 | <div class="layui-input-block"> | 137 | <div class="layui-input-block"> |
| 139 | <input type="tel" maxlength="11" name="title" lay-verify="title" autocomplete="off" | 138 | <input type="tel" maxlength="11" name="consigneePhone" lay-verify="consigneePhone" autocomplete="off" |
| 140 | placeholder="请输入手机号码" class="layui-input"> | 139 | placeholder="请输入手机号码" class="layui-input"> |
| 141 | </div> | 140 | </div> |
| 142 | </div> | 141 | </div> |
| ... | @@ -146,28 +145,33 @@ | ... | @@ -146,28 +145,33 @@ |
| 146 | <div class="layui-input-block ssq"> | 145 | <div class="layui-input-block ssq"> |
| 147 | <h2>省</h2> | 146 | <h2>省</h2> |
| 148 | <div class="layui-inline layui-select-default" style="margin-right: 10px;"> | 147 | <div class="layui-inline layui-select-default" style="margin-right: 10px;"> |
| 149 | <select name="province" class="Pselected" data-area="陕西省"" lay-filter="province"> | 148 | <select name="province" class="Pselected" disabled data-area="陕西省"" lay-filter="province"> |
| 150 | <option value="">选择省</option> | 149 | <option value="">选择省</option> |
| 151 | </select> | 150 | </select> |
| 152 | </div> | 151 | </div> |
| 153 | <h2>市</h2> | 152 | <h2>市</h2> |
| 154 | <div class="layui-inline selected layui-select-default"> | 153 | <div class="layui-inline selected layui-select-default"> |
| 155 | <select name="city" class="Cselected" data-area="西安市"> | 154 | <select name="city" class="Cselected" disabled data-area="西安市"> |
| 156 | <option value="">选择市</option> | 155 | <option value="">选择市</option> |
| 157 | </select> | 156 | </select> |
| 158 | </div> | 157 | </div> |
| 159 | <h2>区</h2> | 158 | <h2>区</h2> |
| 159 | <div class="layui-inline selected layui-select-default"> | ||
| 160 | <select name="district" class="Cselected" data-area="雁塔区" lay-filter="selectCity"> | ||
| 161 | <option value="">选择区</option> | ||
| 162 | </select> | ||
| 163 | </div> | ||
| 160 | </div> | 164 | </div> |
| 161 | </div> | 165 | </div> |
| 162 | <div class="layui-form-item layui-form-text"> | 166 | <div> |
| 163 | <label class="layui-form-label">详细地址</label> | 167 | <label class="layui-form-label">详细地址</label> |
| 164 | <div class="layui-input-block"> | 168 | <div class="layui-input-block"> |
| 165 | <textarea placeholder="请输入详细地址" class="layui-textarea" name="desc"></textarea> | 169 | <textarea name="consigneeAddress" placeholder="请输入内容" class="layui-textarea"></textarea> |
| 166 | </div> | 170 | </div> |
| 167 | </div> | 171 | </div> |
| 168 | <div class="next_button"> | 172 | <div class="next_button"> |
| 169 | <button type="button" lay-submit="" lay-filter="submit1" class="layui-btn layui-btn-normal"> | 173 | <button type="button" lay-submit="" lay-filter="submit1" class="layui-btn layui-btn-normal"> |
| 170 | <a> | 174 | <a onclick="skipClick()"> |
| 171 | 下一步 | 175 | 下一步 |
| 172 | </a> | 176 | </a> |
| 173 | </button> | 177 | </button> |
| ... | @@ -186,9 +190,9 @@ | ... | @@ -186,9 +190,9 @@ |
| 186 | </div> | 190 | </div> |
| 187 | </body> | 191 | </body> |
| 188 | <script type="text/javascript" src="../../staticJs/common.js"></script> | 192 | <script type="text/javascript" src="../../staticJs/common.js"></script> |
| 193 | <script type="text/javascript" src="../../staticJs/city-picker.js"></script> | ||
| 189 | <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script> | 194 | <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script> |
| 190 | <script type="text/javascript" src="../../staticJs/onlineApply/houseFill.js"></script> | 195 | <script type="text/javascript" src="../../staticJs/onlineApply/houseFill.js"></script> |
| 191 | <script type="text/javascript" src="../../staticJs/city-picker.js"></script> | ||
| 192 | <script type="text/javascript" src="../../staticJs/down.js"></script> | 196 | <script type="text/javascript" src="../../staticJs/down.js"></script> |
| 193 | </html> | 197 | </html> |
| 194 | 198 | ... | ... |
-
Please register or sign in to post a comment