mine.js 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186
  1. define(['$', 'template', 'IScroll', 'user', 'native', 'config', 'address', 'product', 'review'], function ($, template, IScroll, user, native, config, address, product, review) {
  2. function back(event) {
  3. event.preventDefault();
  4. $(document).trigger('spa:navigate', {
  5. hash: '',
  6. pushData: {
  7. dontNeedReload: true
  8. }
  9. });
  10. }
  11. /*
  12. * 模块结构:5部分。
  13. * title:题目。
  14. * content:不知道是什么,似乎从没用过。
  15. * 以下可以当作生命周期回调,虽然并不清楚是什么时候回调的……
  16. * init:根据上一个页面传来的pageData初始化本页数据,生成页面,绑定事件。
  17. * beforeopen:接收上一个页面传来的数据、有需要的话重置数据
  18. * afteropen:做一些网络请求。
  19. * beforeclose:
  20. */
  21. return {
  22. title: '我的',
  23. body: '',
  24. init: function (pageData, dtd) {
  25. /* this是什么? */
  26. var $view = this;
  27. var $doc = $(document);
  28. /* 定义按钮事件。
  29. * 为什么不是$(selector).onclick(function)呢?
  30. */
  31. // 返回
  32. $view.on('swipeRight', function (event) {
  33. back.call(this, event);
  34. });
  35. $.newTouch('.back-button', function (event) {
  36. back.call(this, event);
  37. }, $view);
  38. $view.on('tapBackButton', function (event) {
  39. back.call(this, event);
  40. });
  41. // 我的订单
  42. $.newTouch('.btn-my-order', function (event) {
  43. event.preventDefault();
  44. $doc.trigger('spa:navigate', {
  45. hash: 'myOrder/1',
  46. pushData: {
  47. needReload: true
  48. }
  49. });
  50. }, $view);
  51. // 我的余额
  52. $.newTouch('.btn-recharge', function (event) {
  53. event.preventDefault();
  54. $doc.trigger('spa:navigate', {
  55. hash: 'balanceLog',
  56. pushData: {
  57. needReload: true,
  58. backHash: 'mine'
  59. }
  60. });
  61. }, $view);
  62. // 常用地址
  63. $.newTouch('.btn-address-list', function (event) {
  64. event.preventDefault();
  65. $doc.trigger('spa:navigate', {
  66. hash: 'addressList',
  67. pushData: {
  68. backHash: 'mine'
  69. },
  70. callback: {
  71. /* 在addressList页面挑选之后,回到这个页面时执行的回调。 */
  72. onSelect: function (address, station) {
  73. var addressStr = '';
  74. if (address.address.poi) {
  75. addressStr = address.address.city + address.address.area + address.address.poi.name + address.address.detail
  76. } else {
  77. addressStr = address.address.province + address.address.city + address.address.area + address.address.detail
  78. }
  79. $('#default-address', $view).text(addressStr);
  80. }
  81. }
  82. });
  83. }, $view);
  84. // // 充值卡
  85. // $.newTouch('.btn-recharge', function (event) {
  86. // event.preventDefault();
  87. // $doc.trigger('spa:navigate', {
  88. // hash: 'recharge',
  89. // pushData: {
  90. // needReload: true,
  91. // backHash:'mine'
  92. //
  93. // }
  94. // });
  95. // }, $view);
  96. // 代金券
  97. $.newTouch('.btn-coupon', function (event) {
  98. event.preventDefault();
  99. user.checkLogin(function () {
  100. $doc.trigger('spa:navigate', {
  101. hash: 'myCoupon'
  102. });
  103. });
  104. }, $view);
  105. // 帮助中心
  106. $.newTouch('.btn-helper', function () {
  107. event.preventDefault();
  108. $doc.trigger('spa:navigate', {
  109. hash: 'help'
  110. });
  111. }, $view);
  112. // 关于
  113. $.newTouch('.btn-about', function () {
  114. event.preventDefault();
  115. $doc.trigger('spa:navigate', {
  116. hash: 'about'
  117. });
  118. }, $view);
  119. //首页
  120. $.newTouch('.btn-action-my-order', function () {
  121. event.preventDefault();
  122. $doc.trigger('spa:navigate', {
  123. hash: ''
  124. });
  125. }, $view);
  126. // im
  127. $.newTouch('.btn-action-logo', function (event) {
  128. event.preventDefault();
  129. window.location.href = '/index.php?r=o2o/advisory/im';
  130. }, $view);
  131. /* 定义按钮事件结束。*/
  132. /* 不知道什么意思。*/
  133. dtd.resolve();
  134. },
  135. beforeopen: function (pageData, dtd) {
  136. dtd.resolve();
  137. },
  138. afteropen: function (pageData, dtd) {
  139. var $view = this;
  140. var $doc = $(document);
  141. if (pageData.pushData && pageData.pushData.needReset) {
  142. var addressStr = '';
  143. var defaultAddress = address.defaultAddress;
  144. if (defaultAddress && defaultAddress.address && defaultAddress.address.poi) {
  145. addressStr = defaultAddress.address.city + defaultAddress.address.area + defaultAddress.address.poi.name + defaultAddress.address.detail
  146. } else if (defaultAddress && defaultAddress.address) {
  147. addressStr = defaultAddress.address.province + defaultAddress.address.city + defaultAddress.address.area + defaultAddress.address.detail
  148. }
  149. var tpl = template('mine/index', {
  150. showNavBar: !config.isWX,
  151. userName: user.name == '' ? '未登录' : user.name,
  152. userBalance: user.balance,
  153. userAvatar:user.avatar,
  154. defaultAddress: addressStr
  155. });
  156. $('.spa-page-body', $view).html(tpl);
  157. setTimeout(function () {
  158. pageData.scroll = new IScroll('#mineScroll');
  159. }, 500);
  160. }
  161. /* 又是这个。不知道什么玩意…… */
  162. dtd.resolve();
  163. },
  164. beforeclose: function (pageData, dtd) {
  165. dtd.resolve();
  166. }
  167. }
  168. })