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 242 additions and 122 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 } 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,34 +5,35 @@ var bsmCl; ...@@ -5,34 +5,35 @@ 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;
...@@ -41,27 +42,27 @@ $(function () { ...@@ -41,27 +42,27 @@ $(function () {
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,12 +70,12 @@ $(function () { ...@@ -69,12 +70,12 @@ $(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 }
...@@ -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 {
231 clxxContent += '<img class="update" src="../../staticImages/update.png">';
232 clxxContent += '<p class="updatetext">点击文件上传</p>';
233 }
234 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>'; 279 clxxContent += '</div>';
241 clxxContent += '<div class="certificate">' + slsqxx.slclList[index].clmc + '【' + slsqxx.slclList[index].wjlxmc + '】（' + slsqxx.slclList[index].fs + '份）</div>';
242 clxxContent += '</div>'; 280 clxxContent += '</div>';
281 }
243 clxxContent += '</div>'; 282 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) {
296 let bsm_slclmx = UploadPicture(this.files[0], $(this).parent().parent().prop("id"));
297 if (bsm_slclmx == "") {
298 alert("图片上传失败，请稍后上传！");
256 } 299 }
257 } 300 else {
258 $(document).on("click", ".pictureUpload", function (e) { 301 $(this).prev().attr("src", objUrl);//将图片路径存入src中，显示出图片
259 layer.msg('已经完成上传最大限度', { icon: 5 }); 302 $(this).parent().attr("id", bsm_slclmx);
260 }) 303 }
261 304 }
262 $(document).on("click", ".fileListName .fileName .operation", function (e) { 305 });
263 var that = this 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();
264 $.ajax({ 312 $.ajax({
265 type: "post", //提交方式 313 type: "post", //提交方式
266 url: portal.api_url + "/portal/FillInformation/deleteSlcl",//路径 314 url: portal.api_url + "/portal/FillInformation/deleteSlcl",//路径
267 dataType: "json", 315 dataType: "json",
268 data: { 316 data: {
269 'bsmSlclmx': $(that).attr('bsmSlclmx') 317 'bsmSlclmx': slclmxObj.prop("id")
270 }, 318 },
271 //数据，这里使用的是Json格式进行传输 319 //数据，这里使用的是Json格式进行传输
272 success: function (result) {//返回数据根据结果进行相应的处理 320 success: function (result) {//返回数据根据结果进行相应的处理
273 if (result.code == 200) { 321 if (result.code == 200) {
274 $(that).parent().remove(); 322 imgObj.attr("src", "");
275 layer.msg('删除成功！'); 323 file.after(file.clone().val(""));
324 file.remove();
325 slclmxObj.attr("id", "");
276 } else { 326 } else {
277 layer.msg('删除失败！'); 327 alert('删除失败！');
278 } 328 }
279 } 329 }
280 }); 330 });
281 }) 331 });
332
333 }
334
335 // 图片上传
336 function UploadPicture(flie, bsmCl) {
337 let bsm_slclmx = "";
338 let formData = new FormData();
339 formData.append('bsmCl', bsmCl);
340 formData.append('files', flie);
341 $.ajax({
342 type: "post", //提交方式
343 url: portal.api_url + "/portal/FillInformation/uploadSlcl",//路径
344 dataType: "json",
345 cache: false, //上传文件不需要缓存
346 processData: false, // 告诉jQuery不要去处理发送的数据
347 contentType: false, // 告诉jQuery不要去设置Content-Type请求头
348 async: false,
349 data: formData,
350 //数据，这里使用的是Json格式进行传输
351 success: function (result) {//返回数据根据结果进行相应的处理
352 if (result.code == 200) {
353 bsm_slclmx = result.data[0].bsmSlclmx;
354 //layer.msg('上传成功!');
355 // fileul.parent().find('.fileListName .fileName').eq(fileul.find("li").length - 1).find('.operation').attr('bsmSlclmx', result.data[0].bsmSlclmx)
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 //
365 }
366 }
367 });
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 }
......
...@@ -161,7 +161,7 @@ ...@@ -161,7 +161,7 @@
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">
...@@ -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
......