295 lines
11 KiB
JavaScript
295 lines
11 KiB
JavaScript
/**
|
|
* console - homepage demo
|
|
*/
|
|
|
|
|
|
layui.define('ywxapp',function (exports) {
|
|
var ywxapp = layui.ywxapp;
|
|
//区块轮播切换
|
|
layui.use(['ywxapp', 'carousel'], function () {
|
|
var $ = layui.$
|
|
, ywxapp = layui.ywxapp
|
|
, carousel = layui.carousel
|
|
, element = layui.element
|
|
, device = layui.device();
|
|
|
|
//轮播切换
|
|
$('.layadmin-carousel').each(function () {
|
|
var othis = $(this);
|
|
carousel.render({
|
|
elem: this
|
|
, width: '100%'
|
|
, arrow: 'none'
|
|
, interval: othis.data('interval')
|
|
, autoplay: othis.data('autoplay') === true
|
|
, trigger: (device.ios || device.android) ? 'click' : 'hover'
|
|
, anim: othis.data('anim')
|
|
});
|
|
});
|
|
|
|
element.render('progress');
|
|
|
|
});
|
|
|
|
//八卦新闻
|
|
layui.use(['carousel', 'echarts'], function () {
|
|
var $ = layui.$
|
|
, carousel = layui.carousel
|
|
, echarts = layui.echarts;
|
|
|
|
var echartsApp = [], options = [
|
|
{
|
|
title: {
|
|
subtext: '完全实况球员数据',
|
|
textStyle: {
|
|
fontSize: 14
|
|
}
|
|
},
|
|
tooltip: {
|
|
trigger: 'axis'
|
|
},
|
|
legend: {
|
|
x: 'left',
|
|
data: ['罗纳尔多', '舍普琴科']
|
|
},
|
|
polar: [
|
|
{
|
|
indicator: [
|
|
{ text: '进攻', max: 100 },
|
|
{ text: '防守', max: 100 },
|
|
{ text: '体能', max: 100 },
|
|
{ text: '速度', max: 100 },
|
|
{ text: '力量', max: 100 },
|
|
{ text: '技巧', max: 100 }
|
|
],
|
|
radius: 130
|
|
}
|
|
],
|
|
series: [
|
|
{
|
|
type: 'radar',
|
|
center: ['50%', '50%'],
|
|
itemStyle: {
|
|
normal: {
|
|
areaStyle: {
|
|
type: 'default'
|
|
}
|
|
}
|
|
},
|
|
data: [
|
|
{ value: [97, 42, 88, 94, 90, 86], name: '舍普琴科' },
|
|
{ value: [97, 32, 74, 95, 88, 92], name: '罗纳尔多' }
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
, elemDataView = $('#LAY-index-pageone').children('div')
|
|
, renderDataView = function (index) {
|
|
echartsApp[index] = echarts.init(elemDataView[index], layui.echartsTheme);
|
|
echartsApp[index].setOption(options[index]);
|
|
window.onresize = echartsApp[index].resize;
|
|
};
|
|
//没找到DOM，终止执行
|
|
if (!elemDataView[0]) return;
|
|
|
|
renderDataView(0);
|
|
});
|
|
|
|
//访问量
|
|
layui.use(['carousel', 'echarts'], function () {
|
|
var $ = layui.$
|
|
, carousel = layui.carousel
|
|
, echarts = layui.echarts;
|
|
|
|
var echartsApp = [], options = [
|
|
{
|
|
tooltip: {
|
|
trigger: 'axis'
|
|
},
|
|
calculable: true,
|
|
legend: {
|
|
data: ['访问量', '下载量', '平均访问量']
|
|
},
|
|
|
|
xAxis: [
|
|
{
|
|
type: 'category',
|
|
data: ['1月', '2月', '3月', '4月', '5月', '6月', '7月', '8月', '9月', '10月', '11月', '12月']
|
|
}
|
|
],
|
|
yAxis: [
|
|
{
|
|
type: 'value',
|
|
name: '访问量',
|
|
axisLabel: {
|
|
formatter: '{value} 万'
|
|
}
|
|
},
|
|
{
|
|
type: 'value',
|
|
name: '下载量',
|
|
axisLabel: {
|
|
formatter: '{value} 万'
|
|
}
|
|
}
|
|
],
|
|
series: [
|
|
{
|
|
name: '访问量',
|
|
type: 'line',
|
|
data: [900, 850, 950, 1000, 1100, 1050, 1000, 1150, 1250, 1370, 1250, 1100]
|
|
},
|
|
{
|
|
name: '下载量',
|
|
type: 'line',
|
|
yAxisIndex: 1,
|
|
data: [850, 850, 800, 950, 1000, 950, 950, 1150, 1100, 1240, 1000, 950]
|
|
},
|
|
{
|
|
name: '平均访问量',
|
|
type: 'line',
|
|
data: [870, 850, 850, 950, 1050, 1000, 980, 1150, 1000, 1300, 1150, 1000]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
, elemDataView = $('#LAY-index-pagetwo').children('div')
|
|
, renderDataView = function (index) {
|
|
echartsApp[index] = echarts.init(elemDataView[index], layui.echartsTheme);
|
|
echartsApp[index].setOption(options[index]);
|
|
window.onresize = echartsApp[index].resize;
|
|
};
|
|
//没找到DOM，终止执行
|
|
if (!elemDataView[0]) return;
|
|
renderDataView(0);
|
|
|
|
});
|
|
|
|
//地图
|
|
layui.use(['carousel', 'echarts'], function () {
|
|
var $ = layui.$
|
|
, carousel = layui.carousel
|
|
, echarts = layui.echarts;
|
|
|
|
var echartsApp = [], options = [
|
|
{
|
|
title: {
|
|
text: '访客地区分布',
|
|
subtext: '不完全统计'
|
|
},
|
|
tooltip: {
|
|
trigger: 'item'
|
|
},
|
|
dataRange: {
|
|
orient: 'horizontal',
|
|
min: 0,
|
|
max: 60000,
|
|
text: ['高', '低'],
|
|
splitNumber: 0
|
|
},
|
|
series: [
|
|
{
|
|
name: '访客地区分布',
|
|
type: 'map',
|
|
mapType: 'china',
|
|
selectedMode: 'multiple',
|
|
itemStyle: {
|
|
normal: { label: { show: true } },
|
|
emphasis: { label: { show: true } }
|
|
},
|
|
data: [
|
|
{ name: '西藏', value: 60 },
|
|
{ name: '青海', value: 167 },
|
|
{ name: '宁夏', value: 210 },
|
|
{ name: '海南', value: 252 },
|
|
{ name: '甘肃', value: 502 },
|
|
{ name: '贵州', value: 570 },
|
|
{ name: '新疆', value: 661 },
|
|
{ name: '云南', value: 8890 },
|
|
{ name: '重庆', value: 10010 },
|
|
{ name: '吉林', value: 5056 },
|
|
{ name: '山西', value: 2123 },
|
|
{ name: '天津', value: 9130 },
|
|
{ name: '江西', value: 10170 },
|
|
{ name: '广西', value: 6172 },
|
|
{ name: '陕西', value: 9251 },
|
|
{ name: '黑龙江', value: 5125 },
|
|
{ name: '内蒙古', value: 1435 },
|
|
{ name: '安徽', value: 9530 },
|
|
{ name: '北京', value: 51919 },
|
|
{ name: '福建', value: 3756 },
|
|
{ name: '上海', value: 59190 },
|
|
{ name: '湖北', value: 37109 },
|
|
{ name: '湖南', value: 8966 },
|
|
{ name: '四川', value: 31020 },
|
|
{ name: '辽宁', value: 7222 },
|
|
{ name: '河北', value: 3451 },
|
|
{ name: '河南', value: 9693 },
|
|
{ name: '浙江', value: 62310 },
|
|
{ name: '山东', value: 39231 },
|
|
{ name: '江苏', value: 35911 },
|
|
{ name: '广东', value: 55891 }
|
|
]
|
|
}
|
|
]
|
|
}
|
|
]
|
|
, elemDataView = $('#LAY-index-pagethree').children('div')
|
|
, renderDataView = function (index) {
|
|
echartsApp[index] = echarts.init(elemDataView[index], layui.echartsTheme);
|
|
echartsApp[index].setOption(options[index]);
|
|
window.onresize = echartsApp[index].resize;
|
|
};
|
|
//没找到DOM，终止执行
|
|
if (!elemDataView[0]) return;
|
|
|
|
renderDataView(0);
|
|
});
|
|
|
|
//项目进展
|
|
layui.use('table', function () {
|
|
var $ = layui.$
|
|
, table = layui.table;
|
|
|
|
table.render({
|
|
elem: '#LAY-index-prograss'
|
|
, url: layui.setter.paths.base + 'json/console/prograss.js' //模拟接口
|
|
, cols: [[
|
|
{ type: 'checkbox', fixed: 'left' }
|
|
, { field: 'prograss', title: '任务' }
|
|
, { field: 'time', title: '所需时间' }
|
|
, {
|
|
field: 'complete', title: '完成情况'
|
|
, templet: function (d) {
|
|
if (d.complete == '已完成') {
|
|
return '<del style="color: #16b777;">' + d.complete + '</del>'
|
|
} else if (d.complete == '进行中') {
|
|
return '<span style="color: #FFB800;">' + d.complete + '</span>'
|
|
} else {
|
|
return '<span style="color: #FF5722;">' + d.complete + '</span>'
|
|
}
|
|
}
|
|
}
|
|
]]
|
|
, skin: 'line'
|
|
});
|
|
});
|
|
|
|
console.log('进入控制台',layui.ywxapp);
|
|
//回复留言
|
|
ywxapp.events.replyNote = function (othis) {
|
|
var nid = othis.data('id');
|
|
layer.prompt({
|
|
title: '回复留言 ID:' + nid
|
|
, formType: 2
|
|
}, function (value, index) {
|
|
//这里可以请求 Ajax
|
|
//…
|
|
layer.msg('得到：' + value);
|
|
layer.close(index);
|
|
});
|
|
};
|
|
|
|
exports('console', {})
|
|
}); |