Browse Source

需求成果列表更改

liting2017 7 years ago
parent
commit
3e6fb0987c

+ 25 - 2
src/css/technologyTrading/achievement.css

@@ -45,7 +45,7 @@
 .search-select ul li label:hover{cursor: pointer;}
 /*内容详情列表区域*/
 #maxprice{margin-right: 10px;}
-.achievement_main{background: #f5f5f5;width: 100%;overflow: hidden;}
+.achievement_main{background: #ffffff;width: 100%;overflow: hidden;}
 .main-header .head-left{float: left;color: #4b4b4b;padding-top: 30px;}
 .main-header .head_right{float: right;color: #4b4b4b;}
 /*排序方式*/
@@ -72,7 +72,7 @@
 .searchs .select select option:hover{background: red;}
 .searchs button{width: 64px;height: 40px;position: absolute;right: 5px;top: 0;background: url(../../../img/think_search.png) no-repeat center center;border: none;}
 .searchs button:focus{outline: none;}
-.head_right ol li{float: left;margin-left: 10px;margin-top: 10px;margin-bottom: 10px;}
+.head_right ol li{float: left;margin-left: 10px;margin-top: 10px;margin-bottom: 25px;}
 .head_right ol li:hover,.head-left ul li:hover{cursor: pointer;}
 .pagination > li > a, .pagination > li > span{color:#333;border: none;}
 .pagination > li{margin-right: 10px;}
@@ -106,3 +106,26 @@
 
 .list_none{width:550px;height:150px;background:url("../../../img/all_null.png") no-repeat;margin:50px auto;}
 .imgnull{width:260px;height:211px;background:url("../../../img/zhuanliimg_null.png") no-repeat;background-size: 260px 211px;}
+
+
+.achievementList{clear: both;}
+.achievementList>ol{background: #fafafa;height: 36px;line-height: 36px;}
+.achievementList>ol>li{float: left;width: 195px ;text-align: center;}
+.achievementList>ul>li>ol>li{float: left;width: 195px ;text-align: center;overflow: hidden;text-overflow:ellipsis ;white-space: nowrap;}
+.achievementList>ul>li{height: 110px;line-height: 110px;color: #393838;}
+.achievementList>ul>li:nth-child(2n+1){background: #fafafa;}
+.achievementList>ul>li:hover{background: #f5f5f5;cursor: pointer;}
+.achievementList>ul>li>ol>li>a{border:1px solid #f5ac64;border-radius: 4px;color: #f5ac64;width: 130px;height: 36px;line-height: 36px;display: inline-block;}
+.achievementList>ul>li>ol>li>a:hover{background: #f68705;color: #ffffff;}
+.achievementList>ul>li>ol>li>.progressBar{position: relative;width: 100px;height:50px;margin-top: 50px;margin-left: 40px;}
+.achievementList>ul>li>ol>li>.progressBar .bjtxt{width: 100px;height: 6px;background: #f0f0f0;position: absolute;top: 0;left: 0;z-index: 10;}
+.achievementList>ul>li>ol>li>.progressBar .percentagePic{position: absolute;top:0;left: 0;width: 0px;height: 6px;display: inline-block;background: #f68705;z-index: 12;}
+.achievementList>ul>li>ol>li>.progressBar .percentage{position: absolute;left: 110px;top: 0;height: 14px;line-height: 14px;}
+.achievementList>ul>li>ol>li>.progressBar .txt{position: absolute;top: 20px;left:82px ;width:50px;height: 20px;line-height: 20px;}
+
+
+
+
+
+
+

+ 15 - 0
src/css/technologyTrading/demand.css

@@ -6,3 +6,18 @@
 .list_none{width:550px;height:150px;background:url("../../../img/all_null.png") no-repeat;margin:50px auto;}
 .imgnull{width:260px;height:211px;background:url("../../../img/zhuanliimg_null.png") no-repeat;background-size: 260px 211px;}
 .technologyModeList li:hover{background: #ffb200;}
+
+.demandList{clear: both;}
+.demandList>ol{background: #fafafa;height: 36px;line-height: 36px;}
+.demandList>ol>li{float: left;width: 234px ;text-align: center;}
+.demandList>ul>li>ol>li{float: left;width: 234px ;text-align: center;overflow: hidden;text-overflow:ellipsis ;white-space: nowrap;}
+.demandList>ul>li{height: 110px;line-height: 110px;color: #393838;}
+.demandList>ul>li:nth-child(2n+1){background: #fafafa;}
+.demandList>ul>li:hover{background: #f5f5f5;cursor: pointer;}
+.demandList>ul>li>ol>li>a{border:1px solid #f5ac64;border-radius: 4px;color: #f5ac64;width: 130px;height: 36px;line-height: 36px;display: inline-block;}
+.demandList>ul>li>ol>li>a:hover{background: #f68705;color: #ffffff;}
+
+
+
+
+

+ 56 - 107
src/js/technologyTrading/achievement.js

@@ -21,18 +21,12 @@ $(function(){
     localStorage.removeItem("keyWord");
     localStorage.removeItem("pageType");
     loadDate();
-    //页面里面的详情链接
-    $(".main_introduce ul").on('click', 'li', function () {
-        var ol_index= $(".title_details ol>li.act").index();
-        var theId = $(this).attr('val');
-        var thetype=$(this).attr('typ');
-            window.open(globalConfig.context + '/portal/technologyTrading/achievementDetail?id=' + theId+'&type='+thetype );
-    });
+    
 	//数据处理
     var thePageNo = 1,
     thePageLength = 1,
-    pageSize = 12;
-    var categoryObj = {
+    pageSize =10;
+    var categoryObj = { 
     "0": "专利",
     "1": "软著",
     "2": "项目",
@@ -47,84 +41,7 @@ $(function(){
     "2": "技术入股",
     "3": "5年独占许可转让"
 };
-function loadDatekey(pageN){
-    $.ajax({
-        method: "get",
-        dataType: "json",
-        url: globalConfig.context + "/portal/search/achievementList",
-        data: {
-            pageNo: pageN || 1,
-            pageSize: pageSize,
-            keyword: theKeyword,
-            transferMode: theMode != 999 ? theMode : undefined,
-            fieldA: theFieldA != 999 ? theFieldA : undefined,
-            fieldB: theFieldB != 999 ? theFieldB : undefined,
-            dataCategory:typ != 999 ? typ : undefined,
-            category:category != 999 ? category : undefined,
-            dateSort:dateSort,
-            lowerPrice:lowerPrice,
-            upperPrice:upperPrice
-        },
-        success: function (data) {
-            var theArr = [];
-            if (data.data && data.data.list) {
-                for (let i = 0; i < data.data.list.length; i++) {
-                    let thisdata = data.data.list[i];
-                    var  imgUrl=thisdata.technicalPictureUrl!==null?thisdata.technicalPictureUrl:"/img/timg.gif";
-                    var star='';
-                    for(var n=0;n<thisdata.maturity;n++){
-                        star+='<li></li>';
-                    }
-                    theArr.push([
-                        '<li val="'+thisdata.id+'" typ="'+thisdata.ownerType+'">',		//图片地址
-                        '<img src="' + globalConfig.avatarHost + '/upload' + imgUrl + '"/>',
-                        '<div class="list_text">',
-                        '<p>行业<span>' + (thisdata.fieldA?getIndustryCategory(thisdata.fieldA, thisdata.fieldB):"未知行业") + '</span></p>',
-                        '<p>名称<span title=' + thisdata.name + '>' + (thisdata.name?thisdata.name:"未知名称") + '</span></p>',
-                        '<p>类型<span>' + (thisdata.category ? categoryObj[thisdata.category] : '') + '</span></p>',
-                        '<p>交易方式<span>' + (thisdata.transferMode ? transferModeObj[thisdata.transferMode] : "当面交易") + '</span></p>',
-                        '<a href="#">了解详情</a>',
-                        '</div>',
-                        '<div class="star">',
-                        '<p>成熟度:<span>'+(thisdata.maturityS?thisdata.maturityS:"通过小试")+'</span></p>',
-                        '</div>',
-                        '<input type="hidden" class="achievementId" value="' + thisdata.id + '">',
-                        '<input type="hidden" class="achievementType" value="' + thisdata.dataCategory + '">',
-                        '</li>',
-                    ].join(''));
-                };
-            };
-            $('.main_introduce ul').empty();
-            $('.main_introduce ul').append(theArr.join(''));
-            if(data.data.list.length===0){
-                $('.main_introduce ul').html("<div class='list_none'></div>")	;
-            };
-            thePageLength = data.data.totalCount ? Math.ceil(data.data.totalCount / pageSize) : 1;
-            var pageArr = [],
-                firstNo = 1,
-                endNo = 5;
-            if (thePageNo > 3) {
-                firstNo = thePageNo - 2;
-                endNo = Math.min((Number(thePageNo) + 2), thePageLength);
-            } else {
-                endNo = Math.min(thePageLength, 5);
-            };
-            for (let i = firstNo; i <= endNo; i++) {
-                if (i == thePageNo) {
-                    pageArr.push(
-                        '<li class="pageNumber active"><a href="#" value=' + i + ' >' + i + '</a></li>'
-                    );
-                } else {
-                    pageArr.push(
-                        '<li class="pageNumber"><a href="#" value=' + i + ' >' + i + '</a></li>'
-                    );
-                }
-            };
-            $('.pageNumber').remove();
-            $('.pagePre').after(pageArr.join(''));
-        }
-    });
-}
+
 function loadDate(pageNo) {
     $.ajax({
         method: "get",
@@ -132,7 +49,7 @@ function loadDate(pageNo) {
         url: globalConfig.context + "/portal/search/achievementList",
         data: {
             pageNo: pageNo || 1,
-            pageSize: pageSize,
+            pageSize: 10,
             keyword: theKeyword,
             transferMode: theMode != 999 ? theMode : undefined,
             fieldA: theFieldA != 999 ? theFieldA : undefined,
@@ -156,29 +73,60 @@ function loadDate(pageNo) {
                     for(var n=0;n<thisdata.maturity;n++){
                     	star+='<li></li>';
                     }
+                    var percentage='';
+                    if(thisdata.maturityS=='正在研发'){
+                    	percentage=20
+                    }
+                    if(thisdata.maturityS=='已有样品'){
+                    	percentage=40
+                    }
+                    if(thisdata.maturityS=='通过小试'){
+                    	percentage=60
+                    }
+                    if(thisdata.maturityS=='通过中试'){
+                    	percentage=80
+                    }
+                    if(thisdata.maturityS=='可以量产'){
+                    	percentage=100
+                    }                     
                     theArr.push([
-                        '<li val="'+thisdata.id+'" typ="'+thisdata.ownerType+'">',		//图片地址
-						'<img src="'+ imgUrl+ '"/>',
-	 					'<div class="list_text">',
-	 					'<p>行业<span>' + (thisdata.fieldA?getIndustryCategory(thisdata.fieldA, thisdata.fieldB):"未知行业") + '</span></p>',
-	 					'<p>名称<span title=' + thisdata.name + '>' + (thisdata.name?thisdata.name:"未知名称") + '</span></p>',
-	 					'<p>类型<span>' + (thisdata.category ? categoryObj[thisdata.category] : '') + '</span></p>',
-	 					'<p>交易方式<span>' + (thisdata.transferMode ? transferModeObj[thisdata.transferMode] : "当面交易") + '</span></p>',
-	 					'<a href="#">了解详情</a>',
-	 					'</div>',
-	 					'<div class="star">',
-	 					'<p>成熟度:<span>'+(thisdata.maturityS?thisdata.maturityS:"通过小试")+'</span></p>',
-	 					'</div>',
-	 					'<input type="hidden" class="achievementId" value="' + thisdata.id + '">',
+ 						'<li val="'+thisdata.id+'" typ="'+thisdata.ownerType+'" class="list">',
+						'<ol>',
+						'<li>' + (thisdata.fieldA?getIndustryCategory(thisdata.fieldA, thisdata.fieldB):"未知行业") + '</li>',
+						'<li>' + (thisdata.name?thisdata.name:"未知名称") + '</li>',
+						'<li>' + (thisdata.category ? categoryObj[thisdata.category] : '') + '</li>',
+						'<li>' + (thisdata.transferMode ? transferModeObj[thisdata.transferMode] : "当面交易") + '</li>',
+						'<li val="'+thisdata.id+'" typ="'+thisdata.ownerType+'">',
+						'<div class="progressBar">',
+						'<p class="bjtxt"></p>',
+						'<span class="percentagePic" style="width:'+percentage+'px"></span>',
+						'<span class="percentage">'+percentage+'%</span>',
+						'<p class="txt">'+(thisdata.maturityS?thisdata.maturityS:"通过小试")+'</p>',
+						'</div>',						
+						'</li>',
+						'<li class="consultation"><a href="javascript:;">我要咨询</a></li>',
+						'</ol>',
+						'<input type="hidden" class="achievementId" value="' + thisdata.id + '">',
                         '<input type="hidden" class="achievementType" value="' + thisdata.dataCategory + '">',
-					    '</li>',
+					    '</li>'	,   
                     ].join(''));
                 };
             };
-            $('.main_introduce ul').empty();
-            $('.main_introduce ul').append(theArr.join(''));
+            $('.achievementList ul').empty();
+            $('.achievementList ul').append(theArr.join(''));
+            
+            //页面里面的详情链接   
+			$(".achievementList ul li .consultation").siblings().on('click', function () {    	      
+			        var theId = $(this).parents('.list').attr('val');
+			        var thetype=$(this).parents('.list').attr('typ');			       
+			        window.open(globalConfig.context + '/portal/technologyTrading/achievementDetail?id=' + theId+'&type='+thetype );
+		    });
+			$(".achievementList ul li ol .consultation").click(function(){
+			    	$('.ret_top li:nth-child(4) a').click()			    	
+			})
+            
             if(data.data.list.length===0){
-	            	$('.main_introduce ul').html("<div class='list_none'></div>")	;
+	            	$('.achievementList ul').html("<div class='list_none'></div>")	;
 	            };
             thePageLength = data.data.totalCount ? Math.ceil(data.data.totalCount / pageSize) : 1;
             var pageArr = [],
@@ -212,7 +160,7 @@ function loadDate(pageNo) {
         theKeyword = decodeURIComponent(theKeyword);
         $('#search_on input').val(theKeyword);
     };
-
+ 
     var industryListArr = [],
         industryChildrenArr = [];
     industryListArr.push(['<li value="999" class="active">',
@@ -390,7 +338,7 @@ function loadDate(pageNo) {
 		theFieldA = $(this).attr('value');
         theFieldB = '999';
         loadDate();
-	})
+	})	
 	//搜索城市下拉
 	var addlength=provinceList.length;
 	var soption='';	
@@ -426,4 +374,5 @@ function loadDate(pageNo) {
 		var txt_tech=$(this).find('span').text();		
 		$('.achievement_header ul li').eq(1).find('p').text(txt_tech);
 	});
+	
 });

+ 27 - 23
src/js/technologyTrading/demand.js

@@ -15,18 +15,12 @@ import {
 } from '../DicIndustryList'; 
  
 $(function(){
-	//页面里面的详情链接
-	$(".main_introduce ul").on('click', 'li', function () {
-		var ol_index= $(".title_details ol>li.act").index();
-		var theId = $(this).attr('val');
-		var thetype=$(this).attr('typ');
-		window.open(globalConfig.context + '/portal/technologyTrading/demandDetail?id=' + theId+'&type='+thetype );
-	});
+	
 	//数据处理
 	var theKeyword, theMode, theFieldA, theFieldB,dataCategory,category,dateSort,budgetCostLower,budgetCostUpper;
 	var thePageNo = 1,
 	    thePageLength = 1,
-	    pageSize = 12;
+	    pageSize = 10;
 	var categoryObj = {
 	    "0": "技术购买型需求",
 	    "1": "技术设备类需求",
@@ -69,28 +63,38 @@ $(function(){
 	                    var star='';
                   		for(var n=0;n<thisdata.maturity;n++){
                     	   star+='<li></li>'
-                   		}        
+                     	}                       		
 	                    theArr.push([
-							'<li val="'+thisdata.id+'" typ="'+thisdata.dataCategory+'">',			//图片地址
-							'<img src="' +imgUrl + '"/>',
-		 					'<div class="list_text">',
-		 					'<p>行业<span>' + (thisdata.industryCategoryA?getIndustryCategory(thisdata.industryCategoryA, thisdata.industryCategoryB):"未知行业") + '</span></p>',
-		 					'<p>名称<span title=' + thisdata.name + '>' + (thisdata.name?thisdata.name:"未知名称") + '</span></p>',
-		 					'<p>类型<span>' + (thisdata.demandType ? categoryObj[thisdata.demandType] : '类型未知') + '</span></p>',
-		 					'<p class="money">预算<span>'+ (thisdata.budgetCost ? (thisdata.budgetCost + '万元') : '价格面议') + '</span></p>',
-		 					'<a href="#">了解详情</a>',
-		 					'</div>',
-		 					'<input type="hidden" class="demandId" value="' + thisdata.id + '">',
+	                    	'<li val="'+thisdata.id+'" typ="'+thisdata.dataCategory+'" class="list">',
+						    '<ol>',
+							'<li>' + (thisdata.industryCategoryA?getIndustryCategory(thisdata.industryCategoryA, thisdata.industryCategoryB):"未知行业") + '</li>',
+							'<li title=' + thisdata.name + '>' + (thisdata.name?thisdata.name:"未知名称") + '</li>',
+							'<li>' + (thisdata.demandType ? categoryObj[thisdata.demandType] : '类型未知') + '</li>',
+							'<li>'+ (thisdata.budgetCost ? (thisdata.budgetCost + '万元') : '价格面议') + '</li>',
+							'<li class="consultation"><a>我要咨询</a></li>',
+						    '</ol>',
+						    '<input type="hidden" class="demandId" value="' + thisdata.id + '">',
                             '<input type="hidden" class="demandType" value="' + thisdata.dataCategory + '">',
-						    '</li>',  	                        	                        	                   
+						    '</li>',						    
 	                    ].join(''));
 	                };
 	            };
-	            $('.main_introduce ul').empty();
-	            $('.main_introduce ul').append(theArr.join(''));
+	            $('.demandList ul').empty();
+	            $('.demandList ul').append(theArr.join(''));
 				if(data.data.list.length===0){
-					$('.main_introduce ul').html("<div class='list_none'></div>")	;
+					$('.demandList ul').html("<div class='list_none'></div>")	;
 				};
+				
+				 //页面里面的详情链接   
+				$(".demandList ul li .consultation").siblings().on('click', function () {					
+					var theId = $(this).parents('.list').attr('val');
+					var thetype=$(this).parents('.list').attr('typ');
+					window.open(globalConfig.context + '/portal/technologyTrading/demandDetail?id=' + theId+'&type='+thetype );
+			    });
+			    //点击我要咨询
+				$(".demandList ul li ol .consultation a").click(function(){
+				    $('.ret_top li:nth-child(4) a').click();		    	
+				})								
 	           // $('.totalCount').html("共" + data.data.totalCount + "条数据");
 	            thePageLength = data.data.totalCount ? Math.ceil(data.data.totalCount / pageSize) : 1;
 	            var pageArr = [],

+ 57 - 53
template/technologyTrading/achievement.html

@@ -8,10 +8,10 @@
 	<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=no">
 	<meta http-equiv="x-ua-compatible" content="ie=edge">
     <title>专利/成果</title>
-    <!--<link rel="stylesheet" href="../../src/css/bootstrap.css" />
+    <link rel="stylesheet" href="../../src/css/bootstrap.css" />
     <link rel="stylesheet" href="../../src/css/public.css" />
     <link rel="stylesheet" href="../../src/css/main_banner.css" />
-    <link rel="stylesheet" type="text/css" href="../../src/css/technologyTrading/achievement.css"/>-->
+    <link rel="stylesheet" type="text/css" href="../../src/css/technologyTrading/achievement.css"/>
 </head>
 <body>  	
   	<header>
@@ -176,62 +176,66 @@
 		 			</ol>
 				</div>
 			</div>
-			<div class="main_introduce">
+			<div class="achievementList">
+				<ol>
+					<li>行业</li>
+					<li>名称</li>
+					<li>类型</li>
+					<li>交易方式</li>
+					<li>成熟度</li>					
+				</ol>
 				<ul>
 					<li>
-						<img src="../../img/achievement_05.png" alt="" />
-	 					<div class="list_text">
-	 						<p>行业<span>怒吼道胡非常胡海峰回复11111</span></p>
-	 						<p>名称<span>怒吼道</span></p>
-	 						<p>类型<span>怒吼道胡非常胡海峰回复</span></p>
-	 						<p>交易方式<span>怒吼道胡非常胡海</span></p>
-	 						<a href="#">了解详情</a>
-	 					</div>
-	 					<div class="star">
-	 						<p>成熟度</p>
-	 						<ol>
-	 							<li></li>
-	 						</ol>
-	 					</div>
-					</li>
+						<ol>
+							<li>新型材料/其他新材料技术</li>
+							<li>长纤维增强热塑性复合材料的产业化</li>
+							<li>技术攻关型需求</li>
+							<li>价格面议</li>
+							<li>
+								<div class="progressBar">
+									<p class="bjtxt"></p>
+									<span class="percentagePic"></span>
+									<span class="percentage">10%</span>
+								    <p class="txt">通过小试</p>
+								</div>
+								
+							</li>
+							<li><a  onclick="_MEIQIA('showPanel')">我要咨询</a></li>
+						</ol>
+					</li>									
 					<li>
-						<img src="../../img/achievement_05.png" alt="" />
-	 					<div class="list_text">
-	 						<p>行业<span>怒吼道胡非常胡海峰回复11111</span></p>
-	 						<p>名称<span>怒吼道</span></p>
-	 						<p>类型<span>怒吼道胡非常胡海峰回复</span></p>
-	 						<p>交易方式<span>怒吼道胡非常胡海</span></p>
-	 						<a href="#">了解详情</a>
-	 					</div>
-	 					<div class="star">
-	 						<p>成熟度</p>
-	 						<ol>
-	 							<li></li>
-	 							<li></li>
-	 							<li></li>
-	 							<li></li>
-	 							<li></li>
-	 						</ol>
-	 					</div>
+						<ol>
+							<li>新型材料/其他新材料技术</li>
+							<li>长纤维增强热塑性复合材料的产业化</li>
+							<li>技术攻关型需求</li>
+							<li>价格面议</li>
+							<li>
+								<div class="progressBar">
+									<p class="bjtxt"></p>
+									<span class="percentagePic"></span>
+									<span class="percentage">10%</span>
+								    <p class="txt">通过小试</p>
+								</div>
+							</li>
+							<li><a  onclick="_MEIQIA('showPanel')">我要咨询</a></li>
+						</ol>
 					</li>
 					<li>
-						<img src="../../img/achievement_05.png" alt="" />
-	 					<div class="list_text">
-	 						<p>行业<span>怒吼道胡非常胡海峰回复11111</span></p>
-	 						<p>名称<span>怒吼道</span></p>
-	 						<p>类型<span>怒吼道胡非常胡海峰回复</span></p>
-	 						<p>交易方式<span>怒吼道胡非常胡海</span></p>
-	 						<a href="#">了解详情</a>
-	 					</div>
-	 					<div class="star">
-	 						<p>成熟度</p>
-	 						<ol>
-	 							<li></li>
-	 							<li></li>
-	 							<li></li>
-	 							<li></li>	 							
-	 						</ol>
-	 					</div>
+						<ol>
+							<li>新型材料/其他新材料技术</li>
+							<li>长纤维增强热塑性复合材料的产业化</li>
+							<li>技术攻关型需求</li>
+							<li>价格面议</li>
+							<li>
+								<div class="progressBar">
+									<p class="bjtxt"></p>
+									<span class="percentagePic"></span>
+									<span class="percentage">10%</span>
+								    <p class="txt">通过小试</p>
+								</div>
+							</li>
+							<li><a  onclick="_MEIQIA('showPanel')">我要咨询</a></li>
+						</ol>
 					</li>					
 				</ul>
 			</div>

+ 30 - 58
template/technologyTrading/demand.html

@@ -8,7 +8,7 @@
 	<meta name="viewport" content="width=device-width,initial-scale=1, minimum-scale=1, maximum-scale=1,user-scalable=no">
 	<meta http-equiv="x-ua-compatible" content="ie=edge">
     <title>科技需求</title>
-  <!--<link rel="stylesheet" href="../../src/css/bootstrap.css" />
+    <!--<link rel="stylesheet" href="../../src/css/bootstrap.css" />
     <link rel="stylesheet" href="../../src/css/public.css" />
     <link rel="stylesheet" href="../../src/css/main_banner.css" />
     <link rel="stylesheet" type="text/css" href="../../src/css/technologyTrading/achievement.css"/>
@@ -151,68 +151,40 @@
 		 			</ol>
 				</div>
 			</div>
-			<div class="main_introduce">
+			<div class="demandList">
+				<ol>
+					<li>行业</li>
+					<li>名称</li>
+					<li>类型</li>
+					<li>预算</li>
+				</ol>
 				<ul>
 					<li>
-						<img src="../../img/achievement_05.png" alt="" />
-	 					<div class="list_text">
-	 						<p>行业<span>怒吼道胡非常胡海峰回复11111</span></p>
-	 						<p>名称<span>怒吼道</span></p>
-	 						<p>类型<span>怒吼道胡非常胡海峰回复</span></p>
-	 						<p class="money">预算<span>10万</span></p>	 							 							
-	 						<a href="#">了解详情</a>	 							 						
-	 					</div>
-	 					<div class="star">
-	 						<p>精品</p>
-	 						<ol>
-	 							<li></li>
-	 							<li></li>
-	 							<li></li>
-	 							<li></li>
-	 							<li></li>
-	 						</ol>
-	 					</div>
-					</li>
-									
+						<ol>
+							<li>新型材料/其他新材料技术</li>
+							<li>长纤维增强热塑性复合材料的产业化</li>
+							<li>技术攻关型需求</li>
+							<li>价格面议</li>
+							<li><a  onclick="_MEIQIA('showPanel')">我要咨询</a></li>
+						</ol>
+					</li>									
 					<li>
-						<img src="../../img/achievement_05.png" alt="" />
-	 					<div class="list_text">
-	 						<p>行业<span>怒吼道胡非常胡海峰回复11111</span></p>
-	 						<p>名称<span>怒吼道</span></p>
-	 						<p>类型<span>怒吼道胡非常胡海峰回复</span></p>
-	 						<p class="money">预算<span>10万</span></p>	 							 							
-	 						<a href="#">了解详情</a>	 							 						
-	 					</div>
-	 					<div class="star">
-	 						<p>精品</p>
-	 						<ol>
-	 							<li></li>
-	 							<li></li>
-	 							<li></li>
-	 							<li></li>
-	 							<li></li>
-	 						</ol>
-	 					</div>
+						<ol>
+							<li>新型材料/其他新材料技术</li>
+							<li>长纤维增强热塑性复合材料的产业化</li>
+							<li>技术攻关型需求</li>
+							<li>价格面议</li>
+							<li><a  onclick="_MEIQIA('showPanel')">我要咨询</a></li>
+						</ol>
 					</li>
 					<li>
-						<img src="../../img/achievement_05.png" alt="" />
-	 					<div class="list_text">
-	 						<p>行业<span>怒吼道胡非常胡海峰回复11111</span></p>
-	 						<p>名称<span>怒吼道</span></p>
-	 						<p>类型<span>怒吼道胡非常胡海峰回复</span></p>
-	 						<p class="money">预算<span>10万</span></p>	 							 							
-	 						<a href="#">了解详情</a>	 							 						
-	 					</div>
-	 					<div class="star">
-	 						<p>精品</p>
-	 						<ol>
-	 							<li></li>
-	 							<li></li>
-	 							<li></li>
-	 							<li></li>
-	 							<li></li>
-	 						</ol>
-	 					</div>
+						<ol>
+							<li>新型材料/其他新材料技术</li>
+							<li>长纤维增强热塑性复合材料的产业化</li>
+							<li>技术攻关型需求</li>
+							<li>价格面议</li>
+							<li><a  onclick="_MEIQIA('showPanel')">我要咨询</a></li>
+						</ol>
 					</li>
 				</ul>
 			</div>