xiuli.gao 6 years ago
parent
commit
9f9983a90c

+ 37 - 22
fund_h5_01/choose_city.html

6
     <title>选择城市</title>
6
     <title>选择城市</title>
7
     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
7
     <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
8
     <link rel="stylesheet" href="./css/reset.css?vv=10">
8
     <link rel="stylesheet" href="./css/reset.css?vv=10">
9
-    <link rel="stylesheet" href="./css/choose_city.css?vv=12">
9
+    <link rel="stylesheet" href="./css/choose_city.css?vv=13">
10
+    <link rel="stylesheet" href="./css/choice_city.css?v=10">
10
     <script src="./js/jquery.min.js"></script>
11
     <script src="./js/jquery.min.js"></script>
11
     <div style="display: none;">
12
     <div style="display: none;">
12
     	<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1274146775'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s13.cnzz.com/z_stat.php%3Fid%3D1274146775' type='text/javascript'%3E%3C/script%3E"));</script>
13
     	<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1274146775'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s13.cnzz.com/z_stat.php%3Fid%3D1274146775' type='text/javascript'%3E%3C/script%3E"));</script>
23
 
24
 
24
 <body style='display: none;'>
25
 <body style='display: none;'>
25
 	<div id="allmap"></div>
26
 	<div id="allmap"></div>
26
-	
27
     <nav>
27
     <nav>
28
         <i id='back'></i>
28
         <i id='back'></i>
29
         <p>选择城市</p>
29
         <p>选择城市</p>
30
     </nav>
30
     </nav>
31
     <div class="searchBox">
31
     <div class="searchBox">
32
-	    <div class="search">
32
+	    <div class="search" id="search">
33
 	    	<i></i>
33
 	    	<i></i>
34
-	    	<input type="text" onclick="searchCity()" placeholder="请输入城市名称" />
34
+	    	<input type="text" placeholder="请输入城市名称" />
35
+	    	<em onclick="deleteSearch()"></em>
35
 	    </div>
36
 	    </div>
36
     </div>
37
     </div>
37
-    <div class="current-city-wrapper" id="top">
38
-        <p>当前定位城市</p>
39
-        <div class="current-city">
40
-        	 <!--<i></i>-->
41
-            <span data-code='00111000'>北京</span>
42
-        </div>
38
+    <!--<div class="search">
39
+    	<i></i>
40
+    	<input type="text" placeholder="请输入城市名称"  autofocus="autofocus"/>
41
+    	
42
+    </div>-->
43
+	<div id="city_01">
44
+	    <div class="current-city-wrapper" id="top">
45
+	        <p>当前定位城市</p>
46
+	        <div class="current-city">
47
+	        	 <!--<i></i>-->
48
+	            <span data-code='00111000'>北京</span>
49
+	        </div>
50
+	    </div>
51
+	    <div class="city-list-wrapper">
52
+	        <div class="city-list-content">
53
+	            <div id="hot" class="city-list-hot-wrapper">
54
+	                <!-- 热门城市 -->
55
+	                <p>热门城市</p>
56
+	                <ul class="city-list-hot"></ul>
57
+	            </div>
58
+	            <div class="city-list">
59
+	                <!-- 城市列表 -->
60
+	            </div>
61
+	        </div>
62
+	    </div>
43
     </div>
63
     </div>
44
-    <div class="city-list-wrapper">
45
-        <div class="city-list-content">
46
-            <div id="hot" class="city-list-hot-wrapper">
47
-                <!-- 热门城市 -->
48
-                <p>热门城市</p>
49
-                <ul class="city-list-hot"></ul>
50
-            </div>
51
-            <div class="city-list">
52
-                <!-- 城市列表 -->
53
-            </div>
54
-        </div>
64
+    <div id="city_02">
65
+    	<div class="container">
66
+	    	<ul>
67
+	    	</ul>
68
+	    </div>
55
     </div>
69
     </div>
56
     <div class="alert-info" style="display: none;">
