Home Explore Help
Register Sign In
bulomakaka
/
ekexiu.app
Watch 2
Star 1
Fork 0
Code Issues 0 Pull Requests 0 Commits 897 Releases 0 Wiki
Browse Source

需求搜索以及关注收藏

luyanan 7 years ago
parent
f72302fda6
commit
cc5f782c64
4 changed files with 290 additions and 4 deletions
Split View Show Diff Stats
  1. 36 0
      app/html/needSearch.html
  2. 41 0
      app/html/needSearch_sub.html
  3. 62 4
      app/js/attentedList.js
  4. 151 0
      app/js/needSearch.js

+ 36 - 0
app/html/needSearch.html
View File 

@ -0,0 +1,36 @@
1 
<!doctype html>
2 
<html>
3 
	<head>
4 
		<meta charset="UTF-8">
5 
		<title>需求搜索</title>
6 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
7 
		<link href="../css/mui.min.css" rel="stylesheet" />
8 
		<link href="../css/iconfont.css" rel="stylesheet" />
9 
		<link href="../css/app.css" rel="stylesheet" />
10 
	</head>
11
12 
	<body>
13 
		<header class="mui-bar mui-bar-nav toptitbox">
14 
		    <a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left topback"></a>
15 
		    <h1 class="mui-title toptit">需求搜索</h1>
16 
		</header>
17 
		<div class="mui-content"></div>
18
19 
		<script src="../js/public/mui.min.js"></script>
20 
		<script src="../js/public/base.js"></script>
21 
		<script type="text/javascript">
22 
			//启用双击监听
23 
			mui.init({
24 
				subpages:[{
25 
					url:'needSearch_sub.html',
26 
					id:'needSearch_sub.html',
27 
					styles:{
28 
						top: '44px',
29 
						bottom: '0px',
30 
					}
31 
				}]
32 
			});
33 
		</script>
34 
	</body>
35
36 
</html>

+ 41 - 0
app/html/needSearch_sub.html
View File 

@ -0,0 +1,41 @@
1 
<!doctype html>
2 
<html>
3 
	<head>
4 
		<meta charset="UTF-8">
5 
		<title>需求搜索</title>
6 
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
7 
		<link href="../css/mui.min.css" rel="stylesheet" />
8 
		<link href="../css/iconfont.css" rel="stylesheet" />
9 
		<link href="../css/app.css" rel="stylesheet" />
10 
	</head>
11
12 
	<body>
13 
		<div class="mui-content mui-scroll-wrapper" id="pullrefresh">
14 
		 	<div class="mui-scroll">
15 
				<div class="infocon madiaBlock needList">
16 
					<ul class="mui-table-view" id="demandList">
17 
						<!--<li class="mui-table-view-cell">
18 
							<div class="madiaInfo">
19 
								<p class="h1Font mui-ellipsis-2">需求主题寻求一名斯特林热机技术顾问需求主题寻求一名斯特林热机技术顾问需求主题寻求一名斯特林热机技术顾问</p>
20 
								<p class="h2Font mui-ellipsis-5">需求内容：我们是一家医疗器械公司，主要生产健康理疗类的电子产品，目前希望对护膝、护腰类的产品进行改进，
21 
									想先找一位有资深设计经验的三维工业设计专家，通过三维建模的方式先设计出产品的三维模型，用于展示以及为后续生产做准备我们是一家医疗器械公司，主要生产健康理疗类的电子产品，目前希望对护膝、护腰类的产品进行改进，
22 
									想先找一位有资深设计经验的三维工业设计专家，通过三维建模的方式先设计出</p>
23 
								<div class="showli mui-ellipsis">
24 
									<span>北京市</span>
25 
									<span>预期 1个月内</span>
26 
									<span>预算 1万元以内</span>
27 
									<span>有效期至 8月17日</span>
28 
								</div>
29 
							</div>
30 
						</li>-->
31 
					</ul>
32 
				</div>
33 
			</div>
34 
		</div>
35
36 
		<script src="../js/public/mui.min.js"></script>
37 
		<script src="../js/public/base.js"></script>
38 
		<script src="../js/needSearch.js"></script>
39 
	</body>
40
41 
</html>

+ 62 - 4
app/js/attentedList.js
View File 

@ -31,7 +31,6 @@ mui.ready(function() {
31 31 
			plus.nativeUI.showWaiting();
32 32 
			plus.webview.create("../html/professorArticle.html", '../html/professorArticle.html', {}, {
33 33 
				articleId: id
34
35 34 
			});
36 35 
		})
37 36 
		mui("#likePer").on("tap", "li", function() {

@ -55,12 +54,21 @@ mui.ready(function() {
55 54 
				"cmpId": id
56 55 
			});
57 56 
		})
57 
		mui("#likeDemand").on("tap", "li", function() {
58 
			var id = this.getAttribute("data-id");
59 
			plus.nativeUI.showWaiting();
60 
			plus.webview.create("../html/needShow.html", 'needShow.html', {}, {
61 
				"demanid": id
62 
			});
63 
		})
64
58 65 
		getWatchCon(1,10,1)
