6570584cf636a0457f7c260e346921bd3c144b52.svn-base 2.8 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. <div data-options="dxView : { name: 'CenterMainDashboard', title: '@viewMainDashboard', pane: 'master' } ">
  2. <div class="dark-dashboard" data-options="dxContent : { targetPlaceholder: 'content' } ">
  3. <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
  4. <div data-options="dxViewPlaceholder: { viewName: 'HourGlassPopup' }"></div>
  5. <!--<div class="dx-dashboard-title">Maind Dashboard</div>-->
  6. <div class="first-row">
  7. <div class="first-col border-gray">
  8. <div class="row-header">현장 목록</div>
  9. <!-- <div id="site1" data-bind="dxButton: siteOptions[0]"></div>-->
  10. <div id="gridContainerCD" data-bind="dxDataGrid: workDataGridOptions" />
  11. </div><div class="second-col border-gray">
  12. <div class="row-header">전력/가스 사용현황</div>
  13. <div id="mainChart" style="margin-top: 15px; width: 90%; height: 85%;"></div>
  14. </div>
  15. </div>
  16. <div class="second-row border-gray">
  17. <div class="row-header">목표대비</div>
  18. <div id="yearElectricityUsageGauge" class="gauge"></div>
  19. <div id="yearGasUsageGauge" class="gauge"></div>
  20. <div id="yearEnergyUsageGauge" class="gauge"></div>
  21. <div class="box" style="margin-top: 15px;">
  22. <div class=" title">금월 CO2 발생량</div>
  23. <div class="contents">
  24. <div id ="monthCO2" class="unit_account">0</div>
  25. <span class="unit">tCO2</span>
  26. </div>
  27. </div>
  28. <div class="box" style="margin-top: 15px;">
  29. <div class="title">금년 CO2 발생량</div>
  30. <div class="contents">
  31. <div id="yearCO2" class="unit_account">0</div>
  32. <span class="unit">tCO2</span>
  33. </div>
  34. </div>
  35. </div>
  36. <div class="third-row border-gray">
  37. <div class="row-header">용도별 현황</div>
  38. <!-- <p id="st1" class="body_sub_title">@dailyKcalEnergyUsageStatus</p>-->
  39. <div class="fl chart_wrap_box" style="width: 38%; height: 340px; background:transparent; border:transparent;">
  40. <p id="st2_CM" class="body_sub_title_2depth">kcal 환산 용도별 전체 사용량 비율</p>
  41. <div id="chartPieDaySU_CM" style="height: 85%; width: 90%;" />
  42. </div>
  43. <div class="fr chart_wrap_box" style="width: 60%; height: 340px; background:transparent; border:transparent;">
  44. <p id="st3_CM" class="body_sub_title_2depth">@KcalEnergyUsage</p>
  45. <div id="chartBarDaySU_CM" style="height: 85%; width: 90%;" />
  46. </div>
  47. </div>
  48. </div>
  49. </div>