11

src/views/index/components/news_center.vue

@@ -55,7 +55,7 @@
       <el-col :xs="22" :sm="20" :md="20" :lg="18" :xl="14">
         <el-row class="news">
           <el-col v-for="(news,index) in newsDate" :key="index" :xs="12" :sm="12" :md="12" :lg="6" :xl="6" >
-            <div class="news_context">
+            <div class="news_context"  @click="getArticle(news)">
               <div class="news_context_img">
                 <img :src="news.imgurl" alt="">
               </div>
@@ -86,14 +86,16 @@
 </template>
 
 <script>
-import {banner, getArticleList} from "@/api";
+import {article, banner, getArticleList, info} from "@/api";
+import {getParentNode} from "@/utils/sist";
 
 export default {
   name: "news_center",
   data(){
     return{
       newsDate:[],
-      bannerDate:[]
+      bannerDate:[],
+      width: document.documentElement.clientWidth>992,
     }
   },
   created() {
@@ -110,6 +112,16 @@ export default {
         this.newsDate = res.rows
       })
     },
+    getArticle(news){
+      info(news.id).then(res=>{
+        let info = getParentNode(res.data.encodeId)
+        if (this.width){
+          this.$router.push("/pc/" + info.second.encodeId +"/" +info.three.encodeId+"?id="+news.id);
+        }else {
+          this.$router.push("/mobile/" + info.second.encodeId +"/" +info.three.encodeId+"?id="+news.id);
+        }
+      })
+    },
     getBanner(){
       banner("NEd5n92EMIpyyBslaNqsRgE").then(res=>{
         this.bannerDate = res.data