From 72fbaed559506a78f1767f0d1e714234c4912199 Mon Sep 17 00:00:00 2001
From: clay <20932067@zju.edu.cn>
Date: Sat, 22 Jan 2022 00:57:57 +0800
Subject: [PATCH] 220

---
 src/App.vue                                   |   2 +-
 src/i18n/langs/cn.js                          |  47 +++++--
 src/i18n/langs/en.js                          |  47 +++++--
 src/router/index.js                           |  20 ++-
 src/views/Test.vue                            | 132 +-----------------
 src/views/anchor.vue                          |  21 ++-
 src/views/content/components/details.vue      |  25 +++-
 src/views/content/components/list.vue         |   5 +-
 src/views/content/index.vue                   |  32 +++--
 src/views/footer/index.vue                    |  59 ++++++--
 src/views/header/index.vue                    |  36 +++--
 src/views/index/components/bottom.vue         |  34 ++++-
 src/views/index/components/news_center.vue    |   2 +-
 .../components/party_building_activities.vue  |   8 +-
 .../components/scientific_research_trends.vue |  10 +-
 .../index/components/teaching_student.vue     |   4 +-
 16 files changed, 267 insertions(+), 217 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index af2c698..fc2aa58 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -12,7 +12,7 @@
         <router-view/>
       </el-col>
     </el-row>
-    <!--<footers/>-->
+    <footers/>
   </div>
 </template>
 <script>
diff --git a/src/i18n/langs/cn.js b/src/i18n/langs/cn.js
index 790a80f..070c54d 100644
--- a/src/i18n/langs/cn.js
+++ b/src/i18n/langs/cn.js
@@ -1,18 +1,47 @@
 //cn.js
 
 import zhLocale from 'element-ui/lib/locale/lang/zh-CN'
+
+
+//{{ $t('message.news_ceter') }}
 const cn = {
   message: {
-    'hello': '你好，世界',
+    'student': '学生',
+    'staff': '教职工',
+    'alumni': '校友',
+    'examine': '考生',
+    'services_portal': '服务门户',
     'switch': 'English',
-    'test':'测试',
-    'student':'学生',
-    'staff':'教职工',
-    'alumni':'校友',
-    'examine':'考生',
-    'Services portal':'服务门户',
-    'news_center':'新闻中心',
-    'more':'查看更多',
+    'home': '学院首页',
+    'news_ceter': '新闻中心',
+    'more': '更多',
+    'research': '科学研究',
+    'academic': '学术交流',
+    'party': '党群工作',
+    'party_education': '党史教育',
+    'teaching_work': '教学工作',
+
+    'data_information': '数据中的信息',
+    'employees': '职工人数',
+    'number_students': '在校学生人数',
+    'graduate_tutor': '研究生导师',
+    'research_team': '科研团队',
+    'high_level_talents': '高层次人才',
+    'major_projects': '重大项目',
+    'contact_us': '联系我们',
+    'adress': '犀浦校区地址:中国四川省成都市高新区西部园区西南交通大学信息科学与技术学院',
+    'code': '邮政编码:611756',
+    'tel': '电话:+86 28 66366709(行政)',
+    'copyright': '版权所有◎2015西南交通大学信息科学与技术学院. All rights reserved.意见反馈',
+    'chinese_site': '西南交通大学(中文)',
+    'english_site': '西南交通大学(ENGLISH)',
+    'affairs_office': '西南交通大学国际合作与交流处',
+    'scholarship': '国家留学基金管理委员会',
+    'foreign': '中华人民共和国外交部',
+    'education': '中华人民共和国教育部门户网站',
+    'ieee': '电气和电子工程师协会(IEEE)',
+    'search': '搜索',
+    'placeholder': '请输入内容',
   },
   ...zhLocale
 }
diff --git a/src/i18n/langs/en.js b/src/i18n/langs/en.js
index c69ab65..056204c 100644
--- a/src/i18n/langs/en.js
+++ b/src/i18n/langs/en.js
@@ -1,20 +1,47 @@
 //en.js
 
 import enLocale from 'element-ui/lib/locale/lang/en'
