c2421132472579a899204a4903b0007fd08960bb.svn-base 24 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608
  1. BemsWebApplication.RuntimeEnergyConsumption = 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 visiblePopup = ko.observable(false);
  13. var initialized = false,
  14. shouldReload = false,
  15. dataSource;
  16. var pointHistoryGet = new BWA.Chart.PointHistoryGet(BWA.UserInfo.SiteId()),
  17. pointHistory_RuntimeREFRIGERATORGet = new BWA.Chart.PointHistory_RuntimeREFRIGERATORGet(BWA.UserInfo.SiteId()),
  18. pointHistory_RuntimeBOILERGet = new BWA.Chart.PointHistory_RuntimeBOILERGet(BWA.UserInfo.SiteId()),
  19. timeBoxForSearch = BWA.SearchView.createDateTimeBox(),
  20. formulaGet = new BWA.Chart.FormulaGet(BWA.UserInfo.SiteId());
  21. //var buildingDataSource = BemsWebApplication.db.createDataSource('CmBuilding', true, true),
  22. var buildingDataSource = BemsWebApplication.db.createDataSource('CmBuilding', true),
  23. floorDataSource = BemsWebApplication.db.createDataSource('CmFloor'),
  24. zoneDataSource = BemsWebApplication.db.createDataSource('CmZone'),
  25. fuelTypesDataSource = BemsWebApplication.db.createDataSource('BemsFuelType'),
  26. //check_input = ko.observable(false),
  27. //check_input2 = ko.observable(false),
  28. buildings = ko.observableArray(),
  29. timeTypesForSearch = ko.observableArray(),
  30. timeTypeIdForSearch = ko.observable(0),
  31. floorsForSearch = ko.observableArray(),
  32. zonesForSearch = ko.observableArray(),
  33. fuelTypesForSearch = ko.observableArray(),
  34. buildingIdForSearch = ko.observable(),
  35. buildingNameForSearch = ko.observable(),
  36. floorIdForSearch = ko.observable(),
  37. floorNameForSearch = ko.observable(),
  38. zoneIdForSearch = ko.observable(),
  39. zoneNameForSearch = ko.observable(),
  40. fuelTypeIdForSearch = ko.observable(),
  41. deferredForSearch = new $.Deferred();
  42. var deferredForLoadData = new $.Deferred();
  43. var chart = BWA.Chart.Instance('chartRTA', 'dxChart');
  44. var locationEnableForSearch = ko.observable(false);
  45. var chartDataArray = ko.observableArray();
  46. // 2017.09.08 : 그리드 도표 작업 : 팝업창 추가
  47. // 팝업창뷰 보이기 속성 제어용 변수 선언
  48. var DataGridPopup_Visible = ko.observable(false);
  49. // 그래프 출력 이후 엑셀출력을 위한 팝업창을 위해 임시 저장용 배열 선언
  50. var dataArrayresult = ko.observableArray();
  51. // 2017.09.08 : 그리드 도표 작업 : 팝업창 추가
  52. chartDataArray([
  53. { DateTime: new Date(2014, 11, 16, 0), OutdoorTemperature: -3.4, OutdoorHumidity: 40, Value: 30 },
  54. { DateTime: new Date(2014, 11, 16, 0, 15), OutdoorTemperature: -1.1, OutdoorHumidity: 44, Value: 32 },
  55. { DateTime: new Date(2014, 11, 16, 0, 30), OutdoorTemperature: 3, OutdoorHumidity: 48, Value: 33 },
  56. { DateTime: new Date(2014, 11, 16, 0, 45), OutdoorTemperature: 4, OutdoorHumidity: 55, Value: 34 },
  57. { DateTime: new Date(2014, 11, 16, 1), OutdoorTemperature: 8, OutdoorHumidity: 54, Value: 50 },
  58. { DateTime: new Date(2014, 11, 16, 2), OutdoorTemperature: 10, OutdoorHumidity: 53, Value: 60 },
  59. { DateTime: new Date(2014, 11, 16, 3), OutdoorTemperature: 11, Value: 80 },
  60. { DateTime: new Date(2014, 11, 16, 4), OutdoorTemperature: 12, OutdoorHumidity: 48, Value: 100 },
  61. { DateTime: new Date(2014, 11, 16, 5), OutdoorTemperature: 12, OutdoorHumidity: 40 },
  62. { DateTime: new Date(2014, 11, 16, 6), Value: 120 }
  63. ]);
  64. var goalUpperBound = ko.observable(40);
  65. function SetPointer1(values1, values2) {
  66. if (values1.length > 0 && values2.length > 0) {
  67. var len = 0;
  68. var tmpArray = new Array();
  69. var values1MinMax = 0;
  70. var values2MinMax = 0;
  71. if (values1.length > values2[0].length) {
  72. len = values2[0].length;
  73. } else {
  74. len = values1.length;
  75. }
  76. if (len <= 1) {
  77. utils.toast.show("지표를 연산 할 데이터 범위가 적어도 하나 이상 존재해야 합니다.");
  78. $('#pointerText1').text("보일러 상관성 지표 : 연산 데이터가 부족합니다.");
  79. } else {
  80. var values1Min = 9999;
  81. var values1Max = -9999;
  82. for (var i = 0; i < values1.length; i++) {
  83. if (values1[i].Value <= values1Min)
  84. values1Min = values1[i].Value;
  85. if (values1[i].Value >= values1Max)
  86. values1Max = values1[i].Value;
  87. }
  88. values1MinMax = values1Max - values1Min;
  89. var values2Min = 9999;
  90. var values2Max = -9999;
  91. for (var i = 0; i < values2[0].length; i++) {
  92. if (values2[0][i].Value <= values2Min)
  93. values2Min = values2[0][i].Value;
  94. if (values2[0][i].Value >= values2Max)
  95. values2Max = values2[0][i].Value;
  96. }
  97. values2MinMax = values2Max - values2Min;
  98. for (var i = 0; i < len - 1; i++) {
  99. //tmpArray.push({ value1: values1[i] - values1[i + 1], value2: values2[i] - values2[i + 1] });
  100. //tmpArray.push((values1[i].Value - values1[i + 1].Value) / (values2[0][i].Value - values2[0][i + 1].Value).toFixed(2));
  101. tmpArray.push((((values1[i].Value - values1[i + 1].Value) / values1MinMax * 100) / ((values2[0][i].Value - values2[0][i + 1].Value) / values2MinMax * 100)).toFixed(2));
  102. }
  103. var sum = 0;
  104. var cnt = 0;
  105. for (var j = 0; j < tmpArray.length; j++) {
  106. if (isFinite(tmpArray[j]) && !isNaN(tmpArray[j])) {
  107. //sum = sum + Math.abs(tmpArray[j]);
  108. sum = sum + parseFloat(tmpArray[j].toString());
  109. cnt++;
  110. }
  111. }
  112. if (isFinite((sum / cnt).toFixed(2)) && !isNaN((sum / cnt).toFixed(2))) {
  113. $('#pointerText1').text("보일러 상관성 지표 : " + (sum / cnt).toFixed(2).toString() + "%");
  114. } else {
  115. $('#pointerText1').text("보일러 상관성 지표 : 0%");
  116. }
  117. }
  118. }
  119. }
  120. function SetPointer2(values1, values2) {
  121. if (values1.length > 0 && values2.length > 0) {
  122. var len = 0;
  123. var tmpArray = new Array();
  124. var values1MinMax = 0;
  125. var values2MinMax = 0;
  126. if (values1.length > values2[0].length) {
  127. len = values2[0].length;
  128. } else {
  129. len = values1.length;
  130. }
  131. if (len <= 1) {
  132. utils.toast.show("지표를 연산 할 데이터 범위가 적어도 하나 이상 존재해야 합니다.");
  133. $('#pointerText2').text("냉동기 상관성 지표 : 연산 데이터가 부족합니다.");
  134. } else {
  135. var values1Min = 9999;
  136. var values1Max = -9999;
  137. for (var i = 0; i < values1.length; i++) {
  138. if (values1[i].Value <= values1Min)
  139. values1Min = values1[i].Value;
  140. if (values1[i].Value >= values1Max)
  141. values1Max = values1[i].Value;
  142. }
  143. values1MinMax = values1Min + values1Max;
  144. var values2Min = 9999;
  145. var values2Max = -9999;
  146. for (var i = 0; i < values2[0].length; i++) {
  147. if (values2[0][i].Value <= values2Min)
  148. values2Min = values2[0][i].Value;
  149. if (values2[0][i].Value >= values2Max)
  150. values2Max = values2[0][i].Value;
  151. }
  152. values2MinMax = values2Min + values2Max;
  153. for (var i = 0; i < len - 1; i++) {
  154. //tmpArray.push({ value1: values1[i] - values1[i + 1], value2: values2[i] - values2[i + 1] });
  155. //tmpArray.push((values1[i].Value - values1[i + 1].Value) / (values2[0][i].Value - values2[0][i + 1].Value).toFixed(2));
  156. tmpArray.push((((values1[i].Value - values1[i + 1].Value) / values1MinMax * 100) / ((values2[0][i].Value - values2[0][i + 1].Value) / values2MinMax * 100)).toFixed(2));
  157. }
  158. var sum = 0;
  159. var cnt = 0;
  160. for (var j = 0; j < tmpArray.length; j++) {
  161. if (isFinite(tmpArray[j]) && !isNaN(tmpArray[j])) {
  162. //sum = sum + Math.abs(tmpArray[j]);
  163. sum = sum + parseFloat(tmpArray[j].toString());
  164. cnt++;
  165. }
  166. }
  167. if (isFinite((sum / cnt).toFixed(2)) && !isNaN((sum / cnt).toFixed(2))) {
  168. $('#pointerText2').text("냉동기 상관성 지표 : " + (sum / cnt).toFixed(2).toString() + "%");
  169. } else {
  170. $('#pointerText2').text("냉동기 상관성 지표 : 0%");
  171. }
  172. }
  173. }
  174. }
  175. function handleClickTreeItem(element, data) {
  176. var eq = BWA.DataUtil.constructEqualFilter;
  177. var depth = data.depth;
  178. //data = data.data;
  179. switch (depth) {
  180. case BUILDING_DEPTH: // building
  181. data = data.data;
  182. buildingIdForSearch(data.BuildingId());
  183. buildingNameForSearch(data.Name());
  184. floorIdForSearch(null);
  185. floorNameForSearch('');
  186. zoneIdForSearch(null);
  187. zoneNameForSearch('');
  188. break;
  189. case FLOOR_DEPTH: // floor
  190. buildingNameForSearch(data.parentData.data.Name());
  191. //alert(buildingIdForSearch());
  192. data = data.data;
  193. buildingIdForSearch(data.BuildingId());
  194. floorIdForSearch(data.FloorId());
  195. floorNameForSearch(data.Name());
  196. zoneIdForSearch(null);
  197. zoneNameForSearch('');
  198. break;
  199. case ZONE_DEPTH: // zone
  200. floorNameForSearch(data.parentData.data.Name());
  201. buildingNameForSearch(data.parentData.parentData.data.Name());
  202. data = data.data;
  203. buildingIdForSearch(data.BuildingId());
  204. //alert(buildingIdForSearch());
  205. //buildingNameForSearch(data.Name());
  206. floorIdForSearch(data.FloorId());
  207. //alert(floorIdForSearch());
  208. //floorNameForSearch(data.parent.data.Name());
  209. zoneIdForSearch(data.ZoneId());
  210. zoneNameForSearch(data.Name());
  211. break;
  212. }
  213. }
  214. function handleSearchViewInitializeUpdate() {
  215. //alert('handleSearchViewInitializeUpdate');
  216. $('#locationTreeViewInSearchViewR').cwTreeView({
  217. width: '40%',
  218. height: '480px',
  219. onClickTreeItem: handleClickTreeItem,
  220. delegateDataSource: BWA.DataUtil.getLocationDataSourceDelegateForTreeView(
  221. buildingDataSource,
  222. floorDataSource,
  223. zoneDataSource
  224. )
  225. });
  226. }
  227. function handleViewShown() {
  228. //alert('handleViewShown'); // 2
  229. if (initialized === false) {
  230. //alert('handleViewShown1'); // 3
  231. chart = chart(BWA.ChartOptions.RuntimeEnergyConsumption.getChartOptions(timeBoxForSearch.type(), goalUpperBound));
  232. //chart = chart(BWA.ChartOptions.LocEnergyConsumption.getSeriesOptions(timeBoxForSearch.type(), fuelTypeIdForSearch(), goalUpperBound));
  233. floorNameForSearch('');
  234. zoneNameForSearch('');
  235. initialized = true;
  236. }
  237. if (shouldReload) {
  238. //shouldReload = false;
  239. //dataSource.pageIndex(0);
  240. //dataSource.load();
  241. }
  242. }
  243. function handleViewHidden() {
  244. $SearchView.visibleObservable(false); // hcLee 2015 03 23
  245. visiblePopup(false);
  246. //hideOverlay();
  247. // var dataGrid = $('#gridContainer').dxDataGrid('instance');
  248. // dataGrid.clearSelection();
  249. }
  250. function handleViewShowing() {
  251. //alert('handleViewShowing'); // 1
  252. $.when(fuelTypesDataSource.load(), buildingDataSource.load()).done(function (fuelTypes, dbBuildings) {
  253. fuelTypes = fuelTypes[0];
  254. dbBuildings = dbBuildings[0];
  255. fuelTypesForSearch(_.rest(fuelTypes));
  256. deferredForSearch.resolve();
  257. if (_.isEmpty(dbBuildings) === false) {
  258. buildingIdForSearch(dbBuildings[0].BuildingId());
  259. buildingNameForSearch(dbBuildings[0].Name());
  260. handleSearchInSearchView();
  261. }
  262. });
  263. }
  264. function refreshList() {
  265. //dataSource.pageIndex(0);
  266. //dataSource.load();
  267. }
  268. var searchViewOptions = {
  269. searchViewItems: [
  270. { id: 'FuelTypeId', ignoreValue: 0, defaultValue: $Code.FuelType.ELECTRICITY, value: fuelTypeIdForSearch, dataSource: fuelTypesForSearch }
  271. ],
  272. promiseDataInSearchView: deferredForSearch.promise()
  273. };
  274. function handleSearchInSearchView() {
  275. visiblePopup(true);
  276. $("#large-indicator").dxLoadIndicator({
  277. height: 60,
  278. width: 60
  279. });
  280. var date = timeBoxForSearch.getDate(),
  281. timeType = timeBoxForSearch.type();
  282. //alert('handleSearchInSearchView');
  283. var commonParameters = {
  284. //TimeIntervalType: $Code.TimeIntervalType.QUARTERMIN,
  285. TimeIntervalType: timeBoxForSearch.type(),
  286. StartDate: date.startDate,
  287. EndDate: date.endDate
  288. };
  289. var pointHistoryParameters = {
  290. BuildingId: buildingIdForSearch(),
  291. FloorId: floorIdForSearch(),
  292. ZoneId: zoneIdForSearch(),
  293. FuelTypeId: fuelTypeIdForSearch()
  294. //FuelTypeId: $Code.FuelType.ELECTRICITY,
  295. };
  296. var temperatureParameters = {
  297. FacilityTypeId: FT.OUTDOOR,
  298. FacilityCode: FC.OUTDOOR,
  299. FormulaId: F[FT.OUTDOOR].TEMPERATURE,
  300. };
  301. var humidityParameters = _.extend({}, temperatureParameters, {
  302. FormulaId: F[FT.OUTDOOR].HUMIDITY,
  303. });
  304. $.when(
  305. pointHistoryGet.apiGet(_.extend(pointHistoryParameters, commonParameters)),
  306. pointHistory_RuntimeREFRIGERATORGet.apiGet(_.extend(pointHistoryParameters, commonParameters)),
  307. pointHistory_RuntimeBOILERGet.apiGet(_.extend(pointHistoryParameters, commonParameters)))
  308. /*
  309. pointHistoryGet.apiGet(_.extend(pointHistoryParameters, commonParameters)),
  310. formulaGet.apiGet(_.extend(temperatureParameters, commonParameters)),
  311. formulaGet.apiGet(_.extend(humidityParameters, commonParameters)))*/
  312. .done(function (values, runR, runB) {
  313. SetPointer1(values[0], runB[0]);
  314. SetPointer2(values[0], runR[0]);
  315. var dataArray = [];
  316. // 2017.09.08 : 그리드 도표 작업 : 팝업창 추가
  317. var dataArray_Temp = [];
  318. var dataArray_Temp1 = [];
  319. var dataArray_Temp2 = [];
  320. // 2017.09.08 : 그리드 도표 작업 : 팝업창 추가
  321. _.each(values[0], function (x) {
  322. dataArray_Temp.push({
  323. //DateTime: moment(x.DateTime).toDate(),
  324. DateTime: BWA.Chart.getCustermTimeArgumentAxisString(timeBoxForSearch.type(), moment(x.DateTime).toDate()),
  325. Value: x.Value
  326. });
  327. });
  328. _.each(runR[0][0], function (x) {
  329. dataArray_Temp1.push({
  330. //DateTime: moment(x.DateTime).toDate(),
  331. DateTime: BWA.Chart.getCustermTimeArgumentAxisString(timeBoxForSearch.type(), moment(x.DateTime).toDate()),
  332. R_Value: x.Value
  333. });
  334. });
  335. _.each(runB[0][0], function (x) {
  336. dataArray_Temp2.push({
  337. //DateTime: moment(x.DateTime).toDate(),
  338. DateTime: BWA.Chart.getCustermTimeArgumentAxisString(timeBoxForSearch.type(), moment(x.DateTime).toDate()),
  339. B_Value: x.Value
  340. });
  341. });
  342. // 2017.09.08 : 그리드 도표 작업 : 팝업창 추가
  343. // 배열을 하나로 합치자
  344. var array_length_size = Math.max(dataArray_Temp.length, dataArray_Temp1.length, dataArray_Temp2.length);
  345. // 크기가 동일한 경우에만 허용함 (예외 방어용)
  346. if ((dataArray_Temp.length == dataArray_Temp1.length) && (dataArray_Temp.length == dataArray_Temp2.length)) {
  347. for (var i = 0; i < array_length_size; i++) {
  348. dataArray.push(
  349. {
  350. DateTime: dataArray_Temp[i].DateTime,
  351. Value: dataArray_Temp[i].Value,
  352. R_Value: dataArray_Temp1[i].R_Value,
  353. B_Value: dataArray_Temp2[i].B_Value
  354. });
  355. }
  356. }
  357. dataArrayresult = dataArray;
  358. // 2017.09.08 : 그리드 도표 작업 : 팝업창 추가
  359. //chart2 = chart(BWA.ChartOptions.LocEnergyConsumption.getSeriesOptions(timeBoxForSearch.type(), goalUpperBound));
  360. var options = BWA.ChartOptions.RuntimeEnergyConsumption.getSeriesOptions(timeBoxForSearch.type(), fuelTypeIdForSearch(), goalUpperBound());
  361. //chart().option('argumentAxis', null); // 2015 05 21 결국 이 코드가 필요 함 (시간 축 에러 해결)
  362. //chart().cle
  363. //chart().option(null);
  364. //options.dataSource = null;
  365. //chart().option(options);
  366. options.dataSource = dataArray;
  367. chart().option(options);
  368. //chart().option('dataSource', dataArray);
  369. // chart().option('dataSource', dataArray);
  370. // chart().option('dataSource', chartDataArray());
  371. // chartDataArray(values);
  372. $('#st').text('' + "" + buildingNameForSearch() + " - " +
  373. floorNameForSearch() + " - " + zoneNameForSearch());
  374. visiblePopup(false);
  375. })
  376. .fail(function (error) {
  377. //alert(error);
  378. visiblePopup(false);
  379. });
  380. //buildingNameForSearch
  381. }
  382. function handleMenuItemClick(e) {
  383. var chartIntance = chart();
  384. var chartOptions = chartIntance._options;
  385. var series = chartIntance.getAllSeries();
  386. var table = [];
  387. var columns = [chartOptions.argumentAxis.title];
  388. var values = {};
  389. _.each(chartOptions.valueAxis, function (a) {
  390. columns.push(a.title.text);
  391. });
  392. _.each(series, function (s, i) {
  393. _.each(s.pointsByArgument, function (point, argument) {
  394. var array = values[argument];
  395. if (_.isArray(array) === false) {
  396. array = values[argument] = [];
  397. }
  398. array[i] = point.value;
  399. });
  400. });
  401. var csvRows = [columns.join(',')];
  402. _.each(values, function (values, argument) {
  403. csvRows.push([$G.dateTime(moment(Number(argument))), values.join(',')].join(','));
  404. });
  405. var csvContent = csvRows.join("\r\n");
  406. var agent = navigator.userAgent.toLowerCase();
  407. if (window.navigator.msSaveOrOpenBlob) {
  408. var fileData = ['\uFEFF' + csvContent];
  409. var blobObject = new Blob(fileData);
  410. window.navigator.msSaveOrOpenBlob(blobObject, 'export.csv');
  411. }
  412. else {
  413. var csvString = 'data:text/csv;utf-8,\uFEFF' + encodeURI(csvContent);
  414. var a = $('#csvExporter');
  415. a.attr({
  416. 'href': csvString,
  417. 'target': '_blank',
  418. 'download': 'export.csv'
  419. });
  420. // a.trigger('click');
  421. var aa = document.getElementById('csvExporter');
  422. aa.click();
  423. }
  424. }
  425. // 2017.09.08 : 그리드 도표 작업 : 팝업창 추가
  426. function DataGridPopup_ButtonClick() {
  427. DataGridPopup_Visible(true);
  428. }
  429. function handlePopupShown() {
  430. // 컬럼명 업데이트
  431. var ColumnCaptionName = "";
  432. switch (fuelTypeIdForSearch()) {
  433. case $Code.FuelType.ELECTRICITY:
  434. ColumnCaptionName = "전기";
  435. break;
  436. case $Code.FuelType.GAS:
  437. ColumnCaptionName = "가스";
  438. break;
  439. case $Code.FuelType.WATER:
  440. ColumnCaptionName = "수도";
  441. break;
  442. }
  443. viewModel.RuntimeEnergyConsumptionDataGridOptions.columns[1].caption = ColumnCaptionName;
  444. // 데이타소스 업데이트
  445. $("#RuntimeEnergyConsumptionDataGrid_Container").dxDataGrid("instance").option("dataSource", dataArrayresult);
  446. // 팝업창 갱신
  447. DataGridPopup_Visible(true);
  448. }
  449. // 2017.09.08 : 그리드 도표 작업 : 팝업창 추가
  450. var viewModel = $.extend(BWA.CommonView.create(
  451. params, viewInfo, searchViewOptions, ko.observable(null), handleViewShown, null,
  452. handleSearchInSearchView, handleSearchViewInitializeUpdate), {
  453. refreshList: refreshList,
  454. viewShowing: handleViewShowing,
  455. viewHidden: handleViewHidden, // hcLee 2015 03 23
  456. locationEnableForSearch: locationEnableForSearch,
  457. handleMenuItemClick: handleMenuItemClick,
  458. menuItems: [{
  459. text: '엑셀(csv) 내보내기'
  460. }]
  461. // 2017.09.08 : 그리드 도표 작업 : 팝업창 추가
  462. , RuntimeEnergyConsumptionDataGridPopup_ButtonClicked: DataGridPopup_ButtonClick
  463. // 2017.09.08 : 그리드 도표 작업 : 팝업창 추가
  464. });
  465. viewModel.timeBoxForSearch = timeBoxForSearch;
  466. // 2017.09.08 : 그리드 도표 작업 : 팝업창 추가
  467. viewModel.RuntimeEnergyConsumptionDataGridPopupOptions = {
  468. width: '480px',
  469. height: '750px', // cyim 2017.05.30 : 테스트 결과 Devextreme 버그임. px 로 지정하면 초기 출력시 정확하게 가운데에 있지만, auto 설정시 화면아래에 위치하게 됨
  470. contentTemplate: "content",
  471. showTitle: true,
  472. title: "도표",
  473. visible: DataGridPopup_Visible,
  474. dragEnabled: true,
  475. closeOnOutsideClick: true,
  476. shownAction: handlePopupShown,
  477. animation: window.utils.popup.createAnimation()
  478. };
  479. // 2017.09.08 : 그리드 도표 작업 : 팝업창 추가
  480. viewModel.popupOptions = {
  481. width: 300,
  482. height: 100,
  483. contentTemplate: "info",
  484. showTitle: false,
  485. title: "메세지",
  486. visible: visiblePopup,
  487. dragEnabled: false,
  488. shading: false,
  489. closeOnOutsideClick: false
  490. };
  491. // 2017.09.08 : 그리드 도표 작업 : 팝업창 추가
  492. // 주석이 너무 없음. 나중에 변경 작업을 진행하는 누군가가 시간 소비를 하지 않기 위해...남김
  493. // 시간 포맷은 그래프에 귀속해야 되므로 포맷은 변경하지 않는 것이 유리함
  494. // 전기,가스,수도 와 같이 선택적으로 변경해야 된다면 아래와 같이 캡션은 고정하지 말것
  495. viewModel.RuntimeEnergyConsumptionDataGridOptions = {
  496. dataSource: dataArrayresult,
  497. paging: { pageSize: 17 },
  498. columns: [
  499. { dataField: 'DateTime', caption: "날짜", width: '33%', alignment: 'center', },// dataType: 'date', format: 'yyyy-MM-dd HH:mm' },
  500. { dataField: 'Value', width: '33%', alignment: 'center', format: 'fixedPoint', precision: 2 },
  501. { dataField: 'R_Value', caption: "냉동기 가동시간", width: '33%', alignment: 'center', format: 'fixedPoint' },
  502. { dataField: 'B_Value', caption: "보일러 가동시간", width: '33%', alignment: 'center', format: 'fixedPoint' }
  503. ],
  504. // 엑셀 출력
  505. "export": {
  506. enabled: true,
  507. fileName: '에너지 사용량(열원기기 가동시간)'
  508. }
  509. };
  510. // 2017.09.08 : 그리드 도표 작업 : 팝업창 추가
  511. return viewModel;
  512. };