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

css/common.css

@@ -45,7 +45,7 @@ input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color: #99
.displayBlock{display:block;}
.ellipsisSty {overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
.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;}
.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;}
.alignCenter{text-align: center;}
/*默认/主题颜色*/
.mainColor{color:#ff9900;}

css/share.css

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

css/workspace.css

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

e/c.html

@@ -31,6 +31,12 @@
				</div>		
			</div>
		</div>
		<div class="mainbox">
			<div class="infocon madiaBlock needList" style="border:none">
				<ul class="mui-table-view" id="showDemand">
				</ul>
			</div>
		</div>
		<div class="mainbox">
			<div class="infocontit clearfix" style="cursor: pointer;" id="goCmpBrief">企业介绍 <em></em></div>
			<div class="infocon">
@@ -97,6 +103,7 @@ $(document).ready(function() {
	companyMessage(orgId);
	getArticel();
	getResource();
	getDemands();
	likeExperts();
	relevantarticalList();
	
@@ -374,11 +381,58 @@ $(document).ready(function() {
				}
			},
			error: function() {
				plus.nativeUI.toast("服务器链接超时", toastStyle);
				return;
			}
		});
	}
	//获取需求
	function getDemands() {
		$.ajax({
			url: "/ajax/demand/pq",
			type: "GET",
			timeout: 10000,
			dataType: "json",
			data: {
				"state":'1',
				"oid":orgId,
			},
			success: function(data) {
				if(data.success) {
					document.getElementById("showDemand").innerHTML="";
					var $info = data.data.data;
					if($info.length > 0){
						for(var i = 0; i < $info.length; i++) {
							var liStr = document.createElement("li");
							liStr.setAttribute("data-id",$info[i].id);
							liStr.className = "mui-table-view-cell"
							document.getElementById("showDemand").appendChild(liStr);
							demandHtml($info[i],liStr);
						}
					}else{
						document.getElementById("showDemand").parentNode.parentNode.style.display="none";
					}
				}
			},
			error: function() {
			}
		})
	}
	function demandHtml($data,liStr) {
		var strCon='';
			strCon+='<a href="d.html?id='+$data.id+'" class="madiaInfo">'
			strCon+='<p class="h1Font ellipsisSty">'+ $data.title +'</p>'
			strCon+='<p class="h2Font ellipsisSty-5">'+$data.descp+'</p>'
			strCon+='<div class="showli mui-ellipsis">'
		
			if($data.city){ strCon+='<span>'+$data.city+'</span>' }
			if($data.duration!=0){ strCon+='<span>预期 '+demandDuration[$data.duration]+'</span>' }
			if($data.cost!=0){ strCon+='<span>预算 '+demandCost[$data.cost]+'</span>' }
			if($data.invalidDay){ strCon+='<span>有效期至 '+TimeTr($data.invalidDay)+'</span>' }
			
			strCon+='</div>'
			strCon+='</a>'
			
		liStr.innerHTML=strCon
	}
    
    //感兴趣
	function likeExperts(){

e/d.html

@@ -21,14 +21,19 @@
    		<div class="h1Font hWeight" id="demandTit"></div>
    		<div class="madiaBlock">
    			<ul class="mui-table-view noactiveTab infoBlock">
			        <li class="mui-table-view-cell" id="personAL">
			            <div class="flexCenter mui-clearfix">
			                <div class="madiaHead cmpHead2">
			                	<div class="boxBlock"><img class="boxBlockimg" id="companyImg" src="../images/default-icon.jpg"></div>
			                </div>
							<div class="madiaInfo">
								<p class="mui-ellipsis"><span class="h1Font mui-ellipsis" id="cmpname"></span><em class="authicon " id="QauthFlag"></em></p>
								<p class="h3Font" id="oTime"></p>
			        <li class="mui-table-view-cell">
			            <div class="flexCenter clearfix" id="personAL">
			            	<a id="personAL">
				                <div class="madiaHead cmpHead2">
				                	<div class="boxBlock"><img class="boxBlockimg" id="companyImg" src="../images/default-icon.jpg"></div>
				                </div>
								<div class="madiaInfo">
									<p class="ellipsisSty"><span class="h1Font ellipsisSty" id="cmpname"></span><em class="authicon " id="QauthFlag"></em></p>
									<p class="h3Font" id="oTime"></p>
								</div>
							</a>
							<div class="goSpan">
								<span class="attenSpan">关注</span>
							</div>
			            </div>
			        </li>
@@ -68,10 +73,10 @@ $(document).ready(function() {
	getDemandinfo();
	pageViewsVal();
	
//	$("body").on("click",".seeMore,#goCmpBrief",function(){
//		location.href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app";
//		$(this).addClass("activeThis");
//	})
	$("body").on("click",".attenSpan",function(){
		location.href="http://a.app.qq.com/o/simple.jsp?pkgname=com.ekexiu.app";
		$(this).addClass("activeThis");
	})
	$('#personAL').on('click', function() {
		var id = this.getAttribute("data-id");
		location.href="http://" + window.location.host + "/e/c.html?id=" + id;

e/p.html

@@ -27,6 +27,26 @@
				</div>		
			</div>
		</div>
		<div class="mainbox">
			<div class="infocon madiaBlock needList" style="border:none">
				<ul class="mui-table-view" id="showDemand">
					<!--<li class="mui-table-view-cell">
						<div class="madiaInfo">
							<p class="h1Font mui-ellipsis-2">需求主题寻求一名斯特林热机技术顾问需求主题寻求一名斯特林热机技术顾问需求主题寻求一名斯特林热机技术顾问</p>
							<p class="h2Font mui-ellipsis-5">需求内容：我们是一家医疗器械公司，主要生产健康理疗类的电子产品，目前希望对护膝、护腰类的产品进行改进，
								想先找一位有资深设计经验的三维工业设计专家，通过三维建模的方式先设计出产品的三维模型，用于展示以及为后续生产做准备我们是一家医疗器械公司，主要生产健康理疗类的电子产品，目前希望对护膝、护腰类的产品进行改进，
								想先找一位有资深设计经验的三维工业设计专家，通过三维建模的方式先设计出</p>
							<div class="showli mui-ellipsis">
								<span>北京市</span>
								<span>预期 1个月内</span>
								<span>预算 1万元以内</span>
								<span>有效期至 8月17日</span>
							</div>
						</div>
					</li>-->
				</ul>
			</div>
		</div>
		<div class="mainbox">
			<div class="infocontit mui-clearfix" style="cursor: pointer;" id="goCmpBrief">个人介绍 <em></em></div>
			<div class="infocon">
@@ -144,6 +164,7 @@ $(document).ready(function() {
	getResource();
	getPaper();
	getPatent();
	getDemands();
	relevantExperts();//合作专家
	relevantarticalList();//相关文章
	likeExperts();//感兴趣专家
@@ -477,6 +498,55 @@ $(document).ready(function() {
			}
		})
	}
    //获取需求
	function getDemands() {
		$.ajax({
			url: "/ajax/demand/pq",
			type: "GET",
			timeout: 10000,
			dataType: "json",
			data: {
				"state":'1',
				"uid":proId,
			},
			success: function(data) {
				if(data.success) {
					document.getElementById("showDemand").innerHTML="";
					var $info = data.data.data;
					if($info.length > 0){
						for(var i = 0; i < $info.length; i++) {
							var liStr = document.createElement("li");
							liStr.setAttribute("data-id",$info[i].id);
							liStr.className = "mui-table-view-cell"
							document.getElementById("showDemand").appendChild(liStr);
							demandHtml($info[i],liStr);
						}
					}else{
						document.getElementById("showDemand").parentNode.parentNode.style.display="none";
					}
				}
			},
			error: function() {
			}
		})
	}
	function demandHtml($data,liStr) {
		var strCon='';
			strCon+='<a href="d.html?id='+$data.id+'" class="madiaInfo">'
			strCon+='<p class="h1Font ellipsisSty">'+ $data.title +'</p>'
			strCon+='<p class="h2Font ellipsisSty-5">'+$data.descp+'</p>'
			strCon+='<div class="showli mui-ellipsis">'
		
			if($data.city){ strCon+='<span>'+$data.city+'</span>' }
			if($data.duration!=0){ strCon+='<span>预期 '+demandDuration[$data.duration]+'</span>' }
			if($data.cost!=0){ strCon+='<span>预算 '+demandCost[$data.cost]+'</span>' }
			if($data.invalidDay){ strCon+='<span>有效期至 '+TimeTr($data.invalidDay)+'</span>' }
			
			strCon+='</div>'
			strCon+='</a>'
			
		liStr.innerHTML=strCon
	}
    function historyEvaluate(){
		$.ajax({
			"url": "/ajax/consult/pqAssessHis",

js/attention-list.js

@@ -447,20 +447,23 @@ $(function() {
								console.log($data);
								for(var i=0;i<$data.length;i++) {
									var li = document.createElement('li');
									var sowU="";
									if($data[i].pageViews!=0){
										sowU='<li><span>浏览量 '+$data[i].pageViews+'</span></li>'
									}
									li.innerHTML = '<a class="proinfor clearfix" target="_blank"  href="../demandShow.html?demandId='+$data[i].id+'">' +
									'<div class="mediaBody">' +
									'<p><span class="listtit ellipsisSty">'+$data[i].title+'</span></p>'+
									'<ul class="showliTop listtit2 clearfix">'+
									'<li><span>发布于 '+TimeTr($data[i].createTime)+'</span></li>'+ sowU +
									'<li><span class="creator"></span></li></ul>'+
									'</div></a></li>';
									
									var strCon=''
									strCon+='<a class="proinfor clearfix" target="_blank"  href="../demandShow.html?demandId='+$data[i].id+'">'
									strCon+='<div class="mediaBody">' 
									strCon+='<p><span class="listtit ellipsisSty">'+$data[i].title+'</span></p>'
									strCon+='<ul class="showli clearfix h3Font">'
			
									if($data[i].city){ strCon+='<li>所在城市：'+$data[i].city+'</li>' }
									if($data[i].duration!=0){ strCon+='<li>预期时长：'+demandDuration[$data[i].duration]+'</li>' }
									if($data[i].cost!=0){ strCon+='<li>费用预算：'+demandCost[$data[i].cost]+'</li>' }
									if($data[i].invalidDay){ strCon+='<li>有效期至：'+TimeTr($data[i].invalidDay)+'</li>' }
									
									strCon+='</ul>'
									strCon+='</div></a></li>';
									li.innerHTML = strCon
									var $itemlist=$(li);
									$("#demands").append($itemlist);
									userFun($data[i].creator,$itemlist);
								}
								
							}
@@ -477,22 +480,4 @@ $(function() {
		});
	}
	demands();
	function userFun(id,$listItem) {
		$.ajax({
			"url": "/ajax/professor/editBaseInfo/" + id,
			"type": "get",
			"async": true,
			"data":{
				"id":id
			},
			"success": function(data) {
				if(data.success && data.data) {
					$listItem.find(".creator").text(data.data.name);
				}
			},
			"error": function() {
				$.MsgBox.Alert('提示', '链接服务器超时')
			}
		});
	}
})