php/www/webapp/o2o/js/main.js

require.config({
    urlArgs: 'v=' + (new Date()).getTime(),
    waitSeconds: 0,
    paths: {
        zepto: '../../common/js/zepto.min',
        wx: '../../common/js/jweixin-1.0.0',
        ctk: '../../common/js/ctk-1.0.0',
        pingpp: '../../common/js/pingpp',
        spa: '../../common/js/spa',
        IScroll: '../../framework/iscroll5/iscroll-probe',
        ratchet: '../../framework/ratchet-2.0.2/dist/js/ratchet.base',
        $: '../../common/js/jq_extend',
        autosize: '../../common/js/autosize',
        config: '../../common/js/config',
        helper: '../../common/js/helper',
        native: '../../common/js/native',
        storage: '../../common/js/storage',
        base: '../../common/js/base',
        template: './build/template',
        api: './api',
        bdmapapi: '../../common/js/bdmapapi',
        BMap: 'http://api.map.baidu.com/getscript?v=2.0&ak=B349f0b32ef6e78b2e678f45cb9fddaf&services=&t=20160310104956',
        //model
        user: './model/user',
        product: './model/product',
        cart: './model/cart',
        order: './model/order',
        review: './model/review',
        address: './model/address',
        recharge: './model/recharge',
        //page
        pageHome: './page/home',
        pageRecharge: './page/rechargee',
        pageHelp: './page/help',
        pageHomestay: './page/homestay',
        pageHomeenterprise: './page/homeenterprise',
        pageAbout: './page/about',
        pageProduct: './page/product',
        pageProductInfo: './page/productInfo',
        pageDesc: './page/desc',
        pagePlaceOrder: './page/placeOrder',
        pagePicker: './page/picker',
        pagePay: './page/pay',
        pageAppendPay: './page/appendPay',
        pageMyOrder: './page/myOrder',
        pageMyOrderDetail: './page/myOrderDetail',
        pageMyCoupon: './page/myCoupon',
        pageOrderDone: './page/orderDone',
        pageSuccess: './page/success',
        pageAgreement: './page/agreement',
        pageAddressList: './page/address/addressList',
        pageAddressAdd: './page/address/addressAdd',
        pageAddressDetail: './page/address/addressDetail',
        pageAddressPoisiton: './page/address/addressPoi',
        pageHire: './page/hire',
        pageComing: './page/coming',
        pageActivityCat: './page/activities/day',
        pageActivityText: './page/activities/text',
        pageActivityRule: './page/activities/rule',

        pageAppend: './page/append',
        pageRefund: './page/refund',
        pageRefundSuccess: './page/refundSuccess',
        pageBeautician: './page/beautician',
        pageBeauticianDetail: './page/beauticianDetail',
        pageMine: './page/mine',
        pageSecondary: './page/secondary',
        pageBalanceLog:'./page/balanceLog',
        //panel
        panelAlert: './panel/alert',
        panelActionSheet: './panel/actionSheet',
        // panelAddressAction: './panel/addressAction',
        panelDataPicker: './panel/dataPicker',
        panelProductOption: './panel/productOption',
        panelPostReview: './panel/postReview',
        panelActivity: './panel/activity'
    },
    shim: {
        zepto: {
            exports: '$'
        },
        IScroll: {
            exports: 'IScroll'
        },
        BMap: {
            exports: 'BMap'
        }

    }
});
require(['$', 'spa', 'native', 'helper', 'ratchet', 'config', 'user'], function ($, spa, native, helper, ratchet, config, user) {
    var $doc = $(document);

    // 首页
    var pageHome = {
        route: '',
        classname: 'home',
        animate: 'fadeIn',
        view: function () {
            var $page = this;
            requirejs(['pageHome'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            })
        }
    };
    //个人中心
    var pageMine = {
        route: 'mine',
        classname: 'mine',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pageMine'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            })
        }
    };
    // 余额消费列表
    var pageBalanceLog = {
        route: 'balanceLog',
        classname: 'balanceLog',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pageBalanceLog'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            })
        }
    };
    //家庭保洁
    var pageSecondary = {
        route: 'secondary',
        classname: 'secondary',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pageSecondary'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            })
        }
    };
    //民宿保洁
    var pageHomestay = {
        route: 'homestay',
        classname: 'homestay',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pageHomestay'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            })
        }
    };
    //企业服务
    var pageHomeenterprise = {
        route: 'homeenterprise',
        classname: 'homeenterprise',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pageHomeenterprise'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            })
        }
    };

    //商品页
    var pageProduct = {
        route: 'product',
        classname: 'product',
        animate: 'slideInUp',
        view: function () {
            var $page = this;
            requirejs(['pageProduct'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            })
        }
    };
    //充值卡
    var pageRecharge = {
        route: 'recharge',
        classname: 'recharge',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pageRecharge'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            })
        }
    };
    // 活动协议
    var pageActivityText = {
        route: 'activity-text',
        classname: 'activity-text',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pageActivityText'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            });
        }
    };
    //活动规则
    var pageActivityRule = {
        route: 'activity-rule',
        classname: 'activity-rule',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pageActivityRule'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            });
        }
    };

    //商品提示信息
    var pageProductInfo = {
        route: 'product-info/:type',
        classname: 'product-info',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pageProductInfo'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            })
        }
    };

    //商品介绍页
    var pageDesc = {
        route: 'desc',
        classname: 'desc',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pageDesc'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            })
        }
    };

    //订单页
    var pagePlaceOrder = {
        route: 'placeOrder',
        classname: 'place-order',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pagePlaceOrder'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            })
        }
    };

    //选择列表页
    var pagePicker = {
        route: 'picker',
        classname: 'picker',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pagePicker'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            })
        }
    };

    //支付页面
    var pagePay = {
        route: 'pay',
        classname: 'pay',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pagePay'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            })
        }
    };

    // 追加订单支付页面
    var pageAppendPay = {
        route: 'append-pay',
        classname: 'append-pay',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pageAppendPay'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            })
        }
    };

    //支付成功
    var pagePaySuccess = {
        route: 'paySuccess',
        classname: 'pay-success',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pageSuccess'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            });
        }
    };

    //我的订单页
    var pageMyOrder = {
        route: 'myOrder(/:type)',
        classname: 'my-order',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pageMyOrder'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            });
        }
    };

    var pageMyOrderDetail = {
        route: 'OrderDetail/:id',
        classname: 'my-order-detail',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pageMyOrderDetail'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            });
        }
    };

    //我的优惠券
    var pageMyCoupon = {
        route: 'myCoupon',
        classname: 'my-coupon',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pageMyCoupon'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            });
        }
    };

    //用户服务协议
    var pageAgreement = {
        route: 'agreement',
        classname: 'agreement',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pageAgreement'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            });
        }
    };

    //地址列表
    var pageAddressList = {
        route: 'addressList',
        classname: 'address-list',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pageAddressList'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            });
        }
    };

    //地址添加
    var pageAddressAdd = {
        route: 'addressAdd',
        classname: 'address-add',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pageAddressAdd'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            });
        }
    };

    //地址详情
    var pageAddressDetail = {
        route: 'addressDetail',
        classname: 'address-detail',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pageAddressDetail'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            });
        }
    };

    //地址定位
    var pageAddressPoisiton = {
        route: 'addressPoisiton',
        classname: 'address-poisition',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pageAddressPoisiton'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            });
        }
    };

    //招聘
    var pageHire = {
        route: 'hire',
        classname: 'hire',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pageHire'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            });
        }
    };

    // 未上线
    var pageComing = {
        route: 'coming',
        classname: 'coming',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pageComing'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            });
        }
    };

    // 活动
    var pageActivityCat = {
        route: 'activity-day',
        classname: 'activities-day',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pageActivityCat'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            });
        }
    };

    // 追加服务
    var pageAppend = {
        route: 'append',
        classname: 'append',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pageAppend'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            });
        }
    };

    // 申请退款
    var pageRefund = {
        route: 'refund',
        classname: 'refund',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pageRefund'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            });
        }
    };

    // 申请成功
    var pageRefundSuccess = {
        route: 'refund-success',
        classname: 'refund-success',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pageRefundSuccess'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            });
        }
    };

    // 订单确认完成
    var pageOrderDone = {
        route: 'order-done',
        classname: 'order-done',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pageOrderDone'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData])
            })
        }
    };

    var pageBeautician = {
        route: 'beautician',
        classname: 'beautician',
        animate: 'pushInLeft',
        view: function () {
            var $page = this;
            requirejs(['pageBeautician'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData]);
            })
        }
    };

    var pageBeauticianDetail = {
        route: 'beautician-detail',
        classname: 'beautician-detail',
        animate: 'slideInUp',
        view: function () {
            var $page = this;
            requirejs(['pageBeauticianDetail'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData]);
            })
        }
    };

    var pageHelp = {
        route: 'help',
        classname: 'help',
        animate: 'slideInUp',
        view: function () {
            var $page = this;
            requirejs(['pageHelp'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData]);
            })
        }
    };

    var pageAbout = {
        route: 'about',
        classname: 'about',
        animate: 'slideInUp',
        view: function () {
            var $page = this;
            requirejs(['pageAbout'], function (viewData) {
                $doc.trigger('spa:initpage', [$page, viewData]);
            })
        }
    };

    $doc.trigger('spa:route', [pageHome, pageRecharge, pageAbout, pageHelp, pageMine, pageSecondary,pageBalanceLog, pageHomestay, pageHomeenterprise, pageProduct, pageProductInfo, pageDesc, pagePlaceOrder, pagePicker, pagePay, pageAppendPay, pagePaySuccess, pageMyOrder, pageMyOrderDetail, pageMyCoupon, pageAgreement, pageAddressList, pageAddressAdd, pageAddressDetail, pageAddressPoisiton, pageHire, pageComing, pageActivityCat, pageActivityText, pageActivityRule, pageAppend, pageRefund, pageRefundSuccess, pageOrderDone, pageBeautician, pageBeauticianDetail]);

    var panelAlert = {
        id: 'simpleAlert',
        classname: 'alert',
        animate: 'zoomIn',
        view: function () {
            var $panel = this;
            requirejs(['panelAlert'], function (viewData) {
                $doc.trigger('spa:initpanel', [$panel, viewData]);
            })
        }
    };

    var panelActionSheet = {
        id: 'actionSheet',
        classname: 'action-sheet',
        animate: 'overlayInUp',
        view: function () {
            var $panel = this;
            requirejs(['panelActionSheet'], function (viewData) {
                $doc.trigger('spa:initpanel', [$panel, viewData]);
            })
        }
    };

    var panelDataPicker = {
        id: 'dataPicker',
        classname: 'data-picker',
        animate: 'overlayInUp',
        view: function () {
            var $panel = this;
            requirejs(['panelDataPicker'], function (viewData) {
                $doc.trigger('spa:initpanel', [$panel, viewData]);
            })
        }
    };

    var panelProductOption = {
        id: 'productOption',
        classname: 'product-option',
        animate: 'overlayInUp',
        view: function () {
            var $panel = this;
            requirejs(['panelProductOption'], function (viewData) {
                $doc.trigger('spa:initpanel', [$panel, viewData]);
            })
        }
    };

    var panelPostReview = {
        id: 'postReview',
        classname: 'post-review',
        animate: 'overlayInUp',
        view: function () {
            var $panel = this;
            requirejs(['panelPostReview'], function (viewData) {
                $doc.trigger('spa:initpanel', [$panel, viewData]);
            })
        }
    };

    var panelActivity = {
        id: 'activity',
        classname: 'activity',
        animate: 'overlayInUp',
        view: function () {
            var $panel = this;
            requirejs(['panelActivity'], function (viewData) {
                $doc.trigger('spa:initpanel', [$panel, viewData]);
            })
        }
    };

    $doc.trigger('spa:panel', [panelAlert, panelActionSheet, panelDataPicker, panelProductOption, panelPostReview, panelActivity]);

    $(function () {
        if (config.isWX) {
            //微信 去掉顶部导航栏
            var styles = ".content {top: 0;}";
            helper.includeStyleElement(styles, 'ios7');

            //微信过来的登录后再启动
            user.getUserInfo(function () {
                $doc.trigger('spa:boot');
            });

        } else if (config.isAndroid || config.isIOS) {
            //注册事件
            native.delegateBackButton(true);

            //安卓返回按钮
            $(document).on('tapBackButton', function () {
                $.spa.getCurPage().trigger('tapBackButton');
            });

            //ios7特殊样式 全屏幕往下移动20px
            helper.osProxy({
                ios: function () {
                    var styles = ".bar-nav {height: 64px;padding-top: 20px;}\
          .content {top: 64px;}\
          .bar-nav .left-button {padding-top: 20px;}\
          .bar-nav .right-button {padding-top: 20px;}";
                    helper.includeStyleElement(styles, 'ios7');
                }
            });

            $doc.trigger('spa:boot');
        } else if (config.isChubao) {
            var styles = ".content {top: 0;}";
            helper.includeStyleElement(styles, 'ios7');
            $doc.trigger('spa:boot');
        } else {
            $doc.trigger('spa:boot');
        }
    })
})