123456789101112131415161718192021222324252627282930313233343536 |
- <div data-options="dxView : { name: 'UsekindUsageCompare', title: '용도별 전년 동월대비 에너지사용량 증감 분석', pane: 'master' } ">
- <div data-options="dxContent : { targetPlaceholder: 'content' } ">
- <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
- <p class="body_sub_title">용도별 전년 동월대비 에너지사용량 증감 분석</p>
- <!-- 2019.04.15 : 그리드 도표 작업 : 팝업창 추가 ~~~ -->
- <div data-options="dxViewPlaceholder: { viewName: 'UsekindUsageComparePopup' }"></div>
- <div data-options="dxView : { name: 'UsekindUsageComparePopup'} ">
- <div data-bind="dxPopup: UsekindUsageComparePopupOptions ">
- <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="UsekindUsageCompare_Container" style="height: auto; width: 100%; "
- data-bind="dxDataGrid: UsekindUsageCompareOptions" />
- </div>
- </div>
- </div>
- </div>
- <!-- ~~~ 2019.04.15 : 그리드 도표 작업 : 팝업창 추가 -->
- <!--전체 레이아웃-->
- <div class="chart_wrap_box" style="width: 100%; height: 750px;">
- <div class="fl" style="margin-left: 10px; margin-right: 5px; font-size: 14px; line-height: 240%;">기준 년도</div><div id="standardDatePicker" class="fl" data-bind="dxDateBox: standardDatePicker"></div>
- <div class="fl" style="line-height: 200%;margin-left:10px;">용도 : </div><div id="usekindSelect" class="fl" style="width: 120px; margin-left: 10px;" data-bind="dxSelectBox: usekindSelect"></div>
- <br />
- <br />
- <div class="fl" style="width:90%;height:90%;">
- <div id="chartMonth" class="fl" data-bind="dxChart: chartMonth" style="width:100%;height:100%;"></div>
- </div>
- <div id="loadIndicator" style="position:absolute;left:50%;top:50%;" data-bind="dxLoadIndicator: loadIndicator"></div>
- </div>
- <!-- 2019.04.16 : 그리드 도표 작업 : 팝업창 추가 -->
- <div style="margin-top: 12px;" class="fr" data-bind="dxButton: { text: '도표', onClick: UsekindUsageComparePopup_ButtonClicked}"></div>
- </div>
- </div>
|