1.在线客服-点击事件修改

陶杰

2025-01-13 f926e6141482ca1c7ea8de58c06736e7d93abf9f

 sub_pages/customer/shop/shop.vue

@@ -170,41 +170,58 @@
            </view>
            <view class="m-t-12">
            
               <view v-for="(item,index) of commentList" >
               <view v-for="(item,index) of commentList" :key="index">
                  <u-row justify="space-between"  >
                     <u-col span="1">
                        <u--image v-if="item.anonymityFalg==1 " :showLoading="true" 
                        src="https://youzhen123.oss-cn-huhehaote.aliyuncs.com/WechatOwnerProperty/images/mrtx.png" width="30px" height="30px"  shape="circle"></u--image>
                        <u--image v-else :showLoading="true" :src="item.customerCover" width="30px" height="30px"  shape="circle"></u--image>
							
                     </u-col>
                     <u-col span="4">
                        <view v-if="item.anonymityFalg==1 " >匿名用户</view>
                        <view v-else>{{item.customerName}}</view>
                     </u-col>
                     <u-col span="2">
                        <u-rate count="5" v-model="item.commentGrade" readonly></u-rate>
                        <view style="display: flex; justify-content: flex-start; align-items: center;padding: 5rpx;">
                           <u--image v-if="item.anonymityFalg==1 " :showLoading="true"
                           src="https://hmy-flower.oss-cn-shanghai.aliyuncs.com/95/95450acd98ff4245ab998809496ba6d5niming.png" width="30px" height="30px"  shape="circle"></u--image>
                           <u--image v-else :showLoading="true" :src="item.customerCover" width="30px" height="30px"  shape="circle"></u--image>
                        </view>
                     </u-col>
                     <u-col span="4">
                        <view style="font-size: 12px;">{{item.updateTime}}</view>
                     <u-col span="10" style="font-size: 12px;">
                        <span v-if="item.anonymityFalg==1 " >{{formatAnonymityName(item.customerName)}}</span>
                        <span v-else>{{item.customerName}}</span>
                     </u-col>
						
                  <!--    <u-col span="4">
                        <view style="font-size: 12px; margin-right: 10px; text-align: right;">{{item.updateTime}}</view>
                     </u-col> -->
                  </u-row>
                  <u-row justify="space-between"  >
                  <u-row justify="space-between"   class="flower-comment">
                     <u-col span="2"></u-col>
                     <u-col span="10">
                        <view class="rate">
                           <u-rate count="5" v-model="item.commentGrade" readonly size="30"></u-rate>
                           <view style="font-size: 12px; margin-right: 10px; text-align: right;">{{item.updateTime}}</view>
                        </view>
                        <view>       
                           <span style="color:#3E9FFB;border: 1px solid #3E9FFB; padding:2px 2px ;font-size: 12px;">
                              {{item.flowerName}}({{item.flowerColor}}){{item.flowerLevel}}
                           </span>
                           {{item.comment}}
                           <view class="flex" >
                              <u--image v-for="(commentImg,index2) of item.commentImagesList" :key="index2" style="margin:10px;"
                              :showLoading="true" :src="commentImg"></u--image>
                           <view>
                              <span class="flower-unit" >{{item.flowerName}} &nbsp; {{item.flowerLevel}}</span>
                              <span class="comment" style="font-size: 12px;">
                                 {{item.comment}}
                              </span>
                           </view>
                           <view class="img-v" >
                           <!--    <u--image v-for="(commentImg,index2) of item.commentImagesList" :key="index2" class="comment-img" 
                              :showLoading="true" :src="commentImg"></u--image> -->
										
                              <!--      <image v-for="(commentImg,index2) of item.commentImagesList" :key="index2" :src="commentImg" class="comment-img" @click="previewImg(commentImg)"></image> -->
						
                              <u-grid :border="false" >
                                 <u-grid-item
                                       v-for="(commentImg,index2) of item.commentImagesList"
                                       :key="index2"
                                 >
                                    <image :src="commentImg" class="comment-img" @click="previewImg(commentImg)"></image>
                                 </u-grid-item>
                              </u-grid>

                           </view>
                        
                         </view>
                         <!-- 平台回复 -->
                         <view class="comment-replay"> 
                         <view class="comment-replay" v-if="item.replayContent"> 
                           平台回复：{{item.replayContent}}
                         </view>
                     </u-col>
@@ -459,6 +476,15 @@
         }
      },
      methods: {

         formatAnonymityName(name) {
            if (name.length <= 1) {
               return '**' + name + '**';
            } else {
               const firstChar = name.charAt(0);
               return '**' + firstChar + '**';
            }
         },
         
         async getCommentsStatis() {
            {
@@ -485,7 +511,7 @@
            {
               this.$message.showLoading()
               const params={
                  showFlag:0,
                  l:0,
                  supplierId:this.id ,
                  ...this.commentPage,
               }
@@ -516,15 +542,19 @@
                          this.commentList[existingCommentIndex] = {
                              ...this.commentList[existingCommentIndex],
                              ...item,
                              commentImagesList
                              commentImagesList,
                           updateTime: item.updateTime ? this.formatUpdateTime(item.updateTime) : null
                          };
                      } else {
                          // 新增评论
                          this.commentList.push({
                              ...item,
                              commentImagesList
                              commentImagesList,
                           updateTime: item.updateTime ? this.formatUpdateTime(item.updateTime) : null
                          });
                      }
                     console.log("评论列表：")
                     console.log(this.commentList)
                   });

               }
@@ -532,6 +562,20 @@
               this.$message.hideLoading()
            }
         
         },
         formatUpdateTime(time) {
		
             if (!time) return ''; // 如果时间为空，直接返回空字符串
             const date = new Date(time);
			
             // 格式化为 "YYYY-MM-DD HH:mm" 形式
             const year = date.getFullYear();
             const month = (date.getMonth() + 1).toString().padStart(2, '0');
             const day = date.getDate().toString().padStart(2, '0');
             const hours = date.getHours().toString().padStart(2, '0');
             const minutes = date.getMinutes().toString().padStart(2, '0');
			
             return `${year}-${month}-${day} ${hours}:${minutes}`;
         },
         
         getList_after() {
@@ -938,12 +982,55 @@

         }
      }
      .flower-comment{
         padding:10px;
         line-height: 1.5;
			
         .comment{
            margin: 10px;
            font-size: 10rpx; 
         }
			
      }
		
      .rate{
         display: flex;
         justify-content: space-between; 
         margin:10px 10px 10px 0px;
      }
		
      .img-v{
         margin:10px;
         display: flex;
         flex-wrap: wrap;
         .comment-img{
            margin:5rpx; 
            width:170rpx;
            height:170rpx;
            border-radius: 10rpx;
            object-fit: contain;
         }
         .comment-img2{
            object-fit: cover; /* 或 contain */
         }
      }
      
      .comment-replay{
         background-color: #F6F6F6;
         color: #6582B6;
         margin-top:10rpx;
         padding: 10rpx;
         font-size: 12px;
      }
		
      .flower-unit{
         color:#3E9FFB;
         border: 1rpx solid #3E9FFB; 
         margin:10px;
         margin-left:0px;
         padding-left: 5rpx;
         padding-right: 5rpx;
         font-size: 12px; 
      }
   }
</style>