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