PC_FiveFollowing/src/store/index.js

import { createStore } from 'vuex'

export default createStore({
    state: {
        query: null,
        siteId: 1, //公共api请求参数->siteId
        Time_Data: [], //公共api请求参数->Time_Data
        timearr: [], //公共处理开始时间和结束时间中的时间段天数 值存储
        itemStyle: [{
            normal: {
                borderColor: "rgba(0,244,253,1)",
                borderWidth: 2,
                color: "rgba(6, 68, 83, 1)",
                lineStyle: {
                    width: 2, //折线宽度
                    color: "rgba(0,244,253,1)",
                },
            },
        },
        {
            normal: {
                borderColor: "rgba(253,143,0,1)",
                borderWidth: 2,
                color: "rgba(6, 68, 83, 1)",
                lineStyle: {
                    width: 2, //折线宽度
                    color: "rgba(253,143,0,1)",
                },
            },
        },
        {
            normal: {
                borderColor: "rgba(0,255,18,1)",
                borderWidth: 2,
                color: "rgba(6, 68, 83, 1)",
                lineStyle: {
                    width: 2, //折线宽度
                    color: "rgba(0,255,18,1)",
                },
            },
        },
        {
            normal: {
                borderColor: "rgba(0,255,230,1)",
                borderWidth: 2,
                color: "rgba(6, 68, 83, 1)",
                lineStyle: {
                    width: 2, //折线宽度
                    color: "rgba(0,255,230,1)",
                },
            },
        },
        {
            normal: {
                borderColor: "rgba(142,51,255,1)",
                borderWidth: 2,
                color: "rgba(6, 68, 83, 1)",
                lineStyle: {
                    width: 2, //折线宽度
                    color: "rgba(142,51,255,1)",
                },
            },
        },
        {
            normal: {
                borderColor: "rgba(77,200,120,1)",
                borderWidth: 2,
                color: "rgba(6, 68, 83, 1)",
                lineStyle: {
                    width: 2, //折线宽度
                    color: "rgba(77,200,120,1)",
                },
            },
        },
        {
            normal: {
                borderColor: "rgba(255,47,47,1)",
                borderWidth: 2,
                color: "rgba(6, 68, 83, 1)",
                lineStyle: {
                    width: 2, //折线宽度
                    color: "rgba(255,47,47,1)",
                },
            },
        },
        {
            normal: {
                borderColor: "rgba(70,100,255,1)",
                borderWidth: 2,
                color: "rgba(6, 68, 83, 1)",
                lineStyle: {
                    width: 2, //折线宽度
                    color: "rgba(70,100,255,1)",
                },
            },
        },
        {
            normal: {
                borderColor: "rgba(255,143,53,1)",
                borderWidth: 2,
                color: "rgba(6, 68, 83, 1)",
                lineStyle: {
                    width: 2, //折线宽度
                    color: "rgba(255,143,53,1)",
                },
            },
        },
        {
            normal: {
                borderColor: "rgba(150,150,50,1)",
                borderWidth: 2,
                color: "rgba(6, 68, 83, 1)",
                lineStyle: {
                    width: 2, //折线宽度
                    color: "rgba(150,150,50,1)",
                },
            },
        },
        {
            normal: {
                borderColor: "rgba(70,192,255,1)",
                borderWidth: 2,
                color: "rgba(6, 68, 83, 1)",
                lineStyle: {
                    width: 2, //折线宽度
                    color: "rgba(70,192,255,1)",
                },
            },
        },
        {
            normal: {
                borderColor: "rgba(20,99,100,1)",
                borderWidth: 2,
                color: "rgba(6, 68, 83, 1)",
                lineStyle: {
                    width: 2, //折线宽度
                    color: "rgba(20,99,100,1)",
                },
            },
        },
        ], //公共echarts图表样式
        Time_All: [], //公共时间 返回数组 -> 年月日时分秒 时间戳


        queryType: '', //设备监控--->数据报表api请求参数->queryType
        run_off_Status: null, //设备监控--->运行状态统计->echarts->OFF次数分布和运行状态曲线图表 api信息存储
        HistoricalCurve: null, //设备监控--->历史趋势->echarts->曲线图表 api信息存储
        se_defaultTime: [], //设备监控--->历史趋势时间选择器v-model
        th_defaultTime: [], //设备监控--->数据报表时间选择器v-model
        fh_defaultTime: [], //设备监控--->运行状态统计时间选择器v-model
        table_list: [{
            name: "电流",
            list: [
                { name: "A相电流", value: "Ia" },
                { name: "B相电流", value: "Ib" },
                { name: "C相电流", value: "Ic" },
            ],
        },
        {
            name: "功率",
            list: [
                { name: "A相有功功率 kW", value: "Pa" },
                { name: "A相无功功率 kVar", value: "Qa" },
                { name: "B相有功功率 kW", value: "Pb" },
                { name: "B相无功功率 kVar", value: "Qb" },
                { name: "C相有功功率 kW", value: "Pc" },
                { name: "C相无功功率 kVar", value: "Qc" },
                { name: "总有功功率 kW", value: "P" },
                { name: "总无功功率 kW", value: "Q" },
                { name: "实时需量 kW", value: "Demand" },
            ],
        },
        {
            name: "电度",
            list: [
                { name: "正有功电度 kWh", value: "Epp" },
                { name: "负有功电度 kWh", value: "Epn" },
                { name: "正无功电度 kvarh", value: "Eqp" },
                { name: "负无功电度 kvarh", value: "Eqn" },
            ],
        },
        {
            name: "电压",
            list: [
                { name: "A相电压 kV", value: "Ua" },
                { name: "B相电压 kV", value: "Ub" },
                { name: "C相电压 kV", value: "Uc" },
                { name: "回路电压 V", value: "Ul" },
                { name: "AB线电压 V", value: "Uab" },
                { name: "BC线电压 V", value: "Ubc" },
                { name: "CA线电压 V", value: "Uca" },
            ],
        },
        {
            name: "温度 ℃",
            list: [
                { name: "外接温度1", value: "T1" },
                { name: "外接温度2", value: "T2" },
                { name: "外接温度3", value: "T3" },
                { name: "外接温度4", value: "T4" },
                { name: "环境温度", value: "DeviceTemp" },
            ],
        },
        {
            name: "频率 Hz",
            list: [{ name: "频率", value: "F" }],
        },
        {
            name: "功率因数",
            list: [
                { name: "A相功率因数", value: "COSa" },
                { name: "B相功率因数", value: "COSb" },
                { name: "C相功率因数", value: "COSc" },
                { name: "功率因数", value: "COS" },
            ],
        },
        {
            name: "谐波电流有效值 A",
            list: [
                { name: "Ia总谐波电流", value: "IHa" },
                { name: "Ib总谐波电流", value: "IHa" },
                { name: "Ic总谐波电流", value: "IHc" },
            ],
        },
        {
            name: "通讯参数",
            list: [{ name: "设备信号强度", value: "SignalIntensity" }],
        },
        {
            name: "电压突变 次",
            list: [
                { name: "电压暂升次数", value: "Upt" },
                { name: "电压暂降次数", value: "Udt" },
                { name: "电压中断次数", value: "Ust" },
            ],
        },
        ], //设备监控--->数据报表->默认tabs数据
        se_tabs: [
            { label: '电流', name: "I" },
            { label: '功率', name: "P" },
            { label: '电度', name: "KWh" },
            { label: '电压', name: "V" },
            { label: '温度', name: "C" },
            { label: '频率', name: "HZ" },
            { label: '功率因数', name: "PS" },
            { label: '谐波电流有效值', name: "RMS" },
            { label: '通讯参数', name: "DDB" },
            { label: '电压突变', name: "VT" },
        ], //设备监控--->历史趋势->默认tabs数据

        trendIco: null, //事件告警--->事件告警统计->echarts->柱状图 api信息存储
        trendIco_state: null, //事件告警--->事件告警统计->select状态api信息存储
        trendIco_table: [
            { label: '发生时间', porp: 'soeTime' },
            { label: '告警描述', porp: 'measName' },
            { label: '设备', porp: 'deviceCode' },
            { label: '告警类型', porp: 'alarmName' },
            { label: '状态', porp: 'handlingStatus' },
            { label: '处理人', porp: 'handler' },
            { label: '处理时间', porp: 'handlingTime' },
        ], //事件告警--->事件告警统计->表格默认值存储


        trendIcoCount: null,
    },
    mutations: {
        /**
         * @公共api请求参数siteId
         * @param {*}} state 
         * @param {*} val 
         */
        increment(state, val) {
            state.siteId = val
        },
        /**
         * @数据报表 —> 多选按钮数据处理
         * @param {*} state 
         * @param {*} checked_list 
         */
        checkedCities_all(state, checked_list) {
            state.queryType = ''
            var checked = ''
            for (let i in checked_list) {
                checked_list[i] === "电流" ?
                    checked = "I" :
                    checked_list[i] === "功率" ?
                        checked = "P" :
                        checked_list[i] === "电度" ?
                            checked = "KWh" :
                            checked_list[i] === "电压" ?
                                checked = "V" :
                                checked_list[i] === "温度" ?
                                    checked = "C" :
                                    checked_list[i] === "频率" ?
                                        checked = "HZ" :
                                        checked_list[i] === "功率因数" ?
                                            checked = "PS" :
                                            checked_list[i] === "谐波电流有效值" ?
                                                checked = "RMS" :
                                                checked_list[i] === "通讯参数" ?
                                                    checked = "DDB" :
                                                    checked_list[i] === "电压突变" ?
                                                        checked = "VT" :
                                                        ""
                state.queryType += checked_list.length > 1 ? checked + "," : checked;
            }
            state.queryType = checked_list.length > 1 ? state.queryType.slice(0, state.queryType.length - 1) : state.queryType
        },
        /**
         * @历史趋势 -> echarts ->曲线图表 api信息存储
         */
        HistoricalCurve(state, data) {
            state.HistoricalCurve = data
        },
        /**
         * @公共处理时区方法
         */
        TimeAll_function(state, time) {
            state.Time_Data = []
            for (let i in time) {
                var Y = time[i].getFullYear() < 10 ? '0' + time[i].getFullYear() : time[i].getFullYear()
                var M = (time[i].getMonth() + 1) < 10 ? '0' + (time[i].getMonth() + 1) : (time[i].getMonth() + 1)
                var D = time[i].getDate() < 10 ? '0' + time[i].getDate() : time[i].getDate()
                var HH = time[i].getHours() < 10 ? '0' + time[i].getHours() : time[i].getHours()
                var MM = time[i].getMinutes() < 10 ? '0' + time[i].getMinutes() : time[i].getMinutes()
                var SS = time[i].getSeconds() < 10 ? '0' + time[i].getSeconds() : time[i].getSeconds()
                // console.log(Y + '-' + M + '-' + D + ' ' + HH + ':' + MM + ':' + SS)
                state.Time_Data.push(Y + '-' + M + '-' + D + ' ' + HH + ':' + MM + ':' + SS)
            }
        },
        /**
         * @公共处理开始时间和结束时间中的时间段天数
         * @param {*} state 
         * @param {*} begin 开始时间和结束时间
         */
        getAll(state, begin) {
            let arr1 = begin[0].split("-");
            let arr2 = begin[1].split("-");
            let arr1_ = new Date();
            let arrTime = [];
            arr1_.setUTCFullYear(arr1[0], arr1[1] - 1, arr1[2]);
            let arr2_ = new Date();
            arr2_.setUTCFullYear(arr2[0], arr2[1] - 1, arr2[2]);
            let unixDb = arr1_.getTime();
            let unixDe = arr2_.getTime();
            for (let k = unixDb; k <= unixDe;) {
                arrTime.push(datetimeparse(k, "YY-MM-DD"));
                k = k + 24 * 60 * 60 * 1000;
            }
            state.timearr = arrTime
            // return arrTime;
            // 时间格式处理
            function datetimeparse(timestamp, format, prefix) {
                if (typeof timestamp == "string") {
                    timestamp = Number(timestamp);
                }
                //转换时区
                let currentZoneTime = new Date(timestamp);
                let currentTimestamp = currentZoneTime.getTime();
                let offsetZone = currentZoneTime.getTimezoneOffset() / 60; //如果offsetZone>0是西区，西区晚
                let offset = null;
                //客户端时间与服务器时间保持一致，固定北京时间东八区。
                offset = offsetZone + 8;
                currentTimestamp = currentTimestamp + offset * 3600 * 1000;

                let newtimestamp = null;
                if (currentTimestamp) {
                    if (currentTimestamp.toString().length === 13) {
                        newtimestamp = currentTimestamp.toString();
                    } else if (currentTimestamp.toString().length === 10) {
                        newtimestamp = currentTimestamp + "000";
                    } else {
                        newtimestamp = null;
                    }
                } else {
                    newtimestamp = null;
                }
                let dateobj = newtimestamp ?
                    new Date(parseInt(newtimestamp)) :
                    new Date();
                let YYYY = dateobj.getFullYear();
                let MM =
                    dateobj.getMonth() > 8 ?
                        dateobj.getMonth() + 1 :
                        "0" + (dateobj.getMonth() + 1);
                let DD =
                    dateobj.getDate() > 9 ? dateobj.getDate() : "0" + dateobj.getDate();
                let HH =
                    dateobj.getHours() > 9 ? dateobj.getHours() : "0" + dateobj.getHours();
                let mm =
                    dateobj.getMinutes() > 9 ?
                        dateobj.getMinutes() :
                        "0" + dateobj.getMinutes();
                let ss =
                    dateobj.getSeconds() > 9 ?
                        dateobj.getSeconds() :
                        "0" + dateobj.getSeconds();
                let output = "";
                let separator = "/";
                if (format) {
                    separator = format.match(/-/) ? "-" : "/";
                    output += format.match(/yy/i) ? YYYY : "";
                    output += format.match(/MM/) ?
                        (output.length ? separator : "") + MM :
                        "";
                    output += format.match(/dd/i) ?
                        (output.length ? separator : "") + DD :
                        "";
                    output += format.match(/hh/i) ? (output.length ? " " : "") + HH : "";
                    output += format.match(/mm/) ? (output.length ? ":" : "") + mm : "";
                    output += format.match(/ss/i) ? (output.length ? ":" : "") + ss : "";
                } else {
                    output += YYYY + separator + MM + separator + DD;
                }
                output = prefix ? prefix + output : output;
                return newtimestamp ? output : "";
            }
        },
        /**
         * @公共echarts图表下载
         */
        getConnectedDataURL(state, refs) {
            state || refs
            var url = refs[0].getConnectedDataURL({
                pixelRatio: 15,
                backgroundColor: "black",
                excludeComponents: ["toolbox"],
                type: "png",
            });
            var $a = document.createElement("a");
            var type = "png";
            //图片名称
            $a.download = refs[1] + "." + type;
            $a.target = "_blank";
            $a.href = url;
            if (typeof MouseEvent === "function") {
                var evt = new MouseEvent("click", {
                    view: window,
                    bubbles: true,
                    cancelable: false,
                });
                $a.dispatchEvent(evt);
            }
        },
        /**
         * @公共时间 返回数组 -> 年月日时分秒 时间戳
         */
        getTimeAll(state) {
            const time = new Date();
            const Y = time.getFullYear(); //年
            const M = time.getMonth(); //月
            const D = time.getDate(); //日
            const HH = time.getHours(); //时，
            const MM = time.getMinutes(); //分
            const SS = time.getSeconds(); //秒
            const timestamp = new Date().getTime(); //时间戳
            state.Time_All = [Y, M, D, HH, MM, SS, timestamp]
            state.se_defaultTime = [new Date(Y, M, D, 0, 0, 0), new Date()] //设备监控--->历史趋势时间选择器v-model
            state.th_defaultTime = [new Date(Y, M, D, 0, 0, 0), new Date()] //设备监控--->数据报表时间选择器v-model
            state.fh_defaultTime = [new Date(Y, M, 1, 0, 0, 0), new Date()] //设备监控--->运行状态统计时间选择器v-model  //概览 -> 告警统计折线图
        },
    }
})