8c29f33af5c86cb7be2150d44c814b7c23309d1b.svn-base 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320
  1. BemsWebApplication.CO2EnergyUsage = function (params, viewInfo) {
  2. "use strict";
  3. var initialized = false,
  4. shouldReload = false,
  5. dataSource;
  6. var CODE = $Code,
  7. //FuelTypes = CODE.NewFuelTypes, // 2015 04 03 거의 모든 Code는 사용하면 안된다. hcLee DB에서 읽어야 하는데 하드 코딩 되어 있다.
  8. FacilityType = CODE.FacilityType,
  9. FacilityCode = CODE.FacilityCode,
  10. F = CODE.Formula,
  11. TIT = CODE.TimeIntervalType;
  12. var visiblePopup = ko.observable(false);
  13. var //serviceTypesDataSource = BemsWebApplication.db.createDataSource('BemsServiceType', false, false),
  14. //factorToeDataSource = BemsWebApplication.db.createDataSource('BemsFactorToe'),
  15. //fuelTypesDataSource = BemsWebApplication.db.createDataSource('BemsFuelType'),
  16. factorCO2DataSource = BemsWebApplication.db.createDataSource('BemsFactorCo2'),
  17. chartPieDay = BWA.Chart.Instance('chartPieDayCO2', 'dxPieChart'),
  18. chartBarDay = BWA.Chart.Instance('chartBarDayCO2', 'dxChart'),
  19. chartPieMonth = BWA.Chart.Instance('chartPieMonthCO2', 'dxPieChart'),
  20. chartBarMonth = BWA.Chart.Instance('chartBarMonthCO2', 'dxChart');
  21. var timeBoxForSearch = BWA.SearchView.createDateTimeBox($G.TimeTypesForMonthOnly);
  22. var energyUsageStatusGet = new BWA.Chart.EnergyUsageStatusGet(BWA.UserInfo.SiteId()); // 2015 06 08 수정 CO2과 똑같이
  23. //var energyUsageStatusGet = new BWA.Chart.PointHistoryGet(BWA.UserInfo.SiteId()); // 2015 06 08 수정 CO2과 똑같이
  24. //var serviceType = null;
  25. //var fuelTypes = new Array();
  26. //var fuelTypes = null;
  27. var factorCO2 = null;
  28. var Toe = $Code.FuelType.WATER + 1;
  29. //var fuelTypesDataSource = BemsWebApplication.db.createDataSource('BemsFuelType'),
  30. var fuelTypesForSearch = ko.observableArray(),
  31. timeTypesForSearch = ko.observableArray(),
  32. timeTypeIdForSearch = ko.observable(0),
  33. fuelTypeIdForSearch = ko.observable(),
  34. deferredForSearch = new $.Deferred();
  35. var dataArray = ko.observableArray(),
  36. dataDayForPie = ko.observableArray(),
  37. dataMonthForPie = ko.observableArray(),
  38. dataDayForBar = ko.observableArray(),
  39. dataMonthForBar = ko.observableArray();
  40. var formulaGet = new BWA.Chart.FormulaGet(BWA.UserInfo.SiteId());
  41. timeTypesForSearch($G.TimeTypes);
  42. var m = moment();
  43. /*
  44. dataDayForBar([
  45. { DateTime: new Date(m.year(), m.month(), 1), PowerToe: 40, GasToe: 40, WaterToe: 40 },
  46. { DateTime: new Date(m.year(), m.month(), 2), Value: 50, PowerToe: 40, GasToe: 40, WaterToe: 40 },
  47. { DateTime: new Date(m.year(), m.month(), 3), Value: 60, PowerToe: 40, GasToe: 40, WaterToe: 40 },
  48. { DateTime: new Date(m.year(), m.month(), 4), Value: 80, PowerToe: 40, GasToe: 40, WaterToe: 40 },
  49. { DateTime: new Date(m.year(), m.month(), 5), Value: 100, PowerToe: 40, GasToe: 40, WaterToe: 40 },
  50. { DateTime: new Date(m.year(), m.month(), 6), Value: 40, PowerToe: 40, GasToe: 40, WaterToe: 40 },
  51. { DateTime: new Date(m.year(), m.month(), 7), Value: 120, PowerToe: 40, GasToe: 40, WaterToe: 40 },
  52. { DateTime: new Date(m.year(), m.month(), 31), Value: 120, PowerToe: 40, GasToe: 40, WaterToe: 40 }
  53. ]);
  54. dataMonthForBar(dataDayForBar());
  55. dataDayForPie([
  56. { FuelTypeName: '전기X', Value: 320 },
  57. { FuelTypeName: '가스X', Value: 350 },
  58. { FuelTypeName: '수도X', Value: 360 },
  59. ]);
  60. dataMonthForPie(dataDayForPie());
  61. */
  62. function handleMonthBarPointClick(clickedPoint) {
  63. var month = clickedPoint.originalArgument;
  64. //2016 02 24
  65. var year = month.substr(0, 4);
  66. var month = (month.length == 11) ? month.substr(8, 2) : month.substr(8, 1);
  67. visiblePopup(true);
  68. loadDailyEnergyUsage(year, month);
  69. }
  70. function handleViewShown() {
  71. if (initialized === false) {
  72. var chartOption = BWA.ChartOptions.CO2EnergyUsage;
  73. factorCO2DataSource.load().done(function (dbFactorCO2) {
  74. factorCO2 = BWA.Bems.refineFactorCo2DataArray(dbFactorCO2);
  75. chartOption.MakeSeries($Code.g_fuelTypes);
  76. chartPieDay = chartPieDay(chartOption.getPieChartDayOptions());
  77. chartBarDay = chartBarDay(chartOption.getBarChartDayOptions());
  78. chartPieMonth = chartPieMonth(chartOption.getPieChartMonthOptions());
  79. chartBarMonth = chartBarMonth(chartOption.getBarChartMonthOptions(handleMonthBarPointClick));
  80. //loadMonthlyEnergyUsage();
  81. //loadDailyEnergyUsage();
  82. handleSearchInSearchView();
  83. });
  84. /*
  85. fuelTypesDataSource.load().done(function (dbfuelType) {
  86. fuelTypes = dbfuelType;
  87. chartOption.MakeSeries(fuelTypes);
  88. chartPieDay = chartPieDay(chartOption.getPieChartDayOptions());
  89. chartBarDay = chartBarDay(chartOption.getBarChartDayOptions());
  90. chartPieMonth = chartPieMonth(chartOption.getPieChartMonthOptions());
  91. chartBarMonth = chartBarMonth(chartOption.getBarChartMonthOptions(handleMonthBarPointClick));
  92. }); */
  93. //$('#chartPieDay').dxPieChart(chartOption.getPieChartDayOptions(dataDayForPie));
  94. //$('#chartBarDay').dxChart(chartOption.getBarChartDayOptions(dataDayForBar));
  95. //$('#chartPieMonth').dxPieChart(chartOption.getPieChartMonthOptions(dataMonthForPie));
  96. //$('#chartBarMonth').dxChart(chartOption.getBarChartMonthOptions(dataMonthForBar));
  97. initialized = true;
  98. }
  99. else {
  100. //loadMonthlyEnergyUsage();
  101. //loadDailyEnergyUsage();
  102. handleSearchInSearchView();
  103. }
  104. }
  105. function getChartDataFromDataSources(loadedDataSources, barDataArray, pieDataArray, timeFormat) {
  106. //var fuelTypes = _.values($Code.FuelType);
  107. var calculate = factorCO2.calculate;
  108. _.each(loadedDataSources, function (array, i) {
  109. //var field = fuelTypes[i].Name();
  110. var field = $Code.g_fuelTypes[i].Name();
  111. var sum = 0;
  112. _.each(array[0], function (x) {
  113. var data = {
  114. //DateTime: moment(x.DateTime).format(timeFormat),
  115. DateTime: timeFormat == 'M' ? BWA.Chart.getCustermTimeArgumentAxisString(timeBoxForSearch.type(), moment(x.DateTime).toDate()) : moment(x.DateTime).format(timeFormat),
  116. };
  117. sum += data[field] = calculate(x.Value, $Code.g_fuelTypes[i].FuelTypeId());
  118. barDataArray.push(data);
  119. });
  120. pieDataArray.push({
  121. FuelTypeName: $Code.g_fuelTypes[i].Name(),
  122. Value: sum
  123. });
  124. });
  125. }
  126. //var fuelTypes = [FuelType.ELECTRICITY, FuelType.GAS, FuelType.WATER];
  127. function loadDailyEnergyUsage(year, month) {
  128. var startDate, endDate;
  129. var monthMoment;
  130. monthMoment = moment(year).month(month - 1);
  131. startDate = monthMoment.startOf('month');
  132. endDate = monthMoment.clone().endOf('month');
  133. var commonParameters = {
  134. TimeIntervalType: TIT.DAY,
  135. StartDate: startDate,
  136. EndDate: endDate
  137. };
  138. var pointHistoryParameters = {
  139. BuildingId: null,
  140. FloorId: null,
  141. ZoneId: null,
  142. FuelTypeId: fuelTypeIdForSearch()
  143. };
  144. //var fuelTypes = _.values($Code.FuelType);
  145. var promises = [];
  146. _.each($Code.g_fuelTypes, function (x) {
  147. //pointHistoryParameters.FuelTypeId = x.FuelTypeId(); // 2015 06 08 수정 CO2과 똑같이
  148. //promises.push(energyUsageStatusGet.apiGet(_.extend(pointHistoryParameters, commonParameters))); // 2015 06 08 수정 CO2과 똑같이
  149. promises.push(energyUsageStatusGet.requestGetForUsgaeStatus(x.FuelTypeId(), TIT.DAY) // 2015 06 08 수정 CO2과 똑같이
  150. (startDate, endDate)); // 2015 06 08 수정 CO2과 똑같이
  151. });
  152. $.when.apply(this, promises).done(function () {
  153. var barDataArray = [];
  154. var pieDataArray = [];
  155. getChartDataFromDataSources(arguments, barDataArray, pieDataArray, 'D');
  156. /*
  157. var remainDate = _.range(moment().date(), moment().endOf('month').date() + 1);
  158. _.each(remainDate, function(date) {
  159. barDataArray.push({
  160. DateTime: date,
  161. ElectricityToe: 0,
  162. WaterToe: 0,
  163. GasToe: 0
  164. });
  165. });*/
  166. //console.log(barDataArray);
  167. //2015 11 23 차트 다시 그리지 않는 문제
  168. //chartBarDay().option('dataSource', barDataArray); 대신 아래3줄로 변경
  169. var options = BWA.ChartOptions.CO2EnergyUsage.getBarChartDayOptions();
  170. options.dataSource = barDataArray;
  171. chartBarDay().option(null);
  172. chartBarDay().option(options);
  173. chartPieDay().option('dataSource', pieDataArray);
  174. $('#st1').text(monthMoment._d.getFullYear() + '년 ' + (monthMoment._d.getMonth() + 1) + '월 CO2환산 배출 현황');
  175. $('#st2').text(monthMoment._d.getFullYear() + '년 ' + (monthMoment._d.getMonth() + 1) + '월 CO2환산 배출 비율');
  176. $('#st3').text(monthMoment._d.getFullYear() + '년 ' + (monthMoment._d.getMonth() + 1) + '월 CO2환산 배출량');
  177. $('#st4').text('CO2환산 배출 현황');
  178. $('#st5').text('CO2환산 배출 전체 비율');
  179. $('#st6').text('CO2환산 배출량');
  180. visiblePopup(false);
  181. });
  182. }
  183. function loadMonthlyEnergyUsage() {
  184. visiblePopup(true);
  185. var date = timeBoxForSearch.getDate();
  186. var commonParameters = {
  187. TimeIntervalType: TIT.MONTH,
  188. StartDate: date.startDate,
  189. EndDate: date.endDate
  190. };
  191. var pointHistoryParameters = {
  192. BuildingId: 0,
  193. FloorId: null,
  194. ZoneId: null,
  195. FuelTypeId: fuelTypeIdForSearch()
  196. };
  197. var promises = [];
  198. _.each($Code.g_fuelTypes, function (x) {
  199. //pointHistoryParameters.FuelTypeId = x.FuelTypeId(); // 2015 06 08 수정 CO2과 똑같이
  200. //promises.push(energyUsageStatusGet.apiGet(_.extend(pointHistoryParameters, commonParameters)));
  201. promises.push(energyUsageStatusGet.requestGetForUsgaeStatus(x.FuelTypeId(), TIT.MONTH) // 2015 06 08 수정 CO2과 똑같이
  202. (date.startDate, date.endDate));
  203. });
  204. $.when.apply(this, promises).done(function () {
  205. var barDataArray = [];
  206. var pieDataArray = [];
  207. getChartDataFromDataSources(arguments, barDataArray, pieDataArray, 'M');
  208. console.log(barDataArray);
  209. //2015 11 23 차트 다시 그리지 않는 문제
  210. //chartBarMonth().option('dataSource', barDataArray); 대신 아래3줄로 변경
  211. var options = BWA.ChartOptions.CO2EnergyUsage.getBarChartMonthOptions(handleMonthBarPointClick);
  212. options.dataSource = barDataArray;
  213. chartBarMonth().option(null);
  214. chartBarMonth().option(options);
  215. chartPieMonth().option('dataSource', pieDataArray);
  216. loadDailyEnergyUsage(date.endDate.getFullYear().toString(), (date.endDate.getMonth() + 1).toString());
  217. //visiblePopup(false);
  218. })
  219. .fail(function (error) {
  220. //alert(error);
  221. visiblePopup(false);
  222. });
  223. }
  224. function handleViewHidden() {
  225. visiblePopup(false);
  226. //hideOverlay();
  227. // var dataGrid = $('#gridContainer').dxDataGrid('instance');
  228. // dataGrid.clearSelection();
  229. }
  230. function handleViewShowing() {
  231. /*
  232. factorCO2DataSource.load().done(function (dbFactorCO2) {
  233. factorCO2 = BWA.Bems.refineFactorCo2DataArray(dbFactorCO2);
  234. //loadMonthlyEnergyUsage();
  235. handleSearchInSearchView();
  236. }); */
  237. }
  238. function handleSearchInSearchView() {
  239. loadMonthlyEnergyUsage();
  240. };
  241. function refreshList() {
  242. //dataSource.pageIndex(0);
  243. //dataSource.load();
  244. }
  245. var searchViewOptions = {
  246. searchViewItems: [
  247. { id: 'TimeTypeId', defaultValue: 0, value: timeTypeIdForSearch, dataSource: timeTypesForSearch },
  248. { id: 'DateForHour', type: 'dateRange', isOnlyDate: true },
  249. { id: 'TimeForHour', type: 'dateRange', isOnlyDate: true },
  250. ],
  251. promiseDataInSearchView: deferredForSearch.promise()
  252. };
  253. var viewModel = $.extend(BWA.CommonView.create(params, viewInfo, searchViewOptions, ko.observable(null), handleViewShown, null, handleSearchInSearchView), {
  254. //var viewModel = $.extend(BWA.CommonView.create(params, viewInfo, null, ko.observable(null), handleViewShown), {
  255. refreshList: refreshList,
  256. viewShowing: handleViewShowing,
  257. });
  258. viewModel.timeBoxForSearch = timeBoxForSearch;
  259. $HourGlassPopup(viewModel, visiblePopup);
  260. return viewModel;
  261. };