b0d069163a21c7175a803f09b0068b740df2e70c.svn-base 4.6 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384
  1. <div data-options="dxView : { name: 'AnalysisChart', title: '성능 분석 설', pane: 'master' } ">
  2. <div data-options="dxContent : { targetPlaceholder: 'content' } ">
  3. <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
  4. <div data-options="dxViewPlaceholde: { viewName: 'msgbox ' }">
  5. <div class="popup" data-bind="dxPopup: popupOptions">
  6. <div data-options="dxTemplate: { name:'info' }">
  7. <div id="large-indicator" style="margin-left: 40%;"></div>
  8. <span> </span>
  9. <p></p>
  10. <p align="center">에너지사용량 조회 중 입니다.</p>
  11. <!-- <p align="center">잠시만 기다려 주세요! </p>-->
  12. </div>
  13. </div>
  14. </div>
  15. <div class="fl width_25per" style="margin-left:0px;">
  16. <p class=" body_sub_title">분석 조건 설정</p>
  17. <div class="fl chart_wrap_box" style="width: 100%;height: 725px;padding:0px;">
  18. <!-- <div id="chartPieMonthMM" style="height: 90%; width: 100%;" />-->
  19. <div class="dx-fieldset" data-bind="dxScrollView: { }">
  20. <div class="dx-field cw-field-40_60">
  21. <div class="dx-field-label cw-multi-field-label-ex">설비 타입</div>
  22. <div id="acFacilityTypeCombo" class="dx-field-value" data-bind="dxSelectBox: {
  23. dataSource: facilityTypes,
  24. displayExpr: 'Name',
  25. valueExpr: 'FacilityTypeId' ,
  26. valueChangeAction: handleChangedValueFT,
  27. }"></div>
  28. </div>
  29. <div class="dx-field cw-field-40_60">
  30. <div class="dx-field-label cw-multi-field-label-ex">설비</div>
  31. <div id="acFacilityCombo" class="dx-field-value" data-bind="dxSelectBox: {
  32. dataSource: facilitiesForSearch,
  33. displayExpr: 'Name',
  34. valueExpr: 'FacilityCode' ,
  35. valueChangeAction: handleChangedValueFC,
  36. }"></div>
  37. </div>
  38. <div class="dx-field alt_back cw-field-40_60">
  39. <div class="dx-field-label cw-multi-field-label-ex">Y축(좌) 분석</div>
  40. <div id="acLeftFormulaCombo" class="dx-field-value" data-bind="dxSelectBox: {
  41. dataSource: formulas,
  42. displayExpr: 'Name',
  43. valueExpr: 'FormulaId' ,
  44. }"></div>
  45. </div>
  46. <div class="dx-field alt_back cw-field-40_60">
  47. <div class="dx-field-label cw-multi-field-label-ex">Y축(좌) 차트종류</div>
  48. <div id="acLeftChartTypeCombo" class="dx-field-value" data-bind="dxSelectBox: {
  49. items:['bar','line','spline','area', 'scatter','splinearea','stepline','steparea'],
  50. value:'bar'
  51. }"></div>
  52. </div>
  53. <div class="dx-field cw-field-40_60">
  54. <div class="dx-field-label cw-multi-field-label-ex">Y축(우) 분석</div>
  55. <div id="acRightFormulaCombo" class="dx-field-value" data-bind="dxSelectBox: {
  56. dataSource: formulas,
  57. displayExpr: 'Name',
  58. valueExpr: 'FormulaId',
  59. }"></div>
  60. </div>
  61. <div class="dx-field cw-field-40_60">
  62. <div class="dx-field-label cw-multi-field-label-ex">Y축(우) 차트종류</div>
  63. <div id="acRightChartTypeCombo" class="dx-field-value" data-bind="dxSelectBox: {
  64. items:['bar','line','spline','area', 'scatter','splinearea', 'stepline', 'steparea'],
  65. value:'spline'
  66. }"></div>
  67. </div>
  68. </div>
  69. </div>
  70. </div>
  71. <div style="float:right; display:inline-block; width: 74%">
  72. <p class="body_sub_title">설비 성능 분석</p>
  73. <div class="fr chart_wrap_box" style="width: 100%;height: 725px;">
  74. <div id="acChart" style="height: 90%; width: 100%;" />
  75. </div>
  76. </div>
  77. </div>
  78. </div>