test/free-technological-management/WebRoot/DirectorEditPages/technologySupermarketPage/newtech_sup.html

<%var cssPar = {%>
	<link rel="stylesheet" href="${contextPath}/DirectorEditPages/css/font-awesome.min.css">
	<!-- <link rel="stylesheet" href="${contextPath}/DirectorEditPages/css/general.css"> -->
	<link rel="stylesheet" href="${contextPath}/DirectorEditPages/css/common2.css" type="text/css">
	<link rel="stylesheet" href="${contextPath}/DirectorEditPages/css/cssh.css" type="text/css">
<%};%>

<%var jsPar = {%>
	<script src="${contextPath}/DirectorEditPages/js/jquery.min.js"></script>
	<script src="${contextPath}/DirectorEditPages/js/slider.js"></script>
	<script src="${contextPath}/DirectorEditPages/js/bootstrap.min.js"></script>
	<script src="${contextPath}/DirectorEditPages/js/kefu.js" type="text/javascript"></script>
	<script type="text/javascript">
		$(function() {
			$(".nav_3 li").click(function() {
				var num = $(this).index();
				$(this).addClass("li_click").siblings("li").removeClass("li_click1");
				$(".container-form").eq(num).show().siblings(".container-form").hide();
			})
		})
	</script>
	<script type="text/javascript">
		$(function() {
			$("a[id=aFloatTools_Hide]").click()
		})
	</script>
	<script type="text/javascript">
		function openZXKF(){
			var url = "http://bb.waityou24.cn:9999/chatTest.jsp?UserID=23860281";
			var param = "scrollbars=yes,status=no,resizable=no,location=no,toolbar=no,top=0,left=0,width=1024,height=768";
			window.open(url, "_blank", param);
		}
	</script>
	<script type="text/javascript">
		function tishi(){
			alert("请登录企业账号！");
		}
	</script>
	<!--滚动效果新增-->
	<script type="text/javascript">
		
		$(function() { 
			var $this = $("#dome"); 
			var scrollTimer; 
			$this.hover(function() { 
			clearInterval(scrollTimer); 
			}, function() { 
			scrollTimer = setInterval(function() { 
			scrollNews($this); 
			}, 1500); 
			}).trigger("mouseleave"); 
			
			function scrollNews(obj) { 
			var $self = obj.find("ul"); 
			var lineHeight = $self.find("li:first").height(); 
			$self.animate({ 
			"marginTop": -lineHeight + "px" 
			}, 600, function() { 
			$self.css({ 
			marginTop: 0
			}).find("li:first").appendTo($self); 
			}) 
			} 
			}) 

	</script>
	<!--新增供求发布滚动js-->
	<script type="text/javascript">
		$(function() {
			//默认状态下左右滚动
			$("#s1").xslider({
				unitdisplayed: 4,
				numtoMove: 1,
				movelength: 1,
				/* loop: "cycle", */
				autoscroll: 3000
			});
		})
	</script>
	<style type="text/css">
		* { list-style:none; text-decoration:none; padding:0; margin:0;}
		body {font-family:"微软雅黑"; margin:0; background:#f8f8f8;}
		.box {width:234px; height:590px; border:1px solid #e1e1e1; background:#ffffff;}
		.box .head { height:77px; border-bottom:1px solid #e1e1e1;}
		.box .head .bns { float:left; width:170px; height:75px; line-height:75px; text-align:center; background:#FFF; font-family:"隶书";  color:#5ca3e2; font-size:26px;}
		.box .head .sort { float:left; width:60px; height:74px; line-height:74px; font-family:Arial; color:#5ca3e2; font-size:21px;}
		.box .tp { width:234px; height:57px; line-height:55px; border-bottom:1px solid #e1e1e1;}
		.box .tp a { color:#666666;}
		.box .tp a:hover { color:#5ca3e2; text-decoration:none !important;}
		.box .tp .list { width:96px; height:55px; background:#fff; background:url(${contextPath}/DirectorEditPages/img/lm.gif) 40px 17px no-repeat; float:left; }
		.box .tp .listp { width:84px; height:55px; line-height:55px; background:#fff; margin:0 !important; float:left; font-size:15px; }
		.box .tp .listg { width:52px; height:55px; line-height:55px; background:#fff; float:left; margin:0 !important; font-size:15px; }
		.list2 {background:url(${contextPath}/DirectorEditPages/img/xx.gif) 40px 17px no-repeat !important;}
		.list3 {background:url(${contextPath}/DirectorEditPages/img/jg.gif) 40px 17px no-repeat !important;}
		.list4 {background:url(${contextPath}/DirectorEditPages/img/yj.gif) 40px 17px no-repeat !important;}
		.list5 {background:url(${contextPath}/DirectorEditPages/img/cxcp.gif) 40px 17px no-repeat !important;}
		.list6 {background:url(${contextPath}/DirectorEditPages/img/yjcg.gif) 40px 17px no-repeat !important;}
		.list7 {background:url(${contextPath}/DirectorEditPages/img/cx.gif) 40px 17px no-repeat !important;}
		.list8 {background:url(${contextPath}/DirectorEditPages/img/gs.gif) 40px 17px no-repeat !important;}
		.list9 {background:url(${contextPath}/DirectorEditPages/img/rc.gif) 40px 17px no-repeat !important;}
		.bn { border-bottom:none !important;}
		.m0 { margin:0 !important;}
	</style>
<%};%>

<%layout("/DirectorEditPages/commonPage/_layout.html", {nav:"",meunsel:"",jsParam:jsPar,cssParam:cssPar}) {%>

			<!--小导航-->
			<div id="title_nav">
				<div class="conent">
					<span>当前位置：</span>
					<a href="${contextPath}/">首页</a>
					<span>></span>
					<a href="javascript:">技术超市</a>
				</div>
				<div class="login">
					<%if(session.LoginUser!'' == ''){%>
					欢迎进入技术超市！&nbsp;&nbsp;
					<a href="${contextPath}/technologySupermarketWeb/login">登录</a>
					<%}else{%>
					欢迎 <b>${session.LoginUser.name!''}</b> 进入技术超市！&nbsp;&nbsp;
					<a href="${contextPath}/technologySupermarketWeb/tologin">管理</a>&nbsp;/&nbsp;
					<a href="${contextPath}/technologySupermarketWeb/logout">登出</a>
					<%}%>
				</div>
			</div>
			
			<div id="main_dongtai">
				<div class="left_dt">
					
					<div class="box">
				    	<div class="head">
				        	<p class="bns m0">商务分类</p>
				            <p class="sort m0">sort</p>
				        </div>
				        <div class="tp">
				        	<div class="list"></div>
				            <p class="listp"><a href="${contextPath}/technologySupermarketWeb/toAlliancePage">产业联盟</a></p>
				            <p class="listg"><a href="${contextPath}/technologySupermarketWeb/toAlliancePage"> > </a></p>
				        </div>
				        <div class="tp">
				        	<div class="list list2"></div>
				            <p class="listp"><a href="${contextPath}/technologySupermarketWeb/toEnterprisePage?storetype=GXYS">高校院所</a></p>
				            <p class="listg"><a href="${contextPath}/technologySupermarketWeb/toEnterprisePage?storetype=GXYS"> > </a></p>
				        </div>
				        <div class="tp">
				        	<div class="list list3"></div>
				            <p class="listp"><a href="${contextPath}/technologySupermarketWeb/toEnterprisePage?storetype=JGTT">机构团体</a></p>
				            <p class="listg"><a href=${contextPath}/technologySupermarketWeb/toEnterprisePage?storetype=JGTT> > </a></p>
				        </div>
				        <div class="tp">
				        	<div class="list list4"></div>
				            <p class="listp"><a href="${contextPath}/technologySupermarketWeb/toEnterprisePage?storetype=QYJT">企业集团</a></p>
				            <p class="listg"><a href="${contextPath}/technologySupermarketWeb/toEnterprisePage?storetype=QYJT"> > </a></p>
				        </div>
				        <div class="tp">
				        	<div class="list list5"></div>
				            <p class="listp"><a href="${contextPath}/technologySupermarketWeb/toProductTypePage?producttype=YJKF">研究开发</a></p>
				            <p class="listg"><a href="${contextPath}/technologySupermarketWeb/toProductTypePage?producttype=YJKF"> > </a></p>
				        </div>
				        <div class="tp">
				        	<div class="list list6"></div>
				            <p class="listp"><a href="${contextPath}/technologySupermarketWeb/toProductTypePage?producttype=JSCG">技术成果</a></p>
				            <p class="listg"><a href="${contextPath}/technologySupermarketWeb/toProductTypePage?producttype=JSCG"> > </a></p>
				        </div>
				        <div class="tp">
				        	<div class="list list7"></div>
				            <p class="listp"><a href="${contextPath}/technologySupermarketWeb/toProductTypePage?producttype=CXCP">创新产品</a></p>
				            <p class="listg"><a href="${contextPath}/technologySupermarketWeb/toProductTypePage?producttype=CXCP"> > </a></p>
				        </div>
				        <div class="tp">
				        	<div class="list list8"></div>
				            <p class="listp"><a href="${contextPath}/technologySupermarketWeb/toProductTypePage?producttype=ZXFW">咨询服务</a></p>
				            <p class="listg"><a href="${contextPath}/technologySupermarketWeb/toProductTypePage?producttype=ZXFW"> > </a></p>
				        </div>
				        <div class="tp">
				        	<div class="list list9"></div>
				            <p class="listp"><a href="${contextPath}/talentsWeb/toTech">科技人才</a></p>
				            <p class="listg"><a href="${contextPath}/talentsWeb/toTech"> > </a></p>
				        </div>
				    </div>
					
					<!-- <div class="conent_dt">
						
						<div class="tittle_dt">
							<img src="${contextPath}/DirectorEditPages/img/supermarket/sort.jpg">
						</div>

						<ul>
							<li>
								<a class="bejsd" href="${contextPath}/technologySupermarketWeb/toAlliancePage">产业联盟&nbsp;&nbsp;></a>
							</li>
							<li>
								<a class="bejsd" href="${contextPath}/technologySupermarketWeb/toEnterprisePage?storetype=GXYS">高校院所&nbsp;&nbsp;></a>
							</li>
							<li>
								<a class="bejsd" href="${contextPath}/technologySupermarketWeb/toEnterprisePage?storetype=JGTT">机构团体&nbsp;&nbsp;></a>
							</li>
							<li>
								<a class="bejsd" href="${contextPath}/technologySupermarketWeb/toEnterprisePage?storetype=QYJT">企业集团&nbsp;&nbsp;></a>
							</li>

							<li>
								<a class="bejsd" href="${contextPath}/technologySupermarketWeb/toProductTypePage?producttype=YJKF">研究开发&nbsp;&nbsp;></a>
							</li>

							<li>
								<a class="bejsd" href="${contextPath}/technologySupermarketWeb/toProductTypePage?producttype=JSCG">技术成果&nbsp;&nbsp;></a>
							</li>

							<li>
								<a class="bejsd" href="${contextPath}/technologySupermarketWeb/toProductTypePage?producttype=CXCP">创新产品&nbsp;&nbsp;></a>
							</li>

							<li>
								<a class="bejsd" href="${contextPath}/technologySupermarketWeb/toProductTypePage?producttype=ZXFW">咨询服务&nbsp;&nbsp;></a>
							</li>

							<li>
								<a class="bejsd" href="${contextPath}/talentsWeb/toTech">科技人才&nbsp;&nbsp;></a>
							</li>

						</ul>

					</div> -->
					
					 
					
					
					<div class="search">
						<div class="search_top">
							<div class="search_lef">
								<form action="${contextPath}/technologySupermarketWeb/search?type=ALL" id="search" role="form" method="post">
									<input type="text" class="text_wen" name="name" placeholder="请输入产品关键字" value=""/>
							        <button class="btn btn-primary btn-sm"><i class="icon-search">搜索产品</i></button>
								</form><br>
								<form action="${contextPath}/technologySupermarketWeb/search?type=ZGX" id="search" role="form" method="post">
							        <input type="text" class="text_wen2" name="name" placeholder="请输入供求关键字" value=""/>
							        <button class="btn btn-info btn-sm"><i class="icon-search">搜索供求</i></button>
								</form>
							</div>
						</div>
					</div>
				</div>
				
              <div class="right">
				<div class="right_one">
					<div class="row">
							<ul class="nav nav-pills nav_3" style="border-bottom: none;" role="tablist" id="navli">
								<li class="li_click active">
									<a href="#" data-toggle="tab">找产品</a>
								</li>
								<li class="li_click">
									<a href="#" data-toggle="tab">找技术</a>
								</li>
								<li class="li_click">
									<a href="#" data-toggle="tab">找服务</a>
								</li>
								<li class="li_click">
									<a href="${contextPath}/talentsWeb/toTech">找人才</a>
								</li>
							</ul>

						</div>

						<div class="container-form" style="display: block;">
							<div class="items">
								<%for(product in productlist00){%><br>
									<div class="div_a">
										<a href="${contextPath}/technologySupermarketWeb/toProductDetailsPage?id=${product.id}" id="items_1">
											<span id="spname">&nbsp;&nbsp;${product.name!''}&nbsp;&nbsp;&nbsp;&nbsp;<font style="font-size: small;">${product.producttypeName!''}</font></span>
											<span id="spprice">￥${product.price!''}/${product.priceunit!''}</span>
											<span id="spdate">${product.createDate!''}</span>
										</a>
									</div>
								<%}%>
							</div>
							<span class="more1"><a href="${contextPath}/technologySupermarketWeb/search?type=ZCP&totaltype=0">查看更多></a></span>
						<!-- <span class="more1"><a href="${contextPath}/technologySupermarketWeb/search"><h3>查看更多></h3></a></span> -->
						</div>
						<div class="container-form" style="display: none;">
							<div class="items">
								<%for(product in productlist01){%><br>
									<div class="div_a">
										<a href="${contextPath}/technologySupermarketWeb/toProductDetailsPage?id=${product.id}" id="items_1">
											<span id="spname">&nbsp;&nbsp;${product.name!''}&nbsp;&nbsp;&nbsp;&nbsp;<font style="font-size: small;">${product.producttypeName!''}</font></span>
											<span id="spprice">￥${product.price!''}/${product.priceunit!''}</span>
											<span id="spdate">${product.createDate!''}</span>
										</a>
									</div>
								<%}%>
							</div>
							<span class="more1"><a href="${contextPath}/technologySupermarketWeb/search?type=ZCP&totaltype=1">查看更多></a></span>
						</div>
						<div class="container-form" style="display: none;">
							<div class="items">
								<%for(product in productlist02){%><br>
									<div class="div_a">
										<a href="${contextPath}/technologySupermarketWeb/toProductDetailsPage?id=${product.id}" id="items_1">
											<span id="spname">&nbsp;&nbsp;${product.name!''}&nbsp;&nbsp;&nbsp;&nbsp;<font style="font-size: small;">${product.producttypeName!''}</font></span>
											<span id="spprice">￥${product.price!''}/${product.priceunit!''}</span>
											<span id="spdate">${product.createDate!''}</span>
										</a>
									</div>
								<%}%>
							</div>
							<span class="more1"><a href="${contextPath}/technologySupermarketWeb/search?type=ZCP&totaltype=2">查看更多></a></span>
						</div>
						
						<div class="container-form" style="display: none;">
							<div class="rencai">
								<p><a href="#">正在转入...</a></p>
							</div>
						</div>
				</div>
				<div class="right_two">
					<div class="right_two_one">
						<span style="font-family: '微软雅黑'; font-size: large;"> 供求发布 </span>
						<div class="more1">
						
							<%if(session.LoginUser!'' == ''){%>
								<a id="null" href="javascript:tishi();">
									<button class="btn btn-xs"><i class="icon-edit"></i>我要发布</button>
								</a>
							<%}else{%>
								<%if(session.LoginUser.isplatform!'' == 1){%>
									<a href="${contextPath}/supplydemandAudit/toReview?pageNumber=1" target="_blank">
										<button class="btn btn-xs"><i class="icon-edit"></i>我要审核</button>
									</a>
								<%}else if(session.LoginUser.isenterprise!'' == 1){%>
									<a href="${contextPath}/supplydemand/getSupplydemandList?pageNumber=1" target="_blank">
										<button class="btn btn-xs"><i class="icon-edit"></i>我要发布</button>
									</a>
								<%}%>
							<%}%>
						
							<a href="${contextPath}/technologySupermarketWeb/search?type=ZGX">
								<button class="btn btn-xs">查看更多 <i class="icon-angle-right"></i></button>
							</a>
						</div>
					</div>
					<hr />
				<div class="scrolllist" id="s1">
					<a class="abtn aleft" href="#left" title="左移"></a>
					<div class="imglist_w">
						<ul class="imglist">
							<%for(supply in supplylist){%>
								<li>
									<a href="${contextPath}/technologySupermarketWeb/toSupplydemandDetailsPage?id=${supply.id!''}" title="${supply.name!''}">
										<%if(supply.image1!'' != ''){%>
											<img width="190" height="150" alt=" " src="${contextPath}/imageFile/getImage?imagePath=${supply.image1!''}">
										<%}else{%>
											<img width="190" height="150" alt=" " src="${contextPath}/DirectorEditPages/img/logo.gif">
										<%}%>
										<span id="list_name">名称：${supply.name!''}</span><span id="list_price">价格：￥${supply.price!''}元/${supply.priceunit!''}</span>
									</a>
								</li>
							<%}%>
						</ul>
						<!--imglist end-->
					</div>
					<a class="abtn aright" href="#right" title="右移"></a>
				</div>

				<div class="right_three">
					<div class="right_two_one">
						<span style="font-family: '微软雅黑'; font-size: large;">交易展示</span>
						<!-- <div class="more1">
							<a href="${contextPath}/technologySupermarketWeb/search?type=ZCP">
								<button class="btn btn-xs">查看更多 <i class="icon-angle-right"></i></button>
							</a>
						</div> -->
					</div>
					<hr />
					<div class="slide-title">
						<span id="yx">营销单位</span>
						<span id="cg">采购单位</span>
						<span id="cp">产品交易</span>
						<span id="jy">交易状态</span>
					</div>
					<div class="slide-container" id="dome">
						<ul class="slide-list js-slide-list">
							<%for(transaction in transactionlist){%>
								<li class="even">
									<a href="javascript:">
										<span>
											<%if(transaction.userAllianceName1!'' != ""){%>
												${transaction.userAllianceName1}
											<%}else if(transaction.userEnterpriseName1!'' != ""){%>
												${transaction.userEnterpriseName1}
											<%}else{%>
												${transaction.userName1}
											<%}%>
										</span>
										<span>
											<%if(transaction.userAllianceName!'' != ""){%>
												${transaction.userAllianceName}
											<%}else if(transaction.userEnterpriseName!'' != ""){%>
												${transaction.userEnterpriseName}
											<%}else{%>
												${transaction.userName}
											<%}%>
										</span>
										<span>
											<%if(transaction.productId!'' != ""){%>
												${transaction.productName!''}
											<%}else if(transaction.supplydemandId!'' != ""){%>
												${transaction.supplydemandName!''}
											<%}%>
										</span>
										<span>
											<%if(transaction.transactionStatus!'' == 0){%>
												未开始
											<%}else if(transaction.transactionStatus!'' == 1){%>
												交易中
											<%}else if(transaction.transactionStatus!'' == 2){%>
												交易成功
											<%}else{%>
												交易失败
											<%}%>
										</span>
									</a>
								</li>
							<%}%>
						</ul>
					</div>
				</div>
			  </div>
			</div>
			</div>

		<!--翅膀-->
		
		<DIV id="floatTools" class="float0831">
			<div class="floatL">
				<a style="DISPLAY: none" id="aFloatTools_Show" class="btnOpen" title="查看在线服务"
					onclick="javascript:$('#divFloatToolsView').animate({width: 'show', opacity: 'show'}, 'normal',function(){ $('#divFloatToolsView').show();kf_setCookie('RightFloatShown', 0, '', '/', 'www.waityou24.cn'); });$('#aFloatTools_Show').attr('style','display:none');$('#aFloatTools_Hide').attr('style','display:block');" 
					href="javascript:void(0);">展开
				</a> 
				<a id="aFloatTools_Hide" class="btnCtn" title="关闭在线服务"
					onclick="javascript:$('#divFloatToolsView').animate({width: 'hide', opacity: 'hide'}, 'normal',function(){ $('#divFloatToolsView').hide();kf_setCookie('RightFloatShown', 1, '', '/', 'www.waityou24.cn'); });$('#aFloatTools_Show').attr('style','display:block');$('#aFloatTools_Hide').attr('style','display:none');" 
					href="javascript:void(0);">收缩
				</a>
			</div>
			<DIV id="divFloatToolsView" class="floatR">
				<DIV class="tp"></DIV>
				<DIV class="cn" id="chib">
					<UL>
						<LI class="top">
							<A href="javascript:openZXKF();">&nbsp;在线客服</A> 
						</LI>
						<LI><A href="${contextPath}/technologySupermarketWeb/toComplaintPage">&nbsp;投诉监管</A> </LI>
					</UL>
					<UL>
						<LI><A href="${contextPath}/technologySupermarketWeb/toHelpcenterPage">&nbsp;超市指南</A> </LI>
					</UL>
				</DIV>
			</DIV>
		</DIV>
		
		
	<!-- 	<div id=floatTools class=float0831>
			<div class=floatL>
				<a style="DISPLAY: none" id=aFloatTools_Show class=btnOpen title=查看在线客服 onclick="javascript:$('#divFloatToolsView').animate({width: 'show', opacity: 'show'}, 'normal',function(){ $('#divFloatToolsView').show();kf_setCookie('RightFloatShown', 0, '', '/', 'www.16sucai.com'); });$('#aFloatTools_Show').attr('style','display:none');$('#aFloatTools_Hide').attr('style','display:block');" href="javascript:void(0);">展开</a>
				<a id=aFloatTools_Hide class=btnCtn title=关闭在线客服 onclick="javascript:$('#divFloatToolsView').animate({width: 'hide', opacity: 'hide'}, 'normal',function(){ $('#divFloatToolsView').hide();kf_setCookie('RightFloatShown', 1, '', '/', 'www.16sucai.com'); });$('#aFloatTools_Show').attr('style','display:block');$('#aFloatTools_Hide').attr('style','display:none');" href="javascript:void(0);">收缩</a>
			</div>
			<div id=divFloatToolsView class=floatR>
				<div class=tp></div>
				<div class=cn>
					<ul>
						<li class=top>
						<A href="javascript:openZXKF();">&nbsp;在线客服</A> 
						</li>					
					</ul>
					<UL>
						<LI><A href="${contextPath}/technologySupermarketWeb/toComplaintPage">&nbsp;投诉监管</A> </LI>
					</UL>
					
					<ul>
						<li>
							<a href="javascript:openZXKF();"><H3 class=titDh>超市指南</H3></a>
						</li>
					</ul>
				</div>
			</div>
		</div> -->
<%}%>