评论模块bug修改

src/api/act/submitinfo.js

@@ -61,6 +61,7 @@ export function EditArticleCategory(id,data){
 }
 
 export function DeleteCategorys(data){
+    console.log("data失身",data)
      return request({
          url:'/api/acticle/delete',
          method:'delete',
@@ -214,3 +215,68 @@ export function getReplyAllComents(params){
        params:params,
     })
 }
+
+export function sendInformation(artilcid,parentid,content){
+    const params = {
+         artilcid:artilcid,
+         parentid:parentid,
+         content:content,
+     }
+     return request({
+         url:"/api/article/sendInformation",
+         method:'Get',
+         params:params,
+     })
+}
+
+export function spreadReplay(artilcid,parentid){
+  const params = {
+      artilcid:artilcid,
+      parentid:parentid,
+  }
+  return request({
+      url:"/api/article/spreadReplay",
+      method:'Get',
+      params:params,
+  })
+}
+
+export function clearRelyInfo(id,data){
+    console.log("id为:",id)
+    return request({
+      url:"/api/article/clearRelyInfo?id="+id,
+      method:'delete',
+      data:data, 
+    })  
+}
+
+export function deleteReply(id,data){
+   console.log("id为:",id)
+   return request({
+       url:"/api/article/deleteReply?id="+id,
+       method:'delete',
+       data:data,
+   })
+}
+
+export function openDeleteReply(data){
+    console.log("data是",data)
+   return request({
+       url:"/api/article/openDeleteReply",
+       method:"delete",
+       data:data,
+   })
+}
+
+export function spread(parentid,acticlid){
+   const params = {
+       parentid:parentid,
+       acticlid:acticlid,
+   }
+
+   return request({
+       url:"/api/article/spread",
+       method:"Get",
+       params:params,
+   })
+}

src/scrm_pages/article/acticleCategory.vue

@@ -61,7 +61,6 @@
                     @click="openDelete(scope.row,scope.$index)">
                   </el-button>
                 </el-tooltip>
-
               </template>
             </el-table-column>
 
@@ -190,6 +189,8 @@
         },
           handleSelectionChange(val){
           this.selectedMembers = val;
+          console.log("val是什么",val)
+          console.log("val是什么",this.selectedMembers.length)
         },
         openDeleteCategorys(){
             if (this.selectedMembers.length==0) {

src/scrm_pages/article/articleCommentDetail.vue

@@ -8,7 +8,7 @@
              <div class="title">{{listQuerty.title}}</div>
              <div>{{listQuerty.publicTime}}</div>
              <div class="sort">已按最新热度排序</div>
-            <div class="border"></div>            
+            <div class="border2"></div>            
             <div v-for="item in comments" :key="item.id">
                 <div class="img">
                     <img :src="item.comment_user_avater" style="width:50px;height:50px">
@@ -19,7 +19,7 @@
                 </div>
                 <div class="reply">
                     |&nbsp;&nbsp;<span  @click="replyComments(item.id)">回复</span>&nbsp;&nbsp;
-                    |&nbsp;&nbsp;<span @click="spread()" id="copy" v-show="show">{{word}}</span>&nbsp;&nbsp;|
+                    |&nbsp;&nbsp;<span @click="spread(item.id)" id="copy">展开</span>&nbsp;&nbsp;|
                     &nbsp;&nbsp;删除&nbsp;&nbsp;
                 </div>
                 <div class="content">
@@ -33,10 +33,16 @@
                             <el-button type="primary" @click="send(item)">发送</el-button>
                        </div>
                 </div>
-                 <div class="reviewed" v-show="shows">
+                 <div class="reviewed" v-show="showReply==item.id">
                      <div v-for="(child) in item.childs" :key="child.id">
                      你&nbsp;回复了&nbsp;{{item.comment_user_name}}:{{child.content}}
-                     <div  id="tub" class="el-icon-error" @click="clear()"></div>
+                     <div  id="tub" class="el-icon-error" @click="clear(item.id,index)"></div>
+                     </div>
+                </div>
+                 <div class="reviewed2" v-show="shows==item.id">
+                     <div v-for="(items,index) in commentsReplyInfo" :key="items.id">
+                     你&nbsp;回复了&nbsp;{{items.comment_user_name}}:{{items.content}}
+                     <div  id="tub" class="el-icon-error" @click="clear(items.id,index)"></div>
                      </div>
                 </div>           
             <div class="border"></div>  
@@ -57,10 +63,10 @@
 
 <script>
    import BreadCrumb from '../components/bread-crumb'
-   import { getArticleCommentDetail,send } from '@/api/act/submitinfo'
+   import { getArticleCommentDetail,send,spread} from '@/api/act/submitinfo'
    import {getFileExtension,uParseTime} from '@/utils/tools'
-import { constants } from 'crypto';
-import { truncateSync } from 'fs';
+   import { constants } from 'crypto';
+   import { truncateSync } from 'fs';
     export default {
         name: "articleCommentDetail",
         components:{
@@ -87,6 +93,9 @@ import { truncateSync } from 'fs';
                 form:{
                   replycontent:'',  
                 },
+                showReply:-1,
+                shows:-1,
+                commentsReplyInfo:[],
              }
          },
          methods:{
@@ -133,8 +142,26 @@ import { truncateSync } from 'fs';
           cancel(){
               this.showindex = -1;
           },
-          spread(){
-             
+          spread(parentid){
+               var spancontent = document.getElementById("copy").innerHTML;
+            if(spancontent == "展开"){
+               document.getElementById("copy").innerHTML="收起";
+               this.shows = parentid;
+          } 
+            if(spancontent == "收起"){
+              document.getElementById("copy").innerHTML = "展开";
+              this.shows = 0;              
+          } 
+           const articid = this.$route.params && this.$route.params.id;
+          console.log("文章id",articid);   
+            spread(parentid,articid).then(response=>{
+                if(response.data.state == 1){
+                  var comments = response.data.data.comments;
+                  this.commentsReplyInfo = response.data.data.comments;
+                  this.shows = parentid;
+                  console.log("获取的内容:",comments)
+                }
+            }) 
           },
           send(parent){
               const articid = this.$route.params && this.$route.params.id;
@@ -143,36 +170,25 @@ import { truncateSync } from 'fs';
                var replycontent =  this.form.replycontent;
                if(replycontent == ""){
                   this.$message.error("回复内容不能为空");
-                  this.shows = false;
                }else{
-                   this.shows = true;
                    send(replycontent,articid,parent.id).then(response=>{
                    if(response.data.state ==1){
                       var comment = response.data.data.comment;
-                      parent.childs.push(comment)
+                      parent.childs.push(comment);
+                      this.showReply = parent.id;
                       console.log("内容",comment)
                       console.log(parent.childs)
                   }
                 })
                }
           },
-          clear(){
-             this.shows = false;
+          clear(id){
+             console.log("id是什么?",id);
           }
          },
           created(){
             this.getArticleCommentDetail(); 
          },
-         computed:{
-             word:function(){
-                if(this.show == true){
-                   return "展开";   
-                }
-                if(this.show == false){
-                    return "收起";
-                }
-             }
-         }
     }
 
 </script>
@@ -180,7 +196,11 @@ import { truncateSync } from 'fs';
 <style scoped>
    .border{
        border: 1px #dcdfe6 solid;
-       margin-top: 150px;
+       margin-top: 50px;
+   }
+   .border2{
+      border: 1px #dcdfe6 solid;
+      margin-top: 20px;
    }
    .title{
        font-size: 25px;
@@ -223,17 +243,22 @@ import { truncateSync } from 'fs';
        margin-top: 5px;
             
    }
-   .reviewed{
-       float: right;
-       margin-top: 30px;
-       margin-left: 100px;
-       padding-top: 16px;
-       width: 1580px;
+
+     .reviewed{
+      margin-top: 50px;
+       width: 1585px;
        height:50px;
-       font-size: 15px;
-       border:1px solid #f4f7fa;
+       margin-left: 92px;
        background-color: #f4f7fa;
-   }
+       padding-top: 15px;
+    }
+     .reviewed2{
+         margin-top: 50px;
+         background-color: #f4f7fa;
+         width: 1585px;
+         height:50px;
+         margin-left: 92px;
+     }
     #tub{
       float: right;
    }

src/scrm_pages/article/commentList.vue

@@ -5,35 +5,44 @@
         </div>
         <div class="app-container">
             <div class="pl">
-              <el-checkbox><span class="comment">全部评论</span></el-checkbox>      
+               <el-checkbox  @change="selectAllFunc" v-model="selectAll"><span class="comment" >全部评论</span></el-checkbox>  
+              <el-button size="small" icon="el-icon-delete" @click="openDeleteReply">批量删除</el-button>     
             </div> 
             <div class="border2"></div>
-            <div v-for="item in comments" :key="item.id">
-            <div class="check"><el-checkbox></el-checkbox></div>
-            <div class="img">
+
+            <div v-for="(item,index) in comments" :key="item.id">
+              <div class="check"><el-checkbox v-model='item.checked' @change="selectProduct"></el-checkbox></div>
+              <div class="img">
                  <img :src="item.comment_user_avater" style="width:50px;height:50px">
-            </div>
-             <div>
-                <div class="commentname">{{item.comment_user_name}}<span class="time">{{item.ctime}}</span></div>
+              </div>
+              <div>
+                <div class="commentname">{{item.comment_user_name}}
+                  <span class="time">{{format(item.ctime)}}</span>
+                </div>
                 <div class="reply">
-                  |&nbsp;&nbsp;<span @click="replay()">回复</span>&nbsp;&nbsp;
-                  |&nbsp;&nbsp;展开&nbsp;&nbsp;
-                  |&nbsp;&nbsp;删除&nbsp;&nbsp;
+                  |&nbsp;&nbsp;<span @click="replay(item.id)">回复</span>&nbsp;&nbsp;
+                  |&nbsp;&nbsp;<span @click="spreadReplay(item.article_id,item.id)" id="span">展开</span>&nbsp;&nbsp;
+                  |&nbsp;&nbsp;<span @click="deleteReply(item.id,index)">删除</span>&nbsp;&nbsp;
                   </div>
                 <div class="content">
                   {{item.content}}
                  </div> 
-                  <div class="reply_box" v-if="show">
-                        <textarea name="" id="" cols="163" rows="5" class="reply " placeholder="回复:"></textarea>
+
+                  <div class="reply_box"  v-show="showindex===item.id">
+                        <textarea name="" id="" cols="162" rows="5" class="reply " placeholder="回复:" v-model="form.content"></textarea>
                         <div class="clearfix"></div>
                         <div class="button" style="display: block;" myAttr="123">
                             <el-button @click="cancel()">取消</el-button>
-                            <el-button type="primary" @click="send()">发送</el-button>
-                       </div>
+                            <el-button type="primary" @click="sendInformation(item.article_id,item.id)">发送</el-button>
+                       </div>                      
                  </div>
-                  <div class="reviewed" v-if="shows">
-                     你&nbsp;回复了&nbsp;:
-                  </div>   
+                 
+                 <div>
+                 <div class="reviewed" v-for="(items,index) in Replycomments" :key="items.id" v-show="showReply==item.id">
+                    <div> 你&nbsp;回复了{{items.comment_user_name}}:{{items.content}} </div>
+                    <div  id="tub" class="el-icon-error" @click="clearRelyInfo(items.id,index)"></div>
+                 </div>  
+                 </div> 
                 <div class="border"></div>  
              </div>  
             </div>
@@ -53,8 +62,10 @@
 
 <script>
    import BreadCrumb from '../components/bread-crumb'
-   import {getReplyAllComents} from '@/api/act/submitinfo'
+   import {getReplyAllComents,sendInformation,spreadReplay,clearRelyInfo,deleteReply,openDeleteReply} from '@/api/act/submitinfo'
+   import {getFileExtension,uParseTime} from '@/utils/tools'
 import { constants } from 'crypto';
+import { copyFile } from 'fs';
   export default {
     name: 'commentList',
     components:{
@@ -76,18 +87,21 @@ import { constants } from 'crypto';
           comment_user_avater:'',
         },
         comments:[],
+        Replycomments:[],
         total:0,
+        showindex:-1,
+        showReply:-1,
+        checked: false,
+        selectAll:false,
+        selectReply:[],
       }
     },
     methods:{
-      replay(){
-        this.show = true;
+      replay(id){
+       this.showindex = id;
       },
       cancel(){
-        this.show = false;
-      },
-      send(){
-        this.shows = true;
+       this.showindex = 0;
       },
       handleSizeChange(limit){
          this.form.limit = limit;
@@ -108,6 +122,123 @@ import { constants } from 'crypto';
                  console.log("总条数",total)
                }
           });
+        },
+        format(time){
+              return uParseTime(time, "{y}-{m}-{d} {h}:{i}:{s}"); 
+        },
+        sendInformation(artilcid,parentid){
+             console.log("文章id",artilcid,parentid);
+             sendInformation(artilcid,parentid,this.form.content).then(response=>{
+                 if(response.data.state ==1){
+                    var comment =  response.data.data.comment;
+                    this.$message.success("发送成功");
+                    console.log("comment",comment)
+                 }
+             })
+        }, 
+        spreadReplay(artilcid,parentid){
+          // document.getElementById("span").innerHTML="收起";
+          var spancontent = document.getElementById("span").innerHTML;
+          if(spancontent == "展开"){
+               document.getElementById("span").innerHTML="收起";
+                this.showReply = parentid;
+          } 
+          if(spancontent == "收起"){
+             document.getElementById("span").innerHTML = "展开";
+             this.showReply = 0;
+          }              
+          console.log("文章id",artilcid,parentid);
+          spreadReplay(artilcid,parentid).then(response=>{
+               if(response.data.state == 1){
+                  var Replycomments  = response.data.data.comments;
+                  this.Replycomments  = response.data.data.comments;
+                  console.log("回复列表",Replycomments);
+               }  
+          })
+        },
+        clearRelyInfo(id,index){
+           console.log("id为",id);
+            this.$confirm("确定删除此评论?",'删除提示',{
+             dangerouslyUseHTMLString:true,
+             confirmButtonText: '确定',
+             cancelButtonText: '取消',
+             type: 'warning'
+           }).then(()=>{
+               clearRelyInfo(id).then(response=>{
+                  if(response.data.state ==1){
+                     this.Replycomments.splice(index,1)
+                     this.$message.success("删除成功");
+                  }else{
+                    this.$message.error("删除失败");                   
+                  }
+             }).catch(e=>{});
+           }).catch(() => {
+               return false
+            });            
+        },
+        selectProduct(val){
+            for(let i=0,len=this.comments.length;i<len;i++){
+                if(!this.comments[i].checked){
+                   this.selectAll = false;
+                }else{
+                  this.selectAll = true;
+                }
+            } 
+            this.selectReply = val; 
+        },
+        selectAllFunc(val){
+           this.comments.map((item,i)=>{
+             item.checked = val;
+           }) 
+        },
+        deleteReply(id,index){
+          this.$confirm("确定删除此评论?",'删除提示',{
+            dangerouslyUseHTMLString:true,
+             confirmButtonText: '确定',
+             cancelButtonText: '取消',
+             type: 'warning'
+          }).then(()=>{
+             deleteReply(id).then(response=>{
+                 if(response.data.state ==1 ){
+                    this.comments.splice(index,1)
+                    this.$message.success("删除成功");   
+                 }else{
+                   this.$message.error("删除失败");
+                 }
+             }).catch(e=>{}); 
+          }).catch(() => {
+               return false
+            }); 
+        },
+        openDeleteReply(){
+          if(this.selectReply.length == 0){
+             this.$message.error("请选择你要删除的信息");
+             return false;
+          }
+          this.$confirm("确定删除此评论?",'删除提示',{
+             dangerouslyUseHTMLString:true,
+             confirmButtonText: '确定',
+             cancelButtonText: '取消',
+             type: 'warning'
+          }).then(()=>{
+              var ids = [];
+              var idMap = {};
+              for (const index in this.selectReply) {
+                ids.push(this.selectReply[index].id);
+                idMap[this.selectReply[index].id] = this.selectReply[index].id;
+              }
+              openDeleteReply({ids:ids}).then(response=>{
+                  if(response.data.state==1){
+                    // var commentslength = this.comments.length;
+                    // for (let index = commentslength-1; index>=0; index--) {
+                    //    if(this.comments[index].id in idMap){
+                    //       this.comments.splice(index,1);
+                    //    }
+                    // }
+                    // this.$message.success("删除会员成功");
+                  }
+              })
+          })
         }
     },
     created(){
@@ -120,15 +251,17 @@ import { constants } from 'crypto';
 
       .border{
        border: 1px #dcdfe6 solid;
-       margin-top: 140px;
+       margin-top: 50px;
      }
      .border2{
        border: 1px #dcdfe6 solid;
+       margin-top: 20px;
      }
      .comment{
        font-size: 20px;
        color: black;
        font-weight: 700;
+      
      }
 
      .commentname{
@@ -136,17 +269,20 @@ import { constants } from 'crypto';
        font-size: 20px;
        color: blue;
        margin-left: 100px;
+      
    }
    .reply{
        float: right;
        margin-top: -20px;
        font-size: 20px;
        color: #495060;
+      
    }
    .content{
        font-size: 20px;
        margin-top: 15px;
        margin-left: 100px;
+      
    }
    .check{
       margin-top: 20px;
@@ -154,27 +290,25 @@ import { constants } from 'crypto';
    }
    .time{
      color: #495060;
+     font-size: 15px;
    }
     .reply_box{
-       margin-top: 30px;
+       margin-top: 40px;
    }
    .button{
        float: right;
        margin-top: 5px;
             
    }
-     .reviewed{
-       float: right;
-       margin-top: 30px;
-       margin-left: 100px;
-       padding-top: 16px;
+    .reviewed{
+       margin-top: 50px;
        width: 1650px;
        height:50px;
-       font-size: 15px;
-       border:1px solid #f4f7fa;
+       margin-left: 35px;
        background-color: #f4f7fa;
-   }
-
+       padding-top: 15px;
+    }
+    
    .pl{
      margin-bottom: 50px;
    }
@@ -183,4 +317,8 @@ import { constants } from 'crypto';
      margin-left: 20px;
      margin-top: 20px;
    }
