<div data-options="dxView : { name: 'LocalunionManUsage', title: '단위면적/1인당 에너지 소비량', pane: 'master' } "> <div data-options="dxContent : { targetPlaceholder: 'content' } "> <div data-options="dxViewPlaceholder: { viewName: 'LocalunionManUsagePopup' }"></div> <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div> <p class="body_sub_title">단위면적/1인당 에너지 소비량</p> <!--전체 레이아웃--> <div class="chart_wrap_box" style="width: 100%; height: 750px;"> <div class="dx-fieldset" style="height:800px;"> <img class="fl" src="./images/site.jpg" alt="사이트이미지" style="width:320px;height:343px;margin-right:10px;" /> <div class="fl" style="width:595px;"> <div class=" dx-field cw-multi-field"> <div class="dx-field cw-multi-field-left"> <div class="dx-field-label cw-multi-field-label-ex">사이트명</div> <div id="Name" class="dx-field-value"></div> </div> <div class="dx-field cw-multi-field-right"> <div class="dx-field-label cw-multi-field-label-ex">전화번호</div> <div id="PhoneNo" class="dx-field-value"></div> </div> </div> <div class="dx-field cw-multi-field"> <div class="dx-field cw-multi-field-left"> <div class="dx-field-label cw-multi-field-label">우편번호</div> <div id="AddressZip1" class="dx-field-value"></div> </div> <div class="dx-field cw-multi-field-right"> <div class="dx-field-label cw-multi-field-label-ex">준공연도</div> <div id="CompletionDate" class="dx-field-value"></div> </div> </div> <div class="dx-field cw-multi-field-merge"> <div class="dx-field-label cw-multi-field-label">주소</div> <div id="Address" class="dx-field-value"></div> </div> <div class="dx-field cw-multi-field-merge"> <div class="dx-field-label cw-multi-field-label">건축규모</div> <div id="BuildingSize" class="dx-field-value"></div> </div> <div class="dx-field cw-multi-field"> <div class="dx-field cw-multi-field-left"> <div class="dx-field-label cw-multi-field-label-ex">연면적</div> <div id="GrossArea" class="dx-field-value"></div> </div> <div class="dx-field cw-multi-field-right"> <div class="dx-field-label cw-multi-field-label-ex">건축면적</div> <div id="BuildingArea" class="dx-field-value"></div> </div> </div> <div class="dx-field cw-multi-field"> <div class="dx-field cw-multi-field-left"> <div class="dx-field-label cw-multi-field-label-ex">용적율/건폐율</div> <div id="Ratio" class="dx-field-value"></div> </div> <div class="dx-field cw-multi-field-right"> <div class="dx-field-label cw-multi-field-label-ex">주용도</div> <div id="MainUse" class="dx-field-value"></div> </div> </div> <div class="dx-field cw-multi-field"> <div class="dx-field cw-multi-field-left"> <div class="dx-field-label cw-multi-field-label-ex">제어스케줄</div> <div id="IsControlSchedule" class="dx-field-value"></div> </div> <div class="dx-field cw-multi-field-right"> <div class="dx-field-label cw-multi-field-label-ex">스케줄알림시간</div> <div id="ScheduleCheckHour" class="dx-field-value"></div> </div> </div> <div class="dx-field cw-multi-field"> <div class="dx-field cw-multi-field-left"> <div class="dx-field-label cw-multi-field-label">용도별 기준값</div> <div id="Standard" class="dx-field-value"></div> <div id="StandardTable" class="dx-field-value" style="margin-left: 10px; margin-top: 2px;" data-bind="dxButton: {text: '기준표', onClick: StandardBtn}"></div> </div> <div class="dx-field cw-multi-field-right"> <div class="dx-field-label cw-multi-field-label-ex">HDD/CDD기준온도</div> <div id="HDDCDD" class="dx-field-value"></div> </div> </div> <div class="dx-field cw-multi-field-merge"> <div class="dx-field-label cw-multi-field-label">홈페이지</div> <div id="URL" class="dx-field-value cw-multi-field-value"></div> </div> <div class="dx-field cw-multi-field-merge"> <div class="dx-field-label cw-multi-field-label">비고</div> <div id="Comment" class="dx-field-value cw-multi-field-value"></div> </div> </div> <div class="fl" style="width:200px;height:320px;"> <div id="localUnion" data-bind="dxLinearGauge: localUnion"></div> </div> <div class="fl" style="width: 200px; height: 320px;"> <div id="localCO2" data-bind="dxLinearGauge: localCO2"></div> </div> <br /> <br /> <div class="fl" style="width:100%;height:35px;"> <div id="locUnionBtn" class="fl" style="margin-left: 10px; margin-right: 10px; margin-top: 10px;" data-bind="dxButton: {text: '단위면적당 에너지 소비량', onClick: locUnionBtn}"></div> <div id="manBtn" class="fl" style="margin-right: 10px; margin-top: 10px;" data-bind="dxButton: {text: '1인당 에너지 소비량', onClick: manBtn}"></div> <!--<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> <div id="acceptBtn" class="fl" style="margin-left: 10px; margin-top: 10px;" data-bind="dxButton: {text: '확인', onClick: acceptBtn}"></div>--> </div> <br /> <div class="fl" style="width:920px;height:300px;"> <div id="chartMonth" data-bind="dxChart: chartMonth" style="width:100%;height:100%;"></div> </div> <div class="fl" style="width:400px;height:300px;"> <div id="chartYear" data-bind="dxChart: chartYear" style="width:100%;height:100%;"></div> </div> </div> </div> </div> </div>