MCSManager/public/common/js/common.js

//Debug
//(function() {
//	var _consoleObj = console;
////	window.console.log = function(){};
//})();

(function() {
	window.MS = {};
	window.MCSERVER = {};
	window.PAGE = new Object();

	var MI = window.MI = function() {
		return null;
	};

	var _maskEventList = {};
	var _routeEvebtList = {};

	MI.page = new Object();
	MI.rListener = function(event, callback) {
		_maskEventList[event] = callback;
	}

	MI.rOn = function(event, msg) {
		if(_maskEventList[event]) _maskEventList[event](msg);
	}

	MI._listener = function(src, event, callback) {
		if(src.hasOwnProperty(event)) {
			src[event].push(callback);
		} else {
			src[event] = [callback];
		}
		return this;
	}

	MI._on = function(src, event, msg) {
		if(src.hasOwnProperty(event)) {
			for(var i in src[event]) {
				if(src[event][i] == undefined) delete src[event][i];
				if(typeof src[event][i] != "function") delete src[event][i];
				src[event][i](msg);
			}
		}
		return this;
	}

	//	用于常用的观察者模型
	MI.listener = function(event, callback) {
		MI._listener(_maskEventList, event, callback);
	}
	MI.on = function(event, msg) {
		MI._on(_maskEventList, event, msg);
	}

	//	用于给ajax路由进行操作的 观察者模型
	MI.routeListener = function(event, callback) {
		MI._listener(_routeEvebtList, event, callback);
	}
	MI.routeOn = function(event, msg) {
		MI._on(_routeEvebtList, event, msg);
	}

	MI.onDestroy = function(event, funcPrint) {
		for(var i in _maskEventList[event]) {
			//			if(_maskEventList[event][i] == undefined) delete _maskEventList[event][i];
			//			if(typeof _maskEventList[event][i] != "function") delete _maskEventList[event][i];
			if(funcPrint == _maskEventList[event][i]) {
				console.log("删除函数:", _maskEventList[event][i])
				delete _maskEventList[event][i];
			}

		}
	}

})();

//基本的数据模型
;
(function() {

	window.VIEW_MODEL = function() {
		return this;
	};

	var bindList = {};

	function addApp(bind, app) {
		if(app.data) {
			for(var k in app.data) {
				VIEW_MODEL[bind][k] = app.data[k];
			}
		}
		app.data = VIEW_MODEL[bind];
		var tmp_app = new Vue(app);
		if(bindList[app.el]) delete bindList[app.el];
		bindList[app.el] = tmp_app;
	}
	
	// 间接性的实例化Vue
	VIEW_MODEL.newVue = function(bind, app) {
		if(VIEW_MODEL[bind] == undefined) VIEW_MODEL[bind] = {};
		addApp(bind, app);
	}

	VIEW_MODEL.newVueOnce = function(bind, app) {
		if(VIEW_MODEL[bind] == undefined) VIEW_MODEL[bind] = {};
		if(bindList[app.el]) {
//			console.log(app.el + '的第二次绑定拒绝');
			return;
		}
		addApp(bind, app);
	}

	//过滤函数
	MI.routeCopy = function(appName, data) {
		if(!VIEW_MODEL[appName]) VIEW_MODEL[appName] = {};
		for(var key in data) {
			VIEW_MODEL[appName][key] = data[key];
		}
	}
	//事件转接
	MI.listener('ws/response', function(obj) {

		MI.routeOn(obj['ResponseKey'], {
			obj: obj['ResponseValue'],
			body: obj.body
		});
	});

})();

(function() {
	$SideCol = $('#SideCol');
	$Container = $('#Container');

	MCSERVER.colmSet = function(booleans) {
		MI.on('colmchange', null); //触发事件
		if(!booleans) {
			console.log('菜单隐藏')
			$SideCol
				.stop(true, true)
				.animate({
					'opacity': '0'
				}, 200, function() {
					$SideCol.css({
						'display': 'none'
					});
				});

			$Container
				.stop(true, true)
				.animate({
					'left': '0px'
				}, 200, function() {
					MI.on('colmchangeEnd', null); //触发事件
				});

		} else {
			console.log('菜单显示')
			$Container
				.stop(true, true)
				.animate({
					'left': '180px'
				}, 200, function() {
					$SideCol
						.css({
							'display': 'block'
						})
						.stop(true, true)
						.animate({
							'opacity': '1'
						}, 200, function() {
							MI.on('colmchangeEnd', null); //触发事件
						});
					//					$SideCol.removeAttr('style')
					$Container.removeAttr('style')
				});
		}
	}

	MCSERVER.colmDo = function() {
		if($Container[0].style.left == '0px') {
			MCSERVER.colmSet(true);
		} else {
			MCSERVER.colmSet(false);
		}
	}

	MCSERVER.autoColmDo = function() {
		if(document.body.clientWidth <= 1136) {
			MCSERVER.colmSet(false);
		} else {
			MCSERVER.colmSet(true);
		}
	}

	//事件綁定
	MI.listener('resize', function() {
		MCSERVER.autoColmDo();
	});
	window.onload = MCSERVER.autoColmDo;

	//	if(document.body.clientWidth <)
})();

//logo
$(function() {

	//	var MasterLogo = $('#MasterLogo');
	//
	//	function logoAnimate() {
	//		MasterLogo.animate({
	//			'letter-spacing': '2.0px'
	//		}, 15000, function() {
	//			MasterLogo.animate({
	//				'letter-spacing': '1px'
	//			}, 15000, logoAnimate);
	//		});
	//	}
	//	logoAnimate();
})