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 228 additions and 299 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,158 +23,161 @@ ...@@ -23,158 +23,161 @@
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 <div class="progressBar"> 30
31 <ul class="app_progress" id="app_progress"> 31 <div class="content_area">
32 </ul> 32 <div class="progressBar">
33 </div> 33 <ul class="app_progress" id="app_progress">
34 <!-- 房屋信息 --> 34 </ul>
35 <div class="acceptance_information">
36 <h3>房屋信息</h3>
37 <ul>
38 <li>
39 <span>不动产单元号：</span>
40 <p>450101 450002 GB 00740W00000000</p>
41 </li>
42 <li>
43 <span>产权证号：</span>
44 <p>70205004005GB10030</p>
45 </li>
46 <li>
47 <span>坐落：</span>
48 <p>
49 XXX市(县)XXX街道(乡镇)XXX社区(村委会)XXX街(巷)xxx号XXXX楼XXX室
50 </p>
51 </li>
52 <li>
53 <span>面积：</span>
54 <p>526</p>
55 </li>
56 <li>
57 <span>合同备案号：</span>
58 <p>YS000000000001</p>
59 </li>
60 </ul>
61 </div>
62 <!-----------------卖方信息------------------ -->
63 <div class="person_info">
64 <div class="title">
65 <h3>卖方信息</h3>
66 </div> 35 </div>
67 <form class="layui-form"> 36 <!-- 房屋信息 -->
68 <div class="layui-form-item"> 37 <div class="acceptance_information">
69 <div class="layui-inline"> 38 <h3>房屋信息</h3>
70 <label class="layui-form-label">姓名</label> 39 <ul>
71 <div class="layui-input-block"> 40 <li>
72 <input type="text" name="name" required lay-verify="name" placeholder="请输权利人" 41 <span>不动产单元号：</span>
73 class="layui-input"> 42 <p>450101 450002 GB 00740W00000000</p>
43 </li>
44 <li>
45 <span>产权证号：</span>
46 <p>70205004005GB10030</p>
47 </li>
48 <li>
49 <span>坐落：</span>
50 <p>
51 XXX市(县)XXX街道(乡镇)XXX社区(村委会)XXX街(巷)xxx号XXXX楼XXX室
52 </p>
53 </li>
54 <li>
55 <span>面积：</span>
56 <p>526</p>
57 </li>
58 <li>
59 <span>合同备案号：</span>
60 <p>YS000000000001</p>
61 </li>
62 </ul>
63 </div>
64 <!-----------------卖方信息------------------ -->
65 <div class="person_info">
66 <div class="title">
67 <h3>卖方信息</h3>
68 </div>
69 <form class="layui-form">
70 <div class="layui-form-item">
71 <div class="layui-inline">
72 <label class="layui-form-label">姓名</label>
73 <div class="layui-input-block">
74 <input type="text" name="name" required lay-verify="name" placeholder="请输权利人"
75 class="layui-input">
76 </div>
74 </div> 77 </div>
75 </div> 78 <div class="layui-inline idCard">
76 <div class="layui-inline idCard"> 79 <label class="layui-form-label">身份证类型</label>
77 <label class="layui-form-label">身份证类型</label> 80 <div class="layui-input-block">
78 <div class="layui-input-block"> 81 <select lay-filter="typeId">
79 <select lay-filter="typeId"> 82 <option value="1">身份证</option>
80 <option value="1">身份证</option> 83 <option value="2">军官证</option>
81 <option value="2">军官证</option> 84 </select>
82 </select> 85 </div>
83 </div> 86 </div>
84 </div> 87 <div class="layui-inline">
85 <div class="layui-inline"> 88 <label class="layui-form-label">证件号码</label>
86 <label class="layui-form-label">证件号码</label> 89 <div class="layui-input-block">
87 <div class="layui-input-block"> 90 <input type="tel" name="card" maxlength="18" required lay-verify="card" placeholder="请输证件号码"
88 <input type="tel" name="card" maxlength="18" required lay-verify="card" placeholder="请输证件号码" 91 class="layui-input">
89 class="layui-input"> 92 </div>
90 </div> 93 </div>
94 <div class="layui-inline">
95 <label class="layui-form-label">联系方式</label>
96 <div class="layui-input-block">
97 <input type="tel" name="phone" maxlength="11" required lay-verify="phone"
98 placeholder="请输联系方式" class="layui-input">
99 </div>
100 </div><i class="layui-icon layui-icon-reduce-circle"></i>
91 </div> 101 </div>
92 <div class="layui-inline"> 102 </form>
93 <label class="layui-form-label">联系方式</label> 103 <div class="add_form layui-bg-gray">
94 <div class="layui-input-block"> 104 <i class="layui-icon layui-icon-addition"></i>
95 <input type="tel" name="phone" maxlength="11" required lay-verify="phone" 105 <p>添加个人信息</p>
96 placeholder="请输联系方式" class="layui-input">
97 </div>
98 </div><i class="layui-icon layui-icon-reduce-circle"></i>
99 </div> 106 </div>
100 </form>
101 <div class="add_form layui-bg-gray">
102 <i class="layui-icon layui-icon-addition"></i>
103 <p>添加个人信息</p>
104 </div> 107 </div>
105 </div> 108 <!-----------------资料上传------------------ -->
106 <!-----------------资料上传------------------ --> 109 <div class="data_upload">
107 <div class="data_upload"> 110 <h3>资料上传</h3>
108 <h3>资料上传</h3> 111 <div class="img_update">
109 <div class="img_update"> 112 <div class="fileBox">
110 <div class="fileBox"> 113 <div id="fileSpan" class="vm">
111 <div id="fileSpan" class="vm"> 114 <input type="file" multiple id="fileInput" />
112 <input type="file" multiple id="fileInput" /> 115 <div class="file_name">
113 <div class="file_name"> 116 <i class="layui-icon layui-icon-addition"></i>
114 <i class="layui-icon layui-icon-addition"></i> 117 <p>点击或拖拽文件上传</p>
115 <p>点击或拖拽文件上传</p> 118 <div class="certificate">登记申请书（2份）</div>
116 <div class="certificate">登记申请书（2份）</div> 119 <div class="fileListName"></div>
117 <div class="fileListName"></div> 120 </div>
118 </div> 121 </div>
119 </div> 122 </div>
123 <div class="fileList_parent">
124 <img src="../staticImages/dui.png">
125 <table width="150px" class="file_list">
126 <tbody class="fileList">
127 </table>
128 </div>
120 </div> 129 </div>
121 <div class="fileList_parent"> 130 <!-- 房屋所有权证书 -->
122 <img src="../staticImages/dui.png"> 131 <div class="img_update">
123 <table width="150px" class="file_list"> 132 <div class="fileBox">
124 <tbody class="fileList"> 133 <div id="fileSpan1" class="vm">
125 </table> 134 <input type="file" multiple id="fileInput1" />
126 </div> 135 <div class="file_name">
127 </div> 136 <i class="layui-icon layui-icon-addition"></i>
128 <!-- 房屋所有权证书 --> 137 <p>点击或拖拽文件上传</p>
129 <div class="img_update"> 138 <div class="certificate">房屋所有权证书（2份）</div>
130 <div class="fileBox"> 139 <div class="fileListName1"></div>
131 <div id="fileSpan1" class="vm"> 140 </div>
132 <input type="file" multiple id="fileInput1" />
133 <div class="file_name">
134 <i class="layui-icon layui-icon-addition"></i>
135 <p>点击或拖拽文件上传</p>
136 <div class="certificate">房屋所有权证书（2份）</div>
137 <div class="fileListName1"></div>
138 </div> 141 </div>
139 </div> 142 </div>
143 <div class="fileList_parent1">
144 <img src="../staticImages/dui.png">
145 <table width="150px" class="file_list">
146 <tbody class="fileList1">
147 </table>
148 </div>
140 </div> 149 </div>
141 <div class="fileList_parent1"> 150
142 <img src="../staticImages/dui.png"> 151 <!-- 询问笔录 -->
143 <table width="150px" class="file_list"> 152 <div class="img_update">
144 <tbody class="fileList1"> 153 <div class="fileBox">
145 </table> 154 <div id="fileSpan3" class="vm">
146 </div> 155 <input type="file" multiple id="fileInput3" />
147 </div> 156 <div class="file_name">
148 157 <i class="layui-icon layui-icon-addition"></i>
149 <!-- 询问笔录 --> 158 <p>点击或拖拽文件上传</p>
150 <div class="img_update"> 159 <div class="certificate">询问笔录(1)份</div>
151 <div class="fileBox"> 160 <div class="fileListName3"></div>
152 <div id="fileSpan3" class="vm"> 161 </div>
153 <input type="file" multiple id="fileInput3" /> 162 <a class="record">下载模板</a>
154 <div class="file_name">
155 <i class="layui-icon layui-icon-addition"></i>
156 <p>点击或拖拽文件上传</p>
157 <div class="certificate">询问笔录(1)份</div>
158 <div class="fileListName3"></div>
159 </div> 163 </div>
160 <a class="record">下载模板</a>
161 </div> 164 </div>
162 </div> 165 <div class="fileList_parent3">
163 <div class="fileList_parent3"> 166 <img src="../staticImages/dui.png">
164 <img src="../staticImages/dui.png"> 167 <table width="150px" class="file_list">
165 <table width="150px" class="file_list"> 168 <tbody class="fileList3">
166 <tbody class="fileList3"> 169 </table>
167 </table> 170 </div>
168 </div> 171 </div>
169 </div> 172 </div>
170 </div> 173 <!-- 领证方式 -->
171 <!-- 领证方式 --> 174 <div class="next_button">
172 <div class="next_button"> 175 <button type="button" lay-submit="" lay-filter="submit1" class="layui-btn layui-btn-normal">
173 <button type="button" lay-submit="" lay-filter="submit1" class="layui-btn layui-btn-normal"> 176 <a href="./wshs.html">
174 <a href="./wshs.html"> 177 下一步
175 下一步 178 </a>
176 </a> 179 </button>
177 </button> 180 </div>
178 </div> 181 </div>
179 </div> 182 </div>
180 </body> 183 </body>
...@@ -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,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">
......