70
     <div class="alert-info" style="display: none;">
57
         <!-- tip提示,3s后消失 -->
71
         <!-- tip提示,3s后消失 -->
60
     <script src="./js/auto_size.js?vv=10"></script>
74
     <script src="./js/auto_size.js?vv=10"></script>
61
     <script src="./js/tips.js?vv=4"></script>
75
     <script src="./js/tips.js?vv=4"></script>
62
     <script src="./js/city_picker.js?vv=10"></script>
76
     <script src="./js/city_picker.js?vv=10"></script>
63
-    <script src="./js/choose_city.js?vv=11"></script>
77
+    <script src="./js/choose_city.js?vv=12"></script>
78
+    <script src="./js/choice_city.js?v=10"></script>
64
 </body>
79
 </body>
65
 
80
 
66
 </html>
81
 </html>

+ 16 - 44
fund_h5_01/css/choice_city.css

1
-html {
2
-    background-color: #F3F3F3;
3
-    font-size: 100px;
4
-}
5
-
6
-nav {
7
-    position: fixed;
8
-    top: 0;
9
-    left: 0;
10
-    z-index: 9999;
11
-    font-size: 0rem;
12
-    height: 0.44rem;
1
+/*search*/
2
+#city_02{
3
+    z-index: 9;
13
     width: 100%;
4
     width: 100%;
14
-    background-color: #5d7dff;
15
-}
16
-
17
-nav i {
18
-    display: inline-block;
19
-    width: 0.16rem;
20
-    height: 0.16rem;
21
-    line-height: 0.44rem;
22
-    margin-left: 0.1rem;
23
-    background-image: url(../img/back.png);
24
-    background-repeat: no-repeat;
25
-    background-size: 100% auto;
26
-}
27
-
28
-nav p {
29
-    display: inline-block;
30
-    width: 90%;
31
-    text-align: center;
32
-    line-height: 0.44rem;
33
-    color: #fff;
34
-    font-size: 0.17rem;
5
+    height: 100%;
6
+    background: #F3F3F3;
7
+    display: none;
35
 }
8
 }
36
-/*search*/
37
-.search{
9
+.search_02{
38
     height: 0.35rem;
10
     height: 0.35rem;
39
     margin: 0 0.1rem;
11
     margin: 0 0.1rem;
40
     margin-top: 0.1rem;
12
     margin-top: 0.1rem;
43
     display: flex;
15
     display: flex;
44
     align-items: center;
16
     align-items: center;
45
 }
17
 }
46
-.search i{
18
+.search_02 i{
47
 	display: inline-block;
19
 	display: inline-block;
48
     width: 0.17rem;
20
     width: 0.17rem;
49
     height: 0.17rem;
21
     height: 0.17rem;
51
     background-size:100% ;
23
     background-size:100% ;
52
     margin-left: 0.1rem;
24
     margin-left: 0.1rem;
53
 }
25
 }
54
-.search em{
26
+.search_02 em{
55
 	display: block;
27
 	display: block;
56
 	width: 0.17rem;
28
 	width: 0.17rem;
57
 	height: 0.17rem;
29
 	height: 0.17rem;
60
 	margin-right: 0.09rem;
32
 	margin-right: 0.09rem;
61
 	display: none;
33
 	display: none;
62
 }
34
 }
63
-.search input{
35
+.search_02 input{
64
 	border: none;
36
 	border: none;
65
     outline: none;
37
     outline: none;
66
     font-size: 0.16rem;
38
     font-size: 0.16rem;
68
     flex: 1;
40
     flex: 1;
69
     background: #F3F3F3;
41
     background: #F3F3F3;
70
 }
42
 }
71
-.container{
43
+#city_02 .container{
72
 	background: #FFFFFF;
44
 	background: #FFFFFF;
73
-	padding-top: 0.44rem;
45
+	margin-top: 1.18rem;
74
 }
46
 }
75
-.container ul {
47
+#city_02 .container ul {
76
 	padding-top: 0.1rem;
48
 	padding-top: 0.1rem;
77
 }
