新闻资讯类重写

src/apps/AppServicePublic/Detail.vue

@@ -1,20 +1,22 @@
 <template>
   <div class="Detail">
     <div class="header-top">
-      <div class="titles">刘家村村规民约</div>
+      <div class="titles">{{data.title}}</div>
 
       <div class="titles-bottom">
         <span>类型：</span>
-        <span>财务公开</span>
+        <span>{{selectList[data.showIndex].categoryName}}</span>
         <span class="to-left">浏览量：</span>
-        <span>26</span>
+        <span>{{data.viewCount}}</span>
       </div>
     </div>
 
     <div class="header-middle">
-      <span class="contsnts">为了推进我村民主法治建设，维护社会稳定，促进经济发展，规范村民清洁乡村卫生行为，改善村容村貌，推进“生态乡村”建设，树立良好的民风、村风，创造安居乐业的社会环境，经全体村民代表讨论通过，制定本村规民约。</span>
-
-      <img src="" alt="" />
+      <span class="contsnts">{{data.content}}</span>
+      <div class="img-list" v-if="data.files && data.files.length">
+        <img :src="item.accessUrl" alt="" v-for="(item, index) in data.files" :key="index" />
+      </div>
+      
     </div>
   </div>
 </template>
@@ -26,26 +28,41 @@ export default {
   props: {},
   data() {
     return {
-      data: [],
+      data: {},
       id: '',
+      listName: '',
+      selectList: []
     }
   },
   computed: {},
   watch: {},
   onLoad(o) {
     this.id = o.id
-    this.$dict.load('realityStatus').then(() => {
-      // this.getDetail()
-    })
+    this.listName = o.listName
+    this.getType()
   },
   mounted() {},
   methods: {
     getDetail() {
-      this.$http.post(`/app/appvisitvondolence/queryDetailById?id=${this.id}`).then((res) => {
+      this.$http.post(`/app/appcontentinfo/queryDetailById?id=${this.id}`).then((res) => {
         if (res?.data) {
           this.data = res.data
-          if (this.data.images) {
-            this.data.images = JSON.parse(this.data.images || '[]')
+          if(this.selectList.length) {
+            this.selectList.map((item, index) => {
+              if(item.id == res.data.categoryId) {
+                this.data.showIndex = index
+              }
+            })
+          }
+        }
+      })
+    },
+    getType() {
+      this.$http.post(`/app/appcontentmoduleinfo/listByName?names=${this.listName}`).then((res) => {
+        if (res.code == 0) {
+          if(res.data && res.data[0].categoryList.length) {
+            this.selectList = res.data[0].categoryList
+            this.getDetail()
           }
         }
       })
@@ -92,5 +109,13 @@ uni-page-body {
       height: 486px;
     }
   }
+
+  .img-list{
+    img{
+      width: 204px;
+      height: 204px;
+      margin: 0 8px 8px 0;
+    }
+  }
 }
 </style>