Explorar el Código

添加需求 h5,企业和用户需求模块

luyanan %!s(int64=7) %!d(string=hace) años
padre
commit
17da2e1dc5
Se han modificado 7 ficheros con 169 adiciones y 45 borrados
  1. 1 1
      css/common.css
  2. 9 0
      css/share.css
  3. 1 0
      css/workspace.css
  4. 56 2
      e/c.html
  5. 17 12
      e/d.html
  6. 70 0
      e/p.html
  7. 15 30
      js/attention-list.js

+ 1 - 1
css/common.css

@ -45,7 +45,7 @@ input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #99
45 45
.displayBlock{display:block;}
46 46
.ellipsisSty {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
47 47
.ellipsisSty-2 { display: -webkit-box;max-height:42px;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word; -webkit-line-clamp:2;-webkit-box-orient: vertical;overflow: hidden;}
48

48
.ellipsisSty-5 { display: -webkit-box;max-height:120px;white-space: normal !important;text-overflow: ellipsis;word-wrap: break-word; -webkit-line-clamp:5;-webkit-box-orient: vertical;overflow: hidden;}
49 49
.alignCenter{text-align: center;}
50 50
/*默认/主题颜色*/
51 51
.mainColor{color:#ff9900;}

+ 9 - 0
css/share.css

@ -262,3 +262,12 @@ ul.mui-table-view>li:last-child:after{background: none;}
262 262
.invitebody2 .inforbox2 .topIn .chenggong{background-image:url(../images/share_icon_chenggong_nor@3x.png);}
263 263
.invitebody2 .inforbox ul{width: 280px;margin: auto;}
264 264
.invitebody2 .inforbox .rightcon{color: #cc8610;}
265
266
/*--------------新版需求相关--------------*/
267
.needList .madiaInfo{padding:0;}
268
.needList .madiaInfo .h1Font{font-size: 16px;margin-bottom: 10px;}
269
.infocon.madiaBlock.needList .h2Font{font-size: 14px;line-height:24px;margin: 4px 0;color: #666;}
270
.needList .madiaInfo .h3Font{font-size: 12px;color:#999;}
271
.infocon.madiaBlock.needList>ul>li{padding:15px;}
272
.showli{overflow: hidden;}
273
.showli>span{padding-right:10px;font-size: 12px;color:#999;}

+ 1 - 0
css/workspace.css

@ -400,3 +400,4 @@ border-color:#FF9900; color:#FFFFFF}
400 400
.resAreaCon .attentList{display: block;}
401 401
.resAreaCon .attentList li:hover{background:none;}
402 402
.resAreaCon .attentList li:after{left:86px;}*/
403
.showli>li{font-size: 14px;color: #888;margin: 6px 0;padding-right:16px;float:left;text-overflow:ellipsis;white-space: nowrap;overflow: hidden;}

+ 56 - 2
e/c.html

@ -31,6 +31,12 @@
31 31
				</div>		
32 32
			</div>
33 33
		</div>
34
		<div class="mainbox">
35
			<div class="infocon madiaBlock needList" style="border:none">
36
				<ul class="mui-table-view" id="showDemand">
37
				</ul>
38
			</div>
39
		</div>
34 40
		<div class="mainbox">
35 41
			<div class="infocontit clearfix" style="cursor: pointer;" id="goCmpBrief">企业介绍 <em></em></div>
36 42
			<div class="infocon">
@ -97,6 +103,7 @@ $(document).ready(function() {
97 103
	companyMessage(orgId);
98 104
	getArticel();
99 105
	getResource();
106
	getDemands();
100 107
	likeExperts();
101 108
	relevantarticalList();
102 109
	
@ -374,11 +381,58 @@ $(document).ready(function() {
374 381
				}
375 382
			},
376 383
			error: function() {
377
				plus.nativeUI.toast("服务器链接超时", toastStyle);
378
				return;
379 384
			}
380 385
		});
381 386
	}
387
	//获取需求
388
	function getDemands() {
389
		$.ajax({
390
			url: "/ajax/demand/pq",
391
			type: "GET",
392
			timeout: 10000,
393
			dataType: "json",
394
			data: {
395
				"state":'1',
396
				"oid":orgId,
397
			},
398
			success: function(data) {
399
				if(data.success) {
400
					document.getElementById("showDemand").innerHTML="";
401
					var $info = data.data.data;
402
					if($info.length > 0){
403
						for(var i = 0; i < $info.length; i++) {
404
							var liStr = document.createElement("li");
405
							liStr.setAttribute("data-id",$info[i].id);
406
							liStr.className = "mui-table-view-cell"
407
							document.getElementById("showDemand").appendChild(liStr);
408
							demandHtml($info[i],liStr);
409
						}
410
					}else{
411
						document.getElementById("showDemand").parentNode.parentNode.style.display="none";
412
					}
413
				}
414
			},
415
			error: function() {
416
			}
417
		})
418
	}
419
	function demandHtml($data,liStr) {
420
		var strCon='';
421
			strCon+='<a href="d.html?id='+$data.id+'" class="madiaInfo">'
422
			strCon+='<p class="h1Font ellipsisSty">'+ $data.title +'</p>'
423
			strCon+='<p class="h2Font ellipsisSty-5">'+$data.descp+'</p>'
424
			strCon+='<div class="showli mui-ellipsis">'
425
		
426
			if($data.city){ strCon+='<span>'+$data.city+'</span>' }
427
			if($data.duration!=0){ strCon+='<span>预期 '+demandDuration[$data.duration]+'</span>' }
428
			if($data.cost!=0){ strCon+='<span>预算 '+demandCost[$data.cost]+'</span>' }
429
			if($data.invalidDay){ strCon+='<span>有效期至 '+TimeTr($data.invalidDay)+'</span>' }
430
			
431
			strCon+='</div>'
432
			strCon+='</a>'
433
			
434
		liStr.innerHTML=strCon
435
	}
382 436
    
383 437
    //感兴趣
384 438
	function likeExperts(){

+ 17 - 12
e/d.html

@ -21,14 +21,19 @@
21 21
    		<div class="h1Font hWeight" id="demandTit"></div>
22 22
    		<div class="madiaBlock">
23 23
    			<ul class="mui-table-view noactiveTab infoBlock">
24
			        <li class="mui-table-view-cell" id="personAL">
25
			            <div class="flexCenter mui-clearfix">
26
			                <div class="madiaHead cmpHead2">
27
			                	<div class="boxBlock"><img class="boxBlockimg" id="companyImg" src="../images/default-icon.jpg"></div>
28
			                </div>
29
							<div class="madiaInfo">
30
								<p class="mui-ellipsis"><span class="h1Font mui-ellipsis" id="cmpname"></span><em class="authicon " id="QauthFlag"></em></p>
31
								<p class="h3Font" id="oTime"></p>
24
			        <li class="mui-table-view-cell">
25
			            <div class="flexCenter clearfix" id="personAL">
26
			            	<a id="personAL">
27
				                <div class="madiaHead cmpHead2">
28
				                	<div class="boxBlock"><img class="boxBlockimg" id="companyImg" src="../images/default-icon.jpg"></div>
29
				                </div>
30
								<div class="madiaInfo">
31
									<p class="ellipsisSty"><span class="h1Font ellipsisSty" id="cmpname"></span><em class="authicon " id="QauthFlag"></em></p>
32
									<p class="h3Font" id="oTime"></p>
33
								</div>
34
							</a>
35
							<div class="goSpan">
36
								<span class="attenSpan">关注</span>
32 37
							</div>
33 38
			            </div>
34 39
			        </li>
@ -68,10 +73,10 @@ $(document).ready(function() {
68 73
	getDemandinfo();
69 74
	pageViewsVal();
70 75
	
71
//	$("body").on("click",".seeMore,#goCmpBrief",function(){
72
//		location.href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app";
73
//		$(this).addClass("activeThis");
74
//	})
76
	$("body").on("click",".attenSpan",function(){
77
		location.href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app";
78
		$(this).addClass("activeThis");
79
	})
75 80
	$('#personAL').on('click', function() {
76 81
		var id = this.getAttribute("data-id");
77 82
		location.href="http://" + window.location.host + "/e/c.html?id=" + id;

+ 70 - 0
e/p.html

@ -27,6 +27,26 @@
27 27
				</div>		
28 28
			</div>
29 29
		</div>
30
		<div class="mainbox">
31
			<div class="infocon madiaBlock needList" style="border:none">
32
				<ul class="mui-table-view" id="showDemand">
33
					<!--<li class="mui-table-view-cell">
34
						<div class="madiaInfo">
35
							<p class="h1Font mui-ellipsis-2">需求主题寻求一名斯特林热机技术顾问需求主题寻求一名斯特林热机技术顾问需求主题寻求一名斯特林热机技术顾问</p>
36
							<p class="h2Font mui-ellipsis-5">需求内容:我们是一家医疗器械公司,主要生产健康理疗类的电子产品,目前希望对护膝、护腰类的产品进行改进,
37
								想先找一位有资深设计经验的三维工业设计专家,通过三维建模的方式先设计出产品的三维模型,用于展示以及为后续生产做准备我们是一家医疗器械公司,主要生产健康理疗类的电子产品,目前希望对护膝、护腰类的产品进行改进,
38
								想先找一位有资深设计经验的三维工业设计专家,通过三维建模的方式先设计出</p>
39
							<div class="showli mui-ellipsis">
40
								<span>北京市</span>
41
								<span>预期 1个月内</span>
42
								<span>预算 1万元以内</span>
43
								<span>有效期至 8月17日</span>
44
							</div>
45
						</div>
46
					</li>-->
47
				</ul>
48
			</div>
49
		</div>
30 50
		<div class="mainbox">
31 51
			<div class="infocontit mui-clearfix" style="cursor: pointer;" id="goCmpBrief">个人介绍 <em></em></div>
32 52
			<div class="infocon">
@ -144,6 +164,7 @@ $(document).ready(function() {
144 164
	getResource();
145 165
	getPaper();
146 166
	getPatent();
167
	getDemands();
147 168
	relevantExperts();//合作专家
148 169
	relevantarticalList();//相关文章
149 170
	likeExperts();//感兴趣专家
@ -477,6 +498,55 @@ $(document).ready(function() {
477 498
			}
478 499
		})
479 500
	}
501
    //获取需求
502
	function getDemands() {
503
		$.ajax({
504
			url: "/ajax/demand/pq",
505
			type: "GET",
506
			timeout: 10000,
507
			dataType: "json",
508
			data: {
509
				"state":'1',
510
				"uid":proId,
511
			},
512
			success: function(data) {
513
				if(data.success) {
514
					document.getElementById("showDemand").innerHTML="";
515
					var $info = data.data.data;
516
					if($info.length > 0){
517
						for(var i = 0; i < $info.length; i++) {
518
							var liStr = document.createElement("li");
519
							liStr.setAttribute("data-id",$info[i].id);
520
							liStr.className = "mui-table-view-cell"
521
							document.getElementById("showDemand").appendChild(liStr);
522
							demandHtml($info[i],liStr);
523
						}
524
					}else{
525
						document.getElementById("showDemand").parentNode.parentNode.style.display="none";
526
					}
527
				}
528
			},
529
			error: function() {
530
			}
531
		})
532
	}
533
	function demandHtml($data,liStr) {
534
		var strCon='';
535
			strCon+='<a href="d.html?id='+$data.id+'" class="madiaInfo">'
536
			strCon+='<p class="h1Font ellipsisSty">'+ $data.title +'</p>'
537
			strCon+='<p class="h2Font ellipsisSty-5">'+$data.descp+'</p>'
538
			strCon+='<div class="showli mui-ellipsis">'
539
		
540
			if($data.city){ strCon+='<span>'+$data.city+'</span>' }
541
			if($data.duration!=0){ strCon+='<span>预期 '+demandDuration[$data.duration]+'</span>' }
542
			if($data.cost!=0){ strCon+='<span>预算 '+demandCost[$data.cost]+'</span>' }
543
			if($data.invalidDay){ strCon+='<span>有效期至 '+TimeTr($data.invalidDay)+'</span>' }
544
			
545
			strCon+='</div>'
546
			strCon+='</a>'
547
			
548
		liStr.innerHTML=strCon
549
	}
480 550
    function historyEvaluate(){
481 551
		$.ajax({
482 552
			"url": "/ajax/consult/pqAssessHis",

+ 15 - 30
js/attention-list.js

@ -447,20 +447,23 @@ $(function() {
447 447
								console.log($data);
448 448
								for(var i=0;i<$data.length;i++) {
449 449
									var li = document.createElement('li');
450
									var sowU="";
451
									if($data[i].pageViews!=0){
452
										sowU='<li><span>浏览量 '+$data[i].pageViews+'</span></li>'
453
									}
454
									li.innerHTML = '<a class="proinfor clearfix" target="_blank"  href="../demandShow.html?demandId='+$data[i].id+'">' +
455
									'<div class="mediaBody">' +
456
									'<p><span class="listtit ellipsisSty">'+$data[i].title+'</span></p>'+
457
									'<ul class="showliTop listtit2 clearfix">'+
458
									'<li><span>发布于 '+TimeTr($data[i].createTime)+'</span></li>'+ sowU +
459
									'<li><span class="creator"></span></li></ul>'+
460
									'</div></a></li>';
450
									
451
									var strCon=''
452
									strCon+='<a class="proinfor clearfix" target="_blank"  href="../demandShow.html?demandId='+$data[i].id+'">'
453
									strCon+='<div class="mediaBody">' 
454
									strCon+='<p><span class="listtit ellipsisSty">'+$data[i].title+'</span></p>'
455
									strCon+='<ul class="showli clearfix h3Font">'
456
			
457
									if($data[i].city){ strCon+='<li>所在城市:'+$data[i].city+'</li>' }
458
									if($data[i].duration!=0){ strCon+='<li>预期时长:'+demandDuration[$data[i].duration]+'</li>' }
459
									if($data[i].cost!=0){ strCon+='<li>费用预算:'+demandCost[$data[i].cost]+'</li>' }
460
									if($data[i].invalidDay){ strCon+='<li>有效期至:'+TimeTr($data[i].invalidDay)+'</li>' }
461
									
462
									strCon+='</ul>'
463
									strCon+='</div></a></li>';
464
									li.innerHTML = strCon
461 465
									var $itemlist=$(li);
462 466
									$("#demands").append($itemlist);
463
									userFun($data[i].creator,$itemlist);
464 467
								}
465 468
								
466 469
							}
@ -477,22 +480,4 @@ $(function() {
477 480
		});
478 481
	}
479 482
	demands();
480
	function userFun(id,$listItem) {
481
		$.ajax({
482
			"url": "/ajax/professor/editBaseInfo/" + id,
483
			"type": "get",
484
			"async": true,
485
			"data":{
486
				"id":id
487
			},
488
			"success": function(data) {
489
				if(data.success && data.data) {
490
					$listItem.find(".creator").text(data.data.name);
491
				}
492
			},
493
			"error": function() {
494
				$.MsgBox.Alert('提示', '链接服务器超时')
495
			}
496
		});
497
	}
498 483
})