59 66 
		getWatchCon(1,10,2)
60 67 
		getWatchCon(1,10,3)
61 68 
		getWatchCon(1,10,4)
62 69 
		getWatchCon(1,10,5)
63 70 
		getWatchCon(1,10,6)
71 
		getWatchCon(1,10,7)
64 72
65 73 
		//左滑及右滑
66 74 
		document.querySelector('#slider').addEventListener('slide', function(event) {

@ -77,6 +85,8 @@ mui.ready(function() {
77 85 
				getWatchCon(1,10,5)
78 86 
			}else if($this.innerHTML == "企业") {
79 87 
				getWatchCon(1,10,6)
88 
			}else if($this.innerHTML == "需求") {
89 
				getWatchCon(1,10,7)
80 90 
			}
81 91 
		});
82 92 
		//点击

@ -94,6 +104,8 @@ mui.ready(function() {
94 104 
				getWatchCon(1,10,5)
95 105 
			}else if($this.innerHTML == "企业") {
96 106 
				getWatchCon(1,10,6)
107 
			}else if($this.innerHTML == "需求") {
108 
				getWatchCon(1,10,7)
97 109 
			}
98 110 
		});
99 111 


@ -126,6 +138,8 @@ mui.ready(function() {
126 138 
							detailPer(datalist);
127 139 
						}else if(num==6){
128 140 
							detailCmp(datalist);
141 
						}else if(num==7){
142 
							detailDemand(datalist);
129 143 
						}
130 144 
					}else{
131 145 
						if(num==1){

@ -139,9 +153,9 @@ mui.ready(function() {
139 153 
						}else if(num==5){
140 154 
							document.getElementById("likePer").nextSibling.classList.remove("displayNone");
141 155 
						}else if(num==6){
142 
							//alert(JSON.stringify(data))
143 156 
							document.getElementById("likeCmp").nextSibling.classList.remove("displayNone");
144
157 
						}else if(num==7){
158 
							document.getElementById("likeDemand").nextSibling.classList.remove("displayNone");
145 159 
						}
146 160 
					}
147 161 
				},

@ -408,6 +422,50 @@ mui.ready(function() {
408 422
409 423 
			}
410 424 
		}
411
425
426 
		function detailDemand(datalist) {
427 
			document.getElementById("likeDemand").innerHTML="";
428 
			var arr=[];
429 
			for(var i in datalist) {
430 
				arr[i]=datalist[i].watchObject;
431 
			}
432 
			mui.ajax(baseUrl+"/ajax/demand/qm",{
433 
				data: {
434 
					id:arr,
435 
				},
436 
				dataType: 'json', //数据格式类型
437 
				type: 'get', //http请求类型
438 
				traditional: true,
439 
				success: function(data) {
440 
					if(data.success && data.data != "") {
441 
						var $data=data.data;
442 
						for(var i = 0; i < $data.length; i++) {
443 
							var li = document.createElement("li");
444
445 
							li.setAttribute("data-id",$data[i].id);
446 
							li.className = "mui-table-view-cell flexCenter OflexCenter";
447 
							var sowU="";
448 
							if($data[i].pageViews!=0){
449 
								sowU='<span>浏览量 '+$data[i].pageViews+'</span>'
450 
							}
451 
							var strCon='';
452 
							strCon+='<div class="madiaInfo">'
453 
							strCon+='<p class="h1Font mui-ellipsis-2">'+ $data[i].title +'</p>'
454 
							strCon+='<div class="showli mui-ellipsis">'
455 
							strCon+='<span>发布于 '+TimeTr($data[i].createTime)+'</span>'+ sowU
456 
							strCon+='<span class="creator"></span>'
457 
							strCon+='</div></div>'
458
459 
							li.innerHTML = strCon
460 
							document.getElementById("likeDemand").appendChild(li);
461
462 
						}
463 
					}
464 
				},
465 
				error:  function() {
466 
					plus.nativeUI.toast("服务器链接超时", toastStyle);
467 
				}
468 
			});
469 
		}
412 470 
	})
413 471 
});

+ 151 - 0
app/js/needSearch.js
View File 

