// 定义Dom7
var $$ = Dom7;
// 跨域请求配置
//const CORS= 'http://localhost:8080/sensor/';        // 开启跨域请求(调试时开启)
const CORS='';           // 关闭跨域请求(发布时开启)
var monthNames = monthNamesShort = ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月' , '9月' , '10月', '11月', '12月'];
var dayNames = dayNamesShort = ['日', '一', '二', '三', '四', '五', '六'];
//定义计时器
function Interval() {
    this.timer = null;
    this.time = '';
    this.callback = '';
}
// 开启计时器并添加
Interval.prototype.start = function(callback, time) {
    // 先关闭计时器
    this.stop();
    // 配置执行函数
    if(typeof callback == 'function' && typeof time == 'number') {
        this.callback = callback;
        this.time = time;
        callback();
        this.timer = setInterval(callback, time);
    }else {
        console.warn('未完整配置参数！');
    }
};
// 开启计时器
Interval.prototype.open = function() {
    var callback = this.callback;
    var time = this.time;
    this.start(callback, time);
};

// 关闭计时器
Interval.prototype.stop = function() {
    clearInterval(this.timer);
};


// 延时计时器
function Timeout() {
    this.timer = null;
    this.time = '';
    this.callback = '';
}
// 开启计时器并添加
Timeout.prototype.start = function(callback, time, exe) {
    // 先关闭计时器
    this.stop();
    // 配置执行函数
    if(typeof callback == 'function' && typeof time == 'number') {
        this.callback = callback;
        this.time = time;
        if(exe != 'exe') {
        	callback();
        }
        this.timer = setTimeout(callback, time);
    }else {
        console.warn('未完整配置参数！');
    }
};
// 开启计时器
Timeout.prototype.open = function() {
    var callback = this.callback;
    var time = this.time;
    this.start(callback, time, 'exe');
};

// 关闭计时器
Timeout.prototype.stop = function() {
    clearTimeout(this.timer);
};

/*从多维数组中获取最大值*/
function getMaxFromArr(arr) {
	var newArray = arr.join(",").split(",");
	return Math.max.apply({},newArray);
}

/*从多维数组中获取最小值*/
function getMinFromArr (arr) {
	var newArray = arr.join(",").split(",");
	return Math.min.apply({},newArray);
}

function ajax(option) {
    $.ajax({
        type: 'post',
        async: true,
        url: CORS+option.url,
        data: option.data,
        dataType: 'json',
        success: option.success,
        error: option.error,
        complete: option.complete
    });
}

// 格式化时间
Date.prototype.format =function(format)
{
    var o = {
    "M+" : this.getMonth()+1, //month
        "d+" : this.getDate(),    //day
        "h+" : this.getHours(),   //hour
        "m+" : this.getMinutes(), //minute
        "s+" : this.getSeconds(), //second
        "q+" : Math.floor((this.getMonth()+3)/3),  //quarter
        "S" : this.getMilliseconds() //millisecond
    };
    if(/(y+)/.test(format)) format=format.replace(RegExp.$1,
    (this.getFullYear()+"").substr(4- RegExp.$1.length));
    for(var k in o)if(new RegExp("("+ k +")").test(format))
    format = format.replace(RegExp.$1,
    RegExp.$1.length==1? o[k] :
    ("00"+ o[k]).substr((""+ o[k]).length));
    return format;
};

// 根据对象获取url
function getUrlStr(props) {
	var str = "";
	Object.keys(props).forEach(function(key) {
		str+=props[key]+"/";
	});
	return str;
}

// 根据数据生成列表
function createList(container, data) {
    container.text("");
    for(var i=0; i<data.length;i++) {
        var _data = data[i];
        var li = $$('<li></li>');
        var a = $$('<a href="#" class="home-item"></a>');
        a.text(_data.text);
        a.data('data', _data);
        li.append(a);
        container.append(li);
    }
}

