Skip to content

任超 / js.portalStaticPage

Go to a project
Toggle navigation
Toggle navigation pinning
140dc654 by 任超
Options

style:查询

1 parent 9e6011fc
Inline Side-by-side
Showing 8 changed files with 199 additions and 132 deletions
...@@ -93,7 +93,7 @@ ...@@ -93,7 +93,7 @@
93 </a> 93 </a>
94 </li> 94 </li>
95 <li> 95 <li>
96 <a href="./staticViews/convenienceService/appointmentInquiry.html" title="预约查询"> 96 <a href="./staticViews/wdyy.html" title="预约查询">
97 <img src="./staticImages/yycx.png" alt="预约查询" /> 97 <img src="./staticImages/yycx.png" alt="预约查询" />
98 <h6>预约查询</h6> 98 <h6>预约查询</h6>
99 <p>快速查看网站提供分全部数据地信中心开展外业安全生产监控系培训工作</p> 99 <p>快速查看网站提供分全部数据地信中心开展外业安全生产监控系培训工作</p>
......
...@@ -476,3 +476,6 @@ div.footer .system_service ul li a:hover { ...@@ -476,3 +476,6 @@ div.footer .system_service ul li a:hover {
476 position: relative; 476 position: relative;
477 top: 18px; 477 top: 18px;
478 } 478 }
479 .marginTop20 {
480 margin-top: 20px;
481 }
...\ No newline at end of file ...\ No newline at end of file
......
...@@ -111,7 +111,7 @@ ...@@ -111,7 +111,7 @@
111 } 111 }
112 112
113 .verificationCode input { 113 .verificationCode input {
114 width: 182px; 114 width: 280px;
115 display: inline-block; 115 display: inline-block;
116 } 116 }
117 .query_criteria { 117 .query_criteria {
......
1 <!DOCTYPE html
2 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml">
4 <head>
5 <style>
6 </style>
7 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
8 <title>预约查询</title>
9 <script type="text/javascript" src="../../staticJs/head.js"></script>
10 <link rel="stylesheet" type="text/css" href="../../staticCss/convenienceService/businessInquiry.css">
11 </head>
12
13 <body>
14 <div class="businessInquiry">
15 <div class="navigation_crumbs">
16 <div class="contentBox">
17 <span class="layui-breadcrumb">
18 <a href="../../index.html" title="首页">首页</a>
19 <a title="预约查询"><cite>预约查询</cite></a>
20 </span>
21 </div>
22 </div>
23 <div class="informationService middleZoneHeight">
24 <div>
25 <span>申请人：</span>
26 <input type="text" name="" placeholder="请输入申请人" class="layui-input">
27 </div>
28 <div>
29 <span>证件种类：</span>
30 <select name="interest" lay-filter="" class="typesCertificates">
31 <option value="1">身份证</option>
32 </select>
33 </div>
34 <div>
35 <span>证件号码：</span>
36 <input type="text" name="" placeholder="请输入证件号码" class="layui-input">
37 </div>
38 <div>
39 <span>受理编号：</span>
40 <input type="text" name="" placeholder="请输入受理编号" class="layui-input">
41 </div>
42 <div>
43 <span>所属行政区：</span>
44 <input type="text" id="tree" lay-filter="tree" class="layui-input">
45 </div>
46 <button type="button" class="layui-btn layui-btn-normal">查询</button>
47 </div>
48 </div>
49 </body>
50 <script type="text/javascript" src="../../staticJs/down.js"></script>
51 <script type="text/javascript" src="../../staticJs/convenienceService/businessInquiry.js"></script>
52 </html>
...\ No newline at end of file ...\ No newline at end of file
1 <!DOCTYPE html 1 <!DOCTYPE html
2 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <html xmlns="http://www.w3.org/1999/xhtml">
4
5 <head> 4 <head>
6 <style> 5 <style>
7 </style> 6 </style>
...@@ -22,29 +21,58 @@ ...@@ -22,29 +21,58 @@
22 </div> 21 </div>
23 </div> 22 </div>
24 <div class="informationService middleZoneHeight"> 23 <div class="informationService middleZoneHeight">
25 <div> 24 <div class="selectCity">
26 <span>申请人：</span> 25 <h2 class="region_title">请先选择对应的区域</h2>
27 <input type="text" name="" placeholder="请输入申请人" class="layui-input"> 26 <form class="layui-form">
28 </div> 27 <h2 class="title">省</h2>
29 <div> 28 <div class="layui-inline layui-select-default" style="margin-right: 10px;">
30 <span>证件种类：</span> 29 <select name="province" class="Pselected" disabled data-area="陕西省"" lay-filter=" province">
31 <select name="interest" lay-filter="" class="typesCertificates"> 30 <option value="">选择省</option>
32 <option value="1">身份证</option> 31 </select>
32 </div>
33 <h2>市</h2>
34 <div class="layui-inline selected layui-select-default">
35 <select name="city" class="Cselected" disabled data-area="西安市" lay-filter="selectCity">
36 <option value="">选择市</option>
33 </select> 37 </select>
34 </div> 38 </div>
35 <div> 39 </form>
36 <span>证件号码：</span> 40 <div class="area_list_content">
37 <input type="text" name="" placeholder="请输入证件号码" class="layui-input"> 41 <h2>区</h2>
42 <ul class="area_list"></ul>
43 </div>
44 </div>
45 <h2 class="region_title">请输入查询信息</h2>
46 <ul class="personInfo">
47 <li>
48 <span>权利人：</span>
49 <p>任超</p>
50 </li>
51 <li>
52 <span>证件类型：</span>
53 <p>身份证</p>
54 </li>
55 <li>
56 <span>手机号：</span>
57 <p>187789798798</p>
58 <button type="button" name="button" class="verCode">点击获取验证码</button>
59 </li>
60 <li>
61 <span>身份证号：</span>
62 <p>610127879798</p>
63 </li>
64 </ul>
65 <div class="verificationCode">
66 <span>验证码：</span>
67 <input type="tel" placeholder="请输入验证码" class="layui-input">
38 </div> 68 </div>
39 <div> 69 <div class="verificationCode marginTop20">
40 <span>受理编号：</span> 70 <span>受理编号：</span>
41 <input type="text" name="" placeholder="请输入受理编号" class="layui-input"> 71 <input type="text" placeholder="请输入受理编号" class="layui-input">
42 </div> 72 </div>
43 <div> 73 <div class="submit_button">
44 <span>所属行政区：</span> 74 <button type="button" class="layui-btn layui-btn-normal">查看电子证照</button>
45 <input type="text" id="tree" lay-filter="tree" class="layui-input">
46 </div> 75 </div>
47 <button type="button" class="layui-btn layui-btn-normal">查询</button>
48 </div> 76 </div>
49 </div> 77 </div>
50 </body> 78 </body>
......
1 <!DOCTYPE html 1 <!DOCTYPE html
2 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <html xmlns="http://www.w3.org/1999/xhtml">
4
5 <head> 4 <head>
6 <style> 5 <style>
7 </style> 6 </style>
...@@ -10,7 +9,6 @@ ...@@ -10,7 +9,6 @@
10 <script type="text/javascript" src="../../staticJs/head.js"></script> 9 <script type="text/javascript" src="../../staticJs/head.js"></script>
11 <link rel="stylesheet" type="text/css" href="../../staticCss/convenienceService/businessInquiry.css"> 10 <link rel="stylesheet" type="text/css" href="../../staticCss/convenienceService/businessInquiry.css">
12 </head> 11 </head>
13
14 <body> 12 <body>
15 <div class="businessInquiry"> 13 <div class="businessInquiry">
16 <div class="navigation_crumbs"> 14 <div class="navigation_crumbs">
...@@ -22,29 +20,68 @@ ...@@ -22,29 +20,68 @@
22 </div> 20 </div>
23 </div> 21 </div>
24 <div class="informationService middleZoneHeight"> 22 <div class="informationService middleZoneHeight">
25 <div> 23 <div class="selectCity">
26 <span>申请人：</span> 24 <h2 class="region_title">请先选择对应的区域</h2>
27 <input type="text" name="" placeholder="请输入申请人" class="layui-input"> 25 <form class="layui-form">
28 </div> 26 <h2 class="title">省</h2>
29 <div> 27 <div class="layui-inline layui-select-default" style="margin-right: 10px;">
30 <span>证件种类：</span> 28 <select name="province" class="Pselected" disabled data-area="陕西省"" lay-filter=" province">
31 <select name="interest" lay-filter="" class="typesCertificates"> 29 <option value="">选择省</option>
32 <option value="1">身份证</option> 30 </select>
31 </div>
32 <h2>市</h2>
33 <div class="layui-inline selected layui-select-default">
34 <select name="city" class="Cselected" disabled data-area="西安市" lay-filter="selectCity">
35 <option value="">选择市</option>
33 </select> 36 </select>
34 </div> 37 </div>
35 <div> 38 </form>
36 <span>证件号码：</span> 39 <div class="area_list_content">
37 <input type="text" name="" placeholder="请输入证件号码" class="layui-input"> 40 <h2>区</h2>
41 <ul class="area_list"></ul>
42 </div>
43 </div>
44 <h2 class="region_title">请输入查询信息</h2>
45 <ul class="personInfo">
46 <li>
47 <span>权利人：</span>
48 <p>任超</p>
49 </li>
50 <li>
51 <span>证件类型：</span>
52 <p>身份证</p>
53 </li>
54 <li>
55 <span>手机号：</span>
56 <p>187789798798</p>
57 <button type="button" name="button" class="verCode">点击获取验证码</button>
58 </li>
59 <li>
60 <span>身份证号：</span>
61 <p>610127879798</p>
62 </li>
63 </ul>
64 <div class="verificationCode">
65 <span>验证码：</span>
66 <input type="tel" placeholder="请输入验证码" class="layui-input">
67 </div>
68 <div class="query_criteria">
69 <label class="layui-form-label query_criteria_title">不动产证书号：</label>
70 <div class="layui-input-inline">
71 <label class="layui-form-label">陕</label>
72 <input type="text" name="username" lay-verify="required" placeholder="请输入" autocomplete="off"
73 class="layui-input">
74 </div>
75 <p class="bdc_title">西安市不动产</p>
76 <div class="layui-input-inline">
77 <input type="text" name="username" lay-verify="required" class="layui-input">
78 <span>号</span>
38 </div> 79 </div>
39 <div>
40 <span>不动产权证号：</span>
41 <input type="text" name="" placeholder="请输入受理编号" class="layui-input">
42 </div> 80 </div>
43 <div> 81 <div class="examples">如：陕 (2019). 西安不动产第10</div>
44 <span>所属行政区：</span> 82 <div class="submit_button">
45 <input type="text" id="tree" lay-filter="tree" class="layui-input"> 83 <button type="button" class="layui-btn layui-btn-normal">查看电子证照</button>
46 </div> 84 </div>
47 <button type="button" class="layui-btn layui-btn-normal">查询</button>
48 </div> 85 </div>
49 </div> 86 </div>
50 </body> 87 </body>
......
1 <!DOCTYPE html 1 <!DOCTYPE html
2 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 2 PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
3 <html xmlns="http://www.w3.org/1999/xhtml"> 3 <html xmlns="http://www.w3.org/1999/xhtml">
4
5 <head> 4 <head>
6 <style> 5 <style>
7 </style> 6 </style>
...@@ -22,29 +21,58 @@ ...@@ -22,29 +21,58 @@
22 </div> 21 </div>
23 </div> 22 </div>
24 <div class="informationService middleZoneHeight"> 23 <div class="informationService middleZoneHeight">
25 <div> 24 <div class="selectCity">
26 <span>申请人：</span> 25 <h2 class="region_title">请先选择对应的区域</h2>
27 <input type="text" name="" placeholder="请输入申请人" class="layui-input"> 26 <form class="layui-form">
28 </div> 27 <h2 class="title">省</h2>
29 <div> 28 <div class="layui-inline layui-select-default" style="margin-right: 10px;">
30 <span>证件种类：</span> 29 <select name="province" class="Pselected" disabled data-area="陕西省"" lay-filter=" province">
31 <select name="interest" lay-filter="" class="typesCertificates"> 30 <option value="">选择省</option>
32 <option value="1">身份证</option> 31 </select>
32 </div>
33 <h2>市</h2>
34 <div class="layui-inline selected layui-select-default">
35 <select name="city" class="Cselected" disabled data-area="西安市" lay-filter="selectCity">
36 <option value="">选择市</option>
33 </select> 37 </select>
34 </div> 38 </div>
35 <div> 39 </form>
36 <span>证件号码：</span> 40 <div class="area_list_content">
37 <input type="text" name="" placeholder="请输入证件号码" class="layui-input"> 41 <h2>区</h2>
42 <ul class="area_list"></ul>
43 </div>
44 </div>
45 <h2 class="region_title">请输入查询信息</h2>
46 <ul class="personInfo">
47 <li>
48 <span>权利人：</span>
49 <p>任超</p>
50 </li>
51 <li>
52 <span>证件类型：</span>
53 <p>身份证</p>
54 </li>
55 <li>
56 <span>手机号：</span>
57 <p>187789798798</p>
58 <button type="button" name="button" class="verCode">点击获取验证码</button>
59 </li>
60 <li>
61 <span>身份证号：</span>
62 <p>610127879798</p>
63 </li>
64 </ul>
65 <div class="verificationCode">
66 <span>验证码：</span>
67 <input type="tel" placeholder="请输入验证码" class="layui-input">
38 </div> 68 </div>
39 <div> 69 <div class="verificationCode marginTop20">
40 <span>受理编号：</span> 70 <span>受理编号：</span>
41 <input type="text" name="" placeholder="请输入受理编号" class="layui-input"> 71 <input type="text" placeholder="请输入受理编号" class="layui-input">
42 </div> 72 </div>
43 <div> 73 <div class="submit_button">
44 <span>所属行政区：</span> 74 <button type="button" class="layui-btn layui-btn-normal">查看电子证照</button>
45 <input type="text" id="tree" lay-filter="tree" class="layui-input">
46 </div> 75 </div>
47 <button type="button" class="layui-btn layui-btn-normal">查询</button>
48 </div> 76 </div>
49 </div> 77 </div>
50 </body> 78 </body>
......
...@@ -21,39 +21,62 @@ ...@@ -21,39 +21,62 @@
21 </div> 21 </div>
22 </div> 22 </div>
23 <div class="informationService middleZoneHeight"> 23 <div class="informationService middleZoneHeight">
24 <div> 24 <div class="selectCity">
25 <span>买受人类型：</span> 25 <h2 class="region_title">请先选择对应的区域</h2>
26 <select name="interest" lay-filter="" class="typesCertificates"> 26 <form class="layui-form">
27 <option value="1">权利人</option> 27 <h2 class="title">省</h2>
28 <option value="2">义务人</option> 28 <div class="layui-inline layui-select-default" style="margin-right: 10px;">
29 <select name="province" class="Pselected" disabled data-area="陕西省"" lay-filter=" province">
30 <option value="">选择省</option>
29 </select> 31 </select>
30 </div> 32 </div>
31 <div> 33 <h2>市</h2>
32 <span>申请人：</span> 34 <div class="layui-inline selected layui-select-default">
33 <input type="text" name="" placeholder="请输入申请人" class="layui-input"> 35 <select name="city" class="Cselected" disabled data-area="西安市" lay-filter="selectCity">
34 </div> 36 <option value="">选择市</option>
35 <div>
36 <span>证件种类：</span>
37 <select name="interest" lay-filter="" class="typesCertificates">
38 <option value="1">身份证</option>
39 </select> 37 </select>
40 </div> 38 </div>
41 <div> 39 </form>
42 <span>证件号码：</span> 40 <div class="area_list_content">
43 <input type="text" name="" placeholder="请输入证件号码" class="layui-input"> 41 <h2>区</h2>
42 <ul class="area_list"></ul>
43 </div>
44 </div> 44 </div>
45 <div> 45 <h2 class="region_title">请输入查询信息</h2>
46 <ul class="personInfo">
47 <li>
48 <span>权利人：</span>
49 <p>任超</p>
50 </li>
51 <li>
52 <span>证件类型：</span>
53 <p>身份证</p>
54 </li>
55 <li>
56 <span>手机号：</span>
57 <p>187789798798</p>
58 <button type="button" name="button" class="verCode">点击获取验证码</button>
59 </li>
60 <li>
61 <span>身份证号：</span>
62 <p>610127879798</p>
63 </li>
64 </ul>
65 <div class="verificationCode">
66 <span>验证码：</span>
67 <input type="tel" placeholder="请输入验证码" class="layui-input">
68 </div>
69 <div class="verificationCode marginTop20">
46 <span>合同备案编号：</span> 70 <span>合同备案编号：</span>
47 <input type="text" name="" placeholder="请输入合同备案" class="layui-input"> 71 <input type="text" placeholder="合同备案编号" class="layui-input">
48 </div> 72 </div>
49 <div> 73 <div class="submit_button">
50 <span>所属行政区：</span> 74 <button type="button" class="layui-btn layui-btn-normal">查看电子证照</button>
51 <input type="text" id="tree" lay-filter="tree" class="layui-input">
52 </div> 75 </div>
53 <button type="button" class="layui-btn layui-btn-normal">查询</button>
54 </div> 76 </div>
55 </div> 77 </div>
56 </body> 78 </body>
57 <script type="text/javascript" src="../../staticJs/down.js"></script> 79 <script type="text/javascript" src="../../staticJs/down.js"></script>
58 <script type="text/javascript" src="../../staticJs/convenienceService/businessInquiry.js"></script> 80 <script type="text/javascript" src="../../staticJs/convenienceService/businessInquiry.js"></script>
81
59 </html> 82 </html>
...\ No newline at end of file ...\ No newline at end of file
......