49
 }
78
-.container ul li{
50
+#city_02 .container ul li{
79
 	height: 0.52rem;
51
 	height: 0.52rem;
80
 	border-top: 0.01rem solid #D8D8D8;
52
 	border-top: 0.01rem solid #D8D8D8;
81
 	line-height: 0.52rem;
53
 	line-height: 0.52rem;
83
 	color: #222222;
55
 	color: #222222;
84
 	padding-left: 0.2rem;
56
 	padding-left: 0.2rem;
85
 }
57
 }
86
-.container ul li:nth-of-type(1){
58
+#city_02 .container ul li:nth-of-type(1){
87
 	border-top: none;
59
 	border-top: none;
88
 }
60
 }
89
-.container ul .searchActive{
61
+#city_02 .container ul .searchActive{
90
 	text-align: center;
62
 	text-align: center;
91
 	color: #D8D8D8;
63
 	color: #D8D8D8;
92
 	padding-left: 0;
64
 	padding-left: 0;

+ 1 - 1
fund_h5_01/css/choose_city.css

245
 	position: fixed;
245
 	position: fixed;
246
     width: 100%;
246
     width: 100%;
247
     top: 0.44rem;
247
     top: 0.44rem;
248
-    z-index: 2;
248
+    z-index: 10;
249
     padding-top:0.1rem ;
249
     padding-top:0.1rem ;
250
     background: #F3F3F3;
250
     background: #F3F3F3;
251
 }
251
 }

+ 13 - 1
fund_h5_01/css/query-help.css

1
 body{
1
 body{
2
 	background: #FFFFFF;
2
 	background: #FFFFFF;
3
-	padding: 0.2rem 0.23rem;
4
 	height: 100%;
3
 	height: 100%;
5
 }
4
 }
5
+#body{
6
+	padding: 0.2rem 0.23rem;
7
+}
6
 nav {
8
 nav {
7
     position: fixed;
9
     position: fixed;
8
     top: 0;
10
     top: 0;
98
     padding: 0 0.10rem;
100
     padding: 0 0.10rem;
99
     background-color: rgba(0, 0, 0, 0.7);
101
     background-color: rgba(0, 0, 0, 0.7);
100
     border-radius: 5px;
102
     border-radius: 5px;
103
+}
104
+.loan_recommendation{
105
+	padding-top: 0.3rem;
106
+}
107
+.mySwiper{
108
+	width: 100%;
109
+	height: 0.8rem;
110
+}
111
+.mySwiper img{
112
+	width: 100%;
101
 }
113
 }

+ 1 - 1
fund_h5_01/fund_h5_api.html

107
     </div>
107
     </div>
108
     <script src="./js/auto_size.js"></script>
108
     <script src="./js/auto_size.js"></script>
109
     <script src="./js/tips.js?v=2"></script>
109
     <script src="./js/tips.js?v=2"></script>
110
-    <script src="./js/fund_h5_api.js?v=19"></script>
110
+    <script src="./js/fund_h5_api.js?v=20"></script>
111
 </body>
111
 </body>
112
 
112
 
113
 </html>
113
 </html>

+ 36 - 13
fund_h5_01/js/choice_city.js

5
 if (qs.token) {
5
 if (qs.token) {
6
     token = qs.token;
6
     token = qs.token;
7
 }
7
 }
8
-
8
+console.log(token)
9
 //自动唤起键盘
9
 //自动唤起键盘
10
-$(".search input").trigger("click").focus()
10
+$("#search input").trigger("click").focus()
11
 
11
 
12
 //返回上一页
12
 //返回上一页
