更新

src/layout/news/infoList.vue

@@ -6,13 +6,13 @@
           <el-col :span="24" class="top">
             <span></span>
             <span>科技资讯</span>
-            <span @click="$router.push({ path: '/news/listDetail', query: { col_name: '科技资讯' } })">MORE</span>
+            <span @click="$router.push({ path: '/news/listDetail', query: { col_name: '科技资讯', display: '0' } })">MORE</span>
           </el-col>
           <el-col :span="24" class="list">
             <el-col
               :span="24"
               class="oneList"
-              @click.native="$router.push({ path: '/news/listDetail', query: { col_name: '科技资讯', id: 'id' } })"
+              @click.native="$router.push({ path: '/news/listDetail', query: { col_name: '科技资讯', id: 'id', display: '1' } })"
               v-for="(item, index) in oneList"
               :key="index"
             >
@@ -26,13 +26,13 @@
           <el-col :span="24" class="top">
             <span></span>
             <span>技术前沿</span>
-            <span @click="$router.push({ path: '/news/listDetail', query: { col_name: '技术前沿' } })">MORE</span>
+            <span @click="$router.push({ path: '/news/listDetail', query: { col_name: '技术前沿', display: '0' } })">MORE</span>
           </el-col>
           <el-col :span="24" class="list">
             <el-col
               :span="24"
               class="oneList"
-              @click.native="$router.push({ path: '/news/listDetail', query: { col_name: '技术前沿', id: 'id' } })"
+              @click.native="$router.push({ path: '/news/listDetail', query: { col_name: '技术前沿', id: 'id', display: '1' } })"
               v-for="(item, index) in twoList"
               :key="index"
             >
@@ -46,13 +46,13 @@
           <el-col :span="24" class="top">
             <span></span>
             <span>工作动态</span>
-            <span @click="$router.push({ path: '/news/listDetail', query: { col_name: '工作动态' } })">MORE</span>
+            <span @click="$router.push({ path: '/news/listDetail', query: { col_name: '工作动态', display: '0' } })">MORE</span>
           </el-col>
           <el-col :span="24" class="list">
             <el-col
               :span="24"
               class="oneList"
-              @click.native="$router.push({ path: '/news/listDetail', query: { col_name: '工作动态', id: 'id' } })"
+              @click.native="$router.push({ path: '/news/listDetail', query: { col_name: '工作动态', id: 'id', display: '1' } })"
               v-for="(item, index) in threeList"
               :key="index"
             >

src/views/news/listDetail.vue

@@ -34,7 +34,12 @@
                 <span>{{ columnName }}</span>
               </el-col>
               <el-col :span="24" class="list">
-                liebao
+                <span v-if="display == '0'">
+                  列表
+                </span>
+                <span v-else-if="display == '1'">
+                  详情
+                </span>
               </el-col>
             </el-col>
           </div>
@@ -62,9 +67,11 @@ export default {
       menuColor: 'rgb(254, 149, 14)',
       menuIndex: '0',
       columnName: '',
+      display: '',
     };
   },
   created() {
+    this.$set(this, `display`, this.displays);
     this.searchInfo();
   },
   methods: {
@@ -78,6 +85,7 @@ export default {
       this.menuIndex = index;
       this.columnName = name;
       this.menuColor = 'rgb(254, 149, 14)';
+      this.display = '0';
     },
   },
   computed: {
@@ -88,6 +96,9 @@ export default {
     col_name() {
       return this.$route.query.col_name;
     },
+    displays() {
+      return this.$route.query.display;
+    },
   },
   metaInfo() {
     return { title: this.$route.meta.title };