+   #tub{
+     float: right;
+     margin-top: -15px;
+   }
 </style>

src/scrm_pages/article/createArticle.vue

@@ -17,7 +17,7 @@
                 <keep-alive>
                   <neditor ref="neditor"
                            id="editor"
-                           v-bind:r_content="form.act_content">
+                           v-bind:r_content="form.act_content" @content_changed="paragraphContentChanged">
                   </neditor>
                 </keep-alive>
               </el-form-item>
@@ -55,7 +55,7 @@
                       :on-error="handleAvatartwoError"
                       :on-success="handleAvatartwoSuccess"
                       :before-upload="beforeAvatartwoUpload">
-                      <img v-if="imageUrlSecond" :src="imageUrlSecond" class="avatar">
+                      <img v-if="imageUrl" :src="imageUrl" class="avatar">
                       <i v-else class="el-icon-plus avatar-uploader-icon"></i>
                     </el-upload>
                   </div>
@@ -256,7 +256,6 @@
         },
          acttypes:[],
          imageUrl:'',
-         imageUrlSecond:'',
          imageUrlLast:'',
          formloading:false,
          formsubmit:false,
@@ -332,6 +331,21 @@
                 })
             })
       },
+      //监听图片获取前三张
+       paragraphContentChanged: function(content) {
+            var images = [],temp;
+            console.log("监听获取的文章内容是什么?",content)
+            var patt = /<img[^>]+src=['"]([^'"]+)['"]+/g;
+            while ((temp = patt.exec(content)) != null) {
+            images.push(temp[1]);
+            }                 
+             console.log("图片数组",images);
+             this.form.org_logo = images[0];
+             this.imageUrl = images[1];
+             this.imageUrlLast = images [2];           
+        },
+
+
       //第二个图片
       handleAvatartwoSuccess(res, file) {
         this.imageUrlSecond = URL.createObjectURL(file.raw);