<template>
  <div>
    <publish-apply></publish-apply>
    <apply-info></apply-info>
    <apply-footer></apply-footer>
  </div>
</template>
<script>
  import { ApplyInfo, PublishApply, ApplyFooter } from '~components/applyPurchase'
  export default {
    layout: 'main',
    components: {
      ApplyInfo,
      PublishApply,
      ApplyFooter
    },
    fetch ({store}) {
      return Promise.all([
        store.dispatch('applyPurchase/loadPurchaseManList', {page: 1, count: 10}),
        store.dispatch('applyPurchase/loadPurchaseApplyRank'),
        store.dispatch('applyPurchase/loadGoodPurchaseManList')
      ])
    }
  }
</script>
