3f5bdaa99570c05b5d8b85fe3135b78faa640143.svn-base 2.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940
  1. <div data-options="dxView : { name: 'PlanConsumeGoal', title: '에너지 사용량 목표 설정', pane: 'master' } ">
  2. <div data-options="dxContent : { targetPlaceholder: 'content' } ">
  3. <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
  4. <div data-options="dxViewPlaceholder: { viewName: 'PlanConsumeGoalPopup' }"></div>
  5. <div id="LoadPanel"></div>
  6. <p class="body_sub_title">에너지 사용량 목표 설정</p>
  7. <!-- 2019.04.17 : 그리드 도표 작업 : 팝업창 추가 ~~~ -->
  8. <div data-options="dxViewPlaceholder: { viewName: 'PlanGoalPopup' }"></div>
  9. <div data-options="dxView : { name: 'PlanGoalPopup'} ">
  10. <div data-bind="dxPopup: PlanGoalPopupOptions ">
  11. <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
  12. <div id="popupDetail" data-bind="dxscrollview: { }">
  13. <div class="body_sub_title" style="margin-left:10px;margin-top:10px">에너지 사용량 및 목표</div>
  14. <div id="PlanGoal_Container" style="height: auto; width: 100%; "
  15. data-bind="dxDataGrid: PlanGoalOptions" />
  16. </div>
  17. </div>
  18. </div>
  19. </div>
  20. <!-- ~~~ 2019.04.17 : 그리드 도표 작업 : 팝업창 추가 -->
  21. <!--상단 차트 레이아웃-->
  22. <div class="chart_wrap_box" style="width: 100%;height: 100%;">
  23. <div style="width: 100%; height: 30px;">
  24. <div id="monthBtn" class="fl" style="margin-right: 5px;"></div>
  25. <div id="yearBtn" class="fl" style="margin-right: 20px;"></div>
  26. <div class="fl" style="width: 70px;margin-top: 7px;margin-right:2px;">연도 선택</div>
  27. <div id="startDatePicker" class="fl" style="width: 140px;margin-right: 20px;"></div>
  28. <div class="fl" style="width: 70px;margin-top: 7px;margin-right: 2px;">에너지 원</div>
  29. <div id="energySelect" class="fl" style="width: 70px;"></div>
  30. <div id="goalBtn" class="fr" style="width:240px;margin-right: 10px;"></div>
  31. </div>
  32. <div id="sideBarChart" style="height: 100%; width: 100%;" data-bind="dxChart: chartOptions"></div>
  33. </div>
  34. <!-- 2019.04.17 : 그리드 도표 작업 : 팝업창 추가 -->
  35. <div style="margin-top: 12px;" class="fr" data-bind="dxButton: { text: '도표', onClick: PlanGoalPopup_ButtonClicked}"></div>
  36. </div>
  37. </div>