bonuspage.html 8.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211
  1. <!doctype html>
  2. <html class="no-js">
  3. <head>
  4. <meta charset="utf-8">
  5. <meta http-equiv="X-UA-Compatible" content="IE=edge">
  6. <meta name="description" content="">
  7. <meta name="keywords" content="">
  8. <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
  9. <title>分销中心</title>
  10. <!-- Set render engine for 360 browser -->
  11. <meta name="renderer" content="webkit">
  12. <!-- No Baidu Siteapp-->
  13. <meta http-equiv="Cache-Control" content="no-siteapp" />
  14. <!-- Add to homescreen for Chrome on Android -->
  15. <meta name="mobile-web-app-capable" content="yes">
  16. <!-- Add to homescreen for Safari on iOS -->
  17. <meta name="apple-mobile-web-app-capable" content="yes">
  18. <meta name="apple-mobile-web-app-status-bar-style" content="black">
  19. <meta name="apple-mobile-web-app-title" content="茶马古道" />
  20. <meta name="msapplication-TileImage" content="__CDN__/assets/shop/img/index/logo.png">
  21. <link rel="apple-touch-icon-precomposed" href="__CDN__/assets/shop/img/index/logo.png">
  22. <!-- Tile icon for Win8 (144x144 + tile color) -->
  23. <meta name="msapplication-TileColor" content="#0e90d2">
  24. <link rel="stylesheet" href="__CDN__/assets/shop/css/amazeui.css">
  25. <link rel="stylesheet" href="__CDN__/assets/shop/css/menu/normalize.min.css">
  26. <link rel="stylesheet" href="__CDN__/assets/shop/css/menu/bootstrapmb.com.css">
  27. <link rel="stylesheet" href="__CDN__/assets/shop/css/app.css">
  28. <style>
  29. .yjimg img{width: 35px;margin-top:-2rem;}
  30. .yjimg li{padding:1rem;}
  31. </style>
  32. </head>
  33. <body class="">
  34. <!-- Header -->
  35. <header data-am-widget="header" class="am-header am-header-default" >
  36. <h1 class="am-header-title ">分销中心</h1>
  37. </header>
  38. <div class="wapper" data-html="index">
  39. <div style="background: #ffa847">
  40. <div class="am-g am-padding-lg">
  41. <div class="am-u-sm-3">
  42. {if $user['avatar'] == ''}
  43. <img class="am-round" src="__CDN__/assets/shop/img/avatar.png" width="67" style="border: 3px solid #c5c5c5;border-radius: 100%;"/>
  44. {else/}
  45. <img class="am-round" src="{$user['avatar']}" width="67" />
  46. {/if}
  47. </div>
  48. <div class="am-u-sm-9 am-text-left am-text-white am-padding-top-xs">
  49. <p class="am-text-lg am-bold">{$user.mobile}</p>
  50. <p>推荐人:{if $user['refereeid']>0}{php}$mobile=get_user_data($user['refereeid'],'mobile'); echo '*******'.substr($mobile,-4);{/php}{else/}无{/if}</p>
  51. {if $user['stuid']>0}<p>{$studio.name}【店长】</p>{/if}
  52. </div>
  53. </div>
  54. </div>
  55. <div class="am-bg-white am-padding-sm">我的邀请码:<em class="url-link">{$user.username}</em><span class="am-padding-left-sm am-text-warning" onclick="copyUrl();">复制</span></div>
  56. <div class="am-margin-top-sm am-bg-white">
  57. <ul class="am-list am-list-static am-list-border am-margin-bottom-0" style="border-bottom: 1px solid #dedede">
  58. <li >
  59. <span class="am-blod">我的佣金</span>
  60. <span class="am-fr am-link-muted am-text-xs am-uinn-t" onclick="window.location.href='/shop/user/withdraw1.html'">佣金提现<i class="am-icon am-icon-angle-right am-padding-left-sm"></i></span>
  61. </li>
  62. </ul>
  63. <ul class="am-avg-sm-2 am-text-center am-padding-top-sm am-padding-bottom-xs am-text-xs orders-img">
  64. <li onclick="window.location.href='/shop/user/withdraw1.html'">
  65. <div class="am-text-warning am-text-lg">{$user.bonus}</div>
  66. <div class="">可提现佣金(元)</div>
  67. </li>
  68. <li >
  69. <div class="am-text-warning am-text-lg">{$total|default='0.00'}</div>
  70. <div class="">已提现佣金(元)</div>
  71. </li>
  72. </ul>
  73. </div>
  74. <ul class="am-bg-white am-margin-top-sm am-avg-sm-2 am-text-center am-padding-top-sm am-padding-bottom-xs am-text-xs yjimg">
  75. <li class="ubr ubb" onclick="window.location='/shop/user/detailed/group/bonus'">
  76. <span><img src="__CDN__/assets/shop/img/icon13.png"/></span>
  77. <span class="am-inline-block">
  78. <p>推广佣金</p>
  79. <p>{$user.total_bonus}</p>
  80. </span>
  81. </li>
  82. <li class="ubb" onclick="window.location='/shop/user/tjpv'">
  83. <span><img src="__CDN__/assets/shop/img/icon14.png" /></span>
  84. <span class="am-inline-block">
  85. <p>推广订单</p>
  86. <p>0.00</p>
  87. </span>
  88. </li>
  89. <li class="ubr" onclick="window.location='/shop/user/withdrawdetaile1'">
  90. <span><img src="__CDN__/assets/shop/img/icon15.png" /></span>
  91. <span class="am-inline-block">
  92. <p>提现明细</p>
  93. <p>{$total}</p>
  94. </span>
  95. </li>
  96. <li onclick="window.location='/shop/user/userteam'">
  97. <span><img src="__CDN__/assets/shop/img/icon16.png" /></span>
  98. <span class="am-inline-block">
  99. <p>我的粉丝</p>
  100. <p>{$fensi}</p>
  101. </span>
  102. </li>
  103. </ul>
  104. <div class="am-margin-top-sm am-bg-white am-padding-sm" onclick="window.location='/shop/user/tjpv'">
  105. <img src="__CDN__/assets/shop/img/icon17.png" width="25"/>&nbsp;业绩统计
  106. <span class="am-fr am-link-muted am-icon am-icon-angle-right am-padding-left-sm"></span>
  107. </div>
  108. {if $user['ishost'] == 1 && $user['stuid'] == $studio['id']}
  109. <div class="am-margin-top-sm am-bg-white am-padding-sm" onclick="window.location='/shop/user/myhost'">
  110. <img src="__CDN__/assets/shop/img/icon20.png" width="25"/>&nbsp;店长操作台
  111. <span class="am-fr am-link-muted am-icon am-icon-angle-right am-padding-left-sm"></span>
  112. </div>
  113. {/if}
  114. </div>
  115. <!-- Footer-Menu -->
  116. <div id="navbar">
  117. <ul id="menu">
  118. <li class="item"><a data-href="{:url('shop/index/index')}">首页</a></li>
  119. <li class="item"><a data-href="{:url('/shop/goods/index')}" >商城</a></li>
  120. <li class="item"><a data-href="{:url('shop/trade/tradelist')}" >全部订单</a></li>
  121. <li class="item active"><a data-href="{:url('shop/user/bonuspage')}" >分销中心</a></li>
  122. <li class="item"><a data-href="{:url('shop/user/index')}">个人中心</a></li>
  123. </ul>
  124. <audio id="menuAudio" src="__CDN__/assets/shop/mp3/btn.wav" style="display: none;" volume="0.5"></audio>
  125. </div>
  126. <!--[if (gte IE 9)|!(IE)]><!-->
  127. <!--<![endif]-->
  128. <script src="__CDN__/assets/shop/js/jquery.min.js"></script>
  129. <!--[if lte IE 8 ]>
  130. <script src="http://libs.baidu.com/jquery/1.11.3/jquery.min.js"></script>
  131. <script src="http://cdn.staticfile.org/modernizr/2.8.3/modernizr.js"></script>
  132. <script src="js/amazeui.ie8polyfill.min.js"></script>
  133. <![endif]-->
  134. <script src="__CDN__/assets/shop/js/amazeui.min.js"></script>
  135. <script src="__CDN__/assets/shop/js/app.js"></script>
  136. <script src="__CDN__/assets/libs/layer/layer.js"></script>
  137. <script type="text/javascript">
  138. function copyUrl(){
  139. var txt=$(".url-link").text();
  140. copy(txt);
  141. }
  142. function copy(message) {
  143. var input = document.createElement("input");
  144. input.value = message;
  145. document.body.appendChild(input);
  146. input.select();
  147. input.setSelectionRange(0, input.value.length), document.execCommand('Copy');
  148. document.body.removeChild(input);
  149. layer.msg("{:__('复制成功')}");
  150. }
  151. $(function() {
  152. // 导航跳转
  153. $("#navbar a").click(function(){
  154. var url = $(this).attr('data-href');
  155. if(url){
  156. playMusic();
  157. setTimeout(function(){
  158. location=url;
  159. }, 800)
  160. }
  161. })
  162. var hasOrder1 = "{$counts.status1}";
  163. var hasOrder2 = "{$counts.status2}";
  164. var hasOrder3 = "{$counts.status3}";
  165. var checkOrder = sessionStorage.getItem('hasOrder');
  166. checkOrder = typeof(checkOrder) != 'undefined'? checkOrder : false;
  167. if(!checkOrder && (hasOrder1>0 || hasOrder2>0 || hasOrder3>0)){
  168. var text = hasOrder1? '待付款订单等待确认': (hasOrder2? '待收款订单等待确认':'待上架订单等待上架');
  169. layer.confirm('您有一个'+text+'?', {
  170. btn: [((hasOrder1 || hasOrder2)?'去确认':'去上架'),'取消'],
  171. title:'提示',
  172. area: ['280px'],
  173. align: 'center'
  174. }, function(){
  175. sessionStorage.setItem('hasOrder', true);
  176. if(hasOrder1){
  177. location= '/shop/trade/trade1';
  178. }else if (hasOrder2){
  179. location= '/shop/trade/trade2';
  180. }else{
  181. location= '/shop/trade/trade3';
  182. }
  183. }, function(){
  184. });
  185. }
  186. })
  187. /**
  188. * 按钮声音
  189. */
  190. function playMusic(){
  191. var audio = document.getElementById('menuAudio');
  192. if (audio.paused) {
  193. $(audio).attr('autoplay', true);
  194. $(audio).attr('controls', true);
  195. audio.volume = 0.5
  196. audio.play();
  197. } else {
  198. $(audio).removeAttr('autoplay');
  199. $(audio).removeAttr('controls');
  200. audio.pause();
  201. }
  202. }
  203. </script>
  204. </body>
  205. </html>