实时数据问题修改

2024-10-22 16:49:30 +08:00
parent 30c8ff5dbe
commit d7d84c15b2
2 changed files with 324 additions and 224 deletions
--- a/src/views/govern/device/control/tabs/components/harmonicSpectrum.vue
+++ b/src/views/govern/device/control/tabs/components/harmonicSpectrum.vue
@@ -4,18 +4,33 @@
        <div class="harmonic_select">
            <el-form :model="searchForm" id="history_select">
                <el-form-item label="稳态指标">
-                    <el-select multiple collapse-tags collapse-tags-tooltip v-model="searchForm.index"
-                        placeholder="请选择统计指标" :multiple-limit="3" value-key="id">
-                        <el-option v-for="(item, index) in indexOptions" :label="item.name" :key="index"
-                            :value="item"></el-option>
+                    <el-select
+                        multiple
+                        collapse-tags
+                        collapse-tags-tooltip
+                        v-model="searchForm.index"
+                        placeholder="请选择统计指标"
+                        :multiple-limit="3"
+                        value-key="id"
+                    >
+                        <el-option
+                            v-for="(item, index) in indexOptions"
+                            :label="item.name"
+                            :key="index"
+                            :value="item"
+                        ></el-option>
                    </el-select>
                </el-form-item>
                <!-- <el-button type="primary" :loading="loading" @click="init">查询</el-button> -->
            </el-form>
        </div>
        <div class="harmonic_body">
-            <div class="harmonic_body_charts" :style="{ height: height }" v-for="(item, index) in searchForm.index"
-                :key="index">
+            <div
+                class="harmonic_body_charts"
+                :style="{ height: height }"
+                v-for="(item, index) in searchForm.index"
+                :key="index"
+            >
                <MyEchart :ref="setChildRef(index)" :options="item.echartsData" :isInterVal="true"></MyEchart>
            </div>
        </div>
