/**
* date: 
* author: neeler 
*/

//test data start
// var data_getNewNo = Mock.mock('/basicconfig/prefix/getNewNo.htm', {code: 0, number: 'V8912374891327S'})
// var data_getList = Mock.mock('/vehicle/getallList.htm', {code: 0, 'list|5-20': [{companyName: 'companyName', id: 'id', vehicleId: 'vehicleId', vehicleweight: 'vehicleweight', unitname: 'unitname', driver: 'driver', phone: 'phone', loadweight: 'loadweight', state: false, note: 'note', companyNo: 'companyNo'}], pages: 12})
// var data_getCompanyList = Mock.mock('/company/getList.htm', {code: 0, 'list|5-20': [{id: 'id', companyNo: 'companyNo', note: 'note', name: 'name'}], pages: 12})
// var data_doDel = Mock.mock('/vehicle/delItem.htm', {code: 0, errmsg: '不能删除！'})
// var data_doSave = Mock.mock('/vehicle/saveItem.htm', {code: 0, errmsg: '不能删除！'})
// var data_doValid = Mock.mock('/vehicle/changeState.htm', {code: 0, item: true})
//test data end

var TYPE = ['千克' ,'吨' ]

window.I = {
    PZ: 30,
    keyword: $('#keyword'),
    searchBtn: $('#searchBtn'),
    _page: !!$('#p').val() ? $('#p').val() - 1 : 0,
    keywordValue: $('#k').val(),
    newObj: $('#newObj'),
    modal: $('#modal'),
    save: $('#save')
}

var Obj = {
    id: 0,
    vehicleId: '豫A',
    driver: '',
    phone: '',
    IDNum:'',
    vehicleweight: '',
    loadweight: '',
    state: true,
    note: '',
    companyNo: '',
    feature: ''
}

var ViewModel = function() {
    var self = this;
    self.isAdmin = ko.observable(typeof(parent.G) != 'undefined' ? parent.G.isAdmin : false);
    self.tList = ko.observableArray();
    self.mtid = ko.observable();
    self.o = ko.observable(ko.mapping.fromJS(Obj));

    self.keyword = ko.observable(I.keywordValue);
    self.list = ko.observableArray();

    self.edit = function(item) {
        doEdit(item);
    }
    self.del = function(item) {
        delConfirm(item);
    }

    self.change = function() {
        doOpen();
    }
    self.mtvalid=function(item){
        doValid(item);
    }   

    self.tyList = ko.observableArray(TYPE);
}

$(function () {
    window.vm = new ViewModel();
    ko.applyBindings(vm);
    doSearch();
    autoHeight();
    if (vm.isAdmin()) {
        getCompanyList();
    }
    pageInit();
});

function pageInit() {
    $('.table-responsive').scroll(function() {
        $('.th').css('top', $(this).scrollTop());
    })
    I.save.click(function(event) {
        if (valid()) {
            doSave();
        }
    });
    I.newObj.click(function(event) {
        vm.o(ko.mapping.fromJS(Obj));
        // getNewNo();
        I.modal.modal('show');
    });
    I.searchBtn.click(function(event) {
        doOpen();
    });
    I.modal.on('hidden.bs.modal', function (e) {
        clearError();
    });
    I.keyword.on(ISIE ? 'keydown' : 'keyup', function (event) {
        if (event.keyCode == 13) {
            doOpen();
        }
    });
}

function doOpen() {
    doSearch();
}

function doSearch() {
    getList(vm.keyword(), vm.mtid(), I._page, I.PZ, 1);
}

function getList(keyword, companyNo, page, pagesize, pages) {
    I._page = page;
    $.post('/vehicle/getallList.htm', {
        searchword: keyword,
        companyNo: vm.isAdmin() ? companyNo : (typeof(parent.G) != 'undefined' ? parent.G.loginCompanyNo : 'ABCDEFG'),
        page: page,
        pagesize: pagesize,
        pages: pages
    }, function(data, textStatus, xhr) {
        vm.list.removeAll();
        if (data.code >= 1) {
            //parent.showErrmsg(data.errmsg);
            swal({title:'',text:data.errmsg,type:'error',confirmButtonText:'确定'}); 
            return;
        }
        if (data.code == 0) {
            if (isList(data.list)) {
                $.each(data.list, function(index, val) {
                    val.state=ko.observable(val.state);
                    vm.list.push(val);
                });
                $('tbody tr').click(function (e) { 
                    $('tbody tr').removeClass('info');
                    $(this).addClass('info');
                });
            }
            if (!!pages) {
                pages = data.pages;
                $('#pagdiv').unbind('page').empty();
                if (pages > 1) {
                    $('#pagdiv').bootpag({total: pages, maxVisible: 10, page: page + 1}).on('page',function(event,num){
                        getList(keyword, companyNo, num - 1, pagesize, 0);
                    });
                }
            }
            return;
        }
    }, 'json');
}

