220

src/App.vue

@@ -12,7 +12,7 @@
         <router-view/>
       </el-col>
     </el-row>
-    <!--<footers/>-->
+    <footers/>
   </div>
 </template>
 <script>

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':'测试',
+    'home': '学院首页',
-    'student':'学生',
+    'news_ceter': '新闻中心',
-    'staff':'教职工',
+    'more': '更多',
-    'alumni':'校友',
+    'research': '科学研究',
-    'examine':'考生',
+    'academic': '学术交流',
-    'Services portal':'服务门户',
+    'party': '党群工作',
-    'news_center':'新闻中心',
+    'party_education': '党史教育',
-    'more':'查看更多',
+    '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
 }

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',
+    'home': 'Home',
-    'student':'student',
+    'news_ceter': 'News Center',
-    'staff':'staff',
+    'more': 'More',
-    'alumni':'alumni',
+    'research': 'Research',
-    'examine':'examine',
+    'academic': 'Academic',
-    'Services portal':'Services portal',
+    'party': 'Party',
-    'news_center':'News Center',
+    'party_education': 'Party Education',
-    'more':'More',
+    '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

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({

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',
+  created() {
-  components: {
+    this.$router.push("/home");
-    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;
 
-    // 浏览器兼容
-    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>

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 ((this.startTime - this.endTime) > 1) {
-        if (delta > 0 && window.pageYOffset < 937) {
+        if (delta > 0 && window.pageYOffset < window.innerHeight) {
       //    // 向下滚动
       //    this.index = 2;
       //    this.toPage(this.index);
-          window.scrollTo({top: 937, behavior: 'smooth',})
+          window.scrollTo({top: window.innerHeight+20, behavior: 'smooth',})
-        } else if (delta < 0 && parseInt(this.main.offsetTop) == 0) {
+        } else if (delta < 0 &&  window.pageYOffset <=  window.innerHeight+200) {
       //    // 向上滚动
       //
       //
       //
       //
+          window.scrollTo({top: 0, behavior: 'smooth',})
       //    this.index = 1;
       //    this.toPage(this.index);
         }

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;
+  }
 }
 
 

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>

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>

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; ">
+              <p style="font-family:Verdana, Geneva, sans-serif;font-weight:500;font-size:2rem; padding-bottom:6px; ">{{ $t('message.contact_us') }}
-                CONTACT US</p>
+                <!--CONTACT US-->
-              <p style="margin-top: 6px;">犀浦校区地址：中国四川省成都市高新区西部园区西南交通大学 信息科学与技术学院 &nbsp;&nbsp;&nbsp;&nbsp; </p>
+              </p>
-              <p>邮政编码：611756</p>
+              <p style="margin-top: 6px;">
-              <p>电话：+86 28 66366709(行政)<!--；&nbsp;+86 28 66366741(学生工作组)--></p>
+                {{ $t('message.adress') }}
-              <p style="margin-top: 8px;">版权所有 © 2015 西南交通大学信息科学与技术学院. All rights reserved. <a href="#">&nbsp;意见反馈</a>
+                <!--犀浦校区地址：中国四川省成都市高新区西部园区西南交通大学 信息科学与技术学院-->
+              </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>
+                <td><p><a href="http://www.swjtu.edu.cn/" target="_blank">
-                  <p><a href="http://english.swjtu.edu.cn/public/default.aspx" target="_blank">西南交通大学（ENGLISH）</a></p>
+                  {{ $t('message.chinese_site') }}
-                  <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>
+                </a></p>
-                  <p><a href="http://www.fmprc.gov.cn/" target="_blank">中华人民共和国外交部</a></p>
+                  <p><a href="http://english.swjtu.edu.cn/public/default.aspx" target="_blank">
-                  <p><a href="http://www.moe.edu.cn/" target="_blank">中华人民共和国教育部门户网站</a></p>
+                    <!--西南交通大学（ENGLISH）-->
-                  <p><a href="http://www.ieee.org/" target="_blank">电气和电子工程师协会(IEEE)</a></p>
+                    {{ $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>

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 style="padding: 0 1.1rem;" v-show="!english">{{ menu.title }}</span>
-                  <span v-show="english">{{ menu.englishTitle }}</span>
+                  <span style="padding: 0 .9rem" v-show="english">{{ menu.englishTitle }}</span>
-                </div>
+
                 <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;
         }
       }
 

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_left">{{ $t('message.research_team') }}</div>
-                  <div class="table_tr_right">{{data.worker}}人</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 {

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">

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">

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;
     }
   }
 

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">