From 841cad9859c01a864f79d4c27e6061820f2c2fcd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E4=BB=B2=E4=B9=88=E4=BA=86?= <zhongchunyang@rocan.com.cn>
Date: Thu, 14 Sep 2023 15:45:55 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=90=E6=B3=A2=E6=95=B0=E6=8D=AE=E5=A4=84?=
 =?UTF-8?q?=E7=90=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 pages/device/APF/comp/xieBo.vue | 166 ++++++++++++++++++++------------
 1 file changed, 106 insertions(+), 60 deletions(-)

diff --git a/pages/device/APF/comp/xieBo.vue b/pages/device/APF/comp/xieBo.vue
index 1426134..297d890 100644
--- a/pages/device/APF/comp/xieBo.vue
+++ b/pages/device/APF/comp/xieBo.vue
@@ -1,6 +1,7 @@
 <template>
     <view>
-        <uni-data-checkbox v-model="radio" :localdata="sex"></uni-data-checkbox>
+        <uni-data-checkbox v-model="parity" :localdata="parityOption" @change="initEcharts"></uni-data-checkbox>
+        <uni-data-checkbox v-model="dataRadio" :localdata="dataOptions" @change="initEcharts"></uni-data-checkbox>
         <view class="charts-box">
             <qiun-data-charts type="column" :ontouch='true' :opts="opts" :chartData="chartData"/>
         </view>
