<!--
 * @Author: your name
 * @Date: 2021-10-16 10:30:29
 * @LastEditTime: 2021-10-16 10:41:39
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /data-show/src/views/BrandComparison/weiboBigVComparison/index.vue
-->
<template>
  <div class="wbc-outter" v-loading="load">
    <v-label-div
      title="微博大V对比"
      :showLine="false"
      :eStyle="{ 'border-style': 'none' }"
    ></v-label-div>
    <div class="wbc-inner">
      <v-echarts :opt="opt"></v-echarts>
    </div>
  </div>
</template>

<script>
// import { getBoauthen0528C } from "@/api/BrandComparison/BrandWeibo.js";
// import createOpt from "./opt";
export default {
  name: "weiboBigVComparison",
  data() {
    return {
      load: false,
      form: {
        token: "",
        sBrand: "",
      },
      opt: {}
    };
  },
  // created() {
  //   this.initData();
  // },
  // methods: {
  //   initData() {
  //     this.form.token = this.getToken;
  //     let arr = this.getBComparison;
  //     let brands = [];
  //     arr.forEach((ele) => {
  //       brands.push(ele.name);
  //     });
  //     this.form.sBrand = brands.toString();
  //     this.getData();
  //   },
  //   getData() {
  //     return new Promise((resolve, reject) => {
  //       let obj = Object.assign({}, this.getCtime2, this.form);
  //       this.load = true;
  //       getBoauthen0528C(obj)
  //         .then((res) => {
  //           let data = res.data || [];
  //           let dx = [];
  //           data.forEach((ele) => {
  //           let ab = ele.value || [];
  //           // 匹配所有出现过的媒体，放入dx中
  //           ab.forEach((e) => {
  //               if (!dx.includes(e.key) && e.value != 0) {
  //               dx.push(e.key);
  //               }
  //           });
  //           });
  //           this.opt = createOpt(dx,data);
  //           this.load = false;
  //           resolve(data);
  //         })
  //         .catch(() => {
  //           reject(false);
  //         });
  //     });
  //   },
  // },
};
</script>
<style lang="less" scoped>
.wbc-outter {
  width: 630px;
  height: 412px;
  .wbc-inner {
    width: 100%;
    height: calc(100% - 48px);
  }
}
</style>
