<div data-options="dxView : { name: 'FA_1', title: '@viewWaterCoolingAnalysis', pane: 'master' } ">
    <div data-options="dxContent : { targetPlaceholder: 'content' } ">
        <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>
        <div data-options="dxViewPlaceholder: { viewName: 'FA_1_SearchConditionView' }"></div>
        <div data-options="dxViewPlaceholder: { viewName: 'HourGlassPopup' }"></div>

        <div id="ChartMultiView" data-bind="dxMultiView: { dataSource: multiViewItems, selectedIndex: currentTabIndex, height: '730px', swipeEnabled:false }" style="padding: 0px;">
            <div data-options="dxTemplate: { name: 'mainCharts' }">
                <div id="clearfix" class="dx-clearfix" style="height: 725px;">
                    <div id="f_detail" class="fl" style="width: 32.5%;">
                        <p class="body_sub_title">공조기 상세정보</p>
                        <div id="f_detail_chart" class="fl chart_wrap_box" style="width: 100%; height: 340px;">
                            <div class="info_data_grid">
                                <table width="100%">
                                    <caption class="skip">장비상세정보</caption>
                                    <colgroup>
                                        <col width="30%" />
                                        <col width="auto" />
                                    </colgroup>
                                    <thead class="skip">
                                        <tr>
                                            <th>제목</th>
                                            <th>내용</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td class="info_item">시설명칭</td>
                                            <td class="info_content" data-bind="text: $data.facility.Name"></td>
                                        </tr>
                                        <tr>
                                            <td class="info_item">시설별칭</td>
                                            <td class="info_content" data-bind="text: $data.facility.Nickname"></td>
                                        </tr>
                                        <tr>
                                            <td class="info_item">용도</td>
                                            <td class="info_content" data-bind="text: $data.facility.FacilityUsage"></td>
                                        </tr>
                                        <tr>
                                            <td class="info_item">제조모델</td>
                                            <td class="info_content" data-bind="text: $data.facility.ManufactureModel"></td>
                                        </tr>
                                        <tr>
                                            <td class="info_item">정격용량</td>
                                            <td class="info_content" data-bind="text: $data.facility.FacilityCapacity"></td>
                                        </tr>
                                        <tr>
                                            <td class="info_item">
                                                정격효율<br />(표준 COP)
                                            </td>
                                            <td class="info_content red_strong" data-bind="text: $data.facility.RatedCOP"></td>
                                        </tr>
                                        <tr>
                                            <td class="info_item last">정격소비전력</td>
                                            <td class="info_content last red_strong" data-bind="text: $data.facility.RatedPowerConsumption"></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div id="subCharts_1" data-options="dxTemplate: { name: 'subCharts_1' }">
            </div>

            <div id="subCharts_2" data-options="dxTemplate: { name: 'subCharts_2' }">
            </div>
        </div>
    </div>
</div>