productView.js 6.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196
  1. var id=mobile.getUrlVars("id");
  2. var data;
  3. var custom;
  4. /**
  5. *初始化、添加监听
  6. */
  7. $(document).ready(function(){
  8. //document.onkeydown=jumpPage;
  9. document.onkeydown = function(event) {
  10. var evt = event ? event : (window.event ? window.event : null);
  11. return jumpPage(Event.mapping(evt));
  12. };
  13. document.onirkeypress = function(event) {
  14. var evt = event ? event : (window.event ? window.event : null);
  15. return jumpPage(Event.mapping(evt));
  16. };
  17. document.onsystemevent = function(event) {
  18. var evt = event ? event : (window.event ? window.event : null);
  19. return jumpPage(Event.mapping(evt));
  20. };
  21. getProductDetail();
  22. });
  23. //获取商品信息
  24. function getProductDetail(){
  25. mobile.ajaxPost(base+"/product/getById",{id:id},function(json){
  26. data = json.data;
  27. if(data.time_status==3){
  28. $(".end-time").html("已过期");
  29. $(".mui-btn").html("已过期");
  30. $(".mui-btn").addClass("mui-btn-grey");
  31. }else{
  32. if (data.product_type!="30") {
  33. var interval = setInterval(function () {
  34. var typeName;
  35. var time;
  36. var leftTime
  37. if (new Date(data.end_time.replace(/-/g, "/")) > new Date()) {
  38. leftTime = (new Date(data.end_time.replace(/-/g, "/"))) - (new Date()); //计算剩余的毫秒数
  39. typeName = "结束";
  40. } else {
  41. leftTime = (new Date(data.use_time.replace(/-/g, "/"))) - (new Date()); //计算剩余的毫秒数
  42. typeName = "过期";
  43. }
  44. var days = parseInt(leftTime / 1000 / 60 / 60 / 24, 10); //计算剩余的天数
  45. var hours = parseInt(leftTime / 1000 / 60 / 60 % 24, 10); //计算剩余的小时
  46. var minutes = parseInt(leftTime / 1000 / 60 % 60, 10);//计算剩余的分钟
  47. var seconds = parseInt(leftTime / 1000 % 60, 10);//计算剩余的秒数
  48. hours = checkTime(hours);
  49. minutes = checkTime(minutes);
  50. seconds = checkTime(seconds);
  51. $(".end-time").html("距" + typeName + days + "天" + hours + "小时" + minutes + "分" + seconds + "秒");
  52. }, 1000);
  53. }
  54. if(data.time_status==0){
  55. $(".mui-btn").addClass("mui-btn-primary").addClass("active");
  56. }else if(data.time_status==1){
  57. $(".mui-btn").html("已抢完");
  58. $(".mui-btn").addClass("mui-btn-grey");
  59. }else {
  60. $(".mui-btn").html("已结束");
  61. $(".mui-btn").addClass("mui-btn-grey");
  62. }
  63. }
  64. $(".merchant-name").html(data.merchant_name);
  65. $(".product-name").html(data.product_name);
  66. $(".product-price").html("¥"+data.product_price);
  67. $(".product-old-price .del-line").html(data.product_old_price+"元");
  68. $(".product-num").html(data.visit_num+"人关注");
  69. if(data.payNum>0){
  70. $(".product-num").html("总"+data.product_num+"份/剩"+(data.product_num-data.sale_num)+"份" +
  71. "<span class='color-red pl10'>"+data.payNum+"人正在付款</span> ");
  72. }else{
  73. $(".product-num").html("总"+data.product_num+"份/剩"+(data.product_num-data.sale_num)+"份");
  74. }
  75. $(".visit-num").html(data.visit_num+"人关注");
  76. if(data.product_img_1){
  77. $(".product-detail").append('<img src="'+imgUrl+data.product_img_1+'">');
  78. }
  79. if(data.product_img_2){
  80. $(".product-detail").append('<img src="'+imgUrl+data.product_img_2+'">');
  81. }
  82. if(data.product_img_3){
  83. $(".product-detail").append('<img src="'+imgUrl+data.product_img_3+'">');
  84. }
  85. if(data.product_detail){
  86. $(".product-detail").append(data.product_detail);
  87. }
  88. $(".product-detail").append("<div class='footer'></div>");
  89. var qrtext = "http://www.3water.cn/buying/mobile/productDetail.jsp?company=1&id="+id
  90. $("#qrcode img").attr("src",base+"/common/qrcode?width=360&height=360&content="+escape(qrtext));
  91. });
  92. }
  93. //获取评价
  94. function getComment(){
  95. mobile.ajaxPost(base+"/userOrderComment/getList",{productId:id},function(json){
  96. if(json.success){
  97. if(json.data&&json.data.length>0){
  98. var html=[];
  99. $.each(json.data,function(id,item){
  100. if(!item.nickname){
  101. item.nickname="匿名用户";
  102. }
  103. if(!item.headimgurl){
  104. item.headimgurl=base+"static/mobile/image/avatar.png";
  105. }
  106. html.push('<li class="mui-table-view-cell mui-media">');
  107. html.push('<div class="mui-media-body">');
  108. html.push('<img class="comment-avatar mr5" src="'+item.headimgurl+'">');
  109. html.push('<div class="mui-inline lh24 mr5">'+item.nickname+'</div>');
  110. html.push('<div class="icons mui-inline lh24">');
  111. for(var i=0;i<parseInt(item.comment_rank);i++){
  112. html.push('<i class="mui-icon mui-icon-star-filled"></i>');
  113. }
  114. for(var i=0;i<5-parseInt(item.comment_rank);i++){
  115. html.push('<i class="mui-icon mui-icon-star"></i>');
  116. }
  117. html.push('</div>');
  118. html.push('<p class="color1 mb5">'+item.comment_content+'</p>');
  119. html.push('<p class="fs12">'+item.create_time+'</p>');
  120. html.push('</div>');
  121. html.push('</li>');
  122. });
  123. $("#item3 ul").html(html.join(""));
  124. }else{
  125. $("#item3").html('<div class="fs14 color2 pd15 bgcolor1">暂无评价</div>');
  126. }
  127. }else{
  128. layer.open({content: json.msg,time: 3});
  129. }
  130. },"");
  131. }
  132. function checkTime(i){ // 将0-9的数字前面加上0,例1变为01
  133. if(i<10) {
  134. i = "0" + i;
  135. }
  136. return i;
  137. }
  138. function jumpPage(event) {
  139. if (event.code==37 || event.code=="KEY_LEFT")//左
  140. fun_left();
  141. if (event.code==38 || event.code=="KEY_UP")//上
  142. fun_up();
  143. if (event.code==39 || event.code=="KEY_RIGHT" )//右
  144. fun_right();
  145. if (event.code==40 || event.code=="KEY_DOWN" )//下
  146. fun_down();
  147. if (event.code==13 || event.code=="KEY_SELECT")//enter
  148. fun_enter();
  149. if (event.code==640 || event.code=="KEY_BACK")//enter
  150. fun_back();
  151. }
  152. var h=360;
  153. function fun_left(){
  154. }
  155. function fun_right(){
  156. }
  157. function fun_up(){
  158. var p = h/($(".footer").position().top+720)*640;
  159. if($(".product-detail").position().top+h>0){
  160. $(".product-detail").css("top",'0px');
  161. $(".page-btn").css("top","0px");
  162. }else{
  163. $(".product-detail").css("top",$(".product-detail").position().top+h+'px');
  164. $(".page-btn").css("top",$(".page-btn").position().top-p+"px");
  165. }
  166. }
  167. function fun_down(){
  168. var p = h/($(".footer").position().top+720)*640;
  169. if(-($(".product-detail").position().top-h)+720>$(".footer").position().top){
  170. $(".product-detail").css("top",-$(".footer").position().top+720+"px");
  171. $(".page-btn").css("top","640px");
  172. }else{
  173. $(".product-detail").css("top",$(".product-detail").position().top-h+"px");
  174. $(".page-btn").css("top",$(".page-btn").position().top+p+"px");
  175. }
  176. }
  177. function fun_enter(){
  178. if($("#code").is(":hidden")&&$(".mui-btn").hasClass("active")){
  179. $("#main").hide();
  180. $("#code").show();
  181. }
  182. }
  183. function fun_back(){
  184. if($("#code").is(":hidden")){
  185. history.back();
  186. }else{
  187. $("#code").hide();
  188. $("#main").show();
  189. return true;
  190. }
  191. }