+
 const en = {
   message: {
-    'hello': 'hello, world',
+    'student': 'Student',
+    'staff': 'Staff',
+    'alumni': 'Alumni',
+    'examine': 'Examine',
+    'services_portal': 'Services Portal',
     'switch': '简体中文',
-    'test':'test',
-    'student':'student',
-    'staff':'staff',
-    'alumni':'alumni',
-    'examine':'examine',
-    'Services portal':'Services portal',
-    'news_center':'News Center',
-    'more':'More',
+    'home': 'Home',
+    'news_ceter': 'News Center',
+    'more': 'More',
+    'research': 'Research',
+    'academic': 'Academic',
+    'party': 'Party',
+    'party_education': 'Party Education',
+    'teaching_work': 'Teaching work',
+
+    'data_information': 'DATA INFORMATION',
+    'employees': 'Employees',
+    'number_students': 'Number of students',
+    'graduate_tutor': 'Graduate tutor',
+    'research_team': 'Research team',
+    'high_level_talents': 'High level talents',
+    'major_projects': 'Major projects',
+    'contact_us': 'CONTACT US',
+    'adress': 'Add: 01606#, 01608#, 01614#, School of Information Science and Technology,Southwest Jiaotong University, No.111, Erhuanlu Beiyiduan Chengdu, 610031 P.R.China',
+    'code': 'E-mail: scce@home.swjtu.edu.cn',
+    'tel': 'Tel: +86 28 66366709; +86 28 66366741   |   Fax: +86 28 87600743',
+    'copyright': 'Copyright © 2014 School of Information Science and Technology, SWJTU. All rights reserved.   Feedback',
+    'chinese_site': 'Southwest Jiaotong University(中文)',
+    'english_site': 'Southwest Jiaotong University(ENGLISH)',
+    'affairs_office': 'SWJTU International Affairs Office',
+    'scholarship': 'China Scholarship Counsil',
+    'foreign': 'Ministry of Foreign Affairs',
+    'education': 'Ministry of Education',
+    'ieee': 'IEEE',
+    'search': 'search',
+    'placeholder': 'please input',
+
   },
-  ...enLocale
 }
 
 export default en
