diff --git a/src/i18n/langs/cn.js b/src/i18n/langs/cn.js
index 070c54d..c6bb259 100644
--- a/src/i18n/langs/cn.js
+++ b/src/i18n/langs/cn.js
@@ -22,6 +22,10 @@ const cn = {
     'teaching_work': '教学工作',
 
     'data_information': '数据中的信息',
+    'notice': '通知公告',
+    'scientific': '科学研究',
+    'undergraduate_education': '本科教育',
+    'postgraduate_education': '研究生教育',
     'employees': '职工人数',
     'number_students': '在校学生人数',
     'graduate_tutor': '研究生导师',
diff --git a/src/i18n/langs/en.js b/src/i18n/langs/en.js
index 056204c..4769a34 100644
--- a/src/i18n/langs/en.js
+++ b/src/i18n/langs/en.js
@@ -20,6 +20,10 @@ const en = {
     'teaching_work': 'Teaching work',
 
     'data_information': 'DATA INFORMATION',
+    'notice': 'Notice',
+    'scientific': 'Scientific',
+    'undergraduate_education': 'Undergraduate education',
+    'postgraduate_education': 'Postgraduate education',
     'employees': 'Employees',
     'number_students': 'Number of students',
     'graduate_tutor': 'Graduate tutor',
diff --git a/src/views/content/components/list.vue b/src/views/content/components/list.vue
index 727c325..5d41583 100644
--- a/src/views/content/components/list.vue
+++ b/src/views/content/components/list.vue
@@ -278,7 +278,15 @@ export default {
   }
 }
 
+.pagination_p {
+  text-align: center;
+  margin-bottom: 2rem;
 
+  .pagination {
+    display: inline-block;
+    float: none;
+  }
+}
 .query {
   //margin: 1rem 0;
   z-index: 999;
diff --git a/src/views/index/components/academy_and_sciences.vue b/src/views/index/components/academy_and_sciences.vue
index 945c21e..ff40457 100644
--- a/src/views/index/components/academy_and_sciences.vue
+++ b/src/views/index/components/academy_and_sciences.vue
@@ -5,101 +5,36 @@
         <el-row>
           <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
             <div class="sciences_title">
-              科学研究
+              {{ $t("message.scientific") }}
             </div>
-            <div class="sciences_content">
+            <div class="sciences_content" v-for="(item,index) in academyData" :key="index" @click="getArticle(item)">
               <div class="sciences_content_time">
-                10-03
+                {{getMonthTime(item.publishTime)}}
               </div>
               <div class="sciences_content_text">
-                徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
+                {{item.title}}
               </div>
             </div>
-            <div class="sciences_content">
-              <div class="sciences_content_time">
-                10-03
-              </div>
-              <div class="sciences_content_text">
-                徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
-              </div>
-            </div>
-            <div class="sciences_content">
-              <div class="sciences_content_time">
-                10-03
-              </div>
-              <div class="sciences_content_text">
-                徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
-              </div>
-            </div>
-            <div class="sciences_content">
-              <div class="sciences_content_time">
-                10-03
-              </div>
-              <div class="sciences_content_text">
-                复旦大学蒋轶教授学术报告
-              </div>
-            </div>
-            <div class="sciences_content">
-              <div class="sciences_content_time">
-                10-03
-              </div>
-              <div class="sciences_content_text">
-                徐加鹏博士学术报告-通信受士后李鹤博限随机系.受限…
-              </div>
-            </div>
-            <div class="sciences_content">
-              <div class="sciences_content_time">
-                10-03
-              </div>
-              <div class="sciences_content_text">
-                剑桥大学博士后李鹤博士后李鹤博士 士学术学学报： 异…
-              </div>
-            </div>
-            <div class="sciences_content">
-              <div class="sciences_content_time">
-                10-03
-              </div>
-              <div class="sciences_content_text">
-                复旦大学蒋轶教授学术报告
-              </div>
-            </div>
-            <div class="sciences_content">
-              <div class="sciences_content_time">
-                10-03
-              </div>
-              <div class="sciences_content_text">
-                徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
-              </div>
-            </div>
-            <div class="sciences_content">
-              <div class="sciences_content_time">
-                10-03
-              </div>
-              <div class="sciences_content_text">
-                徐加鹏博士学术报告-通信受士后李鹤博限随机系.受限…
-              </div>
-            </div>
-            <div class="more">
+            <div class="more" @click="lookMore('b4Lm82Ct_eaF2u5XDABv0TM')">
               <span class="more_text">更多</span>
               <img src="../../../assets/index/academy_and_sciences/gangduobai1.png" alt="">
             </div>
           </el-col>
           <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
             <div class="academy_title">
-              学术交流
+              {{ $t("message.academic") }}
             </div>
             <el-row>
               <el-col :span="11">
-                <div class="academy_content" >
+                <div class="academy_content" @click="getArticle(sciencesData[0])">
                   <div class="academy_content_icontime">
                     <div class="img"></div>
-                    <span>2022-10-08</span>
+                    <span>{{getDateTime(sciencesData[0].publishTime)}}</span>
                   </div>
                   <div class="academy_content_title">
-                    信息科学与技术学院开展英
+                    {{sciencesData[0].title}}
                   </div>
-                  <div class="academy_content_text">
-                    为加强学院学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021年10月25日晚，息科学与…
+                  <div class="academy_content_text" v-html="sciencesData[0].content">
                   </div>
                 </div>
               </el-col>
@@ -107,53 +42,53 @@
                 <div class="grid-content"></div>
               </el-col>
               <el-col :span="11">
-                <div class="academy_content">
+                <div class="academy_content" @click="getArticle(sciencesData[1])">
                   <div class="academy_content_icontime">
                     <div class="img"></div>
-                    <span>2022-10-08</span>
+                    <span>{{getDateTime(sciencesData[1].publishTime)}}</span>
                   </div>
                   <div class="academy_content_title">
-                    信息科学与学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021
+                    {{sciencesData[1].title}}
                   </div>
-                  <div class="academy_content_text">
-                    为加强学院学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021年10月25日晚，息科学与…
-                  </div>
-                </div>
-              </el-col>
-              <el-col :span="11">
-                <div class="academy_content">
-                  <div class="academy_content_icontime">
-                    <div class="img"></div>
-                    <span>2022-10-08</span>
-                  </div>
-                  <div class="academy_content_title">
-                    信息科学与技术学院开展英
-                  </div>
-                  <div class="academy_content_text">
-                    为加强学院学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021年10月25日晚，息科学与…
-                  </div>
-                </div>
-              </el-col>
-              <el-col :span="2">
-                <div class="grid-content"></div>
-              </el-col>
-              <el-col :span="11">
-                <div class="academy_content">
-                  <div class="academy_content_icontime">
-<!--                    <img :src="src" alt="">-->
-                    <div class="img"></div>
-                    <span>2022-10-08</span>
-                  </div>
-                  <div class="academy_content_title">
-                    信息科学与技术学院学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021
-                  </div>
-                  <div class="academy_content_text">
-                    为加强学院学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021学风建设，提升学生英语能力，2021年10月25日晚，息科学与…
+                  <div class="academy_content_text" v-html="sciencesData[1].content">
                   </div>
                 </div>
               </el-col>
             </el-row>
-            <div class="more">
+            <el-row>
+              <el-col :span="11">
+                <div class="academy_content" @click="getArticle(sciencesData[1])">
+                  <div class="academy_content_icontime">
+                    <div class="img"></div>
+                    <span>{{getDateTime(sciencesData[2].publishTime)}}</span>
+                  </div>
+                  <div class="academy_content_title">
+                    {{sciencesData[2].title}}
+                  </div>
+                  <div class="academy_content_text" v-html="sciencesData[2].content">
+                  </div>
+                </div>
+              </el-col>
+              <el-col :span="2">
+                <div class="grid-content"></div>
+              </el-col>
+
+              <el-col :span="11">
+                <div class="academy_content" @click="getArticle(sciencesData[1])">
+                  <div class="academy_content_icontime">
+<!--                    <img :src="src" alt="">-->
+                    <div class="img"></div>
+                    <span>{{getDateTime(sciencesData[3].publishTime)}}</span>
+                  </div>
+                  <div class="academy_content_title">
+                    {{sciencesData[3].title}}
+                  </div>
+                  <div class="academy_content_text" v-html="sciencesData[3].content">
+                  </div>
+                </div>
+              </el-col>
+            </el-row>
+            <div class="more" @click="lookMore('47sdOe8NQs0B4EHmM-wFWjQ')">
               <span class="more_text">更多</span>
               <img src="../../../assets/index/academy_and_sciences/gangduobai1.png" alt="">
             </div>
@@ -165,12 +100,69 @@
 </template>
 
 <script>
+
+import {getArticleList} from "@/api";
+import {toArticle} from "@/utils/sist";
+import {lookMoreFixedComment} from "../../../utils/sist";
 export default {
   name: "academy_and_sciences",
   data(){
     return{
+      width: document.documentElement.clientWidth > 992,
+      academyData:[],
+      sciencesData:[],
     }
-  }
+  },
+
+  created() {
+    this.getAcademyList();
+    this.getSciencesList();
+  },
+  methods: {
+    clickTo(link) {
+      //console.log(link)
+      window.location.href = link;//当前标签页
+    },
+    getArticle(news) {
+      toArticle(news, this.width);
+    },
+    lookMore(str) {
+      lookMoreFixedComment(str, this.width);
+    },
+    getAcademyList() {
+      getArticleList({
+        navId: "b4Lm82Ct_eaF2u5XDABv0TM",
+        pageNum: 1,
+        pageSize: 9
+      }).then(res => {
+        this.academyData = res.rows;
+      });
+    },
+    getSciencesList() {
+      getArticleList({
+        navId: "47sdOe8NQs0B4EHmM-wFWjQ",
+        pageNum: 1,
+        pageSize: 4
+      }).then(res => {
+        this.sciencesData = res.rows;
+      });
+    },
+
+    getDateTime(date) {
+      let time = new Date(date);
+      let year = time.getFullYear();
+      let month = time.getMonth() + 1
+      let day = time.getDate();
+      return year + "-" + month + "-" + day;
+    },
+
+    getMonthTime(date) {
+      let time = new Date(date);
+      let month = time.getMonth() + 1
+      let day = time.getDate();
+      return month + "-" + day;
+    },
+  },
 };
 </script>
 
@@ -214,6 +206,7 @@ export default {
   }
 
   .sciences_content {
+    cursor: pointer;
     display: flex;
     margin-bottom: 1.6rem;
 
@@ -278,6 +271,7 @@ export default {
   }
 
   .academy_content {
+    cursor: pointer;
 
     //&:hover{
     //  box-shadow: 0 8px 11px 0 rgba(0, 73, 174, 0.5);
diff --git a/src/views/index/components/announcements.vue b/src/views/index/components/announcements.vue
index bcfccc7..ba18b48 100644
--- a/src/views/index/components/announcements.vue
+++ b/src/views/index/components/announcements.vue
@@ -5,7 +5,7 @@
         <img src="../../../assets/index/announcements/gang1.png" alt="">
       </div>
       <div class="title">
-        通知公告
+        {{ $t("message.notice") }}
       </div>
       <div class="line_right">
         <img src="../../../assets/index/announcements/gang2.png" alt="">
@@ -15,42 +15,15 @@
     <el-row type="flex" justify="center">
       <el-col  :xs="23" :sm="20" :md="16" :lg="12" :xl="12">
         <el-row type="flex" justify="space-between">
-          <el-col  :xs="7" :sm="7" :md="7" :lg="7" :xl="7">
-            <div class="announcements_text">
+          <el-col  :xs="7" :sm="7" :md="7" :lg="7" :xl="7" v-for="(item,index) in announcementsData" :key="index">
+            <div class="announcements_text" @click="getArticle(item)">
               <div class="announcements_text_line_time">
-                <div class="announcements_text_line_time_btime">27</div>
-                <div class="announcements_text_line_time_stime">2022-09</div>
+                <div class="announcements_text_line_time_btime">{{getDayTime(item.publishTime)}}</div>
+                <div class="announcements_text_line_time_stime">{{getDateTime(item.publishTime)}}</div>
               </div>
               <div class="announcements_text_line"></div>
-              <div class="announcements_text_title">信息科学与与技术学院开与技术学院开与技术学院开与技术学院开与技术学院开会</div>
-              <div class="announcements_text_content">
-                为加强学院学风建设，提升学生英语能力，2021年10月2与技术学院开与技术学院开与技术学院开与技术学院开与技术学院开学院组织开展英语四级备考指导会。本次指导会邀请学校外国语学院李捷老师担任主讲，…
-              </div>
-            </div>
-          </el-col>
-          <el-col  :xs="7" :sm="7" :md="7" :lg="7" :xl="7">
-            <div class="announcements_text">
-              <div class="announcements_text_line_time">
-                <div class="announcements_text_line_time_btime">27</div>
-                <div class="announcements_text_line_time_stime">2022-09</div>
-              </div>
-              <div class="announcements_text_line"></div>
-              <div class="announcements_text_title">信息科学与技术学院开与技术学院开与技术学院开展英语四级备考指导会</div>
-              <div class="announcements_text_content">
-                为加强学院学风建设，提升学生英语能力，2021年10与技术学院开与技术学院开与技术学院开与技术学院开学院组织开展英语四级备考指导会。本次指导会邀请学校外国语学院李捷老师担任主讲，…
-              </div>
-            </div>
-          </el-col>
-          <el-col  :xs="7" :sm="7" :md="7" :lg="7" :xl="7">
-            <div class="announcements_text">
-              <div class="announcements_text_line_time">
-                <div class="announcements_text_line_time_btime">27</div>
-                <div class="announcements_text_line_time_stime">2022-09</div>
-              </div>
-              <div class="announcements_text_line"></div>
-              <div class="announcements_text_title">信息科学与技与技术学院开与技术学院开与技术学院开级备考指导会</div>
-              <div class="announcements_text_content">
-                为加强学院学风建设，提升学生英语能力，2021年10月25与技术学院开与技术学院开与技术学院开与技术学院开与技术学院开学院组织开展英语四级备考指导会。本次指导会邀请学校外国语学院李捷老师担任主讲，…
+              <div class="announcements_text_title">{{item.title}}</div>
+              <div class="announcements_text_content" v-html="item.content">
               </div>
             </div>
           </el-col>
@@ -58,7 +31,7 @@
       </el-col>
     </el-row>
 
-    <div class="more">
+    <div class="more" @click="lookMore">
       <span class="more_text">更多</span>
       <img src="../../../assets/index/news_center/gd_icon.png" alt="">
     </div>
@@ -66,8 +39,53 @@
 </template>
 
 <script>
+import {getArticleList} from "@/api";
+import {toArticle} from "@/utils/sist";
+import {lookMoreFixedComment} from "../../../utils/sist";
+
 export default {
-  name: "announcements"
+  name: "announcements",
+  data() {
+    return {
+      announcementsData: [],
+      width: document.documentElement.clientWidth > 992
+    };
+  },
+  created() {
+    this.getAnnouncementsList();
+  },
+  methods: {
+    clickTo(link) {
+      //console.log(link)
+      window.location.href = link;//当前标签页
+    },
+    getArticle(news) {
+      toArticle(news, this.width);
+    },
+    lookMore() {
+      lookMoreFixedComment("Ag_9Jx2oC93JQcGt0VS0d4I", this.width);
+    },
+    getAnnouncementsList() {
+      getArticleList({
+        navId: "Ag_9Jx2oC93JQcGt0VS0d4I",
+        pageNum: 1,
+        pageSize: 3
+      }).then(res => {
+        this.announcementsData = res.rows;
+      });
+    },
+    getDateTime(date) {
+      let time = new Date(date);
+      let year = time.getFullYear();
+      let month = time.getMonth() + 1
+      return year + "-" + month;
+    },
+    getDayTime(date) {
+      let time = new Date(date);
+      let day = time.getDate();
+      return day;
+    },
+  },
 };
 </script>
 
@@ -109,6 +127,7 @@ export default {
   }
 
   .announcements_text {
+    cursor: pointer;
     &:hover {
       box-shadow: 0px 8px 11px 0px rgba(0, 73, 174, 0.5);
     }
diff --git a/src/views/index/components/news_center.vue b/src/views/index/components/news_center.vue
index 0fba469..d908fc6 100644
--- a/src/views/index/components/news_center.vue
+++ b/src/views/index/components/news_center.vue
@@ -3,15 +3,14 @@
   <div class="news_center">
     <div class="headline">
       <div class="title">
-        <!--        {{ $t("message.news_ceter") }}-->
-        新闻中心
+        {{ $t("message.news_ceter") }}
         <span class="vertica_line"></span>
         <div class="news_center_english">
           <span class="">NEWS</span>
           <span class="">CENTER</span>
         </div>
       </div>
-      <div class="more">
+      <div class="more" @click="lookMore()">
         <span class="more_text">更多</span>
         <img src="../../../assets/index/news_center/gd_icon.png" alt="">
       </div>
@@ -21,7 +20,7 @@
     <div class="news">
       <el-row>
         <el-col :span="6" v-for="(item,index) in newsData" :key="index">
-          <div class="news_context">
+          <div class="news_context" @click="getArticle(item)">
             <div class="news_context_img">
               <img v-if="!item.imgurl" src="../../../assets/index/news_center/t4.png" alt="">
               <img v-if="item.imgurl" :src="item.imgurl" alt="">
@@ -32,7 +31,7 @@
               </div>
               <div class="news_context_time">
                 <div class="icon"><img src="../../../assets/index/news_center/shijian.png" alt=""></div>
-                <span class="time">{{getDateTime(item.publishTime)}}</span>
+                <span class="time">{{ getDateTime(item.publishTime) }}</span>
               </div>
             </div>
           </div>
@@ -67,7 +66,7 @@ export default {
     getArticle(news) {
       toArticle(news, this.width);
     },
-    lookMore(news) {
+    lookMore() {
       lookMoreFixedComment("DpHktHeXJp3MX-FZoZdjz3w", this.width);
     },
     getList() {
@@ -145,7 +144,7 @@ export default {
     width: 70rem !important;
   }
   .news_context {
-    padding-bottom: .5rem!important;
+    padding-bottom: .5rem !important;
   }
 }
 
@@ -238,6 +237,7 @@ export default {
     width: 100%;
     //height: 35.1rem;
     padding-bottom: 2rem;
+
     &:hover {
       box-shadow: 0 0 0.7rem 0 rgba(18, 69, 155, 0.59);
     }
diff --git a/src/views/index/components/party_building_activities.vue b/src/views/index/components/party_building_activities.vue
index 7b726cf..708e12d 100644
--- a/src/views/index/components/party_building_activities.vue
+++ b/src/views/index/components/party_building_activities.vue
@@ -23,7 +23,7 @@
       </el-col>
     </el-row>
 
-    <div class="more">
+    <div class="more" @click="lookMore()">
       <span class="more_text">更多</span>
       <img src="../../../assets/index/party_building_activities/gangduohh.png" alt="">
     </div>
@@ -55,7 +55,7 @@ export default {
     getArticle(item) {
       toArticle(item, this.width);
     },
-    lookMore(item) {
+    lookMore() {
       // lookMoreComment(item,this.width)
       lookMoreFixedComment("N8YFxHPHwy6PyHt7J-gIDCU", this.width);
     },
diff --git a/src/views/index/components/undergraduate_and_graduate.vue b/src/views/index/components/undergraduate_and_graduate.vue
index 9d40a26..eb1bb13 100644
--- a/src/views/index/components/undergraduate_and_graduate.vue
+++ b/src/views/index/components/undergraduate_and_graduate.vue
@@ -6,50 +6,18 @@
           <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
             <div class="undergraduate headline">
               <img class="undergraduate_img" src="../../../assets/index/undergraduate_and_graduate/benka.png" alt=""/>
-              <span>本科教育</span>
+              <span>{{ $t("message.undergraduate_education") }}</span>
             </div>
             <div class="vline">
-              <div class="undergraduate_content">
+              <div class="undergraduate_content" v-for="(item,index) in undergraduateData" :key="index" @click="getArticle(item)">
                 <div class="undergraduate_content_time">
-                  10-03
+                  {{getMonthTime(item.publishTime)}}
                 </div>
                 <div class="undergraduate_content_text">
-                  徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
+                  {{item.title}}
                 </div>
               </div>
-              <div class="undergraduate_content">
-                <div class="undergraduate_content_time">
-                  10-03
-                </div>
-                <div class="undergraduate_content_text">
-                  徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
-                </div>
-              </div>
-              <div class="undergraduate_content">
-                <div class="undergraduate_content_time">
-                  10-03
-                </div>
-                <div class="undergraduate_content_text">
-                  徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
-                </div>
-              </div>
-              <div class="undergraduate_content">
-                <div class="undergraduate_content_time">
-                  10-03
-                </div>
-                <div class="undergraduate_content_text">
-                  徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
-                </div>
-              </div>
-              <div class="undergraduate_content">
-                <div class="undergraduate_content_time">
-                  10-03
-                </div>
-                <div class="undergraduate_content_text">
-                  徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
-                </div>
-              </div>
-              <div class="more">
+              <div class="more" @click="lookMore('KW_T7dJ2lt5sC-RJZSnPtk0')">
                 <span class="more_text">更多</span>
                 <img src="../../../assets/index/news_center/gd_icon.png" alt="">
               </div>
@@ -58,49 +26,17 @@
           <el-col :xs="24" :sm="24" :md="12" :lg="12" :xl="12">
             <div class="graduate headline">
               <img class="graduate_img" src="../../../assets/index/undergraduate_and_graduate/boshimaobeifen.png" alt=""/>
-              <span>研究生教育</span>
+              <span>{{ $t("message.postgraduate_education") }}</span>
             </div>
-            <div class="undergraduate_content">
+            <div class="undergraduate_content" v-for="(item,index) in graduateData" :key="index" @click="getArticle(item)">
               <div class="undergraduate_content_time">
-                10-03
+                {{getMonthTime(item.publishTime)}}
               </div>
               <div class="undergraduate_content_text">
-                徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
+                {{item.title}}
               </div>
             </div>
-            <div class="undergraduate_content">
-              <div class="undergraduate_content_time">
-                10-03
-              </div>
-              <div class="undergraduate_content_text">
-                徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
-              </div>
-            </div>
-            <div class="undergraduate_content">
-              <div class="undergraduate_content_time">
-                10-03
-              </div>
-              <div class="undergraduate_content_text">
-                徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
-              </div>
-            </div>
-            <div class="undergraduate_content">
-              <div class="undergraduate_content_time">
-                10-03
-              </div>
-              <div class="undergraduate_content_text">
-                徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
-              </div>
-            </div>
-            <div class="undergraduate_content">
-              <div class="undergraduate_content_time">
-                10-03
-              </div>
-              <div class="undergraduate_content_text">
-                徐加鹏博士学术报告-通信受限随机系.受限通信受限随系…
-              </div>
-            </div>
-            <div class="more">
+            <div class="more" @click="lookMore('1yaM_T4qiBsFULvLXHbMflQ')">
               <span class="more_text">更多</span>
               <img src="../../../assets/index/news_center/gd_icon.png" alt="">
             </div>
@@ -112,12 +48,78 @@
 </template>
 
 <script>
+import {getArticleList} from "@/api";
+import {toArticle} from "@/utils/sist";
+import {lookMoreFixedComment} from "../../../utils/sist";
+
 export default {
-  name: "undergraduate_and_graduate"
+  name: "undergraduate_and_graduate",
+  data(){
+    return{
+      undergraduateData:[],
+      graduateData:[],
+      width: document.documentElement.clientWidth > 992
+    }
+  },
+
+  created() {
+    this.getUndergraduateList();
+    this.getGraduateList();
+  },
+  methods: {
+    clickTo(link) {
+      //console.log(link)
+      window.location.href = link;//当前标签页
+    },
+    getArticle(news) {
+      toArticle(news, this.width);
+    },
+    lookMore(str) {
+      lookMoreFixedComment(str, this.width);
+    },
+    getUndergraduateList() {
+      getArticleList({
+        navId: "KW_T7dJ2lt5sC-RJZSnPtk0",
+        pageNum: 1,
+        pageSize: 5
+      }).then(res => {
+        this.undergraduateData = res.rows;
+      });
+    },
+    getGraduateList() {
+      getArticleList({
+        navId: "1yaM_T4qiBsFULvLXHbMflQ",
+        pageNum: 1,
+        pageSize: 4
+      }).then(res => {
+        this.graduateData = res.rows;
+      });
+    },
+
+    getDateTime(date) {
+      let time = new Date(date);
+      let year = time.getFullYear();
+      let month = time.getMonth() + 1
+      let day = time.getDate();
+      return year + "-" + month + "-" + day;
+    },
+
+    getMonthTime(date) {
+      let time = new Date(date);
+      let month = time.getMonth() + 1
+      let day = time.getDate();
+      return month + "-" + day;
+    },
+  },
 };
 </script>
 
 <style scoped lang="scss">
+
+
+.undergraduate_content{
+  cursor: pointer;
+}
 @media screen and (max-width: 960px) {
   .undergraduate {
     border-radius: 36px 36px 0 0 !important;