123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762763764765766767768769770771772773774775776777778779780781782783784785786787788789790791792793794795796797798799800801802803804805806807808809810811812813814815816817818819820821822823824825826827828829830831832833834835836837838839840841842843844845846847848849850851852853854855856857858859860861862863864865866867868869870871872873874875876877878879880881882883884885886887888889890891892893894895896897898899900901902903904905906907908909910911912913914915916917918919920921922923924925926927928929930931932933934935936937938939940941942943944945946947948949950951952953954955956957958959960961962963964965966967968969970971972973974975976977978979980981982983984985986987988989990991992993994995996997998999100010011002100310041005100610071008100910101011101210131014101510161017101810191020102110221023102410251026102710281029103010311032103310341035103610371038103910401041104210431044104510461047104810491050105110521053105410551056105710581059106010611062106310641065106610671068106910701071107210731074107510761077107810791080108110821083108410851086108710881089109010911092109310941095109610971098109911001101110211031104110511061107110811091110111111121113111411151116111711181119112011211122112311241125112611271128112911301131113211331134113511361137113811391140114111421143114411451146114711481149115011511152115311541155115611571158115911601161116211631164116511661167116811691170117111721173117411751176117711781179118011811182118311841185118611871188118911901191119211931194119511961197119811991200120112021203120412051206120712081209121012111212121312141215121612171218121912201221122212231224122512261227122812291230123112321233123412351236123712381239124012411242124312441245124612471248124912501251125212531254 |
- <!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">
-
- <!--引入 element-ui 的样式,-->
- <link rel="stylesheet" href="../css/element.css">
- <link rel="stylesheet" href="../css/style.css">
- <link rel="stylesheet" type="text/css" href="../css/post.css"/>
- <script src="../js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
- <script src="../js/echarts.min.js" type="text/javascript" charset="utf-8"></script>
- <script src="../js/pako.js"></script>
- <script type="text/javascript">
- document.write('<script src="../js/yz/init.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
- document.write('<script src="../js/yz/shipLi.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
- document.write('<script src="../js/yz/defailt.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
- document.write('<script src="../js/yz/ajax.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
- document.write('<script src="../js/yz/configuration.js?id='+(new Date().getTime())+'" type="text/javascript" charset="utf-8"><\/script>');
- </script>
- <script>
- checkLogin();
- </script>
- </head>
- <body>
- <div style="height:60px;padding:7.5px 7.5px 0;position: relative;">
- <div class="tabUl">
- <div data-open="0" class="act_this">主机数据</div>
- <div data-open="2">齿轮箱系统</div>
- <div data-open="3">综合报警</div>
- <div data-open="1">综合报警</div>
- </div>
- <div style="position: absolute;bottom: 20px;right:20px;color: #fff;">
- 最后更新时间:<span id="endTime"></span>
- </div>
- </div>
- <div style="height:calc(100% - 60px);" id="openMD">
- <div class="_line">
-
- </div>
- <div class="yz_clm15" style="height:calc(100% - 60px);">
- <div class="yz_clm6" style="height: 100%;">
- <div class="Sense text-center flex flex-direction justify-around">
- <div style="height: 33%;" class="flex">
- <div class="flex-sub">
- <div>主机转速</div>
- <div style="height: calc(100% - 22px);" id="myChart1"></div>
- </div>
- <div class="flex-twice">
- <div>1-9#缸排气温度<span style="font-size: 12px;">(平均温度:<span class="Num" ID="GPW_v">0</span>℃)</span></div>
- <div style="height: calc(100% - 22px);" id="myChart2"></div>
- </div>
- </div>
- <div style="height: 35%;" id="bearTemp" class="padding-top-sm flex">
- <div style="writing-mode:tb-rl;line-height: 36px;">0-10#主轴承温度</div>
- <div style="width: calc(100% - 20px);height: 100%;" id="myChart3"></div>
- </div>
- <div style="height: 32%;">
- <div class="yz_clm15" style="height: 100%;">
- <div class="yz_clm6" style="height: 100%;">
- <div style="height: auto;" id="GangS">1-9#缸排气温度报警</div>
- <div class="flex swit_li flex-wrap padding-top-sm">
-
- </div>
- </div>
- <div class="yz_clm6" style="height: 100%;">
- <div style="height: auto;" id="ZhouS">0-10#主轴承温度报警</div>
- <div class="flex swit_li flex-wrap padding-top-sm">
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="yz_clm6 post_clm" id="hasZy" style="height: 100%;padding: 0;">
- <div class="yz_clm15">
- <div class="yz_clm12">
- <div class="Sense flex">
- <div class="flex-twice">
- <div class="text-center">增压器信息</div>
- <div class="padding-lr-sm text-white Supercha" style="height: calc(100% - 20px);">
-
- </div>
- </div>
- <div class="flex-twice">
- <div class="text-center">涡轮排气温度</div>
- <div style="height: calc(100% - 20px);" class="text-center">
- <div class="flex" style="height: 50%;">
- <div class="flex-sub">
- <div class="_temp">
- <div class="_unit">
- <div>800</div>
- <div>600</div>
- <div>400</div>
- <div>200</div>
- <div>0</div>
- </div>
- <div class="li_shui" id="WL_J_h"></div>
- </div>
- <div>进口:<span class="text-yellow text-bold text-lg" id="WL_J_v">0</span>℃</div>
- </div>
- <div class="flex-sub">
- <div class="_temp">
- <div class="_unit">
- <div>800</div>
- <div>600</div>
- <div>400</div>
- <div>200</div>
- <div>0</div>
- </div>
- <div class="li_shui" id="WL_C_h"></div>
- </div>
- <div>出口:<span class="text-yellow text-bold text-lg" id="WL_C_v">0</span>℃</div>
- </div>
- </div>
- <div class="flex" style="height: 50%;">
- <div class="flex-sub">
- <div class="_temp">
- <div class="_unit">
- <div>350</div>
- <div>262.5</div>
- <div>175</div>
- <div>87.5</div>
- <div>0</div>
- </div>
- <div class="li_shui" id="WL_JS_h"></div>
- </div>
- <div>进口(上):<span class="text-yellow text-bold text-lg" id="WL_JS_v">0</span>℃</div>
- </div>
- <div class="flex-sub">
- <div class="_temp">
- <div class="_unit">
- <div>350</div>
- <div>262.5</div>
- <div>175</div>
- <div>87.5</div>
- <div>0</div>
- </div>
- <div class="li_shui" id="WL_JX_h"></div>
- </div>
- <div>进口(下):<span class="text-yellow text-bold text-lg" id="WL_JX_v">0</span>℃</div>
- </div>
- </div>
- </div>
- </div>
- <div class="flex-sub text-center">
- <div class="">燃油进机</div>
- <div style="height: calc(50% - 11px);">
- <div style="height: 86%;" id="myChart4"></div>
- <div>压力:<span class="text-yellow text-bold text-lg" id="RY_Y_v">0</span>kPa</div>
- </div>
- <div style="height: calc(50% - 11px);">
- <div class="_temp">
- <div class="_unit">
- <div>150</div>
- <div>100</div>
- <div>50</div>
- <div>0</div>
- </div>
- <div class="li_shui" id="RY_J_h"></div>
- </div>
- <div>温度:<span class="text-yellow text-bold text-lg" id="RY_J_v">0</span>℃</div>
- </div>
- </div>
- </div>
- </div>
- <div class="yz_clm12">
- <div class="Sense flex text-center">
- <div class="flex-sub">
- <div>滑油温度</div>
- <div style="height: calc(50% - 11px);">
- <div class="_temp">
- <div class="_unit">
- <div>100</div>
- <div>75</div>
- <div>50</div>
- <div>25</div>
- <div>0</div>
- </div>
- <div class="li_shui" id="HY_J_h"></div>
- </div>
- <div>进机:<span class="text-yellow text-bold text-lg" id="HY_J_v">0</span>℃</div>
- </div>
- <div style="height: calc(50% - 11px);">
- <div class="_temp">
- <div class="_unit">
- <div>100</div>
- <div>75</div>
- <div>50</div>
- <div>25</div>
- <div>0</div>
- </div>
- <div class="li_shui" id="HY_C_h"></div>
- </div>
- <div>出机:<span class="text-yellow text-bold text-lg" id="HY_C_v">0</span>℃</div>
- </div>
- </div>
- <div class="flex-twice">
- <div>循环水</div>
- <div style="height: calc(100% - 21px);" class="flex">
- <div class="flex-sub">
- <div style="height:50%;">
- <div class="_temp">
- <div class="_unit">
- <div>75</div>
- <div>50</div>
- <div>25</div>
- <div>0</div>
- </div>
- <div class="li_shui" id="GW_J_h"></div>
- </div>
- <div>进机:<span class="text-yellow text-bold text-lg" id="GW_J_v">0</span>℃</div>
- </div>
- <div style="height:50%;">
- <div class="_temp">
- <div class="_unit">
- <div>85</div>
- <div>56</div>
- <div>28</div>
- <div>0</div>
- </div>
- <div class="li_shui" id="GW_C_h"></div>
- </div>
- <div>出机:<span class="text-yellow text-bold text-lg" id="GW_C_v">0</span>℃</div>
- </div>
- </div>
- <div class="flex-sub" style="color: #ccc;">
- <div class="margin-bottom"><span class="_Num" id="GW_G_v">0.00</span>℃<br>出机温度过高</div>
- <div><i class="iconfont icon-cloud-state" id="sw_Q1H1"></i><br>进机温度报警</div>
- <div class="margin-tb"><i class="iconfont icon-cloud-state" id="sw_Q1H0"></i><br>出机温度报警</div>
- <div><i class="iconfont icon-cloud-state" id="sw_Q1I1"></i><br>出机温度过高</div>
- </div>
- </div>
- </div>
- <div class="flex-twice">
- <div>中央冷却水</div>
- <div style="height: calc(100% - 21px);overflow-y: auto;" class="padding-lr-sm text-white Interco text-left">
-
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="yz_clm6 post_clm" id="notZy" style="height: 100%;padding: 0;display: none;">
- <div class="yz_clm15">
- <div class="yz_clm12">
- <div class="Sense flex">
- <div class="flex-sub text-center">
- <div class="">淡水压力</div>
- <div style="height: 60%;" id="myChart12"></div>
- <div><span class="text-yellow text-bold text-lg" id="DS_Y">0</span>MPa</div>
- </div>
- <div class="flex-sub text-center">
- <div class="">海水压力</div>
- <div style="height: 60%;" id="myChart13"></div>
- <div><span class="text-yellow text-bold text-lg" id="HS_Y">0</span>MPa</div>
- </div>
- <div class="flex-sub text-center">
- <div class="">燃油压力</div>
- <div style="height: 60%;" id="myChart14"></div>
- <div><span class="text-yellow text-bold text-lg" id="RY_YL">0</span>MPa</div>
- </div>
- <div class="flex-sub text-center">
- <div>燃油进机温度</div>
- <div class="_temp" style="height:60%;">
- <div class="_unit">
- <div>150</div>
- <div>100</div>
- <div>50</div>
- <div>0</div>
- </div>
- <div class="li_shui" id="RY_W_h"></div>
- </div>
- <div class="margin-top-xs"><span class="text-yellow text-bold text-lg" id="RY_W_v">0</span>℃</div>
- </div>
- </div>
- </div>
- <div class="yz_clm12">
- <div class="Sense flex text-center">
- <div class="flex-sub">
- <div>机油进机温度</div>
- <div class="_temp" style="height:60%;">
- <div class="_unit">
- <div>255</div>
- <div>204</div>
- <div>153</div>
- <div>102</div>
- <div>51</div>
- <div>0</div>
- </div>
- <div class="li_shui" id="JY_J_h"></div>
- </div>
- <div><span class="text-yellow text-bold text-lg" id="JY_J_v">0</span>℃</div>
- </div>
- <div class="flex-sub">
- <div>冷却液温度</div>
- <div class="_temp" style="height:60%;">
- <div class="_unit">
- <div>255</div>
- <div>204</div>
- <div>153</div>
- <div>102</div>
- <div>51</div>
- <div>0</div>
- </div>
- <div class="li_shui" id="LQ_W_h"></div>
- </div>
- <div><span class="text-yellow text-bold text-lg" id="LQ_W_v">0</span>℃</div>
- </div>
- <div class="flex-sub">
- <div>中冷后空气温度</div>
- <div class="_temp" style="height:60%;">
- <div class="_unit">
- <div>255</div>
- <div>204</div>
- <div>153</div>
- <div>102</div>
- <div>51</div>
- <div>0</div>
- </div>
- <div class="li_shui" id="ZL_H_h"></div>
- </div>
- <div><span class="text-yellow text-bold text-lg" id="ZL_H_v">0</span>℃</div>
- </div>
- <div class="flex-sub">
- <div>涡轮前排气温度</div>
- <div class="_temp" style="height:60%;">
- <div class="_unit">
- <div>800</div>
- <div>600</div>
- <div>400</div>
- <div>200</div>
- <div>0</div>
- </div>
- <div class="li_shui" id="WL_Q_h"></div>
- </div>
- <div><span class="text-yellow text-bold text-lg" id="WL_Q_v">0</span>℃</div>
- </div>
- <div class="flex-sub">
- <div>涡轮后排气温度</div>
- <div class="_temp" style="height:60%;">
- <div class="_unit">
- <div>800</div>
- <div>600</div>
- <div>400</div>
- <div>200</div>
- <div>0</div>
- </div>
- <div class="li_shui" id="WL_H_h"></div>
- </div>
- <div><span class="text-yellow text-bold text-lg" id="WL_H_v">0</span>℃</div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div style="height:calc(100% - 60px);display: none;" id="openBJ">
- <div class="yz_clm15 text-center" style="height:100%;">
- <div class="yz_clm6" style="height:100%;padding: 0;">
- <div class="yz_clm15 text-center" style="height:100%;padding: 0;">
- <div class="yz_clm6">
- <div class="Sense" style="overflow-y: auto;">
- <ul class="switch_ZJ switch_li">
-
- </ul>
- </div>
- </div>
- <div class="yz_clm6">
- <div class="Sense" style="overflow-y: auto;">
- <ul class="switch_AB switch_li">
-
- </ul>
- </div>
- </div>
- <div class="yz_clm12">
- <div class="Sense" style="overflow-y: auto;">
- <ul class="switch_YLI switch_li">
-
- </ul>
- </div>
- </div>
- </div>
- </div>
- <div class="yz_clm6" style="height:100%;">
- <div class="Sense" style="overflow-y: auto;">
- <ul class="switch_TJ switch_li">
-
- </ul>
- </div>
- </div>
- </div>
- </div>
- <div style="height:calc(100% - 60px);display: none;" id="openZP">
- <div class="yz_clm15 text-center" style="height:100%;">
- <div class="yz_clm6" style="height:100%;padding: 0;">
- <div class="yz_clm15 text-center" style="height:100%;padding: 0;">
- <div class="yz_clm12">
- <div class="Sense" style="overflow-y: auto;">
- <ul class="switch_1Z switch_li">
-
- </ul>
- </div>
- </div>
- <div class="yz_clm12">
- <div class="Sense" style="overflow-y: auto;">
- <ul class="switch_2Z switch_li">
-
- </ul>
- </div>
- </div>
-
- </div>
- </div>
- <div class="yz_clm6" style="height:100%;">
- <div class="Sense" style="overflow-y: auto;">
- <ul class="switch_3ZP switch_li">
-
- </ul>
- </div>
- </div>
- </div>
- </div>
- <div style="height:calc(100% - 60px);display: none;" id="openYK">
- <div class="yz_clm15 text-center Host" style="height:65%;">
- <div class="yz_clm3" style="height:100%;">
- <div class="Sense">
- <ul class="switch_YK switch_li">
-
- </ul>
- </div>
- </div>
- <div class="yz_clm6" style="height:100%;">
- <img src="../imgs/otherbg.png" style="height: 100%;" alt="">
- </div>
- <div class="yz_clm3" style="height:100%;">
- <div class="Sense flex">
- <div class="flex-sub">
- <div style="height: 50%;">
- <div>输出前轴承温度</div>
- <div class="flex align-center justify-center" style="height: calc(100% - 22px);">
- <div style="height:120px;">
- <div class="_temp">
- <div class="_unit">
- <div>150</div>
- <div>100</div>
- <div>50</div>
- <div>0</div>
- </div>
- <div class="li_shui" id="SC_Q_h"></div>
- </div>
- <div><span class="Num" style="font-size: 1.2rem;" id="SC_Q_v">0</span>℃</div>
- </div>
- </div>
- </div>
- <div style="height: 50%;">
- <div>正车推力轴承温度</div>
- <div class="flex align-center justify-center" style="height: calc(100% - 22px);">
- <div style="height:120px;">
- <div class="_temp">
- <div class="_unit">
- <div>150</div>
- <div>100</div>
- <div>50</div>
- <div>0</div>
- </div>
- <div class="li_shui" id="ZC_h"></div>
- </div>
- <div><span class="Num" style="font-size: 1.2rem;" id="ZC_v">0</span>℃</div>
- </div>
- </div>
- </div>
- </div>
- <div class="flex-sub">
- <div style="height: 50%;">
- <div>输出后轴承温度</div>
- <div class="flex align-center justify-center" style="height: calc(100% - 22px);">
- <div style="height:120px;">
- <div class="_temp">
- <div class="_unit">
- <div>150</div>
- <div>100</div>
- <div>50</div>
- <div>0</div>
- </div>
- <div class="li_shui" id="SC_H_h"></div>
- </div>
- <div><span class="Num" style="font-size: 1.2rem;" id="SC_H_v">0</span>℃</div>
- </div>
- </div>
- </div>
- <div style="height: 50%;">
- <div>倒车推力轴承温度</div>
- <div class="flex align-center justify-center" style="height: calc(100% - 22px);">
- <div style="height:120px;">
- <div class="_temp">
- <div class="_unit">
- <div>150</div>
- <div>100</div>
- <div>50</div>
- <div>0</div>
- </div>
- <div class="li_shui" id="DC_h"></div>
- </div>
- <div><span class="Num" style="font-size: 1.2rem;" id="DC_v">0</span>℃</div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div class="yz_clm15 text-center Innovation" style="height:65%;display: none;">
- <div class="yz_clm12" style="height:100%;">
- <div class="Sense flex align-center flex-wrap">
- <div class="flex Liquid flex-wrap" style="width: 100%;">
-
- </div>
- </div>
- </div>
- </div>
- <div class="yz_clm15 text-center" style="height:35%;">
- <div class="yz_clm4" style="height:100%;">
- <div class="Sense flex">
- <div class="flex-sub">
- <div>滤前工作油压力</div>
- <div id="myChart5" style="height:calc(100% - 24px);"></div>
- </div>
- <div class="flex-sub">
- <div>滤前压力</div>
- <div id="myChart6" style="height:calc(100% - 24px);"></div>
- </div>
- <div class="flex-sub">
- <div>滤后压力</div>
- <div id="myChart7" style="height:calc(100% - 24px);"></div>
- </div>
- </div>
- </div>
- <div class="yz_clm5" style="height:100%;">
- <div class="Sense flex">
- <div class="flex-sub">
- <div>滑油温度</div>
- <div class="flex align-center justify-center" style="height: calc(100% - 22px);">
- <div style="height:120px;">
- <div class="_temp">
- <div class="_unit">
- <div>150</div>
- <div>100</div>
- <div>50</div>
- <div>0</div>
- </div>
- <div class="li_shui" id="HY_h"></div>
- </div>
- <div><span class="Num" style="font-size: 1.2rem;" id="HY_v">0</span>℃</div>
- </div>
- </div>
- </div>
- <div class="flex-sub">
- <div>滑油压力</div>
- <div id="myChart10" style="height:calc(100% - 24px);"></div>
- </div>
- <div class="flex-sub text-left" style="color: #ccc;">
- <div class="_Air">
- <div class="text-center" style="color:#94d1ff;">空气瓶压力</div>
- <div class="margin-top">1#主<span class="Num margin-lr-sm" id="PY_O_v">0.36</span>Mpa</div>
- <div class="margin-tb-xs">2#主<span class="Num margin-lr-sm"" id="PY_T_v">0.36</span>Mpa</div>
- <div>甲板及杂用<span class="Num margin-lr-sm"" id="PY_J_v">0.36</span>Mpa</div>
- <div class="margin-tb-xs">控制<span class="Num margin-lr-sm"" id="PY_K_v">0.36</span>Mpa</div>
- </div>
- <div class="_OilS">
- <div class="margin-tb-xs"><i class="iconfont icon-cloud-state" id="sw_Q201"></i>低压报警</div>
- <div><i class="iconfont icon-cloud-state" id="sw_Q224"></i>低压降速</div>
- <div class="margin-tb-xs"><i class="iconfont icon-cloud-state" id="sw_Q223"></i>低压停机</div>
- <div><i class="iconfont icon-cloud-state" id="sw_Q201"></i>高温报警</div>
- <div class="margin-tb-xs"><i class="iconfont icon-cloud-state" id="sw_Q222"></i>备用泵启动</div>
- <div><i class="iconfont icon-cloud-state" id="sw_Q221"></i>备用泵停止</div>
- </div>
- </div>
- </div>
- </div>
- <div class="yz_clm3" style="height:100%;">
- <div class="Sense flex">
- <div class="flex-sub">
- <div>正车工作油压力</div>
- <div id="myChart8" style="height:calc(100% - 22px);"></div>
- </div>
- <div class="flex-sub">
- <div>倒车工作油压力</div>
- <div id="myChart9" style="height:calc(100% - 22px);"></div>
- </div>
- </div>
- </div>
- </div>
- </div>
- </body>
- <script>
- var _tempKey = {
- "00b":"WL_J_,800",
- "00e":"WL_C_,800",
- "00c":"WL_JS_,800",
- "00d":"WL_JX_,800",
- "00P1":"RY_J_,150",
- "00Q1":"HY_J_,150",
- "00R1":"HY_C_,150",
- "00h":"GW_J_,150",
- "00i":"GW_C_,150",
- "0M6":"HY_,150",
- "0M7":"SC_Q_,150",
- "0M8":"SC_H_,150",
- "0M9":"ZC_,150",
- "0MA":"DC_,150",
- "00L1":"QK_",
- "00M1":"KK_",
- "00w":"RHY_",
- "00K1":"RY_Y_",
- "00v":"GPW_",
- "01Z":"ZSY_",
- "01O":"HYC_",
- "00j":"GW_G_",
- "0V0":"PY_O_",
- "0V1":"PY_T_",
- "0V2":"PY_J_",
- "0V3":"PY_K_",
- "00N1":"ZYQ_",
- "0fB1":"ZYQZ_,count,0.1",
- "0fK1":"JY_J_,255",
- "0fL1":"LQ_W_,255",
- "0fN1":"ZL_H_,255",
- "0fW1":"WL_Q_,800",
- "0fX1":"WL_H_,800",
- "0fM1":"RY_W_,150"
- };
- var drogKey = ["Q1O_1","Q1H_1","Q1H_0","Q1I_1","Q11_1","Q1I_1","Q20_1_0","Q22_4_0","Q22_3_0","Q20_1_0","Q22_2_1","Q22_1_1"];
- var switchKey = {};
- var awData = {},timeId = null,allKey = null;
- var myChart1 = echarts.init(document.getElementById('myChart1'));
- var myChart2 = echarts.init(document.getElementById('myChart2'));
- var myChart3 = echarts.init(document.getElementById('myChart3'));
- var myChart4 = echarts.init(document.getElementById('myChart4'));
- var myChart5 = echarts.init(document.getElementById('myChart5'));
- var myChart6 = echarts.init(document.getElementById('myChart6'));
- var myChart7 = echarts.init(document.getElementById('myChart7'));
- var myChart8 = echarts.init(document.getElementById('myChart8'));
- var myChart9 = echarts.init(document.getElementById('myChart9'));
- var myChart10 = echarts.init(document.getElementById('myChart10'));
- var myChart12 = echarts.init(document.getElementById('myChart12'));
- var myChart13 = echarts.init(document.getElementById('myChart13'));
- var myChart14 = echarts.init(document.getElementById('myChart14'));
- function setoption1(_num,_key,_txt) {
- _num = isNaN(Number(_num,10))?0:_num;
- if(_txt != undefined){$("#"+_txt).text(_num);}
- option = {
- grid: {
- top: '0%',
- left: '0%',
- right: '0%',
- bottom: '0%',
- containLabel: true
- },
- tooltip: {
- formatter: '{a} <br/>{b} : '+(((_key == 2&&_num>3000)?"--":_num)+(_key == 2?'RPM':'MPa'))
- },
- series: [{
- min: 0,
- max: (_key == 2?1500:20),
- splitNumber:5,
- type: 'gauge',
- center: ['50%', '55%'],
- radius: _key == 0?'114%':'90%',
- detail: {
- show: _key == 0||_key == 4?false:true,
- formatter: ((_key == 2&&_num>3000)?"--":_num)+(_key == 2?'RPM':'MPa'),
- fontSize: 14,
- offsetCenter: [0, _key == 1?"36%":"90%"],
- color:"#fbbd08"
- },
- data: [{
- value: (_key == 2&&_num>3000)?0:_num
- }],
- axisLine: {
- lineStyle: {
- color: [
- [0.09, 'lime'],
- [0.82, '#1e90ff'],
- [1, '#ff4500']
- ],
- width: 5,
- shadowBlur: 10
- }
- },
- axisTick: {
- show: true,
- splitNumber: 5,
- distance: 4,
- length: 5,
- lineStyle: {
- color: "#eee",
- opacity: 1,
- width: 1,
- type: "solid",
- shadowBlur: 10,
- shadowColor: "#fff",
- },
- },
- axisLabel: {
- distance: 10,
- color: "#fff",
- fontSize: 7
- },
- pointer: {
- show: true,
- length: "70%",
- width: 5,
- },
- splitLine: {
- distance: 4,
- length: 5,
- lineStyle: {
- width: 2,
- color: '#fff',
- shadowBlur: 10
- }
- },
- title: {
- textStyle: {
- color: '#fff',
- }
- },
- }]
- };
- return option;
- }
- function setoption2(dataList,_aver,_max){
- option = {
- tooltip: {
- trigger: 'axis',
- axisPointer: {
- type: 'shadow'
- }
- },
- grid: {
- top: '16%',
- left: '0%',
- right: '0%',
- bottom: '3%',
- containLabel: true
- },
- xAxis: [
- {
- type: 'category',
- data: _aver,
- axisTick: {
- alignWithLabel: true
- },
- axisLine: {
- lineStyle: {
- color: '#fff',
-
- }
- },
- axisLabel: {
- textStyle: {
- fontSize:10,
- }
- }
- }
- ],
- yAxis: [
- {
- type: 'value',
- max: _max,
- splitLine: {
- lineStyle: {
- color: ['rgba(132, 132, 132, 0.0)']
- },
- },
- axisLine: {
- show: false,
- },
- axisLabel:{
- formatter: function(){
- return "";
- }
- }
- }
- ],
- series: [
- {
- name: '实时数据',
- type: 'bar',
- barWidth: '20',
- itemStyle:{
- normal: {
- label:{
- color:'#fff'
- },
- color: new echarts.graphic.LinearGradient(
- 0, 0, 0, 1,
- [
- {offset: 0, color: '#fe9a1a'},
- {offset: 1, color: '#fe421b'}
- ]
- )
- }
- },
- label: {
- normal: {
- show: true,
- position: 'top',
- color:'#94d1ff',
- fontSize:10,
- formatter: function (params) {
- var index = params.dataIndex;
- return dataList[index]+"℃"
- }
- }
- },
- data:dataList
- }
- ]
- };
- return option;
- }
- var nowSn = localStorage.getItem("shipSn");
- window.addEventListener('message',(data)=>{
- initF(1);
- })
- $(document).ready(function(){
- initF();
- })
- function initF(num){
- nowSn = localStorage.getItem("shipSn");
- if(nowSn == "381001400"){
- delete _tempKey["0M6"];
- _tempKey["0MB"] = "HY_,150";
- }else{
- delete _tempKey["0MB"];
- _tempKey["0M6"] = "HY_,150";
- }
- if(nowSn == "480000618"){
- $("#bearTemp").css({"height": "0","display":"none"});
- }else{
- $("#bearTemp").css({"height": "35%","display":"flex"});
- }
- allKey = Config((nowSn == "381001400"||nowSn == "480000618"?"381001400":"382001400"),nowSn)["Post"];
- firstData(0);
- $("div[data-open='3']").css("display",allKey["Disp"][0]);
- $("div[data-open='4']").css("display",allKey["Disp"][3]);
- $("._Air").css("display",allKey["Disp"][0]);
- $("._OilS").css("display",allKey["Disp"][0] == "none"?"block":"none");
- $("div[data-open='2']").text(allKey["anKey"][3]);
-
- $(".Host").css("display",allKey["Disp"][1]);
- $(".Innovation").css("display",allKey["Disp"][2]);
- $("._line").html(allKey["Line"]);
- $("#hasZy").css("display",allKey["Disp"][3] == "none"?"block":"none");
- $("#notZy").css("display",allKey["Disp"][3]);
- whoShow(0);
- switchKey = allKey["swKey"]["allSw"];
- }
- $(window).resize(function(){
- myChart1.resize();
- myChart2.resize();
- myChart3.resize();
- myChart4.resize();
- myChart5.resize();
- myChart6.resize();
- myChart7.resize();
- myChart8.resize();
- myChart9.resize();
- myChart10.resize();
- myChart12.resize();
- myChart13.resize();
- myChart14.resize();
- })
- function firstData(_num){
- if(_num == 0){yzkj.load("load1")};
- setTimeout(()=>{
- deviceList(function acb(_data){
- setView(_data);
- $("#endTime").text(_data["time"])
- if(_num == 0){yzkj.closeLoad("load1");}
- if(_data.mmsi == undefined){
- setTimeout(()=>{
- firstData(1);
- },60*1000)
- }
- })
- },100)
- }
- function setView(_obj){
- awData = _obj;
- setHie();
- setWarm();
- setGangZhou();
- setYWei();
- initData();
- myChart1.setOption(setoption1(_obj[allKey["anKey"][0]],2));
- if(nowSn == "480000618"){
- myChart2.setOption(setoption2([_obj["00S1"],_obj["00T1"],_obj["00U1"],_obj["00V1"],_obj["00W1"],_obj["00X1"],_obj["00Y1"],_obj["00Z1"]],['1号','2号', '3号', '4号', '5号', '6号', '7号', '8号'],500));
- myChart3.setOption(setoption2([_obj["00n"],_obj["00o"],_obj["00p"],_obj["00q"],_obj["00r"],_obj["00s"],_obj["00t"],_obj["00u"],_obj["00f"],_obj["00g"]],['1号','2号', '3号', '4号', '5号', '6号', '7号','8号','9号','10号',]));
- myChart12.setOption(setoption1(_obj["0fF1"],4,"DS_Y"));
- myChart13.setOption(setoption1(_obj["0fG1"],4,"HS_Y"));
- myChart14.setOption(setoption1(_obj["0fE1"],4,"RY_YL"));
- }else{
- myChart2.setOption(setoption2([_obj["00S1"],_obj["00T1"],_obj["00U1"],_obj["00V1"],_obj["00W1"],_obj["00X1"]],['1号','2号', '3号', '4号', '5号', '6号'],500));
- myChart3.setOption(setoption2([_obj["00m"],_obj["00n"],_obj["00o"],_obj["00p"],_obj["00q"],_obj["00r"],_obj["00s"],_obj["00t"]],['0号','1号','2号', '3号', '4号', '5号', '6号', '7号']));
- }
- myChart4.setOption(setoption1(_obj["00K1"],0));
- myChart5.setOption(setoption1(_obj[allKey["anKey"][2]],3));
- myChart6.setOption(setoption1(_obj["0M3"],3));
- myChart7.setOption(setoption1(_obj["0M4"],3));
- myChart8.setOption(setoption1(_obj["0M1"],3));
- myChart9.setOption(setoption1(_obj["0M2"],3));
- myChart10.setOption(setoption1(_obj["0M5"],3));
- }
- // 开关量没有html
- function initData(){
- for(var ite in switchKey){
- let _arr = switchKey[ite];
- let _str = "";
- for(var key in _arr){
- if(key == ""){
- _str += '<li>'+
- '<div style="color:#5793f3;font-weight:bold;">'+_arr[key]+'</div>'+
- '</li>';
- }else{
- let _ab = _arr[key].split(",");
- let _cd = key.split("-");
- let _sta = 0;
- if(awData[_cd[0]] != undefined&&awData[_cd[0]] != null&&awData[_cd[0]] != "N"){
- if(_cd[1] == undefined){
- _sta = awData[_cd[0]];
- }else{
- if(_cd[2] != undefined){
- if(_cd[2] == 0){
- _sta = awData[_cd[0]].substring(0,8) == "00000000"?0 : 1;
- }else{
- _sta = awData[_cd[0]].substring(8,16) == "00000000"?0 : 1;
- }
- }else{
- _sta = awData[_cd[0]].charAt(parseInt(_cd[1]));
- }
- }
- }else{
- _sta = 0;
- }
- if(_ab[1]==2){
- _sta = _sta == 0?1:0;
- }
- _str += '<li>'+
- '<div class="iconfont icon-cloud-state" style="color:'+(_sta == 1?(_ab[1]==1?'green':'red'):'')+'"></div>'+
- '<div>'+_ab[0]+'</div>'+
- '</li>';
- }
- }
- $("."+ite).html(_str);
- }
- }
- // 温度高度
- function setHie(){
- for(var key in _tempKey){
- let _acb = _tempKey[key].split(",");
- let _sta = awData[key] != undefined&&awData[key] != null&&awData[key] != "N"?parseFloat(awData[key]):0;
- _sta = _sta == -3200 ?0:_sta;
- $("#"+_acb[0]+"v").text(isNaN(Number(_sta,10))?"---":_sta);
- if(_acb[1] != undefined){
- if(_acb[1] == "count"){
- let _newn = isNaN(Number(_sta,10))?0:(_sta*parseFloat(_acb[2])).toFixed(2);
- $("#"+_acb[0]+"v").text(_newn>20000?0:_newn);
- }else{
- let _h = parseFloat(_sta / parseInt(_acb[1])).toFixed(2);
- let _nh = (_h > 1?1:_h)*100;
- $("#"+_acb[0]+"h").css("backgroundImage","linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) "+_nh+"%, #040D32 1%)");
- }
- }
- }
- }
- // 开关量有HTML
- function setWarm(){
- for(var i=0;i<drogKey.length;i++){
- let _cd = drogKey[i].split("_");
- let _sta = 0;
- if(awData[_cd[0]] != undefined&&awData[_cd[0]] != null&&awData[_cd[0]] != "N"){
- if(_cd[2] != undefined){
- let _sa = awData[_cd[0]].charAt(parseInt(_cd[1]));
- if(_cd[2] == 1){
- _sta = _sa == 0?0:2;
- }else{
- _sta = _sa == 0?0:1;
- }
- }else{
- if(_cd[1] == 0){
- _sta = awData[_cd[0]].substring(0,8) == "00000000"?0 : 1;
- }else{
- _sta = awData[_cd[0]].substring(8,16) == "00000000"?0 : 1;
- }
- }
- }else{
- _sta = 0;
- }
-
- $("#sw_"+_cd[0]+_cd[1]).css("color",_sta == 1?'red':(_sta == 2?'green':''));
- }
- // 增压器
- angSwi("Supercha");
- angSwi("Interco");
- }
- // 增压器、中冷器
- function angSwi(_key){
- let _who = allKey[_key],_html = "";
- for(var i=0;i<2;i++){
- let _in = i,_ab = _who[i];
- if(i==1&&_ab.length==0){
- break;
- }
- for(var j=0;j<_ab.length;j++){
- let _cvb = _ab[j].split("_");
- if(_in==0){
- _html += `<div class="flex align-center margin-tb-sm">
- <div style="width:120px">${_cvb[1]}</div>
- <div class="_Num">${awData[_cvb[0]] != undefined&&!(isNaN(Number(awData[_cvb[0]],10)))?awData[_cvb[0]]:"---"}</div>${_cvb[2]}
- </div>`
- }else{
- let _sta = 0;
- if(awData[_cvb[0]] != undefined){
- if(_cvb[1] == 0){
- _sta = awData[_cvb[0]].substring(0,8) == "00000000"?0 : 1;
- }else{
- _sta = awData[_cvb[0]].substring(8,16) == "00000000"?0 : 1;
- }
- if(_cvb[3] != undefined){
- _sta = _sta == 1?2:0;
- }else{
- _sta = _sta;
- }
- }else{
- _sta = 0;
- }
- _html += `<div class="margin-top-sm text-gray"><i class="iconfont icon-cloud-state" style="color:${_sta == 1?'red':(_sta == 2?'green':'')}"></i>${_cvb[2]}</div>`;
- }
- }
- }
- $("."+_key).html(_html);
- }
- // 缸轴开关量
- function setGangZhou(){
- let _who = allKey["swKey"]["GangSw"],_hj = _who[0];
- $("#GangS").text(_hj == "swi"?"1-9#缸排气温度报警":"NO.1-NO.6排气温差");
- $("#ZhouS").text(_hj == "swi"?"0-10#主轴承温度报警":"0-7#主轴承温度过高停车");
- for(var i=1;i<3;i++){
- let _str = "",_acb = _who[i];
- for(var j in _acb){
- if(_hj == "swi"){
- let _sta = 0,_cd = _acb[j].split("_");
- if(_cd[2] == "no"){
- // _sta = awData[_cd[0]].charAt(parseInt(_cd[1]));
- _sta = 0;
- }else{
- console.log(_cd,awData[_cd[0]]);
- _sta = 0;
- // if(_cd[1] == 0){
- // _sta = awData[_cd[0]].substring(0,8) == "00000000"?0 : 1;
- // }else{
- // _sta = awData[_cd[0]].substring(8,16) == "00000000"?0 : 1;
- // }
- }
- _str += '<div><i class="iconfont icon-cloud-state" style="color:'+(_sta == 1?'red':'')+'"></i>'+j+'</div>'
- }else{
- if(i==1){
- let _yth = awData[_acb[j]] == undefined?"---":awData[_acb[j]];
- let _yth1 = awData["00v"] == undefined?"---":awData["00v"];
- _str += '<div><span class="text-bold text-yellow">'+(!isNaN(Number(_yth,10))&&!isNaN(Number(_yth1,10))?(_yth - _yth1).toFixed(2):'---')+'</span><br>'+j+'</div>'
- }else{
- _str += '<div><span class="text-bold text-yellow">'+(awData[_acb[j]] != undefined&&!(isNaN(Number(awData[_acb[j]],10)))?awData[_acb[j]]:"---")+'</span><br>'+j+'</div>'
- }
- }
- }
- if(i==1){
- $("#GangS+.swit_li").html(_str);
- }else if(i == 2){
- $("#ZhouS+.swit_li").html(_str);
-
- }
- }
- }
- // 创新液位
- function setYWei(){
- let _obj = allKey["YWei"];
- if(_obj == null){
- return;
- }
- let _str = "";
- for(var i=0;i<_obj.length;i++){
- let _ab = _obj[i];
- if(_ab[0]){
- let _e = awData[_ab[1]] == undefined? 0 : awData[_ab[1]];
- let _e1 = awData[_ab[3]] == undefined? 0 : awData[_ab[3]];
- let _heg = parseInt((parseFloat(_e)/8)*100)>100?100:parseInt((parseFloat(_e)/8)*100);
- let _spa = _heg<19?0:"calc("+_heg+"% - 24px)";
- let _heg1 = parseInt((parseFloat(_e1)/8)*100)>100?100:parseInt((parseFloat(_e1)/8)*100);
- let _spa1 = _heg1<19?0:"calc("+_heg1+"% - 24px)";
- let mol = [null,null];
- let _a = _ab[5].split(",");
- // 高位
- let _c = awData[_a[0].split("_")[0]] == undefined ?0 : awData[_a[0].split("_")[0]].charAt(parseInt(_a[0].split("_")[1]));
- let _d =_a[1]==undefined? 0 :(awData[_a[1].split("_")[0]] == undefined ?0 : awData[_a[1].split("_")[0]].charAt(parseInt(_a[1].split("_")[1])));
- // 右
- let _b = _ab[6].split(",");
- // 高位
- let _g = awData[_b[0].split("_")[0]] == undefined ?0 : awData[_b[0].split("_")[0]].charAt(parseInt(_b[0].split("_")[1]));
- let _f =_b[1]==undefined? 0 :(awData[_b[1].split("_")[0]] == undefined ?0 : awData[_b[1].split("_")[0]].charAt(parseInt(_b[1].split("_")[1])));
- // 容量
- if((i==2||i==5)&&nowSn != "480000001"){
- mol =[(awData[_ab[7]] == undefined? 0 : awData[_ab[7]]),(awData[_ab[8]] == undefined? 0 : awData[_ab[8]])];
- }
- _str += `<div>
- <div style="font-size: 15px;">${_obj[i][2]}${mol[0] != null?'(<span class="text-yellow text-bold">'+mol[0]+'</span> m³)':''}</div>
- <div class="margin-top-sm flex">
- <div class="Range">
- <span>8</span>
- <span>6</span>
- <span>4</span>
- <span>2</span>
- <span>0</span>
- </div>
- <div class="Liquidli">
- <div style="height:${_heg}%;"></div>
- <span style="bottom:${_spa};">${_e}<i>m</i></span>
- </div>
- ${ nowSn == "382001400"?
- `<div class="Range" style="align-items: flex-start;">
- <span></span>
- <span></span>
- <span></span>
- <span><i class="${_c == 1?'text-red':''}">●</i>高</span>
- <span><i class="${_d == 1?'text-red':''}">●</i>低</span>
- </div>`:''
- }
- </div>
- <div class="margin-top-lg" style="font-size: 15px;">${_obj[i][4]}${mol[1] != null?'(<span class="text-yellow text-bold">'+mol[1]+'</span> m³)':''}</div>
- <div class="margin-top-sm flex">
- <div class="Range">
- <span>8</span>
- <span>6</span>
- <span>4</span>
- <span>2</span>
- <span>0</span>
- </div>
- <div class="Liquidli">
- <div style="height:${_heg1}%;"></div>
- <span style="bottom:${_spa1};">${_e1}<i>m</i></span>
- </div>
- ${ nowSn == "382001400"?
- `<div class="Range" style="align-items: flex-start;">
- <span></span>
- <span></span>
- <span></span>
- <span><i class="${_g == 1?'text-red':''}">●</i>高</span>
- <span><i class="${_f == 1?'text-red':''}">●</i>低</span>
- </div>`:''
- }
- </div>
- </div>`
- }else{
- let _sta = awData[_ab[1]] != undefined?parseFloat(awData[_ab[1]]):0;
- let _h = parseFloat(_sta / 100).toFixed(2);
- let _nh = (_h > 1?1:_h)*100;
- let _sta1 = awData[_ab[3]] != undefined?parseFloat(awData[_ab[3]]):0;
- let _h1 = parseFloat(_sta1 / 100).toFixed(2);
- let _nh1 = (_h1 > 1?1:_h1)*100;
- _str += `<div>
- <div style="font-size: 15px;">${_obj[i][2]}</div>
- <div class="flex align-center justify-center">
- <div style="height:120px;">
- <div class="_temp">
- <div class="_unit">
- <div>150</div>
- <div>100</div>
- <div>50</div>
- <div>0</div>
- </div>
- <div class="li_shui" style="background-image:linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) ${_nh}%, #040D32 1%)"></div>
- </div>
- <div><span class="Num">${isNaN(Number(_sta))?"---":_sta}</span>℃</div>
- </div>
- </div>
- <div class="margin-top-sm" style="font-size: 15px;">${_obj[i][4]}</div>
- <div class="flex align-center justify-center">
- <div style="height:120px;">
- <div class="_temp">
- <div class="_unit">
- <div>150</div>
- <div>100</div>
- <div>50</div>
- <div>0</div>
- </div>
- <div class="li_shui" style="background-image:linear-gradient(0deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) ${_nh1}%, #040D32 1%)"></div>
- </div>
- <div><span class="Num">${isNaN(Number(_sta1))?"---":_sta1}</span>℃</div>
- </div>
- </div>
- </div>`
- }
- }
- $(".Liquid").html(_str);
- }
- $(".tabUl div").on("click","",function(){
- whoShow($(this).data("open"));
- })
- function whoShow(_id){
- $(".tabUl>div").removeClass("act_this");
- $(".tabUl>div[data-open='"+_id+"']").addClass("act_this");
- let _sta = ["block","none","none","none"];
- if(_id == 0){
- _sta = ["block","none","none","none"];
- }else if(_id == 1){
- _sta = ["none","block","none","none"];
- }else if(_id == 2){
- _sta = ["none","none","block","none"];
- }else if(_id == 3){
- _sta = ["none","none","none","block"];
- }
- $("#openMD").css("display",_sta[0]);
- $("#openBJ").css("display",_sta[1]);
- $("#openYK").css("display",_sta[2]);
- $("#openZP").css("display",_sta[3]);
- myChart1.resize();
- myChart2.resize();
- myChart3.resize();
- myChart4.resize();
- myChart5.resize();
- myChart6.resize();
- myChart7.resize();
- myChart8.resize();
- myChart9.resize();
- myChart10.resize();
- myChart12.resize();
- myChart13.resize();
- myChart14.resize();
- };
- </script>
- </html>
|