// 地图图标
const mapImgSrc = function() {
    var imagesBase64 = {
            normal: 'data:image/gif;base64,R0lGODlhHgAeAMQVAGud9K/K+Y6091SO82CV9N3o/dLh/MbZ+3ek9Zm7+Ojw/aTD+aTC+IKs9rvS+o2z97rR+tHh/PT3/v///0mG8v///wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABUALAAAAAAeAB4AAAXnYCWOZFUwDaIyh1S+cAURVG3Xg6DEcAHcQNsAwiMVBsFkTVA0IZXKBE9Cg0IPsYTVOnCVFMHBDzio3gKvQPBwCAKoQMILAXwoAg/gIWAI7khBBgESCQQEdA8GDnA3RIBAEwEOEw0TkYoKBw1ADCQRQRMLBgULlqSlCwucJBKgkpQSlwEFBps3nY83BwuEZgmCE2Y1aCRjNggSeDcEB4pBBSVaQA5tQA1HZC8FSU9kQUxzW1Z/X+JKuDAQ5kAATdLrb00VAvBe8vRb8fIj+Er6+/z82QMYkN1AggVr/ENYAt9Chg0fxggBADs=',
            smoke: 'data:image/gif;base64,R0lGODlhHgAeAMQUAPzn5+tYVfKUkvGIhuxkYfnPz+xkYvvb2/a3tvWrqvjDwu98evvb2vnPzu5wbvSgnulMSf7z8+hAPf///////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAABQALAAAAAAeAB4AAAX/ICWOpDIYUioZg0K+8IgEaq0GSBxHThoIhchkEikIaBJHRDdioCCJoXQ6SUAkAQYzgiIAqOAJgIBdxnoEYRgcITtiCAnkuw4DrrkXLVpfJ7AvClhTBw+Gh4gHUzQuIwISAoQDDoiGAQOKUo8CJCgFVEYOk6IOBJ9TBUkkKWpSBQNgDqdSESmrEmAHc4S7VLYjKWEIEA7FDhAIYb8irGEJBKKmYbUSJD2zUw5xf3Sgqo6QwhACBAuwYJskDXJ2EgUBCQthVw16Eg9sBwD7rVIPgIHkZOrDS0KjFwskpCFIi8wCHVwUDqxzgIwBMzuePOg3JcKDKxeZjBiQYpwCOgAUMAi4ImGAyBd/bMhM8BLGMJkl89R8wYBlDQhadsYAgEKFAQBCtySUsABjUh0DXO4MAQA7',
            airhum: 'data:image/gif;base64,R0lGODlhHgAeANU/AOgrRPaqtOyKpOk5UOtHXfzj5uNOaO9ygvrU2dkTNuNPdvnHzf3x8+xWaetIXfbE0fe4wPjT2d4xT/rV2udsjfe4we5kdvGAj/OOm+A/XNkUSP3w9PO2xuVddfKOm/nGze6Yr/Scp/jT3e6Yp/ScqPbEzf3w8scSPPri6MshSPGntOJdf/jT3NdObuOJnvjh591AaNsjU+BAaudsgeqmttM/Yep6jvGnuvO1wOB6kdZNbuFPdep7mOYdN////////yH5BAEAAD8ALAAAAAAeAB4AAAb/wJ9wSESELI0BoGEJIYjQ6DDg6FmvWEdAKi00rATSxEf2TUgEa6PAHUIAPcKiTC8v0oBPO2C91P9lF1YQUghwAYCJPnwAT1BVB2URHQYlimQHPQ5QHj0DdB0jOBKXPgwDPVtDh3QGZAmli55unnWuPrCxqIQ/mX6tDw+5pYIHQqgVtgICw5cVmkJWc63LzT4KFH8LVtE9fwbVdAIgFBx1DNw/VgXKzGUPCj4bMht0BenSdRnVJmQKKGQeZLOTDhWiMjY6LJvhCgWFF2XileEzQEimSGUSsIihQYSECA9WpMjhgoZETD2M/YDQAwCDMhJEaNDwIEOJDQpSnDhR4yS6hB68fqDCUMbAiAccVJDywQOGjhY7bpTBMGtKS3Y+TBjIkOFjGRAKFJgjU+AQlC8EXpKJEKEUgzQNopSNozbW26uF4BAYU2oCHkd5rRzA+qdAppaAuSCoAgZDhQULKmBIY8VB4jY/OmHZbMUD5i4WOFuxwOYzlw9frjTQY/pzgAEDVH0OAgA7',
            airtmp: 'data:image/gif;base64,R0lGODlhHgAeANUkAOlMSetYVfKUkucnQO1dcOxkYvnJz/zn5/jDwuxkYfWrqvi8w+5wbvB4iOk1TPa3tvGIhvvX2+xQZPnPz/vb2vvb2+98ev7y8/KGlPSgnvWhq/aut+9rfPzk5/nPzupCWPOToP7z8+hAPf///////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAACQALAAAAAAeAB4AAAb/QJJwSERACqKkqABBEJ/Q4SOgrCoDj2g0xEgGBJPQaBSaCKgiRkg7pCABirF8PlIARAEKO4RMHOiAIwcJeGtRXQlidAYdcxEGIYQMUQ8iAH90BBIOBhISGw0YBgd3WU9UcXILIAYOIK4fEhgLERF1eE8IeIsgEQQgA70RFw0cF2NUTkMCIgJ0GgQLv8GBI8wCREgTdA0DG9Mg1RNpREmKqqzg1SFJ5SKABiAd6tXtQ0mAq9LAGNUj9kLMBQLRoJiDY4AOACTRZRsgAhoGDCBgIJCuScuaDSTgYICDateIeLAUiNgACQsChbjj4ZSIVP4CZcCVy1KFmIAq3FH2xIKIVkQ45UQSYUELn583cVYgVMDQljcZztEJkeFOUzZDICQBIAABpgMIBNwRAQHrEwVW0r40C+XB2LQATLF9QuGtEgB65kY5gERJgQN69/gk6jSwFghl5wYBADs='
        };
    // 普通
    var normal = new Image();
    normal.src = imagesBase64.normal;
    // 烟感告警
    var smoke = new Image();
    smoke.src = imagesBase64.smoke;
    
    // 湿度告警图标
    var airhum = new Image();
    airhum.src = imagesBase64.airhum;

    // 温度告警图标
    var airtmp = new Image();
    airtmp.src = imagesBase64.airtmp;
    return {
        normal: normal,
        smoke: smoke,
        airhum: airhum,
        airtmp: airtmp
    }
}();