diff --git a/src/router/index.js b/src/router/index.js
index a8fcbf0..62f6964 100644
--- a/src/router/index.js
+++ b/src/router/index.js
@@ -4,10 +4,15 @@ import VueRouter from 'vue-router'
 Vue.use(VueRouter)
 
 const routes = [
+  //{
+  //  path: '/',
+  //  name: 'index',
+  //  component: () => import(/* webpackChunkName: "about" */ '../views/index')
+  //},
   {
-    path: '/',
+    path: '/home',
     name: 'index',
-    component: () => import(/* webpackChunkName: "about" */ '../views/index')
+    component: () => import(/* webpackChunkName: "about" */ '../views/anchor')
   },
   {
     path: '/sp',
@@ -39,11 +44,7 @@ const routes = [
     name: 'TeachingStaff',
     component: () => import(/* webpackChunkName: "about" */ '../views/Test')
   },
-  {
-    path: '/anchor',
-    name: 'TeachingStaff',
-    component: () => import(/* webpackChunkName: "about" */ '../views/anchor')
-  },
+
   {
     path: '/et',
     name: 'EduTeach',
@@ -64,6 +65,11 @@ const routes = [
     name: 'content',
     component: () => import(/* webpackChunkName: "about" */ '../views/content/index')
   },
+  {
+    path: '*',
+    name: 'index',
+    component: () => import(/* webpackChunkName: "about" */ '../views/Test')
+  },
 ]
 
 const router = new VueRouter({
diff --git a/src/views/Test.vue b/src/views/Test.vue
index 22c6b28..e4c81cf 100644
--- a/src/views/Test.vue
+++ b/src/views/Test.vue
@@ -1,139 +1,13 @@
 <template>
-  <div id="wrap" :style="{ height: screenHeight + 'px' }">
-    <div id="main" :style="{ top: nowTop + 'px' }">
-      <div style="background-color: #1b6d85" id="page1" class="page"></div>
-      <div style="overflow:auto;" id="page2" class="page">
-          <Index id="index" v-model="change"/>
-      </div>
-    </div>
-  </div>
+
 </template>
 
 <script>
-import Index from '@/views/index/index'
 
 export default {
-  name: 'Home',
-  components: {
-    Index
-  },
-  data() {
-    return {
-      screenWeight: 0,        // 屏幕宽度
-      screenHeight: 0,        // 屏幕高度
-      index: 1,               // 用于判断翻页
-      curIndex: 1,            // 当前页的index
-      startTime: 0,           // 翻屏起始时间
-      endTime: 0,             // 上一次翻屏结束时间
-      nowTop: 0,              // 翻屏后top的位置
-      pageNum: 2,             // 一共有多少页
-      change:false,
-      main: Object,
-      obj: Object,
-      indexs:Object,
-    }
-  },
-  mounted() {
-    this.screenWeight = document.documentElement.clientWidth;
-    this.screenHeight = document.documentElement.clientHeight;
-    this.main = document.getElementById("main");
-    this.obj = document.getElementsByTagName("div");
-    this.indexs = document.getElementById("index");
-    for (let i = 0; i < this.obj.length; i++) {
-      if (this.obj[i].className == 'page') {
-        this.obj[i].style.height = this.screenHeight + "px";
-      }
-    }
-    this.pageNum = document.querySelectorAll(".page").length;
+  created() {
+    this.$router.push("/home");
 
-    // 浏览器兼容
-    if ((navigator.userAgent.toLowerCase().indexOf("firefox") != -1)) {
-      document.addEventListener("DOMMouseScroll", this.scrollFun, false);
-    } else if (document.addEventListener) {
-      document.addEventListener("mousewheel", this.scrollFun, false);
-    } else if (document.attachEvent) {
-      document.attachEvent("onmousewheel", this.scrollFun);
-    } else {
-      document.onmousewheel = this.scrollFun;
-    }
-  },
-  methods: {
-    hchang(e){
-      console.log(e)
-    },
-    scrollFun(event) {
-      this.startTime = new Date().getTime();
-      // mousewheel事件中的 “event.wheelDelta” 属性值：返回的如果是正值说明滚轮是向上滚动
-      // DOMMouseScroll事件中的 “event.detail” 属性值：返回的如果是负值说明滚轮是向上滚动
-      let delta = event.detail || (-event.wheelDelta);
-      console.log(this.indexs.offsetTop,"vvvv")
-      // 如果当前滚动开始时间和上次滚动结束时间的差值小于1.5s，则不执行翻页动作，这样做是为了实现类似节流的效果
-      if ((this.startTime - this.endTime) > 1000) {
-        if (delta > 0 && parseInt(this.main.offsetTop) >= -(this.screenHeight * (this.pageNum - 2))) {
-          // 向下滚动
-          this.index = 2;
-          this.toPage(this.index);
-        } else if (delta < 0 && parseInt(this.main.offsetTop) < 0) {
-          // 向上滚动
-
-
-
-
-          this.index = 1;
-          this.toPage(this.index);
-        }
-        // 本次翻页结束，记录结束时间，用于下次判断
-        this.endTime = new Date().getTime();
-      }
-    },
-    // 翻页
-    toPage(index) {
-      if (index<=0){
-        return
-      }
-      if (index != this.curIndex) {
-        let delta = index - this.curIndex;
-        this.nowTop = this.nowTop - delta * this.screenHeight;
-        this.curIndex = index;
-      }
-    }
   }
 }
 </script>
-<style>
-html, body {
-  /*height: 100%;*/
-}
-
-body, ul, li, a, p, div {
-  /*慎删*/
-  padding: 0px;
-  margin: 0px;
-}
-
-#wrap {
-  overflow: hidden;
-  width: 100%;
-}
-
-#main {
-  position: relative;
-  transition: top 1.5s;
-}
-
-.page {
-  /*谨删*/
-  width: 100%;
-  margin: 0;
-}
-
-#pageUl {
-  position: fixed;
-  right: 10px;
-  bottom: 50%;
-}
-
-.active {
-  color: red;
-}
-</style>
diff --git a/src/views/anchor.vue b/src/views/anchor.vue
index a45653e..b5d58f4 100644
--- a/src/views/anchor.vue
+++ b/src/views/anchor.vue
@@ -51,6 +51,18 @@ export default {
       document.onmousewheel = this.scrollFun;
     }
   },
+  beforeDestroy() { //及时释放
+    // 浏览器兼容
+    if ((navigator.userAgent.toLowerCase().indexOf("firefox") != -1)) {
+      document.removeEventListener("DOMMouseScroll", this.scrollFun, false);
+    } else if (document.addEventListener) {
+      document.removeEventListener("mousewheel", this.scrollFun, false);
+    } else if (document.attachEvent) {
+      document.removeEventListener("onmousewheel", this.scrollFun);
+    } else {
+      document.onmousewheel = this.scrollFun;
+    }
+  },
   methods: {
     scrollFun(event) {
       //console.log(this.main,this.page2.offsetTop,this.screenHeight)
@@ -60,18 +72,19 @@ export default {
       let delta = event.detail || (-event.wheelDelta);
       console.log(delta)
       // 如果当前滚动开始时间和上次滚动结束时间的差值小于1.5s，则不执行翻页动作，这样做是为了实现类似节流的效果
-      if ((this.startTime - this.endTime) > 1000) {
-        if (delta > 0 && window.pageYOffset < 937) {
+      if ((this.startTime - this.endTime) > 1) {
+        if (delta > 0 && window.pageYOffset < window.innerHeight) {
       //    // 向下滚动
       //    this.index = 2;
       //    this.toPage(this.index);
-          window.scrollTo({top: 937, behavior: 'smooth',})
-        } else if (delta < 0 && parseInt(this.main.offsetTop) == 0) {
+          window.scrollTo({top: window.innerHeight+20, behavior: 'smooth',})
+        } else if (delta < 0 &&  window.pageYOffset <=  window.innerHeight+200) {
       //    // 向上滚动
       //
       //
       //
       //
+          window.scrollTo({top: 0, behavior: 'smooth',})
       //    this.index = 1;
       //    this.toPage(this.index);
         }
diff --git a/src/views/content/components/details.vue b/src/views/content/components/details.vue
index e629a2a..5ad39cc 100644
--- a/src/views/content/components/details.vue
+++ b/src/views/content/components/details.vue
@@ -4,7 +4,13 @@
       <el-col>
         <div class="context">
           <div class="title">{{ value.title }}</div>
-          <div class="details_title">测试</div>
+          <div class="details_title" v-if="value.isTop=='2'">
+            <!--{{value}}-->
+            <span>来源: {{getSource()}}</span>
+            <span>作者:{{value.publishUserName}}</span>
+            <span>日期:{{value.publishTime}}</span>
+            <span>点击数:{{value.viewCount}}</span>
+          </div>
 
           <div class="text" v-html="value.content"></div>
         </div>
@@ -15,7 +21,7 @@
 
 <script>
 export default {
-  name: "Introduction",
+  name: "details",
   props: {
     value: {
       type: Object,
@@ -27,21 +33,36 @@ export default {
   },
   data() {
     return {}
+  },
+  methods:{
+    getSource(){
+      if (this.value.siteType == 1){
+        return "信息科学与技术学院";
+      }else {
+        return "lab 实验室"
+      }
+    }
   }
 }
 </script>
 
 <style scoped lang="scss">
 .details {
+  margin-top: 3rem;
   width: 100%;
 }
 
 .details_title{
+  text-align: center;
+  padding-top: .8rem;
   font-size: 1.2rem;
   font-family: "微软雅黑";
   font-weight: 400;
   color: #B4B4B4;
   line-height: 1.7rem;
+  span{
+    padding: 0 .8rem;
+  }
 }
 
 
diff --git a/src/views/content/components/list.vue b/src/views/content/components/list.vue
index 39c3b3c..525ea13 100644
--- a/src/views/content/components/list.vue
+++ b/src/views/content/components/list.vue
@@ -7,11 +7,12 @@
           <!--<div style="width: 95%;">-->
           <div>
             <!--<input class="query_input" v-model="query"/>-->
-            <el-input class="query_input" v-model="query" size="small" placeholder="请输入内容"></el-input>
+            <el-input class="query_input" v-model="query" size="small" :placeholder="$t('message.placeholder')"></el-input>
           </div>
         </el-col>
         <el-col :xs="10" :sm="10" :md="10" :lg="4" :xl="4" style="float: right">
-          <el-button class="query_button" type="primary" size="small" icon="el-icon-search" @click="handleCurrentChange(-1)">搜索</el-button>
+          <el-button class="query_button" type="primary" size="small" icon="el-icon-search" @click="handleCurrentChange(-1)">
+            {{ $t('message.search') }}</el-button>
         </el-col>
       </el-row>
     </div>
diff --git a/src/views/content/index.vue b/src/views/content/index.vue
index 9d89292..a2fc92d 100644
--- a/src/views/content/index.vue
+++ b/src/views/content/index.vue
@@ -28,7 +28,8 @@
                     <img src="@/assets/school_profile/eji_icon_xz.png" alt="">
                   </div>
                   <div class="lab_title">
-                    {{ nav.title }}
+                    <span v-if="$i18n.locale  === 'cn'">{{ nav.title }}</span>
+                    <span v-if="$i18n.locale  === 'en'">{{ nav.englishTitle }}</span>
                   </div>
                 </div>
                 <div v-if="index !== showIndex" class="lab_list" @click="navClick(nav,index)">
@@ -36,7 +37,8 @@
                     <img src="@/assets/school_profile/eji_icon_xz.png" alt="">
                   </div>
                   <div class="lab_title">
-                    {{ nav.title }}
+                    <span v-if="$i18n.locale  === 'cn'">{{ nav.title }}</span>
+                    <span v-if="$i18n.locale  === 'en'">{{ nav.englishTitle }}</span>
                   </div>
                 </div>
               </div>
@@ -47,11 +49,18 @@
           <el-row>
             <el-col>
               <div class="tab">
-                <router-link to="/">首页</router-link>
+                <router-link to="/">{{ $t('message.home') }}</router-link>
                 <span> > </span>
-                <router-link to="">{{ crumbs.one.title }}</router-link>
+                <router-link to="">
+                  <span v-if="$i18n.locale  === 'cn'">{{ crumbs.one.title }}</span>
+                  <span v-if="$i18n.locale  === 'en'">{{ crumbs.one.englishTitle }}</span>
+                </router-link>
                 <span> > </span>
-                <span style="color: #1956BC;font-size: 1.4rem">{{ crumbs.two.title }}</span>
+                <span style="color: #1956BC;font-size: 1.4rem">
+                  <span v-if="$i18n.locale  === 'cn'">{{ crumbs.two.title }}</span>
+                  <span v-if="$i18n.locale  === 'en'">{{ crumbs.two.englishTitle }}</span>
+                  <!--{{ crumbs.two.title }}-->
+                </span>
               </div>
             </el-col>
           </el-row>
@@ -77,11 +86,18 @@
           <el-row>
             <el-col>
               <div class="tab">
-                <router-link to="/">首页</router-link>
+                <router-link to="/">{{ $t('message.home') }}</router-link>
                 <span> > </span>
-                <router-link to="">{{ crumbs.one.title }}</router-link>
+                <router-link to="">
+                  <span v-if="$i18n.locale  === 'cn'">{{ crumbs.one.title }}</span>
+                  <span v-if="$i18n.locale  === 'en'">{{ crumbs.one.englishTitle }}</span>
+                </router-link>
                 <span> > </span>
-                <span style="color: #1956BC;font-size: 1.4rem">{{ crumbs.two.title }}</span>
+                <span style="color: #1956BC;font-size: 1.4rem">
+                  <span v-if="$i18n.locale  === 'cn'">{{ crumbs.two.title }}</span>
+                  <span v-if="$i18n.locale  === 'en'">{{ crumbs.two.englishTitle }}</span>
+                  <!--{{ crumbs.two.title }}-->
+                </span>
               </div>
             </el-col>
           </el-row>
diff --git a/src/views/footer/index.vue b/src/views/footer/index.vue
index 8092a9b..8153b65 100644
--- a/src/views/footer/index.vue
+++ b/src/views/footer/index.vue
@@ -8,12 +8,24 @@
         <el-row>
           <el-col :span="12">
             <div class="fLeft" style="margin-top: 1rem">
-              <p style="font-family:Verdana, Geneva, sans-serif;font-weight:500;font-size:2rem; padding-bottom:6px; ">
-                CONTACT US</p>
-              <p style="margin-top: 6px;">犀浦校区地址：中国四川省成都市高新区西部园区西南交通大学 信息科学与技术学院 &nbsp;&nbsp;&nbsp;&nbsp; </p>
-              <p>邮政编码：611756</p>
-              <p>电话：+86 28 66366709(行政)<!--；&nbsp;+86 28 66366741(学生工作组)--></p>
-              <p style="margin-top: 8px;">版权所有 © 2015 西南交通大学信息科学与技术学院. All rights reserved. <a href="#">&nbsp;意见反馈</a>
+              <p style="font-family:Verdana, Geneva, sans-serif;font-weight:500;font-size:2rem; padding-bottom:6px; ">{{ $t('message.contact_us') }}
+                <!--CONTACT US-->
+              </p>
+              <p style="margin-top: 6px;">
+                {{ $t('message.adress') }}
+                <!--犀浦校区地址：中国四川省成都市高新区西部园区西南交通大学 信息科学与技术学院-->
+              </p>
+              <p>
+                {{ $t('message.code') }}
+                <!--邮政编码：611756-->
+              </p>
+              <p>
+                {{ $t('message.tel') }}
+                <!--电话：+86 28 66366709(行政)&lt;!&ndash;；&nbsp;+86 28 66366741(学生工作组)&ndash;&gt;-->
+              </p>
+              <p style="margin-top: 8px;">
+                {{ $t('message.copyright') }}
+                <!--版权所有 © 2015 西南交通大学信息科学与技术学院. All rights reserved. <a href="#">&nbsp;意见反馈</a>-->
               </p>
             </div>
           </el-col>
@@ -21,13 +33,34 @@
             <table class="fRight" cellpadding="0" cellspacing="0" border="0">
               <tbody><tr>
                 <td><img  style="width: 6.7rem;" src="http://sist.swjtu.edu.cn:80/zh/images/logo3.jpg"></td>
-                <td><p><a href="http://www.swjtu.edu.cn/" target="_blank">西南交通大学（中文）</a></p>
-                  <p><a href="http://english.swjtu.edu.cn/public/default.aspx" target="_blank">西南交通大学（ENGLISH）</a></p>
-                  <p><a href="http://fad.swjtu.edu.cn/public/Default.aspx" target="_blank">西南交通大学国际合作与交流处</a></p>
-                  <p><a href="http://www.csc.edu.cn/" target="_blank">国家留学基金管理委员会</a></p>
-                  <p><a href="http://www.fmprc.gov.cn/" target="_blank">中华人民共和国外交部</a></p>
-                  <p><a href="http://www.moe.edu.cn/" target="_blank">中华人民共和国教育部门户网站</a></p>
-                  <p><a href="http://www.ieee.org/" target="_blank">电气和电子工程师协会(IEEE)</a></p>
+                <td><p><a href="http://www.swjtu.edu.cn/" target="_blank">
+                  {{ $t('message.chinese_site') }}
+                  <!--西南交通大学（中文）-->
+                </a></p>
+                  <p><a href="http://english.swjtu.edu.cn/public/default.aspx" target="_blank">
+                    <!--西南交通大学（ENGLISH）-->
+                    {{ $t('message.english_site') }}
+                  </a></p>
+                  <p><a href="http://fad.swjtu.edu.cn/public/Default.aspx" target="_blank">
+                    <!--西南交通大学国际合作与交流处-->
+                    {{ $t('message.affairs_office') }}
+                  </a></p>
+                  <p><a href="http://www.csc.edu.cn/" target="_blank">
+                    <!--国家留学基金管理委员会-->
+                    {{ $t('message.scholarship') }}
+                  </a></p>
+                  <p><a href="http://www.fmprc.gov.cn/" target="_blank">
+                    <!--中华人民共和国外交部-->
+                    {{ $t('message.foreign') }}
+                  </a></p>
+                  <p><a href="http://www.moe.edu.cn/" target="_blank">
+                    <!--中华人民共和国教育部门户网站-->
+                    {{ $t('message.education') }}
+                  </a></p>
+                  <p><a href="http://www.ieee.org/" target="_blank">
+                    <!--电气和电子工程师协会(IEEE)-->
+                    {{ $t('message.ieee') }}
+                  </a></p>
                 </td>
               </tr>
               </tbody></table>
diff --git a/src/views/header/index.vue b/src/views/header/index.vue
index 32de19b..7bef319 100644
--- a/src/views/header/index.vue
+++ b/src/views/header/index.vue
@@ -25,7 +25,7 @@
         </el-col>
         <el-col :span="3">
           <div class="link">
-            {{ $t('message.Services portal') }}
+            {{ $t('message.services_portal') }}
           </div>
         </el-col>
         <el-col :offset="11" :span="2">
@@ -36,7 +36,7 @@
     <!--导航部分-->
     <div class="bottom">
       <el-row>
-        <el-col v-show="width" :xs="1" :sm="1" :md="4" :lg="4" :xl="4">
+        <el-col v-show="width" :xs="1" :sm="1" :md="4" :lg="4" :xl="5">
           <div class="icon">
             <div class="icont"><img src="@/assets/header/sy_logo1@2x.png" alt=""></div>
             <div class="iconb"><img src="@/assets/header/sy_logo2@2x.png" alt=""></div>
@@ -45,11 +45,12 @@
         <el-col v-show="width" :span="1">
           <div class="grid-content"></div>
         </el-col>
-        <el-col :xs="24" :sm="24" :md="24" :lg="19" :xl="19" :span="19">
+        <el-col :xs="24" :sm="24" :md="24" :lg="19" :xl="19">
           <div class="banner">
             <router-link to="/">
               <div class="link_text">
-                <div class="link_text_title">学院首页</div>
+                <div v-show="!english"  style="padding: 0 1.1rem;" class="link_text_title">学院首页</div>
+                <div v-show="english" style="padding: 0 .9rem" class="link_text_title">Home</div>
               </div>
             </router-link>
 
@@ -57,11 +58,11 @@
             <a>
               <div class="link_text">
                 <div class="link_text_title">
-                  <span v-show="!english">{{ menu.title }}</span>
-                  <span v-show="english">{{ menu.englishTitle }}</span>
-                </div>
+                  <span style="padding: 0 1.1rem;" v-show="!english">{{ menu.title }}</span>
+                  <span style="padding: 0 .9rem" v-show="english">{{ menu.englishTitle }}</span>
+
                 <div class="secondary">
-                  <ul>
+                  <ul style="text-align:left;">
                     <li class="menu_list" v-for="(item,i) in menu.children" :key="i" @click="menuCut(item)">
                       <div class="menu_suffix">
                         <div>
@@ -72,6 +73,8 @@
                     </li>
                   </ul>
                 </div>
+                </div>
+                <!--<div class="secondary" v-if="index == 5">-->
               </div>
             </a>
             </span>
@@ -207,9 +210,11 @@ export default {
       clear: left;
 
       .link_text {
-        width: 9%;
+        //width: 9%;
         height: 100%;
         //line-height: 8.2rem;
+        //padding: 0 .9rem;
+        //padding: 0 1.1rem;
         text-align: center;
         float: left;
         font-size: 1.4rem;
@@ -217,21 +222,26 @@ export default {
         font-weight: 400;
         color: #FFFFFF;
         cursor: pointer;
-        position: relative;
+        //position: relative;
         display: flex;
         align-items: center;
         justify-content: center;
         vertical-align: middle;
 
       }
+      .link_text_title{
+        position: relative;
+      }
 
 
       .secondary {
         display: none;
-        width: 16.5rem;
+        width: 25rem;
         position: absolute;
-        top: 6rem;
+        //top: 6rem;
         background-color: transparent;
+        text-align: left !important;
+        margin-top: 1rem;
         //display: block;
         //width: 100%;
         //height: 5rem;
@@ -297,7 +307,7 @@ export default {
           display: block;
         }
         .link_text_title{
-          font-weight: bolder !important;
+          //font-weight: bolder !important;
         }
       }
 
diff --git a/src/views/index/components/bottom.vue b/src/views/index/components/bottom.vue
index 1f0dbae..448b856 100644
--- a/src/views/index/components/bottom.vue
+++ b/src/views/index/components/bottom.vue
@@ -13,11 +13,14 @@
                   <div class="table_img">
                     <img src="@/assets/index/bottom/sy_icon_sjzx.png" alt="">
                   </div>
+                  <div class="text">
+                    {{ $t('message.data_information') }}
+                  </div>
                 </div>
               </td>
               <td>
                 <div class="right one">
-                  <div class="table_tr_left">职工人数</div>
+                  <div class="table_tr_left">{{ $t('message.employees') }}</div>
                   <div class="table_tr_right">{{data.worker}}人</div>
                 </div>
               </td>
@@ -25,7 +28,7 @@
             <tr>
               <td>
                 <div class="right tow">
-                  <div class="table_tr_left">在校学生人数</div>
+                  <div class="table_tr_left">{{ $t('message.number_students') }}</div>
                   <div class="table_tr_right">{{data.students}}人</div>
                 </div>
               </td>
@@ -33,7 +36,7 @@
             <tr>
               <td>
                 <div class="right three">
-                  <div class="table_tr_left">研究生导师</div>
+                  <div class="table_tr_left">{{ $t('message.graduate_tutor') }}</div>
                   <div class="table_tr_right">{{data.postgraduateTutor}}人</div>
                 </div>
               </td>
@@ -41,15 +44,15 @@
             <tr>
               <td>
                 <div class="right fourth">
-                  <div class="table_tr_left">科研团队</div>
-                  <div class="table_tr_right">{{data.worker}}人</div>
+                  <div class="table_tr_left">{{ $t('message.research_team') }}</div>
+                  <div class="table_tr_right">{{data.scientificTeam}}人</div>
                 </div>
               </td>
             </tr>
             <tr>
               <td>
                 <div class="right five">
-                  <div class="table_tr_left">高层次人才</div>
+                  <div class="table_tr_left">{{ $t('message.high_level_talents') }}</div>
                   <div class="table_tr_right">{{data.highLevelTalents}}个</div>
                 </div>
               </td>
@@ -57,7 +60,7 @@
             <tr>
               <td>
                 <div class="right sex">
-                  <div class="table_tr_left">重大项目</div>
+                  <div class="table_tr_left">{{ $t('message.major_projects') }}</div>
                   <div class="table_tr_right">{{data.majorProjects}}个</div>
                 </div>
               </td>
@@ -112,12 +115,29 @@ export default {
     .left {
       width: 100%;
       height: 55rem;
+      position: relative;
 
       .table_img {
         //width: 17.6vw;
         text-align: right;
         padding-top: 6rem;
       }
+      .text{
+        height: 7rem;
+        display: flex;
+        align-items: center;
+        justify-content: center;
+        vertical-align: middle;
+        padding: 0;
+        margin: 0;
+        color: #1956BC;
+        width: 55%;
+        text-align: center;
+        font-size: 2.6rem;
+        position: absolute;
+        top: 42%;
+        left: 11%;
+      }
     }
 
     .right {
diff --git a/src/views/index/components/news_center.vue b/src/views/index/components/news_center.vue
index 9e5a8d7..c3b9f61 100644
--- a/src/views/index/components/news_center.vue
+++ b/src/views/index/components/news_center.vue
@@ -33,7 +33,7 @@
             </div>
           </div>
           <div class="title">
-            {{ $t('message.news_center') }}
+            {{ $t('message.news_ceter') }}
           </div>
         <div class="hr_div">
           <div class="hr_line_right">
diff --git a/src/views/index/components/party_building_activities.vue b/src/views/index/components/party_building_activities.vue
index 86a08d1..dab40c6 100644
--- a/src/views/index/components/party_building_activities.vue
+++ b/src/views/index/components/party_building_activities.vue
@@ -10,8 +10,8 @@
         </div>
       </div>
       <div class="title">
-        <!--{{ $t('message.news_center') }}-->
-        党群工作
+        {{ $t('message.party') }}
+        <!--党群工作-->
       </div>
       <div class="hr_div">
         <div class="hr_line_right">
@@ -70,8 +70,8 @@
         </div>
       </div>
       <div class="hr_text" style="color:#DA2D2D;">
-        <!--{{ $t('message.news_center') }}-->
-        党史教育
+        {{ $t('message.party_education') }}
+        <!--党史教育-->
       </div>
       <div class="hr_div">
         <div class="hr_line_right">
diff --git a/src/views/index/components/scientific_research_trends.vue b/src/views/index/components/scientific_research_trends.vue
index b6c95e8..9a5987d 100644
--- a/src/views/index/components/scientific_research_trends.vue
+++ b/src/views/index/components/scientific_research_trends.vue
@@ -9,8 +9,8 @@
         </div>
       </div>
       <div class="title">
-        <!--{{ $t('message.news_center') }}-->
-        科学研究
+        {{ $t('message.research') }}
+        <!--科学研究-->
       </div>
       <div class="hr_div">
         <div class="hr_line_right">
@@ -95,8 +95,8 @@
         </div>
       </div>
       <div class="hr_text" style="color:#E6E6E6;">
-        <!--{{ $t('message.news_center') }}-->
-        学术交流
+        {{ $t('message.academic') }}
+        <!--学术交流-->
       </div>
       <div class="hr_div">
         <div class="hr_line_right">
@@ -294,7 +294,7 @@ export default {
       line-height: 2.2rem;
       border-radius: 1.1rem;
       border: 0.1rem solid #1956BC;
-      margin-left: 3rem;
+      margin-left: 2rem;
     }
   }
 
diff --git a/src/views/index/components/teaching_student.vue b/src/views/index/components/teaching_student.vue
index 8a26f85..a3e5efd 100644
--- a/src/views/index/components/teaching_student.vue
+++ b/src/views/index/components/teaching_student.vue
@@ -11,8 +11,8 @@
         </div>
       </div>
       <div class="title">
-        <!--{{ $t('message.news_center') }}-->
-        教学工作
+        {{ $t('message.teaching_work') }}
+        <!--教学工作-->
       </div>
       <div class="hr_div">
         <div class="hr_line_right">