function valid(){
    var isValid = false;
    var iF = $('#form');
    iF.validate({
        rules: {
            'vehicleId': {
                required: true,
                isPlateNumber: true
            },
            'driver': {
                required: true,
            },
            'phone': {
                required: true,
                isPhone: true
            },
            'IDNum':{
                required:true,

            }
        },
        messages: {
            'vehicleId': {
                required: '不能为空！',
                isPlateNumber: '车牌号不正确！'
            },
            'driver': {
                required: '不能为空！',
            },
            'phone': {
                required: '不能为空！',
                isPhone: '手机号不正确！'
            },
            'IDNum': {
                required: '不能为空！',
            }
        },
        errorPlacement: function (err, element) {
            var p = element.parents('.form-group').eq(0);
            var d = p.find('.text-error').eq(0);
            d.css('color', '#D9534F');
            err.appendTo(d);
        }
    })
    isValid = iF.valid();
    return isValid;
}

function doEdit(item) {
    if(isFunction(item.valid)){
        item.valid=item.valid();
    }
    vm.o(ko.mapping.fromJS(item));
    I.modal.modal('show');
}

function delConfirm(item) {
    $("#modalContent").html('确定要删除【' + item.vehicleId + '】吗？');
    $("#dialog-confirm").removeClass('hide').dialog({
        resizable: false,
        width: '320',
        modal: true,
        title: "<div class='widget-header'><h4 class='smaller'><i class='ace-icon fa fa-exclamation-triangle red'></i>确认信息</h4></div>",
        title_html: true,
        position: { my: "center", at: "center", of: window },
        buttons: [
            {
                html: "<i class='ace-icon fa fa-trash-o bigger-110'></i>&nbsp; 确定",
                "class" : "btn btn-danger btn-minier",
                click: function() {
                    $( this ).dialog( "close" );
                    doDel(item);
                }
            }
            ,
            {
                html: "<i class='ace-icon fa fa-times bigger-110'></i>&nbsp; 取消",
                "class" : "btn btn-minier",
                click: function() {
                    $( this ).dialog( "close" );
                }
            }
        ]
    });
}

function doDel(item) {
    if (!!I.AjaxDelItem) return;
    I.AjaxDelItem = true;
    $.post('/vehicle/delItem.htm', {vehicleId: item.vehicleId}, function(data, textStatus, xhr) {
        I.AjaxDelItem = false;
        if (data.code >= 1) {
            //parent.showErrmsg(data.errmsg);
            swal({title:'',text:data.errmsg,type:'error',confirmButtonText:'确定'}); 
            return;
        }
        if (data.code == 0) {
            vm.list.remove(item);
            parent.showErrmsg('删除成功！');
            I.modal.modal('hide');
            return;
        }
    }, 'json');
}

function doSave() {
    if (!I.AjaxSaveItem &&valid()) {
        I.AjaxSaveItem = true;
        I.save.prop('disabled', true);
        var o = ko.mapping.toJS(vm.o());
        o.vehicleId = o.vehicleId.toUpperCase();
        o.state = $('#state').prop('checked');
        o.companyNo = vm.isAdmin() ? o.companyNo : (typeof(parent.G) != 'undefined' ? parent.G.loginCompanyNo : 'ABCDEFG')
        $.post('/vehicle/saveItem.htm', o, function(data, textStatus, xhr) {
            I.AjaxSaveItem = false;
            I.save.prop('disabled', false);
            if (data.code >= 1) {
                //parent.showErrmsg(data.errmsg);
                swal({title:'',text:data.errmsg,type:'error',confirmButtonText:'确定'}); 
                return;
            }
            if (data.code == 0) {
                parent.showErrmsg('保存成功！');
                I.modal.modal('hide');
                getList(vm.keyword(), vm.mtid(), I._page, I.PZ, 1);
                return;
            }
        }, 'json');
    }
}

function clearError() {
    $('#form input').removeClass('error');
    $('#form .text-error').html('');
}

function getCompanyList() {
    $.post('/company/getList.htm', null, function(data, textStatus, xhr) {
        vm.tList.removeAll();
        if (data.code >= 1) {
            //parent.showErrmsg(data.errmsg);
            swal({title:'',text:data.errmsg,type:'error',confirmButtonText:'确定'}); 
            return;
        }
        if (data.code == 0) {
            if (isList(data.list)) {
                $.each(data.list, function(index, val) {
                    vm.tList.push(val);
                });
            }
        }
    }, 'json');
}


function doValid(item){
    var state=true;
    if(isFunction(item.state)){
        state=item.state();
    }else{
        state=item.state;
    }
    jQuery.post('/vehicle/changeState.htm', {vehicleId: item.vehicleId, state: !state}, function(data, textStatus, xhr) {
      //optional stuff to do after success
      if(data.code==0){
        item.state(data.item);
      }else{
        //parent.showErrmsg(data.errmsg);
        swal({title:'',text:data.errmsg,type:'error',confirmButtonText:'确定'}); 
      }
    },'json');
}

function getNewNo() {
    $.post("/basicconfig/prefix/getNewNo.htm", {type: 'materiel'},
        function (data, textStatus, jqXHR) {
            if (data.code >= 1) {
                //parent.showErrmsg(data.errmsg);
                swal({title:'',text:data.errmsg,type:'error',confirmButtonText:'确定'}); 
                return;
            }
            if (data.code == 0) {
                // vm.o().visitNo(data.number);
                $('#materielNo').val(data.number);
                return;
            }
        },
        "json"
    );
}

function autoHeight() {
    $('.page-content').css('min-height', $(parent.window).height() - 117);
    $('.table-responsive').css('height', $(parent.window).height() - 217);
}