/**
 * 维修中页
 */
define(
    "order/customer-order-controller",
    [
        'mk7/controller',
        'mk7/url',
        'mk7/utils',

    ],

    function(ctrl, url, utils) {

        var $$ = Dom7;
        var t7 = Template7;
        var ctrl = new ctrl();

        var pageURL = 'order/customer/order-details';
        ctrl.run = function () {
            var me = this;
            me.id = me.params.id;
            me.sn = me.params.sn;
            me.setPageTitle("维修单");

            me.loadPage();

        }
        ctrl.bindEvents = function () {
            var me = this;

            console.log("bindEvents");

            me.goToComment();
            me.popupImageLayer();
        }
        ctrl.loadPage = function() {

            var me = this

            var pData = me.csrf({id: me.id});

            utils.httpPost(url.to(pageURL), pData, function(res) {

                var rData = res;
                me.render(rData);
            }, true)

        }

        ctrl.goToComment = function() {
            var me = this;

            $$('#customer-order .rate-btn-cls').click(function(e){
                window.location.replace(url.to('order/customer#rate/'+me.id+'/'+me.sn))
            })

        }

        ctrl.popupImageLayer = function(){

            $$('#customer-order').on('click', '.view-img-cls', function(e) {
                var url = $$(this).attr('data-url');
                $$('#img-mask').remove();
                var imgContent = '<div id="img-mask" style="z-index:2;background:#000;justify-content:center;position: absolute;bottom:0;top:0;width:100%;display:flex;flex-direction: column;align-items: center"><div style="width:100%;"> <img width="100%" src="'+url+'" /></div></div>';
                $$('#customer-order').append(imgContent);
            })

            $$('#customer-order').on('click', '#img-mask, #img-mask img', function(e) {
                e.preventDefault();
                e.stopPropagation()

                var bh = document.body.clientHeight;

                var ih = $$('#img-mask img').height();
                console.log(bh+'dddd'+ih)
                var interval = Math.abs(ih-bh);
                if (interval >=0 && interval <= 20) {
                    $$('#img-mask').remove();
                } else {
                    var id = $$(e.target).attr('id');
                    if('img-mask' == id) {
                        $$('#img-mask').remove();
                    }
                }

            })
        }
        return ctrl;

    }

);