1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 |
- <div data-options="dxView : { name: 'ElecPeak', title: '전력 피크 사용량', pane: 'master' } ">
- <div data-options="dxContent : { targetPlaceholder: 'content' } ">
- <div data-options="dxViewPlaceholder: { viewName: 'HourGlassPopup' }"></div>
- <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
- <div data-options="dxViewPlaceholder: { viewName: 'ElecPeakSearchConditionView' }"></div>
- <!-- 2017.09.11 : 그리드 도표 작업 : 팝업창 추가 -->
- <div data-options="dxViewPlaceholder: { viewName: 'ElecPeakDataGridPopup' }"></div>
- <div data-options="dxView : { name: 'ElecPeakDataGridPopup'} ">
- <div data-bind="dxPopup: ElecPeakDataGridPopupOptions ">
- <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
- <div id="popupDetail" data-bind="dxscrollview: { }">
- <div class="body_sub_title" style="margin-left:10px;margin-top:10px">전력피크</div>
- <div id="ElecPeakDataGrid_Container" style="height: auto; width: 100%; "
- data-bind="dxDataGrid: ElecPeakDataGridOptions" />
- </div>
- </div>
- </div>
- </div>
- <!-- 2017.09.11 : 그리드 도표 작업 : 팝업창 추가 -->
- <div data-options="dxViewPlaceholder: { viewName: 'ElecPeakFacilityPopup' }"></div>
- <div style="padding: 0px;">
- <p class="body_sub_title">전력피크</p>
- <div class="clear"></div>
- <div id="chartContext" class="chart_wrap_box" style="margin-top:10px; width:100%;">
- <div id="chartE8" style="height: 570px; width: 100%;" />
- </div>
- <div class="fr" id="Boxcontainer" style="width:1000px;">
- <div class="fr" style="margin-top: 5px;" data-bind="dxButton: { text: '도표', onClick: ElecPeakDataGridPopup_ButtonClicked}"></div>
- <div data-bind="dxBox: boxOptions" style="float:right; margin-top: 30px;">
- <div data-options="dxItem: {ratio: 1}">
- <div style="font-size:30px;">최대전력</div>
- <p class="clear-line"></p>
- <div style="margin-top:5px">
- <div style="font-size:14px;text-align:left;vertical-align:bottom;padding:8px;">일시:</div>
- <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>
- </div>
- <div>
- <div style="font-size:14px;text-align:left;vertical-align:bottom;padding:8px;">전력값:</div>
- <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>
- </div>
- </div>
- <div data-options="dxItem: {ratio: 0.1}"></div>
- <div data-options="dxItem: {ratio: 0.1}"></div>
- <div data-options="dxItem: {ratio: 1}">
- <div style="font-size:30px;">금일전력</div>
- <p class="clear-line"></p>
- <div style="margin-top:5px">
- <div style="font-size:14px;text-align:left;vertical-align:bottom;padding:8px;">최대:</div>
- <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>
- </div>
- <div>
- <div style="font-size:14px;text-align:left;vertical-align:bottom;padding:8px;">최소:</div>
- <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>
- </div>
- </div>
- </div>
- </div>
- </div>
- <div data-bind="dxContextMenu: { items: menuItems, itemClickAction: handleMenuItemClick, target: '#chartContext'}"></div>
- </div>
- </div>
|