@@ -17,10 +18,28 @@ export default {
     },
     data() {
         return {
-            radio: 0,
+            parityOption: [
+                {
+                    text: '奇次',
+                    value: 2,
+                },
+                {
+                    text: '偶次',
+                    value: 1,
+                }
+            ],
+            parity: 2,
+            dataOptions: [],
+            dataRadio: 0,
             renderData: {
-                电网侧: {},
-                负载侧: {},
+                电网侧: {
+                    Apf_HarmI: {},
+                    Apf_HarmUR: {},
+                },
+                负载侧: {
+                    Apf_HarmI: {},
+                    Apf_HarmUR: {},
+                },
             },
             chartData: {},
             //您可以通过修改 config-ucharts.js 文件中下标为 ['column'] 的节点来配置全局默认参数，如都是默认参数，此处可以不传 opts 。实际应用过程中 opts 只需传入与全局默认参数中不一致的【某一个属性】即可实现同类型的图表显示不同的样式，达到页面简洁的需求。
@@ -71,87 +90,114 @@ export default {
             handler: function (newVal, oldVal) {
                 console.log(this.basicData)
                 let basicData = JSON.parse(JSON.stringify(this.basicData))
+                this.dataRadio = 0
+                this.renderData = {
+                    电网侧: {
+                        Apf_HarmI: {},
+                        Apf_HarmUR: {},
+                    },
+                    负载侧: {
+                        Apf_HarmI: {},
+                        Apf_HarmUR: {},
+                    },
+                }
                 let arr = [
                     {
                         name: '电网侧',
                         key: 'Apf_HarmI_Sys',
                     },
+                    {
+                        name: '电网侧',
+                        key: 'Apf_HarmUR_Sys',
+                    },
                     {
                         name: '负载侧',
                         key: 'Apf_HarmI_Load',
                     },
+                    {
+                        name: '负载侧',
+                        key: 'Apf_HarmUR_Load',
+                    },
                 ]
                 basicData.forEach((item) => {
-                    if (item.statisticalName.indexOf('HarmI') === -1) {
-                        return
-                    }
-                    let index = arr.findIndex((item2) => {
+                    let have = arr.find((item2) => {
                         return item.statisticalName.indexOf(item2.key) > -1
                     })
-                    if (index > -1) {
-                        if (this.renderData[arr[index]['name']][item.phase]) {
-                            this.renderData[arr[index]['name']][item.phase][item.statisticalName] =
-                                item.statisticalData || 0
-                        } else {
-                            this.renderData[arr[index]['name']][item.phase] = {
-                                [item.statisticalName]: item.statisticalData || 0,
-                            }
+                    if (!have) return
+                    let name1 = have['name']
+                    let name2 = have.key.split('_')[0] + '_' + have.key.split('_')[1]
+                    if (this.renderData[name1][name2][item.phase]) {
+                        this.renderData[name1][name2][item.phase][item.statisticalName] =
+                            item.statisticalData || 0
+                    } else {
+                        this.renderData[name1][name2][item.phase] = {
+                            [item.statisticalName]: item.statisticalData || 0,
                         }
                     }
                 })
                 console.log(this.renderData)
-                this.sex = Object.keys(this.renderData['电网侧']).map((item, index) => {
-                    return {
-                        text: item,
-                        value: index,
+                let dataOptions = []
+                let type = [
+                    {
+                        name: 'Apf_HarmI',
+                        key: 'Apf_HarmI',
+                    },
+                    {
+                        name: 'Apf_HarmUR',
+                        key: 'Apf_HarmUR',
                     }
+                ]
+                Object.keys(this.renderData['电网侧']['Apf_HarmI']).forEach((item, index) => {
+                    type.forEach(item2 => {
+                        dataOptions.push({
+                            text: item + '_' + item2.name,
+                            pointer: item2.key + '_' + item,
+                            value: dataOptions.length,
+                        })
+                    })
                 })
+                this.dataOptions = dataOptions
+                console.log(dataOptions)
+                this.initEcharts()
 
-                let obj = JSON.parse(
-                    JSON.stringify(this.renderData['电网侧'][Object.keys(this.renderData['电网侧'])[0]]),
-                )
-                console.log(
-                    Object.keys(obj).map((item) => {
-                        // Apf_HarmI_Sys_36(A) 匹配36
-                        return item.match(/\d+/)[0]
-
-                    }),
-                )
-                console.log(
-                    Object.values(this.renderData['电网侧'][this.sex[this.radio].text]).filter((item) => {
-                        return typeof item === 'number'
-                    }),
-                )
-                console.log(
-                    Object.values(this.renderData['负载侧'][this.sex[this.radio].text]).filter((item) => {
-                        return typeof item === 'number'
-                    }),
-                )
-                this.chartData = {
-                    categories: Object.keys(obj).map((item) => {
-                        // Apf_HarmI_Sys_36(A) 匹配36
-                        return Number(item.match(/\d+/)[0])
-                    }),
-                    series: [
-                        {
-                            name: '电网侧',
-                            data: Object.values(this.renderData['电网侧'][this.sex[this.radio].text]).filter((item) => {
-                                return typeof item === 'number'
-                            }),
-                        },
-                        {
-                            name: '负载侧',
-                            data: Object.values(this.renderData['负载侧'][this.sex[this.radio].text]).filter((item) => {
-                                return typeof item === 'number'
-                            }),
-                        },
-                    ],
-                }
             },
             deep: true,
             immediate: true,
         },
     },
+    methods: {
+        initEcharts() {
+            let obj = JSON.parse(
+                JSON.stringify(this.renderData['电网侧']['Apf_HarmI'][Object.keys(this.renderData['电网侧']['Apf_HarmI'])[0]]),
+            )
+            let key = this.dataOptions[this.dataRadio].pointer.split('_')
+            console.log(key)
+            let name1 = key[0] + '_' + key[1]
+            let name2 = key[2]
+            this.chartData = {
+                categories: Object.keys(obj).map((item) => {
+                    // Apf_HarmI_Sys_36(A) 匹配36
+                    return Number(item.match(/\d+/)[0])
+                }).filter((item) => {
+                    return item % 2 === this.parity - 1
+                }),
+                series: [
+                    {
+                        name: '电网侧',
+                        data: Object.values(this.renderData['电网侧'][name1][name2]).filter((item, index) => {
+                            return index % 2 === this.parity - 1
+                        }),
+                    },
+                    {
+                        name: '负载侧',
+                        data: Object.values(this.renderData['负载侧'][name1][name2]).filter((item, index) => {
+                            return index % 2 === this.parity - 1
+                        }),
+                    },
+                ],
+            }
+        }
+    }
 }
 </script>