更新

src/views/news-list/index.vue

@@ -5,27 +5,15 @@
         <div class="newlistmain">
           <div class="newlistTop">
             <span class="newlistTopt">|</span>
-            <span class="newlisttitle">列表页</span>
+            <span class="newlisttitle">{{ this.$route.query.column_name }}</span>
           </div>
           <div class="newlistcontext">
             <ul>
-              <li>
+              <li v-for="(item, index) in list" :key="index">
                 <p>
-                  科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知
-                  科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知
+                  {{ item.title }}
                 </p>
-                <span>2020-02-01</span>
-              </li>
-              <li>
-                <p>
-                  科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知
-                  科技部关于发布国家重点研发计划“制造基础技术与关键部件”等重点专项2020年度项目申报指南的通知
-                </p>
-                <span>2020-02-01</span>
-              </li>
-              <li>
-                <p>十五条数据</p>
-                <span>2020-02-01</span>
+                <span>{{ item.publish_time }}</span>
               </li>
             </ul>
           </div>
@@ -37,16 +25,37 @@
 </template>
 
 <script>
+import _ from 'lodash';
 import { mapState, createNamespacedHelpers } from 'vuex';
+const { mapActions: news } = createNamespacedHelpers('news');
 export default {
   name: 'index',
   props: {},
   components: {},
   data: () => {
-    return {};
+    return {
+      list: [],
+    };
+  },
+  created() {
+    this.searchList();
+  },
+  methods: {
+    ...news(['query']),
+    async searchList({ skip = 0, limit = 10, ...info } = {}) {
+      let res = [];
+      if (this.$route.query.column_name == '专题研讨') {
+        res = await this.query({ skip, limit, column_name: '专题研讨', ...info });
+      } else if (this.$route.query.column_name == '技术问答') {
+        res = await this.query({ skip, limit, column_name: '技术问答', ...info });
+      } else if (this.$route.query.column_name == '行业研究') {
+        res = await this.query({ skip, limit, column_name: '行业研究', ...info });
+      } else if (this.$route.query.column_name == '教育培训') {
+        res = await this.query({ skip, limit, column_name: '教育培训', ...info });
+      }
+      if (this.$checkRes(res)) this.$set(this, `list`, res.data);
+    },
   },
-  created() {},
-  methods: {},
   computed: {
     ...mapState(['user']),
     pageTitle() {