@@ -34,116 +49,116 @@ searchForm.value = {
 //统计指标
 const indexOptions: any = ref([])

-indexOptions.value = [
-    {
-        id: 0,
-        name: '电压总有效值(kV)',
-        children: [
-            { name: 'vRmsA', phase: 'A相', data: [], yMethodList: [] },
-            { name: 'vRmsB', phase: 'B相', data: [], yMethodList: [] },
-            { name: 'vRmsC', phase: 'C相', data: [], yMethodList: [] }
-        ],
-        unit: 'kV',
-        data: [],
-        yMethodList: []
-    },
-    {
-        id: 1,
-        name: '电流总有效值(A)',
-        children: [
-            { name: 'iRmsA', phase: 'A相', data: [], yMethodList: [] },
-            { name: 'iRmsB', phase: 'B相', data: [], yMethodList: [] },
-            { name: 'iRmsC', phase: 'C相', data: [], yMethodList: [] }
-        ],
-        unit: 'A',
-        data: [],
-        yMethodList: []
-    },
-    {
-        id: 2,
-        name: '有功功率(kW)',
-        children: [
-            { name: 'pA', phase: 'A相', data: [], yMethodList: [] },
-            { name: 'pB', phase: 'B相', data: [], yMethodList: [] },
-            { name: 'pC', phase: 'C相', data: [], yMethodList: [] },
-            { name: 'pTot', phase: '总', data: [], yMethodList: [] }
-        ],
-        unit: 'kW',
-        data: [],
-        yMethodList: []
-    },
-    {
-        id: 3,
-        name: '无功功率(kW)',
-        children: [
-            { name: 'qA', phase: 'A相', data: [], yMethodList: [] },
-            { name: 'qB', phase: 'B相', data: [], yMethodList: [] },
-            { name: 'qC', phase: 'C相', data: [], yMethodList: [] },
-            { name: 'qTot', phase: '总', data: [], yMethodList: [] }
-        ],
-        unit: 'kW',
-        data: [],
-        yMethodList: []
-    },
+// indexOptions.value = [
+//     {
+//         id: 0,
+//         name: '电压总有效值(kV)',
+//         children: [
+//             { name: 'vRmsA', phase: 'A相', data: [], yMethodList: [] },
+//             { name: 'vRmsB', phase: 'B相', data: [], yMethodList: [] },
+//             { name: 'vRmsC', phase: 'C相', data: [], yMethodList: [] }
+//         ],
+//         unit: 'kV',
+//         data: [],
+//         yMethodList: []
+//     },
+//     {
+//         id: 1,
+//         name: '电流总有效值(A)',
+//         children: [
+//             { name: 'iRmsA', phase: 'A相', data: [], yMethodList: [] },
+//             { name: 'iRmsB', phase: 'B相', data: [], yMethodList: [] },
+//             { name: 'iRmsC', phase: 'C相', data: [], yMethodList: [] }
+//         ],
+//         unit: 'A',
+//         data: [],
+//         yMethodList: []
+//     },
+//     {
+//         id: 2,
+//         name: '有功功率(kW)',
+//         children: [
+//             { name: 'pA', phase: 'A相', data: [], yMethodList: [] },
+//             { name: 'pB', phase: 'B相', data: [], yMethodList: [] },
+//             { name: 'pC', phase: 'C相', data: [], yMethodList: [] },
+//             { name: 'pTot', phase: '总', data: [], yMethodList: [] }
+//         ],
+//         unit: 'kW',
+//         data: [],
+//         yMethodList: []
+//     },
+//     {
+//         id: 3,
+//         name: '无功功率(kW)',
+//         children: [
+//             { name: 'qA', phase: 'A相', data: [], yMethodList: [] },
+//             { name: 'qB', phase: 'B相', data: [], yMethodList: [] },
+//             { name: 'qC', phase: 'C相', data: [], yMethodList: [] },
+//             { name: 'qTot', phase: '总', data: [], yMethodList: [] }
+//         ],
+//         unit: 'kW',
+//         data: [],
+//         yMethodList: []
+//     },

-    {
-        id: 4,
-        name: '基波电压总有效值(kV)',
-        children: [
-            { name: 'v1A', phase: 'A相', data: [], yMethodList: [] },
-            { name: 'v1B', phase: 'B相', data: [], yMethodList: [] },
-            { name: 'v1C', phase: 'C相', data: [], yMethodList: [] }
-        ],
-        unit: 'kV',
-        data: [],
-        yMethodList: []
-    },
-    {
-        id: 5,
-        name: '基波电流总有效值(A)',
-        children: [
-            { name: 'i1A', phase: 'A相', data: [], yMethodList: [] },
-            { name: 'i1B', phase: 'B相', data: [], yMethodList: [] },
-            { name: 'i1C', phase: 'C相', data: [], yMethodList: [] }
-        ],
-        unit: 'A',
-        data: [],
-        yMethodList: []
-    },
-    {
-        id: 6,
-        name: '频率(Hz)',
-        children: [
-            { name: 'freq', phase: '频率', data: [], yMethodList: [] },
-            { name: 'freqDev', phase: '频率偏差', data: [], yMethodList: [] }
-        ],
-        unit: 'Hz',
-        data: [],
-        yMethodList: []
-    },
-    {
-        id: 7,
-        name: '电压不平衡度(%)',
-        children: [{ name: 'vUnbalance', phase: '电压不平衡度', data: [], yMethodList: [] }],
-        unit: '%',
-        data: [],
-        yMethodList: []
-    },
-    {
-        id: 8,
-        name: '电流不平衡度(%)',
-        children: [{ name: 'iUnbalance', phase: '电流不平衡度', data: [], yMethodList: [] }],
-        unit: '%',
-        data: [],
-        yMethodList: []
-    }
-]
+//     {
+//         id: 4,
+//         name: '基波电压总有效值(kV)',
+//         children: [
+//             { name: 'v1A', phase: 'A相', data: [], yMethodList: [] },
+//             { name: 'v1B', phase: 'B相', data: [], yMethodList: [] },
+//             { name: 'v1C', phase: 'C相', data: [], yMethodList: [] }
+//         ],
+//         unit: 'kV',
+//         data: [],
+//         yMethodList: []
+//     },
+//     {
+//         id: 5,
+//         name: '基波电流总有效值(A)',
+//         children: [
+//             { name: 'i1A', phase: 'A相', data: [], yMethodList: [] },
+//             { name: 'i1B', phase: 'B相', data: [], yMethodList: [] },
+//             { name: 'i1C', phase: 'C相', data: [], yMethodList: [] }
+//         ],
+//         unit: 'A',
+//         data: [],
+//         yMethodList: []
+//     },
+//     {
+//         id: 6,
+//         name: '频率(Hz)',
+//         children: [
+//             { name: 'freq', phase: '频率', data: [], yMethodList: [] },
+//             { name: 'freqDev', phase: '频率偏差', data: [], yMethodList: [] }
+//         ],
+//         unit: 'Hz',
+//         data: [],
+//         yMethodList: []
+//     },
+//     {
+//         id: 7,
+//         name: '电压不平衡度(%)',
+//         children: [{ name: 'vUnbalance', phase: '电压不平衡度', data: [], yMethodList: [] }],
+//         unit: '%',
+//         data: [],
+//         yMethodList: []
+//     },
+//     {
+//         id: 8,
+//         name: '电流不平衡度(%)',
+//         children: [{ name: 'iUnbalance', phase: '电流不平衡度', data: [], yMethodList: [] }],
+//         unit: '%',
+//         data: [],
+//         yMethodList: []
+//     }
+// ]
 // searchForm.value.index[0] = indexOptions.value[0]
 const heightTop = mainHeight(275)
 let height: any = mainHeight(275).height

-const params: any = ref({})
 const loading = ref(false)
+const allDataList: any = ref([])
 const resetData = () => {
    loading.value = true
    indexOptions.value = [
@@ -252,11 +267,11 @@ const resetData = () => {
    ]
    searchForm.value.index = []
    searchForm.value.index[0] = indexOptions.value[0]
+    allDataList.value = []
 }
 resetData()
 const mqttMessage: any = ref()
 const setHarmonicSpectrumData = (val: any) => {
-    console.log("🚀 ~ setHarmonicSpectrumData ~ val:", val)
    mqttMessage.value = val
    init()
 }
@@ -266,8 +281,6 @@ const setChildRef = (index: any) => {
 }
 const childRefs: any = {}
 const init = () => {
-    // resetData()
-    console.log(searchForm.value.index, '----------')
    loading.value = true
    searchForm.value.index.map((item: any, index: any) => {
        item?.children.map((vv: any, vvs: any) => {
@@ -277,6 +290,7 @@ const init = () => {
                    value: mqttMessage.value[vv.name],
                    key: vv.name
                })
+                allDataList.value.push(mqttMessage.value[vv.name])
                vv.data.push(mqttMessage.value[vv.name])
                vv.yMethodList.push([mqttMessage.value.dataTime, mqttMessage.value[vv.name] + '', vv.phase])
            }
@@ -340,8 +354,7 @@ const init = () => {
            },
            yAxis: {
                type: 'value',
-                name: item.unit,
-  
+                name: item.unit
            },
            series: []
        }
@@ -349,9 +362,9 @@ const init = () => {
        searchForm.value.index.length == 3
            ? (height = mainHeight(275, 3).height)
            : (height = mainHeight(275, searchForm.value.index.length).height)
-        console.log(item.children, '<<<<<<<<<<<<<<<<<<<<<<344')
        item.children.map((zz: any, zzIndex: any) => {
-            console.log(zz, '-------------', zz.yMethodList)
+            let [min, max] = yMethod(allDataList.value)
+            console.log(max, min)
            item.echartsData.series.push({
                name: zz.phase,
                type: 'line',
@@ -364,14 +377,15 @@ const init = () => {
                smooth: true, // 这里设置平滑曲线
                symbol: 'none' // 设置为 'none' 去掉折点小圆
            })
+            item.echartsData.yAxis.max = max
+            item.echartsData.yAxis.min = min
        })
-        console.log(searchForm.value.index, item.echartsData, '最新的结果')
    })

    loading.value = false
 }

-onMounted(() => { })
+onMounted(() => {})
 defineExpose({ resetData, setHarmonicSpectrumData })
 </script>
 <style lang="scss" scoped>