bug修复

src/store/index.js

@@ -51,8 +51,11 @@ export default createStore({
 
         /**评估报告指标趋势**/
         realScoreLineObj: [], //图表数据
+        realScoreLineObj2: [],
         realScoreLineDataTime: [], //图表时间线
-        realScoreLineName: ''
+        realScoreLineName: '',
+        realScoreLineName2: '',
+        chartType: '' //点击表格传参类型
     },
     mutations: {
         /**

src/views/powerQuality/harmonicReport/index.vue

@@ -12,7 +12,7 @@
               style="width: 220px"
               clearable
               filterable
-               @change="linkDevice()"
+              @change="linkDevice()"
             >
               <el-option
                 v-for="site in store.state.siteList"
@@ -165,7 +165,7 @@ export default defineComponent({
         data: [],
       },
     ])
-    function linkDevice(){
+    function linkDevice() {
       deviceSelect()
     }
 
@@ -174,17 +174,16 @@ export default defineComponent({
         if (requset.status === 'SUCCESS') {
           console.log(111)
           deviceList.value = requset.data
-          deviceCode.value = requset.data[0]?requset.data[0].deviceCode:''
+          deviceCode.value = requset.data[0] ? requset.data[0].deviceCode : ''
+
+          listTabsChange('dayValue')
 
-           listTabsChange('dayValue')
         } else {
           ElMessage.error(requset.msg)
         }
       })
     }
 
-    
-
     const listTabsChange = (value) => {
       value == 'dayValue'
         ? (dateType.value = 'date')
@@ -213,8 +212,12 @@ export default defineComponent({
 
       api.rtRealScore(list).then((requset) => {
         if (requset.status === 'SUCCESS') {
-          
           tableList.value = requset.data
+           console.log('tableList.value')
+          console.log( tableList.value.length)
+          if (tableList.value.length==0) {
+            ElMessage.error('暂无结果')
+          }
           curveComList.value[0].data = []
           curveComList.value[0].dateList = []
           curveComList.value[1].data = []
@@ -235,11 +238,8 @@ export default defineComponent({
       })
     }
 
-    
-
     onMounted(() => {
       deviceSelect()
-     
     })
     return {
       listTabsChange,

src/views/powerQuality/realTimeMonitoring/loopMonitor-ori.vue

@@ -1,244 +0,0 @@
-<template>
-  <div>
-    <!-- 筛选start -->
-    <div class="filter-container">
-      <div class="left">
-        <div>
-          <!-- <div class="filter-item">
-            选择站点:
-            <el-select
-              v-model="store.state.siteId"
-              placeholder="请选择"
-              style="width: 220px"
-              clearable
-              filterable
-            >
-              <el-option
-                v-for="site in store.state.siteList"
-                :key="site"
-                :label="site.siteName"
-                :value="site.id"
-              ></el-option>
-            </el-select>
-          </div> -->
-
-          <div class="filter-item">
-            设备:
-            <el-select
-              v-model="region"
-              placeholder="请选择"
-              style="width: 200px"
-            >
-              <el-option label="设备一" value="1"></el-option>
-              <el-option label="设备二" value="2"></el-option>
-            </el-select>
-          </div>
-          <el-button type="primary" class="search-button">搜索</el-button>
-        </div>
-      </div>
-      <div class="right descIcon">
-        <img src="@/assets/images/descIcon.png" alt="" />
-        指标说明
-      </div>
-    </div>
-    <!-- 筛选end -->
-
-    <el-row :gutter="20" class="mt-20">
-      <!-- 三项不平衡度 -->
-      <el-col :md="24" :lg="8">
-        <div class="grid-content bg-purple loopUnbanlancePanel">
-          <div class="blanceChartTit">
-            <span>三项不平衡度</span>
-          </div>
-          <el-row
-            :gutter="20"
-            style="padding: 20px; border-bottom: 1px solid #d3dce6"
-          >
-            <el-col :span="12" class="loopUnbanlanceCard">
-              <div class="grid-content" style="text-align: center">
-                <loop-radarChart></loop-radarChart>
-              </div>
-            </el-col>
-            <el-col :span="12" class="loopUnbanlanceCard">
-              <div
-                style="
-                  width: 90%;
-                  background: #1187ff;
-                  margin: 0px auto;
-                  text-align: center;
-                  color: #fff;
-                  padding: 10px 0px;
-                "
-              >
-                <div class="mb-10">电压不平衡度</div>
-                <div>100%</div>
-              </div>
-              <ul>
-                <li>
-                  <div>A相电压</div>
-                  <div>
-                    <div class="mb-5">幅值:9.72A</div>
-                    <div>相角:-</div>
-                  </div>
-                </li>
-                <li>
-                  <div>A相电压</div>
-                  <div>
-                    <div class="mb-5">幅值:9.72A</div>
-                    <div>相角:-</div>
-                  </div>
-                </li>
-                <li>
-                  <div>A相电压</div>
-                  <div>
-                    <div class="mb-5">幅值:9.72A</div>
-                    <div>相角:-</div>
-                  </div>
-                </li>
-              </ul>
-            </el-col>
-          </el-row>
-
-          <el-row
-            :gutter="20"
-            style="padding: 20px; border-bottom: 1px solid #d3dce6"
-          >
-            <el-col :span="12" class="loopUnbanlanceCard">
-              <div class="grid-content" style="text-align: center">
-                <loop-radarChart></loop-radarChart>
-              </div>
-            </el-col>
-            <el-col :span="12" class="loopUnbanlanceCard">
-              <div
-                style="
-                  width: 90%;
-                  background: #1187ff;
-                  margin: 0px auto;
-                  text-align: center;
-                  color: #fff;
-                  padding: 10px 0px;
-                "
-              >
-                <div class="mb-10">电流不平衡度</div>
-                <div>100%</div>
-              </div>
-              <ul>
-                <li>
-                  <div>A相电压</div>
-                  <div>
-                    <div class="mb-5">幅值:9.72A</div>
-                    <div>相角:-</div>
-                  </div>
-                </li>
-                <li>
-                  <div>A相电压</div>
-                  <div>
-                    <div class="mb-5">幅值:9.72A</div>
-                    <div>相角:-</div>
-                  </div>
-                </li>
-                <li>
-                  <div>A相电压</div>
-                  <div>
-                    <div class="mb-5">幅值:9.72A</div>
-                    <div>相角:-</div>
-                  </div>
-                </li>
-              </ul>
-            </el-col>
-          </el-row>
-        </div>
-      </el-col>
-      <!-- 三项不平衡度 end -->
-
-      <!-- 谐波 -->
-      <el-col :md="24" :lg="16">
-        <harmonic-panel></harmonic-panel>
-      </el-col>
-      <!-- 谐波 end -->
-    </el-row>
-
-    <el-row :gutter="20" class="mt-20">
-      <!-- 电压start -->
-      <el-col :md="24" :lg="8" class="mb-20">
-        <voltage-panel></voltage-panel>
-      </el-col>
-      <!-- 电压end -->
-
-      <!-- 频率 start-->
-      <el-col :md="24" :lg="8" class="mb-20">
-        <frequency-panel></frequency-panel>
-      </el-col>
-      <!-- 频率 end -->
-
-      <!-- 有功功率 -->
-      <el-col :md="24" :lg="8">
-        <power-panel></power-panel>
-      </el-col>
-      <!-- 有功功率 end -->
-    </el-row>
-  </div>
-</template>
-
-<script>
-import loopRadarChart from './loopMonitorComponent/loopRadarChart'
-
-import harmonicPanel from './loopMonitorComponent/harmonicPanel'
-import voltagePanel from './loopMonitorComponent/voltagePanel'
-import frequencyPanel from './loopMonitorComponent/frequencyPanel'
-import powerPanel from './loopMonitorComponent/powerPanel'
-export default {
-  components: {
-    loopRadarChart,
-    harmonicPanel,
-    voltagePanel,
-    frequencyPanel,
-    powerPanel,
-  },
-  name: 'LoopMonitor',
-
-  data() {
-    return {
-      value4: '请选择',
-      number: 1,
-      measurType: 1,
-      select: 1,
-      currentPage4: 4,
-      showDialog: false,
-      tabPosition: 'one',
-      input: '',
-      region: '',
-    }
-  },
-  methods: {},
-}
-</script>
- 
-<style lang="scss" scoped>
-.el-row {
-  margin-bottom: 20px;
-  &:last-child {
-    margin-bottom: 0;
-  }
-}
-.el-col {
-  border-radius: 4px;
-}
-.bg-purple-dark {
-  border: 1px solid #99a9bf;
-}
-.bg-purple {
-  border: 1px solid #d3dce6;
-}
-.bg-purple-light {
-  border: 1px solid #e5e9f2;
-}
-.grid-content {
-  border-radius: 4px;
-  min-height: 36px;
-}
-.row-bg {
-  padding: 10px 0;
-  border: 1px solid #f9fafc;
-}
-</style>

src/views/powerQuality/realTimeMonitoring/realScore.vue

@@ -67,7 +67,11 @@
           <radar-chart :getTableData="getData[0]"></radar-chart>
           <div class="totalScore">
             总评分：{{ getData[0].score }}
-            <el-button type="danger">
+            <el-button :type=" getData[0].score > 80
+                  ? 'success'
+                  : getData[0].score >= 60
+                  ? 'warning'
+                  : 'danger'">
               {{
                 getData[0].score > 80
                   ? '优秀'
@@ -221,7 +225,11 @@
           </el-table-column>
           <el-table-column label="评分" width="" align="center">
             <template #default="scope">
-              <el-button size="mini" type="warning" style="cursor:defalut">
+              <el-button size="mini" :type=" scope.row.score > 80
+                  ? 'success'
+                  : getData[0].score >= 60
+                  ? 'warning'
+                  : 'danger'" style="cursor:defalut">
                 {{ scope.row.score }}
               </el-button>
             </template>
@@ -277,8 +285,7 @@ export default defineComponent({
       },
     ])
     const deviceList = ref([])
-    const deviceCode = ref('DA00012784')
-    // const deviceCode = ref('')
+    const deviceCode = ref('')
 
     const dialogTitle = ref('')
     const showDialog2 = ref(false)
@@ -309,11 +316,12 @@ export default defineComponent({
     }
 
     //设备下拉请求
-    function deviceSelect() {
-      api.deviceListOne({ siteId: store.state.siteId }).then((requset) => {
+    async function deviceSelect() {
+     await api.deviceListOne({ siteId: store.state.siteId }).then((requset) => {
         if (requset.status === 'SUCCESS') {
           deviceList.value = requset.data
-          deviceCode.value = requset.data[0] ? requset.data[0].deviceCode : ''
+          deviceCode.value = requset.data[0].deviceCode
+          realScore()
         } else {
           ElMessage.error(requset.msg)
         }
@@ -339,6 +347,9 @@ export default defineComponent({
       // var end = parseTime(new Date())
       var start = '2021-12-01 00:00:00'
       var end = '2021-12-01 09:07:31'
+
+      store.state.chartType=params
+      // alert(store.state.chartType)
       api
         .rtRealScore({
           deviceCode: 'DA00021026',
@@ -400,8 +411,10 @@ export default defineComponent({
               return item.icLoad
             })
 
-            var echartsObj
+            var echartsObj=[]
+            var echartsObj2=[]
             var lineName
+            var lineName2
 
             ia; ib; ic
 
@@ -423,25 +436,35 @@ export default defineComponent({
                 lineName='kV'
                 break
               case 'elBalun':
-                echartsObj = [{ name: '电流不平衡度 ( 实时数据 )', data: elBalun }]
-                //  echartsObj = [{ name: 'A相电流', data: ia },{ name: 'B相电流', data: ib },{ name: 'C相电流', data: ic }]
+                echartsObj = [{ name: '电流不平衡度 ( 实时数据 )', data: elBalun }]                
                 lineName='%'
+                echartsObj2 = [{ name: 'A相电流', data: ia },{ name: 'B相电流', data: ib },{ name: 'C相电流', data: ic }]
+                lineName2='A'
                 break
               case 'vtBalun':
                 echartsObj = [{ name: '电压不平衡度 ( 实时数据 )', data: vtBalun }]
                 lineName='%'
+
+                echartsObj2 = [{ name: 'A相电压', data: ua },{ name: 'B相电压', data: ub },{ name: 'C相电压', data: uc }]
+                lineName2='V'
                 break
               case 'iaLoad':
                 echartsObj = [{ name: 'A相电流负载率 ( 实时数据 )', data: iaLoad }]
                 lineName='%'
+                echartsObj2 = [{ name: 'A相电流', data: ia }]
+                lineName2='A'
                 break
               case 'ibLoad':
                 echartsObj = [{ name: 'B相电流负载率 ( 实时数据 )', data: ibLoad }]
                 lineName='%'
+                echartsObj2 = [{ name: 'B相电流', data: ib }]
+                lineName2='A'
                 break
               case 'icLoad':
                 echartsObj = [{ name: 'C相电流负载率 ( 实时数据 )', data: icLoad }]
                 lineName='%'
+                echartsObj2 = [{ name: 'C相电流', data: ic }]
+                lineName2='A'
                 break
               default:
             }
@@ -450,7 +473,9 @@ export default defineComponent({
 
             store.state.realScoreLineDataTime = dataTime
             store.state.realScoreLineObj = echartsObj
+            store.state.realScoreLineObj2 = echartsObj2
             store.state.realScoreLineName = lineName
+            store.state.realScoreLineName2 = lineName2
 
             // console.log('echartsObj')
             // console.log(echartsObj)
@@ -471,11 +496,12 @@ export default defineComponent({
     // 关闭操作
     const closeDialog = () => {
       showDialog2.value = false
+      
     }
 
     onMounted(() => {
       deviceSelect()
-      realScore()
+      // realScore()
     })
     return {
       store,

src/views/powerQuality/realTimeMonitoring/realScoreComponent/dialogChartOne-ora.vue

@@ -1,232 +0,0 @@
-<template>
-  <el-dialog
-    :title="dialogTitle"
-    v-model="dialogVisible"
-    width="800px"
-    @close="closeDialog()"
-    @open="open"
-  >
-    <div style="width: 100%; height: 400px">
-      <div shadow="never" class="homeBoxCard" v-loading="loading">
-        <div
-          style="height: 400px"
-          ref="lineChartBanlance"
-          id="lineChartBanlance"
-        />
-      </div>
-    </div>
-  </el-dialog>
-</template>
-
-<script>
-import { defineComponent, ref, watchEffect, onMounted, watch } from 'vue'
-import * as echarts from 'echarts'
-
-export default defineComponent({
-  name: 'DialogChartOne',
-  components: {
-  },
-  emits: ['closeDialog'],
-  props: {
-    flag: Boolean,
-    dialogTitle: String,
-    itemInfo: Object,
-    echartsAllData: Array,
-    echartsTitle: String,
-  },
-  setup(props, context) {
-    context
-    const dialogVisible = ref(false)
-    const dataList = ref([])
-    const dataTimes = ref([])
-
-    const getData = async () => {
-      var arrOld = props.echartsAllData
-      let dataTime = arrOld.map((item) => {
-        return item.dataTime
-      })
-      let cos = arrOld.map((item) => {
-        return item.cos
-      })
-      let ua = arrOld.map((item) => {
-        return item.ua
-      })
-      let ub = arrOld.map((item) => {
-        return item.ub
-      })
-      let uc = arrOld.map((item) => {
-        return item.uc
-      })
-      dataTimes.value = dataTime;
-      switch (props.echartsTitle) {
-        case '功率因数':
-          dataList.value = cos
-          break
-        case 'A相电压':
-          dataList.value = ua
-          break
-        case 'B相电压':
-          dataList.value = ub
-          break
-        case 'C相电压':
-          dataList.value = uc
-          break
-        default:
-      }
-    }
-
-    function echarts2() {
-      // 新建一个promise对象
-      let newPromise = new Promise((resolve) => {
-        resolve()
-      })
-      //然后异步执行echarts的初始化函数
-      newPromise.then(() => {
-        //	此dom为echarts图标展示dom
-        let myChart = echarts.init(document.getElementById('lineChartBanlance'))
-        myChart.setOption({
-          color: ['#1187FF'],
-          legend: {
-            top: '0',
-            // data: ['电流不平衡度'],
-          },
-          tooltip: {
-            trigger: 'axis',
-            axisPointer: { type: 'cross' },
-          },
-          grid: {
-            left: '20',
-            right: '40',
-            top: '40',
-            bottom: '30',
-            containLabel: true,
-          },
-          xAxis: {
-            axisLabel: {
-              color: '#444',
-              fontSize: 14,
-            },
-            /*改变xy轴颜色*/
-            axisLine: {
-              lineStyle: {
-                color: '#444',
-                width: 1, //这里是为了突出显示加上的
-              },
-            },
-            boundaryGap: false,
-            data: dataTimes.value,
-          },
-          yAxis: {
-            name: '%',
-            nameTextStyle: {
-              color: 'black',
-              fontSize: 10,
-            },
-            type: 'value',
-            axisTick: {
-              show: true, //去除刻度线
-            },
-            axisLabel: {
-              color: 'black', // 文本颜色
-            },
-            axisLine: {
-              show: true, // 去除轴线
-              lineStyle: {
-                color: 'black',
-              },
-            },
-            splitNumber: 5,
-            splitLine: {
-              show: true,
-              lineStyle: {
-                color: '#9d9d9d',
-              },
-            },
-          },
-
-          series: [
-            {
-              name: props.echartsTitle + '实时数据',
-              type: 'line',
-              symbolSize: 7,
-              smooth: false,
-              data: dataList.value,
-              markLine: {
-                //最大值和最小值
-                // data: [
-                //   {
-                //     yAxis: 30,
-                //     label: {
-                //       position: 'middle',
-                //       formatter: '严重三项不平衡',
-                //     },
-                //     lineStyle: {
-                //       width: 2,
-                //       color: '#FF5D1D',
-                //     },
-                //   },
-                //   {
-                //     yAxis: 14,
-                //     label: {
-                //       position: 'middle',
-                //       formatter: '不平衡度',
-                //     },
-                //     lineStyle: {
-                //       width: 2,
-                //       color: '#f2e251',
-                //     },
-                //   },
-                // ],
-              },
-            },
-          ],
-        })
-        window.addEventListener('resize', () => {
-          myChart.resize()
-        })
-      })
-    }
-
-    // 关闭弹框
-    const closeDialog = () => {
-      context.emit('closeDialog', false)
-      dialogVisible.value = false
-    }
-
-    watchEffect((fn) => {
-      fn
-      dialogVisible.value = props.flag
-    })
-
-    const writeValue = (val) => {
-      val
-      getData()
-      echarts2()
-    }
-
-    //监听变化
-    watch(
-      () => props.echartsAllData,
-      (newVal, oldVal, clear) => {
-        // 执行异步任务，并得到关闭异步任务的 id
-        // console.log(newVal)
-        let id = writeValue(newVal, oldVal)
-        // 如果 watch 监听被重复执行了，则会先清除上次未完成的异步任务
-        clear(() => clearTimeout(id))
-      },
-      { lazy: true }
-    )
-
-    onMounted(() => {})
-
-    return {
-      closeDialog,
-      dialogVisible,
-      echarts2,
-    }
-  },
-})
-</script>
- 
-<style scoped lang="scss">
-</style>

