bf2c50a764d2543d32ee10b51ef43dc1f8e4a758.svn-base 7.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108
  1. <div data-options="dxView : { name: 'IceStoreAirAnalysis', title: '빙축열 성능 분석', pane: 'master' } ">
  2. <div data-options="dxContent : { targetPlaceholder: 'content' } ">
  3. <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
  4. <div data-options="dxViewPlaceholder: { viewName: 'IceStoreAirAnalysisSearchConditionView' }"></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: 100%;">
  9. <div id="IceStoreAirDetail" class="fl" style="width: 32.5%;">
  10. <p class="body_sub_title">빙축열 상세정보</p>
  11. <div class="fl chart_wrap_box" style="width: 100%; height: 340px;">
  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. </tbody>
  55. </table>
  56. </div>
  57. </div>
  58. </div>
  59. <div id="COP" class="fl chart_wrap_box" style="margin-left: 1.1%; width: 66.25%; height: 340px; margin-top:28px">
  60. <p class="clear body_sub_title_2depth">냉열원 시스템 COP</p>
  61. <div id="chartCOPISA" style="height: 90%; width: 100%;" />
  62. <!-- <div class="fr chart_wrap_box" style="width: 100%; height: 100%;">
  63. </div>-->
  64. </div>
  65. <div class="clear"></div>
  66. <br>
  67. <div id="COPout" class="fl chart_wrap_box" style="width: 32.5%; height: 340px; ">
  68. <p class="clear body_sub_title_2depth">축열조 열량</p>
  69. <div id="chartCOPoutISA" style="height: 90%; width: 100%;" />
  70. </div>
  71. <div id="StoreLoad" class="fl chart_wrap_box" style="margin-left: 1.1%; width: 32.5%; height: 340px;">
  72. <p class="body_sub_title_2depth">축열량과 부하율</p>
  73. <div id="chartStoreLoadISA" style="height: 90%; width: 100%;" />
  74. </div>
  75. <div id="COPLoad" class="fl chart_wrap_box" style="margin-left: 1.1%; width: 32.5%; height: 340px;">
  76. <p class="body_sub_title_2depth">냉동기 COP와 축열량 관계</p>
  77. <div id="chartCOPLoadISA" style="height: 90%; width: 100%;" />
  78. </div>
  79. </div>
  80. </div>
  81. <div data-options="dxTemplate: { name: 'subCharts' }">
  82. <!--
  83. <div class="clear"></div>
  84. <div id="ColdCOP" class="fl chart_wrap_box" style="width: 47.5%; height: 340px;">
  85. <p class="body_sub_title_2depth">냉각수 입구온도와 COP/부하율</p>
  86. <div id="chartColdCOP" style="height: 90%; width: 100%;" />
  87. </div>
  88. <div id="kcal" class="fl chart_wrap_box" style="margin-left: 1.1%; width: 47.5%; height: 340px;">
  89. <p class="body_sub_title_2depth">냉열원/축열조 사용 열량</p>
  90. <div id="chartKCAL" style="height: 90%; width: 100%;" />
  91. </div>
  92. <div class="clear"></div>
  93. <br>
  94. <div id="Effi" class="fl chart_wrap_box" style="width: 47.5%; height: 340px;">
  95. <p class="body_sub_title_2depth">시간별 냉각탑 효율</p>
  96. <div id="chartEffi" style="height: 90%; width: 100%;" />
  97. </div>
  98. <div id="Approch" class="fl chart_wrap_box" style="margin-left: 1.1%; width: 47.5%; height: 340px;">
  99. <p class="body_sub_title_2depth">냉각탑 쿨링 레인지/어프로치</p>
  100. <div id="chartApproch" style="height: 90%; width: 100%;" />
  101. </div>
  102. -->
  103. </div>
  104. </div>
  105. </div>
  106. </div>