Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
617251ea by 任超
Options

style:网上申请

1 parent d8289368
Inline Side-by-side
Showing 6 changed files with 197 additions and 14 deletions
...@@ -423,3 +423,19 @@ div.footer .system_service ul li a:hover { ...@@ -423,3 +423,19 @@ div.footer .system_service ul li a:hover {
423 423
424 424
425 /* 0091FF */ 425 /* 0091FF */
426 .layui-layer-content .userList{
427 width: 50%;
428 display: inline-block;
429 margin: 10px 0;
430 font-size: 14px;
431 box-sizing: border-box;
432 padding: 0 20px;
433 }
434 .layui-layer-content .userList input {
435 width: 16px;
436 height: 16px;
437 margin-right: 5px;
438 position: relative;
439 top: 3px;
440 cursor: pointer;
441 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -39,4 +39,23 @@ ...@@ -39,4 +39,23 @@
39 .sms_authentication div input { 39 .sms_authentication div input {
40 display: inline-block; 40 display: inline-block;
41 width: 85%; 41 width: 85%;
42 }
43 .phone {
44 display: inline-block;
45 white-space: nowrap;
46 }
47 .phone input {
48 width: 65%!important;
49 }
50 .captcha, .num {
51 border: 1px solid #dedede;
52 border-radius: 23px;
53 cursor: pointer;
54 font-size: 12px;
55 color: #6e7172;
56 width: 73px;
57 height: 23px;
58 text-align: center;
59 line-height: 23px;
60 display: inline-block;
42 } 61 }
...\ No newline at end of file ...\ No newline at end of file
......
1 1
2 layui.use('element', function () {
3 let element = layui.element;
4 });
2 $(function () { 5 $(function () {
3 layui.use('element', function () {
4 let element = layui.element;
5 });
6 addTabs('#wssq'); 6 addTabs('#wssq');
7 setFristStepPageFLow(GetQueryString('ywid'), GetQueryString('businessno')); 7 setFristStepPageFLow(GetQueryString('ywid'), GetQueryString('businessno'));
8 // 业务 8 // 业务
...@@ -180,6 +180,7 @@ function addCreatSLSQ(jsondata) { ...@@ -180,6 +180,7 @@ function addCreatSLSQ(jsondata) {
180 //数据，这里使用的是Json格式进行传输 180 //数据，这里使用的是Json格式进行传输
181 success: function (result) {//返回数据根据结果进行相应的处理 181 success: function (result) {//返回数据根据结果进行相应的处理
182 if (result.code == 200) { 182 if (result.code == 200) {
183 console.log(999, result.data)
183 skipNextPage(result.data.bsmSlsq,business.businessno); 184 skipNextPage(result.data.bsmSlsq,business.businessno);
184 } 185 }
185 else{ 186 else{
......
...@@ -3,7 +3,9 @@ $(function () { ...@@ -3,7 +3,9 @@ $(function () {
3 }); 3 });
4 4
5 addTabs('#wssq') 5 addTabs('#wssq')
6 setAcceptFlow(GetQueryString('bsm_slsq'),GetQueryString('businessno')); 6 setAcceptFlow(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
7 list = getApplyRecord(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
8 console.log(list)
7 Webcam.set({ 9 Webcam.set({
8 width: 320, 10 width: 320,
9 height: 240, 11 height: 240,
...@@ -22,8 +24,8 @@ function take_snapshot() { ...@@ -22,8 +24,8 @@ function take_snapshot() {
22 }); 24 });
23 } 25 }
24 //下一步事件 26 //下一步事件
25 function skipClick(){ 27 function skipClick() {
26 if(_SFYz()) { 28 if (_SFYz() && list.sqfs == '2') {
27 $.ajax({ 29 $.ajax({
28 type: "post", //提交方式 30 type: "post", //提交方式
29 url: portal.api_url + "/portal/FillInformation/ToZRF",//路径 31 url: portal.api_url + "/portal/FillInformation/ToZRF",//路径
...@@ -34,13 +36,34 @@ function skipClick(){ ...@@ -34,13 +36,34 @@ function skipClick(){
34 }), 36 }),
35 //数据，这里使用的是Json格式进行传输 37 //数据，这里使用的是Json格式进行传输
36 success: function (result) {//返回数据根据结果进行相应的处理 38 success: function (result) {//返回数据根据结果进行相应的处理
37 if (result.code == 200 ) { 39 if (result.code == 200) {
38 skipNextPage(GetQueryString('bsm_slsq'),GetQueryString('businessno')); 40 skipNextPage(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
39 } 41 }
40 } 42 }
41 }); 43 });
44 } else {
45 skipNextPage(GetQueryString('bsm_slsq'), GetQueryString('businessno'));
42 } 46 }
43 } 47 }
48 // 验证码
49
50 $(".captcha").click(function () {
51 $(".captcha").hide()
52 $(".num").show()
53 var second = 30
54 $(".num").text((second) + "秒")
55 var interval = setInterval(function () {
56 second--
57 $(".num").text((second) + "秒")
58 if (second === -1) {
59 $(".captcha").text("重发验证码")
60 clearInterval(interval)
61 $(".num").hide()
62 $(".captcha").show()
63 }
64 }, 1000)
65 })
66
44 // 身份验证 67 // 身份验证
45 function _SFYz() { 68 function _SFYz() {
46 var isVerification; 69 var isVerification;
...@@ -52,14 +75,14 @@ function _SFYz() { ...@@ -52,14 +75,14 @@ function _SFYz() {
52 async: false, 75 async: false,
53 data: JSON.stringify({ 76 data: JSON.stringify({
54 "dhhm": $('#phone').val(), 77 "dhhm": $('#phone').val(),
55 "yzm": $('#code').val(), 78 "yzm": $('#code').val(),
56 "bsmSlsq": GetQueryString('bsm_slsq') 79 "bsmSlsq": GetQueryString('bsm_slsq')
57 }), 80 }),
58 //数据，这里使用的是Json格式进行传输 81 //数据，这里使用的是Json格式进行传输
59 success: function (result) {//返回数据根据结果进行相应的处理 82 success: function (result) {//返回数据根据结果进行相应的处理
60 if (result.code == 200 ) { 83 if (result.code == 200) {
61 isVerification = true 84 isVerification = true
62 }else { 85 } else {
63 isVerification = false 86 isVerification = false
64 } 87 }
65 } 88 }
......
...@@ -176,6 +176,43 @@ function setAcceptFlow(bsmSlsq, businessNo) { ...@@ -176,6 +176,43 @@ function setAcceptFlow(bsmSlsq, businessNo) {
176 176
177 //跳转下一个环节页面 177 //跳转下一个环节页面
178 function skipNextPage(bsm_slsq, businessno) { 178 function skipNextPage(bsm_slsq, businessno) {
179 let stepNo = getStep();
180 if (business.sqfs == '2' && business.zrffqhj && business.zrffqhj == stepNo) {
181 isApplicationBoth('78978979','renchao',bsm_slsq, businessno)
182 }else {
183 fetchStepNo(bsm_slsq, businessno)
184 }
185 // var nextStepIndex;
186 // $.each(business.stepList, function (index, item) {
187 // if (item.stepState == 1) {
188 // nextStepIndex = index + 1;
189 // return;
190 // }
191 // });
192 // var datajson = {
193 // "bsmSlsq": bsm_slsq,
194 // "businessNo": businessno,
195 // "stepNo": business.stepList[nextStepIndex].stepno
196 // };
197 // //更新当前流程所处环节
198 // $.ajax({
199 // type: "post", //提交方式
200 // contentType: 'application/json',
201 // url: portal.api_url + "/portal/FillInformation/updateStepNo",//路径
202 // dataType: "json",
203 // async: false,
204 // data: JSON.stringify(datajson),
205 // //数据，这里使用的是Json格式进行传输
206 // success: function (result) {//返回数据根据结果进行相应的处理
207 // if (result.code == 200) {
208 // window.location.href = portal.rootPath + business.stepList[nextStepIndex].pageurl + "?bsm_slsq=" + bsm_slsq + "&businessno=" + businessno+ "&stepno=" +business.stepList[nextStepIndex].stepno;
209 // }
210 // }
211 // });
212 }
213
214 // 下一步更新流程环节
215 function fetchStepNo(bsm_slsq,businessno) {
179 var nextStepIndex; 216 var nextStepIndex;
180 $.each(business.stepList, function (index, item) { 217 $.each(business.stepList, function (index, item) {
181 if (item.stepState == 1) { 218 if (item.stepState == 1) {
...@@ -199,11 +236,96 @@ function skipNextPage(bsm_slsq, businessno) { ...@@ -199,11 +236,96 @@ function skipNextPage(bsm_slsq, businessno) {
199 //数据，这里使用的是Json格式进行传输 236 //数据，这里使用的是Json格式进行传输
200 success: function (result) {//返回数据根据结果进行相应的处理 237 success: function (result) {//返回数据根据结果进行相应的处理
201 if (result.code == 200) { 238 if (result.code == 200) {
202 window.location.href = portal.rootPath + business.stepList[nextStepIndex].pageurl + "?bsm_slsq=" + bsm_slsq + "&businessno=" + businessno; 239 window.location.href = portal.rootPath + business.stepList[nextStepIndex].pageurl + "?bsm_slsq=" + bsm_slsq + "&businessno=" + businessno+ "&stepno=" +business.stepList[nextStepIndex].stepno;
203 } 240 }
204 } 241 }
205 }); 242 });
206 } 243 }
207 244
208 245
246 // 获取当前的环节
247 function getStep() {
248 var stepNo;
249 $.each(business.stepList, function (index, item) {
250 if (item.stepState == 1) {
251 stepNo = item.stepno;
252 }
253 });
254 return stepNo;
255 }
209 256
257 //跳转下一个环节之前判断是否双方申请-获取转入放信息
258 function isApplicationBoth(hth, userid, bsm_slsq, businessno) {
259 $.ajax({
260 type: "get",
261 url: portal.api_url + "/portal/ApplyBusinessService/getZRF",
262 dataType: "json",
263 data: {
264 "hth": hth,
265 "userid": userid,
266 },
267 success: function (result) {
268 if (result.code == 200) {
269 layuiOpen(result.data ,bsm_slsq, businessno)
270 }
271 }
272 });
273 }
274
275 //绘制单个div
276 function setDiv(item){
277 var div = '<li class="userList"><input type="radio" name="list" zrfName="'+item.zrfName+'" value="'+item.zrfIDCard+'"><span>姓名：</span>'+item.zrfName+'</li>'+
278 '<li class="userList"><span>身份证号：</span>'+item.zrfIDCard+'</li>'
279 return div
280 }
281 // 转给转入方进行流转
282 function layuiOpen(data ,bsm_slsq, businessno){
283 var html = ''
284 for (var i = 0; i < data.length; i++) {
285 html += setDiv(data[i])
286 }
287 layui.use("layer", function () {
288 layer.open({
289 type:1,
290 title: '转入方信息',
291 area: ['500px', '270px'],
292 scrollbar: false,
293 btn: ['确定'],
294 yes: function () {
295 if($('input:radio[name="list"]:checked').attr('value')==undefined) {
296 layer.msg('请先选择转入方');
297 return;
298 }else {
299 ToZRF(bsm_slsq, '1',$('input:radio[name="list"]:checked').attr('value'),$('input:radio[name="list"]:checked').attr('zrfName'), businessno)
300 }
301 },
302 content: html
303 });
304 });
305 }
306
307 // 转给转入方进行流转
308 function ToZRF(bsmSlsq, zjzl, zrfIDCard, zrfName, businessno) {
309 $.ajax({
310 type: "post", //提交方式
311 url: portal.api_url + "/portal/ApplyBusinessService/ToZRF",//路径
312 dataType: "json",
313 headers:{'Content-Type':'application/json;charset=utf8'},
314 data: JSON.stringify({
315 "bsmSlsq": bsmSlsq,
316 "zjzl": zjzl,
317 "zrfIDCard": zrfIDCard,
318 "zrfName": zrfName
319 }),
320 //数据，这里使用的是Json格式进行传输
321 success: function (result) {//返回数据根据结果进行相应的处理
322 if (result.code == 200) {
323 layer.msg(result.message);
324 setTimeout(function(){
325 layer.closeAll();
326 fetchStepNo(bsmSlsq, businessno);
327 },1000)
328 }
329 }
330 });
331 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -38,9 +38,11 @@ ...@@ -38,9 +38,11 @@
38 </div> 38 </div>
39 <div class="sms_authentication"> 39 <div class="sms_authentication">
40 <h5>短信认证</h5> 40 <h5>短信认证</h5>
41 <div> 41 <div class="phone">
42 <span>手机号</span> 42 <span>手机号</span>
43 <input type="tel" id="phone" name="phone" placeholder="请输入手机号" class="layui-input"> 43 <input type="tel" id="phone" name="phone" placeholder="请输入手机号" class="layui-input">
44 <span class="captcha">获取验证码</span>
45 <span class="num"></span>
44 </div> 46 </div>
45 <div> 47 <div>
46 <span>验证码</span> 48 <span>验证码</span>
......