'step4'

pages/index.vue

@@ -575,28 +575,40 @@
           <div class="article-content-top">
             <div class="article-content-top-left">
               <div class="article-type-header">
-                <div class="article-type-title">{{ articleList.articleNews.typeTitle }}</div>
+                <div class="article-type-title">{{ $store.state.newsNav[0].type }}</div>
                 <div>
-                  <i class="el-icon-arrow-right"></i>
+                  <nuxt-link :to="{name: 'news', query: {cateId: $store.state.newsNav[0].id}}">
+                    <i class="el-icon-arrow-right"></i>
+                  </nuxt-link>
                 </div>
               </div>
               <div class="article-content-info">
-                <img :src="articleList.articleNews.content[0].imgUrl" alt="" srcset="">
-                <p class="info-title">{{ articleList.articleNews.content[0].title }}</p>
+                <nuxt-link :to="{ name: 'news-newsView-id', params: { id: articleList1[0].id }, query: { cateId: articleList1[0].typeId } }">
+                  <img :src="articleList1[0].articleImg" alt="" srcset="">
+                </nuxt-link>
+                <nuxt-link :to="{ name: 'news-newsView-id', params: { id: articleList1[0].id }, query: { cateId: articleList1[0].typeId } }">
+                  <p class="info-title">{{ articleList1[0].articleTitle }}</p>
+                </nuxt-link>
               </div>
             </div>
             <div class="article-content-top-right">
               <div class="article-type-header">
-                <div class="article-type-title">{{ articleList.storeNews.typeTitle }}</div>
+                <div class="article-type-title">{{ $store.state.newsNav[1].type }}</div>
                 <div>
-                  <i class="el-icon-arrow-right"></i>
+                  <nuxt-link :to="{name: 'news', query: {cateId: $store.state.newsNav[1].id}}">
+                    <i class="el-icon-arrow-right"></i>
+                  </nuxt-link>
                 </div>
               </div>
               <div class="article-content-info">
-                <template v-for="(item, index) in articleList.storeNews.content">
+                <template v-for="(item, index) in articleList2">
                   <div v-if="index < 4" class="article-item-right" :key="index">
-                    <img :src="item.imgUrl" alt="">
-                    <p>{{ item.title }}</p>
+                    <nuxt-link :to="{ name: 'news-newsView-id', params: { id: item.id }, query: { cateId: item.typeId } }">
+                      <img :src="item.articleImg" alt="">
+                    </nuxt-link>
+                    <nuxt-link :to="{ name: 'news-newsView-id', params: { id: item.id }, query: { cateId: item.typeId } }">
+                      <p>{{ item.articleTitle }}</p>
+                    </nuxt-link>
                   </div>
                 </template>
               </div>
@@ -604,19 +616,27 @@
           </div>
           <div class="article-content-bottom">
             <div class="article-type-header">
-              <div class="article-type-title">{{ articleList.industryNews.typeTitle }}</div>
+              <div class="article-type-title">{{ $store.state.newsNav[2].type }}</div>
               <div>
-                <i class="el-icon-arrow-right"></i>
+                <nuxt-link :to="{name: 'news', query: {cateId: $store.state.newsNav[2].id}}">
+                  <i class="el-icon-arrow-right"></i>
+                </nuxt-link>
               </div>
             </div>
             <div class="article-content-bottom-info">
               <div class="article-content-bottom-left">
-                <img :src="articleList.industryNews.content[0].imgUrl" alt="">
+                <nuxt-link :to="{ name: 'news-newsView-id', params: { id: articleList3[0].id }, query: { cateId: articleList3[0].typeId } }">
+                  <img :src="articleList3[0].articleImg" alt="">
+                </nuxt-link>
               </div>
               <div class="article-content-bottom-right">
-                <p class="title">{{ articleList.industryNews.content[0].title }}</p>
-                <p class="desc">{{ articleList.industryNews.content[0].desc }}</p>
-                <p class="time">2020-6-18</p>
+                <nuxt-link :to="{ name: 'news-newsView-id', params: { id: articleList3[0].id }, query: { cateId: articleList3[0].typeId } }">
+                  <p class="title">{{ articleList3[0].articleTitle }}</p>
+                </nuxt-link>
+                <nuxt-link :to="{ name: 'news-newsView-id', params: { id: articleList3[0].id }, query: { cateId: articleList3[0].typeId } }">
+                  <p class="desc">{{ articleList3[0].articleIntroduction }}</p>
+                </nuxt-link>
+                <p class="time">{{ articleList3[0].createTime }}</p>
               </div>
             </div>
           </div>
@@ -1308,7 +1328,39 @@ export default {
     };
   },
   async asyncData({ params, store }) {
-    return {};
+    console.log(store.state.newsNav);
+    const newsNav = store.state.newsNav;
+    const { data: { data: res1 } } = await axios(`${store.state.wordpressAPI}/official-api/article`, {
+      params: {
+        typeId: newsNav[0].id,
+        page: 1
+      }
+    });
+    const { data: { data: res2 } } = await axios(`${store.state.wordpressAPI}/official-api/article`, {
+      params: {
+        typeId: newsNav[1].id,
+        page: 1
+      }
+    });
+    const { data: { data: res3 } } = await axios(`${store.state.wordpressAPI}/official-api/article`, {
+      params: {
+        typeId: newsNav[2].id,
+        page: 1
+      }
+    });
+    const articleList1 = res1.entityList;
+    const articleList2 = res2.entityList;
+    const articleList3 = res3.entityList;
+    console.log(articleList1);
+    console.log('-----------------------');    
+    console.log(articleList2);
+    console.log('-----------------------');    
+    console.log(articleList3);
+    return {
+      articleList1,
+      articleList2,
+      articleList3,
+    };
   },
   created() {},
   mounted() {