| 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>
 |