<template>
    <div style="">
      <el-container>
          <el-main>
            <el-tabs v-model="activeName" type="card" @tab-click="handleClick">
              <el-tab-pane v-for="item in menu" :key='item.path' :label="item.label" :name="item.path"></el-tab-pane>
            </el-tabs>
            <component :is='activeName' :row="row" type="1" :id="row.id" :name="row.productCategoryName"></component>
          </el-main>
      </el-container>
    </div>
</template>
  
  <script>
  export default {
    components: {
      categoryMessage:() => import('./categoryMessage.vue'),
      chart:() => import('../echarts/components/echarts.vue'),
      mind:()=> import('../jsMind/components/mind.vue')
    },
    props: {
      row:{
        default:()=>{
          return {}
        }
      }
    },
    data() {
      return {
        menu:[
          {
            label:'基本信息',
            value:'1',
            path:'categoryMessage'
          },
          {
            label:'趋势图',
            value:'2',
            path:'chart'
          },
          {
            label:'分类架构',
            value:'3',
            path:'MarketingData'
          },
          {
            label:'专利布局可视化',
            value:'4',
            path:'mind'
          },
        ],
        activeName:'categoryMessage',
      };
    },
    watch: {},
    computed: {},
    created() {},
    mounted() {
      this.row.type = '1'
    },
    methods: {
      handleClick(tab){
  
      }
    },
  };
  </script>
  <style lang="scss" scoped>
  </style>