From ef4ba11d43ff3687fdc1a3be97ae382184f04caa Mon Sep 17 00:00:00 2001
From: yusijie <ysj@hz-kingdee.com>
Date: 星期四, 09 四月 2026 12:08:11 +0800
Subject: [PATCH] Merge branch 'master' of http://101.37.171.70:10101/r/MES-WEB-LayUI

---
 WebTM/views/数采管理/DAQ_EvidenceEquipmentCockpit.html | 1153 +++++++++++++++++++++++++++++++++++++++++++++++++++++++++
 1 files changed, 1,153 insertions(+), 0 deletions(-)

diff --git "a/WebTM/views/\346\225\260\351\207\207\347\256\241\347\220\206/DAQ_EvidenceEquipmentCockpit.html" "b/WebTM/views/\346\225\260\351\207\207\347\256\241\347\220\206/DAQ_EvidenceEquipmentCockpit.html"
new file mode 100644
index 0000000..6d18281
--- /dev/null
+++ "b/WebTM/views/\346\225\260\351\207\207\347\256\241\347\220\206/DAQ_EvidenceEquipmentCockpit.html"
@@ -0,0 +1,1153 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+    <meta charset="utf-8" />
+    <title>璁惧鐘舵�佸垎甯�</title>
+    <link rel="stylesheet" href="../../layuiadmin/layui/css/layui.css" media="all">
+    <link rel="stylesheet" href="../../layuiadmin/style/admin.css" media="all">
+    <script src="../../layuiadmin/layui/layui.js"></script>
+    <script src="../../layuiadmin/layui/layui.js"></script>
+    <script src="../../layuiadmin/Scripts/json2.js"></script>
+    <script src="../../layuiadmin/Scripts/jquery-1.4.1.js"></script>
+    <script src="../../layuiadmin/layui/layui1.js"></script>
+    <script src="../../layuiadmin/echarts.min.js"></script>
+    <link href="../../layuiadmin/layui/css/ReportPlatform.css" rel="stylesheet" />
+    <script src="../../layuiadmin/Scripts/webConfig.js"></script>
+    <style>
+        /*鏍戠姸鍥剧偣鍑婚珮浜彉鑹�*/
+        .layui-tree-set-active>.layui-tree-entry .layui-tree-main {
+            background: #aef0f7;
+        }
+
+        .cnt {
+            border: 1px solid #5FB878;
+            height: 50px;
+            border-radius: 5px;
+            /*background: -webkit-gradient(linear, 0% 0%, 0% 50%,from(#262525), to(#262525));*/
+            /*璋锋瓕*/
+        }
+
+        .bottomright {
+            cursor: pointer;
+            /*榧犳爣鍙樻垚鎵嬫寚鏍峰紡*/
+            transition: all 0.1s;
+            /*鎵�鏈夊睘鎬у彉鍖栧湪0.6绉掑唴鎵ц鍔ㄧ敾*/
+        }
+
+        .bottomright:hover {
+            transform: scale(1.3);
+            /*榧犳爣鏀句笂涔嬪悗鍏冪礌鍙樻垚1.4鍊嶅ぇ灏�*/
+        }
+
+        .imgtitle {
+            width: 70%;
+            height: 50px;
+            text-align: center;
+            display: block;
+            font-size: 15px;
+            float: left;
+            line-height: 50px;
+        }
+
+        .cns {
+            border: 1px solid #5FB878;
+            height: 130px;
+            border-radius: 5px;
+        }
+
+        .cns p {
+            font-size: 12px;
+            line-height: 18px;
+            margin: 0 5px;
+            white-space: nowrap;
+            text-overflow: ellipsis;
+            overflow: hidden;
+        }
+
+        .check1 {
+            cursor: pointer;
+            /*榧犳爣鍙樻垚鎵嬫寚鏍峰紡*/
+            -webkit-transition: border linear .1s, -webkit-box-shadow linear .5s;
+            border-color: rgba(0, 148, 255, .75);
+            -webkit-box-shadow: 0 0 18px rgba(0, 148, 255);
+        }
+
+        .prs {
+            font-family: "寰蒋闆呴粦";
+            font-weight: bold;
+            line-height: 30px;
+            margin: 0 0px 0px 10px;
+            float: left;
+        }
+
+        .layui-progress {
+            width: 45%;
+            float: left;
+            top: 6px;
+        }
+
+        .tr1-1,
+        .tr1-2,
+        .tr1-3,
+        .tr1-4 {
+            margin-left: 3%;
+            margin-top: 4%;
+            height: 310px;
+            border: 1px solid rgb(0 0 0 / 10%);
+            width: 95%;
+        }
+
+        .btnM {
+            width: 30%;
+            height: 50px;
+            line-height: 50px;
+            float: left;
+            text-align: right;
+        }
+
+        .layui-icon {
+            font-size: 20px;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="layui-fluid">
+        <div class="layui-col-md12">
+            <div class="layui-card" style="padding: 1px">
+                <div class="layui-card-body" style="padding: 1px;">
+                    <form class="layui-form" action="" lay-filter="component-form-group">
+                        <div class="layui-row">
+                            <div class="layui-col-xs2 layui-inline" style="border: solid 1.5px #e0d6d64d;">
+                                <div id="TreeTable" class="demo-tree demo-tree-box"
+                                    style="height: 600px; overflow: scroll;"></div>
+                            </div>
+                            <div class="layui-col-xs10 layui-inline" style="border: solid 1.5px #e0d6d64d;">
+                                <div id="btomleft" style="height:600px;display:block;overflow-y:auto;">
+
+                                </div>
+                            </div>
+                            <!-- <div class="layui-col-xs1 layui-inline" style="border: solid 1.5px #e0d6d64d;">
+                                <fieldset style="border: 1px solid #eee; box-shadow: 0 2px 5px 0 rgb(0 0 0 / 10%); height: 585px;">
+                                    <legend style="color: #5FB878">鎿嶄綔鍙�</legend>
+                                    <div class="content4">
+                                        <div class="layui-row layui-col-space10">
+                                            <div class="layui-col-sm12 " onclick="PowerOn(event,this)">
+                                                <div class="cnt bottomright">
+                                                    <div class="btnM">
+                                                        <span class="layui-icon layui-icon-pause imgicon"></span>
+                                                    </div>
+                                                    <span class="imgtitle">寮�鏈�</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="layui-row layui-col-space10">
+                                            <div class="layui-col-sm12 " onclick="PowerOff(event,this)">
+                                                <div class="cnt bottomright">
+                                                    <div class="btnM">
+                                                        <span class="layui-icon layui-icon-logout imgicon"></span>
+                                                    </div>
+                                                    <span class="imgtitle">鍋滄満</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="layui-row layui-col-space10">
+                                            <div class="layui-col-sm12 " onclick="DotCheck(event,this)">
+                                                <div class="cnt bottomright">
+                                                    <div class="btnM">
+                                                        <span class="layui-icon layui-icon-list imgicon"></span>
+                                                    </div>
+                                                    <span class="imgtitle">鐐规璁板綍</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="layui-row layui-col-space10">
+                                            <div class="layui-col-sm12 " onclick="FaultRegistration(event,this)">
+                                                <div class="cnt bottomright">
+                                                    <div class="btnM">
+                                                        <span class="layui-icon layui-icon-list imgicon"></span>
+                                                    </div>
+                                                    <span class="imgtitle">鏁呴殰鐧昏</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="layui-row layui-col-space10">
+                                            <div class="layui-col-sm12 " onclick="Maintenance(event,this)">
+                                                <div class="cnt bottomright">
+                                                    <div class="btnM">
+                                                        <span class="layui-icon layui-icon-form imgicon"></span>
+                                                    </div>
+                                                    <span class="imgtitle">缁翠慨</span>
+                                                </div>
+                                            </div>
+                                        </div>
+
+                                        <div class="layui-row layui-col-space10">
+                                            <div class="layui-col-sm12 " onclick="Resume(event,this)">
+                                                <div class="cnt bottomright">
+                                                    <div class="btnM">
+                                                        <span class="layui-icon layui-icon-table imgicon"></span>
+                                                    </div>
+                                                    <span class="imgtitle">灞ュ巻</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="layui-row layui-col-space10">
+                                            <div class="layui-col-sm12 " onclick="Process(event,this)">
+                                                <div class="cnt bottomright">
+                                                    <div class="btnM">
+                                                        <span class="layui-icon layui-icon-file imgicon"></span>
+                                                    </div>
+                                                    <span class="imgtitle">宸ヨ壓</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                        <div class="layui-row layui-col-space10">
+                                            <div class="layui-col-sm12 " onclick="HStatus(event,this)">
+                                                <div class="cnt bottomright">
+                                                    <div class="btnM">
+                                                        <span class="layui-icon layui-icon-set imgicon"></span>
+                                                    </div>
+                                                    <span class="imgtitle">鐘舵��</span>
+                                                </div>
+                                            </div>
+                                        </div>
+                                    </div>
+                                </fieldset>
+                            </div> -->
+                        </div>
+                        <div class="layui-row" style="display: none;">
+                            <div class="layui-col-xs3 layui-inline">
+                                <div class="tr1-1" id="mychart11"> </div>
+                            </div>
+                            <div class="layui-col-xs3 layui-inline">
+                                <div class="tr1-2" id="mychart22"> </div>
+                            </div>
+                            <div class="layui-col-xs3 layui-inline">
+                                <div class="tr1-3" id="mychart3"> </div>
+                            </div>
+                            <div class="layui-col-xs3 layui-inline">
+                                <div class="tr1-4" id="mychart4"> </div>
+                            </div>
+                        </div>
+                    </form>
+                </div>
+            </div>
+        </div>
+    </div>
+</body>
+
+</html>
+<script>
+    var wktag = 0;
+    var HEquipID = 0;//璁惧id
+    var HEquipNumber = "";//璁惧缂栫爜
+    var HEquipName = "";//璁惧鍚嶇О
+    var HSourceID = "";//浜х嚎id
+    var HDeptID = "";
+    layui.config({
+        base: '../../layuiadmin/' //闈欐�佽祫婧愭墍鍦ㄨ矾寰�
+    }).extend({
+        index: 'lib/index', //涓诲叆鍙fā鍧�
+    }).use(['index', 'form', 'table', 'element', 'laypage', 'laydate', 'tree'], function () {
+        //#region 鍏敤鍙橀噺
+        var $ = layui.$
+            , admin = layui.admin
+            , layer = layui.layer
+            , table = layui.table
+            , form = layui.form
+            , element = layui.element
+            , laypage = layui.laypage
+            , laydate = layui.laydate
+            , tree = layui.tree
+        //#endregion
+
+        //#region 杩涘叆椤甸潰鍗冲姞杞�
+
+        //鍒濆鍖栫晫闈�
+        set_ClearBill();
+
+        //#endregion
+
+        //#region 瑙﹀彂浜嬩欢锛氬寘鎷琭orm.on(){}鏍煎紡鐨勬墍鏈夌偣鍑讳簨浠躲�侀�夋嫨浜嬩欢绛�
+
+
+
+
+        //#endregion
+
+
+        //#region 鏈〉闈㈣璋冪敤鐨勬墍鏈夋柟娉�
+
+        //#region 鍒濆鍖栫晫闈�
+        function set_ClearBill() {
+            var mychart11 = echarts.init(document.getElementById('mychart11'));
+            var mychart22 = echarts.init(document.getElementById('mychart22'));
+            var mychart3 = echarts.init(document.getElementById('mychart3'));
+            var mychart4 = echarts.init(document.getElementById('mychart4'));
+            get_Histogram1(mychart11, '');//鏌辩姸鍥�1
+            get_LineChart(mychart22, '');//鎶樼嚎
+            get_Statistics(mychart3, '');//楗煎浘
+            get_Histogram4(mychart4, '');//鏌辩姸鍥�4
+
+            //鏌ヨ
+            get_Display_Tree();
+        }
+        //#endregion
+
+        //鏌ヨ宸ュ崟
+        function Check(HDeptID) {
+            wktag = 0;
+            $("#btomleft").html("");
+            $.ajax({
+                url: GetWEBURL() + '/Sc_HEquipStateDistribution/Sc_HEquipStateDistribution_Souce',
+                type: "GET",
+                data: { "HDeptID": HDeptID, "user": sessionStorage["HUserName"], "OrganizationID": sessionStorage["OrganizationID"] },
+                dataType: "json",//鏁版嵁绫诲瀷鍙互涓� text xml json  script  jsonp
+                success: function (data) {
+
+                    var LoadData1 = data.data.h_p_sc_HDeptSouceMOList;
+                    if (LoadData1.length > 0)  //宸ュ崟鍒楄〃鏁版嵁
+                    {
+
+                        for (var i = 0; i < LoadData1.length; i++) {
+                            var html1 = '';
+                            html1 += '<div class="layui-col-sm12 layui-col-md2" style="margin: 6px;width: 180px;">';
+                            html1 += '<div class="cns" id="bs' + (i + 1) + '" onclick="CheckBtom(this,' + (i + 1) + ')">';
+                            html1 += '<dl>';
+                            html1 += '<dd class="tcenter">';
+                            html1 += '<h1 style="display:none;"><span>鐢熶骇璁㈠崟鍙蜂富ID锛�</span><span id="df' + (i + 1) + '">' + LoadData1[i].鐢熶骇璁㈠崟涓诲唴鐮� + '</span></h1>';
+                            html1 += '<h1 style="display:none;"><span>鐢熶骇璁㈠崟瀛怚D锛�</span><span id="ds' + (i + 1) + '">' + LoadData1[i].鐢熶骇璁㈠崟瀛愬唴鐮� + '</span></h1>';
+                            html1 += '<h1 style="display:none;"><span>浜х嚎ID锛�</span><span id="cs' + (i + 1) + '">' + LoadData1[i].HSourceID + '</span></h1>';
+                            html1 += '<h1 style="display:none;"><span>璁惧ID锛�</span><span id="sb' + (i + 1) + '">' + LoadData1[i].璁惧id + '</span></h1>';
+
+                            html1 += '<p><span>璁惧缂栫爜锛�</span><span id="sbbm' + (i + 1) + '">' + LoadData1[i].璁惧缂栫爜 + '</span></p>';
+                            html1 += '<p><span>璁惧鍚嶇О锛�</span><span id="sbmc' + (i + 1) + '">' + LoadData1[i].璁惧鍚嶇О + '</span></p>';
+                            html1 += '<p><span>浜х嚎锛�</span><span id="cxmc' + (i + 1) + '">' + LoadData1[i].浜х嚎 + '</span></p>';
+                            html1 += '<p><span>褰撳墠璁㈠崟锛�</span><span id="gd' + (i + 1) + '">' + LoadData1[i].鐢熶骇璁㈠崟 + '</span></p>';
+                            html1 += '<p><span>璁㈠崟鏁伴噺锛�</span><span id="ddqty' + (i + 1) + '">' + LoadData1[i].浠诲姟鍗曟暟閲� + '</span></p>';
+                            html1 += '<p><span>瀹屾垚鏁伴噺锛�</span><span id="wcqty' + (i + 1) + '">' + LoadData1[i].娴佽浆鍗℃暟閲� + '</span></p>';
+                            switch (LoadData1[i].璁惧鐘舵��) {
+                                case "绌洪棽":
+                                    html1 += '<p><span>褰撳墠鐘舵�侊細</span><span class="gj_icon color_border6"></span><span>' + LoadData1[i].璁惧鐘舵�� + '</span></p>';
+                                    break;
+                                case "寮�鏈�":
+                                    html1 += '<p><span>褰撳墠鐘舵�侊細</span><span class="gj_icon color_border4"></span><span>' + LoadData1[i].璁惧鐘舵�� + '</span></p>';
+                                    break;
+                                case "鍋滄満":
+                                    html1 += '<p><span>褰撳墠鐘舵�侊細</span><span class="gj_icon color_border3"></span><span>' + LoadData1[i].璁惧鐘舵�� + '</span></p>';
+                                    break;
+                                case "鐢熶骇":
+                                    html1 += '<p><span>褰撳墠鐘舵�侊細</span><span class="gj_icon color_border2"></span><span>' + LoadData1[i].璁惧鐘舵�� + '</span></p>';
+                                    break;
+                                case "缁翠慨涓�":
+                                    html1 += '<p><span>褰撳墠鐘舵�侊細</span><span class="gj_icon color_border5"></span><span>' + LoadData1[i].璁惧鐘舵�� + '</span></p>';
+                                    break;
+                                case "鏁呴殰":
+                                    html1 += '<p><span>褰撳墠鐘舵�侊細</span><span class="gj_icon color_border1"></span><span>' + LoadData1[i].璁惧鐘舵�� + '</span></p>';
+                                    break;
+                                case "缁翠慨瀹屾垚":
+                                    html1 += '<p><span>褰撳墠鐘舵�侊細</span><span class="gj_icon color_border7"></span><span>' + LoadData1[i].璁惧鐘舵�� + '</span></p>';
+                                    break;
+                                default:
+                            }
+                            html1 += '</dd>';
+                            html1 += '</dl>';
+                            html1 += '</div>';
+                            html1 += '</div>';
+                            $("#btomleft").append(html1);
+                        }
+                    }
+                },
+                error: function (err) {
+                    layer.alert(err.Message, { time: 1 * 2000, icon: 5 });
+                    return false;
+                }
+            });
+        }
+
+        // 鏍戠姸鍥炬煡璇�
+        function get_Display_Tree() {
+            var sWhere = " and  HWorkShopFlag =1   and HUSEORGID=" + sessionStorage["OrganizationID"];
+            var ajaxLoad = layer.load();
+            $.ajax({
+                url: GetWEBURL() + '/Gy_Department/Gy_DepartmentTreeList',
+                data: { "sWhere": sWhere },
+                type: "GET",
+                success: function (data1) {
+                    if (data1.count == 1) {
+                        layer.close(ajaxLoad);
+                        var data = JSON.parse(data1.data);
+                        MenuMain(data);
+                    } else {
+                        layer.close(ajaxLoad);
+                        layer.alert(data1.code + data1.Message, { icon: 5 });
+                    }
+                }, error: function () {
+                    layer.close(ajaxLoad);
+                    layer.alert("鎺ュ彛璇锋眰澶辫触!", { icon: 5 });
+                }
+            });
+        }
+
+        //閬嶅巻鐢熸垚涓昏彍鍗�
+        function MenuMain(data) {
+            var liStr = '[';
+            //閬嶅巻鐢熸垚涓昏彍鍗�
+            for (var i = 0; i < data.length; i++) {
+                // 鍒ゆ柇鏄惁瀛樺湪瀛愯彍鍗�
+                if (data[i].children != null && data[i].children.length > 0) {
+                    liStr += '{"title": "' + data[i].id + "-" + data[i].title + '", "id": "' + data[i].id + '","spread":true, "children":[ ';
+                    // 閬嶅巻鑾峰彇瀛愯彍鍗�
+                    for (var k = 0; k < data[i].children.length; k++) {
+                        liStr += getChildMenu(data[i].children[k], 0);
+                    }
+                    liStr = liStr.substring(0, liStr.length - 1);
+                    liStr += ']},';
+                } else {
+                    liStr += '{"title": "' + data[i].id + "-" + data[i].title + '", "id": "' + data[i].id + '"},';
+                }
+            };
+            liStr = liStr.substring(0, liStr.length - 1);
+            liStr += "]";
+            var treeTable = JSON.parse(liStr);
+            tree.render({
+                elem: '#TreeTable' //榛樿鏄偣鍑昏妭鐐瑰彲杩涜鏀剁缉
+                , data: treeTable
+                , click: function (obj) {
+                    //楂樹寒鍙樿壊
+                    $(".layui-tree-set").removeClass('layui-tree-set-active');
+                    obj.elem.addClass('layui-tree-set-active');
+
+                    var data = obj.data;  //鑾峰彇褰撳墠鐐瑰嚮鐨勮妭鐐规暟鎹�
+                    HDeptID = 0;
+                    if (data.id == "0") {
+
+                    } else {
+                        HDeptID = data.id;
+                    }
+                    Check(HDeptID);
+                }
+            });
+        }
+
+        // 閫掑綊鐢熸垚瀛愯彍鍗�
+        function getChildMenu(subMenu, num) {
+            num++;
+            var subStr = '';
+            if (subMenu.children != null && subMenu.children.length > 0) {
+                subStr += '{"title": "' + subMenu.id + "-" + subMenu.title + '", "id": "' + subMenu.id + '", "children":[';
+                for (var j = 0; j < subMenu.children.length; j++) {
+                    subStr += getChildMenu(subMenu.children[j], num);
+                    if (j + 1 == subMenu.children.length) {
+                        subStr = subStr.substring(0, subStr.length - 1);
+                    }
+                }
+                subStr += ']},';
+            } else {
+                subStr += '{"title": "' + subMenu.id + "-" + subMenu.title + '", "id": "' + subMenu.id + '"},';
+            }
+            return subStr;
+        }
+
+    });
+    //#endregion
+
+    //宸ュ崟鍒楄〃閫変腑
+    function CheckBtom(obj, i) {
+        workcode = $("#gd" + i + "").html(); //閫氳繃鏍峰紡ID鑾峰彇html鍐呭(宸ュ崟鍙�)
+        HICMOInterID = $("#df" + i + "").html();     //鐢熶骇璁㈠崟涓诲唴鐮�
+        HICMOEntryID = $("#ds" + i + "").html();     //鐢熶骇璁㈠崟瀛愬唴鐮�
+        HEquipID = $("#sb" + i + "").html();     //璁惧id
+        HEquipNumber = $("#sbbm" + i + "").html();     //璁惧缂栫爜
+        HEquipName = $("#sbmc" + i + "").html();     //璁惧鍚嶇О
+        HSourceID = $("#cs" + i + "").html();     //浜х嚎id
+
+        $('.cns').removeClass('check1');  //鍒犻櫎涓嶅悓鐖剁骇clss鏍峰紡鐩稿悓鐨勬墍鏈夊厓绱�
+        $("#bs" + i + "").addClass('check1'); // 娣诲姞褰撳墠鍏冪礌鐨勬牱寮�
+        if (HEquipID != "" && HEquipID != null) {
+            wktag = 1;
+        }
+        sWhere = {
+            HDeptID: HDeptID
+            , HSourceID: HSourceID
+        }
+
+        /* 鐐瑰嚮 璁惧 寮�鍚澶囪鎯呭脊绐楋紝璁惧鐘舵�佽鎯呴〉闈� 
+        *璇︽儏椤甸潰锛氭棩鏈熻繃婊ゃ�佽澶囪繍琛屽垎鏋愩�佽鎶ワ紙鍙互鍏堝彇鍊间负鏈�杩戠殑瀹夌伅绠$悊锛夊彇鍊肩敤 璁惧杩愯鐘舵�佽〃 Sb_EquipRunningStatus(璁惧褰撳墠鐘舵�佹晥鐜囧垎鏋�) 
+        */
+        layer.open({
+            type: 2,
+            skin: 'layui-layer-rim', //鍔犱笂杈规
+            title: '璁惧璇︽儏',
+            closeBtn: 1,
+            shift: 2,
+            area: ['100%', '100%'],
+            maxmin: true,
+            content: './DAQ_EvidenceEquipmentCockpitDetail.html?HEquipID=' + HEquipID,
+            end: function () {
+
+            },
+            success: function (dom, index) {
+
+            },
+        });
+        // FourReport(JSON.stringify(sWhere));
+    }
+
+    //鏌ヨ 閮ㄩ棬+浜х嚎 4涓浘琛� 璧嬪��
+    function FourReport(sWhere) {
+        $.ajax({
+            url: GetWEBURL() + '/Sc_HEquipStateDistribution/Get_EquipStateDistribution_FourReport',
+            type: "GET",
+            data: { "sWhere": sWhere, "user": sessionStorage["HUserName"], "OrganizationID": sessionStorage["OrganizationID"] },
+            dataType: "json",//鏁版嵁绫诲瀷鍙互涓� text xml json  script  jsonp
+            success: function (data) {
+                var chartData = data.data.h_p_Sc_FourStateDistributionReport;
+                var chartData1 = data.data.h_p_Sc_FourStateDistributionReport1;
+                var chartData2 = data.data.h_p_Sc_FourStateDistributionReport2;
+                var chartData3 = data.data.h_p_Sc_FourStateDistributionReport3;
+                var mychart11 = echarts.init(document.getElementById('mychart11'));
+                var mychart22 = echarts.init(document.getElementById('mychart22'));
+                var mychart3 = echarts.init(document.getElementById('mychart3'));
+                var mychart4 = echarts.init(document.getElementById('mychart4'));
+
+                get_Histogram1(mychart11, chartData);
+                get_LineChart(mychart22, chartData1);
+                get_Statistics(mychart3, chartData2);
+                get_Histogram4(mychart4, chartData3);
+
+            },
+            error: function (err) {
+                layer.alert(err.Message, { time: 1 * 2000, icon: 5 });
+                return false;
+            }
+        });
+    }
+
+    //鏌辩姸鍥�
+    function get_Histogram1(mychart11, chartData) {
+        // 榛樿鐨刼ption缁撴瀯
+        var option = {
+            title: {
+                text: '杩戜竷澶╀骇鑳�', // 榛樿鏍囬涓虹┖
+                left: 'center',
+                top: '10%', // 璋冩暣鏍囬浣嶇疆锛屾斁鍒版渶涓婇潰
+                textStyle: {
+                    fontSize: 18,
+                    color: '#ff0000'
+                }
+            },
+            grid: {
+                top: '25%', // 璋冩暣grid鐨則op鍊硷紝缁欐爣棰樼暀鍑虹┖闂�
+                bottom: '20%',
+                left: '10%',
+                right: '10%'
+            },
+            xAxis: {
+                type: 'category',
+                data: [] // 榛樿x杞存暟鎹负绌�
+            },
+            yAxis: {
+                type: 'value'
+            },
+            series: [
+                {
+                    data: [], // 榛樿series鏁版嵁涓虹┖
+                    type: 'bar'
+                }
+            ]
+        };
+
+        // 濡傛灉鏈夋暟鎹紝鏇存柊option鐨勫唴瀹�
+        if (chartData && chartData.length > 0) {
+            option.title.text = '杩戜竷澶╀骇鑳�'; // 姝e父鏁版嵁鏃舵病鏈夋爣棰�
+            option.xAxis.data = chartData.map(item => item.鏃ユ湡); // 璁剧疆x杞存暟鎹�
+            option.series[0].data = chartData.map(item => item['鐢熶骇鎬绘暟']); // 璁剧疆y杞存暟鎹�
+
+            option.series[0].label = {
+                normal: {
+                    show: true,
+                    position: 'top',
+                    formatter: function (params) {
+                        return echarts.format.addCommas(params.value);
+                    }
+                }
+            };
+
+            option.series[0].itemStyle = {
+                normal: {
+                    color: '#15b1fa',
+                    label: {
+                        show: true // 鍦ㄦ煴鐘跺浘涓婃樉绀烘暟鎹�
+                    }
+                }
+            };
+        } else {
+            // 娌℃湁鏁版嵁鏃讹紝鏄剧ず"鏆傛棤鏁版嵁"鎻愮ず
+            option.title.text = '鏆傛棤鏁版嵁';
+        }
+
+        // 鏇存柊鍥捐〃
+        mychart11.setOption(option);
+    }
+
+    //鏌辩姸鍥�2
+    function get_LineChart(mychart22, chartData1) {
+        // 榛樿鐨刼ption缁撴瀯
+        var option = {
+            title: {
+                text: '缁翠慨', // 榛樿鏍囬涓虹┖
+                left: 'center',
+                top: '10%', // 璋冩暣鏍囬浣嶇疆锛屾斁鍒版渶涓婇潰
+                textStyle: {
+                    fontSize: 18,
+                    color: '#ff0000'
+                }
+            },
+            axisLabel: {
+                show: true,
+                interval: 0,
+                color: '#15b1fa',
+                formatter: function (value) {
+                    var ret = "";//鎷兼帴鍔燶n杩斿洖鐨勭被鐩」
+                    var maxLength = 1;//姣忛」鏄剧ず鏂囧瓧涓暟
+                    var valLength = value.length;//X杞寸被鐩」鐨勬枃瀛椾釜鏁�
+                    var rowN = Math.ceil(valLength / maxLength); //绫荤洰椤归渶瑕佹崲琛岀殑琛屾暟
+                    if (rowN > 1)//濡傛灉绫荤洰椤圭殑鏂囧瓧澶т簬3,
+                    {
+                        for (var i = 0; i < rowN; i++) {
+                            var temp = "";//姣忔鎴彇鐨勫瓧绗︿覆
+                            var start = i * maxLength;//寮�濮嬫埅鍙栫殑浣嶇疆
+                            var end = start + maxLength;//缁撴潫鎴彇鐨勪綅缃�
+                            //杩欓噷涔熷彲浠ュ姞涓�涓槸鍚︽槸鏈�鍚庝竴琛岀殑鍒ゆ柇锛屼絾鏄笉鍔犱篃娌℃湁褰卞搷锛岄偅灏变笉鍔犲惂
+                            temp = value.substring(start, end) + "\n";
+                            ret += temp; //鍑�熸渶缁堢殑瀛楃涓�
+                        }
+                        return ret;
+                    }
+                    else {
+                        return value;
+                    }
+                }
+            },
+            grid: {
+                top: '25%', // 璋冩暣grid鐨則op鍊硷紝缁欐爣棰樼暀鍑虹┖闂�
+                bottom: '20%',
+                left: '10%',
+                right: '10%'
+            },
+            xAxis: {
+                type: 'category',
+                data: [] // 榛樿x杞存暟鎹负绌�
+            },
+            yAxis: {
+                type: 'value'
+            },
+            series: [
+                {
+                    data: [], // 榛樿series鏁版嵁涓虹┖
+                    type: 'bar'
+                }
+            ]
+        };
+
+
+
+        // 濡傛灉鏈夋暟鎹紝鏇存柊option鐨勫唴瀹�
+        if (chartData1 && chartData1.length > 0) {
+            option.title.text = '涓嶈壇鍘熷洜'; // 姝e父鏁版嵁鏃舵病鏈夋爣棰�
+            option.xAxis.data = chartData1.map(item => item.涓嶈壇鍘熷洜); // 璁剧疆x杞存暟鎹�
+            option.series[0].data = chartData1.map(item => item['鏁伴噺']); // 璁剧疆y杞存暟鎹�
+
+            option.series[0].label = {
+                normal: {
+                    show: true,
+                    position: 'top',
+                    formatter: function (params) {
+                        return echarts.format.addCommas(params.value);
+                    }
+                }
+            };
+
+            option.series[0].itemStyle = {
+                normal: {
+                    color: '#15b1fa',
+                    label: {
+                        show: true // 鍦ㄦ煴鐘跺浘涓婃樉绀烘暟鎹�
+                    }
+                }
+            };
+        } else {
+            // 娌℃湁鏁版嵁鏃讹紝鏄剧ず"鏆傛棤鏁版嵁"鎻愮ず
+            option.title.text = '鏆傛棤鏁版嵁';
+        }
+
+        // 鏇存柊鍥捐〃
+        mychart22.setOption(option);
+    }
+
+    //楗煎浘
+    function get_Statistics(mychart3, chartData2) {
+        // 濡傛灉 chartData2 涓虹┖锛屾彁渚涗竴涓�滄棤鏁版嵁鈥濇彁绀�
+        if (chartData2.length === 0) {
+            mychart3.setOption({
+                title: {
+                    text: '鏆傛棤鏁版嵁',
+                    left: 'center',
+                    top: '10%',
+                    textStyle: {
+                        color: 'red', // 璁剧疆鏍囬棰滆壊涓虹孩鑹�
+                        fontSize: 18,
+                        fontWeight: 'bold'
+                    }
+                },
+                series: [],  // 娓呯┖鏁版嵁
+                graphic: []  // 娓呯┖鍥惧舰涓殑鏂囨湰
+            });
+            return;
+        }
+
+        // 鐘舵�侀鑹叉槧灏�
+        const statusColorMap = {
+            '寮�鏈�': '#28a745',    // 缁胯壊
+            '鏁呴殰': '#ff63a5',    // 妗冪孩鑹�
+            '鍋滄満': '#f0ad4e',    // 榛勮壊
+            '鏈煡': '#6c757d'     // 鐏拌壊
+        };
+
+        // 璁$畻寮�鏈虹巼
+        const totalDevices = chartData2.reduce((sum, item) => sum + item.鏁伴噺, 0);
+        const onlineDevices = chartData2.find(item => item.鐘舵�� === '寮�鏈�')?.鏁伴噺 || 0;
+        const onlineRate = totalDevices === 0 ? 0 : (onlineDevices / totalDevices * 100).toFixed(2);
+
+        // 鍔ㄦ�佺敓鎴愰ゼ鍥炬暟鎹紝骞舵牴鎹姸鎬佽缃鑹�
+        var data = chartData2.map(function (item) {
+            // 鑾峰彇褰撳墠鐘舵�佺殑棰滆壊锛岄粯璁や负鐏拌壊
+            var color = statusColorMap[item.鐘舵�乚 || statusColorMap['鏈煡'];
+
+            return {
+                value: item.鏁伴噺,
+                name: item.鐘舵��,
+                itemStyle: {
+                    color: color  // 涓烘瘡涓姸鎬佽缃搴旂殑棰滆壊
+                }
+            };
+        });
+
+        // 鍥捐〃鐨勯厤缃」
+        var option = {
+            title: {
+                text: '璁惧鐘舵�佸垎鏋愬姣�',
+                left: 'center',
+                top: '10%',  // 灏嗘爣棰樻斁缃埌椤堕儴
+                textStyle: {
+                    color: 'red',  // 璁剧疆鏍囬瀛椾綋棰滆壊涓虹孩鑹�
+                    fontSize: 18,
+                    fontWeight: 'bold'
+                }
+            },
+            tooltip: {
+                trigger: 'item'
+            },
+            legend: {
+                orient: 'vertical',
+                left: 'left'
+            },
+            series: [
+                {
+                    name: '璁惧鐘舵��',
+                    type: 'pie',
+                    radius: '50%',
+                    data: data,  // 浣跨敤鍔ㄦ�佺敓鎴愮殑鏁版嵁
+                    emphasis: {
+                        itemStyle: {
+                            shadowBlur: 10,
+                            shadowOffsetX: 0,
+                            shadowColor: 'rgba(0, 0, 0, 0.5)'
+                        }
+                    }
+                }
+            ],
+            graphic: [{
+                type: 'text',
+                left: 'center',
+                top: '85%',  // 璋冩暣鏂囨湰浣嶇疆锛岃鍏剁◢寰洿寰�涓�
+                style: {
+                    text: `寮�鏈虹巼: ${onlineRate}%`,  // 鏄剧ず寮�鏈虹巼
+                    font: '16px Arial',
+                    fill: '#00aaff'  // 浣跨敤娴呰摑鑹叉樉绀哄紑鏈虹巼
+                }
+            }]
+        };
+
+        // 璁剧疆鍥捐〃鐨勯厤缃」
+        mychart3.setOption(option);
+    }
+
+    //鏌辩姸鍥�4
+    function get_Histogram4(mychart4, chartData3) {
+        // 榛樿鐨刼ption缁撴瀯
+        var option = {
+            title: {
+                text: '缁翠慨', // 榛樿鏍囬涓虹┖
+                left: 'center',
+                top: '10%', // 璋冩暣鏍囬浣嶇疆锛屾斁鍒版渶涓婇潰
+                textStyle: {
+                    fontSize: 18,
+                    color: '#ff0000'
+                }
+            },
+            axisLabel: {
+                show: true,
+                interval: 0,
+                color: '#15b1fa',
+                formatter: function (value) {
+                    var ret = "";//鎷兼帴鍔燶n杩斿洖鐨勭被鐩」
+                    var maxLength = 1;//姣忛」鏄剧ず鏂囧瓧涓暟
+                    var valLength = value.length;//X杞寸被鐩」鐨勬枃瀛椾釜鏁�
+                    var rowN = Math.ceil(valLength / maxLength); //绫荤洰椤归渶瑕佹崲琛岀殑琛屾暟
+                    if (rowN > 1)//濡傛灉绫荤洰椤圭殑鏂囧瓧澶т簬3,
+                    {
+                        for (var i = 0; i < rowN; i++) {
+                            var temp = "";//姣忔鎴彇鐨勫瓧绗︿覆
+                            var start = i * maxLength;//寮�濮嬫埅鍙栫殑浣嶇疆
+                            var end = start + maxLength;//缁撴潫鎴彇鐨勪綅缃�
+                            //杩欓噷涔熷彲浠ュ姞涓�涓槸鍚︽槸鏈�鍚庝竴琛岀殑鍒ゆ柇锛屼絾鏄笉鍔犱篃娌℃湁褰卞搷锛岄偅灏变笉鍔犲惂
+                            temp = value.substring(start, end) + "\n";
+                            ret += temp; //鍑�熸渶缁堢殑瀛楃涓�
+                        }
+                        return ret;
+                    }
+                    else {
+                        return value;
+                    }
+                }
+            },
+            grid: {
+                top: '25%', // 璋冩暣grid鐨則op鍊硷紝缁欐爣棰樼暀鍑虹┖闂�
+                bottom: '20%',
+                left: '10%',
+                right: '10%'
+            },
+            xAxis: {
+                type: 'category',
+                data: [] // 榛樿x杞存暟鎹负绌�
+            },
+            yAxis: {
+                type: 'value'
+            },
+            series: [
+                {
+                    data: [], // 榛樿series鏁版嵁涓虹┖
+                    type: 'bar'
+                }
+            ]
+        };
+
+        // 濡傛灉鏈夋暟鎹紝鏇存柊option鐨勫唴瀹�
+        if (chartData3 && chartData3.length > 0) {
+            option.title.text = '缁翠慨'; // 姝e父鏁版嵁鏃舵病鏈夋爣棰�
+            option.xAxis.data = chartData3.map(item => item.缁翠慨椤圭洰); // 璁剧疆x杞存暟鎹�
+            option.series[0].data = chartData3.map(item => item['缁翠慨娆℃暟']); // 璁剧疆y杞存暟鎹�
+
+            option.series[0].label = {
+                normal: {
+                    show: true,
+                    position: 'top',
+                    formatter: function (params) {
+                        return echarts.format.addCommas(params.value);
+                    }
+                }
+            };
+
+            option.series[0].itemStyle = {
+                normal: {
+                    color: '#15b1fa',
+                    label: {
+                        show: true // 鍦ㄦ煴鐘跺浘涓婃樉绀烘暟鎹�
+                    }
+                }
+            };
+        } else {
+            // 娌℃湁鏁版嵁鏃讹紝鏄剧ず"鏆傛棤鏁版嵁"鎻愮ず
+            option.title.text = '鏆傛棤鏁版嵁';
+        }
+
+        // 鏇存柊鍥捐〃
+        mychart4.setOption(option);
+    }
+
+
+
+    //#region   鎿嶄綔鍙版寜閽偣鍑讳簨浠�
+
+    //寮�鏈烘寜閽偣鍑讳簨浠�
+    function PowerOn(event, obj) {
+        if (wktag == 0) {
+            layer.alert("璇烽�夋嫨瀵瑰簲璁惧", { icon: 5 });
+            return false;
+        }
+        layer.open({
+            type: 2,
+            skin: 'layui-layer-rim', //鍔犱笂杈规
+            title: '鏂板寮�鏈哄崟',
+            closeBtn: 1,
+            shift: 2,
+            area: ['100%', '100%'],
+            maxmin: true,
+            content: '../../璁惧绠$悊/璁惧寮�鏈哄崟/Sb_EquipBeginBill.html?OperationType=1&linterid=0&HSouceBillType=',
+            end: function () {
+
+            },
+            success: function (dom, index) {
+                var data = [];
+                data.push({
+                    "HEquipID": HEquipID
+                });
+
+                //閫氳繃绱㈠紩鑾峰彇鍒板綋鍓峣frame寮瑰嚭灞�
+                var iframe = window['layui-layer-iframe' + index];
+                //璋冪敤iframe寮瑰嚭灞傚唴鐨勬柟娉�
+                iframe.edit(data);
+            },
+        });
+    }
+
+    //鍋滄満鎸夐挳鐐瑰嚮浜嬩欢
+    function PowerOff(event, obj) {
+        if (wktag == 0) {
+            layer.alert("璇烽�夋嫨瀵瑰簲璁惧", { icon: 5 });
+            return false;
+        }
+        layer.open({
+            type: 2,
+            skin: 'layui-layer-rim', //鍔犱笂杈规
+            title: '鏂板鍋滄満鍗�',
+            closeBtn: 1,
+            shift: 2,
+            area: ['100%', '100%'],
+            maxmin: true,
+            content: '../../璁惧绠$悊/璁惧鍋滄満鍗�/Sb_EquipStopBill.html?OperationType=1&linterid=0&HSouceBillType=',
+            end: function () {
+
+            },
+            success: function (dom, index) {
+                var data = [];
+                data.push({
+                    "HEquipID": HEquipID
+                });
+
+                //閫氳繃绱㈠紩鑾峰彇鍒板綋鍓峣frame寮瑰嚭灞�
+                var iframe = window['layui-layer-iframe' + index];
+                //璋冪敤iframe寮瑰嚭灞傚唴鐨勬柟娉�
+                iframe.edit(data);
+            },
+        });
+    }
+
+    //鐐规璁板綍鎸夐挳鐐瑰嚮浜嬩欢
+    function DotCheck(event, obj) {
+        if (wktag == 0) {
+            layer.alert("璇烽�夋嫨瀵瑰簲璁惧", { icon: 5 });
+            return false;
+        }
+        layer.open({
+            type: 2,
+            skin: 'layui-layer-rim', //鍔犱笂杈规
+            title: '鏌ョ湅璁惧鏈堢偣妫�璁板綍',
+            closeBtn: 1,
+            shift: 2,
+            area: ['100%', '100%'],
+            maxmin: true,
+            content: '../../杞﹂棿绠$悊/鍚姩鐐规鍗�/Sc_WorkDotCheckBillList_Day.html?OperationType=璁惧&linterid=' + HEquipID + '',
+            end: function () {
+
+            },
+            success: function (dom, index) {
+                var data = [];
+                data.push({
+                    "HEquipID": HEquipID,
+                    "HEquipType": "璁惧"
+                });
+
+                //閫氳繃绱㈠紩鑾峰彇鍒板綋鍓峣frame寮瑰嚭灞�
+                var iframe = window['layui-layer-iframe' + index];
+                //璋冪敤iframe寮瑰嚭灞傚唴鐨勬柟娉�
+                iframe.edit(data);
+
+            },
+        });
+    }
+
+    //鏁呴殰鐧昏鎸夐挳鐐瑰嚮浜嬩欢
+    function FaultRegistration(event, obj) {
+        if (wktag == 0) {
+            layer.alert("璇烽�夋嫨瀵瑰簲璁惧", { icon: 5 });
+            return false;
+        }
+        layer.open({
+            type: 2,
+            skin: 'layui-layer-rim', //鍔犱笂杈规
+            title: '鏂板鏁呴殰鐧昏鍗�',
+            closeBtn: 1,
+            shift: 2,
+            area: ['100%', '100%'],
+            maxmin: true,
+            content: '../../璁惧绠$悊/Sb_Add_EqpConkBookBillList.html?OperationType=1&linterid=0&HSouceBillType=',
+            end: function () {
+
+            },
+            success: function (dom, index) {
+                var data = [];
+                data.push({
+                    "HEquipID": HEquipID
+                });
+
+                //閫氳繃绱㈠紩鑾峰彇鍒板綋鍓峣frame寮瑰嚭灞�
+                var iframe = window['layui-layer-iframe' + index];
+                //璋冪敤iframe寮瑰嚭灞傚唴鐨勬柟娉�
+                iframe.edit(data);
+            },
+        });
+    }
+
+    //缁翠慨璁板綍鎸夐挳鐐瑰嚮浜嬩欢
+    function Maintenance(event, obj) {
+        if (wktag == 0) {
+            layer.alert("璇烽�夋嫨瀵瑰簲璁惧", { icon: 5 });
+            return false;
+        }
+        layer.open({
+            type: 2,
+            skin: 'layui-layer-rim', //鍔犱笂杈规
+            title: '鏂板缁翠慨璁板綍鍗�',
+            closeBtn: 1,
+            shift: 2,
+            area: ['100%', '100%'],
+            maxmin: true,
+            content: '../../璁惧绠$悊/Sb_Add_EqpMaintenanceBillList.html?OperationType=1&linterid=0&HSouceBillType=',
+            end: function () {
+
+            },
+            success: function (dom, index) {
+                var data = [];
+                data.push({
+                    "HEquipID": HEquipID
+                });
+
+                //閫氳繃绱㈠紩鑾峰彇鍒板綋鍓峣frame寮瑰嚭灞�
+                var iframe = window['layui-layer-iframe' + index];
+                //璋冪敤iframe寮瑰嚭灞傚唴鐨勬柟娉�
+                iframe.edit(data);
+            },
+        });
+    }
+
+    //灞ュ巻鎸夐挳鐐瑰嚮浜嬩欢
+    function Resume(event, obj) {
+        if (wktag == 0) {
+            layer.alert("璇烽�夋嫨瀵瑰簲璁惧", { icon: 5 });
+            return false;
+        }
+        layer.open({
+            type: 2,
+            skin: 'layui-layer-rim', //鍔犱笂杈规
+            title: '鏌ョ湅璁惧灞ュ巻',
+            closeBtn: 1,
+            shift: 2,
+            area: ['100%', '100%'],
+            maxmin: true,
+            content: '../../璁惧绠$悊/璁惧鎶ヨ〃/Sb_EquipResumeCheckQuery.html?OperationType=1&linterid=0&HSouceBillType=',
+            end: function () {
+
+            },
+            success: function (dom, index) {
+                var data = [];
+                data.push({
+                    "HEquipID": HEquipID,
+                    "HEquipNumber": HEquipNumber,
+                    "HEquipName": HEquipName
+                });
+
+                //閫氳繃绱㈠紩鑾峰彇鍒板綋鍓峣frame寮瑰嚭灞�
+                var iframe = window['layui-layer-iframe' + index];
+                //璋冪敤iframe寮瑰嚭灞傚唴鐨勬柟娉�
+                iframe.edit(data);
+            },
+        });
+    }
+
+    //宸ヨ壓鎸夐挳鐐瑰嚮浜嬩欢
+    function Process(event, obj) {
+        if (wktag == 0) {
+            layer.alert("璇烽�夋嫨瀵瑰簲璁惧", { icon: 5 });
+            return false;
+        }
+        layer.open({
+            type: 2,
+            skin: 'layui-layer-rim', //鍔犱笂杈规
+            title: '鏌ョ湅璁惧宸ヨ壓鍙傛暟',
+            closeBtn: 1,
+            shift: 2,
+            area: ['100%', '100%'],
+            maxmin: true,
+            content: '../../鐢熶骇绠$悊/璁㈠崟鐘舵�佸垎甯�/Sc_EquipmentProcessList.html?OperationType=4&linterid=0&HSouceBillType=',
+            end: function () {
+
+            },
+            success: function (dom, index) {
+                var data = [];
+                data.push({
+                    "HEquipID": HEquipID,
+                    "HICMOInterID": HICMOInterID,
+                    "HICMOEntryID": HICMOEntryID
+                });
+
+                //閫氳繃绱㈠紩鑾峰彇鍒板綋鍓峣frame寮瑰嚭灞�
+                var iframe = window['layui-layer-iframe' + index];
+                //璋冪敤iframe寮瑰嚭灞傚唴鐨勬柟娉�
+                iframe.edit(data);
+
+            },
+        });
+    }
+
+    //鐘舵�佹寜閽偣鍑讳簨浠�
+    function HStatus(event, obj) {
+        if (wktag == 0) {
+            layer.alert("璇烽�夋嫨瀵瑰簲璁惧", { icon: 5 });
+            return false;
+        }
+        layer.open({
+            type: 2,
+            skin: 'layui-layer-rim', //鍔犱笂杈规
+            title: '鏌ョ湅璁惧OEE',
+            closeBtn: 1,
+            shift: 2,
+            area: ['100%', '100%'],
+            maxmin: true,
+            content: '../../鐢熶骇绠$悊/璁㈠崟鐘舵�佸垎甯�/Sc_OEEStatusReport.html?OperationType=4&linterid=0&HSouceBillType=',
+            end: function () {
+
+            },
+            success: function (dom, index) {
+                var data = [];
+                data.push({
+                    "HEquipNumber": HEquipNumber
+                });
+
+                //閫氳繃绱㈠紩鑾峰彇鍒板綋鍓峣frame寮瑰嚭灞�
+                var iframe = window['layui-layer-iframe' + index];
+                //璋冪敤iframe寮瑰嚭灞傚唴鐨勬柟娉�
+                iframe.edit(data);
+
+            },
+        });
+    }
+
+
+    //#endregion
+
+</script>
\ No newline at end of file

--
Gitblit v1.9.1