产业分类

src/apps/AppInfotainment/AppInfotainment.vue

@@ -1,18 +1,22 @@
 <template>
   <div class="AppInfotainment">
-    <div class="fiveIndustry">
+    <div class="fiveIndustry" v-if="list.length">
       <div class="title">
-        <h2>{{ title }}</h2>
-        <p>实现乡村振兴的物质基础</p>
+        <h2>{{ parentName }}</h2>
+        <p v-if="parentName == '产业振兴'">实现乡村振兴的物质基础</p>
+        <p v-if="parentName == '组织振兴'">保障乡村振兴的政治基础</p>
+        <p v-if="parentName == '人才振兴'">推动乡村振兴的重要因素</p>
+        <p v-if="parentName == '文化振兴'">稳固乡村振兴的思想保障</p>
+        <p v-if="parentName == '生态振兴'">构建乡村振兴的环境基础</p>
       </div>
       <div class="list">
-        <div class="item">
-          <span>产业资讯</span>
+        <div class="item" v-for="(item,index) in list" :key="index" @click="toNewList(item.id)">
+          <span>{{ item.categoryName }}</span>
           <span><u-icon name="arrow-right"></u-icon></span>
         </div>
       </div>
     </div>
-    <!-- <AiEmpty description="暂无数据" v-else /> -->
+    <AiEmpty description="暂无数据" v-else />
   </div>
 </template>
 
@@ -22,28 +26,31 @@ export default {
   appName: '宣传资讯',
   data() {
     return {
-      fiveList: [],
-      title: '产业振兴',
       current: 1,
       categoryType: '0',
       list: [],
+      parentName: '产业振兴'
     }
   },
   
   onShow() {
-    document.title = this.title
-    this.getFiveList()
+    document.title = this.parentName
+    this.getList()
   },
   methods: {
-    getFiveList() {
+    getList() {
       this.$http.post('/app/apppublicitycategory/list',null,{
         params: {
-          categoryType: '0',
+          parentName: this.parentName,
+          categoryType: '1',
         }
       }).then((res)=>{
-        console.log(res);
-        this.fiveList = res.data.records
+        // console.log(res);
+        this.list = res.data.records
       })
+    },
+    toNewList(id) {
+      uni.navigateTo({url: `./newList?id=${id}`})
     }
   },
 }