From de25bba1a0e289c78bc42018d97915c10bbd7381 Mon Sep 17 00:00:00 2001
From: zrg <z1873@LAPTOP-EAVL132E>
Date: 星期三, 22 四月 2026 09:52:08 +0800
Subject: [PATCH] 1
---
WebTM/views/数采管理/DAQ_EvidenceEquipmentCockpit.html | 982 ++++-----------------------------------------------------
1 files changed, 76 insertions(+), 906 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"
index 6d18281..24c25a4 100644
--- "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"
@@ -7,7 +7,6 @@
<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>
@@ -15,99 +14,51 @@
<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;
+ /* 鍏ㄥ眬鍩虹鏍峰紡 */
+ html, body {
+ width: 100%;
+ height: 100%;
+ margin: 0;
+ padding: 0;
overflow: hidden;
}
- .check1 {
+ /* 鏍戠姸鍥鹃�変腑楂樹寒 */
+ .layui-tree-set-active > .layui-tree-entry .layui-tree-main {
+ background: #aef0f7;
+ }
+ /* 鍦ㄥ師鏈�<style>鏍囩鍐呬慨鏀�/鏂板浠ヤ笅鏍峰紡 */
+ /* 璁惧鍗＄墖鏍峰紡 - 璋冩暣楂樺害+婧㈠嚭澶勭悊 */
+ .cns {
+ border: 1px solid #5FB878;
+ height: 220px; /* 鍘�130px 鈫� 璋冩暣涓�220px锛屽绾冲浘鐗�+鏂囧瓧 */
+ border-radius: 5px;
+ width: 100%;
+ box-sizing: border-box;
cursor: pointer;
- /*榧犳爣鍙樻垚鎵嬫寚鏍峰紡*/
- -webkit-transition: border linear .1s, -webkit-box-shadow linear .5s;
+ padding: 5px; /* 澧炲姞鍐呰竟璺濓紝閬垮厤鍐呭璐磋竟 */
+ overflow: hidden; /* 闃叉鏋佺鎯呭喌婧㈠嚭 */
+ }
+
+ .cns p {
+ font-size: 12px;
+ line-height: 18px;
+ margin: 0 5px;
+ white-space: nowrap;
+ text-overflow: ellipsis;
+ overflow: hidden;
+ }
+
+ /* 鏂板锛氬浘鐗囧鍣ㄦ牱寮忥紝灞呬腑鏄剧ず鍥剧墖 */
+ .img-container {
+ width: 100%; /* 鍗＄墖瀹藉害180px 鈫� 鍥剧墖160px锛屽眳涓� */
+ text-align: center;
+ margin: 5px 0; /* 涓婁笅闂磋窛锛屽垎闅旀枃瀛楀拰鍥剧墖 */
+ }
+
+ /* 璁惧鍗＄墖閫変腑鏍峰紡 */
+ .check1 {
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>
@@ -115,122 +66,19 @@
<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;">
+ <div class="layui-card" style="padding: 0; height: 100%;">
+ <div class="layui-card-body" style="padding: 0; height: 100%;">
<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 class="layui-row" style="width: 100%; height: 100%;">
+ <!-- 宸︿晶鏍戠姸鍥撅細layui-col-xs2 鏀逛负 layui-col-lg2锛堥�傞厤澶у睆锛夛紝楂樺害100%锛岀Щ闄nline -->
+ <div class="layui-col-lg2" style="border: solid 1.5px #e0d6d64d; height: 100%; float: left;">
+ <div id="TreeTable" class="demo-tree demo-tree-box" style="height: 100%; width: 100%; overflow: auto;"></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>
+ <!-- 鍙充晶璁惧鍒楄〃锛歭ayui-col-xs10 鏀逛负 layui-col-lg10锛岄珮搴�100%锛岀Щ闄nline -->
+ <div class="layui-col-lg10" style="border: solid 1.5px #e0d6d64d; height: 100%; float: left;">
+ <div id="btomleft" style="height: 100%; width: 100%; 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>
+ </div>
</form>
</div>
</div>
@@ -281,33 +129,24 @@
//#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
-
+ function set_ClearBill() {
//鏌ヨ
get_Display_Tree();
}
//#endregion
- //鏌ヨ宸ュ崟
+ //鏌ヨ閮ㄩ棬璁惧
function Check(HDeptID) {
wktag = 0;
$("#btomleft").html("");
$.ajax({
- url: GetWEBURL() + '/Sc_HEquipStateDistribution/Sc_HEquipStateDistribution_Souce',
+ url: GetWEBURL() + '/Sc_HEquipStateDistribution/Get_HEquipStateList',
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;
+ var LoadData1 = data.data.h_p_sc_HDeptEquipList;
if (LoadData1.length > 0) //宸ュ崟鍒楄〃鏁版嵁
{
@@ -317,41 +156,34 @@
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 += '<h1 style="display:none;"><span>璁惧ID锛�</span><span id="sb' + (i + 1) + '">' + LoadData1[i].HEquipID + '</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>';
+ 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>';
+ switch (LoadData1[i].褰撳墠鐘舵��) {
+ 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_border4"></span><span>' + LoadData1[i].璁惧鐘舵�� + '</span></p>';
+ 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_border1"></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_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>';
+ html1 += '<p><span>褰撳墠鐘舵�侊細</span><span class="gj_icon color_border3"></span><span>' + LoadData1[i].褰撳墠鐘舵�� + '</span></p>';
break;
default:
}
+ html1 += '<img src="../../layuiadmin/images/ZSJ.png" style="width:160px; height:80px; object-fit:contain;" alt="娉ㄥ鏈哄浘鐗�">';
html1 += '</dd>';
html1 += '</dl>';
html1 += '</div>';
@@ -455,24 +287,16 @@
//#endregion
//宸ュ崟鍒楄〃閫変腑
- function CheckBtom(obj, i) {
- workcode = $("#gd" + i + "").html(); //閫氳繃鏍峰紡ID鑾峰彇html鍐呭(宸ュ崟鍙�)
- HICMOInterID = $("#df" + i + "").html(); //鐢熶骇璁㈠崟涓诲唴鐮�
- HICMOEntryID = $("#ds" + i + "").html(); //鐢熶骇璁㈠崟瀛愬唴鐮�
+ function CheckBtom(obj, i) {
HEquipID = $("#sb" + i + "").html(); //璁惧id
HEquipNumber = $("#sbbm" + i + "").html(); //璁惧缂栫爜
- HEquipName = $("#sbmc" + i + "").html(); //璁惧鍚嶇О
- HSourceID = $("#cs" + i + "").html(); //浜х嚎id
+ HEquipName = $("#sbmc" + i + "").html(); //璁惧鍚嶇О
$('.cns').removeClass('check1'); //鍒犻櫎涓嶅悓鐖剁骇clss鏍峰紡鐩稿悓鐨勬墍鏈夊厓绱�
$("#bs" + i + "").addClass('check1'); // 娣诲姞褰撳墠鍏冪礌鐨勬牱寮�
if (HEquipID != "" && HEquipID != null) {
wktag = 1;
- }
- sWhere = {
- HDeptID: HDeptID
- , HSourceID: HSourceID
- }
+ }
/* 鐐瑰嚮 璁惧 寮�鍚澶囪鎯呭脊绐楋紝璁惧鐘舵�佽鎯呴〉闈�
*璇︽儏椤甸潰锛氭棩鏈熻繃婊ゃ�佽澶囪繍琛屽垎鏋愩�佽鎶ワ紙鍙互鍏堝彇鍊间负鏈�杩戠殑瀹夌伅绠＄悊锛夊彇鍊肩敤 璁惧杩愯鐘舵�佽〃 Sb_EquipRunningStatus(璁惧褰撳墠鐘舵�佹晥鐜囧垎鏋�)
@@ -493,661 +317,7 @@
},
});
- // 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 = '杩戜竷澶╀骇鑳�'; // 姝ｅ父鏁版嵁鏃舵病鏈夋爣棰�
- 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 = '涓嶈壇鍘熷洜'; // 姝ｅ父鏁版嵁鏃舵病鏈夋爣棰�
- 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 = '缁翠慨'; // 姝ｅ父鏁版嵁鏃舵病鏈夋爣棰�
- 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