energy_storage/bin/Release/assets/html/pages/统计分析.html

<div class="mycol" style="width:100%; height:100%; padding: 10px; overflow: hidden">
  <div class="myrow" style="height: 40px">
    <button id="solarBtn" class="btn btn-success btn-lg" style="width: 200px"
      onclick="initSubPage('solar')">光伏设备运行分析</button>
    <button id="storageBtn" class="btn btn-primary" style="width: 200px;margin-left: 10px"
      onclick="initSubPage('storage')">储能设备运行分析</button>
    <button id="chargeBtn" class="btn btn-primary" style="width: 200px;margin-left: 10px"
      onclick="initSubPage('charge')">充电设备运行分析</button>

    <input id="statisticDate" type="date" class="form-control" style="width: 240px; margin-left: 30px;">
  </div>
  <hr style="margin: 10px 0 10px 0;" />
  <!-- <div
    style="width: 100%; height:calc(90vh - 130px); background-color: #052f4d; margin-top: 10px; padding: 10px 10px 10px 10px; border-radius: 12px;">
    测试测试测试测试测试测试测试测试测试测试
    <div style="display: flex; flex-direction: row; width: 100%; height: 350px; margin-top: 10px">
      <div id="myEchart1" class="myechartbox" style="width: 890px"></div>
      <div id="myEchart2" class="myechartbox" style="width: 890px"></div>
    </div>
    <div style="display: flex; flex-direction: row; width: 100%; height: 350px; margin-top: 10px">
      <div id="myEchart3" class="myechartbox" style="width: 890px"></div>
      <div id="myEchart4" class="myechartbox" style="width: 890px"></div>
    </div>
  </div> -->

  <div id="solar" class="mypanelstat" style="height: 100%; display: block;">
    <!-- <div class="mycol" style="width:100%; height: 100%;"> -->
    <div class="myrow" style="height: 50%; ">
      <div class="mypanel" style="width: 50%; height: calc(100% - 20px); margin: 10px; ">
        <div class="mypanel-title myline-l">电量与收益分析</div>
        <div id="solarEchart1" style="width: 100%; height:calc(100% - 30px)"></div>
      </div>
      <div class="mypanel" style="width: 50%; height: calc(100% - 20px); margin: 10px; ">
        <div class="mypanel-title myline-l">运行状态分析</div>
        <div id="solarEchart2" style="width: 100%; height:calc(100% - 30px)"></div>
      </div>
    </div>
    <div class="myrow" style="height: 50%; ">
      <div class="mypanel" style="width: 50%; height: calc(100% - 20px); margin: 10px; ">
        <div class="mypanel-title myline-l">日电压/电流分析</div>
        <div id="solarEchart3" style="width: 100%; height:calc(100% - 30px)"></div>
      </div>
      <div class="mypanel" style="width: 50%; height: calc(100% - 20px); margin: 10px; ">
        <div class="mypanel-title myline-l">日功率分析</div>
        <div id="solarEchart4" style="width: 100%; height:calc(100% - 30px)"></div>
      </div>
    </div>
  </div>

  <div id="storage" class="mypanelstat" style="height: 100%; display: none;">
    <div class="myrow" style="height: 50%; ">
      <div class="mypanel" style="width: 50%; height: calc(100% - 20px); margin: 10px; ">
        <div class="mypanel-title myline-l">储能放电分析</div>
        <div id="storageEchart1" style="width: 100%; height:calc(100% - 30px)"></div>
      </div>
      <div class="mypanel" style="width: 50%; height: calc(100% - 20px); margin: 10px; ">
        <div class="mypanel-title myline-l">运行状态分析</div>
        <div id="storageEchart2" style="width: 100%; height:calc(100% - 30px)"></div>
      </div>
    </div>
    <div class="myrow" style="height: 50%; ">
      <div class="mypanel" style="width: 50%; height: calc(100% - 20px); margin: 10px; ">
        <div class="mypanel-title myline-l">日电压电流分析</div>
        <div id="storageEchart3" style="width: 100%; height:calc(100% - 30px)"></div>
      </div>
      <div class="mypanel" style="width: 50%; height: calc(100% - 20px); margin: 10px; ">
        <div class="mypanel-title myline-l">日功率分析</div>
        <div id="storageEchart4" style="width: 100%; height:calc(100% - 30px)"></div>
      </div>
    </div>
  </div>

  <div id="charge" class="mypanelstat" style="height: 100%; display: none;">
    <div class="myrow" style="height: 50%; ">
      <div class="mypanel" style="width: 50%; height: calc(100% - 20px); margin: 10px; ">
        <div class="mypanel-title myline-l">充电与收益分析</div>

        <div id="chargeEchart1" style="width: 100%; height:calc(100% - 30px)"></div>
      </div>
      <div class="mypanel" style="width: 50%; height: calc(100% - 20px); margin: 10px; ">
        <div class="mypanel-title myline-l">运行状态分析</div>

        <div id="chargeEchart2" style="width: 100%; height:calc(100% - 30px)"></div>
      </div>
    </div>
    <div class="myrow" style="height: 50%; ">
      <div class="mypanel" style="width: 50%; height: calc(100% - 20px); margin: 10px; ">
        <div class="mypanel-title myline-l">日电压电流分析</div>
        <div id="chargeEchart3" style="width: 100%; height:calc(100% - 30px)"></div>
      </div>
      <div class="mypanel" style="width: 50%; height: calc(100% - 20px); margin: 10px; ">
        <div class="mypanel-title myline-l">日功率分析</div>
        <div id="chargeEchart4" style="width: 100%; height:calc(100% - 30px)"></div>
      </div>
    </div>
  </div>

</div>