| 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245246247248249250251252253254255256257258259260261262263264265266267268269270271272273274275276277278279280281282283284285286287288289290291292293294295296297298299300301302303304305306307308309310311312313314315316317318319320321322323324325326327328329330331332333334335336337338339340341342343344345346347348349350351352353354355356357358359360361362363364365366367368369370371372373374375376377378379380381382383384385386387388389390391392393394395396397398399400401402403404405406407408409410411412413414415416417418419420421422423424425426427428429430431432433434435436437438439440441442443444445446447448449450451452453454455456457458459460461462463464465466467468469470471472473474475476477478479480481482483484485486487488489490491492493494495496497498499500501502503504505506507508509510511512513514515516517518519520521522523524525526527528529530531532533534535536537538539540541542543544545546547548549550551552553554555556557558559560561562563564565566567568569570571572573574575576577578579580581582583584585586587588589590591592593594595596597598599600601602603604605606607608609610611612613614615616617618619620621622623624625626 | BemsWebApplication.Zone_TempHumi = function (params, viewInfo) {    "use strict";    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;    }    var AIR_HANDLING = $Code.FacilityType.AIR_HANDLING;    var BUILDING_DEPTH = 1, FLOOR_DEPTH = 2, ZONE_DEPTH = 3;    var CODE = $Code, FuelType = CODE.FuelType, FT = CODE.FacilityType, FC = CODE.FacilityCode, F = CODE.Formula, TIT = CODE.TimeIntervalType;    var QUARTERMIN = $Code.TimeType.QUARTERMIN;    var visiblePopup = ko.observable(false);    var tempvisiblePopup = ko.observable(false);    var initialized = false,        shouldReload = false,        facilityViewModel = new BWA.CmFacilityViewModel(),        dataSource;    var eq = BWA.DataUtil.constructEqualFilter, and = BWA.DataUtil.andFilter;    var currentTabIndex = ko.observable(0);    var m_Facility;    var FacilityCode;    var facilityDataSource = BWA.db.createDataSource('CmFacility'), facilitiesForSearch = ko.observableArray(), facilityCodeForSearch = ko.observable(0), deferredForSearch = new $.Deferred();    var SiteId = BWA.UserInfo.SiteId();    var formulaGet = new BWA.Chart.FormulaGet(SiteId);    var timeBoxForSearch = BWA.SearchView.createDateTimeBox();    var deferredForLoadData = new $.Deferred();    var chart = BWA.Chart.Instance('chartZTH', 'dxChart');    var locationEnableForSearch = ko.observable(false);    var t_temp = ko.observable(22);    var t_humi = ko.observable(33);    //  2017.09.08 : 그리드 도표 작업 : 팝업창 추가    // 팝업창뷰 보이기 속성 제어용 변수 선언    var DataGridPopup_Visible = ko.observable(false);    // 그래프 출력 이후 엑셀출력을 위한 팝업창을 위해 임시 저장용 배열 선언    var dataArrayresult = ko.observableArray();    //  2017.09.08 : 그리드 도표 작업 : 팝업창 추가    function isNumber(s) {        s += ''; // 문자열로 변환        s = s.replace(/^\s*|\s*$/g, ''); // 좌우 공백 제거        if (s == '' || isNaN(s)) return false;        return true;    }    function handleClickTreeItem(element, data) {        var eq = BWA.DataUtil.constructEqualFilter;        var depth = data.depth;        //data = data.data;        switch (depth) {            case BUILDING_DEPTH: // building                data = data.data;                buildingIdForSearch(data.BuildingId());                buildingNameForSearch(data.Name());                floorIdForSearch(null);                floorNameForSearch('');                zoneIdForSearch(null);                zoneNameForSearch('');                break;            case FLOOR_DEPTH: // floor                buildingNameForSearch(data.parentData.data.Name());                //alert(buildingIdForSearch());                data = data.data;                buildingIdForSearch(data.BuildingId());                floorIdForSearch(data.FloorId());                floorNameForSearch(data.Name());                zoneIdForSearch(null);                zoneNameForSearch('');                break;            case ZONE_DEPTH: // zone                floorNameForSearch(data.parentData.data.Name());                buildingNameForSearch(data.parentData.parentData.data.Name());                data = data.data;                buildingIdForSearch(data.BuildingId());                floorIdForSearch(data.FloorId());                zoneIdForSearch(data.ZoneId());                zoneNameForSearch(data.Name());                break;        }    }    function handleViewShown() {        if (initialized === false) {            chart = chart(BWA.ChartOptions.Zone_TempHumi.getSeriesOptions(timeBoxForSearch.type(), t_temp(22), t_humi(33)));            initialized = true;        }        var eq = BWA.DataUtil.constructEqualFilter;        facilityDataSource.filter([            eq('SiteId', SiteId),            'and',            eq('FacilityTypeId', AIR_HANDLING)        ]);        facilityDataSource.load().done(function (facilities) {            facilitiesForSearch(facilities);            if (_.isEmpty(facilities) === false) {                var f = facilities[0];                handleSelectedFacilityInSearchView(f);                handleSearchInSearchView();                var datagrid = $('#airHandlingDataGridViewInSearchView').dxDataGrid('instance');                if (_.has(datagrid, 'selectRows')) {                    datagrid.selectRows(f);                }            }        });        if (shouldReload) {        }        $("#S_Temp_Btn").dxButton({            text: "기준온도 설정",            onClick: function () {                if ($("#Set_Max_Temp").dxTextBox("instance") != null)                    $("#Set_Max_Temp").dxTextBox("instance").option('value', null);                if ($("#Set_Min_Temp").dxTextBox("instance") != null)                    $("#Set_Min_Temp").dxTextBox("instance").option('value', null);                tempvisiblePopup(true);            }        });    }    function handleViewHidden() {        $SearchView.visibleObservable(false); // hcLee 2015 03 23        visiblePopup(false);    }    function handleViewShowing() {    }    function refreshList() {    }    var searchViewOptions = {        searchViewItems: [            { id: 'FacilityCode', ignoreValue: 0, defaultValue: 0, value: facilityCodeForSearch, dataSource: facilitiesForSearch },        ],        promiseDataInSearchView: deferredForSearch.promise()    };    function handleSelectedFacilityInSearchView(facility) {        m_Facility = facility;        return;    }    function handleSearchInSearchView(filter, searchViewItems) {        if (m_Facility == null) return;        visiblePopup(true);        var f = m_Facility.toJS();        facilityViewModel.fromJS(f);        FacilityCode = f.FacilityCode;        var timeIntervalType = timeBoxForSearch.type();        var formula = $Code.Formula[AIR_HANDLING];        var formulaIds = _.values(formula);        var date = timeBoxForSearch.getDate();        var promises = [];        _.each(formulaIds, function (formulaId) {            var p = formulaGet.apiGet({                FacilityTypeId: f.FacilityTypeId,                FacilityCode: FacilityCode,                FormulaId: formulaId,                TimeIntervalType: timeIntervalType,                StartDate: date.startDate,                EndDate: date.endDate            });            promises.push(p);        });        // 외기 온도와 습도를 위해 추가 hcLee 2015 04 20  ->        var commonParameters = {            TimeIntervalType: timeIntervalType,            StartDate: date.startDate,            EndDate: date.endDate        };        var temperatureParameters = {            FacilityTypeId: FT.OUTDOOR,            FacilityCode: FC.OUTDOOR,            FormulaId: F[FT.OUTDOOR].TEMPERATURE,        };        var humidityParameters = _.extend({}, temperatureParameters, {            FormulaId: F[FT.OUTDOOR].HUMIDITY,        });        promises.push(formulaGet.apiGet(_.extend(temperatureParameters, commonParameters)));        promises.push(formulaGet.apiGet(_.extend(humidityParameters, commonParameters)));        // 외기 온도와 습도를 위해 추가 hcLee 2015 04 20  <-        //promises.push(utils.toast.show('공조기 성능분석 중 입니다. 잠시만 기다려 주세요'));        $.when.apply(this, promises)        .done(function (coldWaterCalories, hotWaterCalories, coldWaterAtfws,            hotWaterAtfws, in_temperatures, out_temperatures, cold_electricities, hot_electricities,            cold_vopen, hot_vopen,            cold_in_temperatures, cold_out_temperatures, // 이 2개는 2015 06 15일 추가            f_temp, f_humi, // 2015 07 10 추가  실내 온, 습도            co2, // 2015 07 10 추가            x16, x17, x18, x19, X20,            A21, A22, A23, A24, A25, A26,            S_TEMP, M_TEMP, S_HUMY, CO, DUST, OZONE, S_VOLUME, M_OPENING_RATE, ONOFF, DUTYCYCLE_CHECK, ENTHALPY_CHECK,            OUTtemperatures, OUTHumi) {            coldWaterCalories = coldWaterCalories[0];            hotWaterCalories = hotWaterCalories[0];            coldWaterAtfws = coldWaterAtfws[0];            hotWaterAtfws = hotWaterAtfws[0];            in_temperatures = in_temperatures[0];            out_temperatures = out_temperatures[0];            cold_electricities = cold_electricities[0];            hot_electricities = hot_electricities[0];            cold_vopen = cold_vopen[0];            hot_vopen = hot_vopen[0];            cold_in_temperatures = cold_in_temperatures[0];            cold_out_temperatures = cold_out_temperatures[0];            X20 = X20[0]; // 목표온도            f_temp = f_temp[0],// 2015 07 10 추가  실내 온도            f_humi = f_humi[0], // 2015 07 10 추가  실내 습도            co2 = co2[0]; // co2            OUTtemperatures = OUTtemperatures[0];            OUTHumi = OUTHumi[0];            var temp = f_temp;            var humi = f_humi;            var dataArray = [];            //  2017.09.08 : 그리드 도표 작업 : 팝업창 추가            var dataArray_Temp = [];            var dataArray_Temp1 = [];            var dataArray_Temp2 = [];            var dataArray_Temp3 = [];            var dataArray_Temp4 = [];            var dataArray_Temp5 = [];            var dataArray_final = []            //  2017.09.08 : 그리드 도표 작업 : 팝업창 추가            _.each(temp, function (x) {                dataArray_Temp.push({                    DateTime: BWA.Chart.getCustermTimeArgumentAxisString(timeBoxForSearch.type(), moment(x.DateTime).toDate()),                    temp: x.Value, //실내온도                });            });            // 2016 04 12 추가            _.each(OUTtemperatures, function (x) {                dataArray_Temp2.push({                    DateTime: BWA.Chart.getCustermTimeArgumentAxisString(timeBoxForSearch.type(), moment(x.DateTime).toDate()),                    Temperature: x.Value //외기온도                });            });            _.each(humi, function (x) {                dataArray_Temp3.push({                    DateTime: BWA.Chart.getCustermTimeArgumentAxisString(timeBoxForSearch.type(), moment(x.DateTime).toDate()),                    humi: x.Value,  //실내습도                });            });            // 2016 04 12 추가            _.each(OUTHumi, function (x) {                dataArray_Temp4.push({                    DateTime: BWA.Chart.getCustermTimeArgumentAxisString(timeBoxForSearch.type(), moment(x.DateTime).toDate()),                    Humidity: x.Value //외기습도                });            });            _.each(co2, function (x) {                dataArray_Temp5.push({                    DateTime: BWA.Chart.getCustermTimeArgumentAxisString(timeBoxForSearch.type(), moment(x.DateTime).toDate()),                    co2: x.Value, //CO2농도                });            });            t_temp(0);            t_humi(0);            //  2017.09.08 : 그리드 도표 작업 : 팝업창 추가            // 배열을 하나로 합치자              var array_length_size = Math.max(dataArray_Temp.length, dataArray_Temp2.length, dataArray_Temp3.length, dataArray_Temp4.length, dataArray_Temp5.length);            // 크기가 동일한 경우에만 허용함 (예외 방어용)            if ((dataArray_Temp.length == dataArray_Temp2.length) && (dataArray_Temp2.length == dataArray_Temp3.length) && (dataArray_Temp3.length == dataArray_Temp4.length) && (dataArray_Temp4.length == dataArray_Temp5.length)) {                for (var i = 0; i < array_length_size; i++) {                    dataArray.push(                        {                            DateTime: dataArray_Temp[i].DateTime,                            temp: dataArray_Temp[i].temp,                            Temperature: dataArray_Temp2[i].Temperature,                            humi: dataArray_Temp3[i].humi,                            Humidity: dataArray_Temp4[i].Humidity,                            co2: dataArray_Temp5[i].co2                        });                }            }            var BemsSTempDataSource = new DevExpress.data.DataSource({                store: {                    type: "odata",                    url: endpointSelector + "/BemsControlAHUTempConfig"                },                requireTotalCount: true,                pageSize: 1            });            BemsSTempDataSource.filter([                ['SiteId', "=", SiteId],                 'and',                ['FacilityCode', "=", FacilityCode]            ]);            BemsSTempDataSource.load()            .done(function (STemp) {                var Maxtemp, Mintemp;                if (STemp.length == 0) {                    //utils.toast.show("공조기 기준온도가 없습니다.");                    dataArray_final = dataArray;                }                else {                    Maxtemp = STemp[0].MaxTemperature;                    Mintemp = STemp[0].MinTemperature;                    for (var i = 0; i < dataArray.length; i++) {                        dataArray_final.push(                            {                                DateTime: dataArray[i].DateTime,                                temp: dataArray[i].temp,                                Temperature: dataArray[i].Temperature,                                humi: dataArray[i].humi,                                Humidity: dataArray[i].Humidity,                                co2: dataArray[i].co2,                                tempSetminT: Mintemp,                                tempSetmaxT: Maxtemp,                            });                    }                }                dataArrayresult = dataArray_final;                // 2017.09.08 : 그리드 도표 작업 : 팝업창 추가                var options = BWA.ChartOptions.Zone_TempHumi.getSeriesOptions(timeBoxForSearch.type(), t_temp(), t_humi());                options.dataSource = dataArray_final;                chart().option(options);                $('#st').text(f.Name + ' : ' + '(' + f.FacilityUsage + ')   온,습도 현황');                visiblePopup(false);            });        })        .fail(function (error) {            visiblePopup(false);        });    }    function handleMenuItemClick(e) {        var chartIntance = chart();        var chartOptions = chartIntance._options;        var series = chartIntance.getAllSeries();        var table = [];        var columns = [chartOptions.argumentAxis.title];        var values = {};        _.each(chartOptions.valueAxis, function (a) {            columns.push(a.title.text);        });        _.each(series, function (s, i) {            _.each(s.pointsByArgument, function (point, argument) {                var array = values[argument];                if (_.isArray(array) === false) {                    array = values[argument] = [];                }                array[i] = point.value;            });        });        var csvRows = [columns.join(',')];        _.each(values, function (values, argument) {            csvRows.push([$G.dateTime(moment(Number(argument))), values.join(',')].join(','));        });        var csvContent = csvRows.join("\r\n");        var agent = navigator.userAgent.toLowerCase();        if (window.navigator.msSaveOrOpenBlob) {            var fileData = ['\uFEFF' + csvContent];            var blobObject = new Blob(fileData);            window.navigator.msSaveOrOpenBlob(blobObject, 'export.csv');        }        else {            var csvString = 'data:text/csv;utf-8,\uFEFF' + encodeURI(csvContent);            var a = $('#csvExporter');            a.attr({                'href': csvString,                'target': '_blank',                'download': 'export.csv'            });            var aa = document.getElementById('csvExporter');            aa.click();        }    }    //  2017.09.08 : 그리드 도표 작업 : 팝업창 추가    function DataGridPopup_ButtonClick() {        DataGridPopup_Visible(true);    }    function handlePopupShown() {        // 데이타소스 업데이트        $("#Zone_TempHumiDataGrid_Container").dxDataGrid("instance").option("dataSource", dataArrayresult);        // 팝업창 갱신        DataGridPopup_Visible(true);    }    //  2017.09.08 : 그리드 도표 작업 : 팝업창 추가    var viewModel = $.extend(BWA.CommonView.create(            params, viewInfo, searchViewOptions, ko.observable(null), handleViewShown, null,            handleSearchInSearchView, undefined), {                refreshList: refreshList,                viewShowing: handleViewShowing,                viewHidden: handleViewHidden, // hcLee 2015 03 23                airHandlingDataGridOptions: {                    dataSource: facilitiesForSearch,                    columns: [                        { dataField: 'Name', caption: $G('facilityName'), width: '100%', alignment: 'left' },                    ],                    filterRow: {                        visible: true,                        showOperationChooser: false                    },                    selection: {                        mode: 'single'                    },                    rowClick: function (clickRow) {                        handleSelectedFacilityInSearchView(clickRow.data);                    }                },                handleMenuItemClick: handleMenuItemClick,                menuItems: [{                    text: '엑셀(csv) 내보내기'                }]                //  2017.09.08 : 그리드 도표 작업 : 팝업창 추가                , Zone_TempHumiDataGridPopup_ButtonClicked: DataGridPopup_ButtonClick                //  2017.09.08 : 그리드 도표 작업 : 팝업창 추가            });    //  2017.09.08 : 그리드 도표 작업 : 팝업창 추가    viewModel.Zone_TempHumiDataGridPopupOptions = {        width: '700px',        height: '750px', // cyim 2017.05.30 : 테스트 결과 Devextreme 버그임. px 로 지정하면 초기 출력시 정확하게 가운데에 있지만, auto 설정시 화면아래에 위치하게 됨        contentTemplate: "content",        showTitle: true,        title: "도표",        visible: DataGridPopup_Visible,        dragEnabled: true,        closeOnOutsideClick: true,        shownAction: handlePopupShown,        animation: window.utils.popup.createAnimation()    };    //  2017.09.08 : 그리드 도표 작업 : 팝업창 추가    viewModel.timeBoxForSearch = timeBoxForSearch;    viewModel.temppopupOptions = {        width: 330,        height: 200,        visible: tempvisiblePopup,        dragEnabled: true,        shading: true,        closeOnOutsideClick: true,        shadingColor: 'transparent',        showTitle: true,        title: "기준온도 설정",        showCloseButton: true,        onShowing: function () {        },        onShown: function (t, tt) {            $("#Save_Btn").dxButton({                text: "저장",                onClick: function () {                    var tempMaxvalue = $("#Set_Max_Temp").dxTextBox("instance").option('value');                    var tempMinvalue = $("#Set_Min_Temp").dxTextBox("instance").option('value');                    if (!isNumber(tempMaxvalue) || !isNumber(tempMinvalue)) {                        utils.toast.show("숫자를 입력해주십시요.");                    }                    if (!(tempMaxvalue >= tempMinvalue)) {                        utils.toast.show("기준온도 최대값 , 최소값이 잘못 입력되었습니다.");                        return;                    }                    else {                        tempMaxvalue = parseFloat(parseFloat(tempMaxvalue).toFixed(2));                        tempMinvalue = parseFloat(parseFloat(tempMinvalue).toFixed(2));                        $("#Set_Max_Temp").dxTextBox("instance").option('value', tempMaxvalue);                        $("#Set_Min_Temp").dxTextBox("instance").option('value', tempMinvalue);                        var BemsSTempDataSource = new DevExpress.data.DataSource({                            store: {                                type: "odata",                                url: endpointSelector + "/BemsControlAHUTempConfig"                            },                            requireTotalCount: true,                            pageSize: 1                        });                        BemsSTempDataSource.filter([                            ['SiteId', "=", SiteId],                             'and',                            ['FacilityCode', "=", FacilityCode]                        ]);                        BemsSTempDataSource.load()                        .done(function (STemp) {                            if (STemp.length == 0) {                                BWA.api.post('BemsControlAHUTempConfig/Insert', {                                    SiteId: SiteId,                                    FacilityTypeId: AIR_HANDLING,                                    FacilityCode: FacilityCode,                                    MaxTemperature: tempMaxvalue,                                    MinTemperature: tempMinvalue                                }).done(function () {                                    utils.toast.show("공조기 기준온도를 설정하였습니다.");                                    tempvisiblePopup(false);                                }).fail(function (error) {                                    utils.toast.show("공조기 기준온도 설정를 실패하였습니다.");                                });                            }                            else {                                BWA.api.post('BemsControlAHUTempConfig/Update', {                                    SiteId: SiteId,                                    FacilityTypeId: AIR_HANDLING,                                    FacilityCode: FacilityCode,                                    MaxTemperature: tempMaxvalue,                                    MinTemperature: tempMinvalue                                }).done(function () {                                    utils.toast.show("공조기 기준온도를 설정하였습니다.");                                    tempvisiblePopup(false);                                }).fail(function (error) {                                    utils.toast.show("공조기 기준온도 설정를 실패하였습니다.");                                });                            }                            handleSelectedFacilityInSearchView(m_Facility);                            handleSearchInSearchView();                            var datagrid = $('#airHandlingDataGridViewInSearchView').dxDataGrid('instance');                            if (_.has(datagrid, 'selectRows')) {                                datagrid.selectRows(f);                            }                        });                    }                }            });            $("#Set_Max_Temp").dxTextBox({                placeholder: "기준온도 최대값 설정"            });            $("#Set_Min_Temp").dxTextBox({                placeholder: "기준온도 최소값 설정"            });        },        onHidden: function () {        }    };    viewModel.popupOptions = {        width: 300,        height: 100,        contentTemplate: "info",        showTitle: false,        title: "메세지",        visible: visiblePopup,        dragEnabled: false,        shading: false,        closeOnOutsideClick: false    };    //  2017.09.08 : 그리드 도표 작업 : 팝업창 추가    // 주석이 너무 없음. 나중에 변경 작업을 진행하는 누군가가 시간 소비를 하지 않기 위해...남김    // 시간 포맷은 그래프에 귀속해야 되므로 포맷은 변경하지 않는 것이 유리함    // 전기,가스,수도 와 같이 선택적으로 변경해야 된다면 아래와 같이 캡션은 고정하지 말것    viewModel.Zone_TempHumiDataGridOptions = {        dataSource: dataArrayresult,        paging: { pageSize: 17 },        columns: [            { dataField: 'DateTime', caption: "날짜", width: '12%', alignment: 'center', format: 'fixedPoint', precision: 2 },            { dataField: 'tempSetminT', caption: "목표실내온도(최소)", width: '19%', alignment: 'center', format: 'fixedPoint', precision: 2 },            { dataField: 'tempSetmaxT', caption: "목표실내온도(최대)", width: '19%', alignment: 'center', format: 'fixedPoint', precision: 2 },            { dataField: 'temp', caption: "실내온도", width: '10%', alignment: 'center', format: 'fixedPoint', precision: 2 },            { dataField: 'Temperature', caption: "외기온도", width: '10%', alignment: 'center', format: 'fixedPoint', precision: 2 },            { dataField: 'humi', caption: "실내습도", width: '10%', alignment: 'center', format: 'fixedPoint', precision: 2 },            { dataField: 'Humidity', caption: "외기습도", width: '10%', alignment: 'center', format: 'fixedPoint', precision: 2 },            { dataField: 'co2', caption: "CO2농도", width: '10%', alignment: 'center', format: 'fixedPoint', precision: 2 }        ],        // 엑셀 출력        "export": {            enabled: true,            fileName: '실내환경 분석'        }    };    //  2017.09.08 : 그리드 도표 작업 : 팝업창 추가    return viewModel;};
 |