mall-web-ssr/pages/store/_uuid/index.vue

<!--<template>
  <div class="container">
    <div v-if="!storeInfoStore.id">
      <recommend-product/>
      <commodity-list :kinds="kinds"/>
    </div>
    <div v-else>
      <error-page :title="'店铺'"></error-page>
    </div>
  </div>
</template>
<script>
import axios from '~plugins/axios'
import { CommodityList, RecommendProduct } from '~components/store'
import { ErrorPage } from '~components/error'
export default {
//  validate ({ params }) {
//    return false
//  },
  layout: 'shop',
  data () {
    return {
      uuid: this.$route.params.uuid
    }
  },
  fetch ({ store, params, redirect }) {
    if (!params.uuid) {
      return redirect('/error')
    }
    return Promise.all([
      store.dispatch('shop/findStoreInfoFromUuid', params),
      store.dispatch('shop/findRecommendProducts', params),
      store.dispatch('shop/pageCommoditiesOfStore', params.uuid, { page: 1, count: 6 }),
      store.dispatch('loadStoreStatus', { op: 'check' })

    ])
  },
  async asyncData ({ params }) {
//  asyncData ({ params }) {
    let { data } = await axios.get('/api/commodity/components/kinds', { params: { StoreUuid: params.uuid } })
//    axios.get('/api/commodity/components/kinds', { params: { StoreUuid: params.uuid } })
//      .then(response => {
    return { kinds: data }
//      })
  },
  components: {
    RecommendProduct,
    CommodityList,
    ErrorPage
  },
  computed: {
    storeInfoStore() {
      return this.$store.state.shop.storeInfo.store.data
    }
  }
}
</script>
<style>
  #nav_fragment .el-dialog__wrapper .el-dialog&#45;&#45;tiny{
    width: 320px !important;
  }
  #nav_fragment .el-dialog__wrapper .el-dialog__body{
    padding: 14px !important;
  }
</style>-->
<template>
  <div>
      <div class="store-banner">
        <store-banner></store-banner>
      </div>
      <enterprise-info></enterprise-info>
      <!--<recommend-list></recommend-list>-->
      <!--<certificate></certificate>-->
  </div>
</template>
<script>
//  import axios from '~plugins/axios'
  import { EnterpriseInfo, StoreBanner } from '~components/store'
  export default {
    layout: 'main',
    data () {
      return {
        uuid: this.$route.params.uuid
      }
    },
    computed: {
      storeInfo () {
        return this.$store.state.shop.storeInfo.store.data
      },
      isConsignment () {
        return this.storeInfo.type === 'CONSIGNMENT'
      }
    },
    fetch ({ store, params, redirect }) {
      if (!params.uuid) {
        return redirect('/error')
      }
      return Promise.all([
        store.dispatch('pcb/getPcbKinds', {parentId: 3825}),
        store.dispatch('shop/findStoreInfoFromUuid', params),
        store.dispatch('shop/findRecommendProducts', params),
        store.dispatch('shop/pageCommoditiesOfStore', params.uuid, { page: 1, count: 10 }),
        store.dispatch('loadStoreStatus', { op: 'check' })

      ])
    },
//    async asyncData ({ params }) {
//      let { data } = await axios.get('/api/commodity/components/kinds', { params: { StoreUuid: params.uuid } })
//      return { kinds: data }
//    },
    components: {
//      Certificate,
      EnterpriseInfo,
      StoreBanner
      // RecommendList
    }
  }
</script>
<style>
  #nav_fragment .el-dialog__wrapper .el-dialog--tiny{
    width: 320px !important;
  }
  #nav_fragment .el-dialog__wrapper .el-dialog__body{
    padding: 14px !important;
  }
  .store-banner{
    min-width: 1190px;
    background: #ece9ec;
    padding-top: 20px;
  }
</style>