| | |
| | | var HICMOBillNo = ""; //任务单号 |
| | | var HMaterName = ""; //产品名称 |
| | | var HMaterID = 0; //产品ID |
| | | var HProQty = []; //时间点产量 |
| | | var HBadQty = []; //不良数量 |
| | | var HBadReason = []; //不良原因 |
| | | //注意:选项卡 依赖 element 模块,否则无法进行功能性操作 |
| | | layui.config({ |
| | | base: '../layuiadmin/' //静态资源所在路径 |
| | |
| | | , form = layui.form |
| | | , laydate = layui.laydate |
| | | , element = layui.element; |
| | | |
| | | var mychart1 = echarts.init(document.getElementById('mychart1')); |
| | | var mychart2 = echarts.init(document.getElementById('mychart2')); |
| | | //window 全局变量 |
| | | window.mychart1 = echarts.init(document.getElementById('mychart1')); |
| | | window.mychart2 = echarts.init(document.getElementById('mychart2')); |
| | | |
| | | element.on('tab(TabTest)', function (data) { |
| | | Mychart(mychart1, mychart2); |
| | |
| | | TSLoad(); |
| | | }); |
| | | function TSLoad() { |
| | | $("#topleft").html(""); |
| | | $("#topleft").html(""); |
| | | var HUserName = sessionStorage["HUserName"]; //sessionStorage["HUserName"]; //默认当前登录人员 |
| | | $.ajax({ |
| | | url: GetWEBURL() + "/ReportPlatForm/SearchGetLineBindBillList", |
| | |
| | | wktag = 0; |
| | | $("#btomleft").html(""); |
| | | $("#topright").html(""); |
| | | HProQty = []; //时间点产量 |
| | | HBadQty = []; //不良数量 |
| | | HBadReason = []; //不良原因 |
| | | var partid = $(obj).parent().attr("id"); //获取父级id |
| | | var eqpid = "eqpid" + i; //获取指定资源样式ID |
| | | var HSourceID = $("#" + eqpid + "").html(); //通过样式ID获取html内容(资源ID) |
| | |
| | | |
| | | var LoadData1 = data.data.h_p_JIT_GetWorkBillListInfoBySource; |
| | | var LoadData2 = data.data.h_p_JIT_GetWorkBillListInfoBySource1; |
| | | var LoadData3 = data.data.h_p_JIT_GetWorkBillListInfoBySource2; //时间点产量 |
| | | var LoadData4 = data.data.h_p_JIT_GetWorkBillListInfoBySource3; //不良分析 |
| | | if (LoadData1.length > 0) //工单列表数据 |
| | | { |
| | | |
| | |
| | | $("#topright").append(html1); |
| | | } |
| | | } |
| | | if (LoadData3.length > 0) //当前状态数据 |
| | | { |
| | | let k = 0; //LoadData3 数据数组的下标 |
| | | for (let i = 8; i < 21; i++) { |
| | | let IsAdd = false; //是否要累加 LoadData3 数据数组的下标值 |
| | | for (let j = 0; j < LoadData3.length; k) { |
| | | if (i == LoadData3[k].时间点) { //如果 i(8--20) 时间点有产量,则把产量写入数组 HProQty,否则写入 0 |
| | | HProQty.push(LoadData3[k].产量) |
| | | IsAdd = true; |
| | | break; |
| | | } else { |
| | | HProQty.push(0) |
| | | break; |
| | | } |
| | | } |
| | | if (k < LoadData3.length - 1 && IsAdd == true) { |
| | | k++; |
| | | } |
| | | } |
| | | } |
| | | if (LoadData4.length > 0) { |
| | | for (let i = 0; i < LoadData4.length; i++) { |
| | | HBadReason.push(LoadData4[i].不良原因); |
| | | HBadQty.push(LoadData4[i].不良数量); |
| | | } |
| | | } |
| | | //刷新图表数据 |
| | | Mychart(mychart1, mychart2); |
| | | }, |
| | | error: function (err) { |
| | | layer.alert(err.Message, { time: 1 * 2000, icon: 5 }); |
| | | return false; |
| | | } |
| | | }); |
| | | |
| | | } |
| | | } |
| | | |
| | |
| | | |
| | | |
| | | function Mychart(mychart1, mychart2) { |
| | | //生产效率 |
| | | option1 = { |
| | | title: { |
| | | text: '当前设备日生产效率' |
| | |
| | | xAxis: { |
| | | type: 'category', |
| | | boundaryGap: false, |
| | | data: ['08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00'] |
| | | data: ['08:00', '09:00', '10:00', '11:00', '12:00', '13:00', '14:00', '15:00', '16:00', '17:00', '18:00', '19:00', '20:00'] |
| | | }, |
| | | yAxis: { |
| | | type: 'value' |
| | |
| | | name: '当前设备日生产效率', |
| | | type: 'line', |
| | | stack: '总量', |
| | | data: [120, 132, 101, 134, 90, 230, 210] |
| | | data: HProQty |
| | | } |
| | | ] |
| | | }; |
| | | |
| | | //不良分析 |
| | | option2 = { |
| | | title: { |
| | | text: '当前设备当日不良原因对比' |
| | | text: '当前设备本周不良原因对比' |
| | | }, |
| | | legend: { |
| | | data: ['不良原因'] |
| | |
| | | containLabel: true |
| | | }, |
| | | xAxis: { |
| | | data: ['不良1', '不良二', '不良三', '不良四'] |
| | | data: HBadReason |
| | | }, |
| | | yAxis: {}, |
| | | series: [{ |
| | |
| | | itemStyle: { |
| | | normal: { |
| | | color: function (params) { |
| | | var colorList = ['#2eddc1', '#FCCE10', '#E87C25', '#27727B', '#9efdc6']; |
| | | var colorList = ['#2eddc1', '#FCCE10', '#E87C25', '#27727B', '#9efdc6', '#F00DC6', '#8317E5', '#29086A', '#D8E848', '#17ADE5', '#FF1F86', '#A27E90', '#71BCCE', '#11715012', '#DBF7B2',]; |
| | | return colorList[params.dataIndex] |
| | | }, |
| | | label: { |
| | |
| | | } |
| | | } |
| | | }, |
| | | data: [220, 182, 191, 234] |
| | | data: HBadQty |
| | | }] |
| | | }; |
| | | |
| | |
| | | if (wktag == 0) { |
| | | layer.alert("请选择工单列表", { icon: 5 }); |
| | | return false; |
| | | } |
| | | } |
| | | |
| | | var IsCheck = false; |
| | | |
| | |
| | | }); |
| | | } |
| | | |
| | | |
| | | |
| | | } |
| | | |
| | | //上料防错单 |
| | |
| | | <div class="layui-tab layui-tab-card" lay-filter="TabTest"> |
| | | <ul class="layui-tab-title"> |
| | | <li class="layui-this">工单列表</li> |
| | | <li style="pointer-events: none; background-color:rgb(0 0 0 / 10%);">效率/不良分析</li> |
| | | <li>效率/不良分析</li><!--style="pointer-events: none; background-color:rgb(0 0 0 / 10%);"--> |
| | | </ul> |
| | | <div class="layui-tab-content content3"> |
| | | <div class="layui-tab-item layui-show"> |