村民圈评论审核

src/apps/AppVillagersCircle/commentList.vue

@@ -11,16 +11,18 @@
         <u-search placeholder="请输入关键字" v-model="content" :show-action="false" @search="getList()" @clear="getList()"></u-search>
       </div>
 
-      <div class="card-list" v-if="villagerList.length">
-        <div class="card-item" v-for="(item,index) in villagerList" :key="index" @click="toDetail(item)">
-          <div class="card-title">{{ item.content }}</div>
+      <div class="card-list" v-if="data.length">
+        <div class="card-item" v-for="(item,index) in data" :key="index" @click="toDetail(item)">
+          <div class="card-title" v-if="item.villagerCircleInfo && item.villagerCircleInfo.content">{{ item.villagerCircleInfo.content }}</div>
           <div class="card-name">
-            <div class="name">发布信息</div>
-            <div class="name">{{$dict.getLabel('villagerCircleTopic',item.topic)}}</div>
-            <div class="time">{{ item.createTime }}</div>
+            <div class="name" v-if="item.villagerCircleInfo && item.villagerCircleInfo.topic">{{$dict.getLabel('villagerCircleTopic',item.villagerCircleInfo.topic)}}</div>
+            <div class="time" v-if="item.villagerCircleInfo && item.villagerCircleInfo.createTime">{{ item.villagerCircleInfo.createTime }}</div>
           </div>
           <div class="card-type">
-            <div class="type">{{$dict.getLabel('auditStatus',item.auditType)}}</div>
+            <div class="comment">
+              <span>{{ item.replyUserName}}</span><span>:</span><span>{{ item.content }}</span>
+            </div>
+            <div class="type" :style="{color: item.status==0? '#4181FF':item.status==1? '#07c160' : '#dd5347'}">{{$dict.getLabel('auditStatus',item.status)}}</div>
           </div>
         </div>
       </div>
@@ -42,16 +44,20 @@ export default {
       showType: false,
       content: '',
       typeList: [],
-      villagerList: [],
       current: 1,
       topic: '',
       topicType: '',
+      data: {}
     }
   },
-  onLoad() {
+  created() {
+    this.getList()
     this.$dict.load('villagerCircleTopic','auditStatus').then(()=>{
-      this.current = 1
-      this.getList()
+      this.$on('update',()=>{
+        this.current = 1
+        this.getList()
+      })
+      
     })
   },
   methods: {
@@ -60,26 +66,26 @@ export default {
       this.current = 1,
       this.topic = '',
       this.topicType = '',
-      this.villagerList = [],
+      this.data = [],
       this.getList()
     },
+    
     getList() {
-      this.$http.post('app/appvillagercircleinfo/list',null,{
+      this.$http.post('/app/appvillagercirclecomment/list?current=1&size=10',null,{
         params: {
           current: 1,
           size: 10,
-          auditType: this.tabIndex == 0 ? '': this.tabIndex == 1 ? 0 : 1,
-          topic: this.topic,
-          content: this.content
+          auditType: this.tabIndex==0? '': this.tabIndex==1? 0 : 1
         }
       }).then(res=>{
         if(res?.data) {
-          this.villagerList = this.current >1 ? [...this.villagerList,...res.data.records] : res.data.records
+          this.data = this.current >1 ? [...this.data, ...this.res.data.records] : res.data.records
         }
       })
     },
 
     confirmTypeSelect(e) {
+      console.log(e);
       this.topic = e[0].value,
       this.topicType = e[0].label
       this.current = 1,
@@ -88,11 +94,11 @@ export default {
     },
 
     toDetail(item) {
-      uni.navigateTo({url: `./infoDetail?id=${item.id}`})
+      uni.navigateTo({url: `./commentDetail?id=${item.id}`})
     }
   },
   onShow() {
-    document.title = '发布信息审核'
+    document.title = '发布评论审核'
   },
 }
 </script>
@@ -186,22 +192,22 @@ export default {
       }
 
       .card-type {
+        display: flex;
+        justify-content: space-between;
         margin-top: 30px;
         font-size: 28px;
 
-        .num {
-          font-size: 34px;
-          color: #E6736E;
+        .comment {
+          width: 70%;
+          overflow:hidden;
+          text-overflow:ellipsis;
+          white-space:nowrap;
         }
 
-        .status0 {
-          color: #FF9B2B;
+        .type {
+          width: 20%;
+          text-align: right;
         }
-
-        .status1 {
-          color: #4181FF;
-        }
-
       }
     }
   }