/** * date: * author: neeler */ //test data start // var data_getList = Mock.mock('/enterprise/whitecar/getList.htm', {code: 0, 'list|3-19': [{numberplates: '豫A88888', sdate: '2015-07-08', edate: '2030-12-12', departid: '1', departname: '企管部', ctime: '2016-11-11', note: 'nnnnnnnnnote', createid: '1', cname: '顾小白', cdepartid: '1', cdepart: '政务部'}], pages: 12}) // var data_getList = Mock.mock('/enterprise/whitecar/getList.htm', {"rowCount":0,"pagesize":0,"pages":1,"page":0,"items":null,"list":[{"numberplates":"豫A6N637","sdate":"2017-02-14 00:00","edate":"2017-02-22 00:00","departid":13,"departname":"信息中心","ctime":"2017-02-20 20:41","note":"试试","createid":null,"cname":null,"cdepartid":null,"cdepart":null,"enState":null, phone: '1333', driver: 'drrrr', valid: true}],"hint":null,"errmsg":null,"code":0}) // var data_getDepartList = Mock.mock('/enterprise/depart/getList.htm', {code: 0, list: [ // {id: 1,bianhao: '01',name: '河南明泰',note: '',address: '河南省巩义市', level: 1, pid: 0}, // {id: 2,bianhao: '0101',name: '企管部',note: '',address: '办公大楼1楼右', level: 2, pid: 1}, // {id: 3,bianhao: '010101',name: '铝锭库',note: '',address: '南门挨着磅房', level: 3, pid: 2}, // {id: 4,bianhao: '0102',name: '政务部',note: '',address: '办公大楼1楼左', level: 2, pid: 1}, // {id: 5,bianhao: '0103',name: '信息中心',note: '',address: '办公大楼4楼最西', level: 2, pid: 1}, // {id: 6,bianhao: '02',name: '高精板带',note: '',address: '河南省巩义市', level: 1, pid: 0}, // {id: 7,bianhao: '0201',name: '企管部',note: '',address: '办公大楼1楼左', level: 2, pid: 6}, // {id: 8,bianhao: '0202',name: '政务部',note: '',address: '办公大楼', level: 2, pid: 6}, // {id: 9,bianhao: '03',name: '郑州明泰',note: '',address: '河南省郑州市', level: 1, pid: 0}, // {id: 10,bianhao: '0301',name: '企管部',note: '',address: '办公大楼1楼右', level: 2, pid: 9} // ]}) // var data_doDel = Mock.mock('/enterprise/whitecar/delItem.htm', {code: 0, errmsg: '此岗位正在使用中不能删除!'}) // var data_doSave = Mock.mock('/enterprise/whitecar/saveItem.htm', {code: 0, errmsg: '此岗位正在使用中不能删除!'}) // var data_getGid = Mock.mock('/enterprise/whitecar/getGid.htm', {code: 0, item: null}) // var data_doValid = Mock.mock('/enterprise/whitecar/changeValid.htm', {code: 0, }) //test data end window.I = { PZ: 30, keyword: $('#keyword'), searchBtn: $('#searchBtn'), pageValue: !!$('#p').val() ? $('#p').val() - 1 : 0, keywordValue: $('#k').val(), dValue: parseInt($('#d').val()), newObj: $('#newObj'), modal: $('#modal'), save: $('#save'), departName: $('#departName'), departModal: $('#departModal'), search: $('#search'), saveDepart: $('#saveDepart'), sdate: $('#sdate'), edate: $('#edate'), gatesModal: $('#gatesModal'), saveGid: $('#saveGid') } var Obj = { numberplates: '豫A', sdate: '', edate: '', departid: '', departname: '', ctime: '', note: '', createid: '', cname: '', cdepartid: '', cdepart: '', driver: '', phone: '', valid: true } var ViewModel = function() { var self = this; self.o = ko.observable(ko.mapping.fromJS(Obj)); self.keyword = ko.observable(I.keywordValue); self.list = ko.observableArray(); self.dList = ko.observableArray(); self.neworedit=ko.observable(true); self.edit = function(item) { self.neworedit(false); doEdit(item); } self.del = function(item) { delConfirm(item); } self.did = ko.observable(I.dValue); self.change = function() { doOpen(); } self.gates = function(item) { setGates(item); } self.gList = ko.observableArray(); self.rList = ko.observableArray(); self.valid = function (item) { doValid(item); } } $(function () { window.vm = new ViewModel(); ko.applyBindings(vm); doSearch(); getDepartList(); getGatesList(); pageInit(); }); function pageInit() { I.saveGid.click(function (e) { e.preventDefault(); saveGid(); }); I.saveDepart.click(function(event) { vm.o().departid(I.selected.id); vm.o().departname(I.selected.text); }); I.search.keyup(function(event) { var to = false; if(to) { clearTimeout(to); } to = setTimeout(function () { var v = I.search.val(); $('#jstree_Enterprise').jstree(true).search(v); }, 250); }); I.departName.click(function(event) { I.departModal.modal('show'); }); I.save.click(function(event) { if (valid()) { doSave(); } }); I.newObj.click(function(event) { vm.neworedit(true); vm.o(ko.mapping.fromJS(Obj)); 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() { var k = $.trim(vm.keyword()); k = !!k ? '?keyword=' + k : ''; var d = $.trim(vm.did()); d = !!d ? 'd=' + d : ''; d = (!!k ? '&' : '?') + d; window.open('whitecar.jsf' + k + d, '_self'); } function doSearch() { getList(vm.keyword(), !!I.dValue ? I.dValue : null, I.pageValue, I.PZ, 1); } function getList(keyword, depart, page, pagesize, pages) { $.post('/enterprise/whitecar/getList.htm', { keyword: keyword, depart: depart, 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.valid = ko.observable(val.valid); vm.list.push(val); }); } 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){ var k = !!I.keywordValue ? '&keyword=' + I.keywordValue : ''; var d = !!I.dValue ? '&d=' + I.dValue : ''; window.open('whitecar.jsf?page=' + num + k + d, '_self'); }); } } return; } }, 'json'); } function valid(){ var isValid = false; var iF = $('#form'); iF.validate({ rules: { 'numberplates': { required: true, isPlateNumber: true // remote: { // url: '/enterprise/whitecar/checkPlateNumber.htm', //后台处理程序 // type: 'post', //数据发送方式 // dataType: 'json', //接受数据格式 // data: { //要传递的数据 // // numberplates: $('#numberplates').val().toUpperCase() // numberplates: function() { // return vm.o().numberplates().toUpperCase(); // } // } // } }, 'departName': { required: true }, 'sdate': { required: true }, 'edate': { required: true }, 'driver': { required: true }, 'phone': { required: true } }, messages: { 'numberplates': { required: '车牌号不能为空!', isPlateNumber: '车牌号不正确!' //remote: '车牌号已存在!' }, 'departName': { required: '部门未选择!' }, 'sdate': { required: '起始日期未选择!' }, 'edate': { required: '截止日期未选择!' }, 'driver': { required: '司机不能为空!' }, 'phone': { 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) { vm.o(ko.mapping.fromJS(item)); I.modal.modal('show'); } function delConfirm(item) { $("#modalContent").html('确定要删除【' + item.numberplates + '】吗?'); $("#dialog-confirm").removeClass('hide').dialog({ resizable: false, width: '320', modal: true, title: "

