luyanan 7 years ago
parent
commit
c82e70fd0c
4 changed files with 276 additions and 129 deletions
  1. 71 2
      cmp-portal/cmp-needList.html
  2. 162 123
      cmp-portal/js/cmp-needList.js
  3. 7 2
      information.html
  4. 36 2
      userInforShow.html

+ 71 - 2
cmp-portal/cmp-needList.html

@ -31,7 +31,76 @@
31 31
	        		<li><a href="cmp-staffList.html">员工</a></li>
32 32
	        	</ul>
33 33
	        </div>
34
		    <div class="workcon workconG">
34
	        <div class="workcon workconG">
35
				<div class="workcontit"><a class="worksamlltit worksamlltitnow">企业需求</a></div>
36
				<div class="itemListBolck">
37
					<div class="form-item itemListCon">
38
						<div class="form-result aboutRes">
39
							<ul class="form-need" id="cmpneedList">
40
								<li>
41
									<a class="" target="_blank" href="">
42
										<div class="madiaInfo">
43
											<p class="h1Font ellipsisSty">对对对</p>
44
											<ul class="h2Font clearfix">
45
												<li><span>公开</span></li>
46
												<li><span>发布于 8月30日 13:16</span></li>
47
												<li><span>浏览量 8</span></li>
48
												<li><span>回复 0</span></li>
49
												<li><span>联系人  张三</span></li>
50
											</ul>
51
											<span class="draftLable">已于 5月19日 23:59 过期</span>
52
										</div>
53
									</a>
54
									<ul class="madiaEdit">
55
										<li><span class="closeThis">关闭</span></li>
56
									</ul>
57
								</li>
58
								<li>
59
									<a class="" target="_blank" href="">
60
										<div class="madiaInfo">
61
											<p class="h1Font ellipsisSty">对对对</p>
62
											<ul class="h2Font clearfix">
63
												<li><span>公开</span></li>
64
												<li><span>发布于 8月30日 13:16</span></li>
65
												<li><span>浏览量 8</span></li>
66
												<li><span>回复 0</span></li>
67
												<li><span>联系人  张三</span></li>
68
												<li><span class="draftLable">即将于 5月19日 23:59 过期</span></li>
69
											</ul>
70
										</div>
71
									</a>
72
									<ul class="madiaEdit">
73
										<li><span class="closeThis">关闭</span></li>
74
									</ul>
75
								</li>
76
								<li>
77
									<a class="" target="_blank" href="">
78
										<div class="madiaInfo">
79
											<p class="h1Font ellipsisSty">对对对</p>
80
											<ul class="h2Font clearfix">
81
												<li><span>关闭于 8月30日 13:16</span></li>
82
												<li><span>浏览量 8</span></li>
83
												<li><span>回复 0</span></li>
84
												<li><span>联系人  张三</span></li>
85
											</ul>
86
										</div>
87
									</a>
88
								</li>
89
							</ul>
90
							<div class="nodatabox displayNone" id="noneed">
91
						        <div class="nodata">
92
						            <div class="picbox picNull"></div>
93
						            <div class="txtbox">
94
						            	<p class="noContip"></p>
95
						            </div>
96
						        </div>
97
						    </div>
98
							<div class="tcdPageCode"></div>
99
						</div>
100
					</div>
101
				</div>
102
			</div>
103
		    <!--<div class="workcon workconG">
35 104
			    <div class="workcontit"><a class="worksamlltit worksamlltitnow">企业需求</a></div>
36 105
			    <div class="worksubcon clearfix">
37 106
			        <div class="workblock identityState" id="identityState" style="display:none">
@ -79,7 +148,7 @@
79 148
			        </div>
80 149
			    </div>
81 150
			
82
			</div>
151
			</div>-->
83 152
        </div>
84 153
	</div>
85 154
</div>

+ 162 - 123
cmp-portal/js/cmp-needList.js

