water_competition.html 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="UTF-8">
  5. <title>水质比拼</title>
  6. <meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1, user-scalable=no">
  7. <meta name="apple-mobile-web-app-capable" content="yes">
  8. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  9. <link rel="stylesheet" type="text/css" href="/css/mui.min.css">
  10. <link rel="stylesheet" type="text/css" href="/css/iconfont.css" />
  11. <link rel="stylesheet" type="text/css" href="/css/style.css" />
  12. <style>
  13. .my-bar-nav {top: 0;-webkit-box-shadow: 0 0 0 #ccc;box-shadow: 0 0 0 #ccc;background: #fff;}
  14. .my-bar-nav .mui-btn-link{color: #1cc9f4;font-size: 14px;}
  15. .my-btn-bluetooth{color: #1cc9f4;padding:2px 18px;font-size: 15px;border-color: #1cc9f4;}
  16. .my-table-noline:after,.my-table-noline:before,.my-table-noline li:after,.my-table-noline:before{display: none;}
  17. .mui-btn-link{color: #1cc9f4;}
  18. .my-btn-water-quality{padding:6px 38px;font-size: 15px;}
  19. .my-btn-water-quality.active{border: 1px solid rgba(78,215,249,.5);color: #1cc9f4;}
  20. </style>
  21. <script src="/js/mui.min.js"></script>
  22. <script src="/js/jquery-2.1.1.min.js"></script>
  23. <script src="/js/shop/main.js"></script>
  24. <script>
  25. var shareId=getParam("shareId");
  26. // 屏蔽分享
  27. //window.hiddenAllWechatMenu = true;
  28. var url = '//'+document.domain+'/watero/view/water_competition.html?shareId='+shareId;
  29. window.repleFlag = true;
  30. window.repleWxData = {
  31. "appId": "",
  32. "imgUrl": '//s.iamberry.com/watero/images/shop/share-lease.png',
  33. "link": url,
  34. "desc": "快来围观吧,美国watero一款可移动的净水机。",
  35. "title": "净水机可以租啦!",
  36. "netError": "您的网络异常,请刷新重试!如多次刷新无效,请向我们反应 ~",
  37. "shareTimeSuccess": "分享成功",
  38. "shareTimeCancel": "已取消分享",
  39. "shareAppSuccess": "分享成功!",
  40. "shareAppCancel": "已取消分享"
  41. };
  42. </script>
  43. </head>
  44. <body style="background: #fff;">
  45. <div class="loading-bg">
  46. <div class="mui-loading">
  47. <div class="mui-spinner">
  48. </div>
  49. &nbsp;&nbsp;加载中...
  50. </div>
  51. </div>
  52. <div class="mui-content" style="background: #fff;">
  53. <ul class="mui-table-view mui-text-center my-table-noline">
  54. <li class="mui-table-view-cell">
  55. </li>
  56. <li class="mui-table-view-cell">
  57. <img id="wechat_tx" src="//s.iamberry.com/watero/images/shop/image-12.jpg" width="60px" style="border-radius: 50%;border: 3px solid #afedfc;"/><br/>
  58. <span class="mui-h6 wechat_name"></span>
  59. <div><a class="mui-btn mui-btn-link">快来围观吧,我家净水管家,本领强,颜值高!</a></div>
  60. </li>
  61. <li class="mui-table-view-cell">
  62. <img src="//s.iamberry.com/watero/images/shop/my_equipment.png" width="45%" />
  63. </li>
  64. <li class="mui-table-view-cell">
  65. 总净饮水量:<span class="count_l">0</span> L
  66. <br/>
  67. <span class="mui-h6">相当于<span class="tong_l">0</span>桶传统18.9 L的桶装水</span>
  68. </li>
  69. <li class="mui-table-view-cell">
  70. <span class="mui-h5 my_shuizhi">我家水质(tds):未知</span>
  71. </li>
  72. <li class="mui-table-view-cell">
  73. <img src="//s.iamberry.com/watero/images/shop/szbp_2wm.png" width="30%" />
  74. </li>
  75. <li class="mui-table-view-cell mui-h6">
  76. 长按识别,马上租用<br/>甚至不要押金哦!
  77. </li>
  78. </ul>
  79. </div>
  80. <script src="/js/shop/wechat-utils-1.0.js"></script>
  81. <script type="text/javascript">
  82. mui.ready(function(){
  83. mui.ajax(base_path + '/machine/selectCompeteWater', {
  84. data: {
  85. shareId: shareId
  86. },
  87. type: 'post',
  88. timeout: 15000,
  89. success: function(dt) {
  90. /*console.log(dt)*/
  91. if(dt.isRedirect) {
  92. location.href = dt.redirectURL;
  93. }else{
  94. console.log(dt);
  95. if(dt.status) {
  96. $(".wechat_tx").attr("src",dt.competeWaterInfo.shareUserHead);
  97. $(".wechat_name").text(decodeURI(dt.competeWaterInfo.shareNickname));
  98. $(".count_l").text(dt.competeWaterInfo.machineAmountWater);
  99. console.log(accDiv(dt.competeWaterInfo.machineAmountWater,18.9))
  100. $(".tong_l").text(accDiv(dt.competeWaterInfo.machineAmountWater,18.9));
  101. $(".my_shuizhi").text("我家水质(tds):"+dt.competeWaterInfo.machineWaterTDS);
  102. }
  103. }
  104. },
  105. error: function(xhr, type, errorThrown) {
  106. console.log(xhr)
  107. }
  108. });
  109. document.querySelector('.loading-bg').style.display='none';
  110. });
  111. </script>
  112. </body>
  113. </html>