29b85b5fde18b6ab2fc14641164c0b7bdae1f314.svn-base 4.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556
  1. <div data-options="dxView : { name: 'EnergyUsageFactorAnalysis', title: '에너지 소비 요인 분석', pane: 'master' } ">
  2. <div data-options="dxContent : { targetPlaceholder: 'content' } ">
  3. <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
  4. <div data-options="dxViewPlaceholder: { viewName: 'EnergyUsageFactorAnalysisPopup' }"></div>
  5. <p class="body_sub_title">에너지 소비 요인 분석</p>
  6. <!-- 2019.04.16 : 그리드 도표 작업 : 팝업창 추가~~~ -->
  7. <div data-options="dxViewPlaceholder: { viewName: 'EnergyUsageFactorPopup' }"></div>
  8. <div data-options="dxView : { name: 'EnergyUsageFactorPopup'} ">
  9. <div data-bind="dxPopup: EnergyUsageFactorPopupOptions ">
  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="EnergyUsageFactor_Container" style="height: auto; width: 100%; "
  14. data-bind="dxDataGrid: EnergyUsageFactorOptions" />
  15. </div>
  16. </div>
  17. </div>
  18. </div>
  19. <div data-bind="dxPopup: EnergyUsageFactorPopupOptions1 ">
  20. <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
  21. <div id="popupDetail" data-bind="dxscrollview: { }">
  22. <div class="body_sub_title" style="margin-left:10px;margin-top:10px">에너지 소비요인</div>
  23. <div id="EnergyUsageFactor_Container1" style="height: auto; width: 100%; "
  24. data-bind="dxDataGrid: EnergyUsageFactorOptions1" />
  25. </div>
  26. </div>
  27. </div>
  28. <div data-bind="dxPopup: EnergyUsageFactorPopupOptions2 ">
  29. <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
  30. <div id="popupDetail" data-bind="dxscrollview: { }">
  31. <div class="body_sub_title" style="margin-left:10px;margin-top:10px">에너지 소비요인</div>
  32. <div id="EnergyUsageFactor_Container2" style="height: auto; width: 100%; "
  33. data-bind="dxDataGrid: EnergyUsageFactorOptions2" />
  34. </div>
  35. </div>
  36. </div>
  37. <!-- ~~~2019.04.16 : 그리드 도표 작업 : 팝업창 추가 -->
  38. <!--전체 레이아웃-->
  39. <div class="chart_wrap_box" style="width: 100%; height: 750px;">
  40. <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>
  41. <div id="insertTxt" class="fl" style="margin-left: 10px; margin-right: 5px; font-size: 14px; line-height: 240%;">소비 요인</div><div id="factorSelect" class="fl" style="width: 150px; margin-left: 5px; margin-right: 5px;" data-bind="dxSelectBox: factorSelect"></div>
  42. <div id="insertBtn" class="fl" style="margin-left:10px;visibility:hidden;" data-bind="dxButton: {text: '월별 자료 입력', onClick: InsertButtonClicked}"></div>
  43. <div id="textHDD" class="fl" style="margin-left: 10px; margin-right: 5px; font-size: 14px; line-height: 240%;">HDD기준온도</div><div id="inputHDD" class="fl" style="width: 100px; line-height: 200%;" data-bind="dxTextBox: inputHDD"></div>
  44. <div id="textCDD" class="fl" style="margin-left: 10px; margin-right: 5px; font-size: 14px; line-height: 240%;">CDD기준온도</div><div id="inputCDD" class="fl" style="width: 100px; line-height: 200%;" data-bind="dxTextBox: inputCDD"></div>
  45. <br />
  46. <br />
  47. <div id="compareChart" class="fl" style="height: 700px; width: 100%;" data-bind="dxChart: compareChart"></div>
  48. <div id="loadIndicator" style="position:absolute;left:50%;top:50%;" data-bind="dxLoadIndicator: loadIndicator"></div>
  49. </div>
  50. <!-- 2019.04.16 : 그리드 도표 작업 : 팝업창 추가 -->
  51. <div style="margin-top: 12px;" class="fr" data-bind="dxButton: { text: '도표', onClick: EnergyUsageFactorPopup_ButtonClicked}"></div>
  52. </div>
  53. </div>