123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125 |
- <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>
|