<div data-options="dxView : { name: 'ViewOperatingExpensesByFacility', title: '설비별 운전 비용 조회', pane: 'master' } "> <div data-options="dxContent : { targetPlaceholder: 'content' } "> <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div> <div id="LoadPanel"></div> <p class="body_sub_title">설비별 운전비용 조회</p> <!--상단 차트 레이아웃--> <div class="chart_wrap_box" style="width: 100%;height: 100%;"> <div style="width: 100%; height: 40px; margin-left: 70px;"> <div class="fl" style="width: 60px;margin-top: 7px; margin-right: 3px; margin-left: 10px;">설비 타입</div> <div class="fl" id="Facility_Type_Id" style="width: 120px; margin-right: 135px"></div> <div class="fl" style="width: 60px;margin-top: 7px; margin-right: 3px">설비 명칭</div> <div class="fl" id="Facility_Id" style="width: 197px; margin-right:115px"></div> <div class="fl" style="width: 60px;margin-top: 7px; margin-right: 3px">운전모드</div> <div class="fl" id="Mode" style="width: 100px;"></div> <div class="fr" id="Search_Btn" style="margin-right: 160px"></div> </div> <div style="width: 100%; height: 40px;margin-left: 70px;"> <div class="fl" style="width: 60px;margin-top: 7px; margin-right: 3px; margin-left: 10px">시작 일시</div> <div class="fl" id="Start_Day" style="width: 120px; margin-right: 2px"></div> <div class="fl" id="Start_Hour" style="width: 70px; margin-right: 3px"></div> <div class="fl" style="width: 10px;margin-top: 7px; margin-right: 50px">시</div> <div class="fl" style="width: 60px;margin-top: 7px; margin-right: 3px">종료 일시</div> <div class="fl" id="End_Day" style="width: 120px; margin-right: 5px"></div> <div class="fl" id="End_Hour" style="width: 70px; margin-right: 7px"></div> <div class="fl" style="width: 10px;margin-top: 7px; margin-right: 10px">시</div> <div class="fr" id="Total" style="width: 100px; margin-right: 160px"></div> <div class="fr" style="width: 30px;margin-top: 7px">합산</div> <div class="fr" id="Gas" style="width: 100px; margin-right: 10px"></div> <div class="fr" style="width: 30px;margin-top: 7px">가스</div> <div class="fr" id="Power" style="width: 100px; margin-right: 10px"></div> <div class="fr" style="width: 30px;margin-top: 7px">전력</div> <div class="fr" style="width: 80px;margin-top: 7px; margin-right: 10px">에너지 비용 : </div> </div> <div id="dataGrid" class="fl" style="width: 100%;height:100%; margin-left: 80px;margin-top: 25px" data-bind="dxDataGrid: dataGrid"></div> </div> </div> </div>