Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
0ca0258d by 田浩浩
Options

修改材料上传预览

1 parent aa1ce536
Inline Side-by-side
Showing 3 changed files with 263 additions and 143 deletions
...@@ -401,6 +401,7 @@ input[type='file'] { ...@@ -401,6 +401,7 @@ input[type='file'] {
401 .layui-form-label { 401 .layui-form-label {
402 font-size: 14px; 402 font-size: 14px;
403 } 403 }
404
404 .pictureUpload { 405 .pictureUpload {
405 width: 240px; 406 width: 240px;
406 height: 240px; 407 height: 240px;
...@@ -410,8 +411,21 @@ input[type='file'] { ...@@ -410,8 +411,21 @@ input[type='file'] {
410 top: 0; 411 top: 0;
411 display: none; 412 display: none;
412 } 413 }
414
413 .formInfo { 415 .formInfo {
414 margin-top: 8px; 416 margin-top: 8px;
415 height: 15px; 417 height: 15px;
416 line-height: 23px; 418 line-height: 23px;
417 }
...\ No newline at end of file ...\ No newline at end of file
419 }
420
421 .pic {
422 width: 240px;
423 height: 240px;
424 /* border-radius: 6px;
425 margin: 20px auto; */
426 cursor: pointer;
427 }
428
429 .ddd{
430
431 }
......
...@@ -5,63 +5,64 @@ var bsmCl; ...@@ -5,63 +5,64 @@ var bsmCl;
5 var lzfs = 1; 5 var lzfs = 1;
6 layui.use('element', function () { 6 layui.use('element', function () {
7 }); 7 });
8
8 $(function () { 9 $(function () {
10 addTabs('#wssq');
9 //设置步骤条信息 11 //设置步骤条信息
10 setAcceptFlow(GetQueryString('bsm_slsq'), GetQueryString('businessno')); 12 setAcceptFlow(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
11 slsqxx = getApplyRecord(GetQueryString('bsm_slsq'), GetQueryString('businessno')); 13 slsqxx = getApplyRecord(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
12 LoadClxxDiv(); 14 LoadClxxDiv();
13 console.log(9999, slsqxx)
14 //config的设置是全局的 15 //config的设置是全局的
15 layui.config({ 16 layui.config({
16 base: '../../staticJs/' 17 base: '../../staticJs/'
17 }).extend({ //设定模块别名 18 }).extend({ //设定模块别名
18 common: 'cityCommon' 19 common: 'cityCommon'
19 }); 20 });
20 layui.use(['form', 'common'], function () { 21 // layui.use(['form', 'common'], function () {
21 var common = layui.common, 22 // var common = layui.common,
22 form = layui.form; 23 // form = layui.form;
23 //三级地址联动 24 // //三级地址联动
24 common.showCity('province', 'city', 'district'); 25 // common.showCity('province', 'city', 'district');
25 //区域选择 26 // //区域选择
26 form.on('select(selectCity)', function (data) { 27 // form.on('select(selectCity)', function (data) {
27 return false; 28 // return false;
28 }); 29 // });
29 }); 30 // });
30 // 买方信息 31 // 买方信息
31 if(slsqxx.sqrList && slsqxx.sqrList.length>0) { 32 if (slsqxx.sqrList && slsqxx.sqrList.length > 0) {
32 $('#userName').text(slsqxx.sqrList[0].sqrmc); 33 $('#userName').text(slsqxx.sqrList[0].sqrmc);
33 $('#idCard').text(slsqxx.sqrList[0].zjhm); 34 $('#idCard').text(slsqxx.sqrList[0].zjhm);
34 $('#phone').text(slsqxx.sqrList[0].dhhm); 35 $('#phone').text(slsqxx.sqrList[0].dhhm);
35 if(slsqxx.sqrList[0].sqrzj == '1') { 36 if (slsqxx.sqrList[0].sqrzj == '1') {
36 $('#documentType p').text('身份证'); 37 $('#documentType p').text('身份证');
37 } 38 }
38 let li; 39 let li;
39 for (var i = 1; i < slsqxx.sqrList.length; i++) { 40 for (var i = 1; i < slsqxx.sqrList.length; i++) {
40 li = '<div class="layui-form-item">' 41 li = '<div class="layui-form-item">'
41 li += '<div class="layui-inline">' 42 li += '<div class="layui-inline">'
42 li += '<label class="layui-form-label">姓名</label>' 43 li += '<label class="layui-form-label">姓名</label>'
43 li += '<div class="layui-input-block">' 44 li += '<div class="layui-input-block">'
44 li += '<input type="text" name="name" value="'+slsqxx.sqrList[i].sqrmc+'" required lay-verify="name" placeholder="请输权利人" class="layui-input">' 45 li += '<input type="text" name="name" value="' + slsqxx.sqrList[i].sqrmc + '" required lay-verify="name" placeholder="请输权利人" class="layui-input">'
45 li += '</div>' 46 li += '</div>'
46 li += '</div>' 47 li += '</div>'
47 li += '<div class="layui-inline idCard">' 48 li += '<div class="layui-inline idCard">'
48 li += '<label class="layui-form-label">身份证类型</label>' 49 li += '<label class="layui-form-label">身份证类型</label>'
49 li += '<div class="layui-input-block">' 50 li += '<div class="layui-input-block">'
50 li += '<select lay-filter="typeId">' 51 li += '<select lay-filter="typeId">'
51 li += '<option value="'+slsqxx.sqrList[i].sqrzj+'">身份证</option>' 52 li += '<option value="' + slsqxx.sqrList[i].sqrzj + '">身份证</option>'
52 li += '</select>' 53 li += '</select>'
53 li += '</div>' 54 li += '</div>'
54 li += '</div>' 55 li += '</div>'
55 li += '<div class="layui-inline">' 56 li += '<div class="layui-inline">'
56 li += '<label class="layui-form-label">证件号码</label>' 57 li += '<label class="layui-form-label">证件号码</label>'
57 li += '<div class="layui-input-block">' 58 li += '<div class="layui-input-block">'
58 li += '<input type="tel" name="card" value="'+slsqxx.sqrList[i].zjhm+ '" maxlength="18" required lay-verify="card" placeholder="请输证件号码" class="layui-input">' 59 li += '<input type="tel" name="card" value="' + slsqxx.sqrList[i].zjhm + '" maxlength="18" required lay-verify="card" placeholder="请输证件号码" class="layui-input">'
59 li += '</div>' 60 li += '</div>'
60 li += '</div>' 61 li += '</div>'
61 li += '<div class="layui-inline">' 62 li += '<div class="layui-inline">'
62 li += '<label class="layui-form-label">联系方式</label>' 63 li += '<label class="layui-form-label">联系方式</label>'
63 li += '<div class="layui-input-block">' 64 li += '<div class="layui-input-block">'
64 li += '<input type="tel" name="phone" value="'+slsqxx.sqrList[i].dhhm+'" maxlength="11" required lay-verify="phone" placeholder="请输联系方式" class="layui-input">' 65 li += '<input type="tel" name="phone" value="' + slsqxx.sqrList[i].dhhm + '" maxlength="11" required lay-verify="phone" placeholder="请输联系方式" class="layui-input">'
65 li += '</div>' 66 li += '</div>'
66 li += '</div>' 67 li += '</div>'
67 li += '<i class="layui-icon layui-icon-reduce-circle"></i>' 68 li += '<i class="layui-icon layui-icon-reduce-circle"></i>'
...@@ -69,17 +70,17 @@ $(function () { ...@@ -69,17 +70,17 @@ $(function () {
69 $('#layui-form').append(li) 70 $('#layui-form').append(li)
70 } 71 }
71 72
72 }else { 73 } else {
73 let userInfo = getCookie('myCookie'); 74 let userInfo = getCookie('myCookie');
74 $('#userName').text(userInfo.username); 75 $('#userName').text(userInfo.username);
75 $('#idCard').text(userInfo.zjhm); 76 $('#idCard').text(userInfo.zjhm);
76 $('#phone').text(userInfo.phone); 77 $('#phone').text(userInfo.phone);
77 if(userInfo.zjzl == '1') { 78 if (userInfo.zjzl == '1') {
78 $('#documentType p').text('身份证'); 79 $('#documentType p').text('身份证');
79 } 80 }
80 } 81 }
81 // 获取房屋信息 82 // 获取房屋信息
82 let houseInfo = getFDCQ2(GetQueryString('bsm_slsq')); 83 let houseInfo = getFDCQ2(GetQueryString('bsm_slsq'));
83 $('#unitNumber p').text(houseInfo.bdcdyh); 84 $('#unitNumber p').text(houseInfo.bdcdyh);
84 $('#titleCertificate p').text(houseInfo.bdcqzh); 85 $('#titleCertificate p').text(houseInfo.bdcqzh);
85 $('#beLocated p').text(houseInfo.fdzl); 86 $('#beLocated p').text(houseInfo.fdzl);
...@@ -98,43 +99,23 @@ $(function () { ...@@ -98,43 +99,23 @@ $(function () {
98 if (slsqxx.mailRecordDetail) { 99 if (slsqxx.mailRecordDetail) {
99 $('#consignee').val(slsqxx.mailRecordDetail.consignee); 100 $('#consignee').val(slsqxx.mailRecordDetail.consignee);
100 $('#consigneePhone').val(slsqxx.mailRecordDetail.consigneePhone); 101 $('#consigneePhone').val(slsqxx.mailRecordDetail.consigneePhone);
101 $('#province').attr('data-area',slsqxx.mailRecordDetail.province); 102 $('#province').attr('data-area', slsqxx.mailRecordDetail.province);
102 $('#city').attr('data-area',slsqxx.mailRecordDetail.city); 103 $('#city').attr('data-area', slsqxx.mailRecordDetail.city);
103 $('#district').attr('data-area',slsqxx.mailRecordDetail.district); 104 $('#district').attr('data-area', slsqxx.mailRecordDetail.district);
104 $('#consigneeAddress').val(slsqxx.mailRecordDetail.consigneeAddress); 105 $('#consigneeAddress').val(slsqxx.mailRecordDetail.consigneeAddress);
105 } 106 }
106 }) 107 });
107 addTabs('#wssq') 108
108 // form 表单 109
109 // layui.use('form', function () { 110
110 // var form = layui.form; 111
111 // form.on('select(typeId)', function (data) { 112
112 // console.log(data.value);
113 // });
114 // //自定义验证规则
115 // form.verify({
116 // title: function (value) {
117 // if (value.length == 0) {
118 // return '权利人不能为空';
119 // } else if (value.length < 2) {
120 // return '权利人至少得2个字符啊';
121 // }
122 // }
123 // });
124 113
125 // //监听提交
126 // form.on('submit(demo1)', function (data) {
127 // layer.alert(JSON.stringify(data.field), {
128 // title: '最终的提交信息'
129 // })
130 // return false;
131 // });
132 // })
133 $('.radioInfo').click(function () { 114 $('.radioInfo').click(function () {
134 let index = $(this).attr("value") 115 let index = $(this).attr("value")
135 if ($('#layui-form .layui-form-item').length>1) { 116 if ($('#layui-form .layui-form-item').length > 1) {
136 return false 117 return false
137 }else { 118 } else {
138 if (index == 2 || index == 3) { 119 if (index == 2 || index == 3) {
139 $('.add_form').show() 120 $('.add_form').show()
140 } else { 121 } else {
...@@ -208,77 +189,186 @@ $('.formRadio').click(function () { ...@@ -208,77 +189,186 @@ $('.formRadio').click(function () {
208 }) 189 })
209 //下一步事件 190 //下一步事件
210 function skipClick() { 191 function skipClick() {
211 if(_saveSQR()) { 192 if (_saveSQR()) {
212 skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno')); 193 skipNextPage(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
213 }else { 194 } else {
214 layer.msg('保存信息出错！'); 195 layer.msg('保存信息出错！');
215 } 196 }
216 } 197 }
217 198
199 // //加载材料信息
200 // function LoadClxxDiv() {
201 // let clxxDic = $("#clxx");
202 // let clxxContent;
203 // $.each(slsqxx.slclList, function (index, item) {
204 // clxxContent = '<div class="img_update">';
205 // clxxContent += '<div class="fileBox">';
206 // clxxContent += '<div class="fileSpan vm">';
207 // clxxContent += '<input type="file" multiple id="fileInput' + index + '" onchange="handleUpdate(this,' + index + ', ' + slsqxx.slclList[index].fs + ')"/>';
208 // clxxContent += '<div class="pictureUpload"></div>';
209 // clxxContent += '<div class="file_name">';
210 // if (slsqxx.slclList[index].fs == item.slclmxDetailList.length) {
211 // clxxContent += '<img class="update" src="../../staticImages/Yes.png">';
212 // } else {
213 // clxxContent += '<img class="update" src="../../staticImages/update.png">';
214 // clxxContent += '<p class="updatetext">点击文件上传</p>';
215 // }
216 // clxxContent += '</div>';
217 // clxxContent += '<ul class="fileListName" id="fileULName' + index + '">'
218 // $.each(item.slclmxDetailList, function (childIndex, childIitem) {
219 // clxxContent += '<li class="fileName">' + '<span title="' + childIitem.fileName + '">' + childIitem.fileName + '</span>' + '<img bsmSlclmx="' + childIitem.bsmSlclmx + '" class="operation" src="../../staticImages/chacha.png">' + '</li>'
220 // });
221 // clxxContent += '</ul>';
222 // clxxContent += '</div>';
223 // clxxContent += '<div class="certificate">' + slsqxx.slclList[index].clmc + '【' + slsqxx.slclList[index].wjlxmc + '】（' + slsqxx.slclList[index].fs + '份）</div>';
224 // clxxContent += '</div>';
225 // clxxContent += '</div>';
226 // clxxDic.append(clxxContent);
227 // });
228 // }
229
230 // function handleUpdate(e, index, sizeNum) {
231 // let name = e.files[0].name;
232 // let fileul = $("#fileULName" + index);
233 // if (fileul.find("li").length >= slsqxx.slclList[index].fs) {
234 // return false
235 // } else {
236 // _uploadSlcl(e.files[0], slsqxx.slclList[index].bsmCl, $("#fileULName" + index), sizeNum);
237 // fileul.append('<li class="fileName">' + '<span title="' + name + '">' + name + '</span>' + '<img class="operation" src="../../staticImages/chacha.png">' + '</li>');
238 // }
239 // }
240 // $(document).on("click", ".pictureUpload", function (e) {
241 // layer.msg('已经完成上传最大限度', { icon: 5 });
242 // })
243
244 // $(document).on("click", ".fileListName .fileName .operation", function (e) {
245 // var that = this
246 // $.ajax({
247 // type: "post", //提交方式
248 // url: portal.api_url + "/portal/FillInformation/deleteSlcl",//路径
249 // dataType: "json",
250 // data: {
251 // 'bsmSlclmx': $(that).attr('bsmSlclmx')
252 // },
253 // //数据，这里使用的是Json格式进行传输
254 // success: function (result) {//返回数据根据结果进行相应的处理
255 // if (result.code == 200) {
256 // $(that).parent().remove();
257 // layer.msg('删除成功！');
258 // } else {
259 // layer.msg('删除失败！');
260 // }
261 // }
262 // });
263 // });
264
265
266 //加载材料信息
218 function LoadClxxDiv() { 267 function LoadClxxDiv() {
219 let clxxDic = $("#clxx"); 268 let clxxDic = $("#clxx");
220 let clxxContent; 269 let clxxContent;
221 $.each(slsqxx.slclList, function (index, item) { 270 $.each(slsqxx.slclList, function (index, item) {
222 clxxContent = '<div class="img_update">'; 271 clxxContent = '<div id="' + item.bsmCl + '">';
223 clxxContent += '<div class="fileBox">'; 272 for (i = 0; i < item.fs; i++) {
224 clxxContent += '<div class="fileSpan vm">'; 273 clxxContent += '<div style="float: left;">';
225 clxxContent += '<input type="file" multiple id="fileInput' + index + '" onchange="handleUpdate(this,' + index + ', ' + slsqxx.slclList[index].fs + ')"/>'; 274 clxxContent += '<img class="pic" src=""> ';
226 clxxContent += '<div class="pictureUpload"></div>'; 275 clxxContent += '<input name="file" accept="image/*" type="file" style="display: none" />';
227 clxxContent += '<div class="file_name">'; 276 clxxContent += '<div class="certificate">';
228 if (slsqxx.slclList[index].fs == item.slclmxDetailList.length) { 277 clxxContent += '<span>' + slsqxx.slclList[index].clmc + '【' + slsqxx.slclList[index].wjlxmc + '】（' + slsqxx.slclList[index].fs + '-' + (i + 1) + '）</span>';
229 clxxContent += '<img class="update" src="../../staticImages/Yes.png">'; 278 clxxContent += '<a class="ddd">删除</a>';
230 }else { 279 clxxContent += '</div>';
231 clxxContent += '<img class="update" src="../../staticImages/update.png">'; 280 clxxContent += '</div>';
232 clxxContent += '<p class="updatetext">点击文件上传</p>';
233 } 281 }
234 clxxContent += '</div>'; 282 clxxContent += '</div>';
235 clxxContent += '<ul class="fileListName" id="fileULName' + index + '">'
236 $.each(item.slclmxDetailList, function (childIndex, childIitem){
237 clxxContent += '<li class="fileName">' + '<span title="' + childIitem.fileName + '">' + childIitem.fileName + '</span>' + '<img bsmSlclmx="'+childIitem.bsmSlclmx+'" class="operation" src="../../staticImages/chacha.png">' + '</li>'
238 });
239 clxxContent +='</ul>';
240 clxxContent += '</div>';
241 clxxContent += '<div class="certificate">' + slsqxx.slclList[index].clmc + '【' + slsqxx.slclList[index].wjlxmc + '】（' + slsqxx.slclList[index].fs + '份）</div>';
242 clxxContent += '</div>';
243 clxxContent += '</div>';
244 clxxDic.append(clxxContent); 283 clxxDic.append(clxxContent);
245 }); 284 });
285 AddCLxxClick();
246 } 286 }
247 287
248 function handleUpdate(e, index, sizeNum) { 288 //添加材料列表点击事件
249 let name = e.files[0].name; 289 function AddCLxxClick() {
250 let fileul = $("#fileULName" + index); 290 //上传事件
251 if (fileul.find("li").length >= slsqxx.slclList[index].fs) { 291 $(".pic").click(function () {
252 return false 292 $(this).next().click(); //隐藏了input:file样式后，点击头像就可以本地上传
253 } else { 293 $(this).next().on("change", function () {
254 _uploadSlcl(e.files[0], slsqxx.slclList[index].bsmCl, $("#fileULName" + index), sizeNum); 294 var objUrl = getObjectURL(this.files[0]); //获取图片的路径，该路径不是图片在本地的路径
255 fileul.append('<li class="fileName">' + '<span title="' + name + '">' + name + '</span>' + '<img class="operation" src="../../staticImages/chacha.png">' + '</li>'); 295 if (objUrl) {
256 } 296 let bsm_slclmx = UploadPicture(this.files[0], $(this).parent().parent().prop("id"));
297 if (bsm_slclmx == "") {
298 alert("图片上传失败，请稍后上传！");
299 }
300 else {
301 $(this).prev().attr("src", objUrl);//将图片路径存入src中，显示出图片
302 $(this).parent().attr("id", bsm_slclmx);
303 }
304 }
305 });
306 });
307 //删除事件
308 $(".ddd").click(function () {
309 let imgObj = $(this).parent().siblings(".pic");
310 let file = $(this).parent().siblings("input[type='file']");
311 let slclmxObj = $(this).parent().parent();
312 $.ajax({
313 type: "post", //提交方式
314 url: portal.api_url + "/portal/FillInformation/deleteSlcl",//路径
315 dataType: "json",
316 data: {
317 'bsmSlclmx': slclmxObj.prop("id")
318 },
319 //数据，这里使用的是Json格式进行传输
320 success: function (result) {//返回数据根据结果进行相应的处理
321 if (result.code == 200) {
322 imgObj.attr("src", "");
323 file.after(file.clone().val(""));
324 file.remove();
325 slclmxObj.attr("id", "");
326 } else {
327 alert('删除失败！');
328 }
329 }
330 });
331 });
332
257 } 333 }
258 $(document).on("click", ".pictureUpload", function (e) {
259 layer.msg('已经完成上传最大限度', { icon: 5 });
260 })
261 334
262 $(document).on("click", ".fileListName .fileName .operation", function (e) { 335 // 图片上传
263 var that = this 336 function UploadPicture(flie, bsmCl) {
337 let bsm_slclmx = "";
338 let formData = new FormData();
339 formData.append('bsmCl', bsmCl);
340 formData.append('files', flie);
264 $.ajax({ 341 $.ajax({
265 type: "post", //提交方式 342 type: "post", //提交方式
266 url: portal.api_url + "/portal/FillInformation/deleteSlcl",//路径 343 url: portal.api_url + "/portal/FillInformation/uploadSlcl",//路径
267 dataType: "json", 344 dataType: "json",
268 data: { 345 cache: false, //上传文件不需要缓存
269 'bsmSlclmx': $(that).attr('bsmSlclmx') 346 processData: false, // 告诉jQuery不要去处理发送的数据
270 }, 347 contentType: false, // 告诉jQuery不要去设置Content-Type请求头
348 async: false,
349 data: formData,
271 //数据，这里使用的是Json格式进行传输 350 //数据，这里使用的是Json格式进行传输
272 success: function (result) {//返回数据根据结果进行相应的处理 351 success: function (result) {//返回数据根据结果进行相应的处理
273 if (result.code == 200) { 352 if (result.code == 200) {
274 $(that).parent().remove(); 353 bsm_slclmx = result.data[0].bsmSlclmx;
275 layer.msg('删除成功！'); 354 //layer.msg('上传成功!');
276 } else { 355 // fileul.parent().find('.fileListName .fileName').eq(fileul.find("li").length - 1).find('.operation').attr('bsmSlclmx', result.data[0].bsmSlclmx)
277 layer.msg('删除失败！'); 356 // if (fileul.find('.fileName').length === sizeNum) {
357 // fileul.parent().find('.pictureUpload').show()
358 // layer.msg('上传成功,并且以上传最大限度!');
359 // fileul.parent().find('.file_name').css("z-index", "15");
360 // fileul.parent().find('.updatetext').hide()
361 // fileul.parent().find('.update').attr('src', '../../staticImages/Yes.png')
362 // } else {
363 // layer.msg('上传成功!');
364 //
278 } 365 }
279 } 366 }
280 }); 367 });
281 }) 368 return bsm_slclmx;
369 }
370
371
282 // // 图片上传 372 // // 图片上传
283 function _uploadSlcl(flieList, bsmCl, fileul, sizeNum) { 373 function _uploadSlcl(flieList, bsmCl, fileul, sizeNum) {
284 var formData = new FormData(); 374 var formData = new FormData();
...@@ -317,19 +407,19 @@ function _saveSQR() { ...@@ -317,19 +407,19 @@ function _saveSQR() {
317 // 申请人信息 407 // 申请人信息
318 var d = {}, sqrList = []; 408 var d = {}, sqrList = [];
319 var t = $('.sqrList').serializeArray(); 409 var t = $('.sqrList').serializeArray();
320 $.each(t, function() { 410 $.each(t, function () {
321 d[this.name] = this.value; 411 d[this.name] = this.value;
322 }); 412 });
323 d.userid = getCookie('myCookie').userid; 413 d.userid = getCookie('myCookie').userid;
324 sqrList.push(d); 414 sqrList.push(d);
325 for(var i=0; i<sqrList.length;i++) { 415 for (var i = 0; i < sqrList.length; i++) {
326 sqrList[i].sqrlx = 1; 416 sqrList[i].sqrlx = 1;
327 } 417 }
328 // 领证方式-邮寄地址 418 // 领证方式-邮寄地址
329 var addMailRecordRequest = {}; 419 var addMailRecordRequest = {};
330 if (lzfs==2) { 420 if (lzfs == 2) {
331 var addressList = $('.addressForm').serializeArray(); 421 var addressList = $('.addressForm').serializeArray();
332 $.each(addressList, function() { 422 $.each(addressList, function () {
333 addMailRecordRequest[this.name] = this.value; 423 addMailRecordRequest[this.name] = this.value;
334 }); 424 });
335 } 425 }
...@@ -344,17 +434,30 @@ function _saveSQR() { ...@@ -344,17 +434,30 @@ function _saveSQR() {
344 'gyfsbm': 1, 434 'gyfsbm': 1,
345 'sqrlb': slsqxx.sqrlb, 435 'sqrlb': slsqxx.sqrlb,
346 'lzfs': lzfs, 436 'lzfs': lzfs,
347 'sqrList':sqrList, 437 'sqrList': sqrList,
348 'addMailRecordRequest':addMailRecordRequest 438 'addMailRecordRequest': addMailRecordRequest
349 }), 439 }),
350 //数据，这里使用的是Json格式进行传输 440 //数据，这里使用的是Json格式进行传输
351 success: function (result) {//返回数据根据结果进行相应的处理 441 success: function (result) {//返回数据根据结果进行相应的处理
352 if (result.code == 200) { 442 if (result.code == 200) {
353 isSave = true 443 isSave = true
354 }else { 444 } else {
355 isSave = false 445 isSave = false
356 } 446 }
357 } 447 }
358 }); 448 });
359 return isSave 449 return isSave
360 } 450 }
451
452 //建立一個可存取到該file的url
453 function getObjectURL(file) {
454 var url = null;
455 if (window.createObjectURL != undefined) { // basic
456 url = window.createObjectURL(file);
457 } else if (window.URL != undefined) { // mozilla(firefox)
458 url = window.URL.createObjectURL(file);
459 } else if (window.webkitURL != undefined) { // webkit or chrome
460 url = window.webkitURL.createObjectURL(file);
461 }
462 return url;
463 }
......
...@@ -32,11 +32,11 @@ ...@@ -32,11 +32,11 @@
32 <ul class="app_progress" id="app_progress"> 32 <ul class="app_progress" id="app_progress">
33 </ul> 33 </ul>
34 </div> 34 </div>
35 <!-- 受理情况 --> 35 <!-- 受理情况 -->
36 <div class="acceptance_information"> 36 <div class="acceptance_information">
37 <h3>受理情况</h3> 37 <h3>受理情况</h3>
38 <ul> 38 <ul>
39 39
40 <li id="11"> 40 <li id="11">
41 <span>登记业务名称：</span> 41 <span>登记业务名称：</span>
42 <p>二手房买卖</p> 42 <p>二手房买卖</p>
...@@ -44,7 +44,7 @@ ...@@ -44,7 +44,7 @@
44 <li id="titleCertificate"> 44 <li id="titleCertificate">
45 <span>原不动产权证号：</span> 45 <span>原不动产权证号：</span>
46 <p>70205004005GB10030</p> 46 <p>70205004005GB10030</p>
47 </li> 47 </li>
48 <li id="22"> 48 <li id="22">
49 <span>申请编号：</span> 49 <span>申请编号：</span>
50 <p>FW202000015</p> 50 <p>FW202000015</p>
...@@ -55,7 +55,7 @@ ...@@ -55,7 +55,7 @@
55 </li> 55 </li>
56 <li id="33"> 56 <li id="33">
57 <span>申请人：</span> 57 <span>申请人：</span>
58 <p> 张三 58 <p> 张三
59 </p> 59 </p>
60 </li> 60 </li>
61 <li id="44"> 61 <li id="44">
...@@ -70,8 +70,8 @@ ...@@ -70,8 +70,8 @@
70 <span>登记情形：</span> 70 <span>登记情形：</span>
71 <p>二手房</p> 71 <p>二手房</p>
72 </li> 72 </li>
73 73
74 74
75 </ul> 75 </ul>
76 </div> 76 </div>
77 <!-- 房屋信息 --> 77 <!-- 房屋信息 -->
...@@ -85,7 +85,7 @@ ...@@ -85,7 +85,7 @@
85 <li id="unitNumber"> 85 <li id="unitNumber">
86 <span>不动产单元号：</span> 86 <span>不动产单元号：</span>
87 <p>450101 450002 GB 00740W00000000</p> 87 <p>450101 450002 GB 00740W00000000</p>
88 </li> 88 </li>
89 <li id="beLocated"> 89 <li id="beLocated">
90 <span>坐落：</span> 90 <span>坐落：</span>
91 <p> 91 <p>
...@@ -96,7 +96,7 @@ ...@@ -96,7 +96,7 @@
96 <span>面积：</span> 96 <span>面积：</span>
97 <p>526</p> 97 <p>526</p>
98 </li> 98 </li>
99 99
100 <li> 100 <li>
101 <span>土地用途：</span> 101 <span>土地用途：</span>
102 <p>城镇住宅用地</p> 102 <p>城镇住宅用地</p>
...@@ -143,8 +143,8 @@ ...@@ -143,8 +143,8 @@
143 </li> 143 </li>
144 </ul> 144 </ul>
145 </div> 145 </div>
146 <!-- 受理情况 --> 146 <!-- 受理情况 -->
147 <div class="acceptance_information"> 147 <div class="acceptance_information">
148 <h3>网签合同情况</h3> 148 <h3>网签合同情况</h3>
149 <ul> 149 <ul>
150 <li id="recordNo"> 150 <li id="recordNo">
...@@ -158,10 +158,10 @@ ...@@ -158,10 +158,10 @@
158 <li id="22"> 158 <li id="22">
159 <span>交易价格：</span> 159 <span>交易价格：</span>
160 <p>100（万元）</p> 160 <p>100（万元）</p>
161 </li> 161 </li>
162 </ul> 162 </ul>
163 </div> 163 </div>
164 <!-----------------买方信息------------------ --> 164 <!-----------------权利人信息------------------ -->
165 <div class="person_info"> 165 <div class="person_info">
166 <h3>权利人信息</h3> 166 <h3>权利人信息</h3>
167 <div class="person_radio"> 167 <div class="person_radio">
...@@ -188,7 +188,7 @@ ...@@ -188,7 +188,7 @@
188 </div> 188 </div>
189 <div class="layui-inline"> 189 <div class="layui-inline">
190 <label class="layui-form-label">联系方式</label> 190 <label class="layui-form-label">联系方式</label>
191 <p class="formInfo" id="phone"></p> 191 <p class="formInfo" id="phone"></p>
192 </div> 192 </div>
193 </div> 193 </div>
194 </form> 194 </form>
...@@ -197,9 +197,22 @@ ...@@ -197,9 +197,22 @@
197 <p>添加个人信息</p> 197 <p>添加个人信息</p>
198 </div> 198 </div>
199 </div> 199 </div>
200
200 <!-----------------资料上传------------------ --> 201 <!-----------------资料上传------------------ -->
201 <div class="data_upload" id="clxx"> 202 <div class="data_upload" id="clxx">
202 <h3>资料上传</h3> 203 <h3>资料上传</h3>
204 <!-- <div>
205 <div style="float: left;">
206 <img class="pic" src="">
207 <input name="file" accept="image/*" type="file" style="display: none" />
208 <div class="certificate">
209 <span> 申请书【原件】 3-1</span>
210 <a href="#">删除</a>
211 </div>
212 </div>
213 </div> -->
214
215
203 </div> 216 </div>
204 <!-- 领证方式 --> 217 <!-- 领证方式 -->
205 <div class="obtaining_license"> 218 <div class="obtaining_license">
...@@ -216,15 +229,16 @@ ...@@ -216,15 +229,16 @@
216 <div class="layui-inline"> 229 <div class="layui-inline">
217 <label class="layui-form-label">收件人</label> 230 <label class="layui-form-label">收件人</label>
218 <div class="layui-input-block"> 231 <div class="layui-input-block">
219 <input type="text" name="consignee" id="consignee" lay-verify="title" autocomplete="off" placeholder="请输入收件人" 232 <input type="text" name="consignee" id="consignee" lay-verify="title"
220 class="layui-input"> 233 autocomplete="off" placeholder="请输入收件人" class="layui-input">
221 </div> 234 </div>
222 </div> 235 </div>
223 <div class="layui-inline"> 236 <div class="layui-inline">
224 <label class="layui-form-label">手机号码</label> 237 <label class="layui-form-label">手机号码</label>
225 <div class="layui-input-block"> 238 <div class="layui-input-block">
226 <input type="tel" maxlength="11" id="consigneePhone" name="consigneePhone" lay-verify="consigneePhone" autocomplete="off" 239 <input type="tel" maxlength="11" id="consigneePhone" name="consigneePhone"
227 placeholder="请输入手机号码" class="layui-input"> 240 lay-verify="consigneePhone" autocomplete="off" placeholder="请输入手机号码"
241 class="layui-input">
228 </div> 242 </div>
229 </div> 243 </div>
230 </div> 244 </div>
...@@ -233,7 +247,8 @@ ...@@ -233,7 +247,8 @@
233 <div class="layui-input-block ssq"> 247 <div class="layui-input-block ssq">
234 <h2>省</h2> 248 <h2>省</h2>
235 <div class="layui-inline layui-select-default" style="margin-right: 10px;"> 249 <div class="layui-inline layui-select-default" style="margin-right: 10px;">
236 <select name="province" class="Pselected" id="province" data-area="陕西省"" lay-filter="province"> 250 <select name="province" class="Pselected" id="province"
251 data-area="陕西省"" lay-filter=" province">
237 <option value="">选择省</option> 252 <option value="">选择省</option>
238 </select> 253 </select>
239 </div> 254 </div>
...@@ -245,7 +260,8 @@ ...@@ -245,7 +260,8 @@
245 </div> 260 </div>
246 <h2>区</h2> 261 <h2>区</h2>
247 <div class="layui-inline selected layui-select-default"> 262 <div class="layui-inline selected layui-select-default">
248 <select name="district" class="Cselected" id="district" data-area="雁塔区" lay-filter="selectCity"> 263 <select name="district" class="Cselected" id="district" data-area="雁塔区"
264 lay-filter="selectCity">
249 <option value="">选择区</option> 265 <option value="">选择区</option>
250 </select> 266 </select>
251 </div> 267 </div>
...@@ -254,7 +270,8 @@ ...@@ -254,7 +270,8 @@
254 <div> 270 <div>
255 <label class="layui-form-label">详细地址</label> 271 <label class="layui-form-label">详细地址</label>
256 <div class="layui-input-block"> 272 <div class="layui-input-block">
257 <textarea name="consigneeAddress" id="consigneeAddress" placeholder="请输入内容" class="layui-textarea"></textarea> 273 <textarea name="consigneeAddress" id="consigneeAddress" placeholder="请输入内容"
274 class="layui-textarea"></textarea>
258 </div> 275 </div>
259 </div> 276 </div>
260 <div class="next_button"> 277 <div class="next_button">
...@@ -282,19 +299,5 @@ ...@@ -282,19 +299,5 @@
282 <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script> 299 <script type="text/javascript" src="../../staticJs/onlineApply/workFlow.js"></script>
283 <script type="text/javascript" src="../../staticJs/onlineApply/houseFill.js"></script> 300 <script type="text/javascript" src="../../staticJs/onlineApply/houseFill.js"></script>
284 <script type="text/javascript" src="../../staticJs/down.js"></script> 301 <script type="text/javascript" src="../../staticJs/down.js"></script>
285 </html>
286 302
287 <!-- <div class="img_update">
288 <div class="fileBox">
289 <div class="fileSpan vm">
290 <input type="file" multiple id="fileInput3" />
291 <div class="file_name">
292 <img class="update" src="../../staticImages/update.png">
293 <p class="updatetext">点击文件上传</p>
294 </div>
295 <div class="fileListName3"></div>
296 <a class="record">下载模板</a>
297 </div>
298 <div class="certificate">询问笔录(1)份</div>
299 </div>
300 </div> -->
...\ No newline at end of file ...\ No newline at end of file
303 </html>
...\ No newline at end of file ...\ No newline at end of file
......