| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626627628629630631632633634635636637638639640641642643644645646647648649650651652653654655656657658659660661662663664665666667668669670671672673674675676677678679680681682683684685686687688689690691692693694695696697698699700701702703704705706707708709710711712713714715716717718719720721722723724725726727728729730731732733734735736737738739740741742743744745746747748749750751752753754755756757758759760761762 | 
							- BemsWebApplication.PriceCompare2 = function (params, viewInfo) {
 
-     var energySelectButton = "power";
 
-     var priceDataSource;
 
-     var init = false;
 
-     var endpointSelector = "";
 
-     if (BemsWebApplication.config.mode == "production") {
 
-         endpointSelector = new DevExpress.EndpointSelector(BemsWebApplication.config.endpoints).config.db.production;
 
-     } else {
 
-         endpointSelector = new DevExpress.EndpointSelector(BemsWebApplication.config.endpoints).config.db.local;
 
-     }
 
-     //탭 표시 요금제 Array 데이터 초기화
 
-     var tabsData = [
 
-     {
 
-         id: "0",
 
-         text: "test1"
 
-     },
 
-     {
 
-         id: "1",
 
-         text: "test2"
 
-     },
 
-     {
 
-         id: "2",
 
-         text: "test3"
 
-     }
 
-     ];
 
-     var powerDataSource = [{
 
-         PriceCode: 'P038',
 
-         PriceCodeDesc: "청구요금"
 
-     },
 
-     {
 
-         PriceCode: 'P022',
 
-         PriceCodeDesc: "기본요금"
 
-     },
 
-     {
 
-         PriceCode: 'P048',
 
-         PriceCodeDesc: "총사용량"
 
-     }];
 
-     var gasDataSource = [{
 
-         PriceCode: 'G005',
 
-         PriceCodeDesc: "사용요금"
 
-     },
 
-     {
 
-         PriceCode: 'G004',
 
-         PriceCodeDesc: "기본요금"
 
-     },
 
-     {
 
-         PriceCode: 'G001',
 
-         PriceCodeDesc: "사용량"
 
-     }];
 
-     var waterDataSource = [{
 
-         PriceCode: 'W006',
 
-         PriceCodeDesc: "합계요금"
 
-     },
 
-     {
 
-         PriceCode: 'W001',
 
-         PriceCodeDesc: "상수도요금"
 
-     },
 
-     {
 
-         PriceCode: 'W002',
 
-         PriceCodeDesc: "하수도요금"
 
-     },
 
-     {
 
-         PriceCode: 'W007',
 
-         PriceCodeDesc: "총사용량"
 
-     }];
 
-     var factorDataSource = [{
 
-         PriceCode: 'P038',
 
-         PriceCodeDesc: "청구요금"
 
-     },
 
-     {
 
-         PriceCode: 'P022',
 
-         PriceCodeDesc: "기본요금"
 
-     },
 
-     {
 
-         PriceCode: 'P048',
 
-         PriceCodeDesc: "총사용량"
 
-     }];
 
-     var compareDataSource = [{
 
-         dateTime: "1",
 
-         curYear: 0,
 
-         preYear: 0
 
-     }, {
 
-         dateTime: "2",
 
-         curYear: 0,
 
-         preYear: 0
 
-     }, {
 
-         dateTime: "3",
 
-         curYear: 0,
 
-         preYear: 0
 
-     }, {
 
-         dateTime: "4",
 
-         curYear: 0,
 
-         preYear: 0
 
-     }, {
 
-         dateTime: "5",
 
-         curYear: 0,
 
-         preYear: 0
 
-     }, {
 
-         dateTime: "6",
 
-         curYear: 0,
 
-         preYear: 0
 
-     }, {
 
-         dateTime: "7",
 
-         curYear: 0,
 
-         preYear: 0
 
-     }, {
 
-         dateTime: "8",
 
-         curYear: 0,
 
-         preYear: 0
 
-     }, {
 
-         dateTime: "9",
 
-         curYear: 0,
 
-         preYear: 0
 
-     }, {
 
-         dateTime: "10",
 
-         curYear: 0,
 
-         preYear: 0
 
-     }, {
 
-         dateTime: "11",
 
-         curYear: 0,
 
-         preYear: 0
 
-     }, {
 
-         dateTime: "12",
 
-         curYear: 0,
 
-         preYear: 0
 
-     }];
 
-     function getcompareData(SiteId, FuelTypeId,PayDate) {
 
-         var tmpDate = $("#startDatePicker").dxDateBox("instance").option('value');
 
-         var curYear = tmpDate.getFullYear();
 
-         var tmpDate2 = $("#endDatePicker").dxDateBox("instance").option('value');
 
-         var curYear2 = tmpDate2.getFullYear();
 
-         for (var i = 0; i < compareDataSource.length; i++) {
 
-             compareDataSource[i].dateTime = i + 1;
 
-             compareDataSource[i].curYear = 0;
 
-             compareDataSource[i].preYear = 0;
 
-         }
 
-         $("#compareChart").dxChart("instance").option('dataSource', compareDataSource);
 
-         var opt;
 
-         if (FuelTypeId == 1) {
 
-             opt = [
 
-                     { valueField: "curYear", name: tmpDate.getFullYear(), color: '#007994' },
 
-                         { valueField: "preYear", name: tmpDate2.getFullYear() , color: '#72A7B3' }
 
-             ];
 
-         } else if (FuelTypeId == 2) {
 
-             opt = [
 
-                     { valueField: "curYear", name: tmpDate.getFullYear(), color: '#03C700' },
 
-                         { valueField: "preYear", name: tmpDate2.getFullYear(), color: '#90E68E' }
 
-             ];
 
-         } else if (FuelTypeId == 3) {
 
-             opt = [
 
-                     { valueField: "curYear", name: tmpDate.getFullYear(), color: '#FC6D00' },
 
-                         { valueField: "preYear", name: tmpDate2.getFullYear(), color: '#FAE0D4' }
 
-             ];
 
-         } else {
 
-             utils.toast.show("에너지원이 선택되지 않았습니다.");
 
-         }
 
-         $("#compareChart").dxChart("instance").option('series', opt);
 
-         var dataSource = new DevExpress.data.DataSource({
 
-             store: {
 
-                 type: "odata",
 
-                 url: endpointSelector + "/BemsSitePriceHistory"
 
-             },
 
-             map: function (itemData) {
 
-                 return {
 
-                     SiteId: itemData.siteId,
 
-                     FuelTypeId: itemData.fuelTypeId,
 
-                     PriceTypeId: itemData.PriceTypeId,
 
-                     PayDate: itemData.PayDate,
 
-                     PayCharge: itemData.PayCharge,
 
-                     PriceValue: itemData.PriceValue
 
-                 }
 
-             },
 
-             requireTotalCount: true,
 
-             pageSize: 12
 
-         });
 
-         if (parseInt($("#tabOptions").dxTabs("instance").option('selectedIndex')) == -1)
 
-             parseInt($("#tabOptions").dxTabs("instance").option('selectedIndex', 0))
 
-         var priceCode = $("#factorSelect").dxSelectBox("instance").option('value');
 
-         if (FuelTypeId == 1 && priceCode == "P048") {
 
-             dataSource.filter([
 
-                     ["SiteId", "=", SiteId],
 
-                     "and",
 
-                     ["FuelTypeId", "=", FuelTypeId],
 
-                     "and",
 
-                     //["PayDate", ">=", (parseInt(PayDate) - 1).toString() + "01"],
 
-                     ["PayDate", ">=", curYear.toString() + "01"],
 
-                     "and",
 
-                     ["PayDate", "<=", curYear.toString() + "12"],
 
-                     "and",
 
-                     ["PriceTypeId", "=", parseInt($("#tabOptions").dxTabs("instance").option('selectedItem').id)],
 
-                     "and",
 
-                     [["PriceCode", "=", "P003"]
 
-                     ]
 
-             ]);
 
-         } else {
 
-             dataSource.filter([
 
-                     ["SiteId", "=", SiteId],
 
-                     "and",
 
-                     ["FuelTypeId", "=", FuelTypeId],
 
-                     "and",
 
-                     //["PayDate", ">=", (parseInt(PayDate) - 1).toString() + "01"],
 
-                     ["PayDate", ">=", curYear.toString() + "01"],
 
-                     "and",
 
-                     ["PayDate", "<=", curYear.toString() + "12"],
 
-                     "and",
 
-                     ["PriceTypeId", "=", parseInt($("#tabOptions").dxTabs("instance").option('selectedItem').id)],
 
-                     "and",
 
-                     ["PriceCode", "=", priceCode]
 
-             ]);
 
-         }
 
-         dataSource.group("PayDate");
 
-         dataSource.sort({ getter: "PayDate", asc: true });
 
-         dataSource.load()
 
-         .done(function (result) {
 
-             for (var i = 0; i < result.length; i++) {
 
-                 var month;
 
-                 if (result[i].items[0].PayDate.substr(4, 1) == "0") {
 
-                     month = result[i].items[0].PayDate.substr(5, 1);
 
-                 } else {
 
-                     month = result[i].items[0].PayDate.substr(4, 2);
 
-                 }
 
-                 //if (curYear == result[i].key.substr(0, 4)) {
 
-                 if (FuelTypeId == 1 && priceCode == "P048") {
 
-                     if (result[i].items[0].PriceValue == "")
 
-                         result[i].items[0].PriceValue = "0";
 
-                     compareDataSource[month - 1].curYear = parseInt(result[i].items[0].PriceValue.replace(/,/gi, ""));
 
-                 } else {
 
-                     compareDataSource[month - 1].curYear = result[i].items[0].PriceValue.replace(/,/gi, "");
 
-                 }
 
-                 //compareDataSource[month - 1].curYear = result[0].PayCharge.replace(/,/gi, "");;
 
-                 //} else if (curYear - 1 == result[i].key.substr(0, 4)) {
 
-                 //    compareDataSource[month - 1].preYear = result[i].items[0].PayCharge.replace(/,/gi, "");;
 
-                 //}
 
-             }
 
-             var dataSource2 = new DevExpress.data.DataSource({
 
-                 store: {
 
-                     type: "odata",
 
-                     url: endpointSelector + "/BemsSitePriceHistory"
 
-                 },
 
-                 map: function (itemData) {
 
-                     return {
 
-                         SiteId: itemData.siteId,
 
-                         FuelTypeId: itemData.fuelTypeId,
 
-                         PriceTypeId: itemData.PriceTypeId,
 
-                         PayDate: itemData.PayDate,
 
-                         PayCharge: itemData.PayCharge,
 
-                         PriceValue: itemData.PriceValue
 
-                     }
 
-                 },
 
-                 requireTotalCount: true,
 
-                 pageSize: 12
 
-             });
 
-             if (FuelTypeId == 1 && priceCode == "P048") {
 
-                 dataSource2.filter([
 
-                         ["SiteId", "=", SiteId],
 
-                         "and",
 
-                         ["FuelTypeId", "=", FuelTypeId],
 
-                         "and",
 
-                         //["PayDate", ">=", (parseInt(PayDate) - 1).toString() + "01"],
 
-                         ["PayDate", ">=", curYear2.toString() + "01"],
 
-                         "and",
 
-                         ["PayDate", "<=", curYear2.toString() + "12"],
 
-                         "and",
 
-                         ["PriceTypeId", "=", parseInt($("#tabOptions").dxTabs("instance").option('selectedItem').id)],
 
-                         "and",
 
-                         [["PriceCode", "=", "P003"]
 
-                         ]
 
-                 ]);
 
-             } else {
 
-                 dataSource2.filter([
 
-                         ["SiteId", "=", SiteId],
 
-                         "and",
 
-                         ["FuelTypeId", "=", FuelTypeId],
 
-                         "and",
 
-                         //["PayDate", ">=", (parseInt(PayDate) - 1).toString() + "01"],
 
-                         ["PayDate", ">=", curYear2.toString() + "01"],
 
-                         "and",
 
-                         ["PayDate", "<=", curYear2.toString() + "12"],
 
-                         "and",
 
-                         ["PriceTypeId", "=", parseInt($("#tabOptions").dxTabs("instance").option('selectedItem').id)],
 
-                         "and",
 
-                         ["PriceCode", "=", priceCode]
 
-                 ]);
 
-             }
 
-             dataSource2.group("PayDate");
 
-             dataSource2.sort({ getter: "PayDate", asc: true });
 
-             dataSource2.load()
 
-             .done(function (result2) {
 
-                 for (var i = 0; i < result2.length; i++) {
 
-                     var month;
 
-                     if (result2[i].items[0].PayDate.substr(4, 1) == "0") {
 
-                         month = result2[i].items[0].PayDate.substr(5, 1);
 
-                     } else {
 
-                         month = result2[i].items[0].PayDate.substr(4, 2);
 
-                     }
 
-                     //if (curYear == result[i].key.substr(0, 4)) {
 
-                     if (FuelTypeId == 1 && priceCode == "P048") {
 
-                         if (result2[i].items[0].PriceValue == "")
 
-                             result2[i].items[0].PriceValue = "0";
 
-                         compareDataSource[month - 1].preYear = parseInt(result2[i].items[0].PriceValue.replace(/,/gi, ""));
 
-                     } else {
 
-                         compareDataSource[month - 1].preYear = result2[i].items[0].PriceValue.replace(/,/gi, "");
 
-                     }
 
-                     //compareDataSource[month - 1].preYear = result2[0].PayCharge.replace(/,/gi, "");
 
-                     //} else if (curYear - 1 == result[i].key.substr(0, 4)) {
 
-                     //    compareDataSource[month - 1].preYear = result[i].items[0].PayCharge.replace(/,/gi, "");;
 
-                     //}
 
-                 }
 
-                 $("#compareChart").dxChart("instance").option('dataSource', compareDataSource);
 
-                 var maxValue = 0;
 
-                 for (var i = 0; i < compareDataSource.length; i++) {
 
-                     if (parseFloat(compareDataSource[i].curYear) > maxValue) {
 
-                         maxValue = compareDataSource[i].curYear;
 
-                     }
 
-                     if (parseFloat(compareDataSource[i].preYear) > maxValue) {
 
-                         maxValue = compareDataSource[i].preYear;
 
-                     }
 
-                 }
 
-                 var valAxis = $("#compareChart").dxChart("instance").option('valueAxis');
 
-                 valAxis.max = parseInt(maxValue * 1.10);
 
-                 var tmp = valAxis.max.toString().length - 2;
 
-                 var zero = "";
 
-                 for(var i =0; i < tmp;i++){
 
-                     zero = zero + "0";
 
-                 }
 
-                 valAxis.max = parseInt(valAxis.max.toString().substr(0, 2) + zero);
 
-                 //valAxis.tickInterval = Math.floor(parseInt(maxValue * 1.10)) / 10;
 
-                 valAxis.tickInterval = valAxis.max / 10;
 
-                 $("#compareChart").dxChart("instance").option('valueAxis', valAxis);
 
-                 // $("#compareChart").dxChart({dataSource: compareDataSource});
 
-             })
 
-             .fail(function (error) {
 
-                 utils.toast.show(error);
 
-             });
 
-         })
 
-         .fail(function (error) {
 
-             utils.toast.show(error);
 
-         });
 
-     }
 
-     function DataDistinct(data) {
 
-         var tmpArray = data;
 
-         var resultArray;
 
-         for (var i = 0; i < tmpArray.length; i++) {
 
-             //if(tmpArray[i].){
 
-             //}
 
-         }
 
-     }
 
-     function setTabData(SiteID, FuelTypeId, InitPriceCode) {
 
-         var tmpDate = $("#startDatePicker").dxDateBox("instance").option('value');
 
-         var dataSource = new DevExpress.data.DataSource({
 
-             store: new DevExpress.data.ODataStore({
 
-                 url: endpointSelector + "/BemsSitePrice"
 
-             }),
 
-             expand: ['BemsPriceType'],
 
-             requireTotalCount: true,
 
-             pageSize: 1000
 
-         });
 
-         dataSource.filter([
 
-                 ["SiteID", "=", SiteID],
 
-                 "and",
 
-                 ["FuelTypeId", "=", FuelTypeId]
 
-         ]);
 
-         dataSource.sort({ getter: "FuelTypeId", asc: true });
 
-         dataSource.load()
 
-         .done(function (result) {
 
-             var tmp = [];
 
-             tmp.push({ id: result[0].BemsPriceType.PriceTypeId, text: result[0].BemsPriceType.PriceTypeIdDesc});
 
-             for (var i = 0; i < result.length; i++) {
 
-                 var resultCnt;
 
-                 for (var j = 0; j < tmp.length; j++) {
 
-                     if (tmp[j].text.indexOf(result[i].BemsPriceType.PriceTypeIdDesc) != -1) {
 
-                         resultCnt++;
 
-                     }
 
-                 }
 
-                 if (resultCnt == 0)
 
-                     tmp.push({ id: result[i].BemsPriceType.PriceTypeId, text: result[i].BemsPriceType.PriceTypeIdDesc});
 
-                 resultCnt = 0;
 
-             }
 
-             tabsData = tmp;
 
-             $("#tabOptions").dxTabs("instance").option('dataSource', tabsData);
 
-             if (!init) {
 
-                 $("#tabOptions").dxTabs("instance").option('selectedIndex', 0);
 
-                 init = true;
 
-             } else {
 
-             }
 
-             //getPriceData(BWA.UserInfo.SiteId(), FuelTypeId);
 
-             
 
-             if (InitPriceCode == null)
 
-                 InitPriceCode = 'P038'; //초기 PriceCode 전력 P038 청구요금
 
-             setFactorSelect(InitPriceCode);
 
-             getcompareData(BWA.UserInfo.SiteId(), FuelTypeId, tmpDate.getFullYear());
 
-         });
 
-     }
 
-     function setFactorSelect(PriceCode) {
 
-         $("#factorSelect").dxSelectBox("instance").option('dataSource', factorDataSource);
 
-         $("#factorSelect").dxSelectBox("instance").option('displayExpr', 'PriceCodeDesc');
 
-         $("#factorSelect").dxSelectBox("instance").option('valueExpr', "PriceCode");
 
-         $("#factorSelect").dxSelectBox("instance").option('value', PriceCode);
 
-     }
 
-     function numberWithCommas(x) {
 
-         return x.toString().replace(/\B(?=(\d{3})+(?!\d))/g, ",");
 
-     }
 
-     function handleViewShown() {
 
-         setTabData(BWA.UserInfo.SiteId(), 1, 'P038');   //초기화 전력 P038 청구요금
 
-         //setFactorSelect('P038');
 
-         //getPriceData(BWA.UserInfo.SiteId(), 1);
 
-         //getcompareData(BWA.UserInfo.SiteId(), 1, tmpDate.getFullYear());
 
-     }
 
-     var searchViewOptions = {
 
-     };
 
-     function handleSearchInSearchView() {
 
-     }
 
-     
 
-     var now = new Date();
 
-     var beforeNow = now;
 
-     tmpYear = now.getFullYear();
 
-     beforeNow.setFullYear(tmpYear - 1);
 
-     now = new Date();
 
-     var selectEnergy = "전력";
 
-     //var tmpDate = $("#startDatePicker").dxDateBox("instance").option('value');
 
-     /*var CustomTheme = {
 
-         name: 'CustomTheme'
 
-     };
 
-     DevExpress.viz.registerTheme(CustomTheme, 'generic.light');*/
 
-     //DevExpress.ui.themes.current('generic.dark');
 
-     var viewModel = $.extend(BWA.CommonView.create(params, viewInfo, searchViewOptions, ko.observable(null), handleViewShown, null, handleSearchInSearchView),  
 
-         {
 
-         startDatePicker : {
 
-             pickerType: "calendar",
 
-             value: now,
 
-             formatString: "yyyy년",
 
-             maxZoomLevel: "decade",
 
-             width: "9%",
 
-             onValueChanged: function () {
 
-                 var tmpDate = $("#startDatePicker").dxDateBox("instance").option('value');
 
-                 var chartSeries = $("#compareChart").dxChart("instance").option('series');
 
-                 chartSeries[0].name = tmpDate.getFullYear();
 
-                 //chartSeries[1].name = tmpDate.getFullYear() - 1;
 
-                 $("#compareChart").dxChart("instance").option('series', chartSeries);
 
-                 /*for (var i = 0; i < compareDataSource.length; i++) {
 
-                     compareDataSource[i].curYear = compareDataSource[i].curYear + 1000;
 
-                     compareDataSource[i].preYear = compareDataSource[i].preYear + 1000;
 
-                 }
 
-                 $("#compareChart").dxChart("instance").option('dataSource', compareDataSource);*/
 
-                 //if ($("#powerBtn").css("background-image") == "linear-gradient(180deg, rgb(155, 171, 195) 0%, rgb(65, 97, 140) 100%)") {
 
-                 if (energySelectButton == "power") {
 
-                     //getPriceData(BWA.UserInfo.SiteId(), 1);
 
-                     //getcompareData(BWA.UserInfo.SiteId(), 1, tmpDate.getFullYear());
 
-                     init = false;
 
-                     setTabData(BWA.UserInfo.SiteId(), 1, $("#factorSelect").dxSelectBox("instance").option('value'));
 
-                     //setFactorSelect('P038');
 
-                 //} else if ($("#gasBtn").css("background-image") == "linear-gradient(180deg, rgb(155, 171, 195) 0%, rgb(65, 97, 140) 100%)") {
 
-                 } else if (energySelectButton == "gas") {
 
-                     //getPriceData(BWA.UserInfo.SiteId(), 2);
 
-                     //getcompareData(BWA.UserInfo.SiteId(), 2, tmpDate.getFullYear());
 
-                     init = false;
 
-                     setTabData(BWA.UserInfo.SiteId(), 2, $("#factorSelect").dxSelectBox("instance").option('value'));
 
-                     //setFactorSelect('P038');
 
-                 //} else if ($("#waterBtn").css("background-image") == "linear-gradient(180deg, rgb(155, 171, 195) 0%, rgb(65, 97, 140) 100%)") {
 
-                 } else if (energySelectButton == "water") {
 
-                     //getPriceData(BWA.UserInfo.SiteId(), 3);
 
-                     //getcompareData(BWA.UserInfo.SiteId(), 3, tmpDate.getFullYear());
 
-                     init = false;
 
-                     setTabData(BWA.UserInfo.SiteId(), 3, $("#factorSelect").dxSelectBox("instance").option('value'));
 
-                     //setFactorSelect('P038');
 
-                 } else {
 
-                     utils.toast.show("에너지원이 선택되지 않았습니다.");
 
-                 }
 
-             }
 
-         },
 
-         endDatePicker: {
 
-             pickerType: "calendar",
 
-             value: beforeNow,
 
-             formatString: "yyyy년",
 
-             maxZoomLevel: "decade",
 
-             width: "9%",
 
-             onValueChanged: function () {
 
-                 var tmpDate = $("#endDatePicker").dxDateBox("instance").option('value');
 
-                 var chartSeries = $("#compareChart").dxChart("instance").option('series');
 
-                 //chartSeries[0].name = tmpDate.getFullYear();
 
-                 chartSeries[1].name = tmpDate.getFullYear();
 
-                 $("#compareChart").dxChart("instance").option('series', chartSeries);
 
-                 /*for (var i = 0; i < compareDataSource.length; i++) {
 
-                     compareDataSource[i].curYear = compareDataSource[i].curYear + 1000;
 
-                     compareDataSource[i].preYear = compareDataSource[i].preYear + 1000;
 
-                 }
 
-                 $("#compareChart").dxChart("instance").option('dataSource', compareDataSource);*/
 
-                 //if ($("#powerBtn").css("background-image") == "linear-gradient(180deg, rgb(155, 171, 195) 0%, rgb(65, 97, 140) 100%)") {
 
-                 if (energySelectButton == "power") {
 
-                     //getPriceData(BWA.UserInfo.SiteId(), 1);
 
-                     //getcompareData(BWA.UserInfo.SiteId(), 1, tmpDate.getFullYear());
 
-                     init = false;
 
-                     setTabData(BWA.UserInfo.SiteId(), 1, $("#factorSelect").dxSelectBox("instance").option('value'));
 
-                     //setFactorSelect('P038');
 
-                     //} else if ($("#gasBtn").css("background-image") == "linear-gradient(180deg, rgb(155, 171, 195) 0%, rgb(65, 97, 140) 100%)") {
 
-                 } else if (energySelectButton == "gas") {
 
-                     //getPriceData(BWA.UserInfo.SiteId(), 2);
 
-                     //getcompareData(BWA.UserInfo.SiteId(), 2, tmpDate.getFullYear());
 
-                     init = false;
 
-                     setTabData(BWA.UserInfo.SiteId(), 2, $("#factorSelect").dxSelectBox("instance").option('value'));
 
-                     //setFactorSelect('P038');
 
-                     //} else if ($("#waterBtn").css("background-image") == "linear-gradient(180deg, rgb(155, 171, 195) 0%, rgb(65, 97, 140) 100%)") {
 
-                 } else if (energySelectButton == "water") {
 
-                     //getPriceData(BWA.UserInfo.SiteId(), 3);
 
-                     //getcompareData(BWA.UserInfo.SiteId(), 3, tmpDate.getFullYear());
 
-                     init = false;
 
-                     setTabData(BWA.UserInfo.SiteId(), 3, $("#factorSelect").dxSelectBox("instance").option('value'));
 
-                     //setFactorSelect('P038');
 
-                 } else {
 
-                     utils.toast.show("에너지원이 선택되지 않았습니다.");
 
-                 }
 
-             }
 
-         },
 
-         compareChart: {
 
-             dataSource: compareDataSource,
 
-             barWidth: 0.5,
 
-             commonSeriesSettings: {
 
-                 argumentField: "dateTime",
 
-                 type: "bar"
 
-             },
 
-             series: ko.observable([
 
-                 { valueField: "curYear", name: new Date().getFullYear(), color: '#5F8B95' },
 
-                 { valueField: "preYear", name: new Date().getFullYear() - 1, color: '#007994' }
 
-             ]),
 
-             legend: {
 
-                 verticalAlignment: "top",
 
-                 horizontalAlignment: "center",
 
-                 position: "outside",
 
-                 border: { visible: false }
 
-             },
 
-             valueAxis: ko.observable({
 
-                 visible: true,
 
-                 label: {
 
-                     customizeText: function () {
 
-                         return numberWithCommas(this.value).toString() + '원';
 
-                     }
 
-                 },
 
-                 min: 0,
 
-                 max: 100000000,
 
-                 valueType: 'numeric',
 
-                 tickInterval: 5000000
 
-             }),
 
-             argumentAxis: ko.observable({
 
-                 visible: true,
 
-                 label: {
 
-                     customizeText: function () {
 
-                         return this.value + '월';
 
-                     }
 
-                 },
 
-                 min: 1,
 
-                 max: 12,
 
-                 valueType: 'numeric',
 
-                 tickInterval: 1
 
-             }),
 
-             "export": {
 
-                 enabled: true
 
-             },
 
-             tooltip: {
 
-                 enabled: true,
 
-                 //format: 'largeNumber',
 
-                 customizeTooltip: function (point) {
 
-                     return {
 
-                         text: numberWithCommas(point.value.toFixed(2))
 
-                     };
 
-                 }
 
-             }
 
-         },
 
-         powerButtonClicked: function () {
 
-             energySelectButton = "power";
 
-             $("#powerBtn").css("background-image", "linear-gradient(180deg,#9babc3 0%,#41618c 100%)");
 
-             $("#gasBtn").css("background-image", "linear-gradient(rgb(56,88,130) 0%, rgb(44,68,101)100%)");
 
-             $("#waterBtn").css("background-image", "linear-gradient(rgb(56,88,130) 0%, rgb(44,68,101)100%)");
 
-             selectEnergy = "전력";
 
-             /*priceDataSource = [
 
-                 { text: "일반용전력(을)", icon: 'check'},
 
-                 { text: "산업용전력(을)"},
 
-                 { text: "심야전력(을)2"}
 
-             ];*/
 
-             //$("#priceTab").dxTabs("instance").option('items', priceDataSource);
 
-             //$("#priceTab").dxTabs("instance").option('selectedIndex', ko.observable(0));
 
-             //$("#priceTab").dxTabs("instance").option('tabIndex', ko.observable(0));
 
-             //getPriceData(BWA.UserInfo.SiteId(), 1);
 
-             //getcompareData(BWA.UserInfo.SiteId(), 1, tmpDate.getFullYear());
 
-             init = false;
 
-             factorDataSource = powerDataSource;
 
-             setTabData(BWA.UserInfo.SiteId(), 1, 'P038');   //P038 전력 청구요금
 
-             //setFactorSelect('P038');
 
-         },
 
-         gasButtonClicked: function () {
 
-             energySelectButton = "gas";
 
-             $("#gasBtn").css("background-image", "linear-gradient(180deg,#9babc3 0%,#41618c 100%)");
 
-             $("#powerBtn").css("background-image", "linear-gradient(rgb(56,88,130) 0%, rgb(44,68,101)100%)");
 
-             $("#waterBtn").css("background-image", "linear-gradient(rgb(56,88,130) 0%, rgb(44,68,101)100%)");
 
-             selectEnergy = "가스";
 
-             /*priceDataSource = [
 
-                 { text: "가스요금1", icon: 'check' },
 
-                 { text: "가스요금2" }
 
-             ];*/
 
-             //$("#priceTab").dxTabs("instance").option('items', priceDataSource);
 
-             //$("#priceTab").dxTabs("instance").option('selectedIndex', ko.observable(0));
 
-             //$("#priceTab").dxTabs("instance").option('tabIndex', ko.observable(0));
 
-             //getPriceData(BWA.UserInfo.SiteId(), 2);
 
-             //getcompareData(BWA.UserInfo.SiteId(), 2, tmpDate.getFullYear());
 
-             init = false;
 
-             factorDataSource = gasDataSource;
 
-             setTabData(BWA.UserInfo.SiteId(), 2, 'G005');   //G005 가스 사용요금
 
-             //setFactorSelect('P038');
 
-         },
 
-         waterButtonClicked: function () {
 
-             energySelectButton = "water";
 
-             $("#waterBtn").css("background-image", "linear-gradient(180deg,#9babc3 0%,#41618c 100%)");
 
-             $("#gasBtn").css("background-image", "linear-gradient(rgb(56,88,130) 0%, rgb(44,68,101)100%)");
 
-             $("#powerBtn").css("background-image", "linear-gradient(rgb(56,88,130) 0%, rgb(44,68,101)100%)");
 
-             selectEnergy = "수도";
 
-             /*priceDataSource = [
 
-                 { text: "수도요금1", icon: 'check' }
 
-             ];*/
 
-             //$("#priceTab").dxTabs("instance").option('items', priceDataSource);
 
-             //$("#priceTab").dxTabs("instance").option('selectedIndex', ko.observable(0));
 
-             //$("#priceTab").dxTabs("instance").option('tabIndex', ko.observable(0));
 
-             //getPriceData(BWA.UserInfo.SiteId(), 3);
 
-             //getcompareData(BWA.UserInfo.SiteId(), 3, tmpDate.getFullYear());
 
-             init = false;
 
-             factorDataSource = waterDataSource;
 
-             setTabData(BWA.UserInfo.SiteId(), 3, 'W006');   //수도 W006 합계요금
 
-             //setFactorSelect('P038');
 
-         },
 
-         tabOptions: {
 
-             //theme: 'CustomTheme',
 
-             dataSource: tabsData,
 
-             height: 20,
 
-             //selectedIndex: 0,
 
-             onSelectionChanged: function (e) {
 
-                 //$("#priceSelect").dxSelectBox("instance").option('value', e.addedItems[0].id);
 
-                 //selectedItem = e.addedItems[0];
 
-                 if (init) {
 
-                     var FuelTypeId;
 
-                     if (selectEnergy == "전력") {
 
-                         FuelTypeId = 1;
 
-                     } else if (selectEnergy == "가스") {
 
-                         FuelTypeId = 2;
 
-                     } else if (selectEnergy == "수도") {
 
-                         FuelTypeId = 3;
 
-                     } else {
 
-                         utils.toast.show("에너지원이 선택되지 않았습니다.");
 
-                     }
 
-                     var tmpDate = $("#startDatePicker").dxDateBox("instance").option('value');
 
-                     var month = tmpDate.getMonth() + 1;
 
-                     if (month < 10) {
 
-                         month = "0" + month.toString();
 
-                     }
 
-                     var endDay = 32 - new Date(tmpDate.getFullYear(), tmpDate.getMonth(), 32).getDate();
 
-                     //$("#tabOptions").dxTabs("instance").option('selectedIndex', 0);
 
-                     getcompareData(BWA.UserInfo.SiteId(), FuelTypeId, tmpDate.getFullYear());
 
-                 }
 
-             }
 
-         },
 
-         factorSelect: {
 
-             dataSource: factorDataSource,
 
-             onValueChanged: function (e) {
 
-                 var selectFactor = $("#factorSelect").dxSelectBox("instance").option('value');
 
-                 var FuelTypeId;
 
-                 if (selectEnergy == "전력") {
 
-                     FuelTypeId = 1;
 
-                     if (selectFactor == 'P048') {
 
-                         var tmp = $("#compareChart").dxChart("instance").option('valueAxis');
 
-                         tmp.label = {
 
-                             customizeText: function () {
 
-                                 return numberWithCommas(this.value).toString() + 'kWh';
 
-                             }
 
-                         }
 
-                         $("#compareChart").dxChart("instance").option('valueAxis', tmp);
 
-                     } else {
 
-                         var tmp = $("#compareChart").dxChart("instance").option('valueAxis');
 
-                         tmp.label = {
 
-                             customizeText: function () {
 
-                                 return numberWithCommas(this.value).toString() + '원';
 
-                             }
 
-                         }
 
-                         $("#compareChart").dxChart("instance").option('valueAxis', tmp);
 
-                     }
 
-                 } else if (selectEnergy == "가스") {
 
-                     FuelTypeId = 2;
 
-                     if (selectFactor == 'G001') {
 
-                         var tmp = $("#compareChart").dxChart("instance").option('valueAxis');
 
-                         tmp.label = {
 
-                             customizeText: function () {
 
-                                 return numberWithCommas(this.value).toString() + 'm3';
 
-                             }
 
-                         }
 
-                         $("#compareChart").dxChart("instance").option('valueAxis', tmp);
 
-                     } else {
 
-                         var tmp = $("#compareChart").dxChart("instance").option('valueAxis');
 
-                         tmp.label = {
 
-                             customizeText: function () {
 
-                                 return numberWithCommas(this.value).toString() + '원';
 
-                             }
 
-                         }
 
-                         $("#compareChart").dxChart("instance").option('valueAxis', tmp);
 
-                     }
 
-                 } else if (selectEnergy == "수도") {
 
-                     FuelTypeId = 3;
 
-                     if (selectFactor == 'W007') {
 
-                         var tmp = $("#compareChart").dxChart("instance").option('valueAxis');
 
-                         tmp.label = {
 
-                             customizeText: function () {
 
-                                 return numberWithCommas(this.value).toString() + 'm3';
 
-                             }
 
-                         }
 
-                         $("#compareChart").dxChart("instance").option('valueAxis', tmp);
 
-                     } else {
 
-                         var tmp = $("#compareChart").dxChart("instance").option('valueAxis');
 
-                         tmp.label = {
 
-                             customizeText: function () {
 
-                                 return numberWithCommas(this.value).toString() + '원';
 
-                             }
 
-                         }
 
-                         $("#compareChart").dxChart("instance").option('valueAxis', tmp);
 
-                     }
 
-                 } else {
 
-                     utils.toast.show("에너지원이 선택되지 않았습니다.");
 
-                 }
 
-                 var tmpDate = $("#startDatePicker").dxDateBox("instance").option('value');
 
-                 var month = tmpDate.getMonth() + 1;
 
-                 if (month < 10) {
 
-                     month = "0" + month.toString();
 
-                 }
 
-                 var endDay = 32 - new Date(tmpDate.getFullYear(), tmpDate.getMonth(), 32).getDate();
 
-                 var test = $("#tabOptions").dxTabs("instance").option('selectedIndex');
 
-                 getcompareData(BWA.UserInfo.SiteId(), FuelTypeId, tmpDate.getFullYear());
 
-             }
 
-         }
 
-     });
 
-     return viewModel;
 
- };
 
 
  |