"use strict";
|
/**
|
* 异步 加载 数据
|
* @param url
|
* @param cb
|
*/
|
function toAjaxFun(url, cb) {
|
var ajax = new $ax(Feng.ctxPath + url, function (data) {
|
cb && cb(data);
|
}, function () {
|
Feng.error("获取数据失败！");
|
});
|
ajax.async = true;
|
ajax.start();
|
}
|
|
/**
|
* 趋势图 默认配置
|
*/
|
var getLineOptions = function ( list) {
|
return { tooltip : {trigger: 'axis'},
|
grid: {left: '3%', right: '4%', bottom: '3%', containLabel: true},
|
legend: {
|
data:
|
list.map(function (val) {
|
return val[SelectItem.once_field()];
|
})
|
},
|
xAxis: {
|
type: "category",
|
boundaryGap: false,
|
data:
|
list.map(function (val) {
|
return val[ SelectItem.once_field()];})
|
},
|
yAxis: { type: 'value' },
|
series: [{ name: "最高", type:"line", stack: "总量", data: list.map(function (val) { return val.num;})}]
|
}
|
};
|
|
/**
|
* 趋势图 选中 对象
|
*/
|
var SelectItem = {
|
field: { 1: "day", 2: "day", 3: "month", 4: "month"},
|
once_field: function () {
|
return this.field[ this.type];
|
},
|
startTimeMax:null,
|
endTimeMin:null
|
};
|
/**
|
* 点击事件 tab 事件
|
*/
|
function updateNavTab( _self) {
|
var _url = $( _self).attr( "data-url");
|
if ( !_url) { return Feng.error( "开发中...."); }
|
SelectItem._url = _url;
|
SelectItem.name = $( _self).innerText;
|
updateActive( _self);
|
}
|
|
/**
|
* 点击选中
|
*/
|
function updateActive( e) {
|
$( ".line-chart-class").each(function () { $(this).removeClass( "active");});
|
$(e).addClass( "active");
|
updateActiveBtn( 2);
|
}
|
|
/**
|
* 点击 趋势图 按钮
|
*/
|
function updateActiveBtn( type) {
|
|
if ( !SelectItem._url) { return Feng.error( "开发中...."); }
|
SelectItem.type = type;
|
$( "#lin-month")[(type === 2 ) ? "addClass": "removeClass"]( "active");
|
$( "#lin-quarter")[(type === 3 ) ? "addClass": "removeClass"]( "active");
|
$( "#lin-year")[(type === 4 ) ? "addClass": "removeClass"]( "active");
|
|
toAjaxFun( SelectItem._url + "?type=" + type, function (item) {
|
var option = getLineOptions( item||[]);
|
echarts.init( $("#line-echarts")[0])
|
.setOption(option);
|
});
|
}
|
|
|
function getNumber(){
|
$( ".notice-1").each(function () {
|
var _self = $( this), url = _self.attr( "data-url");
|
if ( url) { toAjaxFun( url, function (data) {
|
/* 总数 */
|
_self.find( "[name='allNum']").text( data.allNum||0);
|
// 单位
|
_self.find( "[name='showTitle']").text(data.showTitle||0);
|
})}
|
});
|
}
|
|
$(function () {
|
//日期范围限制
|
var startTime, endTime;
|
startTime = laydate.render({
|
elem: '#startTime',
|
done: function (value, date) {
|
if(date && date.month){
|
if(!SelectItem.endTimeMin){
|
SelectItem.endTimeMin = endTime.config.min;
|
}
|
date.month = date.month - 1;
|
endTime.config.min = date;
|
}else{
|
if(SelectItem.endTimeMin){
|
endTime.config.min = SelectItem.endTimeMin;
|
}else{
|
SelectItem.endTimeMin = endTime.config.min;
|
}
|
}
|
|
|
}
|
});
|
endTime = laydate.render({
|
elem: '#endTime',
|
done: function (value, date) {
|
if(date && date.month){
|
if(!SelectItem.startTimeMax){
|
SelectItem.startTimeMax = startTime.config.max;
|
}
|
date.month = date.month - 1;
|
startTime.config.max = date;
|
}else{
|
if(SelectItem.startTimeMax){
|
startTime.config.max = SelectItem.startTimeMax;
|
}else{
|
SelectItem.startTimeMax = startTime.config.max;
|
}
|
}
|
|
}
|
});
|
|
|
setTimeout(function () {
|
/* 初始化 趋势图 */
|
$(".line-chart-class").each(function (index) {
|
(index === 0) && updateNavTab( this);
|
});
|
|
}, 200);
|
|
|
/* 处理 运营数据展示 */
|
getNumber();
|
|
// 初始化开始时间、结束时间
|
laydate.render({
|
elem: '#beginTime',
|
value: $("#beginTimeStr").val()
|
});
|
laydate.render({
|
elem: '#endTime',
|
value: $("#endTimeStr").val()
|
});
|
});
|
|
/**
|
* 重新刷新数据
|
*/
|
function refresh() {
|
var beginTime = $("#beginTime").val();
|
var endTime = $("#endTime").val();
|
window.location.href = Feng.ctxPath + '/home?' +
|
'beginTime=' + beginTime +
|
'&endTime=' + endTime;
|
};
|
