00a89af3cb26b1c6637105d7c7b000a1238d3ee3.svn-base 13 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367
  1. BemsWebApplication.LocEnergyConsumption = function(params, viewInfo) {
  2. "use strict";
  3. var BUILDING_DEPTH = 1,
  4. FLOOR_DEPTH = 2,
  5. ZONE_DEPTH = 3;
  6. var CODE = $Code,
  7. FuelType = CODE.FuelType,
  8. FT = CODE.FacilityType,
  9. FC = CODE.FacilityCode,
  10. F = CODE.Formula,
  11. TIT = CODE.TimeIntervalType;
  12. var initialized = false,
  13. shouldReload = false,
  14. dataSource;
  15. var pointHistoryGet = new BWA.Chart.PointHistoryGet(BWA.UserInfo.SiteId()),
  16. timeBoxForSearch = BWA.SearchView.createDateTimeBox(),
  17. formulaGet = new BWA.Chart.FormulaGet(BWA.UserInfo.SiteId());
  18. var buildingDataSource = BemsWebApplication.db.createDataSource('CmBuilding', true, true),
  19. floorDataSource = BemsWebApplication.db.createDataSource('CmFloor'),
  20. zoneDataSource = BemsWebApplication.db.createDataSource('CmZone'),
  21. fuelTypesDataSource = BemsWebApplication.db.createDataSource('BemsFuelType'),
  22. //check_input = ko.observable(false),
  23. //check_input2 = ko.observable(false),
  24. buildings = ko.observableArray(),
  25. timeTypesForSearch = ko.observableArray(),
  26. timeTypeIdForSearch = ko.observable(0),
  27. floorsForSearch = ko.observableArray(),
  28. zonesForSearch = ko.observableArray(),
  29. fuelTypesForSearch = ko.observableArray(),
  30. buildingIdForSearch = ko.observable(),
  31. buildingNameForSearch = ko.observable(),
  32. floorIdForSearch = ko.observable(),
  33. floorNameForSearch = ko.observable(),
  34. zoneIdForSearch = ko.observable(),
  35. zoneNameForSearch = ko.observable(),
  36. fuelTypeIdForSearch = ko.observable(),
  37. deferredForSearch = new $.Deferred();
  38. var deferredForLoadData = new $.Deferred();
  39. var chart = BWA.Chart.Instance('chart', 'dxChart');
  40. var locationEnableForSearch = ko.observable(false);
  41. var chartDataArray = ko.observableArray();
  42. chartDataArray([
  43. { DateTime: new Date(2014, 11, 16, 0), OutdoorTemperature: -3.4, OutdoorHumidity: 40, Value: 30 },
  44. { DateTime: new Date(2014, 11, 16, 0, 15), OutdoorTemperature: -1.1, OutdoorHumidity: 44, Value: 32 },
  45. { DateTime: new Date(2014, 11, 16, 0, 30), OutdoorTemperature: 3, OutdoorHumidity: 48, Value: 33 },
  46. { DateTime: new Date(2014, 11, 16, 0, 45), OutdoorTemperature: 4, OutdoorHumidity: 55, Value: 34 },
  47. { DateTime: new Date(2014, 11, 16, 1), OutdoorTemperature: 8, OutdoorHumidity: 54, Value: 50 },
  48. { DateTime: new Date(2014, 11, 16, 2), OutdoorTemperature: 10, OutdoorHumidity: 53, Value: 60 },
  49. { DateTime: new Date(2014, 11, 16, 3), OutdoorTemperature: 11, Value: 80 },
  50. { DateTime: new Date(2014, 11, 16, 4), OutdoorTemperature: 12, OutdoorHumidity: 48, Value: 100 },
  51. { DateTime: new Date(2014, 11, 16, 5), OutdoorTemperature: 12, OutdoorHumidity: 40 },
  52. { DateTime: new Date(2014, 11, 16, 6), Value: 120 }
  53. ]);
  54. var goalUpperBound = ko.observable(40);
  55. function handleClickTreeItem(element, data) {
  56. var eq = BWA.DataUtil.constructEqualFilter;
  57. var depth = data.depth;
  58. data = data.data;
  59. switch (depth) {
  60. case BUILDING_DEPTH: // building
  61. buildingIdForSearch(data.BuildingId());
  62. buildingNameForSearch(data.Name());
  63. floorIdForSearch(null);
  64. floorNameForSearch('');
  65. zoneIdForSearch(null);
  66. zoneNameForSearch('');
  67. break;
  68. case FLOOR_DEPTH: // floor
  69. floorIdForSearch(data.FloorId());
  70. floorNameForSearch(data.Name());
  71. zoneIdForSearch(null);
  72. zoneNameForSearch('');
  73. break;
  74. case ZONE_DEPTH: // zone
  75. //buildingIdForSearch(data.BuildingId());
  76. //buildingNameForSearch(data.Name());
  77. //floorIdForSearch(data.FloorId());
  78. //floorNameForSearch(data.Name());
  79. zoneIdForSearch(data.ZoneId());
  80. zoneNameForSearch(data.Name());
  81. break;
  82. }
  83. }
  84. function handleSearchViewInitializeUpdate() {
  85. //alert('handleSearchViewInitializeUpdate');
  86. $('#locationTreeViewInSearchView').cwTreeView({
  87. width: '40%',
  88. height: '480px',
  89. onClickTreeItem: handleClickTreeItem,
  90. delegateDataSource: BWA.DataUtil.getLocationDataSourceDelegateForTreeView(
  91. buildingDataSource,
  92. floorDataSource,
  93. zoneDataSource
  94. )
  95. });
  96. }
  97. function handleViewShown() {
  98. //alert('handleViewShown'); // 2
  99. if (initialized === false) {
  100. //alert('handleViewShown1'); // 3
  101. chart = chart(BWA.ChartOptions.LocEnergyConsumption.getSeriesOptions(timeBoxForSearch.type(), goalUpperBound));
  102. initialized = true;
  103. }
  104. if (shouldReload) {
  105. //shouldReload = false;
  106. //dataSource.pageIndex(0);
  107. //dataSource.load();
  108. }
  109. }
  110. function handleViewHidden() {
  111. $SearchView.visibleObservable(false); // hcLee 2015 03 23
  112. //hideOverlay();
  113. // var dataGrid = $('#gridContainer').dxDataGrid('instance');
  114. // dataGrid.clearSelection();
  115. }
  116. function handleViewShowing() {
  117. //alert('handleViewShowing'); // 1
  118. $.when(fuelTypesDataSource.load(), buildingDataSource.load()).done(function(fuelTypes, dbBuildings) {
  119. fuelTypes = fuelTypes[0];
  120. dbBuildings = dbBuildings[0];
  121. fuelTypesForSearch(_.rest(fuelTypes));
  122. deferredForSearch.resolve();
  123. if (_.isEmpty(dbBuildings) === false) {
  124. buildingIdForSearch(dbBuildings[0].BuildingId());
  125. buildingNameForSearch(dbBuildings[0].Name());
  126. floorNameForSearch('');
  127. zoneNameForSearch('');
  128. handleSearchInSearchView();
  129. }
  130. });
  131. }
  132. function refreshList() {
  133. //dataSource.pageIndex(0);
  134. //dataSource.load();
  135. }
  136. var searchViewOptions = {
  137. searchViewItems: [
  138. { id: 'FuelTypeId', ignoreValue: 0, defaultValue: $Code.FuelType.ELECTRICITY, value: fuelTypeIdForSearch, dataSource: fuelTypesForSearch }
  139. ],
  140. promiseDataInSearchView: deferredForSearch.promise()
  141. };
  142. function handleSearchInSearchView() {
  143. var date = timeBoxForSearch.getDate(),
  144. timeType = timeBoxForSearch.type();
  145. //alert('handleSearchInSearchView');
  146. var commonParameters = {
  147. //TimeIntervalType: $Code.TimeIntervalType.QUARTERMIN,
  148. TimeIntervalType: timeBoxForSearch.type(),
  149. StartDate: date.startDate,
  150. EndDate: date.endDate
  151. };
  152. var pointHistoryParameters = {
  153. BuildingId: buildingIdForSearch(),
  154. FloorId: floorIdForSearch(),
  155. ZoneId: zoneIdForSearch(),
  156. //FuelTypeId: fuelTypeIdForSearch()
  157. FuelTypeId: $Code.FuelType.ELECTRICITY,
  158. };
  159. var temperatureParameters = {
  160. FacilityTypeId: FT.OUTDOOR,
  161. FacilityCode: FC.OUTDOOR,
  162. FormulaId: F[FT.OUTDOOR].TEMPERATURE,
  163. };
  164. var humidityParameters = _.extend({}, temperatureParameters, {
  165. FormulaId: F[FT.OUTDOOR].HUMIDITY,
  166. });
  167. $.when(
  168. pointHistoryGet.apiGet(_.extend(pointHistoryParameters, commonParameters)))
  169. /*
  170. pointHistoryGet.apiGet(_.extend(pointHistoryParameters, commonParameters)),
  171. formulaGet.apiGet(_.extend(temperatureParameters, commonParameters)),
  172. formulaGet.apiGet(_.extend(humidityParameters, commonParameters)))*/
  173. //.done(function(values, temperatures, humidities) {
  174. .done(function(values) {
  175. var dataArray = [];
  176. _.each(values, function(x) {
  177. dataArray.push({
  178. DateTime: moment(x.DateTime).toDate(),
  179. Value: x.Value
  180. });
  181. });
  182. /*
  183. _.each(temperatures[0], function (x) {
  184. dataArray.push({
  185. DateTime: moment(x.DateTime).toDate(),
  186. Temperature: x.Value
  187. });
  188. });
  189. _.each(humidities[0], function(x) {
  190. dataArray.push({
  191. DateTime: moment(x.DateTime).toDate(),
  192. Humidity: x.Value
  193. });
  194. });
  195. switch (fuelTypeIdForSearch()) {
  196. case $Code.FuelType.ELECTRICITY:
  197. goalUpperBound(5000);
  198. break;
  199. case $Code.FuelType.GAS:
  200. goalUpperBound(180);
  201. break;
  202. case $Code.FuelType.WATER:
  203. goalUpperBound(40);
  204. break;
  205. }
  206. */
  207. //chart2 = chart(BWA.ChartOptions.LocEnergyConsumption.getSeriesOptions(timeBoxForSearch.type(), goalUpperBound));
  208. var options = BWA.ChartOptions.LocEnergyConsumption.getSeriesOptions(timeBoxForSearch.type(), goalUpperBound());
  209. chart().option('argumentAxis', null); // 2015 05 21 결국 이 코드가 필요 함 (시간 축 에러 해결)
  210. //chart().cle
  211. //chart().option(null);
  212. //options.dataSource = null;
  213. //chart().option(options);
  214. options.dataSource = dataArray;
  215. chart().option(options);
  216. //chart().option('dataSource', dataArray);
  217. // chart().option('dataSource', dataArray);
  218. // chart().option('dataSource', chartDataArray());
  219. // chartDataArray(values);
  220. });
  221. $('#st').text('구역별 전력 사용량' + " : "+ buildingNameForSearch() + " - " +
  222. floorNameForSearch() + " - " + zoneNameForSearch());
  223. //buildingNameForSearch
  224. }
  225. function handleMenuItemClick(e) {
  226. var chartIntance = chart();
  227. var chartOptions = chartIntance._options;
  228. var series = chartIntance.getAllSeries();
  229. var table = [];
  230. var columns = [chartOptions.argumentAxis.title];
  231. var values = {};
  232. _.each(chartOptions.valueAxis, function(a) {
  233. columns.push(a.title.text);
  234. });
  235. _.each(series, function(s, i) {
  236. _.each(s.pointsByArgument, function(point, argument) {
  237. var array = values[argument];
  238. if (_.isArray(array) === false) {
  239. array = values[argument] = [];
  240. }
  241. array[i] = point.value;
  242. });
  243. });
  244. var csvRows = [columns.join(',')];
  245. _.each(values, function(values, argument) {
  246. csvRows.push([$G.dateTime(moment(Number(argument))), values.join(',')].join(','));
  247. });
  248. var csvContent = csvRows.join("\r\n");
  249. var agent = navigator.userAgent.toLowerCase();
  250. if (window.navigator.msSaveOrOpenBlob) {
  251. var fileData = ['\uFEFF' + csvContent];
  252. var blobObject = new Blob(fileData);
  253. window.navigator.msSaveOrOpenBlob(blobObject, 'export.csv');
  254. }
  255. else {
  256. var csvString = 'data:text/csv;utf-8,\uFEFF' + encodeURI(csvContent);
  257. var a = $('#csvExporter');
  258. a.attr({
  259. 'href': csvString,
  260. 'target': '_blank',
  261. 'download': 'export.csv'
  262. });
  263. // a.trigger('click');
  264. var aa = document.getElementById('csvExporter');
  265. aa.click();
  266. }
  267. }
  268. /*
  269. check_input.subscribe(checkboxTest);
  270. check_input2.subscribe(checkboxTest);
  271. function checkboxTest() {
  272. //dayEnergyUsageChart().option('series', series);
  273. alert(check_input());
  274. }*/
  275. var viewModel = $.extend(BWA.CommonView.create(
  276. params, viewInfo, searchViewOptions, ko.observable(null), handleViewShown, null,
  277. handleSearchInSearchView, handleSearchViewInitializeUpdate), {
  278. refreshList: refreshList,
  279. viewShowing: handleViewShowing,
  280. viewHidden: handleViewHidden, // hcLee 2015 03 23
  281. locationEnableForSearch: locationEnableForSearch,
  282. handleMenuItemClick: handleMenuItemClick,
  283. menuItems: [{
  284. text: '엑셀(csv) 내보내기'
  285. }]
  286. });
  287. viewModel.timeBoxForSearch = timeBoxForSearch;
  288. //viewModel.check_input = check_input;
  289. //viewModel.check_input2 = check_input2;
  290. //var dd = new Date(2015, 4, 0);
  291. //var selectedDay = document.form1.JLDAY.value;
  292. //var lastDay = dd.getDate();
  293. return viewModel;
  294. };