<template>
  <div class="seek">
    <div class="container">
      <div class="article">
        <article-one></article-one>
        <article-two></article-two>
        <article-three></article-three>
        <article-four></article-four>
      </div>
      <div class="section">
        <publish-apply></publish-apply>
        <apply-info></apply-info>
        <!--<business-opportunities id="opportunities"></business-opportunities>-->
        <!--<div class="footer"><img  class="img" src="/images/applyPurchase/apply-footer.png"></div>-->
      </div>
    </div>
  </div>
</template>
<script>
  import { ApplyInfo, PublishApply, ApplyFooter, BusinessOpportunities, ArticleOne, ArticleTwo, ArticleThree, ArticleFour } from '~components/applyPurchase'
  export default {
    layout: 'main',
    components: {
      ApplyInfo,
      PublishApply,
      ApplyFooter,
      BusinessOpportunities,
      ArticleOne,
      ArticleTwo,
      ArticleThree,
      ArticleFour
    },
    fetch ({store}) {
      return Promise.all([
        store.dispatch('applyPurchase/loadPurchaseManList', {pageNumber: 1, pageSize: 10, enUU: store.state.option.user.data.enterprise ? store.state.option.user.data.enterprise.uu : null}),
        store.dispatch('applyPurchase/loadPurchaseApplyRank'),
        store.dispatch('applyPurchase/loadGoodPurchaseManList'),
        store.dispatch('loadStoreStatus', { op: 'check' })
      ])
    }
  }
</script>
<style>
  .seek {
    position: relative;
    padding-top:20px;
    background: #f2f1f1;
  }
  .footer {
    text-align: center;
    background: #e0f2ff;
  }
</style>