13
 $("nav #back").click(function () {
13
 $("nav #back").click(function () {
16
 
16
 
17
 
17
 
18
 function deleteSearch () {
18
 function deleteSearch () {
19
-	$(".search input").val("")
20
-	$(".container ul").html("")
19
+	$("#search input").val("")
20
+	$("#city_02 .container ul").html("");
21
+	$("#search").addClass("search");
22
+	$("#search").removeClass("search_02");
23
+	$(".searchBox").css({
24
+	    'padding-bottom': '0',
25
+		'background': '#f3f3f3'
26
+	})
27
+	$("#city_02").css("display",'none')
28
+	$("#city_01").css("display",'block')
21
 }
29
 }
22
 
30
 
23
 /**
31
 /**
24
  * [getLoginInfo 获取城市登录信息]
32
  * [getLoginInfo 获取城市登录信息]
25
  */
33
  */
26
 function getLoginInfo() {
34
 function getLoginInfo() {
27
-    var regionCode = $('.city-name').attr('data-code');
28
     $.ajax({
35
     $.ajax({
29
         type: "GET",
36
         type: "GET",
30
         url: BASEURL + '/city_list?type=fund&sort=true&token=' + token + '&time=' + Math.round(Date.now() / 1000),
37
         url: BASEURL + '/city_list?type=fund&sort=true&token=' + token + '&time=' + Math.round(Date.now() / 1000),
47
 	if (navigator.userAgent.indexOf("MSIE") != -1){
54
 	if (navigator.userAgent.indexOf("MSIE") != -1){
48
 	    bind_name = 'propertychange';
55
 	    bind_name = 'propertychange';
49
 	}
56
 	}
50
-	$(".search input").bind(bind_name, function(){
51
-		var searchName = $(".search input").val().trim();
57
+	$("#search input").bind(bind_name, function(){
58
+		var searchName = $("#search input").val().trim();
52
 		var html = '';
59
 		var html = '';
53
 		if(searchName != ""){
60
 		if(searchName != ""){
54
-			$(".search em").css("display","block")
61
+			$("#search").removeClass("search");
62
+			$("#search").addClass("search_02");
63
+			$(".searchBox").css({
64
+			    'padding-bottom': '0.2rem',
65
+    			'background': '#ffffff'
66
+			})
67
+			$("#city_02").css("display",'block')
68
+			$("#city_01").css("display",'none')
69
+			$("#search em").css("display","block")
55
 			for(key in cityInfo){
70
 			for(key in cityInfo){
56
 				if(key != "hot"){
71
 				if(key != "hot"){
57
 					cityInfo[key].forEach(function (item,index) {
72
 					cityInfo[key].forEach(function (item,index) {
64
 				}
79
 				}
65
 			}
80
 			}
66
 			if(html != ""){
81
 			if(html != ""){
67
-				$(".container ul").html(html)
82
+				$("#city_02 .container ul").html(html)
68
 			}else{
83
 			}else{
69
 				html += `<li class="searchActive">无结果</li>`;
84
 				html += `<li class="searchActive">无结果</li>`;
70
-				$(".container ul").html(html)
85
+				$("#city_02 .container ul").html(html)
71
 			}
86
 			}
72
 		}else{
87
 		}else{
73
-			$(".search em").css("display","none")
74
-			$(".container ul").html(html)
88
+			$("#search").addClass("search");
89
+			$("#search").removeClass("search_02");
90
+			$(".searchBox").css({
91
+			    'padding-bottom': '0',
92
+    			'background': '#f3f3f3'
93
+			})
94
+			$("#city_02").css("display",'none')
95
+			$("#city_01").css("display",'block')
96
+			$("#search em").css("display","none")
97
+			$("#city_02 .container ul").html(html)
75
 		}
98
 		}
76
 	}) 
99
 	}) 
77
-	$(".container ul").on("click", function(e) {
100
+	$("#city_02 .container ul").on("click", function(e) {
78
 	    var target = e.target;
101
 	    var target = e.target;
79
 	    if ($(target).is("li")) {
102
 	    if ($(target).is("li")) {
80
 	    	if($(target).attr("class") != "searchActive"){
103
 	    	if($(target).attr("class") != "searchActive"){

+ 0 - 5
fund_h5_01/js/choose_city.js

14
 checkToken();
14
 checkToken();
15
 
15
 
16
 
16
 
17
-
18
 $('#back').click(function() {
17
 $('#back').click(function() {
19
 // 	window.webkit.messageHandlers.PopRootMessageHandler.postMessage({name:"1"});
18
 // 	window.webkit.messageHandlers.PopRootMessageHandler.postMessage({name:"1"});
20
 	if (document.referrer.includes('fund_h5_api.html')) {
19
 	if (document.referrer.includes('fund_h5_api.html')) {
24
     }
23
     }
25
 });
24
 });
26
 
25
 
27
-//搜索
28
-function searchCity () {
29
-	window.location.href = "choice_city.html?token=" + token;
30
-}
31
 
26
 
32
 $('.current-city').click(function() {
27
 $('.current-city').click(function() {
33
 
28
 

+ 3 - 1
fund_h5_01/js/fund_h5_api.js

297
                 placeStr = '请输入账号';
297
                 placeStr = '请输入账号';
298
             } else if (loginField.name.includes('姓名')) {
298
             } else if (loginField.name.includes('姓名')) {
299
                 placeStr = '请输入姓名';
299
                 placeStr = '请输入姓名';
300
+            } else if (loginField.name.includes('登录名')) {
301
+                placeStr = '请输入登录名';
300
             } else if (loginField.name.includes('存折账号')) {
302
             } else if (loginField.name.includes('存折账号')) {
301
                 placeStr = '请输入存折账号';
303
                 placeStr = '请输入存折账号';
302
             } else if (loginField.name.includes('密码')) {
304
             } else if (loginField.name.includes('密码')) {
887
 //		var id = $(this).attr('data-id');
889
 //		var id = $(this).attr('data-id');
888
 //		var name = $(this).attr('data-name');
890
 //		var name = $(this).attr('data-name');
889
 //		extension_statistics(id,name)
891
 //		extension_statistics(id,name)
890
-		extension_statistics(328,"贷款")
892
+		extension_statistics(329,"贷款")
891
 	})
893
 	})
892
 }
894
 }

+ 27 - 0
fund_h5_01/js/queryHelp.js

28
     $(".goOfficialNetwork i").html(city_name)
28
     $(".goOfficialNetwork i").html(city_name)
29
     goBack()
29
     goBack()
30
     cituInfoData()
30
     cituInfoData()
31
+    loanClick();
31
 });
32
 });
32
 //nav返回上一页
33
 //nav返回上一页
33
 function goBack () {
34
 function goBack () {
98
 		}
99
 		}
99
 	});
100
 	});
100
 }
101
 }
102
+//推广统计的接口
103
+function extension_statistics (id,name) {
104
+	$.ajax({
105
+		type:"POST",
106
+		url: "/api/hot/getactivitylink",
107
+		data:{
108
+			'id': id
109
+		},
110
+		dataType:'json',
111
+		success: function (res) {
112
+			if(res.errno == 0 && res.rst){
113
+				var url = res.rst.link;
114
+				url = encodeURIComponent(url);
115
+				window.location.href='loan.html?url=' + url
116
+			}else{
117
+				showMsg(res.err)
118
+			}
119
+		}
120
+	});
121
+}
122
+
123
+function loanClick () {
124
+	$(".mySwiper").click(function () {
125
+		extension_statistics(329,"贷款")
126
+	})
127
+}

+ 3 - 0
fund_h5_01/loan.html

41
 	$().ready(function() {
41
 	$().ready(function() {
42
 	    if (qs.url) {
42
 	    if (qs.url) {
43
 	        goUrl = qs.url;
43
 	        goUrl = qs.url;
44
+	        goUrl = decodeURIComponent('http%3A%2F%2Fdai.cmcm.com%2Fapp%2Findex.html%3Ff%3D203');
45
+	        console.log(goUrl)
46
+	        
44
 	    }
47
 	    }
45
 	    if (qs.name) {
48
 	    if (qs.name) {
46
 	        name = qs.name;
49
 	        name = qs.name;

+ 23 - 15
fund_h5_01/queryHelp.html

5
 	    <title>查询帮助</title>
5
 	    <title>查询帮助</title>
6
 	    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
6
 	    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no" />
7
 	    <link rel="stylesheet" href="./css/reset.css?vv=10">
7
 	    <link rel="stylesheet" href="./css/reset.css?vv=10">
8
-	    <link rel="stylesheet" href="./css/query-help.css?vv=10">
8
+	    <link rel="stylesheet" href="./css/query-help.css?vv=11">
9
 	    <script src="./js/jquery.min.js"></script>
9
 	    <script src="./js/jquery.min.js"></script>
10
 	    <div style="display: none;">
10
 	    <div style="display: none;">
11
 	    	<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1274146775'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s13.cnzz.com/z_stat.php%3Fid%3D1274146775' type='text/javascript'%3E%3C/script%3E"));</script>
11
 	    	<script type="text/javascript">var cnzz_protocol = (("https:" == document.location.protocol) ? " https://" : " http://");document.write(unescape("%3Cspan id='cnzz_stat_icon_1274146775'%3E%3C/span%3E%3Cscript src='" + cnzz_protocol + "s13.cnzz.com/z_stat.php%3Fid%3D1274146775' type='text/javascript'%3E%3C/script%3E"));</script>
20
 	    </style>
20
 	    </style>
21
 	</head>
21
 	</head>
22
 	<body>
22
 	<body>
23
-		<nav>
24
-	        <i id='back'></i>
25
-	        <p>查询帮助</p>
26
-	    </nav>
27
-	    <input id="copy_1" type="text" readonly="true" value=""/>
28
-		<div id="copy_2"></div>
29
-	    <div class="content">
30
-	    	<div class="container"></div>
31
-	    	<div class="goGjj"></div>
32
-	    	<!--<h3 class="title">如何获取查询密码/公积金帐号</h3>
33
-	    	<p class="goOfficialNetwork">如果您还未在最新版,<i>北京</i>公积金官网主注册并设置相关信息;<span onclick="goZhuce()">立即前往 >></span></p>
34
-	    	<p class="goOfficialNetwork">注册完成后即可使用APP查询。</p>-->
35
-	    </div>
23
+		<div id="body">
24
+			<nav>
25
+		        <i id='back'></i>
26
+		        <p>查询帮助</p>
27
+		    </nav>
28
+		    <input id="copy_1" type="text" readonly="true" value=""/>
29
+			<div id="copy_2"></div>
30
+		    <div class="content">
31
+		    	<div class="container"></div>
32
+		    	<div class="goGjj"></div>
33
+		    	<!--<h3 class="title">如何获取查询密码/公积金帐号</h3>
34
+		    	<p class="goOfficialNetwork">如果您还未在最新版,<i>北京</i>公积金官网主注册并设置相关信息;<span onclick="goZhuce()">立即前往 >></span></p>
35
+		    	<p class="goOfficialNetwork">注册完成后即可使用APP查询。</p>-->
36
+		    </div>
37
+		</div>
38
+	     <!--贷款推荐位-->
39
+        <div class="loan_recommendation">
40
+        	<div class="mySwiper">
41
+        		<img src="img/banner@3x.png" />
42
+        	</div>
43
+        </div>
36
         <div class="alert-info" style="display: none;">
44
         <div class="alert-info" style="display: none;">
37
             <!-- tip提示,3s后消失 -->
45
             <!-- tip提示,3s后消失 -->
38
             <p></p>
46
             <p></p>
41
 </html>
49
 </html>
42
 <script src="./js/auto_size.js?vv=10"></script>
50
 <script src="./js/auto_size.js?vv=10"></script>
43
 <script src="./js/tips.js?vv=10"></script>
51
 <script src="./js/tips.js?vv=10"></script>
44
-<script type="text/javascript" src="js/queryHelp.js?vv=13"></script>
52
+<script type="text/javascript" src="js/queryHelp.js?vv=14"></script>