main.js 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614
  1. require.config({
  2. urlArgs: 'v=' + (new Date()).getTime(),
  3. waitSeconds: 0,
  4. paths: {
  5. zepto: '../../common/js/zepto.min',
  6. wx: '../../common/js/jweixin-1.0.0',
  7. ctk: '../../common/js/ctk-1.0.0',
  8. pingpp: '../../common/js/pingpp',
  9. spa: '../../common/js/spa',
  10. IScroll: '../../framework/iscroll5/iscroll-probe',
  11. ratchet: '../../framework/ratchet-2.0.2/dist/js/ratchet.base',
  12. $: '../../common/js/jq_extend',
  13. autosize: '../../common/js/autosize',
  14. config: '../../common/js/config',
  15. helper: '../../common/js/helper',
  16. native: '../../common/js/native',
  17. storage: '../../common/js/storage',
  18. base: '../../common/js/base',
  19. template: './build/template',
  20. api: './api',
  21. bdmapapi: '../../common/js/bdmapapi',
  22. BMap: 'http://api.map.baidu.com/getscript?v=2.0&ak=B349f0b32ef6e78b2e678f45cb9fddaf&services=&t=20160310104956',
  23. //model
  24. user: './model/user',
  25. product: './model/product',
  26. cart: './model/cart',
  27. order: './model/order',
  28. review: './model/review',
  29. address: './model/address',
  30. recharge: './model/recharge',
  31. //page
  32. pageHome: './page/home',
  33. pageRecharge: './page/rechargee',
  34. pageHelp: './page/help',
  35. pageHomestay: './page/homestay',
  36. pageAbout: './page/about',
  37. pageProduct: './page/product',
  38. pageProductInfo: './page/productInfo',
  39. pageDesc: './page/desc',
  40. pagePlaceOrder: './page/placeOrder',
  41. pagePicker: './page/picker',
  42. pagePay: './page/pay',
  43. pageAppendPay: './page/appendPay',
  44. pageMyOrder: './page/myOrder',
  45. pageMyOrderDetail: './page/myOrderDetail',
  46. pageMyCoupon: './page/myCoupon',
  47. pageOrderDone: './page/orderDone',
  48. pageSuccess: './page/success',
  49. pageAgreement: './page/agreement',
  50. pageAddressList: './page/address/addressList',
  51. pageAddressAdd: './page/address/addressAdd',
  52. pageAddressDetail: './page/address/addressDetail',
  53. pageAddressPoisiton: './page/address/addressPoi',
  54. pageHire: './page/hire',
  55. pageComing: './page/coming',
  56. pageActivityCat: './page/activities/cat',
  57. pageAppend: './page/append',
  58. pageRefund: './page/refund',
  59. pageRefundSuccess: './page/refundSuccess',
  60. pageBeautician: './page/beautician',
  61. pageBeauticianDetail: './page/beauticianDetail',
  62. pageMine: './page/mine',
  63. pageSecondary: './page/secondary',
  64. //panel
  65. panelAlert: './panel/alert',
  66. panelActionSheet: './panel/actionSheet',
  67. // panelAddressAction: './panel/addressAction',
  68. panelDataPicker: './panel/dataPicker',
  69. panelProductOption: './panel/productOption',
  70. panelPostReview: './panel/postReview',
  71. panelActivity: './panel/activity'
  72. },
  73. shim: {
  74. zepto: {
  75. exports: '$'
  76. },
  77. IScroll: {
  78. exports: 'IScroll'
  79. },
  80. BMap: {
  81. exports: 'BMap'
  82. }
  83. }
  84. });
  85. require(['$', 'spa', 'native', 'helper', 'ratchet', 'config', 'user'], function ($, spa, native, helper, ratchet, config, user) {
  86. var $doc = $(document);
  87. // 首页
  88. var pageHome = {
  89. route: '',
  90. classname: 'home',
  91. animate: 'fadeIn',
  92. view: function () {
  93. var $page = this;
  94. requirejs(['pageHome'], function (viewData) {
  95. $doc.trigger('spa:initpage', [$page, viewData])
  96. })
  97. }
  98. };
  99. //商品页
  100. var pageProduct = {
  101. route: 'product',
  102. classname: 'product',
  103. animate: 'slideInUp',
  104. view: function () {
  105. var $page = this;
  106. requirejs(['pageProduct'], function (viewData) {
  107. $doc.trigger('spa:initpage', [$page, viewData])
  108. })
  109. }
  110. };
  111. //充值卡
  112. var pageRecharge = {
  113. route: 'recharge',
  114. classname: 'recharge',
  115. animate: 'pushInLeft',
  116. view: function () {
  117. var $page = this;
  118. requirejs(['pageRecharge'], function (viewData) {
  119. $doc.trigger('spa:initpage', [$page, viewData])
  120. })
  121. }
  122. };
  123. //个人中心
  124. var pageMine = {
  125. route: 'mine',
  126. classname: 'mine',
  127. animate: 'pushInLeft',
  128. view: function () {
  129. var $page = this;
  130. requirejs(['pageMine'], function (viewData) {
  131. $doc.trigger('spa:initpage', [$page, viewData])
  132. })
  133. }
  134. };
  135. //家庭保洁
  136. var pageSecondary = {
  137. route: 'secondary',
  138. classname: 'secondary',
  139. animate: 'pushInLeft',
  140. view: function () {
  141. var $page = this;
  142. requirejs(['pageSecondary'], function (viewData) {
  143. $doc.trigger('spa:initpage', [$page, viewData])
  144. })
  145. }
  146. };
  147. //民宿保洁
  148. var pageHomestay = {
  149. route: 'homestay',
  150. classname: 'homestay',
  151. animate: 'pushInLeft',
  152. view: function () {
  153. var $page = this;
  154. requirejs(['pageHomestay'], function (viewData) {
  155. $doc.trigger('spa:initpage', [$page, viewData])
  156. })
  157. }
  158. };
  159. //商品提示信息
  160. var pageProductInfo = {
  161. route: 'product-info/:type',
  162. classname: 'product-info',
  163. animate: 'pushInLeft',
  164. view: function () {
  165. var $page = this;
  166. requirejs(['pageProductInfo'], function (viewData) {
  167. $doc.trigger('spa:initpage', [$page, viewData])
  168. })
  169. }
  170. };
  171. //商品介绍页
  172. var pageDesc = {
  173. route: 'desc',
  174. classname: 'desc',
  175. animate: 'pushInLeft',
  176. view: function () {
  177. var $page = this;
  178. requirejs(['pageDesc'], function (viewData) {
  179. $doc.trigger('spa:initpage', [$page, viewData])
  180. })
  181. }
  182. };
  183. //订单页
  184. var pagePlaceOrder = {
  185. route: 'placeOrder',
  186. classname: 'place-order',
  187. animate: 'pushInLeft',
  188. view: function () {
  189. var $page = this;
  190. requirejs(['pagePlaceOrder'], function (viewData) {
  191. $doc.trigger('spa:initpage', [$page, viewData])
  192. })
  193. }
  194. };
  195. //选择列表页
  196. var pagePicker = {
  197. route: 'picker',
  198. classname: 'picker',
  199. animate: 'pushInLeft',
  200. view: function () {
  201. var $page = this;
  202. requirejs(['pagePicker'], function (viewData) {
  203. $doc.trigger('spa:initpage', [$page, viewData])
  204. })
  205. }
  206. };
  207. //支付页面
  208. var pagePay = {
  209. route: 'pay',
  210. classname: 'pay',
  211. animate: 'pushInLeft',
  212. view: function () {
  213. var $page = this;
  214. requirejs(['pagePay'], function (viewData) {
  215. $doc.trigger('spa:initpage', [$page, viewData])
  216. })
  217. }
  218. };
  219. // 追加订单支付页面
  220. var pageAppendPay = {
  221. route: 'append-pay',
  222. classname: 'append-pay',
  223. animate: 'pushInLeft',
  224. view: function () {
  225. var $page = this;
  226. requirejs(['pageAppendPay'], function (viewData) {
  227. $doc.trigger('spa:initpage', [$page, viewData])
  228. })
  229. }
  230. };
  231. //支付成功
  232. var pagePaySuccess = {
  233. route: 'paySuccess',
  234. classname: 'pay-success',
  235. animate: 'pushInLeft',
  236. view: function () {
  237. var $page = this;
  238. requirejs(['pageSuccess'], function (viewData) {
  239. $doc.trigger('spa:initpage', [$page, viewData])
  240. });
  241. }
  242. };
  243. //我的订单页
  244. var pageMyOrder = {
  245. route: 'myOrder(/:type)',
  246. classname: 'my-order',
  247. animate: 'pushInLeft',
  248. view: function () {
  249. var $page = this;
  250. requirejs(['pageMyOrder'], function (viewData) {
  251. $doc.trigger('spa:initpage', [$page, viewData])
  252. });
  253. }
  254. };
  255. var pageMyOrderDetail = {
  256. route: 'OrderDetail/:id',
  257. classname: 'my-order-detail',
  258. animate: 'pushInLeft',
  259. view: function () {
  260. var $page = this;
  261. requirejs(['pageMyOrderDetail'], function (viewData) {
  262. $doc.trigger('spa:initpage', [$page, viewData])
  263. });
  264. }
  265. };
  266. //我的优惠券
  267. var pageMyCoupon = {
  268. route: 'myCoupon',
  269. classname: 'my-coupon',
  270. animate: 'pushInLeft',
  271. view: function () {
  272. var $page = this;
  273. requirejs(['pageMyCoupon'], function (viewData) {
  274. $doc.trigger('spa:initpage', [$page, viewData])
  275. });
  276. }
  277. };
  278. //用户服务协议
  279. var pageAgreement = {
  280. route: 'agreement',
  281. classname: 'agreement',
  282. animate: 'pushInLeft',
  283. view: function () {
  284. var $page = this;
  285. requirejs(['pageAgreement'], function (viewData) {
  286. $doc.trigger('spa:initpage', [$page, viewData])
  287. });
  288. }
  289. };
  290. //地址列表
  291. var pageAddressList = {
  292. route: 'addressList',
  293. classname: 'address-list',
  294. animate: 'pushInLeft',
  295. view: function () {
  296. var $page = this;
  297. requirejs(['pageAddressList'], function (viewData) {
  298. $doc.trigger('spa:initpage', [$page, viewData])
  299. });
  300. }
  301. };
  302. //地址添加
  303. var pageAddressAdd = {
  304. route: 'addressAdd',
  305. classname: 'address-add',
  306. animate: 'pushInLeft',
  307. view: function () {
  308. var $page = this;
  309. requirejs(['pageAddressAdd'], function (viewData) {
  310. $doc.trigger('spa:initpage', [$page, viewData])
  311. });
  312. }
  313. };
  314. //地址详情
  315. var pageAddressDetail = {
  316. route: 'addressDetail',
  317. classname: 'address-detail',
  318. animate: 'pushInLeft',
  319. view: function () {
  320. var $page = this;
  321. requirejs(['pageAddressDetail'], function (viewData) {
  322. $doc.trigger('spa:initpage', [$page, viewData])
  323. });
  324. }
  325. };
  326. //地址定位
  327. var pageAddressPoisiton = {
  328. route: 'addressPoisiton',
  329. classname: 'address-poisition',
  330. animate: 'pushInLeft',
  331. view: function () {
  332. var $page = this;
  333. requirejs(['pageAddressPoisiton'], function (viewData) {
  334. $doc.trigger('spa:initpage', [$page, viewData])
  335. });
  336. }
  337. };
  338. //招聘
  339. var pageHire = {
  340. route: 'hire',
  341. classname: 'hire',
  342. animate: 'pushInLeft',
  343. view: function () {
  344. var $page = this;
  345. requirejs(['pageHire'], function (viewData) {
  346. $doc.trigger('spa:initpage', [$page, viewData])
  347. });
  348. }
  349. };
  350. // 未上线
  351. var pageComing = {
  352. route: 'coming',
  353. classname: 'coming',
  354. animate: 'pushInLeft',
  355. view: function () {
  356. var $page = this;
  357. requirejs(['pageComing'], function (viewData) {
  358. $doc.trigger('spa:initpage', [$page, viewData])
  359. });
  360. }
  361. };
  362. // 活动
  363. var pageActivityCat = {
  364. route: 'activity-cat',
  365. classname: 'activities-cat',
  366. animate: 'slideInUp',
  367. view: function () {
  368. var $page = this;
  369. requirejs(['pageActivityCat'], function (viewData) {
  370. $doc.trigger('spa:initpage', [$page, viewData])
  371. });
  372. }
  373. };
  374. // 追加服务
  375. var pageAppend = {
  376. route: 'append',
  377. classname: 'append',
  378. animate: 'pushInLeft',
  379. view: function () {
  380. var $page = this;
  381. requirejs(['pageAppend'], function (viewData) {
  382. $doc.trigger('spa:initpage', [$page, viewData])
  383. });
  384. }
  385. };
  386. // 申请退款
  387. var pageRefund = {
  388. route: 'refund',
  389. classname: 'refund',
  390. animate: 'pushInLeft',
  391. view: function () {
  392. var $page = this;
  393. requirejs(['pageRefund'], function (viewData) {
  394. $doc.trigger('spa:initpage', [$page, viewData])
  395. });
  396. }
  397. };
  398. // 申请成功
  399. var pageRefundSuccess = {
  400. route: 'refund-success',
  401. classname: 'refund-success',
  402. animate: 'pushInLeft',
  403. view: function () {
  404. var $page = this;
  405. requirejs(['pageRefundSuccess'], function (viewData) {
  406. $doc.trigger('spa:initpage', [$page, viewData])
  407. });
  408. }
  409. };
  410. // 订单确认完成
  411. var pageOrderDone = {
  412. route: 'order-done',
  413. classname: 'order-done',
  414. animate: 'pushInLeft',
  415. view: function () {
  416. var $page = this;
  417. requirejs(['pageOrderDone'], function (viewData) {
  418. $doc.trigger('spa:initpage', [$page, viewData])
  419. })
  420. }
  421. };
  422. var pageBeautician = {
  423. route: 'beautician',
  424. classname: 'beautician',
  425. animate: 'pushInLeft',
  426. view: function () {
  427. var $page = this;
  428. requirejs(['pageBeautician'], function (viewData) {
  429. $doc.trigger('spa:initpage', [$page, viewData]);
  430. })
  431. }
  432. };
  433. var pageBeauticianDetail = {
  434. route: 'beautician-detail',
  435. classname: 'beautician-detail',
  436. animate: 'slideInUp',
  437. view: function () {
  438. var $page = this;
  439. requirejs(['pageBeauticianDetail'], function (viewData) {
  440. $doc.trigger('spa:initpage', [$page, viewData]);
  441. })
  442. }
  443. };
  444. var pageHelp = {
  445. route: 'help',
  446. classname: 'help',
  447. animate: 'slideInUp',
  448. view: function () {
  449. var $page = this;
  450. requirejs(['pageHelp'], function (viewData) {
  451. $doc.trigger('spa:initpage', [$page, viewData]);
  452. })
  453. }
  454. };
  455. var pageAbout = {
  456. route: 'about',
  457. classname: 'about',
  458. animate: 'slideInUp',
  459. view: function () {
  460. var $page = this;
  461. requirejs(['pageAbout'], function (viewData) {
  462. $doc.trigger('spa:initpage', [$page, viewData]);
  463. })
  464. }
  465. };
  466. $doc.trigger('spa:route', [pageHome, pageRecharge, pageAbout, pageHelp, pageMine, pageSecondary, pageHomestay, pageProduct, pageProductInfo, pageDesc, pagePlaceOrder, pagePicker, pagePay, pageAppendPay, pagePaySuccess, pageMyOrder, pageMyOrderDetail, pageMyCoupon, pageAgreement, pageAddressList, pageAddressAdd, pageAddressDetail, pageAddressPoisiton, pageHire, pageComing, pageActivityCat, pageAppend, pageRefund, pageRefundSuccess, pageOrderDone, pageBeautician, pageBeauticianDetail]);
  467. var panelAlert = {
  468. id: 'simpleAlert',
  469. classname: 'alert',
  470. animate: 'zoomIn',
  471. view: function () {
  472. var $panel = this;
  473. requirejs(['panelAlert'], function (viewData) {
  474. $doc.trigger('spa:initpanel', [$panel, viewData]);
  475. })
  476. }
  477. };
  478. var panelActionSheet = {
  479. id: 'actionSheet',
  480. classname: 'action-sheet',
  481. animate: 'overlayInUp',
  482. view: function () {
  483. var $panel = this;
  484. requirejs(['panelActionSheet'], function (viewData) {
  485. $doc.trigger('spa:initpanel', [$panel, viewData]);
  486. })
  487. }
  488. };
  489. var panelDataPicker = {
  490. id: 'dataPicker',
  491. classname: 'data-picker',
  492. animate: 'overlayInUp',
  493. view: function () {
  494. var $panel = this;
  495. requirejs(['panelDataPicker'], function (viewData) {
  496. $doc.trigger('spa:initpanel', [$panel, viewData]);
  497. })
  498. }
  499. };
  500. var panelProductOption = {
  501. id: 'productOption',
  502. classname: 'product-option',
  503. animate: 'overlayInUp',
  504. view: function () {
  505. var $panel = this;
  506. requirejs(['panelProductOption'], function (viewData) {
  507. $doc.trigger('spa:initpanel', [$panel, viewData]);
  508. })
  509. }
  510. };
  511. var panelPostReview = {
  512. id: 'postReview',
  513. classname: 'post-review',
  514. animate: 'overlayInUp',
  515. view: function () {
  516. var $panel = this;
  517. requirejs(['panelPostReview'], function (viewData) {
  518. $doc.trigger('spa:initpanel', [$panel, viewData]);
  519. })
  520. }
  521. };
  522. var panelActivity = {
  523. id: 'activity',
  524. classname: 'activity',
  525. animate: 'overlayInUp',
  526. view: function () {
  527. var $panel = this;
  528. requirejs(['panelActivity'], function (viewData) {
  529. $doc.trigger('spa:initpanel', [$panel, viewData]);
  530. })
  531. }
  532. };
  533. $doc.trigger('spa:panel', [panelAlert, panelActionSheet, panelDataPicker, panelProductOption, panelPostReview, panelActivity]);
  534. $(function () {
  535. if (config.isWX) {
  536. //微信 去掉顶部导航栏
  537. var styles = ".content {top: 0;}";
  538. helper.includeStyleElement(styles, 'ios7');
  539. //微信过来的登录后再启动
  540. user.getUserInfo(function () {
  541. $doc.trigger('spa:boot');
  542. });
  543. } else if (config.isAndroid || config.isIOS) {
  544. //注册事件
  545. native.delegateBackButton(true);
  546. //安卓返回按钮
  547. $(document).on('tapBackButton', function () {
  548. $.spa.getCurPage().trigger('tapBackButton');
  549. });
  550. //ios7特殊样式 全屏幕往下移动20px
  551. helper.osProxy({
  552. ios: function () {
  553. var styles = ".bar-nav {height: 64px;padding-top: 20px;}\
  554. .content {top: 64px;}\
  555. .bar-nav .left-button {padding-top: 20px;}\
  556. .bar-nav .right-button {padding-top: 20px;}";
  557. helper.includeStyleElement(styles, 'ios7');
  558. }
  559. });
  560. $doc.trigger('spa:boot');
  561. } else if (config.isChubao) {
  562. var styles = ".content {top: 0;}";
  563. helper.includeStyleElement(styles, 'ios7');
  564. $doc.trigger('spa:boot');
  565. } else {
  566. $doc.trigger('spa:boot');
  567. }
  568. })
  569. })