b0f7bcf002e8acfbd2228309d4af73c6518e3c6b.svn-base 15 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420
  1. BemsWebApplication.Water_RAnalysis = function (params, viewInfo) {
  2. "use strict";
  3. var initialized = false,
  4. shouldReload = false,
  5. datagrid = null,
  6. currentTabIndex = ko.observable(0),
  7. facilityViewModel = new BWA.CmFacilityViewModel(),
  8. dataSource;
  9. var m_Facility;
  10. var multiViewItems = [{
  11. template: 'mainCharts'
  12. }, {
  13. template: 'subCharts'
  14. }
  15. ];
  16. var facilityDataSource = BWA.db.createDataSource('CmFacility'),
  17. facilitiesForSearch = ko.observableArray(),
  18. facilityCodeForSearch = ko.observable(0),
  19. deferredForSearch = new $.Deferred();
  20. var visiblePopup = ko.observable(false);
  21. var dataCalorie = ko.observableArray(),
  22. dataAtfw = ko.observableArray(),
  23. dataTemperatureCalorie = ko.observableArray(),
  24. dataTemperatureElectricity = ko.observableArray();
  25. var formulaGet = new BWA.Chart.FormulaGet(BWA.UserInfo.SiteId());
  26. //var timeBoxForSearch = BWA.SearchView.createDateTimeBox();
  27. // cyim 2016.08.22 : 성능분석 그래프의 경우 시간 데이타만 표시되어야 한다
  28. var timeBoxForSearch = BWA.SearchView.createDateTimeBox($G.TimeTypesForHourOnly, null, false);
  29. var chartEffi = BWA.Chart.Instance('chartEffiWRA', 'dxChart');
  30. var chartLayout = new BWA.ChartLayout({
  31. divs: [[{
  32. id: 'WaterRDetail'
  33. }, {
  34. id: 'effi',
  35. chartId: 'chartEffiWRA'
  36. }
  37. ]],
  38. multiViewOptions: {
  39. viewIndex: currentTabIndex,
  40. viewCount: 1
  41. }
  42. });
  43. var m = moment();
  44. // 2017.09.08 : 그리드 도표 작업 : 팝업창 추가
  45. // 팝업창뷰 보이기 속성 제어용 변수 선언
  46. var DataGridPopup_Visible = ko.observable(false);
  47. // 그래프 출력 이후 엑셀출력을 위한 팝업창을 위해 임시 저장용 배열 선언
  48. var dataArrayresult = ko.observableArray();
  49. // 2017.09.08 : 그리드 도표 작업 : 팝업창 추가
  50. dataCalorie([
  51. { DateTime: new Date(m.year(), m.month(), 1), Value: 50 },
  52. { DateTime: new Date(m.year(), m.month(), 2), Value: 50 },
  53. { DateTime: new Date(m.year(), m.month(), 3), Value: 60 },
  54. { DateTime: new Date(m.year(), m.month(), 4), Value: 80 },
  55. { DateTime: new Date(m.year(), m.month(), 5), Value: 100 },
  56. { DateTime: new Date(m.year(), m.month(), 6), Value: 40, },
  57. { DateTime: new Date(m.year(), m.month(), 7), Value: 120 },
  58. { DateTime: new Date(m.year(), m.month(), 31), Value: 120 }
  59. ]);
  60. // 추가 2015 04 20 hcLee ->
  61. var CODE = $Code,
  62. FuelType = CODE.FuelType,
  63. FT = CODE.FacilityType,
  64. FC = CODE.FacilityCode,
  65. F = CODE.Formula,
  66. TIT = CODE.TimeIntervalType;
  67. // 추가 2015 04 20 hcLee <-
  68. //dataMonthForBar(dataDayForBar());
  69. //dataDayForPie([
  70. // { FuelTypeName: '전기', Value: 320 },
  71. // { FuelTypeName: '가스', Value: 350 },
  72. // { FuelTypeName: '수도', Value: 360 },
  73. //]);
  74. //dataMonthForPie(dataDayForPie());
  75. function handleViewShown() {
  76. if (initialized === false) {
  77. var chartOption = BWA.ChartOptions.WaterRAnalysis;
  78. chartEffi = chartEffi(chartOption.getChartEffiOptions($Code.TimeType.HOUR));
  79. initialized = true;
  80. }
  81. //hcLee 2016 07 12
  82. timeBoxForSearch.setDefaultDate();
  83. var eq = BWA.DataUtil.constructEqualFilter;
  84. facilityDataSource.filter([
  85. eq('SiteId', BWA.UserInfo.SiteId()),
  86. 'and',
  87. eq('FacilityTypeId', $Code.FacilityType.WATER_R)
  88. ]);
  89. facilityDataSource.load().done(function (facilities) {
  90. facilitiesForSearch(facilities);
  91. if (_.isEmpty(facilities) === false) {
  92. var f = facilities[0];
  93. handleSelectedFacilityInSearchView(f);
  94. handleSearchInSearchView();
  95. var datagrid = $('#WaterRDataGridViewInSearchView').dxDataGrid('instance');
  96. if (_.has(datagrid, 'selectRows')) {
  97. datagrid.selectRows(f);
  98. }
  99. }
  100. });
  101. }
  102. if (shouldReload) {
  103. //shouldReload = false;
  104. //dataSource.pageIndex(0);
  105. //dataSource.load();
  106. }
  107. function handleViewHidden() {
  108. var paging = BWA.ChartLayout.Paging;
  109. paging.sideOverlayVisible(false);
  110. //paging.hideNextButton(true);
  111. //paging.hidePrevButton(true);
  112. $SearchView.visibleObservable(false); // hcLee 2015 03 23
  113. visiblePopup(false);
  114. }
  115. function handleViewShowing() {
  116. }
  117. function refreshList() {
  118. //dataSource.pageIndex(0);
  119. //dataSource.load();
  120. }
  121. var searchViewOptions = {
  122. searchViewItems: [
  123. { id: 'FacilityCode', ignoreValue: 0, defaultValue: 0, value: facilityCodeForSearch, dataSource: facilitiesForSearch },
  124. ],
  125. promiseDataInSearchView: deferredForSearch.promise()
  126. };
  127. function handleSelectedFacilityInSearchView(facility) {
  128. m_Facility = facility;
  129. return;
  130. }
  131. function handleSearchInSearchView(filter, searchViewItems) {
  132. if (m_Facility == null) return;
  133. visiblePopup(true);
  134. $("#large-indicator").dxLoadIndicator({
  135. height: 60,
  136. width: 60
  137. });
  138. var f = m_Facility.toJS();
  139. facilityViewModel.fromJS(f);
  140. //var timeIntervalType = $Code.TimeIntervalType.QUARTERMIN;
  141. var timeIntervalType = timeBoxForSearch.type();
  142. var formula = $Code.Formula[$Code.FacilityType.WATER_R];
  143. var formulaIds = _.values(formula);
  144. var date = timeBoxForSearch.getDate();
  145. //utils.toast.displayTime=1000000;
  146. //utils.toast.show('공조기 성능분석 중 입니다. 잠시만 기다려 주세요');
  147. // var startDate = moment().
  148. var promises = [];
  149. _.each(formulaIds, function (formulaId) {
  150. var p = formulaGet.apiGet({
  151. FacilityTypeId: f.FacilityTypeId,
  152. FacilityCode: f.FacilityCode,
  153. FormulaId: formulaId,
  154. TimeIntervalType: timeIntervalType,
  155. StartDate: date.startDate,
  156. EndDate: date.endDate
  157. });
  158. promises.push(p);
  159. });
  160. /*
  161. // 외기 온도와 습도를 위해 추가 hcLee 2015 04 20 ->
  162. var commonParameters = {
  163. TimeIntervalType: $Code.TimeIntervalType.QUARTERMIN,
  164. StartDate: date.startDate,
  165. EndDate: date.endDate
  166. };
  167. var temperatureParameters = {
  168. FacilityTypeId: FT.OUTDOOR,
  169. FacilityCode: FC.OUTDOOR,
  170. FormulaId: F[FT.OUTDOOR].TEMPERATURE,
  171. };
  172. promises.push(formulaGet.apiGet(_.extend(temperatureParameters, commonParameters)));
  173. */ // 보일러는 필요 없다
  174. $.when.apply(this, promises)
  175. .done(function (sw, rw, lev, lev2) { //lev: 저장조, lev2: 처리조
  176. sw = sw[0];
  177. rw = rw[0];
  178. lev = lev[0];
  179. lev2 = lev2[0];
  180. var maxValue = 0;
  181. _.each(sw, function (x) {
  182. if (maxValue < x.Value) maxValue = x.Value;
  183. });
  184. _.each(rw, function (x) {
  185. if (maxValue < x.Value) maxValue = x.Value;
  186. });
  187. // chart 1
  188. var EffiDataArray = [];
  189. // 2017.09.08 : 그리드 도표 작업 : 팝업창 추가
  190. var dataArray_Temp = [];
  191. var dataArray_Temp1 = [];
  192. var dataArray_Temp2 = [];
  193. var dataArray_Temp3 = [];
  194. // 2017.09.08 : 그리드 도표 작업 : 팝업창 추가
  195. _.each(sw, function (x) {
  196. dataArray_Temp.push({
  197. DateTime: BWA.Chart.getCustermTimeArgumentAxisString($Code.TimeType.QUARTERMIN, moment(x.DateTime).toDate()),
  198. sw: x.Value //보충
  199. });
  200. });
  201. _.each(rw, function (x) {
  202. dataArray_Temp1.push({
  203. DateTime: BWA.Chart.getCustermTimeArgumentAxisString(timeBoxForSearch.type(), moment(x.DateTime).toDate()),
  204. rw: x.Value
  205. });
  206. });
  207. _.each(lev, function (x) {
  208. dataArray_Temp2.push({
  209. DateTime: BWA.Chart.getCustermTimeArgumentAxisString(timeBoxForSearch.type(), moment(x.DateTime).toDate()),
  210. lev: x.Value
  211. });
  212. });
  213. _.each(lev2, function (x) { //추가
  214. dataArray_Temp3.push({
  215. DateTime: BWA.Chart.getCustermTimeArgumentAxisString(timeBoxForSearch.type(), moment(x.DateTime).toDate()),
  216. lev2: x.Value
  217. });
  218. });
  219. // 2017.09.08 : 그리드 도표 작업 : 팝업창 추가
  220. // 배열을 하나로 합치자
  221. var array_length_size = Math.max(dataArray_Temp.length, dataArray_Temp1.length, dataArray_Temp2.length, dataArray_Temp3.length);
  222. // 크기가 동일한 경우에만 허용함 (예외 방어용)
  223. if ((dataArray_Temp.length == dataArray_Temp1.length) && (dataArray_Temp.length == dataArray_Temp2.length)) {
  224. for (var i = 0; i < array_length_size; i++) {
  225. EffiDataArray.push(
  226. {
  227. DateTime: dataArray_Temp[i].DateTime,
  228. sw: dataArray_Temp[i].sw,
  229. rw: dataArray_Temp1[i].rw,
  230. lev: dataArray_Temp2[i].lev,
  231. lev2: dataArray_Temp3[i].lev2 //추가
  232. });
  233. }
  234. }
  235. dataArrayresult = EffiDataArray;
  236. // 2017.09.08 : 그리드 도표 작업 : 팝업창 추가
  237. //chartEffi().option('dataSource', EffiDataArray); 아래 4줄로 변경
  238. var options = BWA.ChartOptions.WaterRAnalysis.getChartEffiOptions(timeBoxForSearch.type());
  239. //chartEffi().option('argumentAxis', null); // 2015 05 21 결국 이 코드가 필요 함 (시간 축 에러 해결)
  240. options.valueAxis[0].tickInterval = Math.round(maxValue / 9 * 100) / 100;
  241. options.dataSource = EffiDataArray;
  242. chartEffi().option(options);
  243. visiblePopup(false);
  244. /* msgbox.
  245. $("#large-indicator").dxLoadIndicator({
  246. height: 60,
  247. width: 60
  248. });*/
  249. //chartTemperatureCalorie().option('dataSource', calories.concat(OUTtemperatures));
  250. //chartTemperatureElectricity2().option('dataSource', electricityDataArray.concat(OUTtemperatures));
  251. })
  252. .fail(function (error) {
  253. //alert(error);
  254. visiblePopup(false);
  255. });
  256. }
  257. // 2017.09.08 : 그리드 도표 작업 : 팝업창 추가
  258. function DataGridPopup_ButtonClick() {
  259. DataGridPopup_Visible(true);
  260. }
  261. function handlePopupShown() {
  262. // 데이타소스 업데이트
  263. $("#WaterRAnalysisDataGrid_Container").dxDataGrid("instance").option("dataSource", dataArrayresult);
  264. // 팝업창 갱신
  265. DataGridPopup_Visible(true);
  266. }
  267. // 2017.09.08 : 그리드 도표 작업 : 팝업창 추가
  268. var viewModel = $.extend(BWA.CommonView.create(
  269. params, viewInfo, searchViewOptions, ko.observable(null),
  270. handleViewShown, null, handleSearchInSearchView, undefined,
  271. chartLayout), {
  272. // facility: facilityViewModel,
  273. refreshList: refreshList,
  274. viewHidden: handleViewHidden, // hcLee 2015 06 03
  275. viewShowing: handleViewShowing,
  276. scrolling: { mode: 'infinite' },
  277. WaterRDataGridOptions: {
  278. dataSource: facilitiesForSearch,
  279. columns: [
  280. { dataField: 'Name', caption: $G('facilityName'), width: '100%', alignment: 'left' }
  281. ],
  282. filterRow: {
  283. visible: true,
  284. showOperationChooser: false
  285. },
  286. selection: {
  287. mode: 'single'
  288. },
  289. rowClick: function (clickRow) {
  290. handleSelectedFacilityInSearchView(clickRow.data);
  291. }
  292. },
  293. contentReadyAction: function (e) {
  294. datagrid = e.component;
  295. }
  296. // 2017.09.08 : 그리드 도표 작업 : 팝업창 추가
  297. , WaterRAnalysisDataGridPopup_ButtonClicked: DataGridPopup_ButtonClick
  298. // 2017.09.08 : 그리드 도표 작업 : 팝업창 추가
  299. });
  300. // 2017.09.08 : 그리드 도표 작업 : 팝업창 추가
  301. viewModel.WaterRAnalysisDataGridPopupOptions = {
  302. width: '650px',
  303. height: '830px', // cyim 2017.05.30 : 테스트 결과 Devextreme 버그임. px 로 지정하면 초기 출력시 정확하게 가운데에 있지만, auto 설정시 화면아래에 위치하게 됨
  304. contentTemplate: "content",
  305. showTitle: true,
  306. title: "도표",
  307. visible: DataGridPopup_Visible,
  308. dragEnabled: true,
  309. closeOnOutsideClick: true,
  310. shownAction: handlePopupShown,
  311. animation: window.utils.popup.createAnimation(),
  312. shading: false
  313. };
  314. // 2017.09.08 : 그리드 도표 작업 : 팝업창 추가
  315. viewModel.popupOptions = {
  316. width: 300,
  317. height: 100,
  318. contentTemplate: "info",
  319. showTitle: false,
  320. title: "메세지",
  321. visible: visiblePopup,
  322. dragEnabled: false,
  323. shading: false,
  324. closeOnOutsideClick: false
  325. };
  326. viewModel.timeBoxForSearch = timeBoxForSearch;
  327. viewModel.currentTabIndex = currentTabIndex;
  328. viewModel.multiViewItems = [{
  329. facility: facilityViewModel,
  330. template: 'mainCharts'
  331. }, {
  332. template: 'subCharts'
  333. }
  334. ];
  335. // 2017.09.08 : 그리드 도표 작업 : 팝업창 추가
  336. // 주석이 너무 없음. 나중에 변경 작업을 진행하는 누군가가 시간 소비를 하지 않기 위해...남김
  337. // 시간 포맷은 그래프에 귀속해야 되므로 포맷은 변경하지 않는 것이 유리함
  338. // 전기,가스,수도 와 같이 선택적으로 변경해야 된다면 아래와 같이 캡션은 고정하지 말것
  339. viewModel.WaterRAnalysisDataGridOptions = {
  340. dataSource: dataArrayresult,
  341. columns: [
  342. { dataField: 'DateTime', caption: "날짜", width: '22%', alignment: 'center', format: 'fixedPoint', precision: 2 },
  343. { dataField: 'lev', caption: "우수조 저장조 수위", width: '23%', alignment: 'center', format: 'fixedPoint', precision: 2 }, //수정
  344. { dataField: 'lev2', caption: "우수조 처리조 수위", width: '23%', alignment: 'center', format: 'fixedPoint', precision: 2 }, //수정
  345. { dataField: 'rw', caption: "우수 사용량", width: '17%', alignment: 'center', format: 'fixedPoint', precision: 2 },
  346. { dataField: 'sw', caption: "보충 시수량", width: '17%', alignment: 'center', format: 'fixedPoint', precision: 2 }
  347. ],
  348. // 엑셀 출력
  349. "export": {
  350. enabled: true,
  351. fileName: '우수조 성능분석'
  352. }
  353. };
  354. // 2017.09.08 : 그리드 도표 작업 : 팝업창 추가
  355. return viewModel;
  356. };