| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359 | BemsWebApplication.ToeEnergyUsage = function (params, viewInfo) {    "use strict";    var initialized = false,        shouldReload = false,        dataSource;    var CODE = $Code,        FuelType = CODE.FuelType,        FacilityType = CODE.FacilityType,        FacilityCode = CODE.FacilityCode,        F = CODE.Formula,        TIT = CODE.TimeIntervalType;    var visiblePopup = ko.observable(false);    var factorToeDataSource = BemsWebApplication.db.createDataSource('BemsFactorToe'),        chartPieDay = BWA.Chart.Instance('chartPieDayTOE', 'dxPieChart'),        chartBarDay = BWA.Chart.Instance('chartBarDayTOE', 'dxChart'),        chartPieMonth = BWA.Chart.Instance('chartPieMonthTOE', 'dxPieChart'),        chartBarMonth = BWA.Chart.Instance('chartBarMonthTOE', 'dxChart');    var timeBoxForSearch = BWA.SearchView.createDateTimeBox($G.TimeTypesForMonthOnly);    var energyUsageStatusGet = new BWA.Chart.EnergyUsageStatusGet(BWA.UserInfo.SiteId());    var factorToe = null;    var Toe = $Code.FuelType.WATER + 1;    var fuelTypesDataSource = BemsWebApplication.db.createDataSource('BemsFuelType'),        fuelTypesForSearch = ko.observableArray(),        timeTypesForSearch = ko.observableArray(),        timeTypeIdForSearch = ko.observable(0),        fuelTypeIdForSearch = ko.observable(),        deferredForSearch = new $.Deferred();    var dataArray = ko.observableArray(),        dataDayForPie = ko.observableArray(),        dataMonthForPie = ko.observableArray(),        dataDayForBar = ko.observableArray(),        dataMonthForBar = ko.observableArray();    var formulaGet = new BWA.Chart.FormulaGet(BWA.UserInfo.SiteId());    timeTypesForSearch($G.TimeTypes);    var m = moment();    /*dataDayForBar([        { DateTime: new Date(m.year(), m.month(), 1), PowerToe: 40, GasToe: 40, WaterToe: 40 },        { DateTime: new Date(m.year(), m.month(), 2), Value: 50, PowerToe: 40, GasToe: 40, WaterToe: 40 },        { DateTime: new Date(m.year(), m.month(), 3), Value: 60, PowerToe: 40, GasToe: 40, WaterToe: 40 },        { DateTime: new Date(m.year(), m.month(), 4), Value: 80, PowerToe: 40, GasToe: 40, WaterToe: 40 },        { DateTime: new Date(m.year(), m.month(), 5), Value: 100, PowerToe: 40, GasToe: 40, WaterToe: 40 },        { DateTime: new Date(m.year(), m.month(), 6), Value: 40, PowerToe: 40, GasToe: 40, WaterToe: 40 },        { DateTime: new Date(m.year(), m.month(), 7), Value: 120, PowerToe: 40, GasToe: 40, WaterToe: 40 },        { DateTime: new Date(m.year(), m.month(), 31), Value: 120, PowerToe: 40, GasToe: 40, WaterToe: 40 }    ]);    dataMonthForBar(dataDayForBar());    dataDayForPie([        { FuelTypeName: '전기', Value: 320 },        { FuelTypeName: '가스', Value: 350 },        { FuelTypeName: '수도', Value: 360 },    ]);    dataMonthForPie(dataDayForPie());    */    function handleMonthBarPointClick(clickedPoint) {        var month = clickedPoint.originalArgument;        //2016 02 24        var year = month.substr(0, 4);        var month = (month.length == 11) ? month.substr(8, 2) : month.substr(8, 1);        visiblePopup(true);        loadDailyEnergyUsage(year, month);        //console.log(month);    }    function handleViewShown() {        if (initialized === false) {            var chartOption = BWA.ChartOptions.ToeEnergyUsage;            chartPieDay = chartPieDay(chartOption.getPieChartDayOptions());            chartBarDay = chartBarDay(chartOption.getBarChartDayOptions());            chartPieMonth = chartPieMonth(chartOption.getPieChartMonthOptions());            chartBarMonth = chartBarMonth(chartOption.getBarChartMonthOptions(handleMonthBarPointClick));            //$('#chartPieDay').dxPieChart(chartOption.getPieChartDayOptions(dataDayForPie));            //$('#chartBarDay').dxChart(chartOption.getBarChartDayOptions(dataDayForBar));            //$('#chartPieMonth').dxPieChart(chartOption.getPieChartMonthOptions(dataMonthForPie));            //$('#chartBarMonth').dxChart(chartOption.getBarChartMonthOptions(dataMonthForBar));            initialized = true;        }        /*        factorToeDataSource.load().done(function(dbFactorToe) {            factorToe = BWA.Bems.refineFactorToeDataArray(dbFactorToe);            loadMonthlyEnergyUsage();            //loadDailyEnergyUsage();                 });*/    }    function getChartDataFromDataSources(loadedDataSources, barDataArray, pieDataArray, timeFormat) {        var pieFields = [$G('electricity'), $G('gas'), $G('water')];        var toeFields = ['ElectricityToe', 'GasToe', 'WaterToe'];        //var pieFields = [$G('electricity'), $G('gas')];        //var toeFields = ['ElectricityToe', 'GasToe',];        var fuelTypes = _.values($Code.FuelType);        var calculate = factorToe.calculate;        _.each(loadedDataSources, function (array, i) {            var field = toeFields[i];            var sum = 0;            _.each(array[0], function (x) {                var data = {                    //DateTime: moment(x.DateTime).format(timeFormat), 2016 02 24                    DateTime: timeFormat == 'M' ? BWA.Chart.getCustermTimeArgumentAxisString(timeBoxForSearch.type(), moment(x.DateTime).toDate()) : moment(x.DateTime).format(timeFormat),                };                sum += data[field] = calculate(x.Value, fuelTypes[i]);                barDataArray.push(data);                /*                                var dataNULL = {                                    DateTime: moment(x.DateTime).format(timeFormat),                                };                                dataNULL[field] = 0;                                nullArray.push(dataNULL); */            });            pieDataArray.push({                FuelTypeName: pieFields[i],                Value: sum            });        });        //_.each(pieDataArray, function (x) {        //    if (x.Value == 0) x.Value = 1;        //});    }    var fuelTypes = [FuelType.ELECTRICITY, FuelType.GAS, FuelType.WATER];    function loadDailyEnergyUsage(year, month) {        /*                var startDate, endDate;                var monthMoment;                if (_.isUndefined(month)) {                    monthMoment = moment();                }                else {                    monthMoment = moment().month(month - 1);                }                startDate = monthMoment.startOf('month');                endDate = monthMoment.clone().endOf('month'); */        //2016 02 24        var startDate, endDate;        var monthMoment;        monthMoment = moment(year).month(month - 1);        startDate = monthMoment.startOf('month');        endDate = monthMoment.clone().endOf('month');        var promises = [];        _.each(fuelTypes, function (x) {            promises.push(energyUsageStatusGet.requestGetForUsgaeStatus(x, TIT.DAY)                (startDate, endDate));        });        $.when.apply(this, promises).done(function () {            var barDataArray = [];            var pieDataArray = [];            //var nullDataArray = [];            //getChartDataFromDataSources(arguments, barDataArray, pieDataArray, 'D', nullDataArray);            getChartDataFromDataSources(arguments, barDataArray, pieDataArray, 'D');            /*                        var remainDate = _.range(moment().date(), moment().endOf('month').date()+1);                        _.each(remainDate, function(date) {                            barDataArray.push({                                DateTime: date,                                ElectricityToe: 0,                                WaterToe: 0,                                GasToe: 0                            });                        });*/            //console.log(barDataArray);            //chartBarDay().option('dataSource', null);            chartPieDay().option('dataSource', pieDataArray);            //chartBarDay().option('dataSource', barDataArray);            var options = BWA.ChartOptions.ToeEnergyUsage.getBarChartDayOptions();            options.dataSource = barDataArray;            chartBarDay().option(null);            chartBarDay().option(options);            $('#st1').text(monthMoment._d.getFullYear() + '년 ' + (monthMoment._d.getMonth() + 1) + '월 TOE환산 에너지 사용 현황');            $('#st2').text(monthMoment._d.getFullYear() + '년 ' + (monthMoment._d.getMonth() + 1) + '월 TOE환산 에너지 전체 사용량 비율');            $('#st3').text(monthMoment._d.getFullYear() + '년 ' + (monthMoment._d.getMonth() + 1) + '월 TOE환산 에너지 사용량');            /*                        $('#st4').text(new Date().getFullYear() + '년 TOE환산 에너지 사용 현황');                        $('#st5').text(new Date().getFullYear() + '년 TOE환산 에너지 전체 사용량 비율');                        $('#st6').text(new Date().getFullYear() + '년 TOE환산 에너지 사용량'); */            $('#st4').text('TOE환산 에너지 사용 현황');            $('#st5').text('TOE환산 에너지 전체 사용량 비율');            $('#st6').text('TOE환산 에너지 사용량');            visiblePopup(false);        }).fail(function (error) {            //alert(error);            visiblePopup(false);        });    }    function timeBoxForSearch() {        /*        visiblePopup(true);        $("#large-indicator").dxLoadIndicator({            height: 60,            width: 60        });        var date = timeBoxForSearch.getDate(),            timeType = timeBoxForSearch.type(),            fuelTypeId = fuelTypeIdForSearch*/        loadMonthlyEnergyUsage();    };    function loadMonthlyEnergyUsage() {        visiblePopup(true);        /*        $("#large-indicator").dxLoadIndicator({            height: 60,            width: 60        });*/        var date = timeBoxForSearch.getDate();        var promises = [];        _.each(fuelTypes, function (x) {            promises.push(energyUsageStatusGet.requestGetForUsgaeStatus(x, TIT.MONTH)             //   (moment().startOf('year'), moment()));             //(moment().startOf('year'), moment().endOf('year'))); // 2016 02 24 위 막고 이렇게 했다가            (date.startDate, date.endDate)); // 2016 02 24 최종        });        $.when.apply(this, promises).done(function () {            var barDataArray = [];            var pieDataArray = [];            //var nullDataArray = [];            //getChartDataFromDataSources(arguments, barDataArray, pieDataArray, 'M', nullDataArray);            getChartDataFromDataSources(arguments, barDataArray, pieDataArray, 'M');            //console.log(barDataArray);            chartPieMonth().option('dataSource', pieDataArray);            //chartBarMonth().option('argumentAxis', null); // 2015 05 21 결국 이 코드가 필요 함 (시간 축 에러 해결)            //var chartOption = BWA.ChartOptions.ToeEnergyUsage;            //chartBarMonth = chartBarMonth(chartOption.getBarChartMonthOptions(handleMonthBarPointClick));            //            chartBarMonth().option('dataSource', null);            //            chartBarMonth().option('dataSource', barDataArray);            var options = BWA.ChartOptions.ToeEnergyUsage.getBarChartMonthOptions(handleMonthBarPointClick);            options.dataSource = barDataArray;            chartBarMonth().option(null);            chartBarMonth().option(options);            //$('#chartBarMonth').dxChart(chartOption.getBarChartMonthOptions(barDataArray));            //(chartOption.getBarChartMonthOptions(barDataArray));            //chartBarMonth().getBarChartMonthOptions(barDataArray);            /*            var renderOptions = {                            force: true,                            animate: true,                            asyncSeriesRendering: false                        }                        chartBarMonth().render(renderOptions); */            //2015 11 23 동기화 문제로 여기로이동            //loadDailyEnergyUsage();            loadDailyEnergyUsage(date.endDate.getFullYear().toString(), (date.endDate.getMonth() + 1).toString());            //visiblePopup(false);        }).fail(function (error) {            //alert(error);            visiblePopup(false);        });    }    function handleViewHidden() {        visiblePopup(false);        //hideOverlay();        //    var dataGrid = $('#gridContainer').dxDataGrid('instance');        //    dataGrid.clearSelection();    }    function handleViewShowing() {        factorToeDataSource.load().done(function (dbFactorToe) {            factorToe = BWA.Bems.refineFactorToeDataArray(dbFactorToe);            //loadMonthlyEnergyUsage();            handleSearchInSearchView();        });    }    function handleSearchInSearchView() {        /*        visiblePopup(true);        $("#large-indicator").dxLoadIndicator({            height: 60,            width: 60        });        var date = timeBoxForSearch.getDate(),            timeType = timeBoxForSearch.type(),            fuelTypeId = fuelTypeIdForSearch*/        loadMonthlyEnergyUsage();    };    function refreshList() {        //dataSource.pageIndex(0);        //dataSource.load();    }    var searchViewOptions = {        searchViewItems: [            { id: 'TimeTypeId', defaultValue: 0, value: timeTypeIdForSearch, dataSource: timeTypesForSearch },            { id: 'DateForHour', type: 'dateRange', isOnlyDate: true },            { id: 'TimeForHour', type: 'dateRange', isOnlyDate: true },        ],        promiseDataInSearchView: deferredForSearch.promise()    };    var viewModel = $.extend(BWA.CommonView.create(params, viewInfo, searchViewOptions, ko.observable(null), handleViewShown, null, handleSearchInSearchView), {        refreshList: refreshList,        viewShowing: handleViewShowing,    });    viewModel.timeBoxForSearch = timeBoxForSearch;    /*    viewModel.popupOptions = {        width: 300,        height: 100,        contentTemplate: "info",        showTitle: false,        title: "메세지",        visible: visiblePopup,        dragEnabled: false,        shading: false,        closeOnOutsideClick: false    };*/    $HourGlassPopup(viewModel, visiblePopup);    return viewModel;};
 |