123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659 |
- <!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: #8799a3;
- }
- .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: #aaa;
- font-size: 11px;
- }
- .drog_li>div{
- width: 160px;
- margin-top: 15px;
- }
- .myChart3>div,.myChart14>div,.myChart15>div{
- width: 80px;
- }
- .myChart12>div,.myChart13>div,.myChart2>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;">污液舱</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 class="type_li bengWd" name="bengWd">
- <div class="flex text-grey" name="bengWd1">
- <div class="check_ check_act"></div><span style="line-height: 14px;">前缀</span>
- </div>
- <div class="flex text-grey margin-lr-lg" name="bengWd2">
- <div class="check_"></div><span style="line-height: 14px;">后轴</span>
- </div>
- <div class="flex text-grey" name="bengWd3">
- <div class="check_"></div><span style="line-height: 14px;">泵壳</span>
- </div>
- <div class="flex text-grey margin-lr-lg" name="bengWd4">
- <div class="check_"></div><span style="line-height: 14px;">舱壁轴填料函</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 act"></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 act"></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 act"></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>
- <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>
- <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 _XAxis = [];
- var _ChartU = ["myChart2","myChart3","myChart4","myChart5","myChart6","myChart7","myChart8","myChart9","myChart10","myChart11","myChart12","myChart13","myChart14","myChart15"];
- var _myChart = {},nowTime = null,nowCar = null,nowTar = 0;
- var nowCar = {
- "myChart2":"yeHuo1",
- "myChart3":"bengWd1",
- "myChart4":"zgYali",
- "myChart5":"zgYali",
- "myChart6":"bengYl1",
- "myChart7":"Post",
- "myChart8":"Post",
- "myChart9":"Post",
- "myChart10":"Post",
- "myChart11":"Post",
- "myChart12":"oneEngine",
- "myChart13":"oneEngine",
- "myChart14":"Post",
- "myChart15":"Post"
- }
- var _eCchart = [{
- "yeHuo1":{"myChart2":["左液位_z01_m","左压力_z0D1_kPa","左上温_z0R1_℃","左中温_z0T1_℃","左底温_z0S1_℃","右液位_z00_m","右压力_z0C1_kPa","右上温_z0O1_℃","右中温_z0Q1_℃","右底温_z0P1_℃"]},
- "yeHuo2":{"myChart2":["左液位_z03_m","左压力_z0F1_kPa","左上温_z0X1_℃","左中温_z0Z1_℃","左底温_z0Y1_℃","右液位_z02_m","右压力_z0E1_kPa","右上温_z0U1_℃","右中温_z0W1_℃","右底温_z0V1_℃"]},
- "yeHuo3":{"myChart2":["左液位_z05_m","左压力_z0H1_kPa","左上温度_z0d_℃","左中温_z0f_℃","左底温_z0e_℃","右液位_z04_m","右压力_z0G1_kPa","右上温_z0a_℃","右中温_z0c_℃","右底温_z0b_℃"]},
- "yeHuo4":{"myChart2":["左液位_z07_m","左压力_z0J1_kPa","左上温度_z0j_℃","左中温_z0l_℃","左底温_z0k_℃","右液位_z06_m","右压力_z0I1_kPa","右上温_z0g_℃","右中温_z0i_℃","右底温_z0h_℃"]},
- "yeHuo5":{"myChart2":["左液位_z09_m","左压力_z0L1_kPa","左上温度_z0p_℃","左中温_z0r_℃","左底温_z0q_℃","右液位_z08_m","右压力_z0K1_kPa","右上温_z0m_℃","右中温_z0o_℃","右底温_z0n_℃"]},
- "yeHuo6":{"myChart2":["左液位_z0B1_m","左压力_z0N1_kPa","左上温度_z0v_℃","左中温_z0x_℃","左底温_z0w_℃","右液位_z0A1_m","右压力_z0M1_kPa","右上温_z0s_℃","右中温_z0u_℃","右底温_z0t_℃"]},
- "zgYali":{
- "myChart4":["1#液货_z1Z1_kPa","2#液货_z1a_kPa","1#蒸气回收_z1b_kPa","2#蒸气回收_z1Y1_kPa"],
- "myChart5":["泵舱底左_z1d_%LEL","空调通风口_z1g_%LEL","泵舱底右_z1e_%LEL","尾楼甲板左_z1h_%LEL","泵舱上甲板_z1f_%LEL","尾楼甲板右_z1i_%LEL"]
- },
- "bengWd1":{"myChart3":["1#_z0y_℃","2#_z12_℃","3#_z16_℃","4#_z1A1_℃","5#_z1E1_℃","污液舱_z1I1_℃"]},
- "bengWd2":{"myChart3":["1#_z0z_℃","2#_z13_℃","3#_z17_℃","4#_z1B1_℃","5#_z1F1_℃","污液舱_z1J1_℃"]},
- "bengWd3":{"myChart3":["1#_z11_℃","2#_z15_℃","3#_z19_℃","4#_z1D1_℃","5#_z1H1_℃","污液舱_z1L1_℃"]},
- "bengWd4":{"myChart3":["1#_z10_℃","2#_z14_℃","3#_z18_℃","4#_z1C1_℃","5#_z1G1_℃","污液舱_z1K1_℃"]},
- "bengYl1":{
- "myChart6":["1#货油泵_z1N1_kPa","2#货油泵_z1P1_kPa","1#压载泵_z1S1_kPa","2#压载泵_z1U1_kPa","洗舱泵_z1R1_kPa","扫舱泵_z1W1_kPa"]
- },
- "bengYl2":{
- "myChart6":["1#货油泵_z1N1_kPa","2#货油泵_z1O1_kPa","1#压载泵_z1T1_kPa","2#压载泵_z1V1_kPa","洗舱泵_z1Q1_kPa","扫舱泵_z1X1_kPa"]
- }
- },{
- "Post":{
- "myChart7":["转速_00x_rpm","燃油进机压力_00K1_kPa","燃油进机温度_00P1_℃","起动空气压力_00L1_MPa","控制空气压力_00M1_MPa","预润滑油压力_00w_MPa"],
- "myChart8":["涡轮进口排气_00b_℃","滑油进机_00Q1_℃","涡轮出口排气_00e_℃","滑油出机_00R1_℃","涡轮进口(上)排气_00c_℃","高温水进机_00h_℃","涡轮进口(下)排气_00d_℃","高温水出机_00i_℃"],
- "myChart9":["增-滑油进口压力_00G1_kPa","冷-后进气温度_00k_℃","增-空气压力_00N1_kPa","冷-高温水进口压力_00H1_kPa","增-滑油出口温度_00O1_℃","冷-低温水进口压力_00I1_kPa"],
- "myChart10":["滤前工作油压力_0M0_kPa","滑油温度_0M6_℃","滤前压力_0M3_kPa","滑油压力_0M7_kPa","滤后压力_0M4_kPa"],
- "myChart11":["正车工作油压力_0M1_kPa","正车推力轴承温度_0M9_℃","倒车工作油压力_0M2_kPa","倒车推力轴承温度_0MA_℃","输出前轴承温度_0M7_℃","输出后轴承温度_0M8_℃"],
- "myChart14":["1#_00S1_℃","2#_00T1_℃","3#_00U1_℃","4#_00V1_℃","5#_00W1_℃","6#_00X1_℃"],
- "myChart15":["0#_00m_℃","1#_00n_℃","2#_00o_℃","3#_00p_℃","4#_00q_℃","5#_00r_℃","6#_00s_℃","7#_00t_℃"]
- },
- },{
- "oneEngine":{
- "myChart12":["转速_030_rpm","电池电压_035_V","运行时间_036_h"],
- "myChart13":["滑油压力_031_kPa","滑油温度_034_℃","淡水温度_033_℃"]
- },
- "twoEngine":{
- "myChart12":["转速_03A1_rpm","电池电压_03F1_V","运行时间_03G1_h"],
- "myChart13":["滑油压力_03B1_kPa","滑油温度_03E1_℃","淡水温度_03D1_℃"]
- },
- "thrEngine":{
- "myChart12":["转速_03a_rpm","电池电压_03f_V","运行时间_03g_h"],
- "myChart13":["滑油压力_03b_kPa","滑油温度_03e_℃","淡水温度_03d_℃"]
- }
- }]
- 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,"bengWd1");
- 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 == "bengWd"){
- nowCar["myChart3"] = _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>
|