<template>
  <Chart :cdata="cdata" />
</template>

<script>
  import Chart from "./Chart";
  import work from "@/api/work";
  export default {
    data () {
      return {
        cdata: {
          category: [],
          lineData: [],
          barData: [],
        },
      };
    },
    components: {
      Chart,
    },
    mounted () {
      window.addEventListener("resize", () => {
        this.submitViews();
      });
      this.submitViews();
    },
    methods: {
      /**
       * @description: submitViews
       * @author: renchao
       */
      async submitViews () {
        try {
          let { result: res } = await work.submitViews("A20");
          this.cdata.category = [];
          this.cdata.barData = [];
          this.cdata.lineData = [];
          res.map((item) => {
            return (
              this.cdata.category.push(item.areaName),
              this.cdata.barData.push(item.successCount),
              this.cdata.lineData.push(item.failureCount)
            );
          });
        } catch (error) {
          // this.$refs.msg.messageShow();
        }
      },
    },
  };
</script>

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