09afe138aa7bff384b16b1227331245ec5174ffa.svn-base 7.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125
  1. <div data-options="dxView : { name: 'LocalunionManUsage', title: '단위면적/1인당 에너지 소비량', pane: 'master' } ">
  2. <div data-options="dxContent : { targetPlaceholder: 'content' } ">
  3. <div data-options="dxViewPlaceholder: { viewName: 'LocalunionManUsagePopup' }"></div>
  4. <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
  5. <p class="body_sub_title">단위면적/1인당 에너지 소비량</p>
  6. <!--전체 레이아웃-->
  7. <div class="chart_wrap_box" style="width: 100%; height: 750px;">
  8. <div class="dx-fieldset" style="height:800px;">
  9. <img class="fl" src="./images/site.jpg" alt="사이트이미지" style="width:320px;height:343px;margin-right:10px;" />
  10. <div class="fl" style="width:595px;">
  11. <div class=" dx-field cw-multi-field">
  12. <div class="dx-field cw-multi-field-left">
  13. <div class="dx-field-label cw-multi-field-label-ex">사이트명</div>
  14. <div id="Name" class="dx-field-value"></div>
  15. </div>
  16. <div class="dx-field cw-multi-field-right">
  17. <div class="dx-field-label cw-multi-field-label-ex">전화번호</div>
  18. <div id="PhoneNo" class="dx-field-value"></div>
  19. </div>
  20. </div>
  21. <div class="dx-field cw-multi-field">
  22. <div class="dx-field cw-multi-field-left">
  23. <div class="dx-field-label cw-multi-field-label">우편번호</div>
  24. <div id="AddressZip1" class="dx-field-value"></div>
  25. </div>
  26. <div class="dx-field cw-multi-field-right">
  27. <div class="dx-field-label cw-multi-field-label-ex">준공연도</div>
  28. <div id="CompletionDate" class="dx-field-value"></div>
  29. </div>
  30. </div>
  31. <div class="dx-field cw-multi-field-merge">
  32. <div class="dx-field-label cw-multi-field-label">주소</div>
  33. <div id="Address" class="dx-field-value"></div>
  34. </div>
  35. <div class="dx-field cw-multi-field-merge">
  36. <div class="dx-field-label cw-multi-field-label">건축규모</div>
  37. <div id="BuildingSize" class="dx-field-value"></div>
  38. </div>
  39. <div class="dx-field cw-multi-field">
  40. <div class="dx-field cw-multi-field-left">
  41. <div class="dx-field-label cw-multi-field-label-ex">연면적</div>
  42. <div id="GrossArea" class="dx-field-value"></div>
  43. </div>
  44. <div class="dx-field cw-multi-field-right">
  45. <div class="dx-field-label cw-multi-field-label-ex">건축면적</div>
  46. <div id="BuildingArea" class="dx-field-value"></div>
  47. </div>
  48. </div>
  49. <div class="dx-field cw-multi-field">
  50. <div class="dx-field cw-multi-field-left">
  51. <div class="dx-field-label cw-multi-field-label-ex">용적율/건폐율</div>
  52. <div id="Ratio" class="dx-field-value"></div>
  53. </div>
  54. <div class="dx-field cw-multi-field-right">
  55. <div class="dx-field-label cw-multi-field-label-ex">주용도</div>
  56. <div id="MainUse" class="dx-field-value"></div>
  57. </div>
  58. </div>
  59. <div class="dx-field cw-multi-field">
  60. <div class="dx-field cw-multi-field-left">
  61. <div class="dx-field-label cw-multi-field-label-ex">제어스케줄</div>
  62. <div id="IsControlSchedule" class="dx-field-value"></div>
  63. </div>
  64. <div class="dx-field cw-multi-field-right">
  65. <div class="dx-field-label cw-multi-field-label-ex">스케줄알림시간</div>
  66. <div id="ScheduleCheckHour" class="dx-field-value"></div>
  67. </div>
  68. </div>
  69. <div class="dx-field cw-multi-field">
  70. <div class="dx-field cw-multi-field-left">
  71. <div class="dx-field-label cw-multi-field-label">용도별 기준값</div>
  72. <div id="Standard" class="dx-field-value"></div>
  73. <div id="StandardTable" class="dx-field-value" style="margin-left: 10px; margin-top: 2px;" data-bind="dxButton: {text: '기준표', onClick: StandardBtn}"></div>
  74. </div>
  75. <div class="dx-field cw-multi-field-right">
  76. <div class="dx-field-label cw-multi-field-label-ex">HDD/CDD기준온도</div>
  77. <div id="HDDCDD" class="dx-field-value"></div>
  78. </div>
  79. </div>
  80. <div class="dx-field cw-multi-field-merge">
  81. <div class="dx-field-label cw-multi-field-label">홈페이지</div>
  82. <div id="URL" class="dx-field-value cw-multi-field-value"></div>
  83. </div>
  84. <div class="dx-field cw-multi-field-merge">
  85. <div class="dx-field-label cw-multi-field-label">비고</div>
  86. <div id="Comment" class="dx-field-value cw-multi-field-value"></div>
  87. </div>
  88. </div>
  89. <div class="fl" style="width:200px;height:320px;">
  90. <div id="localUnion" data-bind="dxLinearGauge: localUnion"></div>
  91. </div>
  92. <div class="fl" style="width: 200px; height: 320px;">
  93. <div id="localCO2" data-bind="dxLinearGauge: localCO2"></div>
  94. </div>
  95. <br />
  96. <br />
  97. <div class="fl" style="width:100%;height:35px;">
  98. <div id="locUnionBtn" class="fl" style="margin-left: 10px; margin-right: 10px; margin-top: 10px;" data-bind="dxButton: {text: '단위면적당 에너지 소비량', onClick: locUnionBtn}"></div>
  99. <div id="manBtn" class="fl" style="margin-right: 10px; margin-top: 10px;" data-bind="dxButton: {text: '1인당 에너지 소비량', onClick: manBtn}"></div>
  100. <!--<p id="pManCnt" class="fl" style="line-height: 380%; margin-right: 10px; margin-left: 10px; ">연인원</p> <div id="manCnt" class="fl" style="width: 80px; margin-top: 10px;" data-bind="dxTextBox: manCnt"></div>
  101. <div id="acceptBtn" class="fl" style="margin-left: 10px; margin-top: 10px;" data-bind="dxButton: {text: '확인', onClick: acceptBtn}"></div>-->
  102. </div>
  103. <br />
  104. <div class="fl" style="width:920px;height:300px;">
  105. <div id="chartMonth" data-bind="dxChart: chartMonth" style="width:100%;height:100%;"></div>
  106. </div>
  107. <div class="fl" style="width:400px;height:300px;">
  108. <div id="chartYear" data-bind="dxChart: chartYear" style="width:100%;height:100%;"></div>
  109. </div>
  110. </div>
  111. </div>
  112. </div>
  113. </div>