d493a4cb56ce637b442f0653af53f547c72b0448.svn-base 7.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  1. <div data-options="dxView : { name: 'HeatExchangerAnalysis', title: '지열시스템 성능 분석', pane: 'master' } ">
  2. <div data-options="dxContent : { targetPlaceholder: 'content' } ">
  3. <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
  4. <div data-options="dxViewPlaceholder: { viewName: 'HeatExchangerAnalysisSearchConditionView' }"></div>
  5. <!-- 2018.08.21 : 그리드 도표 작업 : 팝업창 추가 -->
  6. <div data-options="dxViewPlaceholder: { viewName: 'HeatExchangerDataGridPopup' }"></div>
  7. <!-- 2018.08.21 : 그리드 도표 작업 : 팝업창 추가 -->
  8. <div data-options="dxViewPlaceholder: { viewName: 'HourGlassPopup' }"></div>
  9. <!-- 2017.08.21 : 그리드 도표 작업 : 팝업창 추가 -->
  10. <div data-options="dxView : { name: 'HeatExchangerDataGridPopup'} ">
  11. <div data-bind="dxPopup: HeatExchangerDataGridPopupOptions ">
  12. <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
  13. <div id="popupDetail" data-bind="dxscrollview: { }">
  14. <div class="body_sub_title" style="margin-left:10px;margin-top:10px">지열시스템 성능 분석</div>
  15. <div id="HeatExchangerDataGrid_Container" style="height: auto; width: 100%; "
  16. data-bind="dxDataGrid: HeatExchangerDataGridOptions1" />
  17. </div>
  18. </div>
  19. </div>
  20. </div>
  21. <!-- 2018.08.21 : 그리드 도표 작업 : 팝업창 추가 -->
  22. <div data-bind="dxMultiView: { dataSource: multiViewItems, selectedIndex: currentTabIndex, height: '730px', swipeEnabled:false }" style="padding: 0px;">
  23. <div data-options="dxTemplate: { name: 'mainCharts' }">
  24. <div class="dx-clearfix" style="height: 100%;">
  25. <div id="HeatExchangerDetail" class="fl" style="width: 32.5%;">
  26. <p class="body_sub_title">지열시스템 상세정보</p>
  27. <div class="fl chart_wrap_box" style="width: 100%; height: 340px;">
  28. <div class="info_data_grid">
  29. <table width="100%">
  30. <caption class="skip">장비상세정보</caption>
  31. <colgroup>
  32. <col width="30%">
  33. <col width="auto">
  34. </colgroup>
  35. <thead class="skip">
  36. <tr>
  37. <th>제목</th>
  38. <th>내용</th>
  39. </tr>
  40. </thead>
  41. <tbody>
  42. <tr>
  43. <td class="info_item">시설명칭</td>
  44. <td class="info_content" data-bind="text: $data.facility.Name"></td>
  45. </tr>
  46. <tr>
  47. <td class="info_item">시설별칭</td>
  48. <td class="info_content" data-bind="text: $data.facility.Nickname"></td>
  49. </tr>
  50. <tr>
  51. <td class="info_item">용도</td>
  52. <td class="info_content" data-bind="text: $data.facility.FacilityUsage"></td>
  53. </tr>
  54. <tr>
  55. <td class="info_item">제조모델</td>
  56. <td class="info_content" data-bind="text: $data.facility.ManufactureModel"></td>
  57. </tr>
  58. <tr>
  59. <td class="info_item">정격용량</td>
  60. <td class="info_content" data-bind="text: $data.facility.FacilityCapacity"></td>
  61. </tr>
  62. <tr>
  63. <td class="info_item">정격효율<br />(표준 COP)</td>
  64. <td class="info_content red_strong" data-bind="text: $data.facility.RatedCOP"></td>
  65. </tr>
  66. <tr>
  67. <td class="info_item last">정격소비전력</td>
  68. <td class="info_content last red_strong" data-bind="text: $data.facility.RatedPowerConsumption"></td>
  69. </tr>
  70. </tbody>
  71. </table>
  72. </div>
  73. </div>
  74. </div>
  75. <div id="Effi" class="fl chart_wrap_box" style="margin-left: 1.1%; width: 66.25%; height: 340px; margin-top:28px">
  76. <p class="clear body_sub_title_2depth">지열시스템 COP 분석</p>
  77. <div id="chartEffiHEA" style="height: 90%; width: 100%;" />
  78. <!-- <div class="fr chart_wrap_box" style="width: 100%; height: 100%;">
  79. </div>-->
  80. </div>
  81. <div class="clear"></div>
  82. <br>
  83. <div id="AV" class="fl chart_wrap_box" style="width: 32.5%; height: 340px;">
  84. <p class="body_sub_title_2depth">지열 시스템 COP 와 부하율 관계</p>
  85. <div id="chartAVHEA" style="height: 90%; width: 100%;" />
  86. </div>
  87. <div id="Pump" class="fl chart_wrap_box" style="margin-left: 1.1%; width: 32.5%; height: 340px;">
  88. <p class="body_sub_title_2depth">부하율</p>
  89. <div id="chartPumpHEA" style="height: 90%; width: 100%;" />
  90. </div>
  91. <div id="ATF" class="fl chart_wrap_box" style="margin-left: 1.1%; width: 32.5%; height: 340px;">
  92. <p class="body_sub_title_2depth">소비전력과 공급온도 관계</p>
  93. <div id="chartATFHEA" style="height: 90%; width: 100%;" />
  94. </div>
  95. </div>
  96. </div>
  97. <div data-options="dxTemplate: { name: 'subCharts' }">
  98. </div>
  99. </div>
  100. <!-- 2018.08.21 : 그리드 도표 작업 : 팝업창 추가 -->
  101. <div style="margin-top: 12px;" class="fr" data-bind="dxButton: { text: '도표', onClick: HeatExchangerDataGridPopup_ButtonClicked}"></div>
  102. <!-- 2018.08.21 : 그리드 도표 작업 : 팝업창 추가 -->
  103. </div>
  104. </div>