// 自定义面板
function MyModal(id) {
	this.id = id;
	this.elem = $(id);
	this._init();
}
MyModal.prototype._init = function() {
	var showElems = $('.show-my-modal');
	var self = this;
	var id = this.id;
	// 设置显示按钮
	showElems.each(function() {
		var href = $(this).data('href');
		if(href && href==id) {
			$(this).click(function() {
				self.show();
			});
		}
	});
	
	
	var toggleElems = $('.toggle-my-modal');
	// toggle显示按钮
	toggleElems.each(function() {
		var href = $(this).data('href');
		if(href && href==id) {
			$(this).click(function() {
				self.toggle();
			});
		}
	});
	
	// 设置关闭按钮
	var closeElems = this.elem.find('.my-modal-close');
	closeElems.click(function() {
		self.hide();
	});
	
	
};
MyModal.prototype.show = function() {
	if(!this.elem.hasClass('my-modal-show')) {
		this.elem.addClass('my-modal-show');
		setTimeout(function() {
			// 设置内容的高度
			var container = this.elem.find('.my-modal-container');
			var header = this.elem.find('.my-modal-header');
			var content = this.elem.find('.my-modal-content');
			var footer = this.elem.find('.my-modal-footer');
			
			content.height(container.height()-header.height()-footer.height());
		}.bind(this), 400);
	}
};
MyModal.prototype.hide = function() {
	this.elem.removeClass('my-modal-show');
	var modalContent = this.elem.find('.my-modal-content');
};
MyModal.prototype.toggle = function() {
	if(this.elem.hasClass('my-modal-show')) {
		this.hide();
	}else {
		this.show();
	}
}

// 折线图
function LineGraph(id, option) {
    this.$el = $("#"+id);
    this.chart="";
    this.plus= {};
    this.initOpt = option;
    this.option = '';
	this._init();
}

