1

lzhe

2024-09-09 313e038f7ed156329d8645358b797344430e5983

1

 src/views/home/widgets/components/mdcRunning.vue

@@ -2,12 +2,12 @@
 * @Author: lzhe lzhe@example.com
 * @Date: 2024-04-16 15:22:46
 * @LastEditors: lzhe lzhe@example.com
 * @LastEditTime: 2024-09-06 14:39:05
 * @LastEditTime: 2024-09-09 11:50:56
 * @FilePath: /CPSnew/smart-web/src/views/home/widgets/components/mdcDeviceStatus.vue
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
-->
<template>
    <el-card shadow="hover" header="设备运行时长排名" style="height: 100%;" class="running">
    <el-card shadow="hover" header="设备运行时长排名12" style="height: 100%;" class="running">
        <div class="running-icon">
            <el-icon @click="refreshBtn"><RefreshLeft /></el-icon>
            <el-icon @click="showSearch"><Filter /></el-icon>
@@ -121,7 +121,7 @@
                    },  
                    series: [  
                        {  
                        data: [3.96, 3.95, 3.93, 3.91, 3.91, 3.9, 3.85],  
                        data: [],  
                        type: 'bar',  
                        label: {  
                            show: true, // 显示标签  
@@ -130,7 +130,10 @@
                            // 返回数据值和您想要添加的字符串的组合  
                            return params.value + 'h'; // 例如，返回 '3.96 文字'  
                            }  
                        }  
                        },
                        itemStyle: {
                            color: '#5CBF7D'
                        }
                        }  
                    ]  
                    },
@@ -224,13 +227,15 @@
                })
            },
            getRunData() {
                console.log(this.apiResource,112333)
                this.$HTTP.post(`/api/blade-visual/status/running-top`,this.apiResource).then(res=> {
                    if(res.code == 200) {
                        this.isSearch = false;
                        var recordDom = document.getElementById('running');
                        if(res.data.categories.length == 0) return;
                        this.option.yAxis.data = res.data.categories;
                        this.option.series.data = res.data.series;
                        this.option.series[0].data = res.data.series[0].data;
                        console.log(this.option.series.data,res.data.series[0].data,2)
                        var myChart = echarts.init(recordDom);
                        myChart.setOption(this.option);
                    }

 src/views/home/widgets/index.vue

@@ -192,12 +192,12 @@
                            // 如果 xcoordinate 也相同，则不交换位置  
                            return 0;
                        });
                        console.log(cards)
                        //console.log(cards)
                        cards.forEach((item,index)=> {
                            this.$CONFIG.DEFAULT_GRID.copmsList[index] = [item.cardKey];
                            this.$CONFIG.DEFAULT_GRID.layout[index] = item.cardWide * 2;
                        })
                        console.log(this.$CONFIG.DEFAULT_GRID.copmsList,this.$CONFIG.DEFAULT_GRID.layout,234)
                        //console.log(this.$CONFIG.DEFAULT_GRID.copmsList,this.$CONFIG.DEFAULT_GRID.layout,234)
                        this.$CONFIG.DEFAULT_GRID.data = cards;
                        this.defaultGrid = this.$CONFIG.DEFAULT_GRID;
                        this.grid = this.$TOOL.data.get("grid") || JSON.parse(JSON.stringify(this.defaultGrid))