确认信息

", title_html: true, position: { my: "center", at: "center", of: window }, buttons: [ { html: "  确定", "class" : "btn btn-danger btn-minier", click: function() { $( this ).dialog( "close" ); doDel(item); } } , { html: "  取消", "class" : "btn btn-minier", click: function() { $( this ).dialog( "close" ); } } ] }); } function doDel(item) { if (!!I.AjaxDelItem) return; I.AjaxDelItem = true; $.post('/enterprise/whitecar/delItem.htm', {id: item.numberplates}, 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); location.replace(location.href); return; } }, 'json'); } function doSave() { if (!I.AjaxSaveItem &&valid()) { I.AjaxSaveItem = true; var o = ko.mapping.toJS(vm.o()); o.numberplates = o.numberplates.toUpperCase(); o.sdate = I.sdate.val(); o.edate = I.edate.val(); o.valid = $('#objUsed').prop('checked'); $.post('/enterprise/whitecar/saveItem.htm', o, function(data, textStatus, xhr) { I.AjaxSaveItem = false; if (data.code >= 1) { //parent.showErrmsg(data.errmsg); swal({title:'',text:data.errmsg,type:'error',confirmButtonText:'确定'}); return; } if (data.code == 0) { location.replace(location.href); return; } }, 'json'); } } function clearError() { $('#form input').removeClass('error'); $('#form .text-error').html(''); } function getDepartList(keyword, page, pagesize, pages) { $.post('/enterprise/depart/getList.htm', { keyword: keyword, page: page, pagesize: pagesize, pages: pages }, function(data, textStatus, xhr) { var allId = []; vm.dList.removeAll(); if (data.code >= 1) { //parent.showErrmsg(data.errmsg); swal({title:'',text:data.errmsg,type:'error',confirmButtonText:'确定'}); return; } if (data.code == 0) { if (!!$('#jstree_Enterprise').jstree(true)) { $('#jstree_Enterprise').jstree(true).refresh(); } I.DB_ep = {}; if (isList(data.list)) { var Arr = []; var level = 0; $.each(data.list, function(index, val) { vm.dList.push(val); allId.push(val.id); I.DB_ep[val.id] = val; if (val.level === 2) { Arr.push({ text: val.name, id: val.id, children: [], state: index === 0 ? {selected: true} : '' }); } else { var j = 3; var children = Arr[Arr.length - 1].children; while (j < val.level) { children = children[children.length - 1].children; j++; } children.push({ text: val.name, id: val.id, children: [] }) } }); if (allId.indexOf(I.dValue) != -1) { vm.did(I.dValue); } $('#jstree_Enterprise') .jstree({ core: { check_callback : true, data: Arr }, "plugins" : [ 'search' ] }) .on("changed.jstree", function (e, data) { if(data.selected.length) { // console.log(data.instance.get_node(data.selected[0])); var selected = data.instance.get_node(data.selected[0]); I.selected = selected; } }) } return; } }, 'json'); } function getGatesList() { $.post('/basicconfig/gates/getList.htm', { keyword: null, depart: null, page: 0, pagesize: null, pages: 0 }, function(data, textStatus, xhr) { vm.gList.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.gList.push(val); }); $('.chosen-select').chosen({search_contains: true}); } return; } }, 'json'); } function setGates(item) { getGid(item.numberplates); $('#dp').val(vm.rList()).trigger("chosen:updated"); I.gatesModal.modal('show'); } function getGid(sid) { I._sid = sid; $.post("/enterprise/whitecar/getGid.htm", {sid: sid}, 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) { if (data.item) { vm.rList(data.item.split(',')); } else { vm.rList([]); } $('#dp').val(vm.rList()).trigger("chosen:updated"); return; } }, "json" ); } function saveGid() { $.post("/enterprise/whitecar/saveGid.htm", {sid: I._sid, gid: vm.rList().join(',')}, 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) { parent.showErrmsg('保存成功!'); return; } }, "json" ); } function doValid(item) { if (!I.AjaxChangeUsed) { var valid = !item.valid(); I.AjaxChangeUsed = true; $.post('/enterprise/whitecar/valid.htm', {vehicleID: item.numberplates, valid: valid}, function(data, textStatus, xhr) { I.AjaxChangeUsed = false; if (data.code >= 1) { //parent.showErrmsg(data.errmsg); swal({title:'',text:data.errmsg,type:'error',confirmButtonText:'确定'}); return; } if (data.code == 0) { item.valid(valid); return; } }, 'json'); } }