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