后台目录结构大调整,让结构更清晰
1225
jeecg-module-demo/src/main/resources/static/bigscreen/template1/css/jquery-ui.css
vendored
Normal file
@ -0,0 +1,66 @@
|
||||
body,html{width:100%;height:100%;margin:0px;padding:0px;font-size:12px;color:#555;background-color:#000;font-family:'微软雅黑'}
|
||||
#main{width:4352px;height:1536px;display:inline-block; background:url(../images/screenbg_design1.jpg) left top no-repeat}
|
||||
|
||||
/*年月日文字*/
|
||||
#currentYear{width:213px;height:107px;position:absolute;left:430px;top:100px;color:#FFF;font-size:36px; font-family:'微软雅黑';text-align:center}
|
||||
#currentMonth{width:213px;height:107px;position:absolute;left:1504px;top:75px;color:#FFF;font-size:36px; font-family:'微软雅黑';text-align:center}
|
||||
#currentDay{width:213px;height:107px;position:absolute;left:2574px;top:100px;color:#FFF;font-size:36px; font-family:'微软雅黑';text-align:center}
|
||||
|
||||
/*年的进度条*/
|
||||
#y_gauge1{width:250px;height:250px;position:absolute;left:60px;top:200px;}
|
||||
#y_gauge2{width:250px;height:250px;position:absolute;left:290px;top:200px;}
|
||||
#y_gauge3{width:250px;height:250px;position:absolute;left:530px;top:200px;}
|
||||
#y_gauge4{width:250px;height:250px;position:absolute;left:770px;top:200px;}
|
||||
|
||||
/*月的进度条*/
|
||||
#m_gauge1{width:250px;height:250px;position:absolute;left:1140px;top:130px;}
|
||||
#m_gauge2{width:250px;height:250px;position:absolute;left:1370px;top:130px;}
|
||||
#m_gauge3{width:250px;height:250px;position:absolute;left:1610px;top:130px;}
|
||||
#m_gauge4{width:250px;height:250px;position:absolute;left:1850px;top:130px;}
|
||||
|
||||
/*日的进度条*/
|
||||
#d_gauge1{width:250px;height:250px;position:absolute;left:2210px;top:200px;}
|
||||
#d_gauge2{width:250px;height:250px;position:absolute;left:2440px;top:200px;}
|
||||
#d_gauge3{width:250px;height:250px;position:absolute;left:2680px;top:200px;}
|
||||
#d_gauge4{width:250px;height:250px;position:absolute;left:2920px;top:200px;}
|
||||
|
||||
/*监控的仪表盘*/
|
||||
#gauge1{width:250px;height:250px;position:absolute;left:2200px;top:1050px;}
|
||||
#gauge2{width:250px;height:250px;position:absolute;left:2550px;top:1050px;}
|
||||
#gauge3{width:250px;height:250px;position:absolute;left:2910px;top:1050px;}
|
||||
#gauge4{width:250px;height:250px;position:absolute;left:2380px;top:1190px;}
|
||||
#gauge5{width:250px;height:250px;position:absolute;left:2730px;top:1190px;}
|
||||
|
||||
/*仪表盘文字*/
|
||||
.gaugeTitle{width:250px;height:40px;position:absolute;left:0px;top:200px;color:#B7E1FF;font-size:24px;display:inline-block;text-align:center;font-family:Arial;}
|
||||
|
||||
/*地图*/
|
||||
#map{width:1100px;height:800px;position:absolute;left:0px;top:620px;display:inline-block;color:#E1E1E1;font-size:24px;}
|
||||
|
||||
#plan{width:900px;height:420px;position:absolute;left:1170px;top:520px;display:inline-block;color:#E1E1E1;font-size:24px;}
|
||||
#quality{width:900px;height:420px;position:absolute;left:1170px;top:1030px;display:inline-block;color:#E1E1E1;font-size:24px;}
|
||||
|
||||
#orderTable{width:1000px;height:430px;position:absolute;left:2160px;top:930px;display:inline-block}
|
||||
#orderTable table{width:100%;color:#666;font-size:24px}
|
||||
#orderTable table td{text-align:center;}
|
||||
#orderTable table .head{height:80px;font-size:24px;color:#FFF}
|
||||
#orderTable table .row2{color:#000}
|
||||
#orderTable table .row1{background-color:#CCC}
|
||||
|
||||
#orderMessage{width:800px;position:absolute;left:33px;top:1420px;display:inline-block;color:#E1E1E1;font-size:24px}
|
||||
|
||||
/*生产情况展示表*/
|
||||
#produce{width:1000px;height:380px;position:absolute;left:2190px;top:600px;display:inline-block;color:#B7E2FF;font-size:24px;}
|
||||
#produce table{width:100%;font-size:24px;}
|
||||
#produce table td{text-align:center;border:1px solid #069}
|
||||
#produce table .row1{}
|
||||
#produce table .row2{}
|
||||
|
||||
/*视频*/
|
||||
#video{width:960px;height:540px;position:absolute;left:3280px;top:140px;display:inline-block;}
|
||||
|
||||
/*监控视频*/
|
||||
#Monitor{width:960px;height:540px;position:absolute;left:3280px;top:940px;display:inline-block;color:#E1E1E1;font-size:24px;}
|
||||
|
||||
/*刷新时间*/
|
||||
#refresh{width:800px;position:absolute;left:3350px;top:40px;display:inline-block;color:#FFF;font-size:24px;}
|
||||
@ -0,0 +1,62 @@
|
||||
body,html{width:100%;height:100%;margin:0px;padding:0px;font-size:12px;color:#555;background-color:#000;font-family:'微软雅黑'}
|
||||
#main{width:4352px;height:1536px;display:inline-block; background:url(../images/war_room_main.jpg) left top no-repeat}
|
||||
|
||||
/*下钻按钮*/
|
||||
.contentButton{width:218px;height:100px;position:absolute;}
|
||||
.contentButton a{width:218px;height:100px;display:inline-block; background:url(../images/content_comm.png) no-repeat top left}
|
||||
.contentButton a:hover{width:218px;height:100px;display:inline-block; background:url(../images/content_down.png) no-repeat top left}
|
||||
.contentButton .a1{width:218px;height:100px;display:inline-block; background:url(../images/content_comm1.png) no-repeat top left}
|
||||
.contentButton .a1:hover{width:218px;height:100px;display:inline-block; background:url(../images/content_down1.png) no-repeat top left}
|
||||
|
||||
/*弹出窗口*/
|
||||
#popWindow{width:2200px;height:1000px;display:inline-block;position:absolute;top:240px;left:1070px;background-color:#06274A;border:1px solid #09f}
|
||||
|
||||
/*年的进度条*/
|
||||
#y_gauge1{width:250px;height:250px;position:absolute;left:60px;top:200px;}
|
||||
#y_gauge2{width:250px;height:250px;position:absolute;left:290px;top:200px;}
|
||||
#y_gauge3{width:250px;height:250px;position:absolute;left:530px;top:200px;}
|
||||
#y_gauge4{width:250px;height:250px;position:absolute;left:770px;top:200px;}
|
||||
|
||||
/*螺旋DNA*/
|
||||
#orderStatus{width:1000px;height:320px;position:absolute;left:80px;top:460px;}
|
||||
|
||||
/*监控的仪表盘*/
|
||||
#gauge1{width:250px;height:250px;position:absolute;left:2200px;top:280px;}
|
||||
#gauge2{width:250px;height:250px;position:absolute;left:2550px;top:280px;}
|
||||
#gauge3{width:250px;height:250px;position:absolute;left:2910px;top:280px;}
|
||||
#gauge4{width:250px;height:250px;position:absolute;left:2380px;top:550px;}
|
||||
#gauge5{width:250px;height:250px;position:absolute;left:2730px;top:550px;}
|
||||
|
||||
/*仪表盘文字*/
|
||||
.gaugeTitle{width:250px;height:40px;position:absolute;left:0px;top:200px;color:#B7E1FF;font-size:24px;display:inline-block;text-align:center;font-family:Arial;}
|
||||
|
||||
/*地图*/
|
||||
#map{width:1100px;height:800px;position:absolute;left:1080px;top:170px;display:inline-block;color:#E1E1E1;font-size:24px;}
|
||||
|
||||
#productPie{width:1000px;height:680px;position:absolute;left:2210px;top:260px;display:inline-block;color:#E1E1E1;font-size:24px;}
|
||||
|
||||
/*业务进展图*/
|
||||
#businessProgress{width:1000px;height:640px;position:absolute;left:3330px;top:180px;display:inline-block;color:#E1E1E1;font-size:24px;}
|
||||
|
||||
/*计划完成情况*/
|
||||
#plan{width:1000px;height:400px;position:absolute;left:80px;top:1020px;display:inline-block;color:#E1E1E1;font-size:24px;}
|
||||
/*质量指标分析*/
|
||||
#quality{width:1000px;height:400px;position:absolute;left:1170px;top:1020px;display:inline-block;color:#E1E1E1;font-size:24px;}
|
||||
/*舆情文字云*/
|
||||
#wordCloud{width:900px;height:420px;position:absolute;left:3330px;top:1000px;display:inline-block;color:#E1E1E1;font-size:24px;}
|
||||
|
||||
/*投诉情况展示表*/
|
||||
#produce{width:900px;height:380px;position:absolute;left:2250px;top:1050px;display:inline-block;color:#B7E2FF;font-size:24px;}
|
||||
#produce table{width:100%;font-size:24px;}
|
||||
#produce table td{text-align:center;border:1px solid #069}
|
||||
#produce table .row1{}
|
||||
#produce table .row2{}
|
||||
|
||||
/*视频*/
|
||||
#video{width:960px;height:540px;position:absolute;left:3280px;top:140px;display:inline-block;}
|
||||
|
||||
/*监控视频*/
|
||||
#Monitor{width:960px;height:540px;position:absolute;left:3280px;top:940px;display:inline-block;color:#E1E1E1;font-size:24px;}
|
||||
|
||||
/*刷新时间*/
|
||||
#refresh{width:800px;position:absolute;left:3350px;top:40px;display:inline-block;color:#FFF;font-size:24px;}
|
||||
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 27 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 28 KiB |
|
After Width: | Height: | Size: 622 KiB |
|
After Width: | Height: | Size: 1.4 MiB |
|
After Width: | Height: | Size: 244 KiB |
|
After Width: | Height: | Size: 247 KiB |
@ -0,0 +1,836 @@
|
||||
//计划完成表的当前所选
|
||||
var indexnum = 0;
|
||||
var color=['#F35331','#2499F8','#3DF098','#33B734'];
|
||||
var fontColor='#FFF';
|
||||
|
||||
//定义进度条组件和属性
|
||||
var y_gauge1 =null;
|
||||
var y_gauge2 =null;
|
||||
var y_gauge3 =null;
|
||||
var y_gauge4 =null;
|
||||
var m_gauge1 =null;
|
||||
var m_gauge2 =null;
|
||||
var m_gauge3 =null;
|
||||
var m_gauge4 =null;
|
||||
var d_gauge1 =null;
|
||||
var d_gauge2 =null;
|
||||
var d_gauge3 =null;
|
||||
var d_gauge4 =null;
|
||||
var option_Progress =null;
|
||||
|
||||
//定义仪表盘组件和属性
|
||||
var gauge1 =null;
|
||||
var gauge2 =null;
|
||||
var gauge3 =null;
|
||||
var gauge4 =null;
|
||||
var gauge5 =null;
|
||||
var option_gauge =null;
|
||||
|
||||
//生产质量堆积图组件和属性
|
||||
var quality_chart = null;
|
||||
var quality_option=null;
|
||||
|
||||
//生产计划折线图组件和属性
|
||||
var plan_chart = null;
|
||||
var plan_option=null;
|
||||
|
||||
//环形图的风格定义
|
||||
var dataStyle = {
|
||||
normal: {
|
||||
label: {show:false},
|
||||
labelLine: {show:false}
|
||||
}
|
||||
};
|
||||
var placeHolderStyle = {
|
||||
normal : {
|
||||
color: 'rgba(0,0,0,0.1)',
|
||||
label: {show:false},
|
||||
labelLine: {show:false}
|
||||
},
|
||||
emphasis : {
|
||||
color: 'rgba(0,0,0,0)'
|
||||
}
|
||||
};
|
||||
|
||||
//最大订单号
|
||||
var lastOrderNumber=1;
|
||||
|
||||
$(document).ready(function ()
|
||||
{
|
||||
//环形进度条设置对象
|
||||
option_Progress={
|
||||
title : {
|
||||
text: '目前进度',
|
||||
subtext: '50%',
|
||||
x: 'center',
|
||||
y: 90,
|
||||
itemGap: 10,
|
||||
textStyle : {
|
||||
color : '#B7E1FF',
|
||||
fontWeight: 'normal',
|
||||
fontFamily : '微软雅黑',
|
||||
fontSize : 24
|
||||
},
|
||||
subtextStyle:{
|
||||
color: '#B7E1FF',
|
||||
fontWeight: 'bolder',
|
||||
fontSize:24,
|
||||
fontFamily : '微软雅黑'
|
||||
}
|
||||
},
|
||||
series : [{
|
||||
type : 'pie',
|
||||
center : ['50%', '50%'],
|
||||
radius : [75,90],
|
||||
x: '0%',
|
||||
tooltip:{show:false},
|
||||
data : [{
|
||||
name:'达成率',
|
||||
value:79,
|
||||
itemStyle:{color :'rgba(0,153,255,0.8)'},
|
||||
hoverAnimation: false,
|
||||
label : {
|
||||
show : false,
|
||||
position : 'center',
|
||||
textStyle: {
|
||||
fontFamily:'微软雅黑',
|
||||
fontWeight: 'bolder',
|
||||
color:'#B7E1FF',
|
||||
fontSize:24
|
||||
}
|
||||
},
|
||||
labelLine : {
|
||||
show : false
|
||||
}
|
||||
},
|
||||
{
|
||||
name:'79%',
|
||||
value:21,
|
||||
itemStyle:{color: 'rgba(0,153,255,0.1)'},
|
||||
hoverAnimation: false,
|
||||
label : {
|
||||
show : false,
|
||||
position : 'center',
|
||||
padding:20,
|
||||
textStyle: {
|
||||
fontFamily:'微软雅黑',
|
||||
fontSize: 24,
|
||||
color:'#B7E1FF'
|
||||
}
|
||||
},
|
||||
labelLine : {
|
||||
show : false
|
||||
}
|
||||
}]
|
||||
},
|
||||
{
|
||||
type : 'pie',
|
||||
center : ['50%', '50%'],
|
||||
radius : [95,100],
|
||||
x: '0%',
|
||||
hoverAnimation: false,
|
||||
data : [{
|
||||
value:100,
|
||||
itemStyle:{color :'rgba(0,153,255,0.3)'},
|
||||
label : {show : false},
|
||||
labelLine : {show : false}
|
||||
}]
|
||||
},
|
||||
{
|
||||
type : 'pie',
|
||||
center : ['50%', '50%'],
|
||||
radius : [69,70],
|
||||
x: '0%',
|
||||
hoverAnimation: false,
|
||||
data : [{
|
||||
value:100,
|
||||
itemStyle:{color :'rgba(0,153,255,0.3)'},
|
||||
label : {show : false},
|
||||
labelLine : {show : false}
|
||||
}]
|
||||
}]
|
||||
};
|
||||
|
||||
//年仪表盘
|
||||
y_gauge1 = echarts.init(document.getElementById('y_gauge1'));
|
||||
y_gauge2 = echarts.init(document.getElementById('y_gauge2'));
|
||||
y_gauge3 = echarts.init(document.getElementById('y_gauge3'));
|
||||
y_gauge4 = echarts.init(document.getElementById('y_gauge4'));
|
||||
|
||||
//月仪表盘
|
||||
m_gauge1 = echarts.init(document.getElementById('m_gauge1'));
|
||||
m_gauge2 = echarts.init(document.getElementById('m_gauge2'));
|
||||
m_gauge3 = echarts.init(document.getElementById('m_gauge3'));
|
||||
m_gauge4 = echarts.init(document.getElementById('m_gauge4'));
|
||||
|
||||
//日仪表盘
|
||||
d_gauge1 = echarts.init(document.getElementById('d_gauge1'));
|
||||
d_gauge2 = echarts.init(document.getElementById('d_gauge2'));
|
||||
d_gauge3 = echarts.init(document.getElementById('d_gauge3'));
|
||||
d_gauge4 = echarts.init(document.getElementById('d_gauge4'));
|
||||
|
||||
//监控仪表盘
|
||||
option_gauge = {
|
||||
title: {
|
||||
text: '', //标题文本内容
|
||||
},
|
||||
toolbox: { //可视化的工具箱
|
||||
show: false,
|
||||
},
|
||||
tooltip: { //弹窗组件
|
||||
formatter: "{a} <br/>{b} : {c}%"
|
||||
},
|
||||
series: [{
|
||||
type: 'gauge',
|
||||
axisLine: {// 坐标轴线
|
||||
lineStyle: { // 属性lineStyle控制线条样式
|
||||
color: [
|
||||
[0.2, color[0]],
|
||||
[0.8, color[1]],
|
||||
[1, color[2]]
|
||||
],
|
||||
width: 18
|
||||
}
|
||||
},
|
||||
splitLine: { // 分隔线
|
||||
show:true,
|
||||
length: 18,
|
||||
lineStyle: {
|
||||
color: '#28292D',
|
||||
width: 1
|
||||
}
|
||||
},
|
||||
axisTick : { //刻度线样式(及短线样式)
|
||||
show:false,
|
||||
lineStyle: {
|
||||
color: 'auto',
|
||||
width: 1
|
||||
},
|
||||
length : 20
|
||||
},
|
||||
axisLabel : {
|
||||
color:'#FFF',
|
||||
fontSize:14,
|
||||
fontFamily:'Verdana, Geneva, sans-serif'
|
||||
},
|
||||
title: {
|
||||
textStyle: { // 其余属性默认使用全局文本样式,详见TEXTSTYLE
|
||||
fontWeight: 'bolder',
|
||||
fontSize: 20,
|
||||
color: '#FFF'
|
||||
},
|
||||
offsetCenter: [0, '30%']
|
||||
},
|
||||
pointer: {
|
||||
width: 5,
|
||||
color: '#F00',
|
||||
shadowColor: '#FF0',
|
||||
shadowBlur: 10
|
||||
},
|
||||
detail: {
|
||||
show:false,
|
||||
formatter:'{value}%',
|
||||
textStyle:
|
||||
{
|
||||
fontFamily:'Arial',
|
||||
color: '#000',
|
||||
fontSize:'32px'
|
||||
},
|
||||
offsetCenter: [0, '90%']
|
||||
},
|
||||
data: [{value: 45, name: '水'}]
|
||||
}]
|
||||
};
|
||||
|
||||
gauge1 = echarts.init(document.getElementById('gauge1'));
|
||||
gauge2 = echarts.init(document.getElementById('gauge2'));
|
||||
gauge3 = echarts.init(document.getElementById('gauge3'));
|
||||
gauge4 = echarts.init(document.getElementById('gauge4'));
|
||||
gauge5 = echarts.init(document.getElementById('gauge5'));
|
||||
option_gauge.series[0].axisLine.lineStyle.color=[[0.2, color[0]],[0.8, color[1]],[1, color[2]]];
|
||||
option_gauge.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
|
||||
option_gauge.series[0].data[0].name ="水";
|
||||
$('#vg1').html(option_gauge.series[0].data[0].value);
|
||||
gauge1.setOption(option_gauge);
|
||||
option_gauge.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
|
||||
option_gauge.series[0].data[0].name ="电";
|
||||
$('#vg2').html(option_gauge.series[0].data[0].value);
|
||||
gauge2.setOption(option_gauge);
|
||||
option_gauge.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
|
||||
option_gauge.series[0].data[0].name ="天然气";
|
||||
$('#vg3').html(option_gauge.series[0].data[0].value);
|
||||
gauge3.setOption(option_gauge);
|
||||
option_gauge.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
|
||||
option_gauge.series[0].data[0].name ="压缩空气";
|
||||
$('#vg4').html(option_gauge.series[0].data[0].value);
|
||||
gauge4.setOption(option_gauge);
|
||||
option_gauge.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
|
||||
option_gauge.series[0].data[0].name ="蒸汽";
|
||||
$('#vg5').html(option_gauge.series[0].data[0].value);
|
||||
gauge5.setOption(option_gauge);
|
||||
|
||||
//生产质量堆积图
|
||||
quality_chart = echarts.init(document.getElementById('quality'));
|
||||
quality_option={
|
||||
title: {
|
||||
show:false,
|
||||
text: 'AUDIT',
|
||||
left: 'center',
|
||||
textStyle: {
|
||||
color: '#F00',
|
||||
fontSize:32
|
||||
}
|
||||
},
|
||||
xAxis: {
|
||||
data: ['1月10日','2月10日','3月10日','4月10日','5月10日','6月10日'],
|
||||
axisLabel: {
|
||||
textStyle: {
|
||||
color: '#B7E1FF',
|
||||
fontSize:24
|
||||
}
|
||||
},
|
||||
axisLine:{
|
||||
lineStyle:{
|
||||
color:'#09F'
|
||||
}
|
||||
},
|
||||
axisTick:{
|
||||
lineStyle:{
|
||||
color:'#09F'
|
||||
}
|
||||
}
|
||||
},
|
||||
yAxis: {
|
||||
inverse: false,
|
||||
splitArea: {show: false},
|
||||
axisLine: {show: false},
|
||||
axisTick: {show: false},
|
||||
axisLabel: {
|
||||
textStyle: {
|
||||
color: '#B7E1FF',
|
||||
fontSize:24,
|
||||
fontFamily:'Arial',
|
||||
}
|
||||
},
|
||||
splitLine :{
|
||||
lineStyle:{
|
||||
color:'#09F'
|
||||
}
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
left: 100
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'item',
|
||||
textStyle: {
|
||||
color: '#B7E1FF',
|
||||
fontSize:24
|
||||
}
|
||||
},
|
||||
legend:{
|
||||
show:false,
|
||||
top: 'bottom',
|
||||
textStyle: {
|
||||
color: '#F00',
|
||||
fontSize:24,
|
||||
fontFamily:'微软雅黑'
|
||||
},
|
||||
data:['AUDIT分数1','AUDIT分数']
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: 'AUDIT分数1',
|
||||
type: 'bar',
|
||||
stack: 'one',
|
||||
itemStyle:
|
||||
{
|
||||
normal: {color: color[1]}
|
||||
},
|
||||
barWidth : 60,
|
||||
data:[2200,2900,3680,2200,2900,3680]
|
||||
},
|
||||
{
|
||||
name: 'AUDIT分数',
|
||||
type: 'bar',
|
||||
stack: 'one',
|
||||
itemStyle: {
|
||||
normal: {
|
||||
color: '#F90',
|
||||
label: {
|
||||
show: true,
|
||||
position: 'insideTop',
|
||||
textStyle: {
|
||||
color: '#000',
|
||||
fontSize:24
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
barWidth : 50,
|
||||
data: [1800,1100,320,1800,1100,320]
|
||||
}
|
||||
]
|
||||
};
|
||||
quality_chart.setOption(quality_option);
|
||||
|
||||
//生产计划折线图
|
||||
var plan_data1=[];
|
||||
var plan_data2=[];
|
||||
var plan_xAxis=[];
|
||||
for (var i = 1; i <= 7; i++) {
|
||||
plan_xAxis.push("3月"+i+"日");
|
||||
plan_data1.push(Math.round(Math.random() * 100));
|
||||
plan_data2.push(Math.round(Math.random() * 100));
|
||||
}
|
||||
plan_chart = echarts.init(document.getElementById('plan'));
|
||||
plan_option={
|
||||
xAxis: {
|
||||
data:plan_xAxis,
|
||||
axisLabel: {
|
||||
textStyle: {
|
||||
color: '#B7E1FF',
|
||||
fontSize:24
|
||||
}
|
||||
},
|
||||
axisLine:{
|
||||
lineStyle:{
|
||||
color:'#09F'
|
||||
}
|
||||
},
|
||||
axisTick:{
|
||||
lineStyle:{
|
||||
color:'#09F'
|
||||
}
|
||||
}
|
||||
},
|
||||
yAxis: {
|
||||
inverse: false,
|
||||
splitArea: {show: false},
|
||||
axisLine: {show: false},
|
||||
axisTick: {show: false},
|
||||
axisLabel: {
|
||||
textStyle: {
|
||||
color: '#B7E1FF',
|
||||
fontSize:24,
|
||||
fontFamily:'Arial',
|
||||
}
|
||||
},
|
||||
splitLine :{
|
||||
lineStyle:{
|
||||
color:'#09F'
|
||||
}
|
||||
}
|
||||
},
|
||||
tooltip: {
|
||||
trigger: 'axis',
|
||||
textStyle: {
|
||||
color: '#FFF',
|
||||
fontSize:24
|
||||
}
|
||||
},
|
||||
grid: {
|
||||
left: 100
|
||||
},
|
||||
legend:{
|
||||
show:false,
|
||||
top: 'bottom',
|
||||
textStyle: {
|
||||
color: '#F00',
|
||||
fontSize:24
|
||||
},
|
||||
data:['计划完成数','实际完成数']
|
||||
},
|
||||
series: [
|
||||
{
|
||||
name: '计划完成数',
|
||||
type: 'bar',
|
||||
itemStyle:
|
||||
{
|
||||
normal: {color: color[1]},
|
||||
emphasis: {color: color[2]}
|
||||
},
|
||||
barWidth : 40,
|
||||
data:plan_data1
|
||||
},
|
||||
{
|
||||
name: '实际完成数',
|
||||
type: 'line',
|
||||
itemStyle: {
|
||||
normal: {
|
||||
color: '#F90',
|
||||
label: {
|
||||
show: true,
|
||||
position: 'top',
|
||||
textStyle: {
|
||||
color: '#CCC',
|
||||
fontSize:24
|
||||
}
|
||||
},
|
||||
lineStyle:{
|
||||
color:'#F90',
|
||||
width:4
|
||||
}
|
||||
},
|
||||
emphasis: {
|
||||
color: '#FF0'
|
||||
}
|
||||
},
|
||||
symbolSize: 24,
|
||||
data: plan_data2
|
||||
}
|
||||
]
|
||||
};
|
||||
plan_chart.setOption(plan_option);
|
||||
|
||||
//轮番显示tips
|
||||
function clock(){
|
||||
showToolTip_highlight(plan_chart);
|
||||
}
|
||||
setInterval(clock, 5000);
|
||||
|
||||
//地图开始
|
||||
var map_chart = echarts.init(document.getElementById('map'));
|
||||
|
||||
var CCData = [
|
||||
[{name:'长春'}, {name:'上海',value:95}],
|
||||
[{name:'长春'}, {name:'广州',value:90}],
|
||||
[{name:'长春'}, {name:'大连',value:80}],
|
||||
[{name:'长春'}, {name:'南宁',value:70}],
|
||||
[{name:'长春'}, {name:'南昌',value:60}],
|
||||
[{name:'长春'}, {name:'拉萨',value:50}],
|
||||
[{name:'长春'}, {name:'长春',value:40}],
|
||||
[{name:'长春'}, {name:'包头',value:30}],
|
||||
[{name:'长春'}, {name:'重庆',value:20}],
|
||||
[{name:'长春'}, {name:'北京',value:10}]
|
||||
];
|
||||
|
||||
var series = [];
|
||||
[['长春', CCData]].forEach(function (item, i) {
|
||||
series.push({
|
||||
name: '一汽汽车销售',
|
||||
type: 'lines',
|
||||
zlevel: 1,
|
||||
effect: {
|
||||
show: true,
|
||||
period: 6,
|
||||
trailLength: 0.7,
|
||||
color: '#FF0',
|
||||
symbolSize: 3
|
||||
},
|
||||
lineStyle: {
|
||||
normal: {
|
||||
color: '#000',
|
||||
width: 0,
|
||||
curveness: 0.2
|
||||
}
|
||||
},
|
||||
data: convertData(item[1])
|
||||
},
|
||||
{
|
||||
name: '一汽汽车销售',
|
||||
type: 'lines',
|
||||
zlevel: 2,
|
||||
symbol: ['none', 'arrow'],
|
||||
symbolSize: 10,
|
||||
lineStyle: {
|
||||
normal: {
|
||||
color: '#FF0',
|
||||
width: 1,
|
||||
opacity: 0.6,
|
||||
curveness: 0.2
|
||||
}
|
||||
},
|
||||
data: convertData(item[1])
|
||||
},
|
||||
{
|
||||
name: '一汽汽车销售',
|
||||
type: 'effectScatter',
|
||||
coordinateSystem: 'geo',
|
||||
zlevel: 2,
|
||||
rippleEffect: {
|
||||
brushType: 'stroke'
|
||||
},
|
||||
label: {
|
||||
normal: {
|
||||
show: true,
|
||||
position: 'right',
|
||||
formatter: '{b}'
|
||||
}
|
||||
},
|
||||
symbolSize: function (val) {
|
||||
return 15;
|
||||
},
|
||||
itemStyle: {
|
||||
normal: {
|
||||
color: '#FFF',
|
||||
label: {
|
||||
show: true,
|
||||
position: 'top',
|
||||
textStyle: {
|
||||
color: '#FFF',
|
||||
fontSize:24
|
||||
}
|
||||
}
|
||||
}
|
||||
},
|
||||
data: item[1].map(function (dataItem) {
|
||||
return {
|
||||
name: dataItem[1].name,
|
||||
value: geoCoordMap[dataItem[1].name].concat([dataItem[1].value])
|
||||
};
|
||||
})
|
||||
});
|
||||
});
|
||||
|
||||
map_option = {
|
||||
backgroundColor: '',
|
||||
title : {
|
||||
show:false,
|
||||
text: '一汽汽车销售地域分布示意图',
|
||||
subtext: '截至2018年05月04日',
|
||||
left: 'center',
|
||||
top:10,
|
||||
textStyle : {
|
||||
color: '#09F',
|
||||
fontSize:32
|
||||
},
|
||||
subtextStyle:{
|
||||
color: '#09F',
|
||||
fontSize:24
|
||||
}
|
||||
},
|
||||
tooltip : {
|
||||
trigger: 'item'
|
||||
},
|
||||
legend: {
|
||||
show:false,
|
||||
orient: 'vertical',
|
||||
top: 'bottom',
|
||||
left: 'right',
|
||||
data:['一汽汽车销售'],
|
||||
textStyle: {
|
||||
color: '#000'
|
||||
},
|
||||
selectedMode: 'single'
|
||||
},
|
||||
geo: {
|
||||
map: 'china',
|
||||
label: {
|
||||
emphasis: {
|
||||
show: false
|
||||
}
|
||||
},
|
||||
roam: true,
|
||||
itemStyle: {
|
||||
normal: {
|
||||
areaColor: '#09F',
|
||||
borderColor: '#09F',
|
||||
opacity:0.5
|
||||
},
|
||||
emphasis: {
|
||||
areaColor: '#09F',
|
||||
borderColor: '#09F',
|
||||
opacity:0.8
|
||||
}
|
||||
}
|
||||
},
|
||||
series: series
|
||||
};
|
||||
|
||||
map_chart.setOption(map_option, true);
|
||||
|
||||
resresh();
|
||||
|
||||
//开始定时刷新
|
||||
setInterval(resresh, 5*1000);
|
||||
});
|
||||
|
||||
var convertData = function (data) {
|
||||
var res = [];
|
||||
for (var i = 0; i < data.length; i++) {
|
||||
var dataItem = data[i];
|
||||
var fromCoord = geoCoordMap[dataItem[0].name];
|
||||
var toCoord = geoCoordMap[dataItem[1].name];
|
||||
if (fromCoord && toCoord) {
|
||||
res.push({
|
||||
fromName: dataItem[0].name,
|
||||
toName: dataItem[1].name,
|
||||
coords: [fromCoord, toCoord]
|
||||
});
|
||||
}
|
||||
}
|
||||
return res;
|
||||
};
|
||||
|
||||
function showToolTip_highlight(mychart)
|
||||
{
|
||||
var echartObj = mychart;
|
||||
|
||||
// 高亮当前图形
|
||||
var highlight =setInterval(function()
|
||||
{
|
||||
echartObj.dispatchAction({
|
||||
type: 'highlight',
|
||||
seriesIndex: 0,
|
||||
dataIndex: indexnum
|
||||
});
|
||||
|
||||
echartObj.dispatchAction({
|
||||
type: 'showTip',
|
||||
seriesIndex: 0,
|
||||
dataIndex: indexnum
|
||||
});
|
||||
clearInterval(highlight);
|
||||
indexnum = indexnum + 1;
|
||||
if(indexnum>=7) indexnum=0;
|
||||
},1000);
|
||||
}
|
||||
|
||||
//定时刷新数据
|
||||
function resresh()
|
||||
{
|
||||
var myDate = new Date();
|
||||
|
||||
// $('#refresh').html("<img src=\"images/wait.gif\" align=\"absmiddle\"><span>数据刷新中...</span>");
|
||||
|
||||
//年月日刷新
|
||||
$('#currentYear').html(myDate.getFullYear()+"年");
|
||||
$('#currentMonth').html(insertZero(myDate.getMonth()+1)+"月");
|
||||
$('#currentDay').html(insertZero(myDate.getDate())+"日");
|
||||
$('#currentDate').html(myDate.getFullYear()+"/"+insertZero(myDate.getMonth()+1)+"/"+insertZero(myDate.getDate()));
|
||||
|
||||
option_gauge.series[0].axisLabel.show=true;
|
||||
option_gauge.series[0].axisLine.lineStyle.color=[[0.2, color[0]],[0.8, color[1]],[1, color[2]]]
|
||||
|
||||
var maxg=Math.round(Math.random()*500)+400;
|
||||
var n1=Math.round(Math.random()*(maxg-100))+100;
|
||||
var n2=Math.round(Math.random()*(n1-50))+50;
|
||||
var n3=(n2/maxg*100).toFixed(2);
|
||||
|
||||
//年进度条
|
||||
option_Progress.title.text ="计划生产";
|
||||
option_Progress.series[0].data[0].value = maxg;
|
||||
option_Progress.title.subtext =maxg+"台";
|
||||
option_Progress.series[0].data[1].value =0;
|
||||
y_gauge1.setOption(option_Progress);
|
||||
|
||||
option_Progress.title.text ="已接订单";
|
||||
option_Progress.series[0].data[0].value = n1;
|
||||
option_Progress.title.subtext =n1+"台";
|
||||
option_Progress.series[0].data[1].value =(maxg-n1);
|
||||
y_gauge2.setOption(option_Progress);
|
||||
|
||||
option_Progress.title.text ="已经完成";
|
||||
option_Progress.series[0].data[0].value = n2;
|
||||
option_Progress.title.subtext =n2+"台";
|
||||
option_Progress.series[0].data[1].value =(maxg-n2);
|
||||
y_gauge3.setOption(option_Progress);
|
||||
|
||||
option_Progress.title.text ="计划完成率";
|
||||
option_Progress.series[0].data[0].value = n3;
|
||||
option_Progress.title.subtext =n3+"%";
|
||||
option_Progress.series[0].data[1].value =(100-n3);
|
||||
y_gauge4.setOption(option_Progress);
|
||||
|
||||
//月进度条
|
||||
maxg=Math.round(Math.random()*maxg)+1;
|
||||
n1=Math.round(Math.random()*maxg)+1;
|
||||
n2=Math.round(Math.random()*n1);
|
||||
n3=(n2/maxg*100).toFixed(2);
|
||||
|
||||
option_Progress.title.text ="计划生产";
|
||||
option_Progress.series[0].data[0].value = maxg;
|
||||
option_Progress.title.subtext =maxg+"台";
|
||||
option_Progress.series[0].data[1].value =0;
|
||||
m_gauge1.setOption(option_Progress);
|
||||
|
||||
option_Progress.title.text ="已接订单";
|
||||
option_Progress.series[0].data[0].value = n1;
|
||||
option_Progress.title.subtext =n1+"台";
|
||||
option_Progress.series[0].data[1].value =(maxg-n1);
|
||||
m_gauge2.setOption(option_Progress);
|
||||
|
||||
option_Progress.title.text ="已经完成";
|
||||
option_Progress.series[0].data[0].value = n2;
|
||||
option_Progress.title.subtext =n2+"台";
|
||||
option_Progress.series[0].data[1].value =(maxg-n2);
|
||||
m_gauge3.setOption(option_Progress);
|
||||
|
||||
option_Progress.title.text ="计划完成率";
|
||||
option_Progress.series[0].data[0].value = n3;
|
||||
option_Progress.title.subtext =n3+"%";
|
||||
option_Progress.series[0].data[1].value =(100-n3);
|
||||
m_gauge4.setOption(option_Progress);
|
||||
|
||||
//日进度条
|
||||
maxg=Math.round(Math.random()*maxg)+1;
|
||||
n1=Math.round(Math.random()*maxg)+1;
|
||||
n2=Math.round(Math.random()*n1);
|
||||
n3=(n2/maxg*100).toFixed(2);
|
||||
|
||||
option_Progress.title.text ="计划生产";
|
||||
option_Progress.series[0].data[0].value = maxg;
|
||||
option_Progress.title.subtext =maxg+"台";
|
||||
option_Progress.series[0].data[1].value =0;
|
||||
d_gauge1.setOption(option_Progress);
|
||||
|
||||
option_Progress.title.text ="已接订单";
|
||||
option_Progress.series[0].data[0].value = n1;
|
||||
option_Progress.title.subtext =n1+"台";
|
||||
option_Progress.series[0].data[1].value =(maxg-n1);
|
||||
d_gauge2.setOption(option_Progress);
|
||||
|
||||
option_Progress.title.text ="已经完成";
|
||||
option_Progress.series[0].data[0].value = n2;
|
||||
option_Progress.title.subtext =n2+"台";
|
||||
option_Progress.series[0].data[1].value =(maxg-n2);
|
||||
d_gauge3.setOption(option_Progress);
|
||||
|
||||
option_Progress.title.text ="计划完成率";
|
||||
option_Progress.series[0].data[0].value = n3;
|
||||
option_Progress.title.subtext =n3+"%";
|
||||
option_Progress.series[0].data[1].value =(100-n3);
|
||||
d_gauge4.setOption(option_Progress);
|
||||
|
||||
//仪表盘刷新
|
||||
option_gauge.series[0].axisLine.lineStyle.color=[[0.2, color[0]],[0.8, color[1]],[1, color[0]]];
|
||||
|
||||
option_gauge.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
|
||||
option_gauge.series[0].data[0].name ="水";
|
||||
$('#vg1').html(option_gauge.series[0].data[0].value);
|
||||
gauge1.setOption(option_gauge);
|
||||
option_gauge.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
|
||||
option_gauge.series[0].data[0].name ="电";
|
||||
$('#vg2').html(option_gauge.series[0].data[0].value);
|
||||
gauge2.setOption(option_gauge);
|
||||
option_gauge.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
|
||||
option_gauge.series[0].data[0].name ="天然气";
|
||||
$('#vg3').html(option_gauge.series[0].data[0].value);
|
||||
gauge3.setOption(option_gauge);
|
||||
option_gauge.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
|
||||
option_gauge.series[0].data[0].name ="压缩空气";
|
||||
$('#vg4').html(option_gauge.series[0].data[0].value);
|
||||
gauge4.setOption(option_gauge);
|
||||
option_gauge.series[0].data[0].value = (Math.random() * 100).toFixed(2) - 0;
|
||||
option_gauge.series[0].data[0].name ="蒸汽";
|
||||
$('#vg5').html(option_gauge.series[0].data[0].value);
|
||||
gauge5.setOption(option_gauge);
|
||||
|
||||
//显示最后更新时间
|
||||
$('#refresh').html("<span id=\"refreshTime\">最后刷新时间:"+myDate.toLocaleDateString()+" "+myDate.toLocaleTimeString()+"</span>");
|
||||
}
|
||||
|
||||
//生成订单号
|
||||
function getOrderNumber(n)
|
||||
{
|
||||
var no="000000"+n.toString();
|
||||
return no.substring(no.length-6);
|
||||
}
|
||||
|
||||
//前面补0
|
||||
function insertZero(n)
|
||||
{
|
||||
var no="000000"+n.toString();
|
||||
return no.substring(no.length-2);
|
||||
}
|
||||
22
jeecg-module-demo/src/main/resources/static/bigscreen/template1/js/echarts.min.js
vendored
Normal file
@ -0,0 +1,116 @@
|
||||
var geoCoordMap = {
|
||||
'上海': [121.4648,31.2891],
|
||||
'东莞': [113.8953,22.901],
|
||||
'东营': [118.7073,37.5513],
|
||||
'中山': [113.4229,22.478],
|
||||
'临汾': [111.4783,36.1615],
|
||||
'临沂': [118.3118,35.2936],
|
||||
'丹东': [124.541,40.4242],
|
||||
'丽水': [119.5642,28.1854],
|
||||
'乌鲁木齐': [87.9236,43.5883],
|
||||
'佛山': [112.8955,23.1097],
|
||||
'保定': [115.0488,39.0948],
|
||||
'兰州': [103.5901,36.3043],
|
||||
'包头': [110.3467,41.4899],
|
||||
'北京': [116.4551,40.2539],
|
||||
'北海': [109.314,21.6211],
|
||||
'南京': [118.8062,31.9208],
|
||||
'南宁': [108.479,23.1152],
|
||||
'南昌': [116.0046,28.6633],
|
||||
'南通': [121.1023,32.1625],
|
||||
'厦门': [118.1689,24.6478],
|
||||
'台州': [121.1353,28.6688],
|
||||
'合肥': [117.29,32.0581],
|
||||
'呼和浩特': [111.4124,40.4901],
|
||||
'咸阳': [108.4131,34.8706],
|
||||
'哈尔滨': [127.9688,45.368],
|
||||
'唐山': [118.4766,39.6826],
|
||||
'嘉兴': [120.9155,30.6354],
|
||||
'大同': [113.7854,39.8035],
|
||||
'大连': [122.2229,39.4409],
|
||||
'天津': [117.4219,39.4189],
|
||||
'太原': [112.3352,37.9413],
|
||||
'威海': [121.9482,37.1393],
|
||||
'宁波': [121.5967,29.6466],
|
||||
'宝鸡': [107.1826,34.3433],
|
||||
'宿迁': [118.5535,33.7775],
|
||||
'常州': [119.4543,31.5582],
|
||||
'广州': [113.5107,23.2196],
|
||||
'廊坊': [116.521,39.0509],
|
||||
'延安': [109.1052,36.4252],
|
||||
'张家口': [115.1477,40.8527],
|
||||
'徐州': [117.5208,34.3268],
|
||||
'德州': [116.6858,37.2107],
|
||||
'惠州': [114.6204,23.1647],
|
||||
'成都': [103.9526,30.7617],
|
||||
'扬州': [119.4653,32.8162],
|
||||
'承德': [117.5757,41.4075],
|
||||
'拉萨': [91.1865,30.1465],
|
||||
'无锡': [120.3442,31.5527],
|
||||
'日照': [119.2786,35.5023],
|
||||
'昆明': [102.9199,25.4663],
|
||||
'杭州': [119.5313,29.8773],
|
||||
'枣庄': [117.323,34.8926],
|
||||
'柳州': [109.3799,24.9774],
|
||||
'株洲': [113.5327,27.0319],
|
||||
'武汉': [114.3896,30.6628],
|
||||
'汕头': [117.1692,23.3405],
|
||||
'江门': [112.6318,22.1484],
|
||||
'沈阳': [123.1238,42.1216],
|
||||
'沧州': [116.8286,38.2104],
|
||||
'河源': [114.917,23.9722],
|
||||
'泉州': [118.3228,25.1147],
|
||||
'泰安': [117.0264,36.0516],
|
||||
'泰州': [120.0586,32.5525],
|
||||
'济南': [117.1582,36.8701],
|
||||
'济宁': [116.8286,35.3375],
|
||||
'海口': [110.3893,19.8516],
|
||||
'淄博': [118.0371,36.6064],
|
||||
'淮安': [118.927,33.4039],
|
||||
'深圳': [114.5435,22.5439],
|
||||
'清远': [112.9175,24.3292],
|
||||
'温州': [120.498,27.8119],
|
||||
'渭南': [109.7864,35.0299],
|
||||
'湖州': [119.8608,30.7782],
|
||||
'湘潭': [112.5439,27.7075],
|
||||
'滨州': [117.8174,37.4963],
|
||||
'潍坊': [119.0918,36.524],
|
||||
'烟台': [120.7397,37.5128],
|
||||
'玉溪': [101.9312,23.8898],
|
||||
'珠海': [113.7305,22.1155],
|
||||
'盐城': [120.2234,33.5577],
|
||||
'盘锦': [121.9482,41.0449],
|
||||
'石家庄': [114.4995,38.1006],
|
||||
'福州': [119.4543,25.9222],
|
||||
'秦皇岛': [119.2126,40.0232],
|
||||
'绍兴': [120.564,29.7565],
|
||||
'聊城': [115.9167,36.4032],
|
||||
'肇庆': [112.1265,23.5822],
|
||||
'舟山': [122.2559,30.2234],
|
||||
'苏州': [120.6519,31.3989],
|
||||
'莱芜': [117.6526,36.2714],
|
||||
'菏泽': [115.6201,35.2057],
|
||||
'营口': [122.4316,40.4297],
|
||||
'葫芦岛': [120.1575,40.578],
|
||||
'衡水': [115.8838,37.7161],
|
||||
'衢州': [118.6853,28.8666],
|
||||
'西宁': [101.4038,36.8207],
|
||||
'西安': [109.1162,34.2004],
|
||||
'贵阳': [106.6992,26.7682],
|
||||
'连云港': [119.1248,34.552],
|
||||
'邢台': [114.8071,37.2821],
|
||||
'邯郸': [114.4775,36.535],
|
||||
'郑州': [113.4668,34.6234],
|
||||
'鄂尔多斯': [108.9734,39.2487],
|
||||
'重庆': [107.7539,30.1904],
|
||||
'金华': [120.0037,29.1028],
|
||||
'铜川': [109.0393,35.1947],
|
||||
'银川': [106.3586,38.1775],
|
||||
'镇江': [119.4763,31.9702],
|
||||
'长春': [125.8154,44.2584],
|
||||
'长沙': [113.0823,28.2568],
|
||||
'长治': [112.8625,36.4746],
|
||||
'阳泉': [113.4778,38.0951],
|
||||
'青岛': [120.4651,36.3373],
|
||||
'韶关': [113.7964,24.7028]
|
||||
};
|
||||
14780
jeecg-module-demo/src/main/resources/static/bigscreen/template1/js/jquery.easyui.min.js
vendored
Normal file
5759
jeecg-module-demo/src/main/resources/static/bigscreen/template1/js/jquery.min.js
vendored
Normal file
@ -0,0 +1,28 @@
|
||||
|
||||
window.onresize = function() {
|
||||
setAppScale();
|
||||
};
|
||||
|
||||
function setAppScale() {
|
||||
var ratioY = $(window).height()/1536;
|
||||
var ratioX = $(window).width()/4352;
|
||||
var screenWidth = window.screen.width;
|
||||
var screenHeigth = window.screen.height;
|
||||
if (screenWidth >= 960) {
|
||||
ratioX = 0.62
|
||||
}
|
||||
if(screenHeigth <= 1080){
|
||||
ratioY = 0.62
|
||||
}
|
||||
$("body").css({
|
||||
transform: "scale("+ ratioX+","+ ratioY+")",
|
||||
transformOrigin: "left top",
|
||||
overflow:"visible"
|
||||
});
|
||||
}
|
||||
|
||||
|
||||
$().ready(function(){
|
||||
//初始化时调整大小
|
||||
setAppScale();
|
||||
});
|
||||
|
After Width: | Height: | Size: 375 B |
|
After Width: | Height: | Size: 4.4 KiB |
|
After Width: | Height: | Size: 13 KiB |
|
After Width: | Height: | Size: 6.0 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 262 B |
|
After Width: | Height: | Size: 1001 B |
|
After Width: | Height: | Size: 380 B |
|
After Width: | Height: | Size: 338 B |
|
After Width: | Height: | Size: 280 B |
|
After Width: | Height: | Size: 1015 B |
|
After Width: | Height: | Size: 709 B |
|
After Width: | Height: | Size: 159 KiB |
|
After Width: | Height: | Size: 183 B |
|
After Width: | Height: | Size: 932 B |
|
After Width: | Height: | Size: 273 B |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 251 B |
|
After Width: | Height: | Size: 256 B |
|
After Width: | Height: | Size: 333 B |
|
After Width: | Height: | Size: 529 B |
|
After Width: | Height: | Size: 242 B |
|
After Width: | Height: | Size: 7.6 KiB |
|
After Width: | Height: | Size: 317 B |
|
After Width: | Height: | Size: 367 B |
|
After Width: | Height: | Size: 1.1 KiB |
|
After Width: | Height: | Size: 499 B |
|
After Width: | Height: | Size: 557 B |
|
After Width: | Height: | Size: 1.2 KiB |
|
After Width: | Height: | Size: 609 B |
|
After Width: | Height: | Size: 711 B |
|
After Width: | Height: | Size: 1.4 KiB |
|
After Width: | Height: | Size: 182 B |
|
After Width: | Height: | Size: 1.7 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 1.8 KiB |
|
After Width: | Height: | Size: 2.4 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 1.9 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 2.5 KiB |
|
After Width: | Height: | Size: 2.0 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 1.6 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.3 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 2.2 KiB |
|
After Width: | Height: | Size: 2.1 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
|
After Width: | Height: | Size: 1.5 KiB |
22
jeecg-module-demo/src/main/resources/static/bigscreen/template2/js/echarts.min.js
vendored
Normal file
2
jeecg-module-demo/src/main/resources/static/bigscreen/template2/js/jquery-3.3.1.min.js
vendored
Normal file
@ -0,0 +1,2 @@
|
||||
/*! layer弹层组件拓展类 */
|
||||
;!function(){layer.use("skin/layer.ext.css",function(){layer.layui_layer_extendlayerextjs=!0});var a=layer.cache||{},b=function(b){return a.skin?" "+a.skin+" "+a.skin+"-"+b:""};layer.prompt=function(a,c){a=a||{},"function"==typeof a&&(c=a);var d,e=2==a.formType?'<textarea class="layui-layer-input">'+(a.value||"")+"</textarea>":function(){return'<input type="'+(1==a.formType?"password":"text")+'" class="layui-layer-input" value="'+(a.value||"")+'">'}();return layer.open($.extend({btn:["确定","取消"],content:e,skin:"layui-layer-prompt"+b("prompt"),success:function(a){d=a.find(".layui-layer-input"),d.focus()},yes:function(b){var e=d.val();""===e?d.focus():e.length>(a.maxlength||500)?layer.tips("最多输入"+(a.maxlength||500)+"个字数",d,{tips:1}):c&&c(e,b,d)}},a))},layer.tab=function(a){a=a||{};var c=a.tab||{};return layer.open($.extend({type:1,skin:"layui-layer-tab"+b("tab"),title:function(){var a=c.length,b=1,d="";if(a>0)for(d='<span class="layui-layer-tabnow">'+c[0].title+"</span>";a>b;b++)d+="<span>"+c[b].title+"</span>";return d}(),content:'<ul class="layui-layer-tabmain">'+function(){var a=c.length,b=1,d="";if(a>0)for(d='<li class="layui-layer-tabli xubox_tab_layer">'+(c[0].content||"no content")+"</li>";a>b;b++)d+='<li class="layui-layer-tabli">'+(c[b].content||"no content")+"</li>";return d}()+"</ul>",success:function(a){var b=a.find(".layui-layer-title").children(),c=a.find(".layui-layer-tabmain").children();b.on("mousedown",function(a){a.stopPropagation?a.stopPropagation():a.cancelBubble=!0;var b=$(this),d=b.index();b.addClass("layui-layer-tabnow").siblings().removeClass("layui-layer-tabnow"),c.eq(d).show().siblings().hide()})}},a))},layer.photos=function(a,c,d){function e(a,b,c){var d=new Image;d.onload=function(){d.onload=null,b(d)},d.onerror=function(a){d.onerror=null,c(a)},d.src=a}var f={};if(a=a||{},a.photos){var g=a.photos.constructor===Object,h=g?a.photos:{},i=h.data||[],j=h.start||0;if(f.imgIndex=j+1,g){if(0===i.length)return void layer.msg("没有图片")}else{var k=$(a.photos),l=k.find(a.img||"img");if(0===l.length)return;if(c||k.find(h.img||"img").each(function(b){var c=$(this);i.push({alt:c.attr("alt"),pid:c.attr("layer-pid"),src:c.attr("layer-src")||c.attr("src"),thumb:c.attr("src")}),c.on("click",function(){layer.photos($.extend(a,{photos:{start:b,data:i,tab:a.tab},full:a.full}),!0)})}),!c)return}f.imgprev=function(a){f.imgIndex--,f.imgIndex<1&&(f.imgIndex=i.length),f.tabimg(a)},f.imgnext=function(a,b){f.imgIndex++,f.imgIndex>i.length&&(f.imgIndex=1,b)||f.tabimg(a)},f.keyup=function(a){if(!f.end){var b=a.keyCode;a.preventDefault(),37===b?f.imgprev(!0):39===b?f.imgnext(!0):27===b&&layer.close(f.index)}},f.tabimg=function(b){i.length<=1||(h.start=f.imgIndex-1,layer.close(f.index),layer.photos(a,!0,b))},f.event=function(){f.bigimg.hover(function(){f.imgsee.show()},function(){f.imgsee.hide()}),f.bigimg.find(".layui-layer-imgprev").on("click",function(a){a.preventDefault(),f.imgprev()}),f.bigimg.find(".layui-layer-imgnext").on("click",function(a){a.preventDefault(),f.imgnext()}),$(document).on("keyup",f.keyup)},f.loadi=layer.load(1,{shade:"shade"in a?!1:.9,scrollbar:!1}),e(i[j].src,function(c){layer.close(f.loadi),f.index=layer.open($.extend({type:1,area:function(){var b=[c.width,c.height],d=[$(window).width()-100,$(window).height()-100];return!a.full&&b[0]>d[0]&&(b[0]=d[0],b[1]=b[0]*d[1]/b[0]),[b[0]+"px",b[1]+"px"]}(),title:!1,shade:.9,shadeClose:!0,closeBtn:!1,move:".layui-layer-phimg img",moveType:1,scrollbar:!1,moveOut:!0,shift:5*Math.random()|0,skin:"layui-layer-photos"+b("photos"),content:'<div class="layui-layer-phimg"><img src="'+i[j].src+'" alt="'+(i[j].alt||"")+'" layer-pid="'+i[j].pid+'"><div class="layui-layer-imgsee">'+(i.length>1?'<span class="layui-layer-imguide"><a href="javascript:;" class="layui-layer-iconext layui-layer-imgprev"></a><a href="javascript:;" class="layui-layer-iconext layui-layer-imgnext"></a></span>':"")+'<div class="layui-layer-imgbar" style="display:'+(d?"block":"")+'"><span class="layui-layer-imgtit"><a href="javascript:;">'+(i[j].alt||"")+"</a><em>"+f.imgIndex+"/"+i.length+"</em></span></div></div></div>",success:function(b,c){f.bigimg=b.find(".layui-layer-phimg"),f.imgsee=b.find(".layui-layer-imguide,.layui-layer-imgbar"),f.event(b),a.tab&&a.tab(i[j],b)},end:function(){f.end=!0,$(document).off("keyup",f.keyup)}},a))},function(){layer.close(f.loadi),layer.msg("当前图片地址异常<br>是否继续查看下一张?",{time:3e4,btn:["下一张","不看了"],yes:function(){i.length>1&&f.imgnext(!0,!0)}})})}}}();
|
||||
@ -0,0 +1,75 @@
|
||||
/**
|
||||
|
||||
@Name: laydate 核心样式
|
||||
@Author:贤心
|
||||
@Site:http://sentsin.com/layui/laydate
|
||||
|
||||
**/
|
||||
|
||||
html{_background-image:url(about:blank); _background-attachment:fixed;}
|
||||
.layer-date{display: inline-block!important;vertical-align:text-top;max-width:240px;}
|
||||
.laydate_body .laydate_box, .laydate_body .laydate_box *{margin:0; padding:0;}
|
||||
.laydate-icon,
|
||||
.laydate-icon-default,
|
||||
.laydate-icon-danlan,
|
||||
.laydate-icon-dahong,
|
||||
.laydate-icon-molv{height:34px; padding-right:20px;min-width:34px;vertical-align: text-top;border:1px solid #C6C6C6; background-repeat:no-repeat; background-position:right center; background-color:#fff; outline:0;}
|
||||
.laydate-icon-default{ background-image:url(../skins/default/icon.png)}
|
||||
.laydate-icon-danlan{border:1px solid #B1D2EC; background-image:url(../skins/danlan/icon.png)}
|
||||
.laydate-icon-dahong{background-image:url(../skins/dahong/icon.png)}
|
||||
.laydate-icon-molv{background-image:url(../skins/molv/icon.png)}
|
||||
.laydate_body .laydate_box{width:240px; font:12px '\5B8B\4F53'; z-index:99999999; *margin:-2px 0 0 -2px; *overflow:hidden; _margin:0; _position:absolute!important; background-color:#fff;}
|
||||
.laydate_body .laydate_box li{list-style:none;}
|
||||
.laydate_body .laydate_box .laydate_void{cursor:text!important;}
|
||||
.laydate_body .laydate_box a, .laydate_body .laydate_box a:hover{text-decoration:none; blr:expression(this.onFocus=this.blur()); cursor:pointer;}
|
||||
.laydate_body .laydate_box a:hover{text-decoration:none;}
|
||||
.laydate_body .laydate_box cite, .laydate_body .laydate_box label{position:absolute; width:0; height:0; border-width:5px; border-style:dashed; border-color:transparent; overflow:hidden; cursor:pointer;}
|
||||
.laydate_body .laydate_box .laydate_yms, .laydate_body .laydate_box .laydate_time{display:none;}
|
||||
.laydate_body .laydate_box .laydate_show{display:block;}
|
||||
.laydate_body .laydate_box input{outline:0; font-size:14px; background-color:#fff;}
|
||||
.laydate_body .laydate_top{position:relative; height:26px; padding:5px; *width:100%; z-index:99;}
|
||||
.laydate_body .laydate_ym{position:relative; float:left; height:24px; cursor:pointer;}
|
||||
.laydate_body .laydate_ym input{float:left; height:24px; line-height:24px; text-align:center; border:none; cursor:pointer;}
|
||||
.laydate_body .laydate_ym .laydate_yms{position:absolute; left: -1px; top: 24px; height:181px;}
|
||||
.laydate_body .laydate_y{width:121px;}
|
||||
.laydate_body .laydate_y input{width:64px; margin-right:15px;}
|
||||
.laydate_body .laydate_y .laydate_yms{width:121px; text-align:center;}
|
||||
.laydate_body .laydate_y .laydate_yms a{position:relative; display:block; height:20px;}
|
||||
.laydate_body .laydate_y .laydate_yms ul{height:139px; padding:0; *overflow:hidden;}
|
||||
.laydate_body .laydate_y .laydate_yms ul li{float:left; width:60px; height:20px; line-height: 20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
|
||||
.laydate_box *{box-sizing:content-box!important;}
|
||||
.laydate_body .laydate_m{width:99px;float: right;margin-right:-2px;}
|
||||
.laydate_body .laydate_m .laydate_yms{width:99px; padding:0;}
|
||||
.laydate_body .laydate_m input{width:42px; margin-right:15px;}
|
||||
.laydate_body .laydate_m .laydate_yms span{display:block; float:left; width:42px; margin: 5px 0 0 5px; line-height:24px; text-align:center; _display:inline;}
|
||||
.laydate_body .laydate_choose{display:block; float:left; position:relative; width:20px; height:24px;}
|
||||
.laydate_body .laydate_choose cite, .laydate_body .laydate_tab cite{left:50%; top:50%;}
|
||||
.laydate_body .laydate_chtop cite{margin:-7px 0 0 -5px; border-bottom-style:solid;}
|
||||
.laydate_body .laydate_chdown cite, .laydate_body .laydate_ym label{top:50%; margin:-2px 0 0 -5px; border-top-style:solid;}
|
||||
.laydate_body .laydate_chprev cite{margin:-5px 0 0 -7px;}
|
||||
.laydate_body .laydate_chnext cite{margin:-5px 0 0 -2px;}
|
||||
.laydate_body .laydate_ym label{right:28px;}
|
||||
.laydate_body .laydate_table{ width:230px; margin:0 5px; border-collapse:collapse; border-spacing:0px; }
|
||||
.laydate_body .laydate_table td{width:31px; height:19px; line-height:19px; text-align: center; cursor:pointer; font-size: 12px;}
|
||||
.laydate_body .laydate_table thead{height:22px; line-height:22px;}
|
||||
.laydate_body .laydate_table thead th{font-weight:400; font-size:12px; text-align:center;}
|
||||
.laydate_body .laydate_bottom{position:relative; height:22px; line-height:20px; padding:5px; font-size:12px;}
|
||||
.laydate_body .laydate_bottom #laydate_hms{position: relative; z-index: 1; float:left; }
|
||||
.laydate_body .laydate_time{ position:absolute; left:5px; bottom: 26px; width:129px; height:125px; *overflow:hidden;}
|
||||
.laydate_body .laydate_time .laydate_hmsno{ padding:5px 0 0 5px;}
|
||||
.laydate_body .laydate_time .laydate_hmsno span{display:block; float:left; width:24px; height:19px; line-height:19px; text-align:center; cursor:pointer; *margin-bottom:-5px;}
|
||||
.laydate_body .laydate_time1{width:228px; height:154px;}
|
||||
.laydate_body .laydate_time1 .laydate_hmsno{padding: 6px 0 0 8px;}
|
||||
.laydate_body .laydate_time1 .laydate_hmsno span{width:21px; height:20px; line-height:20px;}
|
||||
.laydate_body .laydate_msg{left:49px; bottom:67px; width:141px; height:auto; overflow: hidden;}
|
||||
.laydate_body .laydate_msg p{padding:5px 10px;}
|
||||
.laydate_body .laydate_bottom li{float:left; height:20px; line-height:20px; border-right:none; font-weight:900;}
|
||||
.laydate_body .laydate_bottom .laydate_sj{width:33px; text-align:center; font-weight:400;}
|
||||
.laydate_body .laydate_bottom input{float:left; width:21px; height:20px; line-height:20px; border:none; text-align:center; cursor:pointer; font-size:12px; font-weight:400;}
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex{height:20px; line-height:20px; text-align:center;}
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex span{position:absolute; width:20px; top:0; right:0px; cursor:pointer;}
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex span:hover{font-size:14px;}
|
||||
.laydate_body .laydate_bottom .laydate_btn{position:absolute; right:5px; top:5px;}
|
||||
.laydate_body .laydate_bottom .laydate_btn a{float:left; height:20px; padding:0 6px; _padding:0 5px;}
|
||||
.laydate_body .laydate_bottom .laydate_v{position:absolute; left:10px; top:6px; font-family:Courier; z-index:0;}
|
||||
|
||||
|
After Width: | Height: | Size: 328 B |
@ -0,0 +1,67 @@
|
||||
/**
|
||||
|
||||
@Name: laydate皮肤:淡蓝
|
||||
@Author:贤心
|
||||
@Site:http://sentsin.com/layui/laydate
|
||||
|
||||
**/
|
||||
|
||||
.laydate-icon{border:1px solid #B1D2EC; background-image:url(icon.png)}
|
||||
|
||||
.laydate_body .laydate_box,
|
||||
.laydate_body .laydate_ym,
|
||||
.laydate_body .laydate_ym .laydate_yms,
|
||||
.laydate_body .laydate_table,
|
||||
.laydate_body .laydate_table td,
|
||||
.laydate_body .laydate_bottom #laydate_hms,
|
||||
.laydate_body .laydate_time,
|
||||
.laydate_body .laydate_bottom .laydate_btn a{border:1px solid #B1D2EC;}
|
||||
|
||||
.laydate_body .laydate_y .laydate_yms a,
|
||||
.laydate_body .laydate_choose,
|
||||
.laydate_body .laydate_table thead{background-color:#DEECF8;}
|
||||
|
||||
.laydate_body .laydate_box,
|
||||
.laydate_body .laydate_ym .laydate_yms,
|
||||
.laydate_body .laydate_time{box-shadow: 2px 2px 5px rgba(0,0,0,.1);}
|
||||
|
||||
.laydate_body .laydate_box{border-top:none; border-bottom:none; background-color:#fff; color:#1F547E;}
|
||||
.laydate_body .laydate_box input{color:#1F547E;}
|
||||
.laydate_body .laydate_box .laydate_void{color:#BDD8EE!important;}
|
||||
.laydate_body .laydate_box .laydate_void:hover{background-color:#fff!important}
|
||||
.laydate_body .laydate_box a, .laydate_body .laydate_box a:hover{color:#1F547E;}
|
||||
.laydate_body .laydate_click{background-color:#DEECF8!important;}
|
||||
.laydate_body .laydate_top{border-top:1px solid #B1D2EC;}
|
||||
.laydate_body .laydate_ym .laydate_yms{background-color:#fff;}
|
||||
.laydate_body .laydate_y .laydate_yms a{border-bottom:1px solid #B1D2EC;}
|
||||
.laydate_body .laydate_y .laydate_yms .laydate_chdown{border-top:1px solid #B1D2EC; border-bottom:none;}
|
||||
.laydate_body .laydate_y .laydate_yms ul li:hover,
|
||||
.laydate_body .laydate_m .laydate_yms span:hover{color:#000;}
|
||||
.laydate_body .laydate_choose{border-left:1px solid #B1D2EC;}
|
||||
.laydate_body .laydate_chprev{border-left:none; border-right:1px solid #B1D2EC;}
|
||||
.laydate_body .laydate_chtop cite{border-bottom-color:#3081C2;}
|
||||
.laydate_body .laydate_chdown cite, .laydate_body .laydate_ym label{border-top-color:#3081C2;}
|
||||
.laydate_body .laydate_chprev cite{border-right-style:solid; border-right-color:#3081C2;}
|
||||
.laydate_body .laydate_chnext cite{border-left-style:solid; border-left-color:#3081C2;}
|
||||
.laydate_body .laydate_table td{background-color:#fff; color:#1F547E;}
|
||||
.laydate_body .laydate_table .laydate_nothis{color:#60A2D7;}
|
||||
.laydate_body .laydate_table thead{color:#163A58;}
|
||||
.laydate_body .laydate_bottom{border-bottom:1px solid #B1D2EC;}
|
||||
.laydate_body .laydate_bottom #laydate_hms{background-color:#fff;}
|
||||
.laydate_body .laydate_time{background-color:#fff;}
|
||||
.laydate_body .laydate_bottom .laydate_sj{border-right:1px solid #B1D2EC; background-color:#ECF4FB;}
|
||||
.laydate_body .laydate_bottom input{background-color:#fff;}
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex{border-bottom:1px solid #B1D2EC;}
|
||||
.laydate_body .laydate_bottom .laydate_btn{border-right:1px solid #B1D2EC;}
|
||||
.laydate_body .laydate_bottom .laydate_v{color:#75AEDD}
|
||||
.laydate_body .laydate_bottom .laydate_btn a{ border-right:none; background-color:#ECF4FB;}
|
||||
.laydate_body .laydate_bottom .laydate_btn a:hover{ background-color:#fff;}
|
||||
|
||||
.laydate_body .laydate_y .laydate_yms ul li:hover,
|
||||
.laydate_body .laydate_m .laydate_yms span:hover,
|
||||
.laydate_body .laydate_choose:hover,
|
||||
.laydate_body .laydate_y .laydate_yms a:hover,
|
||||
.laydate_body .laydate_table td:hover,
|
||||
.laydate_body .laydate_bottom .laydate_time span:hover,
|
||||
.laydate_body .laydate_bottom .laydte_hsmtex{background-color:#ECF4FB}
|
||||
|
||||