@ -0,0 +1,151 @@
1 
mui.init({
2 
	pullRefresh: {
3 
		container: '#pullrefresh',
4 
		up: {
5 
			height: 50,
6 
			contentrefresh: '正在加载...',
7 
			callback: pullupRefresh
8 
		},
9 
		down: {
10 
			auto:true,
11 
			callback: pulldownRefresh
12 
		}
13 
	}
14 
});
15 
var Num=1;
16 
function pullupRefresh() {
17 
	setTimeout(function() {
18 
		Num = ++Num;
19 
		demandList(5,Num);
20 
		mui('#pullrefresh').pullRefresh().endPullupToRefresh();
21 
	}, 1500);
22
23 
}
24 
function pulldownRefresh() {
25 
	setTimeout(function() {
26 
		demandOnePase();
27 
		mui('#pullrefresh').pullRefresh().endPulldownToRefresh();
28 
	}, 1500);
29 
}
30 
mui.plusReady(function() {
31 
	mui("#demandList").on("tap", "li", function() {
32 
		var oDemandId = this.getAttribute("data-id");
33 
		plus.nativeUI.showWaiting();
34 
		plus.webview.create("../html/needShow.html", 'needShow.html', {}, {
35 
			demanid: oDemandId
36 
		});
37 
	})
38 
})
39
40
41 
/*需求列表*/
42 
function demandList(pageSize, pageNo) {
43 
	mui.plusReady(function() {
44 
		mui.ajax(baseUrl+"/ajax/demand/search",{
45 
			type: "GET",
46 
			timeout: 10000,
47 
			dataType: "json",
48 
			traditional:true,
49 
			data: {
50 
				"state":"1",
51 
				"pageNo": pageNo,
52 
				"pageSize":pageSize
53 
			},
54 
			success: function(data) {
55 
				if(data.success) {
56 
					var ws=plus.webview.getWebviewById("../html/needSearch.html");
57 
					plus.nativeUI.closeWaiting();
58 
					ws.show("slide-in-right", 150);
59 
					if(pageNo==1) {
60 
						document.getElementById("demandList").innerHTML="";
61 
					}
62 
					if(pageNo!=data.data.pageNo) {
63 
						data.data.data=[];
64 
					}
65 
					var $info = data.data.data;
66 
					console.log(JSON.stringify(data))
67 
					if($info.length > 0){
68 
						for(var i = 0; i < $info.length; i++) {
69 
							var liStr=document.createElement("li");
70 
							liStr.className="mui-table-view-cell";
71 
							liStr.setAttribute( "data-id",$info[i].id);
72 
							document.getElementById("demandList").appendChild(liStr);
73 
							demandHtml($info[i],liStr);
74 
						}
75 
					}
76 
					if(pageNo < Math.ceil(data.data.total / data.data.pageSize)) {
77 
						mui('#pullrefresh').pullRefresh().endPullupToRefresh(false); /*能上拉*/
78 
					} else {
79 
						mui('#pullrefresh').pullRefresh().endPullupToRefresh(true); /*不能上拉*/
80 
					}
81 
				}
82 
			},
83 
			error: function() {
84 
				plus.nativeUI.toast("服务器链接超时", toastStyle);
85 
				mui('#pullrefresh').pullRefresh().endPullupToRefresh(true);
86 
				return;
87 
			}
88 
		})
89 
	})
90 
}
91 
function demandOnePase() {
92 
	mui.plusReady(function() {
93 
		Num=1;
94 
		mui.ajax(baseUrl+"/ajax/demand/search",{
95 
			type: "GET",
96 
			timeout: 10000,
97 
			dataType: "json",
98 
			traditional:true,
99 
			data: {
100 
				"state":"1",
101 
				"pageNo": 1,
102 
				"pageSize":5
103 
			},
104 
			success: function(data) {
105 
				if(data.success) {
106 
					mui('#pullrefresh').pullRefresh().refresh(true);
107 
					var ws=plus.webview.getWebviewById("../html/needSearch.html");
108 
					plus.nativeUI.closeWaiting();
109 
					ws.show("slide-in-right", 150);
110 
					document.getElementById("demandList").innerHTML="";
111 
					var $info = data.data.data;
112 
					if($info.length > 0){
113 
						for(var i = 0; i < $info.length; i++) {
114 
							var liStr=document.createElement("li");
115 
							liStr.className="mui-table-view-cell";
116 
							liStr.setAttribute( "data-id",$info[i].id);
117 
							document.getElementById("demandList").appendChild(liStr);
118 
							demandHtml($info[i],liStr);
119 
						}
120 
					}
121 
					if(1 < Math.ceil(data.data.total / data.data.pageSize)) {
122 
						mui('#pullrefresh').pullRefresh().endPullupToRefresh(false); /*能上拉*/
123 
					} else {
124 
						mui('#pullrefresh').pullRefresh().endPullupToRefresh(true); /*不能上拉*/
125 
					}
126 
				}
127 
			},
128 
			error: function() {
129 
				plus.nativeUI.toast("服务器链接超时", toastStyle);
130 
				return;
131 
			}
132 
		})
133 
	})
134 
}
135 
function demandHtml($data,liStr) {
136 
	var strCon='';
137 
		strCon+='<div class="madiaInfo">'
138 
		strCon+='<p class="h1Font mui-ellipsis-2">'+ $data.title +'</p>'
139 
		strCon+='<p class="h2Font mui-ellipsis-5">'+ $data.descp +'</p>'
140 
		strCon+='<div class="showli mui-ellipsis">'
141
142 
		if($data.city){ strCon+='<span>'+$data.city+'</span>' }
143 
		if($data.duration!=0){ strCon+='<span>预期：'+demandDuration[$data.duration]+'</span>' }
144 
		if($data.cost!=0){ strCon+='<span>预算：'+demandCost[$data.cost]+'</span>' }
145 
		if($data.invalidDay){ strCon+='<span>有效期至：'+TimeTr($data.invalidDay)+'</span>' }
146
147 
		strCon+='</div></div>'
148 
	liStr.innerHTML=strCon;
149 
}
150
151