php/www/webapp/o2o/js/page/placeOrder.js

define(['$', 'template', 'order', 'native', 'helper', 'user', 'api', 'config', 'address', 'IScroll'], function ($, template, order, native, helper, user, api, config, address, IScroll) {

    /*
     * 这里对product和order做一个说明。
     * product前台写死。order沿用原模型，但只用其中几个字段。
     * 对应关系如下：
     * product.id == order.productID :产品ID
     * product.type == order.productType :产品类型，约定的数字
     * product.price == order.cost :订单原价，当product的extra字段为空
     * product.extra.price == order.cost :订单原价，当product的extra字段不为空
     * product.type_str == order.serviceName :服务名称
     * product.extra.type == order.appendID :服务的额外选项，当product的extra字段不为空
     */

    /* 从首页传来的产品数据 */
    var product;

    /* 软键盘弹出与消失时布局变动。 */
    function checkScroll(pageData, callback) {
        if (pageData.scroll) {
            if (!pageData.scrollHeight) {
                pageData.scrollHeight = 0;
            }
            clearInterval(pageData.scrollCheck);
            clearTimeout(pageData.scrollCheckAutoCancel);
            pageData.scrollCheck = setInterval(function () {
                pageData.scroll.refresh();
                if ($.isFunction(callback)) {
                    callback();
                }
            }, 50);

            pageData.scrollCheckAutoCancel = setTimeout(function () {
                clearInterval(pageData.scrollCheck);
            }, 500);
        }
    }

    /* 返回上一级 */
    function back(event) {
        event.preventDefault();
        $(document).trigger('spa:navigate', {
            hash: '',
            pushData: {
                dontNeedReload: true
            }
        });
    }

    /* 重置页面时调用，重新生成IScroll */
    function fixScroll(pageData) {
        if (pageData.scroll) {
            pageData.scroll.destroy();
            pageData.scroll = null;
        }
        var placeOrderScroll;
        setTimeout(function () {
            pageData.scroll = new IScroll('#placeOrderScroll');
        }, 50);
    }

    /* 算账。 */
    function payCharge($orderCost) {
        order.payValue = order.cost - order.couponValue;
        $orderCost.text('￥' + order.payValue);
    }

    /* 也是自动选取最大优惠券的操作，只是与setCoupon策略不同
     function suitable(me, doc, productID, type, petPrice, pay, pageData, extra, precedence) {
     extra = extra || 0;
     precedence = precedence || 0;
     // 获取该类型宠物 可用优惠券
     doc.trigger('spa:openloader');
     api.getCouponList({
     products: JSON.stringify([{
     product_id: productID,
     count: 1
     }]),
     type: type,
     user_id: user.id
     }, function (res) {
     doc.trigger('spa:closeloader');
     if (!res.success) {
     doc.trigger('spa:openpanel', ['simpleAlert', {
     message: res.message
     }]);
     } else {
     user.orderCoupons = res.data;

     // 优惠券数据更新
     var coupons = user.orderCoupons;
     var couponSelectVal = 0;
     if (coupons.length) {
     // 选取最大金额
     var selectCoupon = user.getMaxAvailableCoupon();

     // 缓存到购物车
     cart['products'][type]['couponName'] = coupons[selectCoupon.couponIndex].coupon.name;
     cart['products'][type]['couponVal'] = selectCoupon.couponSelectVal;
     cart['products'][type]['couponId'] = coupons[selectCoupon.couponIndex].id;
     cart['products'][type]['couponList'] = coupons;

     // dom 更新
     $('.coupon-selected-name', me).html(user.getCouponName(coupons[selectCoupon.couponIndex].id));
     $('.coupon-cost', me).html('-' + selectCoupon.couponSelectVal);
     $('.select-coupon', me).removeClass('hide');
     $('.order-cost', me).attr('data-coupon', selectCoupon.couponSelectVal);
     $('.order-list', me).removeClass('hide');
     $('.order-cost', me).attr('data-pay', parseFloat(petPrice) - parseFloat(selectCoupon.couponSelectVal) + extra);

     // 减去优惠
     petPrice = parseFloat(petPrice) - parseFloat(selectCoupon.couponSelectVal) + extra + precedence;

     } else {
     // 缓存到购物车
     cart['products'][type]['couponName'] = '';
     cart['products'][type]['couponVal'] = '';
     cart['products'][type]['couponId'] = '';
     cart['products'][type]['couponList'] = [];

     $('.coupon-selected-name', me).html('');
     $('.coupon-cost', me).html('- 0');
     $('.select-coupon', me).addClass('hide');
     $('.order-cost', me).attr('data-coupon', 0);

     petPrice = parseFloat(petPrice) + extra + precedence;
     }
     // 缓存到本地
     cart.setCache('products');

     // 更新dom总价
     $('.order-cost', me).attr('data-costs', pay);
     $('.order-cost', me).html('¥' + petPrice);

     $('.select-pet', me).removeClass('hide');

     if (pageData && pageData.scroll) {
     pageData.scroll.refresh();
     }
     }
     });
     }
     */

    /* 优惠券取决于主服务、宠物、数量、时间，所以在这几个值改变后要调用这个方法，更新最大优惠
     function setCoupon(me, pageData, extraServicePrice) {
     $(document).trigger('spa:openloader');
     var products = JSON.stringify([{
     product_id: order['productID'],
     count: order.productCount
     }]);
     var time = order.bookingDate + ' ' + order.bookingTime + ':00';
     user.getProductCoupon(products, time, cachePageData.productType, function (res) {
     $(document).trigger('spa:closeloader');
     if (res.success) {
     var coupons = user.orderCoupons;
     var price = 0;
     if (coupons.length) {
     var selectCoupon = user.getMaxAvailableCoupon();
     cart['products'][cachePageData.productType]['couponName'] = coupons[selectCoupon.couponIndex].coupon.name;
     cart['products'][cachePageData.productType]['couponVal'] = selectCoupon.couponSelectVal;
     cart['products'][cachePageData.productType]['couponId'] = coupons[selectCoupon.couponIndex].id;
     cart['products'][cachePageData.productType]['couponList'] = coupons;

     $('.coupon-selected-name', me).html(user.getCouponName(coupons[selectCoupon.couponIndex].id));
     $('.coupon-cost', me).html('-' + selectCoupon.couponSelectVal);
     $('.select-coupon', me).removeClass('hide');
     $('.order-cost', me).attr('data-coupon', selectCoupon.couponSelectVal);
     $('.order-list', me).removeClass('hide');
     price = parseFloat(order.petPrice) * order.productCount - parseFloat(selectCoupon.couponSelectVal) + parseFloat(extraServicePrice);

     } else {
     price = parseFloat(order.petPrice) * order.productCount + parseFloat(extraServicePrice);

     $('.coupon-selected-name', me).html('');
     $('.select-coupon', me).addClass('hide');
     $('.order-cost', me).attr('data-coupon', '0');
     $('.order-cost', me).attr('data-pay', parseFloat(order.petPrice));
     cart['products'][cachePageData.productType]['couponName'] = '';
     cart['products'][cachePageData.productType]['couponVal'] = '';
     cart['products'][cachePageData.productType]['couponId'] = '';
     cart['products'][cachePageData.productType]['couponList'] = [];
     }
     // 加急
     if (order.precedence) {
     price = price + parseFloat(product.precedence);
     }
     $('.order-cost', me).attr('data-pay', price);
     $('.order-cost', me).attr('data-costs', order.petPrice);
     $('.order-cost', me).html('¥' + price);

     cart.setCache('products');

     pageData.scroll.refresh();
     } else {
     $(document).trigger('spa:openpanel', ['simpleAlert', {
     message: res.message
     }]);
     }
     });
     }  */

    /* 在选择主服务或宠物后，筛选附加服务
     function suitExtraService(me, checkedName) {
     var newExtraService = product.getExtraServiceList(order.productType, order.petName, checkedName);
     var extraService = {
     extraService: newExtraService
     }
     var extraServiceTpl = template('placeOrder/list', extraService);
     var extraServiceTpl2 = template('placeOrder/list2', extraService);
     me.find('.extra-service-list').html(extraServiceTpl);
     me.find('.calc-items').html(extraServiceTpl2).addClass('hide');

     cachePageData.extraServicePrice = 0;
     cachePageData.extraServiceCount = 0;
     } */

    /* 在选择主服务、附加服务、宠物、时间、地点之后，重置保洁师
     function resetTech(me) {
     order.beautician.name = '请选择';
     order.beautician.id = '';
     $('.booking-people', me).html(order.beautician.name);
     }  */

    return {
        title: '壹管家上门服务',
        body: '',
        init: function (pageData, dtd) {
            var $view = this;
            var $doc = $(document);

            /* 三个返回操作 */
            $.newTouch('.back-button', function (event) {
                back.call(this, event);
            }, $view);
            $view.on('tapBackButton', function (event) {
                back.call(this, event);
            });
            $view.on('swipeRight', function (event) {
                back.call(this, event);
            });

            /* 点击查看详情。跳转到product页面 */
            $.newTouch('.product-pic-o2o', function (event) {
                $doc.trigger('spa:navigate', {
                    hash: 'product',
                    pushData: {
                        produc: product,
                        needReload: true
                    }
                });
            }, $view);

            /*特效*/
            //var hot = document.getElementById('hot');
            /*console.log($('#hot').style.color);*/
            var hotS=1;
            //$("#hot").fadeIn("slow");
            //$('#hot').fadeOut("slow");
            setInterval(function run() {
                /*if(hotS==1){
                    //$('#hot').css('display','none') ;
                    $("#hot").fadeIn();
                    hotS++;
                }else {
                    //$('#hot').css('display','inline') ;
                    $('#hot').fadeOut();
                    hotS=1;
                }*/
                $('.product-img').fadeToggle();

            },1000);
            /* 点击选择extra。 */
            $.newTouch('.btn-main-service', function (event) {
                /* on代表这一条的选中状态。如果已经选中了，就return。this的作用域是这一条extra。 */
                if ($(this).hasClass('on')) return;
                /* 如果没有on状态，加上on。 */
                $(this).addClass('on');
                /* 删掉其他选择框的on状态 */
                $(this).parent().siblings().find('.btn').removeClass('on');
                /* 填写order */
                order.appendID = $(this).attr('data-extra-type');
                order.price = $(this).attr('data-extra-price');
                order.cost = order.price * order.productCount;
                // 重置代金券
                $('.coupon-selected-name', $view).html('选择优惠券');
                order.couponValue = 0;
                order.couponID = '';
                payCharge($('.order-cost', $view));
            }, $view);

            /* 点击选择地址 */
            $.newTouch('.select-address', function (event) {
                event.preventDefault();
                /* 如果是微信客户端，跳转到addressList页面。 */
                if (!config.isAndroid && !config.isIOS) {
                    $doc.trigger('spa:navigate', {
                        hash: 'addressList',
                        pushData: {
                            backHash: 'placeOrder'
                        },
                        callback: {
                            /* 在addressList页面挑选之后，回到这个页面时执行的回调。 */
                            onSelect: function (address, station) {
                                order.set('address', address, true);
                                order.set('stationID', station, true);

                                var addressStr = '';
                                if (order.address.address.poi) {
                                    addressStr = order.address.address.city + order.address.address.area + order.address.address.poi.name + order.address.address.detail
                                } else {
                                    addressStr = order.address.address.province + order.address.address.city + order.address.address.area + order.address.address.detail
                                }
                                $('.order-address', $view).html(addressStr);
                                $('.order-username', $view).html(order.address.name);
                                $('.order-mobile', $view).html(order.address.mobile);
                            }
                        }
                    });
                }
            }, $view);

            /* 点击选择附加服务
             $.newTouch('.item-checkbox', function (event) {
             event.preventDefault();
             // 如果'.main-service'元素的子元素数目为正（也就是说出现了选择主服务那一栏，也就是说在前一页选择的是附加服务），且不处于on状态（也就是还没有选择主服务）
             if ($('.main-service', $view).length && !$('.main-service', $view).find('.btn-main-service').hasClass('on')) {
             // 弹出一个对话框
             $doc.trigger('spa:openpanel', ['simpleAlert', {
             message: '请选择服务类型'
             }]);
             return;
             }
             // $(this).data('xxx'):获取this中data-xxx的数据。
             // 获取这一条附加服务的相关的数据。select没用，估计是原来想用这个记录选中状态的。
             var select = $(this).data('select'),
             id = $(this).data('id'),
             index = $(this).parent().index(),
             price = $(this).data('price');
             extraType = $(this).data('servicetype');
             // 获取附加服务的总费用。
             var extraCost = $('.order-cost', $view).attr('data-extra');
             // 如果原来没有选中这一项，下面就是选中的操作
             if (!$(this).hasClass('checked')) {
             // 附加服务数量+1
             cachePageData.extraServiceCount++;
             // 保存附加服务的总价格
             cachePageData.extraServicePrice += parseFloat(price);
             // 添加checked状态
             $(this).addClass('checked');
             var serviceParam = {
             product_id: id,
             count: 1
             }
             // /为什么是个数组？
             order.extraService[index] = serviceParam;
             // 把订单详情中对应的项目添加on属性
             $('.calc-items', $view).find('.select-extra-service').eq(index).addClass('on');
             // 计算附加服务的总费用。
             extraCost = parseFloat(extraCost) + parseFloat(price);
             $('.order-cost', $view).attr('data-extra', extraCost);
             }
             // 如果原来选中了这一项，下面就是取消选中的操作
             else {
             // 附加服务数量-1
             cachePageData.extraServiceCount--;
             // 保存附加服务的总价格
             cachePageData.extraServicePrice -= parseFloat(price);
             // 删除checked属性
             $(this).removeClass('checked');

             order.extraService[index] = {};
             // 把订单详情中对应的项目删掉on属性
             $('.calc-items', $view).find('.select-extra-service').eq(index).removeClass('on');
             // 计算附加服务的总费用。
             extraCost = parseFloat(extraCost) - parseFloat(price);
             $('.order-cost', $view).attr('data-extra', extraCost);
             }
             // 根据附加服务的数量，更新订单详情中附加服务模块的显示与隐藏
             if (cachePageData.extraServiceCount > 0) {
             $('.calc-items', $view).removeClass('hide');
             } else {
             $('.calc-items', $view).addClass('hide');
             }
             // 更新订单详情中每一条附加服务的显示与隐藏
             if ($('.calc-items', $view).find('.select-extra-service').hasClass('on')) {
             $('.calc-items', $view).removeClass('hide');
             } else {
             $('.calc-items', $view).addClass('hide');
             }
             // 计算总价钱
             payCharge();
             // 刷新界面
             pageData.scroll.refresh();
             }, $view); */

            /* 点击选择保洁师
             $.newTouch('.show-beautician-picker', function (event) {
             // 如果订单的地址数据为空
             if (!order.address || !order.address.address_id) {
             // 弹出提示框
             $doc.trigger('spa:openpanel', ['simpleAlert', {
             message: '请选择地址'
             }]);
             return;
             }
             // 点击订单的预定时间为空
             if (order.bookingDate == '' || order.bookingTime == '') {
             // 弹出提示框
             $doc.trigger('spa:openpanel', ['simpleAlert', {
             message: '请选择上门时间'
             }]);
             return;
             }
             // 点击订单的主服务类型为空
             if (!order.productType) {
             // /弹出提示框
             $doc.trigger('spa:openpanel', ['simpleAlert', {
             message: '请选择服务类型'
             }]);
             return;
             }
             // 生成预定时间的字符串
             var bookingTime = order.bookingDate + ' ' + order.bookingTime + ':00';
             // 生成所有服务的字符串
             var service_type_array = [order.productType];
             var service_type = '[' + service_type_array.join(',') + ']';
             // 根据服务、时间、地址，向服务器请求保洁师列表
             user.getTechList(
             service_type,
             bookingTime,
             order.address.address_id,
             // 请求成功后跳转到beautician页面，在beautician页面展示保洁师列表
             function (res) {
             $doc.trigger('spa:navigate', {
             hash: 'beautician',
             pushData: {

             }
             });
             }
             );
             }, $view);  */

            /* 点击选择宠物相关
             $.newTouch('.show-product-picker', function () {
             // 如果有了selected属性，就return
             if ($(this).hasClass('selected')) return;
             event.preventDefault();
             // 主服务>10是什么意思？？？
             if (cachePageData.productType > 10) {
             $doc.trigger('spa:openpanel', ['simpleAlert', {
             message: '请选择服务类型'
             }]);
             return;
             }
             // 弹出一个列表选择框。
             $doc.trigger('spa:openpanel', ['productOption', {
             pets: product.productGroup[cachePageData.productType],
             productType: cachePageData.productType,
             callback: {
             onSelect: function (petName, petWeight, petPrice) {
             // set order info
             order.petName = petName;
             order.petWeight = petWeight;
             order.petPrice = petPrice;
             order.productType = cachePageData.productType;
             order.petID = cart['products'][cachePageData.productType]['petID'];
             order.productID = cart['products'][cachePageData.productType]['productID'];
             // user.orderCoupons = res.data;
             // 筛选附加服务
             if (cachePageData.extraServiceType > 10) {
             var selectExtraServiceName = cachePageData.defaultExtraService[cachePageData.extraServiceType].serviceName;
             var selectExtraServicePrice = cachePageData.defaultExtraService[cachePageData.extraServiceType].servicePrice;

             $('.order-cost', $view).attr('data-extra', selectExtraServicePrice);
             }

             suitExtraService($view, selectExtraServiceName);

             $('.pet-info', $view).html(petName + ' (' + petWeight + ')');
             $('.pet-type', $view).html(petName + ' (' + petWeight + ')');
             $('.total-cost', $view).html('¥' + petPrice);

             if ($('.calc-items', $view).find('.select-extra-service').hasClass('on')) {
             $('.calc-items', $view).removeClass('hide');
             petPrice = parseFloat(petPrice) + parseFloat(selectExtraServicePrice);
             }

             $('.order-cost', $view).attr('data-costs', order.petPrice);
             $('.order-cost', $view).attr('data-extra', cachePageData.extraServicePrice);
             $('.order-cost', $view).html('¥' + petPrice);

             $('.select-pet', $view).removeClass('hide');

             if (order['productID'] && order.bookingDate) {
             setCoupon($view, pageData, cachePageData.extraServicePrice);
             }

             pageData.scroll.refresh();
             }
             }
             }]);
             }, $view); */

            /* 点击数量-1 */
            $.newTouch('.btn-sub', function (event) {
                if (order.productCount <= 1) return;
                if (order.price == 0) {
                    $doc.trigger('spa:openpanel', ['simpleAlert', {
                        message: '请选择服务'
                    }]);
                    return;
                }
                var inputNum = $('.service-count', $view).children('.input-num').val();
                if (isNaN(inputNum)) {
                    $doc.trigger('spa:openpanel', ['simpleAlert', {
                        message: '请输入数字'
                    }]);
                    return false;
                }
                order.productCount = inputNum;
                order.productCount--;
                order.cost = order.productCount * order.price;
                $('.service-count', $view).children('.input-num').val(order.productCount);
                /* 算账 */
                payCharge($('.order-cost', $view));
            }, $view);

            /*点击body重置金额*/
            $.newTouch('body', function (event) {
                //input输入
                var inputNum = $('.service-count', $view).children('.input-num').val();
                if (isNaN(inputNum)) {
                    $doc.trigger('spa:openpanel', ['simpleAlert', {
                        message: '请输入数字'
                    }]);
                    return false;
                }
                //与input输入框的文本的数据做交互;
                order.productCount = inputNum;
                order.cost = order.productCount * order.price;
                $('.service-count', $view).children('.input-num').val(order.productCount);
            })

            /* 点击数量+1 */
            $.newTouch('.btn-add', function (event) {
                if (order.productCount > 999) return;
                if (order.price == 0) {
                    $doc.trigger('spa:openpanel', ['simpleAlert', {
                        //message: '请选择extra'
                        message: '请选择服务'
                    }]);
                    return;
                }
                var inputNum = $('.service-count', $view).children('.input-num').val();
                if (isNaN(inputNum)) {
                    $doc.trigger('spa:openpanel', ['simpleAlert', {
                        message: '请输入数字'
                    }]);
                    return false;
                }
                order.productCount = inputNum;
                order.productCount++;
                order.cost = order.productCount * order.price;
                $('.service-count', $view).children('.input-num').val(order.productCount);
                /* 算账 */
                payCharge($('.order-cost', $view));
            }, $view);

            /* 点击选择时间 */
            $.newTouch('.show-time-picker', function (event) {
                event.preventDefault();
                // 以下是构建时间选择器，不用管。直接看选完之后的回调。
                var dayNamesA = ['周日', '周一', '周二', '周三', '周四', '周五', '周六'];
                var dayNamesB = ['今天'];
                var columns = {
                    columnDay: [],
                    columnTime: []
                };
                var now = new Date().getHours();
                var daySelectIndex = 0;
                for (var i = 1; i <= 9; i++) {
                    var dd = new Date();
                    dd.setDate(dd.getDate() + i);

                    var month = dd.getMonth() + 1;
                    var day = dd.getDate();
                    var date = month + '月' + day + '日';

                    var dayStr = helper.getDateStr({
                        date: dd,
                        separator: '-'
                    });

                    var dayStrSuffix;
                    if (i < dayNamesB.length) {
                        dayStrSuffix = dayNamesB[i];
                    } else {
                        dayStrSuffix = dayNamesA[dd.getDay()];
                    }
                    var selected = false;
                    if (order.bookingDate) {
                        selected = true;
                    }
                    if (dayStr == order.bookingDate) {
                        daySelectIndex = i;
                    } else {
                        daySelectIndex = -1;
                    }
                    columns.columnDay.push({
                        text: date, // 几月几日
                        day: dayStrSuffix, // 周几
                        value: dayStr,
                        selected: selected,
                        selectIndex: daySelectIndex
                    });
                }

                var currentDate = new Date();
                var currentMonth = currentDate.getMonth() + 1;
                var currentDay = currentDate.getDate();
                var now = new Date().getHours();
                var min = new Date().getMinutes();
                var timeSelectIndex = 0;
                for (var i = 9; i <= 19; i++) {
                    var hour = i + ':00';
                    var selected = false;
                    if (order.bookingTime) {
                        selected = true;
                    }
                    if (hour == order.bookingTime) {
                        timeSelectIndex = i;
                    } else {
                        timeSelectIndex = -1;
                    }
                    columns.columnTime.push({
                        month: currentMonth,
                        day: currentDay,
                        min: min,
                        num: i,
                        now: now,
                        text: hour,
                        value: hour,
                        selected: selected,
                        selectIndex: timeSelectIndex
                    })
                }
                $doc.trigger('spa:openpanel', ['dataPicker', {
                    // type: cachePageData.productType,
                    columns: columns,
                    selected: order.bookingDate,
                    // offDay: product.offDay,
                    callback: {
                        // 选完之后的回调。values:[日期，时间];texts:时间字符串;precedence:是否加急;
                        onSelect: function (values, texts, precedence) {
                            // 重置代金券
                            $('.coupon-selected-name', $view).html('选择优惠券');
                            order.couponValue = 0;
                            order.couponID = '';
                            payCharge($('.order-cost', $view));
                            // 填写order
                            order.bookingDate = values[0];
                            order.bookingTime = values[1];
                            order.bookingTimeStr = texts[0] + ' ' + texts[1];
                            order.precedence = precedence;
                            // 更新预定时间组件
                            $('.booking-time', $view).html(order.bookingTimeStr);
                        }
                    }
                }]);
            }, $view);

            /* 点击选择优惠券 */
            $.newTouch('.show-coupon-picker', function (event) {
                if ($(this).hasClass('disabled')) return;
                event.preventDefault();

                var extraJson = '';
                if (product.extra && !order.appendID) {
                    $doc.trigger('spa:openpanel', ['simpleAlert', {
                        message: '请选择服务'
                    }]);
                    return;
                } else {
                    extraJson = JSON.stringify([{type: order.appendID, price: order.price}]);
                }

                // 必须先选择时间
                if (!order.bookingDate) {
                    $doc.trigger('spa:openpanel', ['simpleAlert', {
                        message: '请选择服务时间'
                    }]);
                    return;
                }

                // 跳转到picker页面，展示优惠券
                $doc.trigger('spa:navigate', {
                    hash: 'picker',
                    pushData: {
                        title: '选择优惠券',
                        backHash: 'placeOrder',
                        products: JSON.stringify([{
                            product_id: order.productID,
                            count: order.productCount
                        }]),
                        time: order.bookingDate + ' ' + order.bookingTime + ':00',
                        type: order.productType,
                        extraJson: extraJson
                    },
                    callback: {
                        // 在picker页面挑选之后，回到这个页面时执行的回调。pickValue:选中的优惠券的ID;
                        onSelect: function (pickValue) {
                            if (pickValue == '') {
                                $('.coupon-selected-name', $view).text('不使用');
                                order.couponValue = 0;
                            } else {
                                for (var i in user.orderCoupons) {
                                    var couponInfo = user.orderCoupons[i];
                                    if (couponInfo.id == pickValue) {
                                        $('.coupon-selected-name', $view).text(couponInfo['coupon']['name']);
                                        order.couponValue = couponInfo['coupon']['value'];
                                        break;
                                    }
                                }
                            }
                            // 填写order
                            order.couponID = pickValue;
                            // 计算总费用
                            payCharge($('.order-cost', $view));
                        }
                    }
                });
            }, $view);

            /* 是否选中同意用户协议，关系到下订单按钮是否激活 */
            $.newTouch('.agreement-touch-area', function (event) {
                var agreementObj = $('.agreement-checkbox', $view);
                if (agreementObj.prop('checked')) {
                    agreementObj.prop('checked', false);
                    $('.btn-place').addClass('disable');
                } else {
                    agreementObj.prop('checked', true);
                    $('.btn-place').removeClass('disable');
                }
            }, $view);

            /* 跳转到agreement页面查看协议 */
            $.newTouch('.agreement', function (event) {
                $doc.trigger('spa:navigate', {
                    hash: 'agreement'
                });
            }, $view);

            /* 点击下订单 */
            $.newTouch('.btn-place', function (event) {
                event.preventDefault();
                if ($(this).hasClass('disable')) {
                    return false;
                }
                if (product.type_str == "擦玻璃" && order.productCount < 10) {
                    $doc.trigger('spa:openpanel', ['simpleAlert', {
                        message: '数量不少于10平米'
                    }]);
                    return;
                }

                if (product.type_str == "新居开荒" && order.productCount < 50) {
                    $doc.trigger('spa:openpanel', ['simpleAlert', {
                        message: '数量不少于50平米'
                    }]);
                    return;
                }
                if (product.extra && !order.appendID) {
                    $doc.trigger('spa:openpanel', ['simpleAlert', {
                        message: '请选择服务'
                    }]);
                    return;
                }

                if (!order.address) {
                    $doc.trigger('spa:openpanel', ['simpleAlert', {
                        message: '请选择地址'
                    }]);
                    return;
                }

                if (!order.bookingTimeStr) {
                    $doc.trigger('spa:openpanel', ['simpleAlert', {
                        message: '请选择上门时间'
                    }]);
                    return;
                }


                var payChannel = 'wx_pub';

                /* 使备注输入框失去焦点，获取值 */
                $('.order-memo', $view).blur();
                order.set('memo', $('.order-memo', $view).val());

                /* 向服务器下订单 */
                $doc.trigger('spa:openloader');
                if (user.balance >= order.payValue) {
                    order.balance = order.payValue;
                    order.payValue = 0;
                } else {
                    order.balance = user.balance;
                    order.payValue = order.payValue - order.balance;
                }
                order.addOrder(user.id, payChannel, function (res) {
                    $doc.trigger('spa:closeloader');
                    if (res.success) {
                        // 更新user的订单
                        user.orders[1].data.push(res.data);
                        // 更新user的优惠券
                        var oldCouponList = user.orderCoupons;
                        var oldCouponId = order.couponID;
                        var newCouponList = [];
                        $.each(oldCouponList, function (index, val) {
                            if (val.id !== oldCouponId) {
                                newCouponList.push(oldCouponList[index])
                            }
                        });
                        user.orderCoupons = newCouponList;

                        var orderID = order.id;
                        order.reset();
                        $('.booking-time', $view).html('请选择');

                        if (res.data.status == 1) {
                            $doc.trigger('spa:navigate', {
                                hash: 'paySuccess'
                            });
                        } else {
                            $doc.trigger('spa:navigate', {
                                hash: 'pay',
                                pushData: {
                                    orderID: orderID,
                                    backHash: ''
                                }
                            });
                        }
                    } else {
                        $doc.trigger('spa:openpanel', ['simpleAlert', {
                            message: res.message
                        }]);
                    }
                });
            }, $view);

            dtd.resolve();
        },
        beforeopen: function (pageData, dtd) {
            var $view = this;
            var pushData = pageData.pushData;
            /* 只有首页跳转来，才会带有needReset = true */
            if (pushData.hasOwnProperty('needReset') && pushData.needReset) {
                /* 接收首页传来的product，填写order的productType（产品类型）、productID（产品ID）两个字段 */
                pushData.needReset = false;
                product = pushData.product;

                order.productType = product.type;
                order.productID = product.id;
                order.productCount = 1;
                order.couponValue = 0;
                /* 根据product建立渲染页面的数据 */
                var tmpData = {
                    /* 环境，目前只决定是否显示保洁师 */
                    env: config,
                    /* 环境 */
                    showNavBar: !config.isWX && !config.isChubao,
                    imgSrc: product.imgSrc,
                    /* 标题栏的标题 */
                    title: product.name,
                    /* extra选择项 */
                    extra: product.extra,
                    /* 如果用户有优惠券，则显示优惠券的选择栏 */
                    showCoupon: user.orderCoupons.length,
                    /* 账户余额 */
                    balance: user.balance
                };
                /* 渲染页面 */
                var tpl = template('placeOrder/index', tmpData);
                $view.find('.spa-page-body').html(tpl);
                /* 绑定费用数据 */
                if (product.extra) {
                    order.price = 0;
                    order.cost = 0;
                } else {
                    order.price = product.price;
                    order.cost = product.price * order.productCount;
                }
                payCharge($('.order-cost', $view));

                /* 软键盘相关操作时对IScroll的补偿 */
                fixScroll(pageData);
                $('.order-memo', $view).focus(function (event) {
                    var that = this;
                    checkScroll(pageData, function () {
                        if (pageData.scroll) {
                            pageData.scroll.scrollToElement(that, 0);
                        }
                    });
                });
                $('.order-memo', $view).on('closeKeyboard', function (event) {
                    checkScroll(pageData);
                    $(this).blur();
                });
                $('.order-memo', $view).blur(function (event) {
                    checkScroll(pageData);
                });

                /* 填写备注时，提交按钮失焦 */
                $('#order-form', $view).on('submit', function (event) {
                    $(this).blur();
                    return false;
                });
            }
            dtd.resolve();
        },
        afteropen: function (pageData, dtd) {
            var type = pageData.pushData.productType;
            native.registerEvent(true);
            dtd.resolve();
            if (config.isWX) {
                wx.ready(function () {
                    wx.onMenuShareTimeline({
                        title: '家政服务' + product.desc[1].content + '，首选壹管家',
                        link: 'http://www.yiguanjia.me/o2o/web/index',
                        imgUrl: product.desc[0].content
                    });
                    wx.onMenuShareAppMessage({
                        title: '家政服务' + product.desc[1].content + '，首选壹管家',
                        desc: '全程管家，精心每一个细节',
                        link: 'http://www.yiguanjia.me/o2o/web/index',
                        imgUrl: product.desc[0].content
                    });
                });
            }
        },
        afterclose: function (pageData) {
            native.registerEvent(false);
        }
    }
})