220

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>