productDetailView.php 8.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  2. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
  3. <head>
  4. <meta http-equiv="Content-Type" content="text/html;charset=UTF-8" />
  5. <meta name="keywords" content="永天科技页面智慧商圈" />
  6. <meta name="description" content="永天科技页面智慧商圈" />
  7. <meta name="renderer" content="webkit">
  8. <title>永天科技页面智慧商圈-产品详情</title>
  9. <link rel="stylesheet" type="text/css" href="../assets/v1/css/reset.css" />
  10. <link rel="stylesheet" type="text/css" href="../assets/v1/css/base.css" />
  11. <link rel="stylesheet" type="text/css" href="../assets/v1/css/details.css" />
  12. <link rel="stylesheet" type="text/css" href="../assets/v1/css/head.css" />
  13. <?php $this->load->view('_resource', array('link' => 'area')); ?>
  14. <script type="text/javascript" src="../assets/v1/js/jquery-1.11.1.min.js"></script>
  15. <script type="text/javascript" src="../assets/v1/js/picture.js"></script>
  16. <script type="text/javascript" src="../assets/v1/js/global.js"></script>
  17. </head>
  18. <body>
  19. <?php $this->load->view('_header' , array('navi' => 'join')); ?>
  20. <div class="top">
  21. <img src="<?php echo STYLE_PATH; ?>/images/num34.png" alt="" />
  22. </div>
  23. <div class="c1"></div>
  24. <!-- tab选项卡 -->
  25. <div class="tab">
  26. <ul>
  27. <li class="m1">
  28. <a href="/example#a">
  29. <img src="<?php echo STYLE_PATH; ?>/images/ss1.png" alt="" />
  30. <span>智慧商圈</span>
  31. </a>
  32. </li>
  33. <li class="m2">
  34. <a href="/example#b">
  35. <img src="<?php echo STYLE_PATH; ?>/images/ss2.png" alt="" />
  36. <span>智慧社区</span>
  37. </a>
  38. </li>
  39. <li class="m3">
  40. <a href="/example#c">
  41. <img src="<?php echo STYLE_PATH; ?>/images/ss3.png" alt="" />
  42. <span>智慧园区</span>
  43. </a>
  44. </li>
  45. <li class="m4">
  46. <a href="/example#d">
  47. <img src="<?php echo STYLE_PATH; ?>/images/ss4.png" alt="" />
  48. <span>智慧办公</span>
  49. </a>
  50. </li>
  51. <li class="m5">
  52. <a href="/example#e">
  53. <img src="<?php echo STYLE_PATH; ?>/images/ss5.png" alt="" />
  54. <span>智慧消防</span>
  55. </a>
  56. </li>
  57. <li class="m5">
  58. <a href="/example#f">
  59. <img src="<?php echo STYLE_PATH; ?>/images/ss6.png" alt="" />
  60. <span>其他</span>
  61. </a>
  62. </li>
  63. <li class="m5 current">
  64. <a href="/product">
  65. <img src="<?php echo STYLE_PATH; ?>/images/ss7.png" alt="" />
  66. <span>智慧产品</span>
  67. </a>
  68. </li>
  69. </ul>
  70. </div>
  71. <!-- tab选项卡 -->
  72. <div class="c1 h84"></div>
  73. <div class="content">
  74. <div class="top_top">
  75. <div class="fl">
  76. <div class="header_title">
  77. 产品详情</div>
  78. <div class="header_subtitle"></div>
  79. <span class="line-abs bottom hleft" style="overflow:hidden;border-bottom-style:solid;width:76px;max-width:76px;border-bottom-width:4px;border-bottom-color:#3cbdd7;margin-left:0px;margin-top:5px;display: block;"></span>
  80. <div class="c1" style="height: 50px;"></div>
  81. </div>
  82. <div class="fr">
  83. <a href="http://www.usky.cn/product">返回</a>
  84. </div>
  85. </div>
  86. <div class="c1" style="clear: both;"></div>
  87. <div class="con">
  88. <div class="con_lf fl">
  89. </div>
  90. <div class="con_rh fr">
  91. <div class="qfe_wrapper" style="margin-top: 55px;">
  92. <div class="qfy_title left mobilecenter">
  93. <div class="qfy_title_image_warpper" style="display:inline-block;position:relative;max-width:100%;border-width:0 0 0 5px;border-style:solid;border-color:#000000;">
  94. <div class="qfy_title_inner" style="display:inline-block;position:relative;max-width:100%;">
  95. <div class="header_title header_title1" style="font-family:微软雅黑;font-size:23px;font-weight:normal;font-style:normal;color:#000000;padding:0 10px 0 10px;display:inline-block;padding:0 10px 0 10px;vertical-align:middle;"></div>
  96. <div class="header_subtitle" style="font-family:arial;font-size:15px;font-weight:normal;font-style:normal;color:#adadad;display:inline-block;padding:10px 0 0 0;vertical-align:middle;"></div>
  97. </div>
  98. <style></style>
  99. <div class="button_wrapper" style="display:none;">
  100. <div class="button " style="display:inline-block;max-width:100%;text-align:center; font-size:14px; color:#333; padding:5px;">+ 查看更多</div>
  101. </div><span style="clear:both;"></span>
  102. </div>
  103. </div>
  104. </div>
  105. <div class="c1"></div>
  106. <div class="qfe_wrapper" style="margin-top: 76px;width: 90%;">
  107. <div>
  108. <h2>产品特点</h2>
  109. <span class="spc_span"></span>
  110. </div>
  111. <div class="c1" style="height: 40px;"></div>
  112. <div class="n2">
  113. <h2>产品参数</h2>
  114. <div class="box_span">
  115. </div>
  116. </div>
  117. </div>
  118. </div>
  119. </div>
  120. </div>
  121. <?php $this->load->view('_footer'); ?>
  122. </body>
  123. <script type="text/javascript">
  124. function GetRequest() {
  125. var url = location.search; //获取url中"?"符后的字串
  126. var theRequest = new Object();
  127. if (url.indexOf("?") != -1) {
  128. var str = url.substr(1);
  129. strs = str.split("&");
  130. for (var i = 0; i < strs.length; i++) {
  131. theRequest[strs[i].split("=")[0]] = unescape(strs[i].split("=")[1]);
  132. }
  133. }
  134. var price = parseInt(url.replace(/[^0-9]/ig, ""));
  135. var geturl = '/api/getProductDetail?id=';
  136. $.ajax({
  137. type: "GET",
  138. cache: true,
  139. dataType: "json",
  140. url: geturl + price,
  141. error: function(request) {
  142. console.log(request);
  143. },
  144. success: function(res) {
  145. console.log(res);
  146. var html = '';
  147. var html1 = '';
  148. var html2 = '';
  149. var html3 = '';
  150. // var html4 = '';
  151. html += res.data.title;
  152. html1 += res.data.desc;
  153. html2 += '<img style="width:357px; height:246px;" src="' + res.data.img["0"].img + '" alt="">';
  154. // html2 += ' <span>' + formatDateTime(res.data.detail.publishtime) + '</span>';
  155. html3 += ' <span>' + res.data.sence + '</span>';
  156. // html3 += ' <a href="/news/detail?id='+res.data.prev.id+'">'+res.data.prev.title+'</a>';
  157. // html4 += ' <span>下一篇</span>';
  158. // html4 += ' <a href="/news/detail?id='+res.data.next.id+'">'+res.data.next.title+'</a>';
  159. // html += ' <div>' + res.data.detail.content + '</div>';
  160. $(".header_title1").html(html);
  161. $(".breadcrumb-a").html(res.data.type_name);
  162. $(".breadcrumb-text").html(html);
  163. $(".qfe_wrapper span.spc_span").html(html1);
  164. $(".con_lf").html(html2);
  165. $(".box_span").html(html3);
  166. // $(".addtime").html(html2);
  167. // $(".sp").html(html);
  168. // $(".prev_inner").html(html3);
  169. // $(".next_inner").html(html4);
  170. }
  171. });
  172. }
  173. GetRequest();
  174. function formatDateTime(timeStamp) {
  175. var date = new Date();
  176. date.setTime(timeStamp * 1000);
  177. var y = date.getFullYear();
  178. var m = date.getMonth() + 1;
  179. m = m < 10 ? ('0' + m) : m;
  180. var d = date.getDate();
  181. d = d < 10 ? ('0' + d) : d;
  182. var h = date.getHours();
  183. h = h < 10 ? ('0' + h) : h;
  184. var minute = date.getMinutes();
  185. var second = date.getSeconds();
  186. minute = minute < 10 ? ('0' + minute) : minute;
  187. second = second < 10 ? ('0' + second) : second;
  188. return y + '-' + m + '-' + d;
  189. };
  190. </script>
  191. <script type="text/javascript">
  192. $(document).ready(function() {
  193. $(window).scroll(function() {
  194. if ($(window).scrollTop() > 85) {
  195. $('.head2').slideDown("slow");
  196. } else {
  197. $('.head2').hide();
  198. }
  199. });
  200. });
  201. </script>
  202. </html>