yangle
2024-01-31 54ddbb9eba145dfdcee0c3d28bdd1a91aec34122
WebTM/views/IpadIndex.html
@@ -38,6 +38,9 @@
        var HICMOBillNo = "";      //任务单号
        var HMaterName = "";      //产品名称
        var HMaterID = 0;          //产品ID
        var HProQty = [];       //时间点产量
        var HBadQty = [];       //不良数量
        var HBadReason = [];       //不良原因
        //注意:选项卡 依赖 element 模块,否则无法进行功能性操作
        layui.config({
            base: '../layuiadmin/' //静态资源所在路径
@@ -51,9 +54,9 @@
                , 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);
@@ -64,7 +67,7 @@
            TSLoad();
        });
        function TSLoad() {
            $("#topleft").html("");
            $("#topleft").html("");
            var HUserName = sessionStorage["HUserName"];  //sessionStorage["HUserName"];     //默认当前登录人员
            $.ajax({
                url: GetWEBURL() + "/ReportPlatForm/SearchGetLineBindBillList",
@@ -139,6 +142,9 @@
            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)
@@ -159,6 +165,8 @@
                        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)  //工单列表数据
                        {
@@ -240,13 +248,40 @@
                                $("#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;
                    }
                });
            }
        }
@@ -392,6 +427,7 @@
        function Mychart(mychart1, mychart2) {
            //生产效率
            option1 = {
                title: {
                    text: '当前设备日生产效率'
@@ -416,7 +452,7 @@
                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'
@@ -426,14 +462,14 @@
                        name: '当前设备日生产效率',
                        type: 'line',
                        stack: '总量',
                        data: [120, 132, 101, 134, 90, 230, 210]
                        data: HProQty
                    }
                ]
            };
            //不良分析
            option2 = {
                title: {
                    text: '当前设备当日不良原因对比'
                    text: '当前设备本周不良原因对比'
                },
                legend: {
                    data: ['不良原因']
@@ -445,7 +481,7 @@
                    containLabel: true
                },
                xAxis: {
                    data: ['不良1', '不良二', '不良三', '不良四']
                    data: HBadReason
                },
                yAxis: {},
                series: [{
@@ -454,7 +490,7 @@
                    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: {
@@ -464,7 +500,7 @@
                            }
                        }
                    },
                    data: [220, 182, 191, 234]
                    data: HBadQty
                }]
            };
@@ -778,7 +814,7 @@
            if (wktag == 0) {
                layer.alert("请选择工单列表", { icon: 5 });
                return false;
            }
            }
            var IsCheck = false;
@@ -837,7 +873,7 @@
                });
            }
        }
        //上料防错单
@@ -1038,7 +1074,7 @@
                <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">