| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849 | <div data-options="dxView : { name: 'CenterMainDashboard', title: '@viewMainDashboard', pane: 'master' } ">    <div class="dark-dashboard" data-options="dxContent : { targetPlaceholder: 'content' } ">        <div data-options="dxViewPlaceholder: { viewName: 'SideMenu' }"></div>        <div data-options="dxViewPlaceholder: { viewName: 'HourGlassPopup' }"></div>        <!--<div class="dx-dashboard-title">Maind Dashboard</div>-->        <div class="first-row">            <div class="first-col border-gray">                <div class="row-header">현장 목록</div><!--                <div id="site1" data-bind="dxButton: siteOptions[0]"></div>-->                <div id="gridContainerCD" data-bind="dxDataGrid: workDataGridOptions" />            </div><div class="second-col border-gray">                <div class="row-header">전력/가스 사용현황</div>                <div id="mainChart" style="margin-top: 15px; width: 90%; height: 85%;"></div>            </div>        </div>        <div class="second-row border-gray">            <div class="row-header">목표대비</div>                <div id="yearElectricityUsageGauge" class="gauge"></div>                <div id="yearGasUsageGauge" class="gauge"></div>                <div id="yearEnergyUsageGauge" class="gauge"></div>                <div class="box" style="margin-top: 15px;">                    <div class=" title">금월 CO2 발생량</div>                    <div class="contents">                        <div id ="monthCO2" class="unit_account">0</div>                        <span class="unit">tCO2</span>                    </div>                                    </div>            <div class="box" style="margin-top: 15px;">                <div class="title">금년 CO2 발생량</div>                <div class="contents">                    <div id="yearCO2" class="unit_account">0</div>                    <span class="unit">tCO2</span>                </div>            </div>            </div>        <div class="third-row border-gray">            <div class="row-header">용도별 현황</div><!--            <p id="st1" class="body_sub_title">@dailyKcalEnergyUsageStatus</p>-->            <div class="fl chart_wrap_box" style="width: 38%; height: 340px; background:transparent; border:transparent;">                <p id="st2_CM" class="body_sub_title_2depth">kcal 환산 용도별 전체 사용량 비율</p>                <div id="chartPieDaySU_CM" style="height: 85%; width: 90%;" />            </div>            <div class="fr chart_wrap_box" style="width: 60%; height: 340px; background:transparent; border:transparent;">                <p id="st3_CM" class="body_sub_title_2depth">@KcalEnergyUsage</p>                <div id="chartBarDaySU_CM" style="height: 85%; width: 90%;" />            </div>        </div>             </div></div>
 |