// 初始化图表
LineGraph.prototype._init = function() {
    var graph = this.$el.find('.graph').get(0);
	this.chart = echarts.init(graph);
};
// 自适应大小
LineGraph.prototype.resize = function() {
    this.setOption(this.option);
};

// 设置配置项
LineGraph.prototype.setOption = function(option) {
    var initOpt = this.initOpt;
    //console.log(initOpt);
    var initDefault = {
        title: '',
        subtext: '',
        name: '',
        min: 0,
        max: 1,
        unit: ''
    };
    var rsInitOpt = $.extend({}, initDefault, initOpt);
    // console.log(rsInitOpt);
    var defaults = {
        title: {
            text: rsInitOpt.title,
            subtext: rsInitOpt.subtext,
            x: 'center',
        },
        tooltip: {
            trigger: 'axis'
        },
        xAxis: {
            type: 'category',
            boundaryGap : false,
            data:[]
        },
        yAxis: {
            name: 'y'+initOpt.unit,
            type: 'value',
            min: rsInitOpt.min,
            max: rsInitOpt.max
        },
        grid: {
            left: '3%',
            right: '2%',
            bottom: '3%',
            containLabel: true
        },
        visualMap: false,
        series: {
            name: rsInitOpt.name,
            data: [],
            type: 'line',
            smooth: true,
            markLine: false
        }
    };
    var data = $.extend(true, {}, defaults, option, this.plus);
    
    var min = getMinFromArr(data.series.data);
    var max = getMaxFromArr(data.series.data);
    data.yAxis.min = rsInitOpt.min<min?rsInitOpt.min:min;
    data.yAxis.max = rsInitOpt.max>max?rsInitOpt.max:max;

    // 生成echarts
    this.option = data;
    this.chart.resize();
    this.chart.setOption(data);
};

//页面中的分页信息
function MyPages(pre, next,pages) {
 this.pre = pre;
 this.next = next;
 this.data = [];
 var defaults = {
     total: 0,
     pageSize: 10,
     pageCurrent: 1,
     pageTotal: 0
 };
 this.pages = $.extend({}, defaults, pages);
 this._changeBtn();
}
//修改按钮的状态
MyPages.prototype._changeBtn = function() {
 var pages = this.pages;
 // 更改向前翻页按钮的状态
 if(pages.pageCurrent == 1) {
     this.pre.addClass('my-pages-tmp-hide');
 }else {
     this.pre.removeClass('my-pages-tmp-hide');
 }
 
 // 更改向后翻页按钮的状态
 if(pages.pageCurrent >= pages.pageTotal) {
     this.next.addClass('my-pages-tmp-hide');
 }else {
     this.next.removeClass('my-pages-tmp-hide');
 }
};

//设置数据
MyPages.prototype.setData = function(data,pre,next) {
 this.data = data;
 this._setTotal(data.length);
 this.pages.pageCurrent = 1;     // 初始化页数为第一页
 var data = this._getData();
 pre(data);
 this._changeBtn();      // 更改按钮的状态
 this._addEvents(pre, next);
};

//设置数据总数
MyPages.prototype._setTotal = function(total) {
 this.pages.total = total;
 this.pages.pageTotal = Math.ceil(total/this.pages.pageSize);
};

//根据分页的信息返回data的值
MyPages.prototype._getData = function() {
 var data = this.data;
 var pages = this.pages;
 var currentIndex = (pages.pageCurrent-1)*pages.pageSize;
 var leng = currentIndex+pages.pageSize;
 var result = [];
 for(var i=currentIndex; i<leng; i++) {
     if(i>=data.length) {
         break;
     }
     result.push(data[i]);
 }
 return result;
};

//给按钮添加绑定事件
MyPages.prototype._addEvents = function(pre, next) {
 var _self = this;
 // 向前翻页
 this.pre.off('click.pages').on('click.pages', function() {
     _self.pages.pageCurrent--;
     _self._changeBtn();
     var data = _self._getData();
     pre(data);
 });

 // 向前翻页
 this.next.off('click.pages').on('click.pages', function() {
     _self.pages.pageCurrent++;
     _self._changeBtn();
     var data = _self._getData();
     next(data);
 });
}