Skip to content

任超 / js.portalStaticPage

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

style:样式的修改

1 parent eb9d481a
Inline Side-by-side
Showing 3 changed files with 63 additions and 134 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 }
......
...@@ -23,10 +23,12 @@ ...@@ -23,10 +23,12 @@
23 </div> 23 </div>
24 </div> 24 </div>
25 <div class="content_box"> 25 <div class="content_box">
26 <div class="name_title layui-bg-gray"> 26 <div class="name_title">
27 <h2>转移类</h2> 27 <h2>转移类</h2>
28 <p> 二手房转移买卖登记（个人）</p> 28 <p> 二手房转移买卖登记（个人）</p>
29 </div> 29 </div>
30
31 <div class="content_area">
30 <div class="progressBar"> 32 <div class="progressBar">
31 <ul class="app_progress" id="app_progress"> 33 <ul class="app_progress" id="app_progress">
32 </ul> 34 </ul>
...@@ -177,6 +179,7 @@ ...@@ -177,6 +179,7 @@
177 </button> 179 </button>
178 </div> 180 </div>
179 </div> 181 </div>
182 </div>
180 </body> 183 </body>
181 <script type="text/javascript" src="../staticJs/common.js"></script> 184 <script type="text/javascript" src="../staticJs/common.js"></script>
182 <script type="text/javascript" src="../staticJs/down.js"></script> 185 <script type="text/javascript" src="../staticJs/down.js"></script>
...@@ -202,7 +205,7 @@ ...@@ -202,7 +205,7 @@
202 {{# if(item.stepState==1){ }} 205 {{# if(item.stepState==1){ }}
203 <li class="item_proress"> 206 <li class="item_proress">
204 <p class="activeing"></p> 207 <p class="activeing"></p>
205 <h5>{{item.stepName}}</h5> 208 <h5 class="activeingtext">{{item.stepName}}</h5>
206 </li> 209 </li>
207 {{# if(index!=(d.progressList.length-1)){ }} 210 {{# if(index!=(d.progressList.length-1)){ }}
208 <li class="layui-progress"> 211 <li class="layui-progress">
......
...@@ -17,15 +17,16 @@ ...@@ -17,15 +17,16 @@
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="content_area">
29 <div class="progressBar"> 30 <div class="progressBar">
30 <ul class="app_progress" id="app_progress"> 31 <ul class="app_progress" id="app_progress">
31 </ul> 32 </ul>
...@@ -69,91 +70,12 @@ ...@@ -69,91 +70,12 @@
69 </div> 70 </div>
70 </form> 71 </form>
71 </div> 72 </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>
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>
109 </li>
110 <li>
111 <div class="item_content">
112 <div class="item_title cancel">
113 <h3>正常</h3>
114 <p>
115 查看
116 <i class="layui-icon layui-icon-right"></i>
117 </p>
118 </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>
144 </li>
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>
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">
......