src/views/powerQuality/realTimeMonitoring/realScoreComponent/dialogChartOne.vue

@@ -5,21 +5,25 @@
     width="800px"
     @close="closeDialog()"
   >
-    <div style="width: 100%; ">
+    <div style="width: 100%">
+       <inner-line-chart2 v-if="type=='elBalun'||type=='vtBalun'||type=='iaLoad'||type=='ibLoad'||type=='icLoad'"></inner-line-chart2>
       <inner-line-chart></inner-line-chart>
-      <!-- <inner-line-chart></inner-line-chart> -->
+     
     </div>
   </el-dialog>
 </template>
 
 <script>
+import { useStore } from 'vuex'
 import { defineComponent, ref, watchEffect, onMounted, watch } from 'vue'
 import innerLineChart from './innerLineChart'
+import innerLineChart2 from './innerLineChart2'
 
 export default defineComponent({
   name: 'DialogChartOne',
   components: {
-    innerLineChart
+    innerLineChart,
+    innerLineChart2
   },
   emits: ['closeDialog'],
   props: {
@@ -31,13 +35,14 @@ export default defineComponent({
   },
   setup(props, context) {
     context
+    const store = useStore()
     const dialogVisible = ref(false)
-  
+    const type = ref('')
+
     const getData = async () => {
+      type.value = store.state.chartType
     }
 
-  
-
     // 关闭弹框
     const closeDialog = () => {
       context.emit('closeDialog', false)
@@ -56,10 +61,10 @@ export default defineComponent({
 
     //监听变化
     watch(
-      () => props.echartsAllData,
+      () => store.state.chartType,
       (newVal, oldVal, clear) => {
         // 执行异步任务，并得到关闭异步任务的 id
-    
+
         let id = writeValue(newVal, oldVal)
         // 如果 watch 监听被重复执行了，则会先清除上次未完成的异步任务
         clear(() => clearTimeout(id))
@@ -72,7 +77,7 @@ export default defineComponent({
     return {
       closeDialog,
       dialogVisible,
-    
+      type
     }
   },
 })

src/views/powerQuality/realTimeMonitoring/realScoreComponent/innerLineChart2.vue

@@ -0,0 +1,198 @@
+<template>
+  <div shadow="never" class="homeBoxCard" v-loading="loading">
+    <div class="height400" ref="lineChartBanlance" />
+  </div>
+</template>
+<script>
+import { useStore } from 'vuex'
+import { defineComponent, onMounted, ref, watch } from 'vue'
+import * as echarts from 'echarts'
+
+export default defineComponent({
+  name: 'innerLineChart2',
+  props: {},
+  setup(props) {
+    props
+    const store = useStore()
+    let lineChartBanlance = ref(null)
+    const dataTimes = ref([])
+    const lineChartArr = ref([])
+
+    // 读取数据 func
+    const loading = ref(true)
+    const getData = async () => {
+      dataTimes.value = store.state.realScoreLineDataTime
+
+      lineChartArr.value = store.state.realScoreLineObj2
+      console.log('store.state.realScoreLineObj2')
+      console.log(store.state.realScoreLineObj2)
+      lineChartArr.value.forEach((value) => {
+        value.type = 'line'
+        value.smooth = false
+        value.symbolSize = 7
+        // value.markPoint = {
+        //   data: [
+        //     { type: 'max', name: 'Max' },
+        //     { type: 'min', name: 'Min' },
+        //   ],
+        // }
+      })
+
+      loading.value = false
+    }
+ 
+    function echarts2() {
+      let myChart = echarts.init(lineChartBanlance.value)
+
+      
+
+      // 绘制图表
+      myChart.setOption({
+        color: ['#1187FF', '#48C964', '#fe8161'],
+
+        legend: {
+          top: '0',
+        },
+        tooltip: {
+          // show: true
+          trigger: 'axis',
+          axisPointer: { type: 'cross' },
+        },
+        grid: {
+          left: '20',
+          right: '40',
+          top: '40',
+          bottom: '30',
+          containLabel: true,
+        },
+        xAxis: {
+          axisLabel: {
+            color: '#444',
+            fontSize: 14,
+          },
+          /*改变xy轴颜色*/
+          axisLine: {
+            lineStyle: {
+              color: '#444',
+              width: 1, //这里是为了突出显示加上的
+            },
+          },
+          boundaryGap: false,
+          data: dataTimes.value,
+        },
+        yAxis: {
+          name: store.state.realScoreLineName2,
+          textStyle: {
+            color: 'black',
+            fontSize: 10,
+          },
+          type: 'value',
+          axisTick: {
+            show: true, //去除刻度线
+          },
+          axisLabel: {
+            color: 'black', // 文本颜色
+          },
+          axisLine: {
+            show: true, // 去除轴线
+            lineStyle: {
+              color: 'black',
+            },
+          },
+          splitNumber: 5,
+          splitLine: {
+            show: true,
+            lineStyle: {
+              color: '#9d9d9d',
+            },
+          },
+        },
+
+        // series: [
+        //   {
+        //     name: 'A相电流',
+        //     type: 'line',
+        //     symbolSize: 7,
+        //     smooth: false,
+        //     data: [1, 2, 6, 4, 5, 58, 6, 7, 8],
+        //   },
+        //   {
+        //     name: 'B相电流',
+        //     type: 'line',
+        //     symbolSize: 7,
+        //     smooth: false,
+        //     data: [1, 2, 3, 4, 9, 5, 6, 7, 8],
+        //   },
+        //   {
+        //     name: 'C相电流',
+        //     type: 'line',
+        //     symbolSize: 7,
+        //     smooth: false,
+        //     data: [1, 2, 3, 4, 5, 6, 6, 7, 3],
+        //   },
+        // ],
+        series: lineChartArr.value,
+      },true)
+      window.addEventListener('resize', () => {
+        myChart.resize()
+      })
+    }
+
+    const writeValue = (val) => {
+      val
+      getData()
+      echarts2()
+    }
+
+    //监听变化
+    watch(
+      () => store.state.realScoreLineObj2,
+      (newVal, oldVal, clear) => {
+        // 执行异步任务，并得到关闭异步任务的 id
+        // console.log(newVal)
+        let id = writeValue(newVal, oldVal)
+        // 如果 watch 监听被重复执行了，则会先清除上次未完成的异步任务
+        clear(() => clearTimeout(id))
+      },
+      { lazy: true }
+    )
+
+    onMounted(() => {
+      // getData()
+      // echarts2()
+    })
+
+    return {
+      lineChartBanlance,
+      loading,
+      store,
+      dataTimes,
+      lineChartArr,
+    }
+  },
+})
+</script>
+<style lang="scss" scoped>
+.homeBoxCard {
+  margin-bottom: 24px;
+  ::v-deep(.el-card__header) {
+    padding-left: 12px;
+    padding-right: 12px;
+  }
+  ::v-deep(.el-card__body) {
+    padding: 12px;
+    font-size: 14px;
+    line-height: 1.5715;
+  }
+  ::v-deep(.el-divider) {
+    margin: 8px 0;
+  }
+  .num {
+    font-size: 30px;
+    color: #515a6e;
+  }
+  .height400 {
+    height: 400px;
+  }
+}
+</style>

src/views/powerQuality/realTimeMonitoring/realScoreComponent/pieChart.vue

@@ -24,8 +24,6 @@ export default defineComponent({
     const loading = ref(true)
     const getData = async () => {
       loading.value = false
-      console.log('props.getTableData.score')
-      console.log(props.getTableData.score)
     }
     function echarts2() {
       let myChart = echarts.init(document.getElementById('pieChart'))