| @ -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)}})})}}}(); | |||||