| | |
| | | </style> |
| | | <script type="text/javascript"> |
| | | //参数配置 |
| | | var HouseCode = '509'; //仓库编码 |
| | | var HouseCode = '509'; |
| | | |
| | | |
| | | var interval;//计时器 |
| | | var interval1;//计时器 |
| | | var num = 0; |
| | | var LackMastProgress = []; //缺料率数据数组 |
| | | var BadProgress = []; //来料不良率数据数组 |
| | | var NetQtys = []; //开机 |
| | | var SumQtys = []; //开工 |
| | | var WayQtys = []; //维修 |
| | | var MatsQtys = []; //待机 |
| | | var ToDayDt = []; //今日不良对比时间数组 |
| | | var GoodQty = []; //今日不良对比合格数数组 |
| | | var BadQty = []; //今日不良对比不良数数组 |
| | | $(document).ready(function () { |
| | | // 创建两个变量,一个数组中的月和日的名称 |
| | | var monthNames = ["1 月", "2 月", "3 月", "4 月", "5 月", "6 月", "7 月", "8 月", "9 月", "10 月", "11 月", "12 月"]; |
| | |
| | | // 定时器 |
| | | interval = setInterval(function () { |
| | | num = 0; |
| | | LackMastProgress = []; //缺料率数据数组 |
| | | BadProgress = []; //来料不良率数据数组 |
| | | NetQtys = []; //开机 |
| | | SumQtys = []; //开工 |
| | | WayQtys = []; //维修 |
| | | MatsQtys = []; //待机 |
| | | ToDayDt = []; //今日不良对比时间数组 |
| | | GoodQty = []; //今日不良对比合格数数组 |
| | | BadQty = []; //今日不良对比不良数数组 |
| | | Chart(mychart1, mychart2, mychart3); |
| | | }, 20000); |
| | | interval1 = setInterval(function () { |
| | |
| | | |
| | | function Chart(mychart1, mychart2, mychart3) { |
| | | $.ajax({ |
| | | url: "http://122.227.199.62:5058/HDKanBanApi/api/loaddata/LackMatsData", |
| | | url: "http://localhost:12298/api/loaddata/KB_EquipmentUtilizationRateData", |
| | | dataType: "JSON", |
| | | async: false,//使用同步的方式,true为异步方式 |
| | | type: "Get", |
| | |
| | | $("#MatsQty").html(parseFloat(data.data[0][0].LackMastQty).toFixed(0)); |
| | | $("#WayQty").html(parseFloat(data.data[0][0].PuchQty).toFixed(0)); |
| | | |
| | | //缺料率 |
| | | LackMastProgress.push(data.data[1][0].LackMastProgress); |
| | | //开机率 开工率 维修率 待机率 |
| | | NetQtys.push(data.data[1][0]["NetQtys"]); |
| | | SumQtys.push(data.data[1][0]["SumQtys"]); |
| | | WayQtys.push(data.data[1][0]["WayQtys"]); |
| | | MatsQtys.push(data.data[1][0]["MatsQtys"]); |
| | | //来料不良率 |
| | | BadProgress.push(data.data[2][0].BadProgress); |
| | | //今日不良对比 |
| | | $.each(data.data[3], function (index, val) { |
| | | ToDayDt.push(val.hour.substring(5)); |
| | | GoodQty.push(parseFloat(val.GoodQty).toFixed(0)); |
| | | BadQty.push(parseFloat(val.BadQty).toFixed(0)); |
| | | $.each(data.data[2], function (index, val) { |
| | | ToDayDt.push(val.num); |
| | | GoodQty.push(val.workOEE); |
| | | }); |
| | | }, |
| | | error: function (data) { |
| | |
| | | } |
| | | }) |
| | | |
| | | const colorList = ['#47A2FF', '#ff9900'] |
| | | const colorList = ['#47A2FF', '#ff9900', '#c0ffff','#ffffff'] |
| | | option1 = { |
| | | title: [ |
| | | { |
| | | text: '', |
| | | subtext: LackMastProgress + '%', |
| | | text: '开机率', |
| | | subtext: NetQtys + '%', |
| | | textStyle: { |
| | | fontSize: 16, |
| | | color: '#999', |
| | |
| | | }, |
| | | textAlign: 'center', |
| | | left: '50%', |
| | | top: '85%' |
| | | top: '78%' |
| | | }, |
| | | { |
| | | show: true, |
| | | text: '总稼动率分析', |
| | | text: '状态对比分析', |
| | | textStyle: { |
| | | color: '#00c6ff', |
| | | fontSize: '16', |
| | |
| | | legend: { |
| | | type: 'scroll', |
| | | icon: 'pin', |
| | | show: false |
| | | top: '15%', |
| | | left: 'center', |
| | | textStyle: { |
| | | color: '#09d1ea' |
| | | } |
| | | }, |
| | | color: colorList, |
| | | series: [ |
| | |
| | | type: 'pie', |
| | | radius: [50, 80], |
| | | center: ['50%', '50%'], |
| | | center: ['50%', '60%'], |
| | | avoidLabelOverlap: false, |
| | | label: { |
| | | show: false |
| | |
| | | borderColor: '#000000' |
| | | }, |
| | | data: [ |
| | | { name: '', value: LackMastProgress }, |
| | | { name: '', value: 100 - LackMastProgress } |
| | | { name: '开机', value: NetQtys }, |
| | | { name: '开工', value: SumQtys }, |
| | | { name: '待机', value: WayQtys }, |
| | | { name: '维修中', value: MatsQtys } |
| | | ], |
| | | } |
| | | ] |
| | |
| | | title: [ |
| | | { |
| | | text: '', |
| | | subtext: BadProgress + '%', |
| | | subtext: 0 + '%', |
| | | textStyle: { |
| | | fontSize: 16, |
| | | color: '#999', |
| | |
| | | borderColor: '#000000' |
| | | }, |
| | | data: [ |
| | | { name: '', value: BadProgress }, |
| | | { name: '', value: 100 - BadProgress } |
| | | { name: '', value: 0 }, |
| | | { name: '', value: 100 - 2 } |
| | | ], |
| | | } |
| | | ] |
| | |
| | | }, |
| | | legend: { |
| | | left: 'right', |
| | | data: ['任务数', '完成数'], |
| | | data: ['工作稼动率'], |
| | | textStyle: { |
| | | color: '#00c6ff', |
| | | fontSize: 16, |
| | |
| | | ], |
| | | series: [ |
| | | { |
| | | name: '任务数', |
| | | name: '工作稼动率', |
| | | type: 'bar', |
| | | barWidth: 15, |
| | | data: GoodQty |
| | | }, |
| | | { |
| | | name: '完成数', |
| | | type: 'bar', |
| | | barWidth: 15, |
| | | data: BadQty |
| | | } |
| | | ] |
| | | }; |