detailfx.jsp 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188
  1. <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%>
  2. <%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
  3. <%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
  4. <%@ taglib uri="http://java.sun.com/jsp/jstl/functions" prefix="fn" %>
  5. <%
  6. String path = request.getContextPath();
  7. String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort() + path+"/";
  8. request.setAttribute("contextPath", basePath);
  9. String redirectUrl= request.getParameter("redirectUrl");
  10. request.setAttribute("redirectUrl", redirectUrl);
  11. %>
  12. <!DOCTYPE html>
  13. <html>
  14. <head>
  15. <base href="<%=basePath%>">
  16. <meta charset="UTF-8">
  17. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  18. <meta name="apple-mobile-web-app-capable" content="yes">
  19. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  20. <meta name="format-detection" content="telephone=no">
  21. <title><c:if test="${detail.productType == '1' }">房产详情</c:if><c:if test="${detail.productType == '2' }">产品详情</c:if></title>
  22. <script src="<%=basePath %>app/lib/flexible.js"></script>
  23. <script type="text/javascript" src="<%=basePath %>res/js/jquery.min.js"></script>
  24. <link rel="stylesheet" href="<%=basePath %>app/lib/flexible.css">
  25. <link rel="stylesheet" href="<%=basePath %>app/lib/swiper-4.3.2.min.css" />
  26. <link rel="stylesheet" href="<%=basePath %>app/css/basem.css">
  27. <link rel="stylesheet" href="<%=basePath %>app/css/public.css">
  28. <link rel="stylesheet" href="<%=basePath %>app/css/index.css">
  29. <style type="text/css">
  30. .browserCont {
  31. width: 100%;
  32. position: absolute;
  33. top: 0;
  34. }
  35. </style>
  36. </head>
  37. <body>
  38. <div class="sharemask hide" id="mmmmm">
  39. <img src="<%=basePath %>app/img/fenx.png" alt="" class="browserCont">
  40. </div>
  41. <div class="main">
  42. <!--导航 -->
  43. <div class="swiper-container" id="detail">
  44. <div class="swiper-wrapper">
  45. <c:forEach var="gi" varStatus="status" items="${groupimg }">
  46. <div class="swiper-slide">
  47. <img src="${gi }" alt="">
  48. </div>
  49. </c:forEach>
  50. </div>
  51. <!-- 分页器 -->
  52. <div class="swiper-pagination"></div>
  53. <a href="javascript:void(0)" onclick="back()" class="back"><img src="<%=basePath %>app/img/fanh4@2x.png" alt=""></a>
  54. <script type="text/javascript">
  55. function back(){
  56. window.history.go(-1);
  57. }
  58. </script>
  59. </div>
  60. <!-- 详情 -->
  61. <div class="houseinfo">
  62. <p class="houseName"><span class="houseN">${detail.productName }<c:if test="${detail.productState == '2' }">(产品已下架)</c:if></span>
  63. <a href="javascript:void(0)" onclick="reflash()" class="houseBuy fr">立即购买</a>
  64. </p>
  65. <p class="houseprice"><span>价格:</span><span>${detail.productPrice }</span></p>
  66. <p class="housecom"><span class="blutxt">${detail.productRemark }</span><c:if test="${detail.commissionRate != '0' }"><span style="margin-left:0.6rem;color:#104d9f;">佣金:${detail.commissionRate }%</span></c:if></p>
  67. <p class="housePhone"><span>联系电话:</span><span>${detail.hotline }</span></p>
  68. </div>
  69. <!-- 产品参数tab切换 -->
  70. <div class="product ">
  71. <ul class="kindul productul">
  72. <li class="current">
  73. <a href="#" title="pdDet">
  74. 产品详情
  75. <i></i>
  76. </a>
  77. </li>
  78. <li>
  79. <a href="#" title="pdNum">
  80. 产品参数
  81. </a>
  82. </li>
  83. <li>
  84. <a href="#" title="pdtPolicy">
  85. 激励政策
  86. </a>
  87. </li>
  88. </ul>
  89. <div class="productcont">
  90. <div id="pdDet" class="hide show">
  91. ${detail.productBody}
  92. </div>
  93. <div id="pdNum" class="hide">
  94. ${detail.productAttr}
  95. </div>
  96. <div id="pdtPolicy" class="hide">
  97. ${detail.policy}
  98. </div>
  99. </div>
  100. </div>
  101. <!-- 关注推介 -->
  102. <div class="GT">
  103. <a href="javascript:void(0);" id="a1" onclick="reflash()" class="fl"><img src="<%=basePath %>app/img/xin.png" alt="">关注</a>
  104. <a href="javascript:void(0)" onclick="reflash()" class="fr"><img src="<%=basePath %>app/img/tui.png" alt="">我要推介</a>
  105. </div>
  106. <script type="text/javascript">
  107. var is_weixin = (function() {
  108. var ua = navigator.userAgent.toLowerCase();
  109. if (ua.match(/MicroMessenger/i) == "micromessenger") {
  110. return true;
  111. } else {
  112. return false;
  113. }
  114. })();
  115. function reflash() {
  116. var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight;
  117. var btn = document.getElementById('J_weixin');
  118. var tip = document.getElementById('weixin-tip');
  119. var close = document.getElementById('close');
  120. if(is_weixin){
  121. $("#mmmmm").show();
  122. }else{
  123. // 获取终端的相关信息
  124. var u = navigator.userAgent.toLowerCase();
  125. var theUrl="";
  126. if(u.indexOf('iphone')>-1||u.indexOf('mac')>-1){
  127. var theUrl = "https://itunes.apple.com/cn/app/%E4%B8%9C%E6%97%AD%E9%80%9A/id1403636577?l=zh&ls=1&mt=8";
  128. window.location.href = theUrl;
  129. }else{
  130. if(confirm("确认下载东旭通客户端吗?")){
  131. var theUrl = '<%=basePath%>version/getAndroidUrl.cs';
  132. $.post(theUrl,function(rs){
  133. location.href = rs.URL;
  134. });
  135. }
  136. }
  137. }
  138. }
  139. </script>
  140. <script type="text/javascript">
  141. </script>
  142. </div>
  143. </body>
  144. <script src="<%=basePath %>app/lib/swiper-4.3.2.min.js"></script>
  145. <script type="text/javascript" src="<%=basePath %>res/js/layer/layer.min.js"></script>
  146. <script type="text/javascript" src="<%=basePath %>app/js/public.js"></script>
  147. <script>
  148. var mySwiper = new Swiper ('.swiper-container', {
  149. autoplay:true,//等同于以下设置
  150. autoplay: {
  151. delay: 3000,
  152. stopOnLastSlide: false,
  153. disableOnInteraction: true,
  154. },
  155. loop: true,
  156. // 分页器
  157. pagination: {
  158. el: '.swiper-pagination',
  159. }
  160. })
  161. /* $("#mmmmm") */
  162. </script>
  163. </html>