fix: 增加取消公开

src/views/circle/detail/components/newsList.vue

@@ -6,7 +6,7 @@
       infinite-scroll-disabled="disabled"
       infinite-scroll-immediate="false"
     >
-      <li v-for="(item, index) in list" :key="item.id">
+      <li v-for="item in list" :key="item.id">
         <div class="new-header">
           <img
             v-if="item.userType === 1"
@@ -21,14 +21,14 @@
                 <label
                   v-if="[1, 3].includes(item.userType)"
                   :class="[item.userType === 1 ? 'blue' : 'orange']"
-                  >{{ item.userType === 1 ? "老师" : "助教" }}</label
-                >
+                  >{{ item.userType === 1 ? "老师" : "助教" }}
+                </label>
                 <div v-if="item.userType !== 2">
-                  <span
-                    ><i v-if="item.readCount !== null">{{ item.readCount }}</i
-                    ><i>{{ item.totalCount ? `/${item.totalCount}` : "人" }}</i
-                    >已读</span
-                  >
+                  <span>
+                    <i>{{ item.readCount ? item.readCount : 0 }} </i
+                    ><i>{{ item.totalCount ? `/${item.totalCount}` : "人" }} </i
+                    >已读
+                  </span>
                 </div>
               </div>
               <div class="news-opt">
@@ -47,10 +47,10 @@
                   >引用</el-link
                 >
                 <el-link
-                  v-if="item.userType === 2 && item.status === 1"
+                  v-if="type !== 5 || (type === 5 && item.userType !== 2)"
                   type="success"
                   @click="updateMessageStatus(item)"
-                  >通过审核</el-link
+                  >{{ item.status !== 2 ? "公开" : "取消公开" }}</el-link
                 >
               </div>
             </div>
@@ -322,4 +322,9 @@ export default {
   text-align: center;
   line-height: 50px;
 }
+.news-opt {
+  .el-link {
+    margin-left: 5px;
+  }
+}
 </style>