wp/nwyj/.svn/pristine/94/9446b214cad970e1ccaac716e282ce6118912ddb.svn-base

/**
 * Created by zhumingyue on 2016/7/6.
 */
AxisSmootTran = function(){
    var _this = this;
    var settimer=null;
    var settimer2=null;
    this.init = function(years,trans_name){
        _this.creatAnnounceBox(trans_name + "历史信息");
        _this.creatSmootAxisLine();
        _this.createYearAxis(years);
    };
    
    this.getscroll = function(){
    	$(top.window).scroll( function() { 
    		var _thisScroll = $(this);
    		var scroH = _thisScroll.scrollTop();

    		if(scroH>200){
    	    	$(".year_box_axis").css({"top":scroH });
    		}else{
    			$(".year_box_axis").css({"top":scroH+150 });
    		}
    		scroH = null;
    		_thisScroll = null;
        });
    };
    
    /**
     * 创建年轴
     */
    this.createYearAxis = function(params){
    	var $year_box_axis = document.createElement("div");
    	$($year_box_axis).addClass("year_box_axis");
    	
    	var $year_now = document.createElement("div");
    	$($year_now).addClass("year_box");
    	
    	var $year_now_a = document.createElement("a");
    	$($year_now_a).addClass("year_now_a");
    	$($year_now_a).attr("href","#dataAxisSmootTran").html("现在");
    	
    	$($year_now).append($year_now_a);
    	$($year_box_axis).append($year_now);
    	
    	for(var key in params){
    		var $year_box = document.createElement("div");
    		$($year_box).addClass("year_box");
    		
    		$year_now_a = document.createElement("a");
        	$($year_now_a).addClass("year_now_a");
//        	$($year_now_a).attr("href","#" + params[key].year).html(params[key].year);
        	$($year_now_a).attr("year", params[key].year).html(params[key].year);
            $($year_now_a).on("click",function(){
                var anchor = $(this).attr("year");
                
                $('html, body', window.parent.document).animate({
                	scrollTop:$("#"+anchor).offset().top
                },1000);
                
                $(".smoot_axis_year_active").removeClass("smoot_axis_year_active");
                $(this).parent().addClass("smoot_axis_year_active");

            });
        	
    		$($year_box).append($year_now_a);
    		$($year_box_axis).append($year_box);
    	};
    	$("#dataAxisSmootTran").append($year_box_axis);
    	_this.getscroll();
    };
    
    /**
     * 创建输入框
     * @param title
     */
    this.creatAnnounceBox = function(title){
    	var $tran_flag_img = document.createElement("img");
    	$($tran_flag_img).addClass("tran_flag_img");
    	$($tran_flag_img).attr("src","/nwyj/images/business/em/floods/tran_history_flag.png");
    	
        var $announce_box = document.createElement("div");
        $($announce_box).addClass("announce_box");
        
        var $iden = document.createElement("div");
        $($iden).addClass("iden");
        
        var $anno_title = document.createElement("div");
        $($anno_title).addClass("anno_title");
        
        $anno_title_img = document.createElement("img");
        $($anno_title_img).attr("src","/nwyj/images/business/em/floods/smoot_title.png");
        $($anno_title_img).addClass("anno_title_img");
        
        $($anno_title).append($anno_title_img).append("<span>" + title + "</span>" );

        var $anno_input = document.createElement("textarea");
        $($anno_input).attr("maxlength","256");
        $($anno_input).attr("rows","3");
        $($anno_input).attr("cols","20");
//        onKeyDown=""if （this.value.length>=20）{event.returnValue=false}""
//        $($anno_input).attr("onKeyDown","if(this.value.length>=20){event.returnValue=false}");
        /*var $anno_input = document.createElement("div");
        $($anno_input).attr("contentEditable",true);*/
        $($anno_input).addClass("anno_input");
        var maxLen = 256;
        $($anno_input).keyup(function(){
        	var len = $(this).val().length;
        	if(len>maxLen){
        		len = maxLen;
        		var str = $(this).val();
            	$($anno_input).val(str.substring(0,maxLen));
        	};
        	
            $(".input_count").html(maxLen-len);
        });
        
        var $remind = document.createElement("span");
        $($remind).addClass("remind").html("还可以输入");
        
        var $input_count = document.createElement("span");
        $($input_count).addClass("input_count").html("256");
        
        var $remind_over = document.createElement("span");
        $($remind_over).addClass("remind_over").html("个字符");

        var $anno_but = document.createElement("div");
        $($anno_but).addClass("anno_but");
        var $anno_but_a = document.createElement("a");
        $($anno_but_a).attr("href","javascript:void;");
        $($anno_but_a).html("添加");
        $($anno_but).append($anno_but_a);

        $($anno_but).on("click",function(){
            var text = $(".anno_input").val();
            var params = {count:text,data:_this.getLocatData()};
            addSmootTimeAxisCount(params);
        });


        $($announce_box).append($anno_input).append($remind).append($input_count).append($remind_over).append($anno_but);

        $("#dataAxisSmootTran").append($tran_flag_img).append($iden).append($anno_title).append($announce_box);
    };

    /**
     * 创建时间轴线
     */
    this.creatSmootAxisLine = function(){

        var $smoot_axis_line = document.createElement("div");
        $($smoot_axis_line).addClass("smoot_axis_line");

        var $smoot_axis_top_line = document.createElement("div");
        $($smoot_axis_top_line).addClass("smoot_axis_top_line");

        var $smoot_axis_line_img = document.createElement("div");
        $($smoot_axis_line_img).addClass("smoot_axis_line_img");

        var $smoot_axis_nextbox = document.createElement("div");
        $($smoot_axis_nextbox).addClass("smoot_axis_nextbox");

        $($smoot_axis_line).append($smoot_axis_top_line).append($smoot_axis_line_img).append($smoot_axis_nextbox);
        $("#dataAxisSmootTran").append($smoot_axis_line);

    };

    /**
     * 得到时间年月日时分秒  返回字符  yyyy-MM-dd hh:mm:ss
     */
    this.getLocatData = function(){
        var dateDom = allGetServerTime();
        //获取本地时间，年月日时分
        var year = dateDom.getFullYear();
        var month = parseInt(dateDom.getMonth()+1);
        if(month<10) month = "0" + month ;
        var day = parseInt(dateDom.getDate());
        if(day<10) day = "0" + day ;
        var hours = parseInt(dateDom.getHours());
        if(hours<10) hours = "0" + hours;
        var minutes = parseInt(dateDom.getMinutes());
        if(minutes<10) minutes = "0" + minutes;
        var seconds = parseInt(dateDom.getSeconds());
        if(seconds<10) seconds = "0" + seconds;
        return year+"-"+month+"-"+day+" "+hours+":"+minutes+":"+seconds;
    };

    this.splitData = function(param){
        var smoot_data = new Date(param.replace(/\-/g,"/"));
        var month = parseInt(smoot_data.getMonth() + 1) ;

        if(month<10) month = "0" + month ;
        var day = parseInt(smoot_data.getDate()) ;
        if(day<10) day = "0" + day ;

        var hours = parseInt(smoot_data.getHours());
        if(hours<10) hours = "0" + hours;
        var minutes = parseInt(smoot_data.getMinutes());
        if(minutes<10) minutes = "0" + minutes;

        return {y:smoot_data.getFullYear() + "-" + month + "-" + day,
            m:hours + ":" + minutes, fy:smoot_data.getFullYear()};
    };
    
    /**
     * 添加下一个框内容
     * @param text
     */
    this.addNextBox = function(params){
//                var params = [{count:text,data:"2016-12-21 15:22:23",fd_id:"1234567"}]

    	var year_title ;
        for(var key = 0; key < params.length; key++){

            var $smoot_axis_next_box_history = document.createElement("div");
            $($smoot_axis_next_box_history).addClass("smoot_axis_next_box_history");

            var $smoot_next_editbox = document.createElement("div");
            $($smoot_next_editbox).addClass("smoot_next_editbox");
            $($smoot_next_editbox).attr("fd_id",params[key].fd_id);

            $($smoot_next_editbox).on("mouseover",function(){
            	if(_this.settimer!=null||_this.settimer!=undefined){
            		clear(_this.settimer);
            	}
            });
            $($smoot_next_editbox).on("mouseleave",function(){
                _this.settimer2 =setTime(function(){
                    $(this).animate({
//                                right:"0px",zIndex:-1
                        width:0
                    },200);
                    $(this).find(".smoot_edit_but").animate({
                        width:0
                    },200);
                    $(this).find(".smoot_del_but").animate({
                        width:0
                    },200);
                },1);
            });

            var $smoot_edit_but = document.createElement("div");
            $($smoot_edit_but).addClass("smoot_edit_but");

            //编辑按钮的单击事件
            $($smoot_edit_but).on("click",function(){
                var edittemp = $(this).parent().parent();

                var hbc = $(edittemp).find(".smoot_p_count").attr("title");
                $(edittemp).find(".smoot_p_count").remove();
                
                var maxLen = 256;
                var $edit_input = document.createElement("textarea");
                $($edit_input).attr("title",hbc);
                $($edit_input).attr("maxlength",maxLen);
                $($edit_input).attr("rows","3");
                $($edit_input).attr("cols","20");
                $($edit_input).addClass("edit_input").val(hbc);
                $(edittemp).find(".smoot_span_time").after($edit_input);
                
                var $remind = document.createElement("span");
                $($remind).addClass("remind").html("还可以输入");
                
                var $edit_count = document.createElement("span");
                $($edit_count).addClass("edit_count").html(maxLen-hbc.length);
                
                var $remind_over = document.createElement("span");
                $($remind_over).addClass("remind_over").html("个字符");
                
                $($edit_input).after($remind_over).after($edit_count).after($remind);
                
                $($edit_input).keyup(function(){
                	var len = $(this).val().length;
                	if(len>maxLen){
                		len = maxLen;
                		var str = $(this).val();
                    	$($anno_input).val(str.substring(0,maxLen));
                	};
                	
                    $(".edit_count").html(maxLen-len);
                });
            
                var $smoot_giveup = document.createElement("div");
                $($smoot_giveup).addClass("smoot_giveup").html("取消");
                $($smoot_giveup).on("click",function(){
                	var $smoot_p_count = document.createElement("div");
                	var temp_count = $(this).parent().find("textarea").attr("title");
                	$($smoot_p_count).addClass("smoot_p_count").html(temp_count).attr("title",temp_count);
                	$(this).parent().find("textarea").remove();
                	$(this).parent().find(".smoot_span_time").after($smoot_p_count);
                	$(this).parent().find(".remind").remove();
                	$(this).parent().find(".edit_count").remove();
                	$(this).parent().find(".remind_over").remove();

                    $(this).parent().find(".smoot_save_edithistory").remove();
                    $(this).remove();
                });

                var $smoot_save_edithistory = document.createElement("div");
                $($smoot_save_edithistory).addClass("smoot_save_edithistory").html("保存");
                $($smoot_save_edithistory).on("click",function(){
                    var $save_count = $(this).parent().find("textarea");
                    var texttemp = $($save_count).val();
                    var overtitle = texttemp;
  
            		var paramtemp = {fd_id:$(this).parent().find(".smoot_next_editbox").attr("fd_id"),disc:texttemp,ut:_this.getLocatData()};
                    var flg = editSmootTimeAxisHistory(paramtemp);
                    if(!flg){
                    	overtitle = $($save_count).attr("title");
                    };

                    var $smoot_p_count = document.createElement("div");
                	$($smoot_p_count).addClass("smoot_p_count").html(overtitle).attr("title",overtitle);
                	$(this).parent().find("textarea").remove();
                	$(this).parent().find(".smoot_span_time").after($smoot_p_count);
                	$(this).parent().find(".remind").remove();
                	$(this).parent().find(".edit_count").remove();
                	$(this).parent().find(".remind_over").remove();

                    $(this).parent().find(".smoot_giveup").remove();
                    $(this).remove();
                    
                });

                $(edittemp).append($smoot_giveup).append($smoot_save_edithistory);

            });



            var $smoot_del_but = document.createElement("div");
            $($smoot_del_but).addClass("smoot_del_but");
            $($smoot_del_but).on("click",function(){
                if(confirm("确定删除吗？")){
                    if(delSmootTimeAxisHistory($(this).parent().attr("fd_id")))
                        $(this).parent().parent().remove();
                }
            });

            $($smoot_next_editbox).append($smoot_edit_but).append($smoot_del_but);

            $($smoot_axis_next_box_history).on("mouseover",function(){
                if(_this.settimer2==undefined){
                    $(this).find(".smoot_next_editbox").animate({
//                                right:"-20px",zIndex:2
                        width:"25px"
                    },200);
                    $(this).find(".smoot_next_editbox").find(".smoot_edit_but").animate({
                        width:"25px"
                    },200);
                    $(this).find(".smoot_next_editbox").find(".smoot_del_but").animate({
                        width:"25px"
                    },200);
                }else{
                	if(_this.settimer2!=null || _this.settimer2!=undefined)
                    clear(_this.settimer2);
                }

            });


            $($smoot_axis_next_box_history).on("mouseleave",function(){
                var cc= this;
                _this.settimer = setTimeout(function(){
                    $(cc).find(".smoot_next_editbox").animate({
                        width:0
                    },200);

                    $(cc).find(".smoot_next_editbox").find(".smoot_edit_but").animate({
                        width:0
                    },200);
                    $(cc).find(".smoot_next_editbox").find(".smoot_del_but").animate({
                        width:0
                    },200);
                },1);

            });
            
            var node_year = _this.splitData(params[key].data).fy;
       
            if(key < (params.length-1)){
            	year_title = _this.splitData(params[key+1].data).fy;
            }else{
            	year_title = _this.splitData(params[key].data).fy;
            };
            
            if(node_year != year_title || key == params.length-1){
            	var $smoot_axis_year_title = document.createElement("div");
            	$($smoot_axis_year_title).addClass("smoot_axis_year_title");
            	$($smoot_axis_year_title).attr("id",node_year);
            	$($smoot_axis_year_title).html(node_year);
            	$($smoot_axis_next_box_history).append($smoot_axis_year_title);
            };
            
/*            var node_year = _this.splitData(params[key].data).fy;
//            alert(onde_year + "    " + year_title);
            if( node_year != year_title){
            	var $smoot_axis_year_title = document.createElement("div");
            	$($smoot_axis_year_title).addClass("smoot_axis_year_title");
            	$($smoot_axis_year_title).html(node_year);
            	$($smoot_axis_next_box_history).append($smoot_axis_year_title);
            };*/

            year_title = node_year;
            var $smoot_axis_next_line = document.createElement("div");
            $($smoot_axis_next_line).addClass("smoot_axis_next_line");

            var $smoot_history_node = document.createElement("div");
            $($smoot_history_node).addClass("smoot_history_node");
            
            var $smoot_year_iden = document.createElement("div");
            $($smoot_year_iden).addClass("smoot_year_iden");

            var smoot_data = _this.splitData(params[key].data);
            var $smoot_span_data = document.createElement("div");
            var $smoot_span_time = document.createElement("div");

            $($smoot_span_data).addClass("smoot_span_data");
            $($smoot_span_time).addClass("smoot_span_time");

            $($smoot_span_data).html(smoot_data.y);
            $($smoot_span_time).html(smoot_data.m);

            var $smoot_p_count = document.createElement("div");
            $($smoot_p_count).attr("contenteditable",false);
            $($smoot_p_count).addClass("smoot_p_count");
            $($smoot_p_count).html(params[key].count);
            $($smoot_p_count).attr("title",params[key].count);
            
            var $iden_history = document.createElement("div");
            $($iden_history).addClass("iden_history");

            $($smoot_axis_next_box_history).append($iden_history).append($smoot_axis_next_line).append($smoot_history_node);
            $($smoot_axis_next_box_history).append($smoot_year_iden).append($smoot_span_data).append($smoot_span_time).append($smoot_p_count);
            $($smoot_axis_next_box_history).append($smoot_next_editbox);

            
            $(".smoot_axis_nextbox").prepend($smoot_axis_next_box_history);
            $(".anno_input").text("");

            $(".boxc_c").text("");
        };
    };
};