supermarketPagesJson.html 17 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340
  1. <!doctype html>
  2. <html lang="en">
  3. <head>
  4. <meta charset="UTF-8">
  5. <!-- <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9"> -->
  6. <!-- <meta http-equiv="X-UA-Compatible" content="IE=Edge" /> -->
  7. <meta name="Generator" content="EditPlus®">
  8. <link rel="shortcut icon" href="favicon.ico"/>
  9. <meta name="Author" content="">
  10. <meta name="Keywords" content="">
  11. <meta name="Description" content="">
  12. <title></title>
  13. <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
  14. <link rel="stylesheet" href="${contextPath}/WebPages_170421/css/supermarket/supermarketPages.css">
  15. <script src="https://code.jquery.com/jquery-2.1.4.min.js"></script>
  16. <script type="text/javascript" src="js/jquery.pseudo.js"></script>
  17. <script src="${contextPath}/WebPages_170421/js/supermarket/supermarket.js"></script>
  18. <script type="text/javascript" src="${contextPath}/WebPages_170421/js/jquery.SuperSlide2.js"></script>
  19. <script type='text/javascript'>
  20. function tim(){
  21. var date = new Date();
  22. var seperator1 = "-";
  23. var year = date.getFullYear();
  24. var month = date.getMonth() + 1;
  25. var strDate = date.getDate();
  26. if (month >= 1 && month <= 9) {
  27. month = "0" + month;
  28. }
  29. if (strDate >= 0 && strDate <= 9) {
  30. strDate = "0" + strDate;
  31. }
  32. var mydate=new Date();
  33. var myddy=mydate.getDay();
  34. var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
  35. document.getElementById('days').innerHTML=year+seperator1+month+seperator1+strDate+'&nbsp;&nbsp;'+weekday[myddy];
  36. }
  37. setInterval(tim,1000);
  38. </script>
  39. </head>
  40. <body>
  41. <div class="wrapper">
  42. <%include("/WebPages_170421/commonPage/menu.html"){}%>
  43. <div class="main">
  44. <div class="partone">
  45. <div class="oneleft">
  46. <ul>
  47. <li><a href="#"><img src="${contextPath}/WebPages_170421/img/supermarket/keji.jpg" style="vertical-align: middle;"> 商务分类</a></li>
  48. <li><a href="${contextPath}/Supermarket/toEnterprisePage?storetype=GXYS">高校院所</a></li>
  49. <li><a href="">科研院所</a></li>
  50. <li><a href="${contextPath}/Supermarket/toEnterprisePage?storetype=QYJT">科技企业</a></li>
  51. <li><a href="${contextPath}/Supermarket/toEnterprisePage?storetype=JGTT">机构团体</a></li>
  52. <li><a href="${contextPath}/Supermarket/toProductTypePage?producttype=YJKF">研发服务</a></li>
  53. <li><a href="${contextPath}/Supermarket/toProductTypePage?producttype=JSCG">技术成果</a></li>
  54. <li><a href="${contextPath}/Supermarket/toProductTypePage?producttype=CXCP">创新产品</a></li>
  55. <li><a href="${contextPath}/Supermarket/toProductTypePage?producttype=ZXFW">咨询服务</a></li>
  56. <li><a href="${contextPath}/Talent/toTech">创新人才</a></li>
  57. </ul>
  58. </div>
  59. <div class="oneright">
  60. <div class="sou">
  61. <form class="sout" action="${contextPath}/Supermarket/search?type=ALL" method="post">
  62. <input type="text" name="name" placeholder="输入产品关键字">
  63. <button><img src="${contextPath}/WebPages_170421/img/homepage/search.jpg"><span>产品</span></button>
  64. </form>
  65. <form class="soub" action="${contextPath}/Supermarket/search?type=ZGX" method="post">
  66. <input type="text" name="name" placeholder="输入供需关键字">
  67. <button><img src="${contextPath}/WebPages_170421/img/homepage/search.jpg"><span>供求</span></button>
  68. </form>
  69. </div>
  70. <div class="more">
  71. <div class="tab">
  72. <ul class="title" id="title">
  73. <li class="active" alt="ZJS"><a href="#">技术供求</a><span></span></li>
  74. <li alt="ZCP"><a href="#">产品供求</a><span></span></li>
  75. <li alt="ZFW"><a href="#">服务供求</a><span></span></li>
  76. <li alt="ZRC"><a href="${contextPath}/Talent/toTech">人才供求</a></li>
  77. </ul>
  78. <div style="float:left; height:60px; line-height:60px;"><a id="zBtn" style="float:left; height:60px; line-height:60px;" href="${contextPath}/Supermarket/search?type=ZJS&totaltype=0"><span class="spand"></span><span class="spand"></span><span class="spand"></span></a></div>
  79. <div class="content" id="content">
  80. <div class="contentlist" >
  81. <div class="js">
  82. <ul>
  83. <%for(product in productlist01){%>
  84. <li>
  85. <a href="${contextPath}/Supermarket/toProductDetailsPage?id=${product.id}">
  86. <p>${product.name!''}</p>
  87. <p>技术类型:${product.producttypeName!''}<span>日期:${product.createDate!''}</span></p>
  88. <p>价格:¥${product.price!''}元/${product.priceunit!''}</p>
  89. </a>
  90. </li>
  91. <%}%>
  92. <!-- <li class="chak" ><a href="${contextPath}/Supermarket/search?type=ZJS&totaltype=1">查看更多> </a></li> -->
  93. </ul>
  94. </div>
  95. </div>
  96. <div class="contentlist">
  97. <%for(product in productlist00){%>
  98. <div class="pro">
  99. <a href="${contextPath}/Supermarket/toProductDetailsPage?id=${product.id}">
  100. <%if(product.image1!'' != ""){%>
  101. <img src="${contextPath}/imageFile/getImage?imagePath=${product.image1!''}" >
  102. <%}else{%>
  103. <imgsrc="${contextPath}/WebPages_170421/img/supermarket/d1.gif" >
  104. <%}%>
  105. <div class="proinfo">
  106. <p>${product.name!''}</p>
  107. <p><div style="float: left; color: red; max-width: 120px; overflow: hidden; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; padding-left: 6px;">¥${product.price!''}元/${product.priceunit!''}</div><div style="float:right; padding-right:6px;">${product.producttypeName!''}</div></p>
  108. <!-- <p class="p4">${product.createDate!''}</p> -->
  109. </div>
  110. </a>
  111. </div>
  112. <%}%>
  113. <!-- <li class="chak" ><a href="${contextPath}/Supermarket/search?type=ZCP&totaltype=0">查看更多> </a></li> -->
  114. </div>
  115. <div class="contentlist">
  116. <ul class="fw">
  117. <%for(product in productlist02){%>
  118. <li>
  119. <a href="${contextPath}/Supermarket/toProductDetailsPage?id=${product.id}">
  120. <span>${product.name!''}</span>
  121. <span>服务类型:${product.producttypeName!''}</span>
  122. <span>¥${product.price!''}元/${product.priceunit!''}</span><span>${product.createDate!''}</span>
  123. </a>
  124. </li>
  125. <%}%>
  126. <!-- <li class="chak" ><a href="${contextPath}/Supermarket/search?type=ZFW&totaltype=2">查看更多> </a></li> -->
  127. </ul>
  128. </div>
  129. <div class="contentlist">
  130. 正在跳转请稍后...
  131. </div>
  132. </div>
  133. </div>
  134. </div>
  135. </div>
  136. </div>
  137. <div class="parttwo">
  138. <h2>最新发布
  139. <a href="${contextPath}/Supermarket/search?type=ZGX"> <div></div><div></div><div></div></a>
  140. <a href="${contextPath}/productUser/toindex?typeCode=1&kjcsType=0" target="_blank">
  141. <span>我要发布</span>
  142. </a>
  143. </h2>
  144. <div class="fb">
  145. <%for(supply in supplylist){%>
  146. <div class="falist">
  147. <div class="falift">
  148. <a href="${contextPath}/Supermarket/toSupplydemandDetailsPage?id=${supply.id!''}">
  149. <%if(supply.image1!'' != ''){%>
  150. <img src="${contextPath}/imageFile/getImage?imagePath=${supply.image1!''}">
  151. <%}else{%>
  152. <img src="${contextPath}/WebPages_170421/img/logo.gif">
  153. <%}%>
  154. </a>
  155. </div>
  156. <div class="faright">
  157. <div class="frtop">
  158. <div style="float:left;">${supply.name!''}</div>
  159. <div style="float:right; margin-right:10px;">供</div>
  160. </div>
  161. <div class="frtoptwo">
  162. <div class="two1">
  163. 所属企业:硅藻土企业
  164. </div>
  165. <div class="two2">
  166. 认证状态:已认证
  167. </div>
  168. </div>
  169. <div class="frtoptwo">
  170. <div class="two1">
  171. 类别:${supply.supplytype!''}
  172. </div>
  173. <div class="two2">
  174. 上架时间:${supply.createDate!''}
  175. </div>
  176. </div>
  177. </div>
  178. </div>
  179. <%}%>
  180. </div>
  181. </div>
  182. <div class="partthree">
  183. <h2>
  184. 交易展示
  185. <a href="${contextPath}/Supermarket/transactionlist"> <div style="width:3px; height:3px;"></div><div style="width:3px; height:3px;"></div><div style="width:3px; height:3px;"></div></a>
  186. </h2>
  187. <ul>
  188. <li><span style=" height:28px; line-height:28px; ">营销单位</span><span style=" height:28px; line-height:28px; ">采购单位</span><span style=" height:28px; line-height:28px; ">产品交易</span><span style=" height:28px; line-height:28px; ">交易状态</span></li>
  189. <%for(transaction in transactionlist){%>
  190. <li>
  191. <span class="span1 w220" style="width:200px; height:28px; line-height:28px; margin-left:53px; margin-right:53px;" >
  192. <%if(transaction.userAllianceName1!'' != ""){%>
  193. ${transaction.userAllianceName1}
  194. <%}else if(transaction.userEnterpriseName1!'' != ""){%>
  195. ${transaction.userEnterpriseName1}
  196. <%}else{%>
  197. ${transaction.userName1}
  198. <%}%>
  199. </span>
  200. <span class="span1 w250" style="width:200px; height:28px; line-height:28px; margin-left:33px; margin-right:53px;">
  201. <%if(transaction.userAllianceName!'' != ""){%>
  202. ${transaction.userAllianceName}
  203. <%}else if(transaction.userEnterpriseName!'' != ""){%>
  204. ${transaction.userEnterpriseName}
  205. <%}else{%>
  206. ${transaction.userName}
  207. <%}%>
  208. </span>
  209. <span class="span1 w200" style="width:170px; height:28px; line-height:28px; margin-left:53px; margin-right:53px;">
  210. <%if(transaction.productId!'' != ""){%>
  211. ${transaction.productName!''}
  212. <%}else if(transaction.supplydemandId!'' != ""){%>
  213. ${transaction.supplydemandName!''}
  214. <%}%>
  215. </span>
  216. <span class="span2" style=" height:28px; line-height:28px; ">
  217. <%if(transaction.transactionStatus!'' == 0){%>
  218. 未开始
  219. <%}else if(transaction.transactionStatus!'' == 1){%>
  220. 交易中
  221. <%}else if(transaction.transactionStatus!'' == 2){%>
  222. 交易成功
  223. <%}else{%>
  224. 交易失败
  225. <%}%>
  226. </span>
  227. </li>
  228. <%}%>
  229. <!-- <li>
  230. <span>河南仪表有限公司</span><span>厦门科易通宝网络科技</span><span>多功能黑白激光</span><span>交易成功</span>
  231. </li> -->
  232. </ul>
  233. </div>
  234. </div>
  235. <div class="footer">
  236. <div>
  237. <p>版权所有:吉林省计算中心</p>
  238. <p>技术支持:长春市福瑞科技有限公司</p>
  239. <p>邮编:130000</p>
  240. <p>传真:239823982</p>
  241. <p>地址:吉林省长春市朝阳区前进大街1244号</p>
  242. <p>电话:0431-1234567</p>
  243. <p>邮箱:123456@163.com</p></div>
  244. </div>
  245. </div>
  246. </div>
  247. <script type="text/javascript">
  248. window.onload=function(){
  249. var timer=null;
  250. var speed=2;
  251. var od=document.getElementById("roll");
  252. var au=od.getElementsByTagName('ul')[0];
  253. var ali=au.getElementsByTagName('li');
  254. au.innerHTML=au.innerHTML+au.innerHTML;
  255. au.style.width=ali[0].offsetWidth*ali.length+'px';
  256. timer=setInterval(move,30)
  257. function move(){
  258. if(au.offsetLeft<-au.offsetWidth/2){
  259. au.style.left='0';
  260. }
  261. if(au.offsetLeft>0){
  262. au.style.left=-au.offsetWidth/2+'px';
  263. }
  264. au.style.left=au.offsetLeft+speed+'px';
  265. }
  266. od.onmouseover=function(){
  267. clearInterval(timer);
  268. }
  269. od.onmouseout=function(){
  270. timer=setInterval(move,30)
  271. }
  272. document.getElementById("left").onmouseover=function(){
  273. speed=-2;
  274. }
  275. document.getElementById("right").onmouseover=function(){
  276. speed=2;
  277. }
  278. }
  279. window.onload = function () {
  280. // alert(1);
  281. // var Oul = document.getElementById("side1");
  282. // var Oli = Oul.getElementsByTagName("li");
  283. // alert(2);
  284. for (var j = 0; j < 8; j++) {
  285. if(j>5){
  286. // Oli[j].style.display = "none";
  287. $(".latestinfo ul li").eq(j+2).css({'display':'none'});
  288. $("ul#notification1 li").eq(j+2).css({'display':'none'});
  289. $("ul#notification2 li").eq(j+2).css({'display':'none'});
  290. $("ul#side1 li").eq(j).css({'display':'none'});
  291. $("ul#side2 li").eq(j).css({'display':'none'});
  292. }
  293. }
  294. }
  295. </script>
  296. <script>
  297. $(function(){
  298. //tab选项卡点击
  299. //$(".title li").click(function(){ 标题点击
  300. //var index=$(this).index(); 获得当前点击标题的下标
  301. //$(this).addClass("active").siblings().removeClass("active"); 给当前选项添加选中,其他移除选中
  302. // $(".content .contentlist").eq(index).show().siblings().hide(); 对应下标的内容框显示,其他隐藏
  303. //});
  304. //tab选项卡悬停
  305. $("#title ul li").first().addClass("active");
  306. $(".title li").click(function(){ ////标题悬停
  307. var index=$(this).index(); //获得当前点击标题的下标
  308. $(this).addClass("active").siblings().removeClass("active"); //给当前选项添加选中,其他移除选中
  309. $(".content .contentlist").eq(index).show().siblings().hide(); //对应下标的内容框显示,其他隐藏
  310. $("#zBtn").attr("href","${contextPath}/Supermarket/search?type="+$(this).attr("alt")+"&totaltype=0");
  311. });
  312. })
  313. </script>
  314. </body>
  315. </html>