feat:完成讨论

src/views/discuss/DiscussDetail.vue

@@ -9,7 +9,7 @@
         </div>
         <div class="vaainfo">
           <div class="vaana">{{ disDetail?.userName }}</div>
-          <!-- <div class="vaanato">认识事物的本质。</div> -->
+          <div class="vaanato">-</div>
         </div>
       </div>
     </div>
@@ -105,9 +105,11 @@
         </div>
 
         <div class="imgbtns">
-          <div>
+          <div style="display: flex">
             <div
-              v-for="(v, i) in fileListComment"
+              v-for="(v, i) in reply1Show
+                ? fileListCommentRelpay
+                : fileListComment"
               :key="i"
               style="position: relative"
             >
@@ -115,7 +117,10 @@
                 :src="v.url"
                 style="width: 66px; height: 66px; margin-left: 5px"
               />
-              <div class="cha" @click="removeCommentImg(i)"></div>
+              <div
+                class="cha"
+                @click="reply1Show ? removeImg(i) : removeCommentImg(i)"
+              ></div>
             </div>
           </div>
           <div class="btns">
@@ -139,6 +144,22 @@
             </div>
             <div class="inner">
               <div class="recon">{{ item.content }}</div>
+              <div
+                style="display: flex; margin-top: 6px; margin-bottom: 6px"
+                v-if="item.img"
+              >
+                <div
+                  v-for="(rowimg, i) in item.img.split(',')"
+                  :key="i"
+                  style="width: 55px; height: 55px; margin-right: 5px"
+                >
+                  <img
+                    class="image"
+                    style="width: 55px; height: 55px; border-radius: 4px"
+                    :src="rowimg"
+                  />
+                </div>
+              </div>
               <div class="botto">
                 <div class="time">{{ item.createTime }}</div>
                 <div class="re" @click="commentComment(item)">回复</div>
@@ -159,7 +180,7 @@
             </div>
           </div>
 
-          <div class="newre" v-if="item.children.length !== 0">
+          <div class="newre" v-if="item.children && item.children.length !== 0">
             <div class="tri"></div>
             <div class="reccon">
               <div class="rec clearfix">
@@ -182,6 +203,22 @@
                   </div>
                   <div class="redetail">
                     <div class="rein">{{ itemc.content }}</div>
+                    <div
+                      style="display: flex; margin-top: 6px; margin-bottom: 6px"
+                      v-if="itemc.img"
+                    >
+                      <div
+                        v-for="(rowimg, i) in itemc.img.split(',')"
+                        :key="i"
+                        style="width: 55px; height: 55px; margin-right: 5px"
+                      >
+                        <img
+                          class="image"
+                          style="width: 55px; height: 55px; border-radius: 4px"
+                          :src="rowimg"
+                        />
+                      </div>
+                    </div>
                     <div class="detre">
                       <div class="day">{{ itemc.createTime }}</div>
                       <!-- <div class="huifu" @click="commentComment(itemc)">
@@ -219,7 +256,7 @@
                 width: 100%;
                 margin-top: 10px;
               "
-              v-if="item.children.length > 1"
+              v-if="item.children && item.children.length > 1"
             >
               <span
                 @click="lookMore(index)"
@@ -313,6 +350,7 @@ const hfPage = ref({
   pageSize: 10,
   total: 0,
 });
+length;
 //获取讨论详情
 const discussInfo = ref("");
 request(DISCUSS_LIST, {
@@ -349,7 +387,7 @@ const getData = () => {
         commontList.value = commontList.value.concat(res.data.records);
         hfPage.value.total = Number(res.data.total);
         clearText();
-        if (e.data.records.length === 0 || e.data.records.length < 10) {
+        if (res.data.records.length === 0 || res.data.records.length < 10) {
           noMorePost.value = true;
         }
       })
@@ -483,7 +521,6 @@ function submitComment() {
   if (!disComment.value.content && imgFileUrl.length === 0)
     return ElMessage.success("请输入评论内容");
   request(COMMENT_ADD, {
-    id: disDetail.value.id,
     targetId: disDetail.value.id,
     content: disComment.value.content,
     type: 1,
@@ -745,15 +782,16 @@ function send() {
         width: 90%;
         display: flex;
         justify-content: space-between;
+        flex-wrap: wrap;
         // margin-top: 10px;
         .cha {
           position: absolute;
-          top: 15px;
+          top: 2px;
-          right: -9px;
+          right: 2px;
           // right: 0;
           width: 18px;
           height: 18px;
-          border-radius: 50%;
+          border-radius: 4px;
           background-image: url(../../assets/image/discuss/close.png);
           background-size: 100%;
         }