showhotel.html 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8">
  5. <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
  6. <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
  7. <title></title>
  8. <link rel="stylesheet" type="text/css" href="../../css/api.css" />
  9. <link rel="stylesheet" type="text/css" href="../../css/weui.min.css" />
  10. <link rel="stylesheet" type="text/css" href="../../css/iconfont.css" />
  11. <link rel="stylesheet" type="text/css" href="../../css/style.css?v=1.2" />
  12. <style>
  13. body{
  14. background: #f5f5f5;
  15. }
  16. a {
  17. color: #666;
  18. }
  19. .hotel-top{
  20. width:100%;
  21. height: 4.08rem;
  22. background: url(../../image/hotel01.jpg) ;
  23. background-repeat:no-repeat;
  24. background-size: cover;
  25. }
  26. .hotel-top-line{
  27. width:100%
  28. }
  29. .hotel-top-line li{
  30. float:left;
  31. }
  32. .hotel-top-search{
  33. width:100%;
  34. opacity:0.5;
  35. height:2.2rem;
  36. line-height:2.2rem;
  37. background:#000000;
  38. border-radius:10px;
  39. color:#ffffff;
  40. padding-left:10px;
  41. box-sizing:border-box;
  42. }
  43. .hotel-top-search img{
  44. width:1.3rem;
  45. vertical-align:middle;
  46. }
  47. .hotel-title{
  48. font-size: 0.35rem;
  49. padding: 0.3rem 0;
  50. }
  51. .hotel-title span{
  52. float:right;
  53. font-size: 0.17rem;
  54. }
  55. .hotel-contact{
  56. font-size: 0.28rem;
  57. padding-bottom: 0.42rem;
  58. }
  59. #store_description img {
  60. width: 100%;
  61. }
  62. #store_description {
  63. font-size: 0.28rem;
  64. color: #999;
  65. line-height: 0.4rem;
  66. }
  67. .iconfont {
  68. color: #ffffff;
  69. }
  70. </style>
  71. <script>
  72. (function(w, d, m) {
  73. function r() {
  74. var t = 100,
  75. o = 750,
  76. e = d.documentElement.clientWidth || w.innerWidth,
  77. n = m.max(m.min(e, 480), 320),
  78. h = 50;
  79. 320 >= n && (h = m.floor(n / o * t * .99)),
  80. n > 320 && 362 >= n && (h = m.floor(n / o * t * 1)),
  81. n > 362 && 375 >= n && (h = m.floor(n / o * t * 1)),
  82. n > 375 && (h = m.floor(n / o * t * .97)),
  83. d.querySelector("html").style.fontSize = h + "px"
  84. };
  85. r();
  86. w.onresize = function() {
  87. r()
  88. }
  89. })(window, document, Math);
  90. </script>
  91. </head>
  92. <body>
  93. <div class="topbar"></div>
  94. <div class="hotel-top">
  95. <section>
  96. <div class="h20"></div>
  97. <div class="hotel-top-line">
  98. <ul>
  99. <li style="width: 0.66rem;" class="back-btn">
  100. <div class="hotel-top-back"><span class="iconfont">&#xe61e;</span></div>
  101. </li>
  102. <li style="width: 5.5rem;"></li>
  103. <li style="width: 0.66rem;"></li>
  104. </ul>
  105. </div>
  106. </section>
  107. </div>
  108. <div style="background:#ffffff;width:100%;padding-bottom: 1.2rem;">
  109. <section>
  110. <div class="hotel-title">
  111. <h id="store_name"></h>
  112. </div>
  113. <div id="store_description"></div>
  114. <div class="h10"></div>
  115. <div class="weui-cells">
  116. <div class="weui-cell">
  117. <div class="weui-cell__bd">
  118. <p>酒店地址</p>
  119. </div>
  120. <div class="weui-cell__ft" id="store_address"></div>
  121. </div>
  122. <div class="weui-cell">
  123. <div class="weui-cell__bd">
  124. <p>联系酒店</p>
  125. </div>
  126. <div class="weui-cell__ft" id="store_phone"></div>
  127. </div>
  128. </div>
  129. <div class="h20"></div>
  130. </section>
  131. </div>
  132. <div class="m-bottom mask-hidden" style="position: fixed;bottom: 0.2rem;margin: 0 0.32rem;width: 6.86rem;">您的入住意见反馈(反馈送圈币)</div>
  133. </body>
  134. <script type="text/javascript" src="../../script/api.js"></script>
  135. <script type="text/javascript" src="../../script/jquery.min.js"></script>
  136. <script type="text/javascript" src="../../script/jquery.tap.js"></script>
  137. <script type="text/javascript">
  138. var _keyid = '';
  139. apiready = function() {
  140. _keyid = api.pageParam.keyid;
  141. setIosTopBar();
  142. getRouteData(_keyid);
  143. };
  144. ///////////
  145. function getRouteData(_keyid) {
  146. $.ajax({
  147. url: siteurl + 'v1/agent/storeInfo',
  148. data: {
  149. store_id: _keyid
  150. },
  151. headers: { "X-TOKEN": $api.getStorage("accesstoken") },
  152. dataType: 'json',
  153. type: 'post',
  154. success: function(datas) {
  155. if (datas.result) {
  156. $("#store_name").html(datas.data.store_name);
  157. $("#store_description").html(datas.data.store_description);
  158. $("#store_address").html(datas.data.area_info +' '+datas.data.store_address);
  159. $("#store_phone").html('<a href="tel:'+datas.data.store_phone+'">'+datas.data.store_phone+'</a>');
  160. $(".hotel-top").css("background-image", "url(" + siteurl + "uploads/home/store/" + datas.data.store_id + "/" + datas.data.store_banner + ")");
  161. } else {
  162. errcode(datas, datas.code);
  163. }
  164. }
  165. });
  166. }
  167. $(".m-bottom").on("tap", function() {
  168. toast_loding_show();
  169. $.ajax({
  170. url: rooturl + '?do=checkfeed',
  171. data: {
  172. store_id: _keyid,
  173. member_id: $api.getStorage("memberid")
  174. },
  175. dataType: 'json',
  176. type: 'post',
  177. success: function(datas) {
  178. toast_loding_hide();
  179. if (datas.result) {
  180. api.openWin({
  181. name: 'feedback',
  182. url: './feedback.html',
  183. bounces: false,
  184. pageParam: {
  185. keyid: _keyid
  186. }
  187. });
  188. } else {
  189. api.toast({ msg: datas.msg });
  190. }
  191. }
  192. });
  193. return false;
  194. })
  195. </script>
  196. </html>