123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673 |
- <!DOCTYPE html>
- <html>
- <head>
- <meta charset="utf-8">
- <title>瑞高船舶智能监控系统</title>
- <meta name="renderer" content="webkit">
- <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
- <meta http-equiv="Content-Type" content="text/html;charset=utf-8">
- <meta http-equiv="pragma" content="no-cache">
- <meta http-equiv="Cache" content="no-cache">
- <meta http-equiv="cache-control" content="no-cache, must-revalidate">
- <meta http-equiv="expires" content="0">
- <meta name="viewport"
- content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
- <link rel="stylesheet" href="../../css/element.css">
- <link rel="stylesheet" href="../../css/style.css">
- <link rel="stylesheet" id="linkSource" href="../../css/base.css">
- <script src="../../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../js/yz/init.js" type="text/javascript" charset="utf-8"></script>
- <script src="../../js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
- <script type="text/javascript">
- document.write('<script src="../../js/yz/ajax.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
- checkLogin();
- </script>
- </head>
- <style type="text/css">
- *{
- margin: 0;
- padding: 0;
- }
- body {
- color: #fff;
- height: 100%;
- background-color: #103151;
- }
- div,td {
- box-sizing: border-box;
- }
- .bg-theme-son{
- display: flex;
- align-items: center;
- justify-content: space-between;
- padding: 5px 10px;
- color: #fff;
- }
- .bg-theme-son .iconfont.act{
- transform:rotate(90deg);
- transition:transform 0.3s linear;
- }
- .type_li{
- display: flex;
- justify-content: center;
- padding: 10px;
- }
- .drog_li{
- display: flex;
- align-items: center;
- flex-wrap: wrap;
- padding:0 10px 10px;
- color: #e1e1e1;
- font-size: 11px;
- }
- .drog_li>div{
- width: 160px;
- margin-top: 15px;
- }
- .myChart9>div{
- width: 50%;
- }
- .myChart7>div:nth-child(even){
- width:calc(100% - 140px);
- }
- .myChart7>div:nth-child(odd){
- width:140px;
- }
- .myChart14>div,.myChart15>div{
- width: 80px;
- }
- .myChart12>div,.myChart13>div,.myChart2>div,.myChart6>div{
- width: 105px;
- }
- .drog_act {
- position: relative;
- }
- .act_dro {
- cursor: pointer;
- width: 15px;
- height: 15px;
- border-radius: 50%;
- margin-right: 4px;
- background-color: #4a95df;
- }
- .drog_act::after {
- content: "";
- position: absolute;
- left: 3px;
- top: 3.5px;
- width: 50%;
- height: 26%;
- border: 2px solid #fff;
- border-radius: 1px;
- border-top: none;
- border-right: none;
- background: transparent;
- transform: rotate(-45deg);
- }
- ._day{
- height: 28px;
- font-size: 14px;
- line-height: 28px;
- width: 60px;
- cursor: pointer;
- border-radius: 4px;
- text-align: center;
- background-color: #5793f3;
- }
- </style>
- <script type="text/javascript">
- </script>
- <body>
- <div class="topParen">
- <div class="topBox">
- <div>数据报表</div>
- <i class="iconfont icon-left" onclick="javascript:history.back(-1);"></i>
- </div>
- <div class="tabli">
- <div class="yz_this" name="0">货控室</div>
- <div name="1">主机</div>
- <div name="2">发电机</div>
- </div>
- <div class="search_ flex justify-center align-center">
- <div class="_day" data-num="-1">前一天</div>
- <input type="date" class="startDate text-center margin-lr" style="width: 140px;padding: 0;"/>
- <div class="_day" data-num="1">后一天</div>
- </div>
- <div class="ReportC">
- <div style="border: 1px solid rgba(125,125,125,0.4);margin: 7px;">
- <div class="bg-theme-son">
- <span>左、右液货舱</span>
- <span class="iconfont icon-right act"></span>
- </div>
- <div>
- <div class="type_li carGoYH" name="carGoYH">
- <div class="flex text-grey" name="yeHuo1">
- <div class="check_ check_act"></div><span style="line-height: 14px;">1#</span>
- </div>
- <div class="flex text-grey margin-lr-lg" name="yeHuo2">
- <div class="check_"></div><span style="line-height: 14px;">2#</span>
- </div>
- <div class="flex text-grey" name="yeHuo3">
- <div class="check_"></div><span style="line-height: 14px;">3#</span>
- </div>
- <div class="flex text-grey margin-lr-lg" name="yeHuo4">
- <div class="check_"></div><span style="line-height: 14px;">4#</span>
- </div>
- <div class="flex text-grey" name="yeHuo5">
- <div class="check_"></div><span style="line-height: 14px;">5#</span>
- </div>
- <div class="flex text-grey margin-left-sm" name="yeHuo6">
- <div class="check_"></div><span style="line-height: 14px;">6#</span>
- </div>
- </div>
- <div style="height: 200px;">
- <div id="myChart2" style="height:100%;"></div>
- </div>
- <div class="drog_li myChart2" name="myChart2">
-
- </div>
- </div>
- </div>
- <div style="border: 1px solid rgba(125,125,125,0.4);margin: 7px;">
- <div class="bg-theme-son">
- <span>泵-进出口压力</span>
- <span class="iconfont icon-right act"></span>
- </div>
- <div>
- <div style="height: 200px;">
- <div id="myChart3" style="height:100%;"></div>
- </div>
- <div class="drog_li myChart3" name="myChart3">
-
- </div>
- </div>
- </div>
- <div style="border: 1px solid rgba(125,125,125,0.4);margin: 7px;">
- <div class="bg-theme-son">
- <span>总、集管压力</span>
- <span class="iconfont icon-right"></span>
- </div>
- <div style="display: none;">
- <div style="height: 200px;">
- <div id="myChart4" style="height:100%;"></div>
- </div>
- <div class="drog_li myChart4" name="myChart4">
-
- </div>
- </div>
- </div>
- <div style="border: 1px solid rgba(125,125,125,0.4);margin: 7px;">
- <div class="bg-theme-son">
- <span>泵-穿舱温度</span>
- <span class="iconfont icon-right"></span>
- </div>
- <div style="display: none;">
- <div style="height: 200px;">
- <div id="myChart5" style="height:100%;"></div>
- </div>
- <div class="drog_li myChart5" name="myChart5">
-
- </div>
- </div>
- </div>
- <div style="border: 1px solid rgba(125,125,125,0.4);margin: 7px;">
- <div class="bg-theme-son">
- <span>压载舱、淡水泵</span>
- <span class="iconfont icon-right"></span>
- </div>
- <div style="display: none;">
- <div class="type_li bengYl" name="bengYl">
- <div class="flex text-grey" name="bengYl1">
- <div class="check_ check_act"></div><span style="line-height: 14px;">左液位</span>
- </div>
- <div class="flex text-grey margin-lr-lg" name="bengYl2">
- <div class="check_"></div><span style="line-height: 14px;">右液位</span>
- </div>
- </div>
- <div style="height: 200px;">
- <div id="myChart6" style="height:100%;"></div>
- </div>
- <div class="drog_li myChart6" name="myChart6">
-
- </div>
- </div>
- </div>
- </div>
- <div style="display: none;" class="ReportP">
- <div style="border: 1px solid rgba(125,125,125,0.4);margin: 7px;">
- <div class="bg-theme-son">
- <span>关键数据</span>
- <span class="iconfont icon-right act"></span>
- </div>
- <div>
- <div style="height: 200px;">
- <div id="myChart7" style="height:100%;"></div>
- </div>
- <div class="drog_li myChart7" name="myChart7">
-
- </div>
- </div>
- </div>
- <div style="border: 1px solid rgba(125,125,125,0.4);margin: 7px;">
- <div class="bg-theme-son">
- <span>1-6#缸排气温度</span>
- <span class="iconfont icon-right"></span>
- </div>
- <div style="display: none;">
- <div style="height: 200px;">
- <div id="myChart14" style="height:100%;"></div>
- </div>
- <div class="drog_li myChart14" name="myChart14">
-
- </div>
- </div>
- </div>
- <div style="border: 1px solid rgba(125,125,125,0.4);margin: 7px;">
- <div class="bg-theme-son">
- <span>0-7#主轴承温度</span>
- <span class="iconfont icon-right"></span>
- </div>
- <div style="display: none;">
- <div style="height: 200px;">
- <div id="myChart15" style="height:100%;"></div>
- </div>
- <div class="drog_li myChart15" name="myChart15">
-
- </div>
- </div>
- </div>
- <div style="border: 1px solid rgba(125,125,125,0.4);margin: 7px;">
- <div class="bg-theme-son">
- <span>涡轮、滑油、高温水温度</span>
- <span class="iconfont icon-right"></span>
- </div>
- <div style="display: none;">
- <div style="height: 200px;">
- <div id="myChart8" style="height:100%;"></div>
- </div>
- <div class="drog_li myChart8" name="myChart8">
-
- </div>
- </div>
- </div>
- <div style="border: 1px solid rgba(125,125,125,0.4);margin: 7px;">
- <div class="bg-theme-son">
- <span>中冷器</span>
- <span class="iconfont icon-right"></span>
- </div>
- <div style="display: none;">
- <div style="height: 200px;">
- <div id="myChart9" style="height:100%;"></div>
- </div>
- <div class="drog_li myChart9" name="myChart9">
-
- </div>
- </div>
- </div>
- <div style="border: 1px solid rgba(125,125,125,0.4);margin: 7px;">
- <div class="bg-theme-son">
- <span>滤前、滑油、正车、倒车</span>
- <span class="iconfont icon-right"></span>
- </div>
- <div style="display: none;">
- <div style="height: 200px;">
- <div id="myChart10" style="height:100%;"></div>
- </div>
- <div class="drog_li myChart10" name="myChart10">
-
- </div>
- </div>
- </div>
- <div style="border: 1px solid rgba(125,125,125,0.4);margin: 7px;">
- <div class="bg-theme-son">
- <span>柴油舱液位</span>
- <span class="iconfont icon-right"></span>
- </div>
- <div style="display: none;">
- <div style="height: 200px;">
- <div id="myChart11" style="height:100%;"></div>
- </div>
- <div class="drog_li myChart11" name="myChart11">
-
- </div>
- </div>
- </div>
- <div style="border: 1px solid rgba(125,125,125,0.4);margin: 7px;">
- <div class="bg-theme-son">
- <span>燃油舱液位、温度</span>
- <span class="iconfont icon-right"></span>
- </div>
- <div style="display: none;">
- <div style="height: 200px;">
- <div id="myChart16" style="height:100%;"></div>
- </div>
- <div class="drog_li myChart16" name="myChart16">
-
- </div>
- </div>
- </div>
- </div>
- <div style="display: none;" class="ReportE">
- <div class="type_li engMa" name="engMa">
- <div class="flex text-grey" name="oneEngine">
- <div class="check_ check_act"></div><span style="line-height: 14px;">1#</span>
- </div>
- <div class="flex text-grey margin-lr-lg" name="twoEngine">
- <div class="check_"></div><span style="line-height: 14px;">2#</span>
- </div>
- <div class="flex text-grey" name="thrEngine">
- <div class="check_"></div><span style="line-height: 14px;">3#</span>
- </div>
- <div class="flex text-grey margin-left-lg" name="forEngine">
- <div class="check_"></div><span style="line-height: 14px;">应急</span>
- </div>
- </div>
- <div style="border: 1px solid rgba(125,125,125,0.4);margin: 7px;">
- <div class="bg-theme-son">
- <span>转速、电池电压、运行时间</span>
- <span class="iconfont icon-right act"></span>
- </div>
- <div>
- <div style="height: 200px;">
- <div id="myChart12" style="height:100%;"></div>
- </div>
- <div class="drog_li myChart12" name="myChart12">
-
- </div>
- </div>
- </div>
- <div style="border: 1px solid rgba(125,125,125,0.4);margin: 7px;">
- <div class="bg-theme-son">
- <span>滑油压力、温度/淡水温度</span>
- <span class="iconfont icon-right act"></span>
- </div>
- <div>
- <div style="height: 200px;">
- <div id="myChart13" style="height:100%;"></div>
- </div>
- <div class="drog_li myChart13" name="myChart13">
-
- </div>
- </div>
- </div>
- </div>
- </div>
- <script type="text/javascript">
- var nowSn = localStorage.getItem("shipSn");
- var snSta = (nowSn == "480000001");
- var _XAxis = [];
- var _ChartU = ["myChart2","myChart3","myChart4","myChart5","myChart6","myChart7","myChart8","myChart9","myChart10","myChart11","myChart12","myChart13","myChart14","myChart15","myChart16"];
- var _myChart = {},nowTime = null,nowCar = null,nowTar = 0;
- var nowCar = {
- "myChart2":"yeHuo1",
- "myChart3":"zgYali",
- "myChart4":"zgYali",
- "myChart5":"zgYali",
- "myChart6":"bengYl1",
- "myChart7":"Post",
- "myChart8":"Post",
- "myChart9":"Post",
- "myChart10":"Post",
- "myChart11":"Post",
- "myChart12":"oneEngine",
- "myChart13":"oneEngine",
- "myChart14":"Post",
- "myChart15":"Post",
- "myChart16":"Post"
- }
- var _eCchart = [{
- "yeHuo1":{"myChart2":["左液位_"+(snSta?"528":"z01")+"_m","左压力_"+(snSta?"397":"z0D1")+"_kPa","左上温_"+(snSta?"490":"z0R1")+"_℃","左中温_"+(snSta?"502":"z0T1")+"_℃","左底温_"+(snSta?"514":"z0S1")+"_℃","右液位_"+(snSta?"529":"z00")+"_m","右压力_"+(snSta?"398":"z0C1")+"_kPa","右上温_"+(snSta?"491":"z0O1")+"_℃","右中温_"+(snSta?"503":"z0Q1")+"_℃","右底温_"+(snSta?"515":"z0P1")+"_℃"]},
- "yeHuo2":{"myChart2":["左液位_"+(snSta?"530":"z03")+"_m","左压力_"+(snSta?"399":"z0F1")+"_kPa","左上温_"+(snSta?"492":"z0X1")+"_℃","左中温_"+(snSta?"504":"z0Z1")+"_℃","左底温_"+(snSta?"516":"z0Y1")+"_℃","右液位_"+(snSta?"531":"z02")+"_m","右压力_"+(snSta?"400":"z0E1")+"_kPa","右上温_"+(snSta?"493":"z0U1")+"_℃","右中温_"+(snSta?"505":"z0W1")+"_℃","右底温_"+(snSta?"517":"z0V1")+"_℃"]},
- "yeHuo3":{"myChart2":["左液位_"+(snSta?"532":"z05")+"_m","左压力_"+(snSta?"401":"z0H1")+"_kPa","左上温_"+(snSta?"494":"z0d")+"_℃","左中温_"+(snSta?"506":"z0f")+"_℃","左底温_"+(snSta?"518":"z0e")+"_℃","右液位_"+(snSta?"533":"z04")+"_m","右压力_"+(snSta?"402":"z0G1")+"_kPa","右上温_"+(snSta?"495":"z0a")+"_℃","右中温_"+(snSta?"507":"z0c")+"_℃","右底温_"+(snSta?"519":"z0b")+"_℃"]},
- "yeHuo4":{"myChart2":["左液位_"+(snSta?"534":"z07")+"_m","左压力_"+(snSta?"403":"z0J1")+"_kPa","左上温_"+(snSta?"496":"z0j")+"_℃","左中温_"+(snSta?"508":"z0l")+"_℃","左底温_"+(snSta?"520":"z0k")+"_℃","右液位_"+(snSta?"535":"z06")+"_m","右压力_"+(snSta?"404":"z0I1")+"_kPa","右上温_"+(snSta?"497":"z0g")+"_℃","右中温_"+(snSta?"509":"z0i")+"_℃","右底温_"+(snSta?"521":"z0h")+"_℃"]},
- "yeHuo5":{"myChart2":["左液位_"+(snSta?"536":"z09")+"_m","左压力_"+(snSta?"405":"z0L1")+"_kPa","左上温_"+(snSta?"498":"z0p")+"_℃","左中温_"+(snSta?"510":"z0r")+"_℃","左底温_"+(snSta?"522":"z0q")+"_℃","右液位_"+(snSta?"537":"z08")+"_m","右压力_"+(snSta?"406":"z0K1")+"_kPa","右上温_"+(snSta?"499":"z0m")+"_℃","右中温_"+(snSta?"511":"z0o")+"_℃","右底温_"+(snSta?"523":"z0n")+"_℃"]},
- "yeHuo6":{"myChart2":["左液位_"+(snSta?"538":"z2U")+"_m","左压力_"+(snSta?"407":"z0N1")+"_kPa","左上温_"+(snSta?"500":"z1x")+"_℃","左中温_"+(snSta?"512":"z1w")+"_℃","左底温_"+(snSta?"524":"z1v")+"_℃","右液位_"+(snSta?"539":"z2T")+"_m","右压力_"+(snSta?"408":"z0M1")+"_kPa","右上温_"+(snSta?"501":"z20")+"_℃","右中温_"+(snSta?"513":"z1z")+"_℃","右底温_"+(snSta?"525":"z1y")+"_℃"]},
- "zgYali":{
- "myChart4":["1#液货舱-集_"+(snSta?"411":"z1j")+"_MPa","2#液货舱-集_"+(snSta?"412":"z1k")+"_MPa","3#液货舱-集_"+(snSta?"413":"z1l")+"_MPa","4#液货舱-集_"+(snSta?"414":"z1m")+"_MPa","5#液货舱-集_"+(snSta?"415":"z1n")+"_MPa","6#液货舱-集_"+(snSta?"416":"z1o")+"_MPa","1#蒸汽回收-总_"+(snSta?"409_kPa":"z1p_MPa"),"2#蒸汽回收-总_"+(snSta?"410_kPa":"z1q_MPa")],
- "myChart5":["1#压载泵_z2P_℃","2#压载泵_z2Q_℃","1#洗舱泵_z2R_℃","2#洗舱泵_z2S_℃"],
- "myChart3":["1#压载泵-进_z1S1_MPa","1#清洗泵-进_z1r_MPa","2#压载泵-进_z1U1_MPa","2#清洗泵-进_z1t_MPa","1#压载泵-出_z1T1_MPa","1#清洗泵-出_z1s_MPa","2#压载泵-出_z1V1_MPa","2#清洗泵-出_z1u_MPa"]
- },
- "bengYl1":{
- "myChart6":["1#压载舱_"+(snSta?"553":"0KF")+"_m","2#压载舱_"+(snSta?"555":"0KH")+"_m","3#压载舱_"+(snSta?"557":"0KJ")+"_m","4#压载舱_"+(snSta?"559":"0KL")+"_m","5#压载舱_"+(snSta?"561":"0KN")+"_m","1#淡水泵_"+(snSta?"563":"0KP")+"_m","2#淡水泵_"+(snSta?"565":"0KR")+"_m"]
- },
- "bengYl2":{
- "myChart6":["1#压载舱_"+(snSta?"554":"0KG")+"_m","2#压载舱_"+(snSta?"556":"0KI")+"_m","3#压载舱_"+(snSta?"558":"0KK")+"_m","4#压载舱_"+(snSta?"560":"0KM")+"_m","5#压载舱_"+(snSta?"562":"0KO")+"_m","1#淡水泵_"+(snSta?"564":"0KQ")+"_m","2#淡水泵_"+(snSta?"566":"0KS")+"_m"]
- }
- },{
- "Post":{
- "myChart7":["转速_"+(snSta?"620":"005")+"_rpm","增压器滑油进压(>500rpm)_"+(snSta?"384":"01G")+"_MPa","起动空气压力_"+(snSta?"393":"00L1")+"_MPa","增压器滑油进压(≤500rpm)_"+(snSta?"385":"01H")+"_MPa","控制空气压力_"+(snSta?"394":"00M1")+"_MPa","增压器滑油出温_"+(snSta?"450":"00O1")+"_℃","燃油进机压力_"+(snSta?"392":"00K1")+"_kPa","燃油进机温度_"+(snSta?"449":"00P1")+"_℃"],
- "myChart8":["涡轮出口排气_"+(snSta?"489":"00e")+"_℃","高温水进机_"+(snSta?"453":"00h")+"_℃","涡轮进口(上)排气_"+(snSta?"487":"00c")+"_℃","高温水出机_"+(snSta?"454":"00i")+"_℃","涡轮进口(下)排气_"+(snSta?"488":"00d")+"_℃","高温水出机温度过高_"+(snSta?"455":"00j")+"_℃","滑油出机_"+(snSta?"452":"00R1")+"_℃","滑油进机_"+(snSta?"451":"00Q1")+"_℃"],
- "myChart9":["后进气温度_"+(snSta?"456":"01P")+"_℃","后进气温度低(>500rpm)_"+(snSta?"457":"01Q")+"_℃","高温水进压(≤500rpm)_"+(snSta?"387":"01J")+"_MPa","高温水进压(>500rpm)_"+(snSta?"386":"01I")+"_MPa","低温水进压(>500rpm)_"+(snSta?"388":"01K")+"_MPa","低温水进压(≤500rpm)_"+(snSta?"389":"01L")+"_MPa"],
- "myChart10":["滑油温度_"+(snSta?"432":"0MB")+"_℃","滤前压力_"+(snSta?"375":"0M3")+"_kPa","滑油压力_"+(snSta?"377":"0M5")+"_kPa","滤后压力_"+(snSta?"376":"0M4")+"_kPa","正车工作油压力_"+(snSta?"379":"0M1")+"_kPa","倒车工作油压力_"+(snSta?"373":"0M2")+"_kPa","滤前工作油压力_"+(snSta?"374":"0MH")+"_kPa"],
- "myChart11":["日用舱-左_"+(snSta?"573":"0K9")+"_m","日用舱-右_"+(snSta?"575":"0KD")+"_m","沉淀舱-左_"+(snSta?"574":"0KA")+"_m","沉淀舱-右_"+(snSta?"576":"0KE")+"_m","存储舱-左_"+(snSta?"569":"0K5")+"_m","存储舱-右_"+(snSta?"570":"0K6")+"_m"],
- "myChart14":["1#_"+(snSta?"474":"00S1")+"_℃","2#_"+(snSta?"475":"00T1")+"_℃","3#_"+(snSta?"476":"00U1")+"_℃","4#_"+(snSta?"477":"00V1")+"_℃","5#_"+(snSta?"478":"00W1")+"_℃","6#_"+(snSta?"479":"00X1")+"_℃"],
- "myChart15":["0#_"+(snSta?"458":"00m")+"_℃","1#_"+(snSta?"459":"00n")+"_℃","2#_"+(snSta?"460":"00o")+"_℃","3#_"+(snSta?"461":"00p")+"_℃","4#_"+(snSta?"462":"00q")+"_℃","5#_"+(snSta?"463":"00r")+"_℃","6#_"+(snSta?"464":"00s")+"_℃","7#_"+(snSta?"465":"00t")+"_℃"],
- "myChart16":["存储舱-左-液_"+(snSta?"567":"0K1")+"_m","日用舱-液_"+(snSta?"571":"0KB")+"_m","存储舱-右-液_"+(snSta?"568":"0K2")+"_m","日用舱-右-温_"+(snSta?"434":"0KW")+"_℃","存储舱-左-温_"+(snSta?"435":"0KX")+"_℃","沉淀舱-液_"+(snSta?"572":"0KC")+"_m","存储舱-右-温_"+(snSta?"436":"0KY")+"_℃","沉淀舱右-温_"+(snSta?"433":"0KV")+"_℃"],
- },
- },{
- "oneEngine":{
- "myChart12":["转速_"+(snSta?"608":"065")+"_rpm","电池电压_"+(snSta?"439":"066")+"_V","运行时间_"+(snSta?"610":"06L")+"_h"],
- "myChart13":["滑油压力_"+(snSta?"380":"064")+"_kPa","滑油温度_"+(snSta?"438":"062")+"_℃","淡水温度_"+(snSta?"437":"060")+"_℃"]
- },
- "twoEngine":{
- "myChart12":["转速_"+(snSta?"611":"085")+"_rpm","电池电压_"+(snSta?"442":"086")+"_V","运行时间_"+(snSta?"613":"08L")+"_h"],
- "myChart13":["滑油压力_"+(snSta?"381":"084")+"_kPa","滑油温度_"+(snSta?"441":"082")+"_℃","淡水温度_"+(snSta?"440":"080")+"_℃"]
- },
- "thrEngine":{
- "myChart12":["转速_"+(snSta?"614":"0A51")+"_rpm","电池电压_"+(snSta?"445":"0A61")+"_V","运行时间_"+(snSta?"616":"0AL")+"_h"],
- "myChart13":["滑油压力_"+(snSta?"382":"0A41")+"_kPa","滑油温度_"+(snSta?"444":"0A2")+"_℃","淡水温度_"+(snSta?"443":"0A0")+"_℃"]
- },
- "forEngine":{
- "myChart12":["转速_"+(snSta?"617":"0S5")+"_rpm","电池电压_"+(snSta?"448":"0S6")+"_V","运行时间_"+(snSta?"619":"0SL")+"_h"],
- "myChart13":["滑油压力_"+(snSta?"383":"0S4")+"_kPa","滑油温度_"+(snSta?"447":"0S2")+"_℃","淡水温度_"+(snSta?"446":"0S0")+"_℃"]
- }
-
- }]
- function chartOption(_data, _xais, _key) {
- option = {
- grid: {
- top: '18%',
- left: '2%',
- right: '2%',
- bottom: '0%',
- containLabel: true
- },
- xAxis: {
- type: 'category',
- data: _xais,
- axisLine: {
- lineStyle: {
- color: '#9ed2f9'
- }
- },
- axisLabel: {
- interval: 0,
- },
- axisTick: {
- show: false
- }
- },
- yAxis: {
- // name: "(" + _key + ")",
- type: 'value',
- axisLine: {
- show: false
- },
- splitLine: {
- lineStyle: {
- color: ['rgba(132, 132, 132, 0.5)']
- }
- },
- axisLabel:{
- formatter: function(){
- return "";
- }
- }
- },
- series: [{
- data: _data,
- type: 'line',
- symbol: 'none',
- markPoint: {
- data: [{
- name:"最大值",
- type: "max"
- }]
- }
- }],
- tooltip: {
- trigger: 'axis',
- axisPointer: {
- type: 'cross',
- label: {
- backgroundColor: '#6a7985'
- }
- },
- formatter: function(v) {
- let _tim = getTime(new Date(new Date(nowTime+" 00:00:00").getTime() + ((v[0].dataIndex)*60*1000*10)));
- return _tim[2] + ':' + v[0].data + _key;
- }
- }
- };
- return option;
- }
- $(document).ready(function(){
- nowTime = getTime(new Date())[0];
- $(".startDate").val(nowTime);
- getXAxis();
- getTar(0);
- })
- function setEcharts(num,_key){
- let _obj = _eCchart[nowTar][_key];
- for(var key in _obj){
- let _acb = _obj[key],_sdh = key;
- let _cbv = _acb[0].split("_");
- if(num == 0){
- let _str = "";
- for(var i=0;i<_acb.length;i++){
- let _bnc = _acb[i].split("_");
- _str += `<div class="flex" data-id="${i}">
- <div class="act_dro ${i==0?'drog_act':''}"></div>
- <span>${_bnc[0]}(${_bnc[2]})</span>
- </div>`
- }
- $("."+_sdh).html(_str);
- }else{
- $("."+_sdh+" .act_dro").removeClass("drog_act");
- $("."+_sdh+" .act_dro").eq(0).addClass("drog_act");
- }
- reportAjax({
- "_url":_cbv[1],
- "_time": nowTime,
- "sn":nowSn,
- "callback":function(res){
- setData(res,_cbv[2],_sdh);
- }
- })
- }
- }
- function setData(_data,_unit,_i){
- let _newD = [];
- for(var i=0;i<6*24;i++){
- let _tim = getTime(new Date(new Date(nowTime+" 00:00:00").getTime() + (i*60*1000*10)));
- _newD.push(_data[_tim[0]+_tim[2]] || 0);
- }
- _myChart[_i].setOption(chartOption(_newD,_XAxis,_unit));
- _myChart[_i].resize();
- yzkj.closeLoad("load1");
- }
- $(document).on("click",".type_li>div",function(){
- let _na = $(this).parent().attr("name");
- $("."+_na +" .check_").removeClass("check_act");
- $(this).find(".check_").addClass("check_act");
- getCar(_na,$(this).attr("name"));
- })
- $(document).on("click",".drog_li>div",function(){
- // yzkj.load("load1");
- let _na = $(this).parent().attr("name");
- $("."+_na +" .act_dro").removeClass("drog_act");
- $(this).find(".act_dro").addClass("drog_act");
- let _id = $(this).data("id");
- let _car = nowCar[_na];
- let _key = _eCchart[nowTar][_car][_na][_id];
- reportAjax({
- "_url":_key.split("_")[1],
- "_time": nowTime,
- "sn":nowSn,
- "callback":function(res){
- setData(res,_key.split("_")[2],_na);
- }
- })
- })
- // 折线图X轴
- function getXAxis() {
- for (var i = 0; i < _ChartU.length; i++) {
- let _ecid = echarts.init(document.getElementById(_ChartU[i] + ''));
- _myChart[_ChartU[i]] = _ecid;
- }
- _XAxis = [];
- for (var i = 0; i < 12; i++) {
- _XAxis = [..._XAxis, ...[i * 2, '', '', '', '', '', '', '', '', '', '', '']];
- }
- }
- $(".tabli>div").on("click","",function(){
- getTar($(this).attr("name"));
- $(this).addClass("yz_this").siblings().removeClass("yz_this");
- })
- function getTar(num){
- nowTar = num;
- if(num == 0){
- $(".ReportC").css("display","block");
- $(".ReportP").css("display","none");
- $(".ReportE").css("display","none");
- setEcharts(0,"yeHuo1");
- setEcharts(0,"zgYali");
- setEcharts(0,"bengYl1");
- }else if(num == 1){
- $(".ReportC").css("display","none");
- $(".ReportP").css("display","block");
- $(".ReportE").css("display","none");
- setEcharts(0,"Post");
- }else if(num == 2){
- $(".ReportC").css("display","none");
- $(".ReportP").css("display","none");
- $(".ReportE").css("display","block");
- setEcharts(0,"oneEngine");
- }
- }
- function getCar(_txt,_ca){
- if(_txt == "carGoYH"){
- nowCar["myChart2"] = _ca;
- }else if(_txt == "bengYl"){
- nowCar["myChart6"] = _ca;
- }else if(_txt == "engMa"){
- nowCar["myChart12"] = _ca;
- nowCar["myChart13"] = _ca;
- }
- setEcharts(1,_ca);
- }
- $(".bg-theme-son").on("click","",function(){
- if($(this).next().is(":hidden")){
- $(this).next().css("display","block");
- $(this).find(".iconfont").addClass("act");
- }else{
- $(this).next().css("display","none");
- $(this).find(".iconfont").removeClass("act");
- }
- for(var key in _myChart){
- _myChart[key].resize();
- }
- })
- $(".search_ ._day").on("click","",function(){
- let _id = parseInt($(this).data("num"));
- let _key = $(".startDate").val().replace(/\//g, '-');
- let _a = dayChange(_key,_id);
- if(_a != undefined){
- nowTime = getTime(dayChange(_key,_id))[0];
- $(".startDate").val(getTime(dayChange(_key,_id))[0]);
- getTar(nowTar)
- }
- })
- </script>
- </body>
- </html>
|