图形跳转对应参数界面功能

whyczyk

2021-10-13 a355aafef5a635bd31a701127cea097338cee0a7

 src/assets/js/charts/persons/zengyvkai.js

@@ -1,52 +1,228 @@
let modularTitle = [
    {
        title: '蓝色头部-2',
        selected: false,
        name: 'bigscreenTitle2',
        img: require("@/assets/images/bigscreenTitle2.png"),
    }
let modularTitle = [{
    title: '蓝色头部-2',
    selected: false,
    name: 'bigscreenTitle2',
    img: require("@/assets/images/bigscreenTitle2.png"),
}];
let modularBg = [{
    title: '大屏背景-1',
    selected: false,
    name: 'bigscreenbg1',
    img: require("@/assets/images/bigscreenbg1.jpg")
},
{
    title: '大屏背景-2',
    selected: false,
    name: 'bigscreenbg2',
    img: require("@/assets/images/bigscreenbg2.jpg")
}
];
let modularBg = [
    {
        title: '大屏背景-1',
        selected: false,
        name: 'bigscreenbg1',
        img: require("@/assets/images/bigscreenbg1.jpg")
    },
    {
        title: '大屏背景-2',
        selected: false,
        name: 'bigscreenbg2',
        img: require("@/assets/images/bigscreenbg2.jpg")
    }
];
let modularData = [
    {
        title: '放电和充电电流',
let modularData = [{
    img: require("@/assets/images/modular-latticeBar.png"),
    chartData: {
        name: '放电和充电电流告警',
        id: 1,
        w: 0.235,
        h: 0.25,
        x: 0.35,
        y: 0.35,
        type: 'latticeBar',
        img: require("@/assets/images/modular-latticeBar.png")
    },
    {
        title: '整流器',
        type: 'ImgPieChart',
        img: require("@/assets/images/modular-ImgPieChart.png")
    },
    {
        title: '电池组',
        type: 'TriangleBarChart',
        img: require("@/assets/images/modular-TriangleBarChart.png")
    },
    {
        title: '电池状态',
        type: 'AbeamProChart',
        img: require("@/assets/images/modular-AbeamProChart.png")
        setData: {
            xData: ['放电电流高\n告警', '放电电流低\n告警', '充电电流高\n告警', '充电电流低\n告警'],
            series: [{
                name: '放电',
                data: [120, 220, 80, 100],
                color: '#90ec7d'
            }, {
                name: '充电',
                data: [80, 160, 310, 180],
                color: '#ff6b6b'
            }]
        }
    }
},
{
    img: require("@/assets/images/modular-ImgPieChart.png"),
    chartData: {
        name: '电源整流器',
        id: 2,
        w: 0.235,
        h: 0.25,
        x: 0.35,
        y: 0.35,
        type: 'imgPieChart',
        setData: {
            data: [{
                value: 30,
                name: '整流器交流异常'
            },
            {
                value: 22,
                name: '整流器过流'
            },
            {
                value: 120,
                name: '整流器总故障'
            },
            {
                value: 50,
                name: '整流器欠压'
            },
            {
                value: 70,
                name: '整流器过压'
            },
            ]
        }
    }
},
{
    img: require("@/assets/images/modular-TriangleBarChart.png"),
    chartData: {
        name: '电池组告警',
        id: 3,
        w: 0.235,
        h: 0.25,
        x: 0.35,
        y: 0.35,
        type: 'triangleBarChart',
        setData: {
            xData: ['熔断', '电压低', '下电', '充电过流'],
            data: [35, 72, 55, 45]
        }
    }
},
{
    img: require("@/assets/images/modular-AbeamProChart.png"),
    chartData: {
        name: '电池状态',
        id: 4,
        w: 0.235,
        h: 0.25,
        x: 0.35,
        y: 0.35,
        type: 'abeamProChart',
        setData: {
            yData: ['浮充', '放电', '充电'],
            color: ['#f58881', '#b4d465', '#ffcb29'],
            bgColor: ['rgba(245,136,129,0.35)', 'rgba(255,255,255,0.35)', 'rgba(255,203,41,0.35)'],
            data: [32, 15, 20]
        }
    }
},
{
    img: require("@/assets/images/powerChart.jpg"),
    chartData: {
        name: '电源状态',
        id: 5,
        w: 0.235,
        h: 0.5,
        x: 0.35,
        y: 0.35,
        type: 'powerChart',
        setData: [{
            title: '交流停电数量',
            data: 56,
            color: '#37a9b3',
        }, {
            title: '机房告警数',
            data: 12,
            color: '#f3535f'
        }, {
            title: '直流电压超限数',
            data: 21,
            unit: '%',
            color: '#ff8b00'
        }, {
            title: '负载熔断数量',
            data: 8,
            color: '#757ffb'
        }, {
            title: '直流过流数量',
            data: 5,
            color: '#4ba0d9'
        }, {
            title: '告警机房比例数',
            data: 13,
            unit: '%',
            color: '#7fc57c'
        },]
    }
},
{
    img: require("@/assets/images/RoseChartED.jpg"),
    chartData: {
        name: '机房续航能力',
        id: 6,
        w: 0.235,
        h: 0.25,
        x: 0.35,
        y: 0.35,
        type: 'RoseChartED',
        setData: [{
            value: 1,
            name: '续航1小时内',
            color: '#E85D22'
        },
        {
            value: 1,
            name: '续航1小时到2小时',
            color: '#76CFDD'
        },
        {
            value: 1,
            name: '续航2小时到3小时',
            color: '#FEDB5B'
        },
        {
            value: 3,
            name: '续航3小时到5小时',
            color: '#8278E9'
        },
        {
            value: 5,
            name: '续航5小时到8小时',
            color: '#4ba0d9'
        },
        {
            value: 2,
            name: '续航8小时以上',
            color: '#7fc57c'
        },
        ]
    }
},
{
    img: require("@/assets/images/RoseChartHea.jpg"),
    chartData: {
        name: '单体容量健康率',
        id: 7,
        w: 0.235,
        h: 0.25,
        x: 0.35,
        y: 0.35,
        type: 'RoseChartHea',
        setData: [{
            value: 30,
            name: '单体容量告警',
            color: '#E85D22'
        },
        {
            value: 60,
            name: '单体容量更换',
            color: '#76CFDD'
        },
        {
            value: 40,
            name: '单体容量健康',
            color: '#FEDB5B'
        },
        ]
    }
}
];

export default {
    components: [

    ],
    modularTitle,
    modularBg,
    modularData,