@ -1 +0,0 @@ | |||||
/target/ |
@ -1,46 +0,0 @@ | |||||
<?xml version="1.0" encoding="UTF-8"?> | |||||
<project xmlns="http://maven.apache.org/POM/4.0.0" | |||||
xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" | |||||
xsi:schemaLocation="http://maven.apache.org/POM/4.0.0 http://maven.apache.org/xsd/maven-4.0.0.xsd"> | |||||
<parent> | |||||
<artifactId>han-hai-parent</artifactId> | |||||
<groupId>org.jeecgframework.boot</groupId> | |||||
<version>3.2.0</version> | |||||
</parent> | |||||
<modelVersion>4.0.0</modelVersion> | |||||
<artifactId>jeecg-boot-module-demo</artifactId> | |||||
<dependencies> | |||||
<dependency> | |||||
<groupId>org.jeecgframework.boot</groupId> | |||||
<artifactId>jeecg-boot-base-core</artifactId> | |||||
</dependency> | |||||
<!-- <dependency>--> | |||||
<!-- <groupId>org.jeecgframework.boot</groupId>--> | |||||
<!-- <artifactId>jeecg-boot-starter-cloud</artifactId>--> | |||||
<!-- </dependency>--> | |||||
<!-- <dependency>--> | |||||
<!-- <groupId>org.jeecgframework.boot</groupId>--> | |||||
<!-- <artifactId>jeecg-boot-starter-job</artifactId>--> | |||||
<!-- </dependency>--> | |||||
</dependencies> | |||||
<profiles> | |||||
<profile> | |||||
<id>SpringCloud</id> | |||||
<!-- 引入微服务启动 Starter依赖 --> | |||||
<dependencies> | |||||
<dependency> | |||||
<groupId>org.jeecgframework.boot</groupId> | |||||
<artifactId>jeecg-boot-starter-cloud</artifactId> | |||||
</dependency> | |||||
<dependency> | |||||
<groupId>org.jeecgframework.boot</groupId> | |||||
<artifactId>jeecg-boot-starter-job</artifactId> | |||||
</dependency> | |||||
</dependencies> | |||||
</profile> | |||||
</profiles> | |||||
</project> |
@ -1,35 +0,0 @@ | |||||
//package org.jeecg; | |||||
// | |||||
//import org.jeecg.common.base.BaseMap; | |||||
//import org.jeecg.common.constant.GlobalConstants; | |||||
//import org.springframework.beans.factory.annotation.Autowired; | |||||
//import org.springframework.boot.CommandLineRunner; | |||||
//import org.springframework.boot.SpringApplication; | |||||
//import org.springframework.boot.autoconfigure.SpringBootApplication; | |||||
//import org.springframework.cloud.openfeign.EnableFeignClients; | |||||
//import org.springframework.data.redis.core.RedisTemplate; | |||||
// | |||||
//@SpringBootApplication | |||||
//@EnableFeignClients | |||||
//public class JeecgDemoCloudApplication implements CommandLineRunner { | |||||
// @Autowired | |||||
// private RedisTemplate<String, Object> redisTemplate; | |||||
// | |||||
// public static void main(String[] args) { | |||||
// SpringApplication.run(JeecgDemoCloudApplication.class, args); | |||||
// } | |||||
// | |||||
// /** | |||||
// * 启动的时候,触发下gateway网关刷新 | |||||
// * | |||||
// * 解决: 先启动gateway后启动服务,Swagger接口文档访问不通的问题 | |||||
// * @param args | |||||
// */ | |||||
// @Override | |||||
// public void run(String... args) { | |||||
// BaseMap params = new BaseMap(); | |||||
// params.put(GlobalConstants.HANDLER_NAME, GlobalConstants.LODER_ROUDER_HANDLER); | |||||
// //刷新网关 | |||||
// redisTemplate.convertAndSend(GlobalConstants.REDIS_TOPIC_NAME, params); | |||||
// } | |||||
//} |
@ -1,5 +0,0 @@ | |||||
server: | |||||
port: 7002 | |||||
spring: | |||||
application: | |||||
name: jeecg-demo |
@ -1,66 +0,0 @@ | |||||
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;} |
@ -1,62 +0,0 @@ | |||||
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;} |
@ -1,836 +0,0 @@ | |||||
//计划完成表的当前所选 | |||||
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); | |||||
} |
@ -1,116 +0,0 @@ | |||||
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] | |||||
}; |
@ -1,28 +0,0 @@ | |||||
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(); | |||||
}); |
@ -1,2 +0,0 @@ | |||||
/*! 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)}})})}}}(); |