修改细节

.env.production

@@ -3,4 +3,4 @@ ENV = 'production'
 
 # EBTS/生产环境
 #VUE_APP_BASE_API = '/prod-api'
-VUE_APP_BASE_API = 'http://192.168.190.67:8096/dev-api'
+VUE_APP_BASE_API = 'http://192.168.190.67/dev-api'

src/App.vue

@@ -19,7 +19,7 @@
 import headers from './views/header/index'
 import MobileHerder from './views/header/mobile_herder'
 import footers from './views/footer/index'
-import {setAppLanguage} from "@/utils/sist";
+import {setAppLanguage,setThis} from "@/utils/sist";
 
 export default {
   name: 'App',
@@ -37,6 +37,7 @@ export default {
     }
   },
   created() {
+    setThis(this)
     setAppLanguage(this)
   },
   mounted() { //监听scroll方法

src/router/index.js

@@ -14,11 +14,6 @@ const routes = [
     name: 'index',
     component: () => import(/* webpackChunkName: "about" */ '../views/anchor')
   },
-  {
-    path: '/sp',
-    name: 'TeachingStaff',
-    component: () => import(/* webpackChunkName: "about" */ '../views/school_profile/index')
-  },
   {
     path: '/mobile',
     name: 'Mobile',
@@ -34,27 +29,6 @@ const routes = [
     name: 'Mobile',
     component: () => import(/* webpackChunkName: "about" */ '../views/mobile/index')
   },
-  {
-    path: '/ts',
-    name: 'TeachingStaff',
-    component: () => import(/* webpackChunkName: "about" */ '../views/teaching_staff/index')
-  },
-  {
-    path: '/test',
-    name: 'TeachingStaff',
-    component: () => import(/* webpackChunkName: "about" */ '../views/Test')
-  },
-
-  {
-    path: '/et',
-    name: 'EduTeach',
-    component: () => import(/* webpackChunkName: "about" */ '../views/edu_teach/index')
-  },
-  {
-    path: '/h',
-    name: 'EduTeach',
-    component: () => import(/* webpackChunkName: "about" */ '../components/HelloWorld')
-  },
   {
     path: '/pc/:secondId/:navId',
     name: 'content',
@@ -68,7 +42,7 @@ const routes = [
   {
     path: '*',
     name: 'index',
-    component: () => import(/* webpackChunkName: "about" */ '../views/Test')
+    component: () => import(/* webpackChunkName: "about" */ '../views/other')
   },
 ]
 

src/utils/sist.js

@@ -4,10 +4,15 @@
  * @description：sist
  * @email: clay@hchyun.com
  */
+let vm = null
+
+import {info} from "@/api";
+export function setThis(that) {
+  vm = that
+}
 
 export function getParentNode(id) {
   try {
-
     let menuList = JSON.parse(sessionStorage.getItem("menu"));
     for (let menu of menuList) {
       for (let child of menu.children) {
@@ -15,8 +20,7 @@ export function getParentNode(id) {
           menu.children = []
           child.children = []
           return {
-            stair: menu,
+            stair: menu, second: child,
-            second: child,
           }
         }
         for (let item of child.children) {
@@ -25,9 +29,7 @@ export function getParentNode(id) {
             child.children = []
             item.children = []
             return {
-              stair: menu,
+              stair: menu, second: child, three: item
-              second: child,
-              three: item
             }
           }
         }
@@ -39,10 +41,10 @@ export function getParentNode(id) {
   }
 }
 
-export function setAppLanguage(that){
+export function setAppLanguage() {
   let lang = sessionStorage.getItem("lang");
   if (lang != null) {
-    that.$i18n.locale = lang
+    vm.$i18n.locale = lang
     return
   }
   var language = window.navigator.userLanguage || window.navigator.language;
@@ -51,18 +53,63 @@ export function setAppLanguage(that){
   } else {
     lang = 'en'
   }
-  that.$i18n.locale = lang
+  vm.$i18n.locale = lang
   sessionStorage.setItem("lang", lang)
 }
-export function setLanguage(that){
+
-  let lang  = that.$route.query && that.$route.query.lang
+export function setLanguage() {
+  let lang = vm.$route.query && vm.$route.query.lang
   if (lang != undefined) {
-    that.$i18n.locale = lang
+    vm.$i18n.locale = lang
     sessionStorage.setItem("lang", lang)
   }
 }
 
 
+export function toArticle(news,width) {
+  info(news.id).then(res => {
+    let info = null
+    try {
+      info  = getParentNode(res.data.encodeId)
+    }catch (e){}
+    if (info == null){
+      return
+    }
+    if (width) {
+      vm.$router.push("/pc/" + info.second.encodeId + "/" + info.three.encodeId + "?id=" + news.id + "&lang=" + sessionStorage.getItem("lang"));
+    } else {
+      vm.$router.push("/mobile/" + info.second.encodeId + "/" + info.three.encodeId + "?id=" + news.id + "&lang=" + sessionStorage.getItem("lang"));
+    }
+  })
+}
+
+export function lookMoreComment(item,width) {
+  info(item.id).then(res => {
+    let info = null
+    try {
+      info  = getParentNode(res.data.encodeId)
+    }catch (e){}
+    if (info == null){
+      return
+    }
+    if (info.three == null) {
+      if (width) {
+        vm.$router.push("/pc/" + info.second.encodeId + "?type=" + info.second.type + "&lang=" + sessionStorage.getItem("lang"));
+      } else {
+        vm.$router.push("/mobile/" + info.second.encodeId + "?type=" + info.second.type + "&lang=" + sessionStorage.getItem("lang"));
+      }
+    } else {
+      if (width) {
+        vm.$router.push("/pc/" + info.second.encodeId + "/" + info.three.encodeId + "?type=" + info.second.type + "&lang=" + sessionStorage.getItem("lang"));
+      } else {
+        vm.$router.push("/mobile/" + info.second.encodeId + "/" + info.three.encodeId + "?type=" + info.second.type + "&lang=" + sessionStorage.getItem("lang"));
+      }
+    }
+  })
+}
+
+
+
 
 
 

src/views/admin.vue

@@ -0,0 +1,31 @@
+<template>
+  <div v-loading="loading" :style="'height:'+ height">
+    <iframe :src="src" frameborder="no" style="width: 100%;height: 100%" scrolling="auto"/>
+  </div>
+</template>
+
+<script>
+export default {
+  name: "Admin",
+  data() {
+    return {
+      src: "http://localhost/admin",
+      height: document.documentElement.clientHeight - 94.5 + "px;",
+      loading: true
+    };
+  },
+  mounted: function () {
+    setTimeout(() => {
+      this.loading = false;
+    }, 230);
+    const that = this;
+    window.onresize = function temp() {
+      that.height = document.documentElement.clientHeight - 94.5 + "px;";
+    };
+  }
+};
+</script>
+
+<style scoped>
+
+</style>

src/views/content/components/list.vue

@@ -7,12 +7,15 @@
           <!--<div style="width: 95%;">-->
           <div>
             <!--<input class="query_input" v-model="query"/>-->
-            <el-input class="query_input" v-model="query" size="small" :placeholder="$t('message.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 class="query_button" type="primary" size="small" icon="el-icon-search"
-            {{ $t('message.search') }}</el-button>
+                     @click="handleCurrentChange(-1)">
+            {{ $t('message.search') }}
+          </el-button>
         </el-col>
       </el-row>
     </div>
@@ -221,6 +224,7 @@ export default {
       padding-right: 2rem;
 
     }
+
     //.tw_context_title:hover{
     //  font-weight: bolder;
     //}
@@ -251,6 +255,7 @@ export default {
     color: #3C3C3C;
   }
 }
+
 .pagination_p {
   text-align: center;
   margin-bottom: 2rem;
@@ -260,6 +265,7 @@ export default {
     float: none;
   }
 }
+
 .query {
   //margin: 1rem 0;
   z-index: 999;
@@ -269,11 +275,13 @@ export default {
   top: -2.4rem;
   //float: right;
 }
+
 @media screen and (min-width: 1100px) and (max-width: 1400px) {
   .query {
     width: 40% !important;
   }
 }
+
 @media screen and (max-width: 1100px) {
   .query {
     margin-top: 3rem;

src/views/content/index.vue

@@ -385,12 +385,15 @@ export default {
 .content {
   background-color: #F8F8F8 !important;
 }
+
 .english {
   margin: 0 !important;
   width: 80% !important;
+
   .lab {
     width: 100% !important;
   }
+
   .lab_list {
     width: 100% !important;
   }

src/views/edu_teach/index.vue

@@ -1,415 +0,0 @@
-<template>
-  <div id="edu_teach">
-    <el-row>
-      <el-col :span="24">
-        <!--首页图片-->
-        <div class="top">
-          <img src="@/assets/school_profile/bj123.png" alt="">
-        </div>
-      </el-col>
-    </el-row>
-    <el-row>
-      <el-col :xs="2" :sm="2" :md="1.5" :lg="2" :xl="4">
-        <div class="grid-content"></div>
-      </el-col>
-      <el-col v-show="width>992" :md="6" :lg="6" :xl="4">
-        <div class="left_lab">
-          <div class="lab">
-            <div class="lab_list lab_select">
-              <div class="lab_img">
-                <img src="@/assets/school_profile/eji_icon_xz.png" alt="">
-              </div>
-              <div class="lab_title">
-                教学督导
-              </div>
-            </div>
-            <div class="lab_list">
-              <div class="lab_img">
-                <img src="@/assets/school_profile/eji_icon_xz.png" alt="">
-              </div>
-              <div class="lab_title">
-                本科教育
-              </div>
-            </div>
-            <div class="lab_list">
-              <div class="lab_img">
-                <img src="@/assets/school_profile/eji_icon_xz.png" alt="">
-              </div>
-              <div class="lab_title">
-                研究生教育
-              </div>
-            </div>
-            <div class="lab_list">
-              <div class="lab_img">
-                <img src="@/assets/school_profile/eji_icon_xz.png" alt="">
-              </div>
-              <div class="lab_title">
-                教学平台
-              </div>
-            </div>
-          </div>
-        </div>
-      </el-col>
-      <el-col :xs="20" :sm="20" :md="15" :lg="14" :xl="12" >
-        <el-row>
-          <el-col>
-            <div class="tab">
-              <router-link to="/">首页</router-link>
-              <span> > </span>
-              <router-link to="">教育教学</router-link>
-              <span> > </span>
-              <span style="color: #1956BC;font-size: 1.4rem">教学督导</span>
-            </div>
-          </el-col>
-        </el-row>
-
-        <el-row>
-          <!--正文内容-->
-          <el-col class="context">
-            <div class="tw">
-              <el-row>
-                <el-col :xs="6" :sm="6" :md="5" :lg="4" :xl="4">
-                  <div class="tw_time">
-                    <div class="tw_top">
-                      28
-                    </div>
-                    <div class="tw_bottoms">
-                      2021-10
-                    </div>
-                  </div>
-                </el-col>
-                <el-col :xs="18" :sm="18" :md="18" :lg="16" :xl="17">
-                  <div class="tw_context">
-                    <div class="tw_context_title">
-                      不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
-                    </div>
-                    <div class="tw_context_text">
-                      为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
-                    </div>
-                  </div>
-                </el-col>
-                <el-col v-show="width>992" :xs="1" :sm="1" :md="3" :lg="4" :xl="3">
-                  <div class="tw_img">
-                    <img src="@/assets/index/teaching_student/tw1.png" alt="">
-                  </div>
-                </el-col>
-              </el-row>
-              <hr style="border: 0.1rem solid #E6E6E6;" class="hr">
-            </div>
-            <div class="tw">
-              <el-row>
-                <el-col :xs="6" :sm="6" :md="5" :lg="4" :xl="4">
-                  <div class="tw_time">
-                    <div class="tw_top">
-                      28
-                    </div>
-                    <div class="tw_bottoms">
-                      2021-10
-                    </div>
-                  </div>
-                </el-col>
-                <el-col :xs="18" :sm="18" :md="18" :lg="16" :xl="17">
-                  <div class="tw_context">
-                    <div class="tw_context_title">
-                      不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
-                    </div>
-                    <div class="tw_context_text">
-                      为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
-                    </div>
-                  </div>
-                </el-col>
-                <el-col v-show="width>992" :xs="1" :sm="1" :md="3" :lg="4" :xl="3">
-                  <div class="tw_img">
-                    <img src="@/assets/index/teaching_student/tw1.png" alt="">
-                  </div>
-                </el-col>
-              </el-row>
-              <hr style="border: 0.1rem solid #E6E6E6;" class="hr">
-            </div>
-            <div class="tw">
-              <el-row>
-                <el-col :xs="6" :sm="6" :md="5" :lg="4" :xl="4">
-                  <div class="tw_time">
-                    <div class="tw_top">
-                      28
-                    </div>
-                    <div class="tw_bottoms">
-                      2021-10
-                    </div>
-                  </div>
-                </el-col>
-                <el-col :xs="18" :sm="18" :md="18" :lg="16" :xl="17">
-                  <div class="tw_context">
-                    <div class="tw_context_title">
-                      不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
-                    </div>
-                    <div class="tw_context_text">
-                      为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
-                    </div>
-                  </div>
-                </el-col>
-                <el-col v-show="width>992" :xs="1" :sm="1" :md="3" :lg="4" :xl="3">
-                  <div class="tw_img">
-                    <img src="@/assets/index/teaching_student/tw1.png" alt="">
-                  </div>
-                </el-col>
-              </el-row>
-              <hr style="border: 0.1rem solid #E6E6E6;" class="hr">
-            </div>
-            <div class="tw">
-              <el-row>
-                <el-col :xs="6" :sm="6" :md="5" :lg="4" :xl="4">
-                  <div class="tw_time">
-                    <div class="tw_top">
-                      28
-                    </div>
-                    <div class="tw_bottoms">
-                      2021-10
-                    </div>
-                  </div>
-                </el-col>
-                <el-col :xs="18" :sm="18" :md="18" :lg="16" :xl="17">
-                  <div class="tw_context">
-                    <div class="tw_context_title">
-                      不忘初心，展望未来——信息科学与技术学院开展转专业同学交流会
-                    </div>
-                    <div class="tw_context_text">
-                      为促进学生学业发展、给予2021年转专业同学有针对性的帮助，信息科学与技术学院于10月26日开展转专业同学分享交流会。信息科学与技术学院党委副书记马琼、本科生教学主管蒋燕老师…
-                    </div>
-                  </div>
-                </el-col>
-                <el-col v-show="width>992" :xs="1" :sm="1" :md="3" :lg="4" :xl="3">
-                  <div class="tw_img">
-                    <img src="@/assets/index/teaching_student/tw1.png" alt="">
-                  </div>
-                </el-col>
-              </el-row>
-              <hr style="border: 0.1rem solid #E6E6E6;" class="hr">
-            </div>
-          </el-col>
-        </el-row>
-      </el-col>
-      <el-col :xs="2" :sm="2" :md="1.5" :lg="2" :xl="4">
-        <div class="grid-content"></div>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "index",
-  data() {
-    return {
-      width: document.documentElement.clientWidth
-    }
-  },
-}
-</script>
-
-<style scoped lang="scss">
-
-#edu_teach {
-  .top {
-    img {
-      width: 100%;
-    }
-  }
-
-  font-family: "微软雅黑";
-  background: #F8F8F8;
-
-  .left_lab {
-    margin-left: 4rem;
-    width: 22rem;
-    height: 40rem;
-    background: #1956BC;
-    border-radius: 0rem 0rem 2rem 0rem;
-    position: relative;
-
-    .lab {
-      font-size: 1.6rem;
-      position: absolute;
-      left: 4.8rem;
-      top: 5rem;
-      width: 19rem;
-      margin-bottom: 3rem;
-      background: #FFFFFF;
-      box-shadow: 0rem 0.2rem 0.4rem 0rem rgba(6, 42, 102, 0.67);
-      border-radius: 0rem 0rem 2.5rem 2rem;
-
-      .lab_list:last-child {
-        border: none;
-      }
-
-      .lab_list {
-        text-align: center;
-        margin-left: 1rem;
-        width: 18rem;
-        height: 8rem;
-        clear: left;
-        line-height: 8rem;
-        border-bottom: 0.1rem solid #94BCFF;
-
-        .lab_img {
-          margin-top: .2rem;
-          float: left;
-          width: 1.4rem;
-          height: 1.4rem;
-          display: none;
-          margin-left: 4rem;
-        }
-
-        .lab_title {
-          color: #1956BC;
-          float: left;
-          margin-left: 6rem;
-        }
-      }
-
-      .lab_select {
-        background: #94BCFF;
-
-        .lab_img {
-          display: block;
-        }
-
-        .lab_title {
-          color: #FFFFFF;
-          margin-left: .4rem;
-        }
-      }
-    }
-
-  }
-
-  @media screen and (max-width: 980px) {
-    .left_lab {
-      margin-left: 3rem;
-      width: 16.5rem;
-      height: 30rem;
-
-      border-radius: 0rem 0rem 1rem 0rem;
-
-      .lab {
-        left: 3.6rem;
-        top: 3.75rem;
-        width: 14.25rem;
-        margin-bottom: 2.25rem;
-        border-radius: 0rem 0rem 1.2rem 1rem;
-
-        .lab_list {
-          margin-left: .75rem;
-          width: 13.5rem;
-          height: 6rem;
-          line-height: 6rem;
-          .lab_img {
-            margin-top: .1rem;
-            width: 1.05rem;
-            height: 1.05rem;
-            display: none;
-            margin-left: 3rem;
-          }
-          .lab_title {
-            margin-left: 1.5rem;
-          }
-        }
-
-      }
-    }
-  }
-
-  .tab {
-    margin-left: 1.9rem;
-    margin-top: 1.5rem;
-    font-weight: 400;
-
-    a {
-      text-decoration: none;
-      font-size: 1.4rem !important;
-      color: #3C3C3C;
-    }
-  }
-
-  .context {
-    margin: 3rem 2rem;
-    padding-bottom: 3rem;
-    //width: 84.3rem;
-    background: #FFFFFF;
-
-    .tw {
-      margin-top: 4rem;
-    }
-
-    .tw_img{
-      width: 100%;
-      text-align: left;
-      img{
-        width: 90%;
-      }
-    }
-    .tw_time {
-      border-right: .3rem solid #D5D5D5;
-      height: 10rem;
-      width: 10rem;
-      color: #1956BC;
-      text-align: center;
-
-      .tw_top {
-        height: 8rem;
-        width: 100%;
-        line-height: 8rem;
-        font-size: 5.2rem;
-      }
-
-      .tw_bottoms {
-        height: 2rem;
-        width: 100%;
-        font-size: 1.4rem;
-      }
-    }
-
-    .tw_context {
-
-      font-family: PingFangSC-Medium, PingFang SC;
-      color: #161616;
-
-
-      .tw_context_title {
-        overflow:hidden; //超出的文本隐藏
-        text-overflow:ellipsis; //溢出用省略号显示
-        white-space:nowrap; //溢出不换行
-        font-size: 2rem;
-        font-weight: 600;
-        padding-right: 2rem;
-
-      }
-
-      .tw_context_text {
-        margin-top: .8rem;
-        font-size: 1.6rem;
-        font-weight: 400;
-        overflow: hidden;
-        text-overflow: ellipsis;
-        display:-webkit-box; //作为弹性伸缩盒子模型显示。
-        -webkit-box-orient:vertical; //设置伸缩盒子的子元素排列方式--从上到下垂直排列
-        -webkit-line-clamp:3; //显示的行
-      }
-    }
-
-    .title {
-      font-size: 2.4rem;
-      font-weight: 500;
-      color: #1956BC;
-      text-align: center;
-    }
-
-    .text {
-      margin-top: 2rem;
-      font-size: 1.2rem;
-      font-weight: 400;
-      color: #3C3C3C;
-    }
-  }
-}
-</style>

src/views/index/components/news_center.vue

@@ -93,8 +93,8 @@
 </template>
 
 <script>
-import {article, banner, getArticleList, info} from "@/api";
+import {banner, getArticleList} from "@/api";
-import {getParentNode} from "@/utils/sist";
+import {toArticle,lookMoreComment} from "@/utils/sist";
 
 export default {
   name: "news_center",
@@ -114,24 +114,11 @@ export default {
       //console.log(link)
       window.location.href = link;//当前标签页
     },
+    getArticle(news){
+      toArticle(news,this.width)
+    },
     lookMore(news) {
-      info(news.id).then(res => {
+      lookMoreComment(news,this.width)
-        let info = getParentNode(res.data.encodeId)
-        console.log(res)
-        if (info.three == null) {
-          if (this.width) {
-            this.$router.push("/pc/" + info.second.encodeId + "?type=" + info.second.type + "&lang=" + sessionStorage.getItem("lang"));
-          } else {
-            this.$router.push("/mobile/" + info.second.encodeId + "?type=" + info.second.type + "&lang=" + sessionStorage.getItem("lang"));
-          }
-        } else {
-          if (this.width) {
-            this.$router.push("/pc/" + info.second.encodeId + "/" + info.three.encodeId + "?type=" + info.second.type + "&lang=" + sessionStorage.getItem("lang"));
-          } else {
-            this.$router.push("/mobile/" + info.second.encodeId + "/" + info.three.encodeId + "?type=" + info.second.type + "&lang=" + sessionStorage.getItem("lang"));
-          }
-        }
-      })
     },
     getList() {
       getArticleList({
@@ -142,16 +129,6 @@ 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 + "&lang=" + sessionStorage.getItem("lang"));
-        } else {
-          this.$router.push("/mobile/" + info.second.encodeId + "/" + info.three.encodeId + "?id=" + news.id + "&lang=" + sessionStorage.getItem("lang"));
-        }
-      })
-    },
     getBanner() {
       banner("NEd5n92EMIpyyBslaNqsRgE").then(res => {
         this.bannerDate = res.data

src/views/index/components/party_building_activities.vue

@@ -96,7 +96,7 @@
               </div>
             </el-col>
             <el-col :xs="18" :sm="18" :md="18" :lg="17" :xl="17" :span="17">
-              <div class="phe_context">
+              <div class="phe_context" @click="getArticle(item)">
                 <div class="phe_context_title">{{item.title}}</div>
                 <div class="phe_context_text" v-html="item.content">
                 </div>
@@ -115,8 +115,8 @@
 
 <script>
 import SlideshowCard from './slideshow_card'
-import {getArticleList, info} from "@/api";
+import {getArticleList} from "@/api";
-import {getParentNode} from "@/utils/sist";
+import {toArticle,lookMoreComment} from "@/utils/sist";
 
 export default {
   name: "party_building_activities",
@@ -132,24 +132,11 @@ export default {
     this.getListData()
   },
   methods:{
-    lookMore(news){
+    getArticle(item){
-      info(news.id).then(res=>{
+      toArticle(item,this.width)
-        let info = getParentNode(res.data.encodeId)
+    },
-        console.log(res)
+    lookMore(item){
-        if (info.three ==null){
+      lookMoreComment(item,this.width)
-          if (this.width){
-            this.$router.push("/pc/" + info.second.encodeId +"?type=" + info.second.type+"&lang="+sessionStorage.getItem("lang"));
-          }else {
-            this.$router.push("/mobile/" + info.second.encodeId +"?type=" + info.second.type+"&lang="+sessionStorage.getItem("lang"));
-          }
-        }else {
-          if (this.width){
-            this.$router.push("/pc/" + info.second.encodeId +"/" + info.three.encodeId + "?type=" + info.second.type+"&lang="+sessionStorage.getItem("lang"));
-          }else {
-            this.$router.push("/mobile/" + info.second.encodeId + "/" + info.three.encodeId + "?type=" + info.second.type+"&lang="+sessionStorage.getItem("lang"));
-          }
-        }
-      })
     },
 
     getListData(){

src/views/index/components/scientific_research_trends.vue

@@ -152,7 +152,7 @@
 <script>
 import {getArticleList, info} from "@/api";
 import {parseTime} from '@/utils/ebts'
-import {getParentNode} from "@/utils/sist";
+import {toArticle,lookMoreComment} from "@/utils/sist";
 
 export default {
   name: "scientific_research_trends",
@@ -169,26 +169,12 @@ export default {
   },
   methods: {
 
-    lookMore(news){
+    getArticle(news){
-      info(news.id).then(res=>{
+      toArticle(news,this.width)
-        let info = getParentNode(res.data.encodeId)
+    },
-        console.log(res)
+    lookMore(news) {
-        if (info.three ==null){
+      lookMoreComment(news,this.width)
-          if (this.width){
-            this.$router.push("/pc/" + info.second.encodeId +"?type=" + info.second.type+"&lang="+sessionStorage.getItem("lang"));
-          }else {
-            this.$router.push("/mobile/" + info.second.encodeId +"?type=" + info.second.type+"&lang="+sessionStorage.getItem("lang"));
-          }
-        }else {
-          if (this.width){
-            this.$router.push("/pc/" + info.second.encodeId +"/" + info.three.encodeId + "?type=" + info.second.type+"&lang="+sessionStorage.getItem("lang"));
-          }else {
-            this.$router.push("/mobile/" + info.second.encodeId + "/" + info.three.encodeId + "?type=" + info.second.type+"&lang="+sessionStorage.getItem("lang"));
-          }
-        }
-      })
     },
-
     getScientificList() {
       getArticleList({
         type: "VPteru0OeW6GgYObAewMupY",
@@ -198,26 +184,6 @@ export default {
         this.scientificData = res.rows
       })
     },
-    getArticle(news){
-      info(news.id).then(res=>{
-        let info = getParentNode(res.data.encodeId)
-        console.log(info)
-        if (info.three == null){
-          if (this.width){
-            this.$router.push("/pc/" + info.second.encodeId +"?id="+news.id + "&type=" + info.second.type+"&lang="+sessionStorage.getItem("lang"));
-          }else {
-            this.$router.push("/mobile/" + info.second.encodeId +"?id="+news.id + "&type=" + info.second.type+"&lang="+sessionStorage.getItem("lang"));
-          }
-        }else {
-          if (this.width){
-            this.$router.push("/pc/" + info.second.encodeId +"/" +info.three.encodeId+"?id="+news.id+"&lang="+sessionStorage.getItem("lang"));
-          }else {
-            this.$router.push("/mobile/" + info.second.encodeId +"/" +info.three.encodeId+"?id="+news.id+"&lang="+sessionStorage.getItem("lang"));
-          }
-        }
-
-      })
-    },
     getAcademiaList() {
       getArticleList({
         type: "KBwgShsEiDolV91qmaWdWJc",

src/views/index/components/teaching_student.vue

@@ -76,8 +76,8 @@
 </template>
 
 <script>
-import {getArticleList, info} from "@/api";
+import {getArticleList} from "@/api";
-import {getParentNode} from "@/utils/sist";
+import {toArticle,lookMoreComment} from "@/utils/sist";
 
 export default {
   name: "teaching_student",
@@ -91,25 +91,11 @@ export default {
     this.getListData()
   },
   methods:{
-
+    getArticle(news){
+      toArticle(news,this.width)
+    },
     lookMore(news) {
-      info(news.id).then(res=>{
+      lookMoreComment(news,this.width)
-        let info = getParentNode(res.data.encodeId)
-        console.log(res)
-        if (info.three ==null){
-          if (this.width){
-            this.$router.push("/pc/" + info.second.encodeId +"?type=" + info.second.type+"&lang="+sessionStorage.getItem("lang"));
-          }else {
-            this.$router.push("/mobile/" + info.second.encodeId +"?type=" + info.second.type+"&lang="+sessionStorage.getItem("lang"));
-          }
-        }else {
-          if (this.width){
-            this.$router.push("/pc/" + info.second.encodeId +"/" + info.three.encodeId + "?type=" + info.second.type+"&lang="+sessionStorage.getItem("lang"));
-          }else {
-            this.$router.push("/mobile/" + info.second.encodeId + "/" + info.three.encodeId + "?type=" + info.second.type+"&lang="+sessionStorage.getItem("lang"));
-          }
-        }
-      })
     },
 
     getListData(){
@@ -124,26 +110,6 @@ export default {
     getDay(time){
       return new Date(time).getDate()
     },
-    getArticle(news){
-      info(news.id).then(res=>{
-        let info = getParentNode(res.data.encodeId)
-        console.log(info)
-        if (info.three == null){
-          if (this.width){
-            this.$router.push("/pc/" + info.second.encodeId +"?id="+news.id + "&type=" + info.second.type+"&lang="+sessionStorage.getItem("lang"));
-          }else {
-            this.$router.push("/mobile/" + info.second.encodeId +"?id="+news.id + "&type=" + info.second.type+"&lang="+sessionStorage.getItem("lang"));
-          }
-        }else {
-          if (this.width){
-            this.$router.push("/pc/" + info.second.encodeId +"/" +info.three.encodeId+"?id="+news.id+"&lang="+sessionStorage.getItem("lang"));
-          }else {
-            this.$router.push("/mobile/" + info.second.encodeId +"/" +info.three.encodeId+"?id="+news.id+"&lang="+sessionStorage.getItem("lang"));
-          }
-        }
-
-      })
-    },
     getTime(time){
       let date = new Date(time);
       return date.getFullYear() +"-" + date.getMonth()+1
@@ -192,6 +158,7 @@ export default {
       text-overflow:ellipsis; //溢出用省略号显示
       white-space:nowrap; //溢出不换行
       font-size: 2rem;
+      cursor:pointer;
       font-weight: 600;
       padding-right: 2rem;
 

src/views/school_profile/index.vue

@@ -1,280 +0,0 @@
-<template>
-  <div id="school_profile">
-    <el-row>
-      <el-col :span="24">
-        <!--首页图片-->
-        <div class="top">
-          <img src="@/assets/school_profile/bj123.png" alt="">
-        </div>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :xs="2" :sm="2" :md="1.5" :lg="2" :xl="4">
-        <div class="grid-content"></div>
-      </el-col>
-      <el-col v-show="width>992" :md="6" :lg="6" :xl="4">
-        <div class="left_lab">
-          <div class="lab">
-            <div class="lab_list lab_select">
-              <div class="lab_img">
-                <img src="@/assets/school_profile/eji_icon_xz.png" alt="">
-              </div>
-              <div class="lab_title">
-                学院简介
-              </div>
-            </div>
-            <div class="lab_list">
-              <div class="lab_img">
-                <img src="@/assets/school_profile/eji_icon_xz.png" alt="">
-              </div>
-              <div class="lab_title">
-                历史沿革
-              </div>
-            </div>
-            <div class="lab_list">
-              <div class="lab_img">
-                <img src="@/assets/school_profile/eji_icon_xz.png" alt="">
-              </div>
-              <div class="lab_title">
-                学院领导
-              </div>
-            </div>
-            <div class="lab_list">
-              <div class="lab_img">
-                <img src="@/assets/school_profile/eji_icon_xz.png" alt="">
-              </div>
-              <div class="lab_title">
-                机构设置
-              </div>
-            </div>
-            <div class="lab_list">
-              <div class="lab_img">
-                <img src="@/assets/school_profile/eji_icon_xz.png" alt="">
-              </div>
-              <div class="lab_title">
-                院长致辞
-              </div>
-            </div>
-          </div>
-        </div>
-      </el-col>
-      <el-col :xs="20" :sm="20" :md="15" :lg="14" :xl="12" >
-        <el-row>
-          <el-col>
-            <div class="tab">
-              <router-link to="/">首页</router-link>
-              <span> > </span>
-              <router-link to="">学院概况</router-link>
-              <span> > </span>
-              <span style="color: #1956BC;font-size: 1.4rem">学院简介</span>
-            </div>
-            <div class="context">
-              <div class="title">学院简介</div>
-              <div class="text">
-                西南交通大学信息科学与技术学院是随着时代和国家战略需求发展起来的学院，上世纪六十年代初创办了计算技术、自动化和无线电技术3个专业，是国内较早开设电子与信息类专业的学校，1981年计算机及应用专业获得首批硕士学位授予权，1985年成立计算机科学与工程系，1993年成立计算机与信息工程学院，1994年更名为计算机与通信工程学院，2005年更名为信息科学与技术学院，2021年3月进行重组。历经六十余载，学院形成了以通信、控制、电子和计算机为主干学科的覆盖电子信息整个领域的学科体系，成为具有轨道交通特色的信息技术人才培养和科学研究的基地。
-
-                <br>
-                图1：学院发展历程
-                <br>
-
-                学院下设通信工程、自动化、电子工程系、铁道信息工程4个系，6个本科专业和方向，其中通信工程为国家级特色专业，自动化为国家卓越工程师教育培养计划专业，同时为实施精英培养，学院还设有茅以升学院信息班、詹天佑学院信息班。
-
-
-                图2：学院专业建设
-                <br>
-                学院拥有包括国家级国际科技合作基地、国家级实验教学示范中心在内的4个教学型实验室、14个研究型实验室、8个共建实验室，建成了国内唯一集通信网络与信息安全系统为一体的“现代通信网络与信息安全实验平台”，拥有国内一流实践教学条件，建立了12个校内外实习基地，并与知名IT类企业、轨道交通企业展开了联合培养。学生在校期间可根据自己的兴趣选择进入实验室、创新中心和研究所参与科研项目。
-                图3：学院实验室、平台、团队
-                <br>
-
-                学院学历教育涵盖博士、硕士、重点本科、留学生（博、硕、本）等多个层次。拥有3个一级学科博士点、1个一级学科硕士点，以及1个工程硕士点和2个博士后流动站，还拥有国家重点学科、省级重点学科。2016年5月，Computer
-                Science学科进入ESI全球排名前1%。
-
-                <br>
-
-
-                图4：学院学位点
-                <br>
-
-                学院重视学科建设工作，在拥有的众多学科里，含国家重点学科1个、一级学科省级重点学科2个。
-                <br>
-                学院师资力量雄厚，现有教职工146人，其中教授34人，副教授48人，博导36人，拥有一批具备国际竞争力的学科领军人物，已形成一支朝气蓬勃、富有潜力的教学科研团队。
-                <br>
-                目前学院有各类在校学生近2000名，其中博士研究生超过100人，硕士研究生500余人。近年来，学院培养学生在“全国电子设计大赛”、“国际数学建模竞赛”、“ACM国际大学生程序设计竞赛”、“创青春”全国大学生创业大赛、中国“互联网+”大学生创新创业大赛等国内外顶级大学生创新创业竞赛中屡获佳绩，全面培养了学生科技创新能力和综合素质。
-                <br>
-                近年来，学院科研工作发展迅猛，承担了包括“973”计划、国家重点研发计划、国家科技支撑计划、国家科技重大专项、“111”计划，国家“211”工程建设项目和国家优势学科创新平台建设项目（特色“985”），科技部、教育部、国家杰出青年基金项目、国家自然科学基金（重点、面上、青年、国际合作等）项目，四川省和铁路总公司科技项目，以及来自行业、地方和企业的各类科技开发项目数百项。数十项科研成果获国家及省部级奖励。学院科研团队在国内外本领域顶级学术刊物上发表了一大批高水平学术论文，出版了多部在国内外具有影响力的中英文学术专著和教材。
-                <br>
-                学院具有宽广的国际化视野，超过一半的教师具有海外经历。拥有IEEE/OSA Fellow、IET fellow 、IEEE Distinguished
-                lecture、高水平学术刊物客座编辑等学术任职的教师。学院积极培养国际学生，培养了或正在培养来自欧洲、美洲、亚洲的十余个国家的各类留学生近百名。
-                <br>
-                我国高新技术的快速发展为信息学科的发展提供了广阔的发展前景和良好的机遇，学院已培养了一大批信息领域的高级专门人才，毕业生遍及海内外，其中不少已成为国内外知名专家、学者，行业领军人物和骨干。信息科学与技术学院广大师生将继续秉承学校“竢实扬华，自强不息”的精神，锐意进取，迎接挑战，为把学院建设成为高水平研究型学院而努力！
-              </div>
-
-            </div>
-          </el-col>
-        </el-row>
-      </el-col>
-      <el-col :xs="2" :sm="2" :md="1.5" :lg="2" :xl="4">
-        <div class="grid-content"></div>
-      </el-col>
-    </el-row>
-  </div>
-
-</template>
-
-<script>
-export default {
-  name: "index",
-  data() {
-    return {
-      width: document.documentElement.clientWidth
-    }
-  },
-  // created() {
-  //   alert(this.width>992)
-  // }
-}
-</script>
-
-<style scoped lang="scss">
-#school_profile {
-  .top {
-    img {
-      width: 100%;
-    }
-  }
-
-  font-family: "微软雅黑";
-  background: #F8F8F8;
-
-  .left_lab {
-    margin-left: 4rem;
-    width: 22rem;
-    height: 48rem;
-    background: #1956BC;
-    border-radius: 0rem 0rem 2rem 0rem;
-    position: relative;
-
-    .lab {
-      font-size: 1.6rem;
-      position: absolute;
-      left: 4.8rem;
-      top: 5rem;
-      width: 19rem;
-      margin-bottom: 3rem;
-      background: #FFFFFF;
-      box-shadow: 0rem 0.2rem 0.4rem 0rem rgba(6, 42, 102, 0.67);
-      border-radius: 0rem 0rem 2.5rem 2rem;
-
-      .lab_list:last-child {
-        border: none;
-      }
-
-      .lab_list {
-        text-align: center;
-        margin-left: 1rem;
-        width: 18rem;
-        height: 8rem;
-        clear: left;
-        line-height: 8rem;
-        border-bottom: 0.1rem solid #94BCFF;
-
-        .lab_img {
-          margin-top: .2rem;
-          float: left;
-          width: 1.4rem;
-          height: 1.4rem;
-          display: none;
-          margin-left: 4rem;
-
-          img {
-            width: 100%;
-          }
-        }
-
-        .lab_title {
-          color: #1956BC;
-          float: left;
-          margin-left: 6rem;
-        }
-      }
-
-      .lab_select {
-        background: #94BCFF;
-
-        .lab_img {
-          display: block;
-        }
-
-        .lab_title {
-          color: #FFFFFF;
-          margin-left: .4rem;
-        }
-      }
-    }
-  }
-
-
-  @media screen and (max-width: 980px) {
-    .left_lab {
-      margin-left: 3rem;
-      width: 16.5rem;
-      height: 36rem;
-
-      border-radius: 0rem 0rem 1rem 0rem;
-
-      .lab {
-        left: 3.6rem;
-        top: 3.75rem;
-        width: 14.25rem;
-        margin-bottom: 2.25rem;
-        border-radius: 0rem 0rem 1.2rem 1rem;
-
-        .lab_list {
-          margin-left: .75rem;
-          width: 13.5rem;
-          height: 6rem;
-          line-height: 6rem;
-          .lab_img {
-            margin-top: .1rem;
-            width: 1.05rem;
-            height: 1.05rem;
-            display: none;
-            margin-left: 3rem;
-          }
-          .lab_title {
-            margin-left: 1.5rem;
-          }
-        }
-
-      }
-    }
-  }
-
-
-  .tab {
-    margin-left: 1.9rem;
-    margin-top: 1.5rem;
-    font-weight: 400;
-    font-size: 1.4rem !important;
-    .context {
-      margin: 3rem 4rem;
-
-      .title {
-        font-size: 2.4rem;
-        font-weight: 500;
-        color: #1956BC;
-        text-align: center;
-      }
-
-      .text {
-        margin-top: 2rem;
-        font-size: 1.2rem;
-        font-weight: 400;
-        color: #3C3C3C;
-      }
-    }
-  }
-
-}
-</style>

src/views/teaching_staff/index.vue

@@ -1,502 +0,0 @@
-<template>
-  <div id="edu_teach">
-    <el-row>
-      <el-col>
-        <!--首页图片-->
-        <div class="top">
-          <img src="@/assets/school_profile/bj123.png" alt="">
-        </div>
-      </el-col>
-    </el-row>
-
-    <el-row>
-      <el-col :xs="2" :sm="2" :md="1.5" :lg="2" :xl="4">
-        <div class="grid-content"></div>
-      </el-col>
-      <el-col v-show="width>992" :md="6" :lg="6" :xl="4">
-        <div class="left_lab">
-          <div class="lab">
-            <div class="lab_list lab_select">
-              <div class="lab_img">
-                <img src="@/assets/school_profile/eji_icon_xz.png" alt="">
-              </div>
-              <div class="lab_title">
-                教师名录
-              </div>
-            </div>
-            <div class="lab_list">
-              <div class="lab_img">
-                <img src="@/assets/school_profile/eji_icon_xz.png" alt="">
-              </div>
-              <div class="lab_title">
-                高层次人才
-              </div>
-            </div>
-            <div class="lab_list">
-              <div class="lab_img">
-                <img src="@/assets/school_profile/eji_icon_xz.png" alt="">
-              </div>
-              <div class="lab_title">
-                硕士生导师
-              </div>
-            </div>
-            <div class="lab_list">
-              <div class="lab_img">
-                <img src="@/assets/school_profile/eji_icon_xz.png" alt="">
-              </div>
-              <div class="lab_title">
-                博士生导师
-              </div>
-            </div>
-          </div>
-        </div>
-      </el-col>
-      <el-col :xs="20" :sm="20" :md="15" :lg="14" :xl="12">
-        <el-row>
-          <el-col>
-            <div class="tab">
-              <router-link to="/">首页</router-link>
-              <span> > </span>
-              <router-link to="">师资队伍</router-link>
-              <span> > </span>
-              <span style="color: #1956BC;font-size: 1.4rem">教师名录</span>
-            </div>
-          </el-col>
-        </el-row>
-        <el-row>
-          <!--正文内容-->
-          <el-col class="context">
-            <el-row class="context_el-row">
-              <el-col :span="2" :offset="1">
-                <img class="context_img" src="@/assets/teaching_staff/eji_icon_ys.png" alt="">
-              </el-col>
-              <el-col :span="3" class="context_name">通信工程系</el-col>
-              <el-col :span="16">
-                <hr class="context_hr">
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col class="name" :offset="1" :span="23">
-                系主任
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col class="text" :offset="1" :span="23">
-                <div>梁暄</div>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col class="name" :offset="1" :span="23">
-                党支部书记
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col class="text" :offset="1" :span="23">
-                <div>彭焕优</div>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col class="name" :offset="1" :span="23">
-                实验室主任
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col class="text" :offset="1" :span="23">
-                <div>谢绘谰</div>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col class="name" :offset="1" :span="23">
-                教授(15人)
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col class="text" :offset="1" :span="23">
-                <div>锺心心</div>
-                <div>文荭潇</div>
-                <div>何翔翔</div>
-                <div>孔阳阳</div>
-                <div>邵岗贤</div>
-                <div>田心心</div>
-                <div>赖兴</div>
-                <div>阎婧</div>
-                <div>秦大毛</div>
-                <div>程爱爱</div>
-                <div>方浍溪</div>
-                <div>胡乐乐</div>
-                <div>戴竞</div>
-                <div>锺心心</div>
-                <div>戴竞</div>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col class="name" :offset="1" :span="23">
-                副教授(17人)
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col class="text" :offset="1" :span="23">
-                <div>锺心心</div>
-                <div>文荭潇</div>
-                <div>何翔翔</div>
-                <div>孔阳阳</div>
-                <div>邵岗贤</div>
-                <div>田心心</div>
-                <div>赖兴</div>
-                <div>阎婧</div>
-                <div>秦大毛</div>
-                <div>程爱爱</div>
-                <div>方浍溪</div>
-                <div>胡乐乐</div>
-                <div>戴竞</div>
-                <div>锺心心</div>
-                <div>戴竞</div>
-                <div>锺心心</div>
-                <div>戴竞</div>
-              </el-col>
-            </el-row>
-
-            <el-row>
-              <el-col class="name" :offset="1" :span="23">
-                实验人员(2人)
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col class="text" :offset="1" :span="23">
-                <div>锺心心</div>
-                <div>文荭潇</div>
-              </el-col>
-            </el-row>
-
-            <el-row>
-              <el-col class="name" :offset="1" :span="23">
-                讲师/助理研究员(14人)
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col class="text" :offset="1" :span="23">
-                <div>锺心心</div>
-                <div>文荭潇</div>
-                <div>何翔翔</div>
-                <div>孔阳阳</div>
-                <div>邵岗贤</div>
-                <div>田心心</div>
-                <div>赖兴</div>
-                <div>阎婧</div>
-                <div>秦大毛</div>
-                <div>程爱爱</div>
-                <div>方浍溪</div>
-                <div>胡乐乐</div>
-                <div>戴竞</div>
-                <div>锺心心</div>
-              </el-col>
-            </el-row>
-
-
-            <el-row>
-              <el-col class="name" :offset="1" :span="23">
-                实验人员(2人)
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col class="text" :offset="1" :span="23">
-                <div>锺心心</div>
-                <div>文荭潇</div>
-              </el-col>
-            </el-row>
-
-
-            <el-row class="context_el-row">
-              <el-col :span="2" :offset="1">
-                <img class="context_img" src="@/assets/teaching_staff/eji_icon_ys.png" alt="">
-              </el-col>
-              <el-col :span="5" class="context_name">自动化与智能工程系</el-col>
-              <el-col :span="14">
-                <hr class="context_hr">
-              </el-col>
-            </el-row>
-
-
-            <el-row>
-              <el-col class="name" :offset="1" :span="23">
-                系主任
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col class="text" :offset="1" :span="23">
-                <div>梁暄</div>
-              </el-col>
-            </el-row>
-
-            <el-row>
-              <el-col class="name" :offset="1" :span="23">
-                党支部书记
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col class="text" :offset="1" :span="23">
-                <div>彭焕优</div>
-              </el-col>
-            </el-row>
-
-            <el-row>
-              <el-col class="name" :offset="1" :span="23">
-                教授(15人)
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col class="text" :offset="1" :span="23">
-                <div>锺心心</div>
-                <div>文荭潇</div>
-                <div>何翔翔</div>
-                <div>孔阳阳</div>
-                <div>邵岗贤</div>
-                <div>田心心</div>
-                <div>赖兴</div>
-                <div>阎婧</div>
-                <div>秦大毛</div>
-                <div>程爱爱</div>
-                <div>方浍溪</div>
-                <div>胡乐乐</div>
-                <div>戴竞</div>
-                <div>锺心心</div>
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col class="name" :offset="1" :span="23">
-                副教授(17人)
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col class="text" :offset="1" :span="23">
-                <div>锺心心</div>
-                <div>文荭潇</div>
-                <div>何翔翔</div>
-                <div>孔阳阳</div>
-                <div>邵岗贤</div>
-                <div>田心心</div>
-                <div>赖兴</div>
-                <div>阎婧</div>
-                <div>秦大毛</div>
-                <div>程爱爱</div>
-                <div>方浍溪</div>
-                <div>胡乐乐</div>
-                <div>戴竞</div>
-                <div>锺心心</div>
-                <div>戴竞</div>
-                <div>锺心心</div>
-                <div>戴竞</div>
-              </el-col>
-            </el-row>
-
-            <el-row>
-              <el-col class="name" :offset="1" :span="23">
-                实验人员(2人)
-              </el-col>
-            </el-row>
-            <el-row>
-              <el-col class="text" :offset="1" :span="23">
-                <div>锺心心</div>
-                <div>文荭潇</div>
-              </el-col>
-            </el-row>
-
-          </el-col>
-        </el-row>
-      </el-col>
-      <el-col :xs="2" :sm="2" :md="1.5" :lg="2" :xl="4">
-        <div class="grid-content"></div>
-      </el-col>
-    </el-row>
-  </div>
-</template>
-
-<script>
-export default {
-  name: "index",
-  data() {
-    return {
-      width: document.documentElement.clientWidth
-    }
-  },
-}
-</script>
-
-<style scoped lang="scss">
-
-#edu_teach {
-  .top {
-    img {
-      width: 100%;
-    }
-  }
-
-  font-family: "微软雅黑";
-  background: #F8F8F8;
-
-  .left_lab {
-    margin-left: 4rem;
-    width: 22rem;
-    height: 40rem;
-    background: #1956BC;
-    border-radius: 0rem 0rem 2rem 0rem;
-    position: relative;
-
-
-    .lab {
-      font-size: 1.6rem;
-      position: absolute;
-      left: 4.8rem;
-      top: 5rem;
-      width: 19rem;
-      margin-bottom: 3rem;
-      background: #FFFFFF;
-      box-shadow: 0rem 0.2rem 0.4rem 0rem rgba(6, 42, 102, 0.67);
-      border-radius: 0rem 0rem 2.5rem 2rem;
-
-      .lab_list:last-child {
-        border: none;
-      }
-
-      .lab_list {
-        text-align: center;
-        margin-left: 1rem;
-        width: 18rem;
-        height: 8rem;
-        clear: left;
-        line-height: 8rem;
-        border-bottom: 0.1rem solid #94BCFF;
-
-        .lab_img {
-          margin-top: .2rem;
-          float: left;
-          width: 1.4rem;
-          height: 1.4rem;
-          display: none;
-          margin-left: 4rem;
-        }
-
-        .lab_title {
-          color: #1956BC;
-          float: left;
-          margin-left: 6rem;
-        }
-      }
-
-      .lab_select {
-        background: #94BCFF;
-
-        .lab_img {
-          display: block;
-        }
-
-        .lab_title {
-          color: #FFFFFF;
-          margin-left: .4rem;
-        }
-      }
-    }
-  }
-
-  @media screen and (max-width: 980px) {
-    .left_lab {
-      margin-left: 3rem;
-      width: 16.5rem;
-      height: 30rem;
-
-      border-radius: 0rem 0rem 1rem 0rem;
-
-      .lab {
-        left: 3.6rem;
-        top: 3.75rem;
-        width: 14.25rem;
-        margin-bottom: 2.25rem;
-        border-radius: 0rem 0rem 1.2rem 1rem;
-
-        .lab_list {
-          margin-left: .75rem;
-          width: 13.5rem;
-          height: 6rem;
-          line-height: 6rem;
-          .lab_img {
-            margin-top: .1rem;
-            width: 1.05rem;
-            height: 1.05rem;
-            display: none;
-            margin-left: 3rem;
-          }
-          .lab_title {
-            margin-left: 1.5rem;
-          }
-        }
-
-      }
-    }
-  }
-  .tab {
-    margin-left: 1.9rem;
-    margin-top: 1.5rem;
-    font-weight: 400;
-
-    a {
-      text-decoration: none;
-      font-size: 1.4rem !important;
-      color: #3C3C3C;
-    }
-  }
-
-  .context {
-    margin: 3rem 2rem;
-    padding-bottom: 3rem;
-    //width: 84.3rem;
-    background: #FFFFFF;
-
-    .context_el-row {
-      margin-top: 2rem;
-
-      .context_img {
-        width: 2.2rem;
-      }
-
-      .context_name {
-        font-size: 1.6rem;
-        font-family: PingFangSC-Medium, PingFang SC;
-        font-weight: 500;
-        color: #1956BC;
-        line-height: 2.2rem;
-      }
-
-      .context_hr {
-        line-height: 2.2rem;
-        margin-top: 1.1rem;
-        border: #1956BC solid 0.1rem;
-      }
-    }
-
-    .name {
-      margin-top: 2rem;
-      font-size: 1.4rem;
-      font-weight: 600;
-      color: #1956BC;
-    }
-
-    .text {
-      font-size: 1.2rem;
-      color: #3C3C3C;
-      clear: left;
-      //@media (max-width: 980px) and (min-width: 980px) {
-      //  float: left;
-      //}
-      //
-      //@media screen and (max-width: 980px) {
-      //
-      //}
-      div {
-        float: left;
-        margin-top: .4rem;
-        width: 7.4%;
-      }
-    }
-  }
-}
-</style>