f2eb2f3ee88579d2668f7658626d3b0135879bfd.svn-base 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184
  1. <div data-options="dxView : { name: 'EnergySavingControl', title: '에너지 절감 제어', pane: 'master' } ">
  2. <div data-options="dxContent : { targetPlaceholder: 'content' } ">
  3. <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
  4. <div data-options="dxViewPlaceholder: { viewName: 'EnergySavingControlSearchConditionView' }"></div>
  5. <div data-options="dxViewPlaceholder: { viewName: 'HourGlassPopup' }"></div>
  6. <div data-bind="dxMultiView: { dataSource: multiViewItems, selectedIndex: currentTabIndex, height: '730px', swipeEnabled:false }" style="padding: 0px;">
  7. <div data-options="dxTemplate: { name: 'mainCharts' }">
  8. <div class="dx-clearfix" style="height: 725px;">
  9. <div id="EnergySavingControlDetail" class="fl" style="width: 32.5%;">
  10. <p class="body_sub_title">공조기 상세정보</p>
  11. <div class="fl chart_wrap_box" style="width: 100%; height: 684px;">
  12. <div class="info_data_grid">
  13. <table width="100%">
  14. <caption class="skip">장비상세정보</caption>
  15. <colgroup>
  16. <col width="30%">
  17. <col width="auto">
  18. </colgroup>
  19. <thead class="skip">
  20. <tr>
  21. <th>제목</th>
  22. <th>내용</th>
  23. </tr>
  24. </thead>
  25. <tbody>
  26. <tr>
  27. <td class="info_item">시설명칭</td>
  28. <td class="info_content" data-bind="text: $data.facility.Name"></td>
  29. </tr>
  30. <tr>
  31. <td class="info_item">시설별칭</td>
  32. <td class="info_content" data-bind="text: $data.facility.Nickname"></td>
  33. </tr>
  34. <tr>
  35. <td class="info_item">용도</td>
  36. <td class="info_content" data-bind="text: $data.facility.FacilityUsage"></td>
  37. </tr>
  38. <tr>
  39. <td class="info_item">제조모델</td>
  40. <td class="info_content" data-bind="text: $data.facility.ManufactureModel"></td>
  41. </tr>
  42. <tr>
  43. <td class="info_item">정격용량</td>
  44. <td class="info_content" data-bind="text: $data.facility.FacilityCapacity"></td>
  45. </tr>
  46. <tr>
  47. <td class="info_item">정격효율<br />(표준 COP)</td>
  48. <td class="info_content red_strong" data-bind="text: $data.facility.RatedCOP"></td>
  49. </tr>
  50. <tr>
  51. <td class="info_item last">정격소비전력</td>
  52. <td class="info_content last red_strong" data-bind="text: $data.facility.RatedPowerConsumption"></td>
  53. </tr>
  54. <!--
  55. <tr>
  56. <td class="info_item last">엔탈피 제어</td>
  57. <div class="dx-field-value" data-bind="dxSwitch: { value: dataModel.IsUse, onText: $G('use'), offText: $G('nonUse') }, css: {'dx-state-invisible': isEditModeInPopup() == false }"></div>
  58. </tr>-->
  59. </tbody>
  60. </table>
  61. </div>
  62. <div class="info_data_grid" style="height: 40%; width: 100%; margin-top:80px">
  63. <table>
  64. <tbody>
  65. <colgroup>
  66. <col width="50%">
  67. <col width="30%" >
  68. <col width="20%" >
  69. </colgroup>
  70. <tr>
  71. <td class="info_item">절전사이클 제어</td>
  72. <td class="dx-field-value" data-bind="dxSwitch: { value: dutyOnOff, onText: 'On', offText: 'Off' }"></td>
  73. <td>
  74. <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '제어', clickAction: setDutyOnOff }"></div>
  75. </td>
  76. </tr>
  77. <tr>
  78. <td class="info_item">최적기동/정지 제어</td>
  79. <td class="dx-field-value" data-bind="dxSwitch: { value: effiOnOff, onText: 'On', offText: 'Off' }"></td>
  80. <td>
  81. <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '제어', clickAction: setEffiOnOff }"></div>
  82. </td>
  83. </tr>
  84. <tr>
  85. <td class="info_item">엔탈피 제어</td>
  86. <td class="dx-field-value" data-bind="dxSwitch: { value: enthalpyOnOff, onText: 'On', offText: 'Off' }"></td>
  87. <td>
  88. <div col="2" style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '제어', clickAction: setEnthalpyOnOff }"></div>
  89. </td>
  90. </tr>
  91. <tr>
  92. <td class="info_item">나이트 퍼지 제어</td>
  93. <td class="dx-field-value" data-bind="dxSwitch: { value: co2OnOff, onText: 'On', offText: 'Off' }" ></td>
  94. <td>
  95. <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '제어', clickAction: setCO2OnOff }"></div>
  96. </td>
  97. <!--
  98. <td class="dx-field-value" data-bind="dxSwitch: { value: co2OnOff, onText: 'On', offText: 'Off' }"></td>
  99. <td style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '제어', clickAction: setCO2OnOff }"></td>-->
  100. </tr>
  101. <!--
  102. <tr>
  103. <td class="info_item">온도 제어</td>
  104. <td class="dx-field-value" data-bind="dxTextBox: { value: tempValue, placeholder: '' }"></td>
  105. <td>
  106. <div style="float: right; margin-left: 2px;" data-bind="dxButton: { text: '제어', clickAction: setTempValue }"></div>
  107. </td>
  108. </tr>-->
  109. </tbody>
  110. </table>
  111. </div>
  112. </div>
  113. </div>
  114. <div id="Enthalpy" class="fl chart_wrap_box" style="margin-left: 1.1%; margin-top:27px; width: 66%; height: 340px; ">
  115. <p class="body_sub_title_2depth">엔탈피</p>
  116. <div id="chartEnthalpyES" style="height: 90%; width: 100%;" />
  117. </div>
  118. <!-- <div class="clear"></div>
  119. <br>-->
  120. <!--
  121. <div class="fl chart_wrap_box" style="width: 32.5%; height: 338px;">
  122. <p class="body_sub_title_2depth">제어</p>
  123. <div class="info_data_grid" style="height: 90%; width: 100%;">
  124. <table>
  125. <colgroup>
  126. <col width="30%">
  127. <col width="auto">
  128. </colgroup>
  129. <tbody>
  130. <tr>
  131. <td class="info_item">엔탈피 제어</td>
  132. <td class="dx-field-value" data-bind="dxSwitch: { value: true, onText: 'On', offText: 'Off' }, css: {'dx-state-invisible': false }"></td>
  133. </tr>
  134. <tr>
  135. <td class="info_item">절전사이클 제어</td>
  136. <td class="dx-field-value" data-bind="dxSwitch: { value: true, onText: 'On', offText: 'Off' }, css: {'dx-state-invisible': false }"></td>
  137. </tr>
  138. <tr>
  139. <td class="info_item">공조기효율 제어</td>
  140. <td class="dx-field-value" data-bind="dxSwitch: { value: true, onText: 'On', offText: 'Off' }, css: {'dx-state-invisible': false }"></td>
  141. </tr>
  142. <tr>
  143. <td class="info_item">CO2 제어</td>
  144. <td class="dx-field-value" data-bind="dxSwitch: { value: true, onText: 'On', offText: 'Off' }, css: {'dx-state-invisible': false }"></td>
  145. </tr>
  146. <tr>
  147. <td class="info_item">온도 제어</td>
  148. <td class="dx-field-value" data-bind="text: $data.facility.FacilityCapacity"></td>
  149. </tr>
  150. </tbody>
  151. </table>
  152. </div>
  153. </div>
  154. -->
  155. <div id="CO2" class="fl chart_wrap_box" style="margin-left:1.1%; width: 32.5%; height: 338px; margin-top:8px">
  156. <p class="body_sub_title_2depth">CO2</p>
  157. <div id="chartCO2ES" style="height: 90%; width: 100%;" />
  158. </div>
  159. <div id="Set" class="fl chart_wrap_box" style="margin-left: 1.1%; width: 32.5%; height: 338px; margin-top:8px">
  160. <p class="body_sub_title_2depth">실내 온습도</p>
  161. <div id="chartSetES" style="height: 90%; width: 100%;" />
  162. </div>
  163. </div>
  164. <!--
  165. <div data-options="dxTemplate: { name: 'subCharts' }">
  166. <div id="temperatureCalorie2" class="fl chart_wrap_box" style="width: 99%; height: 340px; ">
  167. <p class="body_sub_title_2depth">외기온도와 냉/온 열량의 관계</p>
  168. <div id="chartTemperatureCalorie" style="height: 90%; width: 100%;" />
  169. </div>
  170. <div class="clear"></div>
  171. <br />
  172. <div id="temperatureElectricity2" class="fl chart_wrap_box" style="width: 99%; height: 340px; ">
  173. <p class="body_sub_title_2depth">냉난방소비전력과 외기온도 관계</p>
  174. <div id="chartTemperatureElectricity2" style="height: 90%; width: 100%;" />
  175. </div>
  176. </div>-->
  177. </div>
  178. </div>
  179. </div>