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