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