智云MES-UI前端
blame | 历史 | 补丁 | 提交 | 提交对比 | ignore whitespace
1
zrg
2026-04-16 58fab28a2a4f7fc9f4ba8276906693c3c38c1133 
 WebTM/views/É豸¹ÜÀí/É豸±¨±í/Sb_EquipDailyRunStateReport.html


@@ -1,4 +1,4 @@








<!DOCTYPE html>


<html>


<head>


@@ -55,22 +55,23 @@


            border-radius: 6px;


            padding: 8px;


            flex: 1;


            overflow: hidden;


            overflow: auto;


            min-height: 0;


        }




        .chart-row {


            display: flex;


            height: 100%;


            display: grid;


            grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));


            gap: 8px;


        }




        .chart-box {


            flex: 1;


            margin: 4px;


            border: 1px solid #eee;


            border-radius: 4px;


            background: #fafbfc;


            position: relative;


            min-height: 260px;


            display: flex;


            align-items: stretch;


            justify-content: stretch;


        }




        .empty-tip {


@@ -193,7 +194,6 @@


                for (var key in ChartConfig) { chartConfigKeys.push(key); }


                generateSummaryCards();


                generateChartBoxes();


                calculateHeights();


            }


            function generateSummaryCards() {


                var $summaryRow = $('#summaryRow'); $summaryRow.empty();


@@ -205,25 +205,10 @@


                });


            }


            function generateChartBoxes() {


                var $c = $('#chartContainer'); $c.empty(); var cols = 4;


                var rows = Math.ceil(chartConfigKeys.length / cols);


                for (let r = 0; r < rows; r++) {


                    var $row = $('<div class="chart-row"></div>');


                    for (let col = 0; col < cols; col++) {


                        var i = r * cols + col;


                        if (i < chartConfigKeys.length) {


                            var key = chartConfigKeys[i];


                            $row.append(`<div class="chart-box" id="chart-${key}"><div class="empty-tip">暂无数据</div></div>`);


                        } else {


                            $row.append('<div class="chart-box" style="visibility:hidden;"></div>');


                        }


                    }


                    $c.append($row);


                }


            }


            function calculateHeights() {


                var rows = Math.ceil(chartConfigKeys.length / 4);


                $('.chart-row').css('height', (100 / rows) + '%');


                var $c = $('#chartContainer'); $c.empty();


                chartConfigKeys.forEach(key => {


                    $c.append(`<div class="chart-box" id="chart-${key}"><div class="empty-tip">暂无数据</div></div>`);


                });


            }




            //查询


@@ -377,8 +362,11 @@


                    var dom = $chartBox[0];


                    var chartKey = 'chart-' + key;




                    // 1. é”€æ¯æ—§å®žä¾‹ï¼Œæ¸…空容器


                    // 1. é”€æ¯æ—§å®žä¾‹ï¼Œæ–­å¼€ ResizeObserver å¹¶æ¸…空容器


                    if (chartInstances[chartKey]) {


                        try {


                            if (chartInstances[chartKey]._resizeObserver) chartInstances[chartKey]._resizeObserver.disconnect();


                        } catch (e) { }


                        chartInstances[chartKey].dispose();


                        delete chartInstances[chartKey];


                    }


@@ -414,6 +402,14 @@




                var chart = echarts.init(dom);


                chartInstances['chart-' + key] = chart;


                // è‡ªåŠ¨å“åº”容器尺寸变化（优先使用 ResizeObserver）


                if (window.ResizeObserver) {


                    try {


                        var ro = new ResizeObserver(function () { try { chart.resize(); } catch (e) { } });


                        ro.observe(dom);


                        chart._resizeObserver = ro;


                    } catch (e) { }


                }




                // è®¡ç®—总和


                var total = data.reduce((s, x) => s + x.value, 0);


@@ -491,6 +487,13 @@


                var dom = document.getElementById('chart-' + key);


                var chart = echarts.init(dom);


                chartInstances['chart-' + key] = chart;


                if (window.ResizeObserver) {


                    try {


                        var ro = new ResizeObserver(function () { try { chart.resize(); } catch (e) { } });


                        ro.observe(dom);


                        chart._resizeObserver = ro;


                    } catch (e) { }


                }


                var colorList = ['#5470c6', '#91cc75', '#fac858', '#ee6666', '#73c0de', '#3ba272', '#fc8452', '#9a60b4', '#ea7ccc'];




                chart.setOption({