<template>
  <div class="details">
    <div class="information">
      <brand-detail :isPcb="true"/>
      <div class="comm-list">
        <categories-list :isPcb="true" @kindSelectAction="onKindSelect"/>
        <brand-list :kindid="kindid"></brand-list>
      </div>
    </div>
  </div>
</template>
<script>
  import { BrandDetail, CategoriesList } from '~components/product'
  import { BrandList } from '~components/pcb'
  export default {
    layout: 'pcb',
    data () {
      return {
        code: '',
        kindid: ''
      }
    },
    components: {
      BrandDetail,
      CategoriesList,
      BrandList
    },
    fetch ({ store, params }) {
      return Promise.all([
        store.dispatch('loadBrandDetail', { id: params.id, isPcb: true })
      ])
    },
    methods: {
      onKindSelect: function (kindid) {
        this.kindid = kindid || null
      }
    }
  }
</script>
<style scoped>
  .comm-list{
    width: 1190px;
    margin: 0 auto;
    overflow: hidden;
  }
</style>
