index.vue 1.21 KB
<template>
  <div>
    <Chart :cdata="cdata" />
  </div>
</template>

<script>
import Chart from "./Chart";
import work from "@/api/work";
export default {
  data() {
    return {
      cdata: {
        seriesData: [],
      },
    };
  },
  components: {
    Chart,
  },
  mounted() {
    this.getdjywltotal();
    window.addEventListener("resize", () => {
      this.cdata.seriesData = [];
      this.getdjywltotal();
    });
  },
  methods: {
    // 获取登记业务量玫瑰图数据
    async getdjywltotal() {
      if (this.cdata.seriesData.length == 0) {
        try {
          let p = {
            DJLX: "",
            QLLX: "",
            XZQDM: "",
          };
          this.cdata.seriesData = [];
          let res = await work.getdjywltotal(p);
          if(this.cdata.seriesData.length == 0){
               res.result.map((item) => {
                return this.cdata.seriesData.push({
                  name: item.AREACODE,
                  value: item.ywtotal,
                });

            });
          }
          // 遍历修改数组键,作为echars图表的参数


        } catch (error) {
          console.log(error);
        }
      }
    },
  },
};
</script>

<style lang="scss" scoped></style>