mine.js 4.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
  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-address-list', function (event) {
  53. event.preventDefault();
  54. $doc.trigger('spa:navigate', {
  55. hash: 'addressList',
  56. pushData: {
  57. backHash: 'mine'
  58. },
  59. callback: {
  60. /* 在addressList页面挑选之后,回到这个页面时执行的回调。 */
  61. onSelect: function (address, station) {
  62. var addressStr = '';
  63. if (address.address.poi) {
  64. addressStr = address.address.city + address.address.area + address.address.poi.name + address.address.detail
  65. } else {
  66. addressStr = address.address.province + address.address.city + address.address.area + address.address.detail
  67. }
  68. $('#default-address', $view).text(addressStr);
  69. }
  70. }
  71. });
  72. }, $view);
  73. // 充值卡
  74. $.newTouch('.btn-recharge', function (event) {
  75. event.preventDefault();
  76. $doc.trigger('spa:navigate', {
  77. hash: 'recharge',
  78. pushData: {
  79. needReload: true,
  80. backHash: 'mine'
  81. }
  82. });
  83. }, $view);
  84. // 代金券
  85. $.newTouch('.btn-coupon', function (event) {
  86. event.preventDefault();
  87. user.checkLogin(function () {
  88. $doc.trigger('spa:navigate', {
  89. hash: 'myCoupon'
  90. });
  91. });
  92. }, $view);
  93. // 帮助中心
  94. $.newTouch('.btn-helper', function () {
  95. event.preventDefault();
  96. $doc.trigger('spa:navigate', {
  97. hash: 'help'
  98. });
  99. }, $view);
  100. // 关于
  101. $.newTouch('.btn-about', function () {
  102. event.preventDefault();
  103. $doc.trigger('spa:navigate', {
  104. hash: 'about'
  105. });
  106. }, $view);
  107. //首页
  108. $.newTouch('.btn-action-my-order', function () {
  109. event.preventDefault();
  110. $doc.trigger('spa:navigate', {
  111. hash: ''
  112. });
  113. }, $view);
  114. // im
  115. $.newTouch('.btn-action-logo', function (event) {
  116. event.preventDefault();
  117. window.location.href = '/index.php?r=o2o/advisory/im';
  118. }, $view);
  119. /* 定义按钮事件结束。*/
  120. /* 不知道什么意思。*/
  121. dtd.resolve();
  122. },
  123. beforeopen: function (pageData, dtd) {
  124. dtd.resolve();
  125. },
  126. afteropen: function (pageData, dtd) {
  127. var $view = this;
  128. var $doc = $(document);
  129. setTimeout(function () {
  130. /*设置页面高度*/
  131. var mineType = $('.mine-type');
  132. var boxAlignCenter = mineType.children("div").height();
  133. var preventScroll = $('.prevent-scroll').height();
  134. mineType.height(boxAlignCenter * 2.3 + preventScroll);
  135. }, 500);
  136. if (pageData.pushData && pageData.pushData.needReset) {
  137. var addressStr = '';
  138. var defaultAddress = address.defaultAddress;
  139. if (defaultAddress && defaultAddress.address && defaultAddress.address.poi) {
  140. addressStr = defaultAddress.address.city + defaultAddress.address.area + defaultAddress.address.poi.name + defaultAddress.address.detail
  141. } else if (defaultAddress && defaultAddress.address) {
  142. addressStr = defaultAddress.address.province + defaultAddress.address.city + defaultAddress.address.area + defaultAddress.address.detail
  143. }
  144. var tpl = template('mine/index', {
  145. showNavBar: !config.isWX,
  146. userName: user.name == '' ? '未登录' : user.name,
  147. userBalance: user.balance,
  148. userAvatar: user.avatar,
  149. defaultAddress: addressStr
  150. });
  151. $('.spa-page-body', $view).html(tpl);
  152. setTimeout(function () {
  153. pageData.scroll = new IScroll('#mineScroll');
  154. }, 500);
  155. }
  156. /* 又是这个。不知道什么玩意…… */
  157. dtd.resolve();
  158. },
  159. beforeclose: function (pageData, dtd) {
  160. dtd.resolve();
  161. }
  162. }
  163. })