index.html 12 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4. <meta charset="utf-8"/>
  5. <meta http-equiv="Content-Type" content="application/xhtml+xml;charset=UTF-8">
  6. <meta http-equiv="Cache-Control" content="no-cache,no-store,must-revalidate">
  7. <meta http-equiv="pragma" content="no-cache">
  8. <meta http-equiv="expires" content="0">
  9. <meta name="description" content=""/>
  10. <meta name="keywords" content="扫码支付,线上投币,运营数据,物联网"/>
  11. <meta name="format-detection" content="telphone=no,email=no"/>
  12. <meta name="viewport"
  13. content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
  14. <title>代理商后台系统</title>
  15. <link rel="stylesheet" href="/components/lib/mui.min.css"/>
  16. <link rel="stylesheet" href="/components/custom/css/common.css"/>
  17. <link rel="stylesheet" href="/app/css/xyf.common.min.css"/>
  18. </head>
  19. <body>
  20. <div id="container" class="mui-hidden" style="padding-bottom: 50px;">
  21. <div class="custom-bottom ">
  22. <header class="index-hd">
  23. <div>
  24. <p class="hd-tab" onclick="toBenefit(1)">今日总收益(元)<span id="totalIncome">0.00</span></p>
  25. <div class="mui-table hd-cell">
  26. <div class="mui-table-cell mui-ellipsis" onclick="toBenefit()">
  27. <span>提现收益</span><em id="withdrawIncome">0.00元</em>
  28. </div>
  29. <div class="mui-table-cell mui-ellipsis deviceIncomeShow mui-hidden" onclick="toBenefit()">
  30. <span>设备收益</span><span id="deviceIncome">0元</span>
  31. </div>
  32. <div class="mui-table-cell mui-ellipsis" onclick="toBenefit()">
  33. <span>流量收益</span><span id="cardFeeIncome">0元</span>
  34. </div>
  35. </div>
  36. </div>
  37. <div class="help-wrap" onclick="help();return false;">
  38. <span class="help">?</span>
  39. </div>
  40. </header>
  41. </div>
  42. <div class="mui-content index-bd">
  43. <ul class="mui-table-view custom-bottom" style="margin-top: 10px">
  44. <li class="mui-table-view-cell mui-media">
  45. <a href="customer-mgr.html" class="mui-navigate-right">
  46. <i class="mui-media-object mui-pull-left iconfont icon-duoren c-primary"></i>
  47. <div class="mui-media-body">
  48. 经销商管理
  49. <p class="mui-ellipsis">查看经销商信息</p>
  50. </div>
  51. </a>
  52. </li>
  53. </ul>
  54. <div class="menu-block-wear custom-bottom border-top border-bottom">
  55. <div class="menu-block mui-row mui-clearfix">
  56. <a class="mui-col-xs-6 mui-col-sm-6 row-cell " href="open-an-account.html">
  57. <div class="mui-row">
  58. <p class="mui-col-xs-3 mui-col-sm-3 mui-text-center">
  59. <i class="iconfont icon-kaihu c-primary-new"></i>
  60. </p>
  61. <p class="mui-col-xs-9 mui-col-sm-9">
  62. 经销商开户
  63. <span class="mui-ellipsis">给经销商预开账户</span>
  64. </p>
  65. </div>
  66. </a>
  67. <a class="mui-col-xs-6 mui-col-sm-6 row-cell" href="javascript:scanQRCode('reg');">
  68. <div class="mui-row">
  69. <p class="mui-col-xs-3 mui-col-sm-3 mui-text-center">
  70. <i class="iconfont icon-saomiao c-success"></i>
  71. </p>
  72. <p class="mui-col-xs-9 mui-col-sm-9">
  73. 设备注册
  74. <span class="mui-ellipsis">给经销商注册设备</span>
  75. </p>
  76. </div>
  77. </a>
  78. <a class="mui-col-xs-6 mui-col-sm-6 row-cell" href="agent-income.html">
  79. <div class="mui-row">
  80. <p class="mui-col-xs-3 mui-col-sm-3 mui-text-center">
  81. <i class="iconfont icon-income c-red"></i>
  82. </p>
  83. <p class="mui-col-xs-9 mui-col-sm-9">
  84. 收入统计<span class="mui-ellipsis">经营数据监控</span>
  85. </p>
  86. </div>
  87. </a>
  88. <a class="mui-col-xs-6 mui-col-sm-6 row-cell " href="dealer-wallet.html" id="dealerWallet">
  89. <div class="mui-row">
  90. <p class="mui-col-xs-3 mui-col-sm-3 mui-text-center">
  91. <i class="iconfont icon-card c-orange"></i>
  92. </p>
  93. <p class="mui-col-xs-9 mui-col-sm-9">
  94. 提现管理<span class="mui-ellipsis">经销商提现申请</span>
  95. </p>
  96. </div>
  97. </a>
  98. <a class="mui-col-xs-6 mui-col-sm-6 row-cell" href="javascript:scanQRCode('test');">
  99. <div class="mui-row">
  100. <p class="mui-col-xs-3 mui-col-sm-3 mui-text-center">
  101. <i class="iconfont icon-ceshi c-lgreen"></i>
  102. </p>
  103. <p class="mui-col-xs-9 mui-col-sm-9">
  104. 设备测试
  105. <span class="mui-ellipsis">测试设备是否正常</span>
  106. </p>
  107. </div>
  108. </a>
  109. <a class="mui-col-xs-6 mui-col-sm-6 row-cell" href="card-manage.html"
  110. id="card_management" key="card_management">
  111. <div class="mui-row">
  112. <p class="mui-col-xs-3 mui-col-sm-3 mui-text-center">
  113. <i class="iconfont icon-card c-primary"></i>
  114. </p>
  115. <p class="mui-col-xs-9 mui-col-sm-9">
  116. 实体卡<span class="mui-ellipsis">实体卡管理</span>
  117. </p>
  118. </div>
  119. </a>
  120. </div>
  121. </div>
  122. </div>
  123. <div class="help-card autoheight mui-hidden">
  124. <div class="help-bd">
  125. <h4>收益说明</h4>
  126. <h5>如何提现</h5>
  127. <p>产生的收益都可以通过【我的账号-钱包-余额】进行提现。</p>
  128. <h5>提现收益</h5>
  129. <p>经销商提现收取一定的手续费,该手续费计入收益。</p>
  130. <h5>设备收益</h5>
  131. <p>用户使用经销商设备,每单充值进行分成的所得收益。</p>
  132. <h5>流量收益</h5>
  133. <p>经销商给设备SIM卡充值,充值金额计入收益。</p>
  134. </div>
  135. <div class="help-close">我知道了</div>
  136. </div>
  137. </div>
  138. </body>
  139. <script src="/components/lib/jquery.min.js?v=20190712"></script>
  140. <script src="/components/lib/mui.min.js"></script>
  141. <script src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
  142. <script src="/components/custom/js/common.js"></script>
  143. <script src="/app/js/xyf.common.js"></script>
  144. <script>
  145. window.initAgentNav && initAgentNav('home');
  146. showTestInfo();//测试系统检测
  147. //页面初始化
  148. $(function () {
  149. sendRequest("/agent/homepageData?random=" + Math.random() * 1000,
  150. "GET", null, function (response) {
  151. if (response.result == 1) {
  152. var info = response.para;
  153. $("#container").removeClass("mui-hidden");//获取数据成功后才展示界面
  154. if (info.totalIncome != null) {
  155. $("#totalIncome").html(info.totalIncome);
  156. }
  157. if (info.withdrawIncome != null) {
  158. $("#withdrawIncome").html(info.withdrawIncome + "元");
  159. }
  160. if (info.deviceIncome != null) {
  161. $("#deviceIncome").html(info.deviceIncome + "元");
  162. }
  163. if (info.cardFeeIncome != null) {
  164. $("#cardFeeIncome").html(info.cardFeeIncome + "元");
  165. }
  166. // 特性获取
  167. featureSet();
  168. //权限控制
  169. setPermission(info.permission);
  170. } else {
  171. mui.toast(response.description);
  172. }
  173. });
  174. });
  175. function featureSet() {
  176. getFeatureList("agent", {list: ['show_withdraw_management', 'agent_card_management']}, function (payload) {
  177. if (!payload.show_withdraw_management) {
  178. $("#dealerWallet").remove();
  179. }
  180. if (!payload.agent_card_management) {
  181. $("#card_management").remove();
  182. }
  183. //渲染菜单
  184. menuPermission();
  185. });
  186. }
  187. function setPermission(permission) {
  188. // 缓存代理商全选,可以全局调用
  189. localStorage.agent_permission = JSON.stringify(permission);
  190. //设备收益展示
  191. if (permission.deviceIncome) {
  192. $(".deviceIncomeShow").removeClass("mui-hidden");
  193. }
  194. }
  195. function scanQRCode(type) {
  196. ScanResult(function (resultStr) {
  197. sendRequest("/device/checkEquipment?uniqueCode=" + resultStr,
  198. "GET", null, function (response) {
  199. if (type == "reg") {
  200. //设备没有注册才能注册
  201. if (response.result == 1) {
  202. // 缓存该数据,供注册使用
  203. setSessionStorage("DEVICE_REG_PARAM", $.extend(true, {qrCodeUrl: resultStr}, response.para), 1000 * 60 * 30);//半个小时过期,因为用户一般不会浏览太久
  204. goPage("device-reg.html");
  205. } else if (response.result == 102) {
  206. alert("设备已经注册。")
  207. } else {
  208. alert(response.description);
  209. }
  210. } else if (type == "test") {
  211. //不管设备是否已经注册 ,都能测试
  212. if (response.result == 1 || response.result == 2) {
  213. var url = "remote-upper.html?random=" + Math.random() * 1000 + "&logicalCode=" + response.para.logicalCode; //设备逻辑码
  214. goPage(url);
  215. } else {
  216. alert(response.description);
  217. }
  218. }
  219. });
  220. })
  221. }
  222. //检测是否有公告
  223. sendRequest("/common/getNotifications", "GET", {},
  224. function (res) {
  225. if (res.result == 1) {
  226. var obj = res.data;
  227. if (obj.dataList && obj.dataList.length > 0) {
  228. var item0 = obj.dataList[0];
  229. var text = item0.text;//通知信息
  230. var id = item0.id;//通知编号
  231. showNotification(id, text);
  232. }
  233. }
  234. }
  235. );
  236. //help
  237. function help() {
  238. $('body').append('<div class="mui-backdrop"></div>');
  239. $('body, .mui-backdrop').on('touchmove', function (e) {
  240. e.preventDefault();
  241. });
  242. $('.help-card').removeClass('mui-hidden');
  243. $(".help-close").tap(function () {
  244. $('.help-card').addClass('mui-hidden');
  245. $('body').off('touchmove');
  246. $('.mui-backdrop').off('touchmove').remove();
  247. return false;
  248. });
  249. }
  250. function toBenefit(top) {
  251. return
  252. }
  253. </script>
  254. </html>