Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
eec7b48b by 任超
Options

style:样式的修改

1 parent eb9d481a
Expand all
Inline Side-by-side
Showing 3 changed files with 92 additions and 166 deletions
1 $(function () { 1 $(function () {
2 var title = undefined
3 var bus = undefined
4 var countDown = null
5 layui.use('element', function () { 2 layui.use('element', function () {
6 let element = layui.element; //导航的hover效果、二级菜单等功能，需要依赖element模块 3 let element = layui.element;
7 //监听导航点击
8 element.on('nav(demo)', function (elem) {
9 layer.msg(elem.text());
10 });
11 }); 4 });
12 addTabs('#wssq') 5 addTabs('#wssq')
13 title = GetQueryString('title')
14 bus = GetQueryString('bus')
15 // $('.name_title h2').text(title)
16 // $('.name_title p').text(bus)
17 function GetQueryString(name) {
18 var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
19 var r = window.location.search.substr(1).match(reg);
20 if (r != null) return decodeURIComponent(r[2]);
21 return null;
22 }
23 // 业务 6 // 业务
24 // 点击获取验证码操作
25 $('.feachBtn').click(function () {
26 var tel = $("#tel").val();
27 //正则表达式
28 var reg = /(1[3-9]\d{9}$)/;
29 if (!reg.test(tel)) {
30 layer.msg("请输入正确格式的手机号码", {
31 icon: 5
32 });
33 return false;
34 } else {
35 let count = 5;
36 $('.feachBtn').attr('disabled', true);
37 $('.feachBtn').css({
38 background: '#eee',
39 color: '#707070',
40 });
41 count--;
42 countDown = setInterval(() => {
43 count--;
44 $('.feachBtn').text(count + '秒后可重新获取');
45 if (count === 0) {
46 $('.feachBtn').text('重新发送').removeAttr('disabled');
47 clearInterval(countDown);
48 }
49 }, 1000);
50 $('.feachBtn').text(count + '秒后可重新获取');
51 }
52 })
53 layui.use(['form'], function () { 7 layui.use(['form'], function () {
54 var form = layui.form 8 var form = layui.form
55 //自定义验证规则 9 //自定义验证规则
...@@ -64,7 +18,7 @@ $(function () { ...@@ -64,7 +18,7 @@ $(function () {
64 }); 18 });
65 19
66 //监听提交 20 //监听提交
67 form.on('submit(demo1)', function (data) { 21 form.on('submit(submit)', function (data) {
68 layer.alert(JSON.stringify(data.field), { 22 layer.alert(JSON.stringify(data.field), {
69 title: '最终的提交信息' 23 title: '最终的提交信息'
70 }) 24 })
...@@ -93,7 +47,7 @@ $(function () { ...@@ -93,7 +47,7 @@ $(function () {
93 { 47 {
94 stepName: "资料审核", 48 stepName: "资料审核",
95 stepState: 0 49 stepState: 0
96 }, 50 }
97 ], 51 ],
98 } 52 }
99 53
...@@ -111,4 +65,54 @@ $(function () { ...@@ -111,4 +65,54 @@ $(function () {
111 element.init(); 65 element.init();
112 }); 66 });
113 }); 67 });
68
69 // 结果弹框
70 $('.reset').click(function () {
71 successResult()
72 // seizureResult()
73 })
74
114 }) 75 })
76 function successResult() {
77 layui.use('layer', function () {
78 layer.open({
79 title: '<p class="system_prompt successInfo">房屋状态：正常</p>',
80 area: ['370px', '335px'],
81 scrollbar: false,
82 btn:['下一步'],
83 yes : function() {
84 window.location.href="./esf-tbxx.html";
85 },
86 content:'<ul class="dialog_con">'
87 + '<li><span>姓名：</span>任超</li>'
88 + '<li><span>身份证号：</span>610124193335522</li>'
89 + '<li><span>联系电话：</span>18740677386</li>'
90 + '<li><span>产权证号：</span>89897987987987</li>'
91 + '<li><span>坐落：</span>西安市雁塔区南二环西段</li>'
92 + '<li><span>面积：</span>2000</li>'
93 + '<li><span>合同备案号：</span>9798798798798</li>'
94 + '</ul>'
95 });
96 })
97
98 }
99
100 function seizureResult() {
101 layui.use('layer', function () {
102 layer.open({
103 title: '<p class="system_prompt seizureInfo">房屋状态：正常</p>',
104 area: ['370px', '335px'],
105 scrollbar: false,
106 btn:['下一步'],
107 content:'<ul class="dialog_con">'
108 + '<li><span>姓名：</span>任超</li>'
109 + '<li><span>身份证号：</span>610124193335522</li>'
110 + '<li><span>联系电话：</span>18740677386</li>'
111 + '<li><span>产权证号：</span>89897987987987</li>'
112 + '<li><span>坐落：</span>西安市雁塔区南二环西段</li>'
113 + '<li><span>面积：</span>2000</li>'
114 + '<li><span>合同备案号：</span>9798798798798</li>'
115 + '</ul>'
116 });
117 })
118 }
......
...@@ -17,143 +17,65 @@ ...@@ -17,143 +17,65 @@
17 <span class="layui-breadcrumb"> 17 <span class="layui-breadcrumb">
18 <a href="../../index.html">首页</a> 18 <a href="../../index.html">首页</a>
19 <a href="./wssq.html">网上申请</a> 19 <a href="./wssq.html">网上申请</a>
20 <a><cite>在线申请</cite></a> 20 <a><cite>信息校验</cite></a>
21 </span> 21 </span>
22 </div> 22 </div>
23 </div> 23 </div>
24 <div class="content_box"> 24 <div class="content_box">
25 <div class="name_title layui-bg-gray"> 25 <div class="name_title">
26 <h2>商品房</h2> 26 <h2>商品房</h2>
27 <p>转移登记</p> 27 <p>转移登记</p>
28 </div> 28 </div>
29 <div class="progressBar"> 29 <div class="content_area">
30 <ul class="app_progress" id="app_progress"> 30 <div class="progressBar">
31 </ul> 31 <ul class="app_progress" id="app_progress">
32 </div> 32 </ul>
33 <div class="input_search">
34 <div class="form_title">
35 <h2>信息校验</h2>
36 </div> 33 </div>
37 <form class="layui-form" action=""> 34 <div class="input_search">
38 <div class="layui-form-item"> 35 <div class="form_title">
39 <div class="layui-inline"> 36 <h2>信息校验</h2>
40 <label class="layui-form-label">权利人</label> 37 </div>
41 <div class="layui-input-block"> 38 <form class="layui-form" action="">
42 <input type="text" name="title" required lay-verify="title" placeholder="请输权利人" 39 <div class="layui-form-item">
43 class="layui-input"> 40 <div class="layui-inline">
41 <label class="layui-form-label">权利人</label>
42 <div class="layui-input-block">
43 <input type="text" name="title" required lay-verify="title" placeholder="请输权利人"
44 class="layui-input">
45 </div>
44 </div> 46 </div>
45 </div> 47 <div class="layui-inline">
46 <div class="layui-inline"> 48 <label class="layui-form-label">身份证</label>
47 <label class="layui-form-label">身份证</label> 49 <div class="layui-input-block">
48 <div class="layui-input-block"> 50 <input type="text" name="idcard" required lay-verify="identity" placeholder="请输身份证"
49 <input type="text" name="idcard" required lay-verify="identity" placeholder="请输身份证" 51 class="layui-input">
50 class="layui-input"> 52 </div>
51 </div> 53 </div>
52 </div> 54 </div>
53 </div> 55
54 56 <div class="layui-form-item record_con">
55 <div class="layui-form-item record_con"> 57 <label class="layui-form-label">合同备案号</label>
56 <label class="layui-form-label">合同备案号</label> 58 <div class="layui-input-block record">
57 <div class="layui-input-block record"> 59 <input type="text" name="record" required lay-verify="record" placeholder="请输合同备案号"
58 <input type="text" name="record" required lay-verify="record" placeholder="请输合同备案号" 60 class="layui-input">
59 class="layui-input">
60 </div>
61 </div>
62
63 <div class="layui-form-item submitbutton_con">
64 <div class="layui-input-block submitbutton">
65 <button type="reset" class="layui-btn layui-btn-primary reset">重 置</button>
66 <button type="submit" class="layui-btn layui-btn-normal submit" lay-submit="" lay-filter="demo1">查
67 询</button>
68 </div>
69 </div>
70 </form>
71 </div>
72 <div class="seach_result">
73 <!-- <div class="no_data">暂无数据</div> -->
74 <ul class="appointment_list">
75 <li>
76 <div class="item_content">
77 <div class="item_title overdue">
78 <h3>正常</h3>
79 <p>
80 查看
81 <i class="layui-icon layui-icon-right"></i>
82 </p>
83 </div> 61 </div>
84 <ul class="item_info">
85 <li>
86 <span>预约人：</span>
87 <p>任超</p>
88 </li>
89 <li>
90 <span>办事大厅：</span>
91 <p>米香园办事大厅</p>
92 </li>
93 <li>
94 <span>办理业务类型：</span>
95 <p>二手房交易</p>
96 <a href="">办事指南</a>
97 </li>
98 <li>
99 <span>预约日期：</span>
100 <p>2020-12-56 上午 16：13</p>
101 </li>
102 <li>
103 <span>预约流水号：</span>
104 <p>897987987987</p>
105 </li>
106 </ul>
107 <a class="cancel_reservation">取消预约</a>
108 </div> 62 </div>
109 </li> 63
110 <li> 64 <div class="layui-form-item submitbutton_con">
111 <div class="item_content"> 65 <div class="layui-input-block submitbutton">
112 <div class="item_title cancel"> 66 <button type="reset" class="layui-btn layui-btn-primary reset">重 置</button>
113 <h3>正常</h3> 67 <button type="submit" class="layui-btn layui-btn-normal submit" lay-submit="" lay-filter="demo1">查
114 <p> 68 询</button>
115 查看
116 <i class="layui-icon layui-icon-right"></i>
117 </p>
118 </div> 69 </div>
119 <ul class="item_info">
120 <li>
121 <span>预约人：</span>
122 <p>任超</p>
123 </li>
124 <li>
125 <span>办事大厅：</span>
126 <p>米香园办事大厅</p>
127 </li>
128 <li>
129 <span>办理业务类型：</span>
130 <p>二手房交易</p>
131 <a href="">办事指南</a>
132 </li>
133 <li>
134 <span>预约日期：</span>
135 <p>2020-12-56 上午 16：13</p>
136 </li>
137 <li>
138 <span>预约流水号：</span>
139 <p>897987987987</p>
140 </li>
141 </ul>
142 <a class="cancel_reservation">取消预约</a>
143 </div> 70 </div>
144 </li> 71 </form>
145 </ul>
146 <div class="next_button">
147 <button type="button" class="layui-btn layui-btn-normal">
148 <a href="./esf-tbxx.html">下一步</a>
149 </button>
150 </div> 72 </div>
151 </div> 73 </div>
152 </div> 74 </div>
153 </body> 75 </body>
154 <script type="text/javascript" src="../staticJs/common.js"></script> 76 <script type="text/javascript" src="../staticJs/common.js"></script>
155 <script type="text/javascript" src="../staticJs/down.js"></script> 77 <script type="text/javascript" src="../staticJs/down.js"></script>
156 <script type="text/javascript" src="../staticJs/bljy.js"></script> 78 <script type="text/javascript" src="../staticJs/esf-xxjy.js"></script>
157 <script id="progress" type="text/html"> 79 <script id="progress" type="text/html">
158 {{# layui.each(d.progressList, function(index, item){ }} 80 {{# layui.each(d.progressList, function(index, item){ }}
159 {{# if(item.stepState==2){ }} 81 {{# if(item.stepState==2){ }}
...@@ -168,7 +90,7 @@ ...@@ -168,7 +90,7 @@
168 {{# if(item.stepState==1){ }} 90 {{# if(item.stepState==1){ }}
169 <li class="item_proress"> 91 <li class="item_proress">
170 <p class="activeing"></p> 92 <p class="activeing"></p>
171 <h5>{{item.stepName}}</h5> 93 <h5 class="activeingtext">{{item.stepName}}</h5>
172 </li> 94 </li>
173 {{# if(index!=(d.progressList.length-1)){ }} 95 {{# if(index!=(d.progressList.length-1)){ }}
174 <li class="layui-progress"> 96 <li class="layui-progress">
......