fef8f8471a00b4e7e74e3f37b5dd0f300ce50341.svn-base 6.4 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106
  1. <div data-options="dxView : { name: 'Water_HAnalysis', title: '중수조 성능 분석', pane: 'master' } ">
  2. <div data-options="dxContent : { targetPlaceholder: 'content' } ">
  3. <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
  4. <div data-options="dxViewPlaceholder: { viewName: 'WaterHAnalysisSearchConditionView' }"></div>
  5. <!-- 2017.09.08 : 그리드 도표 작업 : 팝업창 추가 -->
  6. <div data-options="dxViewPlaceholder: { viewName: 'WaterHAnalysisDataGridPopup' }"></div>
  7. <!-- 2017.09.08 : 그리드 도표 작업 : 팝업창 추가 -->
  8. <div data-options="dxViewPlaceholde: { viewName: 'msgbox ' }">
  9. <div class="popup" data-bind="dxPopup: popupOptions">
  10. <div data-options="dxTemplate: { name:'info' }">
  11. <div id="large-indicator" style="margin-left: 40%;"></div>
  12. <span> </span>
  13. <p></p>
  14. <p align="center">에너지사용량 조회 중 입니다.</p>
  15. <p align="center">잠시만 기다려 주세요! </p>
  16. </div>
  17. </div>
  18. </div>
  19. <!-- 2017.09.08 : 그리드 도표 작업 : 팝업창 추가 -->
  20. <div data-options="dxView : { name: 'WaterHAnalysisDataGridPopup'} ">
  21. <div data-bind="dxPopup: WaterHAnalysisDataGridPopupOptions ">
  22. <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
  23. <div id="popupDetail" data-bind="dxscrollview: { }">
  24. <div class="body_sub_title" style="margin-left:10px;margin-top:10px">중수조 성능분석</div>
  25. <div id="WaterHAnalysisDataGrid_Container" style="height: auto; width: 100%; "
  26. data-bind="dxDataGrid: WaterHAnalysisDataGridOptions" />
  27. </div>
  28. </div>
  29. </div>
  30. </div>
  31. <!-- 2017.09.08 : 그리드 도표 작업 : 팝업창 추가 -->
  32. <div data-bind="dxMultiView: { dataSource: multiViewItems, selectedIndex: currentTabIndex, height: '730px', swipeEnabled:false }" style="padding: 0px;">
  33. <div data-options="dxTemplate: { name: 'mainCharts' }">
  34. <div class="dx-clearfix" style="height: 100%;">
  35. <div id="WaterHDetail" class="fl" style="width: 32.5%;">
  36. <p class="body_sub_title">중수조 상세정보</p>
  37. <div class="fl chart_wrap_box" style="width: 100%; height: 700px;">
  38. <div class="info_data_grid">
  39. <table width="100%">
  40. <caption class="skip">장비상세정보</caption>
  41. <colgroup>
  42. <col width="30%">
  43. <col width="auto">
  44. </colgroup>
  45. <thead class="skip">
  46. <tr>
  47. <th>제목</th>
  48. <th>내용</th>
  49. </tr>
  50. </thead>
  51. <tbody>
  52. <tr>
  53. <td class="info_item">시설명칭</td>
  54. <td class="info_content" data-bind="text: $data.facility.Name"></td>
  55. </tr>
  56. <tr>
  57. <td class="info_item">시설별칭</td>
  58. <td class="info_content" data-bind="text: $data.facility.Nickname"></td>
  59. </tr>
  60. <tr>
  61. <td class="info_item">용도</td>
  62. <td class="info_content" data-bind="text: $data.facility.FacilityUsage"></td>
  63. </tr>
  64. <tr>
  65. <td class="info_item">제조모델</td>
  66. <td class="info_content" data-bind="text: $data.facility.ManufactureModel"></td>
  67. </tr>
  68. <tr>
  69. <td class="info_item">정격용량</td>
  70. <td class="info_content" data-bind="text: $data.facility.FacilityCapacity"></td>
  71. </tr>
  72. <tr>
  73. <td class="info_item">정격효율<br />(표준 COP)</td>
  74. <td class="info_content red_strong" data-bind="text: $data.facility.RatedCOP"></td>
  75. </tr>
  76. <tr>
  77. <td class="info_item last">정격소비전력</td>
  78. <td class="info_content last red_strong" data-bind="text: $data.facility.RatedPowerConsumption"></td>
  79. </tr>
  80. </tbody>
  81. </table>
  82. </div>
  83. </div>
  84. </div>
  85. <div id="effi" class="fl" style="margin-left: 1.1%; width: 66.25%; height: 700px; ">
  86. <p class="clear body_sub_title">시간별 중수 처리 분석</p>
  87. <div class="fr chart_wrap_box" style="width: 100%; height: 100%;">
  88. <div id="chartEffiWHA" style="height: 100%; width: 100%;" />
  89. </div>
  90. </div>
  91. </div>
  92. </div>
  93. <div data-options="dxTemplate: { name: 'subCharts' }">
  94. </div>
  95. </div>
  96. <!-- 2017.09.08 : 그리드 도표 작업 : 팝업창 추가 -->
  97. <div style="margin-top: 12px;" class="fr" data-bind="dxButton: { text: '도표', onClick: WaterHAnalysisDataGridPopup_ButtonClicked}"></div>
  98. <!-- 2017.09.08 : 그리드 도표 작업 : 팝업창 추가 -->
  99. </div>
  100. </div>