3c6e11d14128c2f71820609cd1ebc674b533f7e9.svn-base 4.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465
  1. <div data-options="dxView : { name: 'ElecPeak', title: '전력 피크 사용량', pane: 'master' } ">
  2. <div data-options="dxContent : { targetPlaceholder: 'content' } ">
  3. <div data-options="dxViewPlaceholder: { viewName: 'HourGlassPopup' }"></div>
  4. <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
  5. <div data-options="dxViewPlaceholder: { viewName: 'ElecPeakSearchConditionView' }"></div>
  6. <!-- 2017.09.11 : 그리드 도표 작업 : 팝업창 추가 -->
  7. <div data-options="dxViewPlaceholder: { viewName: 'ElecPeakDataGridPopup' }"></div>
  8. <div data-options="dxView : { name: 'ElecPeakDataGridPopup'} ">
  9. <div data-bind="dxPopup: ElecPeakDataGridPopupOptions ">
  10. <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
  11. <div id="popupDetail" data-bind="dxscrollview: { }">
  12. <div class="body_sub_title" style="margin-left:10px;margin-top:10px">전력피크</div>
  13. <div id="ElecPeakDataGrid_Container" style="height: auto; width: 100%; "
  14. data-bind="dxDataGrid: ElecPeakDataGridOptions" />
  15. </div>
  16. </div>
  17. </div>
  18. </div>
  19. <!-- 2017.09.11 : 그리드 도표 작업 : 팝업창 추가 -->
  20. <div data-options="dxViewPlaceholder: { viewName: 'ElecPeakFacilityPopup' }"></div>
  21. <div style="padding: 0px;">
  22. <p class="body_sub_title">전력피크</p>
  23. <div class="clear"></div>
  24. <div id="chartContext" class="chart_wrap_box" style="margin-top:10px; width:100%;">
  25. <div id="chartE8" style="height: 570px; width: 100%;" />
  26. </div>
  27. <div class="fr" id="Boxcontainer" style="width:1000px;">
  28. <div class="fr" style="margin-top: 5px;" data-bind="dxButton: { text: '도표', onClick: ElecPeakDataGridPopup_ButtonClicked}"></div>
  29. <div data-bind="dxBox: boxOptions" style="float:right; margin-top: 30px;">
  30. <div data-options="dxItem: {ratio: 1}">
  31. <div style="font-size:30px;">최대전력</div>
  32. <p class="clear-line"></p>
  33. <div style="margin-top:5px">
  34. <div style="font-size:14px;text-align:left;vertical-align:bottom;padding:8px;">일시:</div>
  35. <div style="float:right;font-size:18px;font-weight:700;text-align:right;vertical-align:top;margin-top:-28px"> <div data-bind="text: $G.dateTime($root.MaxDateTime())"> </div></div>
  36. </div>
  37. <div>
  38. <div style="font-size:14px;text-align:left;vertical-align:bottom;padding:8px;">전력값:</div>
  39. <div style="float:right;font-size:18px;font-weight:700;text-align:right;vertical-align:top;margin-top:-28px"> <div data-bind="text: $root.MaxPeakValue() + ' kW' "></div> </div>
  40. </div>
  41. </div>
  42. <div data-options="dxItem: {ratio: 0.1}"></div>
  43. <div data-options="dxItem: {ratio: 0.1}"></div>
  44. <div data-options="dxItem: {ratio: 1}">
  45. <div style="font-size:30px;">금일전력</div>
  46. <p class="clear-line"></p>
  47. <div style="margin-top:5px">
  48. <div style="font-size:14px;text-align:left;vertical-align:bottom;padding:8px;">최대:</div>
  49. <div style="float:right;font-size:18px;font-weight:700;text-align:right;vertical-align:top;margin-top:-28px"> <div data-bind="text:$root.todayMaxPeakValue() + ' kW' "> </div></div>
  50. </div>
  51. <div>
  52. <div style="font-size:14px;text-align:left;vertical-align:bottom;padding:8px;">최소:</div>
  53. <div style="float:right;font-size:18px;font-weight:700;text-align:right;vertical-align:top;margin-top:-28px"> <div data-bind="text:$root.todayMinPeakValue() + ' kW' "></div> </div>
  54. </div>
  55. </div>
  56. </div>
  57. </div>
  58. </div>
  59. <div data-bind="dxContextMenu: { items: menuItems, itemClickAction: handleMenuItemClick, target: '#chartContext'}"></div>
  60. </div>
  61. </div>