O2OA/o2web/source/x_component_CRM/Main.js

MWF.xApplication.CRM = MWF.xApplication.CRM || {};
MWF.require("MWF.widget.Identity", null,false);
MWF.xDesktop.requireApp("CRM", "Actions.RestActions", null, false);

MWF.xApplication.CRM.options = {
	multitask: false,
	executable: true
};

MWF.xApplication.CRM.Main = new Class({
	Extends: MWF.xApplication.Common.Main,
	Implements: [Options, Events],
	options: {
		"style": "default",
		"name": "CRM",
		"icon": "icon.png",
		"width": "1400",
		"height": "700",
		"isResize": true,
		"isMax": false,
		"title": MWF.xApplication.CRM.LP.title
	},
	onQueryLoad: function(){
		this.lp = MWF.xApplication.CRM.LP;

	},
	onPostLoad:function(){
		this.resizeWindow();
	},
	loadApplication: function(callback){
		//this.maxSize();
		this.user = layout.desktop.session.user.name;
		this.userGender = layout.desktop.session.user.genderType;
		//this.restActions = new MWF.xApplication.CRM.Actions.RestActions();

		this.actions = new MWF.xApplication.CRM.Actions.RestActions();
		//this.identites = this.getIdentityies();

		if( !this.container ){
			this.content.setStyle("overflow", "hidden");
			this.container = new Element("div.container",{"styles":this.css.container}).inject(this.content)
		}



		this.createTopContent();
		this.createMiddleContent();
		//this.naviDiv.getElementById("homePage").click()
		this.resizeWindow();
		this.addEvent("resize", function(){
			this.resizeWindow();
		}.bind(this));

		MWF.xDesktop.requireApp("CRM", "BaiduMap", function(){
			window.BMap_loadScriptTime = (new Date).getTime();
			var apiPath = "http://api.map.baidu.com/getscript?v=2.0&ak=Qac4WmBvHXiC87z3HjtRrbotCE3sC9Zg&services=&t=20161219171637";
			if( !window.BDMapApiLoaded ){
				COMMON.AjaxModule.loadDom(apiPath, function () {
					window.BDMapApiLoaded = true;
					if( !window.BDMarkerToolLoaded ){
						COMMON.AjaxModule.load( "/x_component_CRM/BDMarkerTool.js", function(){
							window.BDMarkerToolLoaded = true;
						});
					}else{

					}
				});
			}
		}.bind(this));


		if(callback) callback();
	},
	reload:function(){
		this.createMiddleContent();
		this.resizeWindow();
	},
	createMiddleContent:function(){

		if(this.middleContentDiv) this.middleContentDiv.destroy();
		this.middleContentDiv = new Element("div.middleContentDiv",{"styles":this.css.middleContentDiv}).inject(this.container);
		this.createLeftContent();
		this.createRightContent();
	},
	////////////////////Top//////////////////////////////////////
	createTopContent:function(){
		if(this.topContentDiv) this.topContentDiv.destroy();
		this.topContentDiv = new Element("div.topContentDiv",{"styles":this.css.topContentDiv}).inject(this.container);
		this.logoDiv = new Element("div.logoDiv",{"styles":this.css.logoDiv}).inject(this.topContentDiv);
		this.logoImg = new Element("img.logoImg",{
			"styles":this.css.logoImg,
			"src":this.path+"default/icons/crm.png"
		}).inject(this.logoDiv);

		this.logoTitleDiv = new Element("div.logoTitleDiv",{
			"styles":this.css.logoTitleDiv,
			"text":this.lp.main.title
		}).inject(this.logoDiv);

		this.topLeftDiv = new Element("div.topLeftDiv",{"styles":this.css.topLeftDiv}).inject(this.topContentDiv);

		var topLeftLi = new Element("li.topLeftLi",{"styles":this.css.topLeftLi}).inject(this.topLeftDiv);
		var tmpDiv = new Element("div.topLeftLiDiv",{"styles":this.css.topLeftLiDiv,"text":this.user}).inject(topLeftLi);
		var tmpImg = new Element("img.topLeftLiImg",{
			"styles":this.css.topLeftLiImg,
			"src":this.path+"default/icons/arrow.png"
		}).inject(topLeftLi);
	},







	////////////////////Top//////////////////////////////////////

	////////////////////left//////////////////////////////////////
	createLeftContent:function(){
		this.leftContentDiv = new Element("div.leftContentDiv",{"styles":this.css.leftContentDiv}).inject(this.middleContentDiv);

		this.quickStartDiv = new Element("div.quickStartDiv",{"styles":this.css.quickStartDiv}).inject(this.leftContentDiv);
		//this.quickStartDiv.toggle();
		this.quickStartImg = new Element("img.quickStartImg",{
			"styles":this.css.quickStartImg,
			"src":this.path+"default/icons/add.png"
		}).inject(this.quickStartDiv);
		this.quickStartTextDiv = new Element("div.quickStartTextDiv",{
			"styles":this.css.quickStartTextDiv,
			"text":this.lp.main.quickStart
		}).inject(this.quickStartDiv);
		this.quickStartDiv.addEvents({
			"click":function(){
				//this.openHomePage();
			}.bind(this)
		});
		this.createNavi();

		//this.leftContentDiv.tween("width","600px")

	},
	createNavi:function(){
		var _self = this;
		this.naviDiv = new Element("div.naviDiv",{
			"styles" : this.css.naviDiv
		}).inject(this.leftContentDiv);
		var jsonUrl = this.path+"navi.json";
		MWF.getJSON(jsonUrl, function(json){
			json.each(function(d){ //menu
				if(d.type=="menu"){
					var naviMenuLi = new Element("div.naviMenuLi",{
						"styles":this.css.naviMenuLi
					}).inject(this.naviDiv);
					var naviMenuImg = new Element("img.naviMenuImg",{
						"styles" : this.css.naviMenuImg,
						"src" : this.path + d.icon
					}).inject(naviMenuLi);
					var naviMenuTxtDiv = new Element("div.naviMenuTxtDiv",{
						"styles" : this.css.naviMenuTxtDiv,
						"text" : d.title
					}).inject(naviMenuLi);

					d.items.each(function(dd){
						var naviItemLi = new Element("div.naviItemLi",{
							"styles":this.css.naviItemLi,
							"id":dd.action,
							"action":dd.action
						}).inject(this.naviDiv);
						var naviItemImg = new Element("img.naviItemImg",{
							"styles" : this.css.naviItemImg,
							"src" : this.path + dd.icon,
							"df":dd.icon,
							"dfFill":dd.iconFill
						}).inject(naviItemLi);
						var naviItemTxtDiv = new Element("div.naviItemTxtDiv",{
							"styles" : this.css.naviItemTxtDiv,
							"text" : dd.title
						}).inject(naviItemLi);
						naviItemLi.addEvents({
							"mouseover":function(){
								if(this.get("action") != _self.curModule){
									this.setStyles({"color":"#ff8e31"});
									var tmp = this.getElement("img");
									if(tmp)tmp.set("src",_self.path + tmp.get("dfFill"))
								}
							},
							"mouseout":function(){
								if(this.get("action") != _self.curModule){
									this.setStyles({"color":"#ffffff"});
									var tmp = this.getElement("img");
									if(tmp)tmp.set("src",_self.path + tmp.get("df"))
								}
							},
							"click":function(){
								if(_self.curModule != this.get("action")){
									_self.curModule = this.get("action");
									var allLi = _self.naviDiv.getElements(".naviItemLi");
									allLi.setStyles({"color":"#ffffff"});
									allLi.getElement("img").each(function(ddd){
										ddd.set("src",_self.path + ddd.get("df"))
									});

									this.setStyles({"color":"#ff8e31"});
									var tmp = this.getElement("img");
									if(tmp)	tmp.set("src",_self.path + tmp.get("dfFill"));
									_self.openModule(this.get("action"))
								}

							}
						})
					}.bind(this))
				}
			}.bind(this));
		}.bind(this),false);
		//this.naviDiv.getElementById("homePage").click()
		this.naviDiv.getElements(".naviItemLi").each(function(d){
			if(d.get("action") == "homePage"){
				_self.curModule = "homePage";
				d.setStyles({"color":"#ff8e31"});
				var tmp = d.getElement("img");
				if(tmp)tmp.set("src",_self.path + tmp.get("dfFill"));
			}
		})
	},
	openModule:function(action){
		if(action == "homePage"){
			this.openHomePage();
		}else if(action == "message"){
			this.openMessage()
		}else if(action == "clue"){
			this.openClue();
		}else if(action == "customer"){
			this.openCustomer()
		}else if(action == "contact"){
			this.openContact()
		}else if(action == "chance"){
			this.openChance()
		}else if(action == "stat"){
			this.openStat()
		}
	},
	openHomePage:function(){
		//首页
		this.reload();
	},
	openMessage:function(){
		//信息
	},
	openClue:function(){
		//线索
		if(this.rightContentDiv)this.rightContentDiv.empty();
		if(this.clueModule) delete this.clueModule;
		MWF.xDesktop.requireApp("CRM","Clue",function(){
			this.clueModule = new MWF.xApplication.CRM.Clue(this.rightContentDiv,this,this.actions);
			this.clueModule.load();
		}.bind(this));
	},
	openCustomer:function(){
		//客户
		if(this.rightContentDiv)this.rightContentDiv.empty();
		if(this.customerModule) delete this.customerModule;
		MWF.xDesktop.requireApp("CRM", "Customer", function(){
			this.customerModule = new MWF.xApplication.CRM.Customer(this.rightContentDiv,this,this.actions,{});
			this.customerModule.load();
		}.bind(this))
	},
	openContact:function(){

	},
	openChance: function(){

	},
	openStat: function(){

	},
	////////////////////left//////////////////////////////////////

	////////////////////right//////////////////////////////////////
	createRightContent:function(){

		if(this.rightContentDiv) this.rightContentDiv.destroy();
		this.rightContentDiv = new Element("div.rightContentDiv",{"styles":this.css.rightContentDiv}).inject(this.middleContentDiv);

	},
	////////////////////right//////////////////////////////////////








	//////////////////////////////////////公用方法///////////////////////////////////////////////
	resizeWindow:function(){
		var size = this.content.getSize();
		this.middleContentDiv.setStyles({"height":(size.y-this.topContentDiv.getSize().y)+"px"});
		var midSize = this.middleContentDiv.getSize();
		if(this.leftContentDiv) this.leftContentDiv.setStyles({"height":midSize.y+"px"});
		if(this.rightContentDiv) this.rightContentDiv.setStyles({
			"height":midSize.y+"px",
			"width":(midSize.x-this.leftContentDiv.getSize().x)+"px",
			"margin-left":this.leftContentDiv.getSize().x+"px"
		})
	},
	//getIdentityies : function(){
	//	var identites = [];
	//	this.getOrgAction(function(){
	//		this.orgAction.listIdentityByPerson(function(json){
	//			json.data.each(function(d){ alert(d)
	//				identites.push( d.name );
	//			})
	//		}.bind(this), null, this.user,false)
	//	}.bind(this))
	//	this.restActions.listMyRelief(function(json){
	//		if( json.data ){
	//			json.data.each(function(d){
	//				identites.push( d.leaderIdentity );
	//			})
	//		}
	//	}.bind(this),null, false)
	//	alert(identites)
	//	return identites;
	//},
	//getOrgAction: function(callback){
	//	if (!this.orgAction){
	//		MWF.require("MWF.xAction.org.express.RestActions", function(){
	//			this.orgAction = new MWF.xAction.org.express.RestActions();
	//			if (callback) callback();
	//		}.bind(this),false);
	//	}else{
	//		if (callback) callback();
	//	}
	//},

	recordStatus: function(){
		var status;
		status = {
			identity: this.identity
		};
		return status;
	},



	createShade: function(obj,t){
		var defaultObj = this.content;
		var obj = obj || defaultObj;
		var txt;
		txt = t || "loading...";
		if(this.shadeDiv){ this.shadeDiv.destroy()}
		if(this.shadeTxtDiv)  this.shadeTxtDiv.destroy();
		this.shadeDiv = new Element("div.shadeDiv").inject(obj);
		this.inforDiv = new Element("div.inforDiv",{
			styles:{"height":"16px","display":"inline-block","position":"absolute","background-color":"#336699","border-radius":"3px","padding":"5px 10px"}
		}).inject(this.shadeDiv);
		this.loadImg = new Element("img.loadImg",{
			styles:{"width":"16px","height":"16px","float":"left"},
			src:"/x_component_CRM/$Main/default/icons/loading.gif"
		}).inject(this.inforDiv);

		this.shadeTxtSpan = new Element("span.shadeTxtSpan").inject(this.inforDiv);
		this.shadeTxtSpan.set("text",txt);
		this.shadeDiv.setStyles({
			"width":"100%","height":"100%","position":"absolute","opacity":"0.7","background-color":"#cccccc","z-index":"999"
		});
		this.shadeTxtSpan.setStyles({"color":"#ffffff","font-size":"12px","display":"inline-block","line-height":"16px","padding-left":"5px"});

		var x = obj.getSize().x;
		var y = obj.getSize().y;
		this.shadeDiv.setStyles({
			"left":(obj.getLeft()-defaultObj.getLeft())+"px",
			"top":(obj.getTop()-defaultObj.getTop())+"px",
			"width":x+"px",
			"height":y+"px"
		});
		if(obj.getStyle("position")=="absolute"){
			this.shadeDiv.setStyles({
				"left":"0px",
				"top":"0px"
			})
		}
		this.inforDiv.setStyles({
			"left":(x/2)+"px",
			"top":(y/2)+"px"
		})
	},
	destroyShade : function(){
		if(this.shadeDiv) this.shadeDiv.destroy();
		//if(this.shadeDiv) this.shadeDiv.destroy()
	},
	setScrollBar: function(node, view, style, offset, callback){
		if (!style) style = "default";
		if (!offset){
			offset = {
				"V": {"x": 0, "y": 0},
				"H": {"x": 0, "y": 0}
			};
		}
		MWF.require("MWF.widget.ScrollBar", function(){
			if(this.scrollbar && this.scrollbar.scrollVAreaNode){
				this.scrollbar.scrollVAreaNode.destroy();
				delete this.scrollbar;
			}

			this.scrollbar = new MWF.widget.ScrollBar(node, {
				"style": style||"default",
				"offset": offset,
				"indent": false,
				"distance": 50,
				"onScroll": function (y) {
					var scrollSize = node.getScrollSize();
					var clientSize = node.getSize();
					var scrollHeight = scrollSize.y - clientSize.y;
					//var view = this.baseView || this.centerView;
					if (y + 20 > scrollHeight && view && view.loadElementList) {
						if (! view.isItemsLoaded)view.loadElementList();
					}
				}.bind(this)
			});
			if (callback) callback();
		}.bind(this));
		return false;
	},
	showErrorMessage:function(xhr,text,error){
		var errorText = error;
		if (xhr) errorMessage = xhr.responseText;
		if(errorMessage!=""){
			var e = JSON.parse(errorMessage);
			if(e.message){
				this.notice( e.message,"error");
			}else{
				this.notice( errorText,"error");
			}
		}else{
			this.notice(errorText,"error");
		}

	}
	//////////////////////////////////////公用方法///////////////////////////////////////////////


});