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>