<!--
 * @Description:
 * @Autor: renchao
 * @LastEditTime: 2023-07-04 13:44:17
-->
<template>
  <Chart :cdata="cdata" />
</template>

<script>
  import Chart from "./Chart";
  import work from "@/api/work";
  export default {
    data () {
      return {
        timer: null, // 定时器
        cdata: []
      }
    },
    components: {
      Chart
    },
    mounted () {
      this.mapViews()
      this.timer = setInterval(() => {
        this.mapViews();
      }, 10000) // 10s
    },
    methods: {
      /**
       * @description: mapViews
       * @author: renchao
       */
      async mapViews () {
        try {
          let { result: res } = await work.mapViews("A20");
          res.map((item) => {
            return (
              this.cdata.push({ "name": item.areaName, "value": item.ywtotal, "successcount": item.successcount })
            )

          });
        } catch (error) {
          this.$refs.msg.messageShow();
        }
      }
    },
    destroyed () {
      clearInterval(this.timer)
    }
  }
</script>