709f7b4e958c577a35c7e0630794ea41283dd590.svn-base 11 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148
  1. <div data-options="dxView : { name: 'PowerSavingCycle', title: '절전 사이클 제어', pane: 'master' } ">
  2. <div data-options="dxContent : { targetPlaceholder: 'content' } ">
  3. <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
  4. <div data-options="dxViewPlaceholder: { viewName: 'PowerSavingCyclePopup' }"></div>
  5. <div data-options="dxViewPlaceholder: { viewName: 'InoutDoorDataGridPopup1' }"></div>
  6. <div data-options="dxView : { name: 'InoutDoorDataGridPopup1'} ">
  7. <div data-bind="dxPopup: InoutDoorDataGridPopupOptions ">
  8. <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
  9. <div id="popupDetail" data-bind="dxscrollview: { }">
  10. <div class="body_sub_title" style="margin-left:10px;margin-top:10px">실내외 온습도 정보</div>
  11. <div id="chartInOutdoor" style="height: 90%; width: 100%;" />
  12. </div>
  13. </div>
  14. </div>
  15. </div>
  16. <div data-options="dxViewPlaceholder: { viewName: 'EtcDataGridPopup1' }"></div>
  17. <div data-options="dxView : { name: 'EtcDataGridPopup1'} ">
  18. <div data-bind="dxPopup: EtcDataGridPopupOptions ">
  19. <div class="dx-clearfix" data-options="dxTemplate: { name: 'content' } ">
  20. <div id="popupDetail" data-bind="dxscrollview: { }">
  21. <div class="body_sub_title" style="margin-left:10px;margin-top:10px">기타 환경 정보</div>
  22. <div id="chartEtc" style="height: 90%; width: 100%;" />
  23. </div>
  24. </div>
  25. </div>
  26. </div>
  27. <div data-options="dxTemplate: { name: 'mainCharts' }">
  28. <div class="dx-clearfix" style="height: 725px;">
  29. <div id="EnergySavingControlDetail" class="fl" style="width: 32.5%;">
  30. <p class="body_sub_title">공조기 제어</p>
  31. <div style="width: 100%; height: 40px;">
  32. <div class="fl" style="width: 80px; margin-top: 5px; margin-top: 8px; margin-right: 3px; margin-left: 10px;">공조기 정보</div>
  33. <div class="fr" id="PowerSaving_control" style="width: 100px; margin-right: 20px"></div>
  34. <div class="fr" id="PowerSaving_onoff" style="width: 100px; margin-top: 2px; margin-right: 10px"></div>
  35. </div>
  36. <div class="fl chart_wrap_box" style="width: 100%; height: 684px;">
  37. <div class="info_data_grid">
  38. <table>
  39. <tbody style="text-align:center">
  40. <tr>
  41. <td class="info_item" style="text-align:center">시설명칭</td>
  42. <td class="info_content" style="text-align:center;width: 340px; padding-bottom:0px;padding-top :0px" id="facilityname"></td>
  43. </tr>
  44. <tr>
  45. <td class="info_item" style="text-align:center">시설별칭</td>
  46. <td class="info_content" style="text-align:center;width: 340px; padding-bottom:0px;padding-top :0px" id="facilitynickname"></td>
  47. </tr>
  48. <tr>
  49. <td class="info_item" style="text-align:center">용도</td>
  50. <td class="info_content" style="text-align:center;width: 340px; padding-bottom:0px;padding-top :0px" id="facilityusage"></td>
  51. </tr>
  52. </tbody>
  53. </table>
  54. </div>
  55. <div style="width: 100%; height: 40px; margin-top:25px;">
  56. <div class="fl" style="width: 120px; margin-top: 5px; margin-right: 3px; margin-left: 10px;">실내외 온습도 정보</div>
  57. <div class="fr" id="inoutdoor_inform" style="width: 100px; margin-right: 10px"></div>
  58. </div>
  59. <div class="info_data_grid">
  60. <table>
  61. <tbody style="text-align:center">
  62. <tr>
  63. <td class="info_item" style="text-align:center">실내온도</td>
  64. <td class="info_content" style="text-align:center;width: 340px; padding-bottom:0px;padding-top :0px" id="indoor_temp"></td>
  65. </tr>
  66. <tr>
  67. <td class="info_item" style="text-align:center">실내습도</td>
  68. <td class="info_content" style="text-align:center;width: 340px; padding-bottom:0px;padding-top :0px" id="indoor_humy"></td>
  69. </tr>
  70. <tr>
  71. <td class="info_item" style="text-align:center">실외온도</td>
  72. <td class="info_content" style="text-align:center;width: 340px; padding-bottom:0px;padding-top :0px" id="outdoor_temp"></td>
  73. </tr>
  74. <tr>
  75. <td class="info_item" style="text-align:center">실외습도</td>
  76. <td class="info_content" style="text-align:center;width: 340px; padding-bottom:0px;padding-top :0px" id="outdoor_humy"></td>
  77. </tr>
  78. </tbody>
  79. </table>
  80. </div>
  81. <div style="width: 100%; height: 40px;margin-top:25px;">
  82. <div class="fl" style="width: 100px; margin-top: 5px; margin-right: 3px; margin-left: 10px;">기타 환경 정보</div>
  83. <div class="fr" id="etc_inform" style="width: 100px; margin-right: 10px"></div>
  84. </div>
  85. <div class="info_data_grid">
  86. <table>
  87. <tbody style="text-align:center">
  88. <tr>
  89. <td class="info_item" style="text-align:center">CO</td>
  90. <td class="info_content" style="text-align:center;width: 340px; padding-bottom:0px;padding-top :0px" id="co"></td>
  91. </tr>
  92. <tr>
  93. <td class="info_item" style="text-align:center">CO2</td>
  94. <td class="info_content" style="text-align:center;width: 340px; padding-bottom:0px;padding-top :0px" id="co2"></td>
  95. </tr>
  96. <tr>
  97. <td class="info_item" style="text-align:center">미세먼지</td>
  98. <td class="info_content" style="text-align:center;width: 340px; padding-bottom:0px;padding-top :0px" id="dust"></td>
  99. </tr>
  100. <tr>
  101. <td class="info_item" style="text-align:center">오존</td>
  102. <td class="info_content" style="text-align:center;width: 340px; padding-bottom:0px;padding-top :0px" id="ozone"></td>
  103. </tr>
  104. </tbody>
  105. </table>
  106. </div>
  107. <div style="width: 100%; height: 40px;margin-top:25px;">
  108. <div class="fl" style="width: 100px; margin-top: 5px; margin-right: 3px; margin-left: 10px;">에너지 절감율</div>
  109. </div>
  110. <div class="info_data_grid">
  111. <table>
  112. <tbody>
  113. <tr>
  114. <td class="info_item" style="text-align:center;width:auto">예상 FAN 부하</td>
  115. <td class="info_content" style="text-align:center;width: 340px; padding-bottom:0px;padding-top :0px" id="predfanload"></td>
  116. </tr>
  117. <tr>
  118. <td class="info_item" style="text-align:center;width:200px">현재 FAN 부하</td>
  119. <td class="info_content" style="text-align:center;width: 340px; padding-bottom:0px;padding-top :0px" id="nowfanload"></td>
  120. </tr>
  121. <tr>
  122. <td class="info_item" style="text-align:center">절감량</td>
  123. <td class="info_content" style="text-align:center;width: 340px; padding-bottom:0px;padding-top :0px" id="totlareduction"></td>
  124. </tr>
  125. </tbody>
  126. </table>
  127. </div>
  128. </div>
  129. </div>
  130. <div style="width: 100%; height: 40px; margin-top:28px">
  131. <div class="fl" id="enthalpy_content" style="margin-left: 20px; width: 600px;"></div>
  132. <div class="fr" id="Airconfitioner_date" style="width: 130px; margin-right: 10px"></div>
  133. <div class="fr" id="Airconfitioner_select" style="width: 110px; margin-right: 10px"></div>
  134. <div class="fr" style="width: 40px; margin-top: 8px; margin-right: 3px;">조회</div>
  135. </div>
  136. <div id="Enthalpy" class="fl chart_wrap_box" style="margin-left: 1.1%; margin-top:2px; width: 66%; height: 330px; ">
  137. <div class="fl" style="font-size:12px; font-weight:bold; display:block !important; margin-bottom:10px; background:url(../images/custom/ibems_light/arrow01.png) left center no-repeat; padding-left:10px; ">실내온도 및 공조기 ON/OFF</div>
  138. <!--<div class="fr" id="S_Temp_Btn" style="width: 130px; margin-right: 20px"></div>-->
  139. <div id="chartTempOnOFF" style="height: 90%; width: 100%;" />
  140. </div>
  141. <div id="Enthalpy" class="fl chart_wrap_box" style="margin-left: 1.1%; margin-top:21px; width: 66%; height: 330px; ">
  142. <p class="body_sub_title_2depth">FAN 부하</p>
  143. <div id="chartFanLoad" style="height: 90%; width: 100%;" />
  144. </div>
  145. </div>
  146. </div>
  147. </div>
  148. </div>