dd346b77b20284298dc65cbad905ec25587a48cc.svn-base 2.5 KB

123456789101112131415161718192021222324252627282930313233343536
  1. <div data-options="dxView : { name: 'UsekindUsageCompare', title: '용도별 전년 동월대비 에너지사용량 증감 분석', pane: 'master' } ">
  2. <div data-options="dxContent : { targetPlaceholder: 'content' } ">
  3. <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
  4. <p class="body_sub_title">용도별 전년 동월대비 에너지사용량 증감 분석</p>
  5. <!-- 2019.04.15 : 그리드 도표 작업 : 팝업창 추가 ~~~ -->
  6. <div data-options="dxViewPlaceholder: { viewName: 'UsekindUsageComparePopup' }"></div>
  7. <div data-options="dxView : { name: 'UsekindUsageComparePopup'} ">
  8. <div data-bind="dxPopup: UsekindUsageComparePopupOptions ">
  9. <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
  10. <div id="popupDetail" data-bind="dxscrollview: { }">
  11. <div class="body_sub_title" style="margin-left:10px;margin-top:10px">에너지 소비요인</div>
  12. <div id="UsekindUsageCompare_Container" style="height: auto; width: 100%; "
  13. data-bind="dxDataGrid: UsekindUsageCompareOptions" />
  14. </div>
  15. </div>
  16. </div>
  17. </div>
  18. <!-- ~~~ 2019.04.15 : 그리드 도표 작업 : 팝업창 추가 -->
  19. <!--전체 레이아웃-->
  20. <div class="chart_wrap_box" style="width: 100%; height: 750px;">
  21. <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>
  22. <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>
  23. <br />
  24. <br />
  25. <div class="fl" style="width:90%;height:90%;">
  26. <div id="chartMonth" class="fl" data-bind="dxChart: chartMonth" style="width:100%;height:100%;"></div>
  27. </div>
  28. <div id="loadIndicator" style="position:absolute;left:50%;top:50%;" data-bind="dxLoadIndicator: loadIndicator"></div>
  29. </div>
  30. <!-- 2019.04.16 : 그리드 도표 작업 : 팝업창 추가 -->
  31. <div style="margin-top: 12px;" class="fr" data-bind="dxButton: { text: '도표', onClick: UsekindUsageComparePopup_ButtonClicked}"></div>
  32. </div>
  33. </div>