@ -53,13 +53,17 @@ $(document).ready(function() {
53 53
					console.log(data);
54 54
					$("#demandList").html(" ");
55 55
					var $info = data.data.data;
56
					demandHtml($info);
56
					for(var i = 0; i < $info.length; i++) {
57
						var liStr=$("<li></li>").appendTo("#cmpneedList");
58
						demandHtml($info[i],liStr);
59
					}
57 60
					if($info.length != 0) {
58 61
						if(isbind == true) {
59 62
							$(".tcdPageCode").createPage({
60 63
								pageCount: Math.ceil(data.data.total / pageSize),
61 64
								current: data.data.data.pageNo,
62 65
								backFn: function(p) {
66
									$("#demandList").html(" ");
63 67
									demandList(false, 5, p, oDemandAim, oSortType);
64 68
								}
65 69
							});
@ -74,133 +78,168 @@ $(document).ready(function() {
74 78
		})
75 79
	}
76 80
	demandList(true, 5, 1, oDemandAim, oSortType);
77

78
	function demandHtml($data) {
79
		for(var i = 0; i < $data.length; i++) {
80
			var $obje = $data[i].professor;
81
			var personStr = personalInformation($obje);
82
			var demandAim = "技术咨询",
83
				demandType = "已关闭",
84
				demandStyle = "status-5";
85
			var oImg = "",
86
				oTime = "";
87
			if($data[i].demandAim == 2) {
88
				demandAim = "寻找资源"
89
			} else if($data[i].demandAim == 3) {
90
				demandAim = "其他需求"
91
			}
92
			if($data[i].demandStatus == 1) {
93
				demandType = "发布中";
94
				demandStyle = "status-4";
95
			}
96
			if($obje.hasHeadImage) {
97
				oImg = "/images/head/" + $obje.id + "_l.jpg";
98
			} else {
99
				oImg = "../images/default-photo.jpg"
100
			}
101

102
			oTime = $data[i]["createTime"].substr(0, 4) + "年" + $data[i].createTime.substr(4, 2) + "月" + $data[i].createTime.substr(6, 2) + "日" +
103
				$data[i].createTime.substr(8, 2) + ":" + $data[i].createTime.substr(10, 2);
104
			var oClass = autho($obje.authType, $obje.orgAuth, $obje.authStatus);
105
			var dataString = "<li class='workselectitem'>"
106
			dataString += "<div class='col-w-2'>"
107
			dataString += "<div class='workitimg userRadius'>"
108
			dataString += "<img class='headPhoto' src='" + oImg + "'  width='100%'>"
109
			dataString += "</div></div>"
110
			dataString += "<div class='col-w-10 needinfo'>"
111
			dataString += "<div class='workinfor worksitcon'>"
112
			dataString += "<h4><span class='h1Font'>" + $obje.name + "</span>"
113
			dataString += "<em class='authicon "+oClass.sty+"' title='"+oClass.title+"'></em></h4>"
114
			dataString += "<h6 class='h3Font'>" + personStr + "</h6>"
115
			dataString += "<h6 style='position:relative;'>"
116
			dataString += "<div class='titList'>需求主题:<em class='h4Font'>" + $data[i].demandTitle + "</em></div>"
117
			dataString += "<span class='lasttime rightTime'>" + oTime + "</span>"
118
			dataString += "<p class='rebackcon ellipsisSty-2'>" + $data[i].demandContent + "</p>"
119
			dataString += "</h6></div>"
120
			dataString += "<div class='workhandle'>"
121
			dataString += "<div class='rightopert floatR'>"
122
			dataString += "<span class='replybtn' demanid='" + $data[i].demandId + "'>查看</span></div>"
123
			dataString += "<div class='leftstate floatR'>"
124
			dataString += "<span class='coultstate " + demandStyle + "'><i>" + demandType + "</i></span></div>"
125
			dataString += "<div class='leftstate floatR'>"
126
			dataString += "<span class='coultstate coulstAim status-4'><i>" + demandAim + "</i></span></div></div></div></li>"
127
			$("#demandList").append(dataString);
128
		}
129
	}
130

131
/*职位职称所在机构,部门,地址等等*/
132
function personalInformation($person) {
133
	var arr1 = [$person.title, $person.office, $person.department, $person.orgName, $person.address];
134
	var arr = new Array();
135
	var arr2 = new Array();
136
	var n = 0;
137
	for(var i = 0; i < arr1.length; i++) {
138
		if(arr1[i]) {
139
			arr.push(arr1[i]);
140
			if(arr1[i] == arr1[arr1.length - 1]) {
141
				n = 1;
142
			}
81
	function demandHtml($data,liStr) {
82
		var statusStr='';
83
		var sowU="";
84
		if($data.pageViews!=0){
85
			sowU='<li><span>浏览量 '+$data.pageViews+'</span></li>'
143 86
		}
144
	}
145
	if(n == 1) {
146
		for(var i = 0; i < arr.length - 1; i++) {
147
			arr2.push(arr[i]);
87
		var statusU="";
88
//		if(){
89
//			statusU='<li><span class="draftLable">即将于 '+TimeTr($data.createTime)+'过期</span></li>'
90
//		}else if(){
91
//			statusU='<li><span class="draftLable">已于 '+TimeTr($data.createTime)+'过期</span></li>'
92
//		}else if(){
93
//			statusU='<li><span">已于 '+TimeTr($data.createTime)+'关闭</span></li>'
94
//		}else if(){
95
//			statusU='<li><span">已于 '+TimeTr($data.createTime)+'完成</span></li>'
96
//		}
97
		var closStr='';
98
		if($data.demandStatus==1){
99
			closStr += '<ul class="madiaEdit"><li><span class="closeThis">关闭</span></li></ul>'
148 100
		}
149
		return arr2.join() + " | " + arr[arr.length - 1];
150
	} else {
151
		return arr.join();
101
		var strCon='';
102
			strCon+='<a class="" target="_blank" href=""><div class="madiaInfo">'
103
			strCon+='<p class="h1Font ellipsisSty">'+ $data.demandTitle +'</p>'
104
			strCon+='<ul class="h2Font clearfix">'
105
//			strCon+='<li><span>公开</span></li>'
106
			strCon+='<li><span>发布于 '+TimeTr($data.createTime)+'</span></li>'
107
			strCon+= sowU
108
//			strCon+='<li><span>回复 0</span></li>'
109
			strCon+='<li><span>联系人 '+$data.professor.name+'</span></li>'
110
			strCon+= statusU
111
			strCon+='</ul>'
112
			strCon+='</div></a>'+closStr
113
			
114
		$(strCon).appendTo(liStr);								
152 115
	}
153 116

154
}
117
//	function demandHtml($data) {
118
//		for(var i = 0; i < $data.length; i++) {
119
//			var $obje = $data[i].professor;
120
//			var personStr = personalInformation($obje);
121
//			var demandAim = "技术咨询",
122
//				demandType = "已关闭",
123
//				demandStyle = "status-5";
124
//			var oImg = "",
125
//				oTime = "";
126
//			if($data[i].demandAim == 2) {
127
//				demandAim = "寻找资源"
128
//			} else if($data[i].demandAim == 3) {
129
//				demandAim = "其他需求"
130
//			}
131
//			if($data[i].demandStatus == 1) {
132
//				demandType = "发布中";
133
//				demandStyle = "status-4";
134
//			}
135
//			if($obje.hasHeadImage) {
136
//				oImg = "/images/head/" + $obje.id + "_l.jpg";
137
//			} else {
138
//				oImg = "../images/default-photo.jpg"
139
//			}
140
//
141
//			oTime = $data[i]["createTime"].substr(0, 4) + "年" + $data[i].createTime.substr(4, 2) + "月" + $data[i].createTime.substr(6, 2) + "日" +
142
//				$data[i].createTime.substr(8, 2) + ":" + $data[i].createTime.substr(10, 2);
143
//			var oClass = autho($obje.authType, $obje.orgAuth, $obje.authStatus);
144
//			var dataString = "<li class='workselectitem'>"
145
//			dataString += "<div class='col-w-2'>"
146
//			dataString += "<div class='workitimg userRadius'>"
147
//			dataString += "<img class='headPhoto' src='" + oImg + "'  width='100%'>"
148
//			dataString += "</div></div>"
149
//			dataString += "<div class='col-w-10 needinfo'>"
150
//			dataString += "<div class='workinfor worksitcon'>"
151
//			dataString += "<h4><span class='h1Font'>" + $obje.name + "</span>"
152
//			dataString += "<em class='authicon "+oClass.sty+"' title='"+oClass.title+"'></em></h4>"
153
//			dataString += "<h6 class='h3Font'>" + personStr + "</h6>"
154
//			dataString += "<h6 style='position:relative;'>"
155
//			dataString += "<div class='titList'>需求主题:<em class='h4Font'>" + $data[i].demandTitle + "</em></div>"
156
//			dataString += "<span class='lasttime rightTime'>" + oTime + "</span>"
157
//			dataString += "<p class='rebackcon ellipsisSty-2'>" + $data[i].demandContent + "</p>"
158
//			dataString += "</h6></div>"
159
//			dataString += "<div class='workhandle'>"
160
//			dataString += "<div class='rightopert floatR'>"
161
//			dataString += "<span class='replybtn' demanid='" + $data[i].demandId + "'>查看</span></div>"
162
//			dataString += "<div class='leftstate floatR'>"
163
//			dataString += "<span class='coultstate " + demandStyle + "'><i>" + demandType + "</i></span></div>"
164
//			dataString += "<div class='leftstate floatR'>"
165
//			dataString += "<span class='coultstate coulstAim status-4'><i>" + demandAim + "</i></span></div></div></div></li>"
166
//			$("#demandList").append(dataString);
167
//		}
168
//	}
169

170
/*职位职称所在机构,部门,地址等等*/
171
//function personalInformation($person) {
172
//	var arr1 = [$person.title, $person.office, $person.department, $person.orgName, $person.address];
173
//	var arr = new Array();
174
//	var arr2 = new Array();
175
//	var n = 0;
176
//	for(var i = 0; i < arr1.length; i++) {
177
//		if(arr1[i]) {
178
//			arr.push(arr1[i]);
179
//			if(arr1[i] == arr1[arr1.length - 1]) {
180
//				n = 1;
181
//			}
182
//		}
183
//	}
184
//	if(n == 1) {
185
//		for(var i = 0; i < arr.length - 1; i++) {
186
//			arr2.push(arr[i]);
187
//		}
188
//		return arr2.join() + " | " + arr[arr.length - 1];
189
//	} else {
190
//		return arr.join();
191
//	}
192
//
193
//}
155 194
/*检索排序*/
156
function selcet(i) {
157
	$(".selcet" + i).on('click', function(e) {
158
		var option = $(this).find(".option" + i);
159
		option.css("display", "block")
160
		var o_this = $(this);
161
		o_this.find("li").click(function() {
162
			o_this.find("li").removeClass("workcurrent");
163
			$(this).addClass("workcurrent");
164
			o_this.find("span").text($(this).text());
165
			option.css("display", "none");
166
			if($(this).text() == "发布中") {
167
				oDemandAim = 1;
168
				$(".tcdPageCode").remove();
169
				$("#shoudao").append('<div class="tcdPageCode"></div>');
170
				demandList(true, 5, 1, oDemandAim, oSortType);
171
			} else if($(this).text() == "已关闭") {
172
				oDemandAim = 0;
173
				$(".tcdPageCode").remove();
174
				$("#shoudao").append('<div class="tcdPageCode"></div>');
175
				demandList(true, 5, 1, oDemandAim, oSortType);
176
			} else if($(this).text() == "全部") {
177
				oDemandAim = "";
178
				$(".tcdPageCode").remove();
179
				$("#shoudao").append('<div class="tcdPageCode"></div>');
180
				demandList(true, 5, 1, oDemandAim, oSortType);
181
			} else if($(this).text() == "按最早发布时间排序") {
182
				oSortType = 1;
183
				$(".tcdPageCode").remove();
184
				$("#shoudao").append('<div class="tcdPageCode"></div>');
185
				demandList(true, 5, 1, oDemandAim, oSortType);
186
			} else if($(this).text() == "按最新发布时间排序") {
187
				oSortType = 0;
188
				$(".tcdPageCode").remove();
189
				$("#shoudao").append('<div class="tcdPageCode"></div>');
190
				demandList(true, 5, 1, oDemandAim, oSortType);
191
			}
192
			return false;
193
		});
194
		$("body").click(function(e) {
195
			if($(".option4")[0].style.display == "block" || $(".option3")[0].style.display == "block") {
196
				$(".option4")[0].style.display = "none";
197
				$(".option3")[0].style.display = "none";
198
			}
199
		});
200
		return false;
201
	})
202
}
203
selcet(3); selcet(4);
195
//function selcet(i) {
196
//	$(".selcet" + i).on('click', function(e) {
197
//		var option = $(this).find(".option" + i);
198
//		option.css("display", "block")
199
//		var o_this = $(this);
200
//		o_this.find("li").click(function() {
201
//			o_this.find("li").removeClass("workcurrent");
202
//			$(this).addClass("workcurrent");
203
//			o_this.find("span").text($(this).text());
204
//			option.css("display", "none");
205
//			if($(this).text() == "发布中") {
206
//				oDemandAim = 1;
207
//				$(".tcdPageCode").remove();
208
//				$("#shoudao").append('<div class="tcdPageCode"></div>');
209
//				demandList(true, 5, 1, oDemandAim, oSortType);
210
//			} else if($(this).text() == "已关闭") {
211
//				oDemandAim = 0;
212
//				$(".tcdPageCode").remove();
213
//				$("#shoudao").append('<div class="tcdPageCode"></div>');
214
//				demandList(true, 5, 1, oDemandAim, oSortType);
215
//			} else if($(this).text() == "全部") {
216
//				oDemandAim = "";
217
//				$(".tcdPageCode").remove();
218
//				$("#shoudao").append('<div class="tcdPageCode"></div>');
219
//				demandList(true, 5, 1, oDemandAim, oSortType);
220
//			} else if($(this).text() == "按最早发布时间排序") {
221
//				oSortType = 1;
222
//				$(".tcdPageCode").remove();
223
//				$("#shoudao").append('<div class="tcdPageCode"></div>');
224
//				demandList(true, 5, 1, oDemandAim, oSortType);
225
//			} else if($(this).text() == "按最新发布时间排序") {
226
//				oSortType = 0;
227
//				$(".tcdPageCode").remove();
228
//				$("#shoudao").append('<div class="tcdPageCode"></div>');
229
//				demandList(true, 5, 1, oDemandAim, oSortType);
230
//			}
231
//			return false;
232
//		});
233
//		$("body").click(function(e) {
234
//			if($(".option4")[0].style.display == "block" || $(".option3")[0].style.display == "block") {
235
//				$(".option4")[0].style.display = "none";
236
//				$(".option3")[0].style.display = "none";
237
//			}
238
//		});
239
//		return false;
240
//	})
241
//}
242
//selcet(3); selcet(4);
204 243
/*进入needSure.html*/
205 244
$("#demandList").on("click", ".replybtn", function() {
206 245
	var demand = $(this).attr("demanid");

+ 7 - 2
information.html

@ -269,12 +269,17 @@
269 269
			<div class="rightconBox floatR">
270 270
				<div class="conItem statisticsBox alignCenter clearfix">
271 271
					<div class="col-w-12">
272
						<a class="goarrow" target="_blank" href="" id="showMyself">查看我的主页<em></em></a>
272
						<a class="goarrow" target="_blank" id="showMyself">查看我的主页<em></em></a>
273 273
					</div>
274 274
				</div>
275 275
				<div class="conItem statisticsBox alignCenter clearfix">
276 276
					<div class="col-w-12">
277
						<p>发布资源、文章、专利、论文 </p>
277
						<a class="goarrow" target="_blank" href="">下载我的简历<em></em></a>
278
					</div>
279
				</div>
280
				<div class="conItem statisticsBox alignCenter clearfix" style="padding:30px 10px">
281
					<div class="col-w-12">
282
						<p>发布需求、资源、文章、专利、论文 </p>
278 283
						<a class="goarrow" target="_blank" href="workspaces.html">进入我的工作台<em></em></a>
279 284
					</div>
280 285
				</div>

+ 36 - 2
userInforShow.html

@ -10,7 +10,6 @@
10 10
<link href="css/bootstrap.min.css" rel="stylesheet">
11 11
<link type="text/css" href="css/common.css" rel="stylesheet">
12 12
<link type="text/css" href="css/popup.css" rel="stylesheet">
13
<!--<link type="text/css" href="css/workspace.css" rel="stylesheet">-->
14 13
<link type="text/css" href="css/genindex.css" rel="stylesheet">
15 14
<script type="text/javascript" src="js/jquery-1.11.1.js"></script>
16 15
</head>
@ -74,7 +73,7 @@
74 73
					<li>资料</li>
75 74
				</ul>
76 75
			</div>
77
			<div class="leftconBox floatL" style="padding-bottom: 40px;">
76
			<div class="leftconBox floatL">
78 77
				<div id="item1user" class="leftconItem">
79 78
					<!--无搜索结果-->
80 79
					<div class="nodatabox">
@ -85,6 +84,41 @@
85 84
				            </div>
86 85
				        </div>
87 86
				    </div>
87
				    <div class="coninfobox needinfobox">
88
						<div class="coninfocon form-item needList">
89
							<ul class="madiaInfo">
90
								<li>
91
									<a href="">
92
										<p class="h1Font ellipsisSty">需求主题寻求一名斯特林热机技术顾问</p>
93
										<p class="h3Font"><span>发布于 5月8日 18:00</span><span>浏览量 1000</span></p>
94
										<p class="h2Font ellipsisSty-2">我们是一家医疗器械公司,主要生产健康理疗类的电子产品,目前希望对护膝、护腰类的产品进行改进,
95
											想先找一位有资深设计经验的三维工业设计专家,通过三维建模的方式先设计出产品的三维模型,用于展示以及为后续生产做准备我们是一家医疗器械公司,主要生产健康理疗类的电子产品,目前希望对护膝、护腰类的产品进行改进,
96
											想先找一位有资深设计经验的三维工业设计专家,通过三维建模的方式先设计出</p>
97
										<ul class="showli clearfix h3Font">
98
											<li>所在城市:北京市</li>
99
											<li>预期时长:1个月内</li>
100
											<li>费用预算:1万元以内</li>
101
											<li>有效期至:8月17日</li>
102
										</ul>
103
									</a>
104
								</li>
105
								<li>
106
									<a href="">
107
										<p class="h1Font ellipsisSty">需求主题寻求一名斯特林热机技术顾问</p>
108
										<p class="h3Font"><span>发布于 5月8日 18:00</span><span>浏览量 1000</span></p>
109
										<p class="h2Font ellipsisSty-2">我们是一家医疗器械公司,主要生产健康理疗类的电子产品,目前希望对护膝、护腰类的产品进行改进,
110
											想先找一位有资深设计经验的三维工业设计专家,通过三维建模的方式先设计出产品的三维模型,用于展示以及为后续生产做准备...</p>
111
										<ul class="showli clearfix h3Font">
112
											<li>所在城市:北京市</li>
113
											<li>预期时长:1个月内</li>
114
											<li>费用预算:1万元以内</li>
115
											<li>有效期至:8月17日</li>
116
										</ul>
117
									</a>
118
								</li>
119
							</ul>
120
						</div>
121
					</div>
88 122
					<div class="coninfobox displayNone">
89 123
						<div class="coninfotit">个人简介</div>
90 124
						<div class="coninfocon" id="descpS">