<!--
 * @Author: your name
 * @Date: 2021-10-25 11:03:30
 * @LastEditTime: 2021-10-25 11:13:21
 * @LastEditors: Please set LastEditors
 * @Description: In User Settings Edit
 * @FilePath: /data-show/src/views/MarketingAnalysis/brandVolumeTOP10/index.vue
-->
<template>
    <div class="bvt-outter" >
        <v-label-div title="品牌声量TOP10">
            <v-btn @click="goPath">营销对比</v-btn>
        </v-label-div>
        <div class="bvt-inner">
            <v-echarts :opt="opt"></v-echarts>
             <v-pagination :data="pdata" :style="{position: 'absolute', right: '2px', bottom: '2px'}" @change="handlerData"></v-pagination>
        </div>
    </div>
</template>

<script>
import createOpt from "./opt"
import {getBrandSourceType0528} from "@/api/MarketingAnalysis"
export default {
    name: "brandVolumeTOP10",
    data() {
        return {
           opt: createOpt()
        }
    },
      created() {
    this.getData()
  },
    methods: {
         // 切换选择后台数据
    handlerChange(n) {
      this.form.sQueryType = n + 1;
      this.getData()
    },

    // 获取数据
    getData() {
      let obj = Object.assign({}, this.getCommTime, this.form);
      getBrandSourceType0528(obj).then(res => {
        let data = res.data;
        this.pdata = data;
      })
    },
    
    }
}
</script>

<style lang="less" scoped>
.bvt-outter {
    width: 100%;
    height: 472px;
    border: 2px solid #0F2A4D;
    .bvt-inner {
        width: 100%;
        height: calc(100% - 48px);
    }
}
</style>
