From 1c332efdc0eb1a74b2e7670fc0613b8e5abae485 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B5=B5=E6=AF=85?= <1335909236@qq.com>
Date: Thu, 7 Aug 2025 16:55:37 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0=E7=82=B9=E8=AF=84=E9=83=A8?=
 =?UTF-8?q?=E5=88=86=E7=9A=84=E5=9B=BE=E7=89=87=E5=92=8C=E8=A7=86=E9=A2=91?=
 =?UTF-8?q?=E7=9A=84=E6=98=BE=E7=A4=BA?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 packages/localLife/UserComment/index.css | 24 +++++++++++-
 packages/localLife/UserComment/index.vue | 33 +++++++++++-----
 packages/localLife/detail/index.css      | 20 ++++++++++
 packages/localLife/detail/index.vue      | 48 +++++++++++++++---------
 4 files changed, 96 insertions(+), 29 deletions(-)

diff --git a/packages/localLife/UserComment/index.css b/packages/localLife/UserComment/index.css
index 87b054c2..2925671d 100644
--- a/packages/localLife/UserComment/index.css
+++ b/packages/localLife/UserComment/index.css
@@ -56,6 +56,26 @@ image {
     margin-top: 30rpx;
 }
 
+.Msg_con_img {
+    display: flex;
+    flex-wrap: wrap;
+    width: 100%;
+    margin-top: 15rpx;
+    gap: 15rpx;
+}
+
+.Msg_con_img image {
+    width: calc(33.33% - 11rpx);
+    height: 225rpx;
+    flex-shrink: 0;
+}
+
+.Msg_con_video{
+    width: calc(33.33% - 11rpx);
+    height: 225rpx;
+    flex-shrink: 0;
+}
+
 .Msg_iconList_leftIcon {
     display: flex;
     align-items: center;
@@ -117,9 +137,11 @@ image {
     display: flex;
     align-items: center;
 }
-.comment_con input{
+
+.comment_con input {
     flex: 1;
 }
+
 .comment_con image {
     width: 28.3rpx;
     height: 28rpx;
diff --git a/packages/localLife/UserComment/index.vue b/packages/localLife/UserComment/index.vue
index d3688a98..f5552ff0 100644
--- a/packages/localLife/UserComment/index.vue
+++ b/packages/localLife/UserComment/index.vue
@@ -3,13 +3,14 @@
         <div class="Msg">
             <div class="Msg_Tit">
                 <div class="Msg_Tit_left">
-                    <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/user_ava.png" v-if="!info.user.avatar" mode="aspectFill">
+                    <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/user_ava.png"
+                        v-if="!info.user.avatar" mode="aspectFill">
                     </image>
                     <image :src="picUrl + info.user.avatar" v-if="info.user.avatar" mode="aspectFill"></image>
                     {{ info.user.nick_name }}
                 </div>
                 <div class="Msg_Tit_right">
-                    <image v-for="indez in 5"
+                    <image v-for="(item, index) in 5" :key="index"
                         :src="indez < info.satisfaction ? 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png' : 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start2.png'"
                         mode="aspectFill"></image>
                 </div>
@@ -17,35 +18,46 @@
 
             <div class="Msg_con">
                 {{ info.comment }}
+                <div class="Msg_con_img" v-if="info.image_url">
+                    <image v-for="(img, index) in info.image_url.split(',')" :key="index" :src="picUrl + img"
+                        mode="aspectFill"></image>
+                    <video class="Msg_con_video" v-if="info.video_url" :src="picUrl + info.video_url" controls></video>
+                </div>
             </div>
 
             <div class="Msg_iconList">
                 <div class="Msg_iconList_left">
                     <div class="Msg_iconList_leftIcon">
-                        <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_review.png" mode="widthFix"></image>
+                        <image
+                            src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_review.png"
+                            mode="widthFix"></image>
                         {{ info.merchant_evaluation_reply_list ? info.merchant_evaluation_reply_list.length : 0 }}
                     </div>
 
                     <div class="Msg_iconList_leftIcon">
-                        <image v-if="info.is_like == 2" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_likeIcon.png" mode="widthFix"
-                            @click="like(info)"></image>
-                        <image v-if="info.is_like == 1" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_likeIcon2.png"
+                        <image v-if="info.is_like == 2"
+                            src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_likeIcon.png"
+                            mode="widthFix" @click="like(info)"></image>
+                        <image v-if="info.is_like == 1"
+                            src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_likeIcon2.png"
                             mode="widthFix" @click="unlike(info)"></image>
                         {{ info.merchant_evaluation_like_list ? info.merchant_evaluation_like_list.length : 0 }}
                     </div>
                 </div>
                 <div class="Msg_iconList_right">
                     <div class="Msg_iconList_leftIcon" @click="deletes" v-if="isDelte">
-                        <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_del.png" mode="widthFix"></image>
+                        <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_del.png"
+                            mode="widthFix"></image>
                     </div>
                 </div>
             </div>
 
             <!-- 回复列表 -->
-            <div class="reply" v-for="item in replyList">
+            <div class="reply" v-for="(item, index) in replyList" :key="index">
                 <div class="reply_tit">
                     <div class="reply_tit_left">
-                        <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/user_ava.png" v-if="!item.user.avatar" mode="aspectFill">
+                        <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/user_ava.png"
+                            v-if="!item.user.avatar" mode="aspectFill">
                         </image>
                         <image :src="picUrl + item.user.avatar" v-if="item.user.avatar" mode="aspectFill"></image>
                         {{ item.user.nick_name }}
@@ -58,7 +70,8 @@
 
         <div class="comment">
             <div class="comment_con">
-                <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_send.png" mode="aspectFill"></image>
+                <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_send.png"
+                    mode="aspectFill"></image>
                 <input type="text" v-model="reply_content" placeholder="说点什么">
 
                 <button id="send" @click="sendComment">发送</button>
diff --git a/packages/localLife/detail/index.css b/packages/localLife/detail/index.css
index d6a83a37..34cf28b9 100644
--- a/packages/localLife/detail/index.css
+++ b/packages/localLife/detail/index.css
@@ -179,6 +179,26 @@ page {
   margin-top: 30rpx;
 }
 
+.Msg_con_img {
+    display: flex;
+    flex-wrap: wrap;
+    width: 100%;
+    margin-top: 15rpx;
+    gap: 15rpx;
+}
+
+.Msg_con_img image {
+    width: calc(33.33% - 11rpx);
+    height: 225rpx;
+    flex-shrink: 0;
+}
+
+.Msg_con_video{
+    width: calc(33.33% - 11rpx);
+    height: 225rpx;
+    flex-shrink: 0;
+}
+
 .Msg_iconList_leftIcon {
   display: flex;
   align-items: center;
diff --git a/packages/localLife/detail/index.vue b/packages/localLife/detail/index.vue
index d282a308..601967a9 100644
--- a/packages/localLife/detail/index.vue
+++ b/packages/localLife/detail/index.vue
@@ -46,33 +46,42 @@
       <div class="Msg">
         <div class="Msg_Tit">
           <div class="Msg_Tit_left">
-            <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/user_ava.png" v-if="!item.user.avatar" mode="aspectFill"></image>
+            <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/user_ava.png"
+              v-if="!item.user.avatar" mode="aspectFill"></image>
             <image :src="picUrl + item.user.avatar" v-if="item.user.avatar" mode="aspectFill"></image>
             {{ item.user.nick_name }}
           </div>
           <div class="Msg_Tit_right">
-            <image v-for="indez in 5"
-              :key="indez" :src="indez < item.satisfaction ? 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png' : 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start2.png'"
+            <image v-for="indez in 5" :key="indez"
+              :src="indez < item.satisfaction ? 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start1.png' : 'https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_start2.png'"
               mode="aspectFill"></image>
           </div>
         </div>
 
         <div class="Msg_con">
           {{ item.comment }}
+          <div class="Msg_con_img" v-if="item.image_url">
+            <image v-for="(img, index) in item.image_url.split(',')" :key="index" :src="picUrl + img" mode="aspectFill">
+            </image>
+            <video class="Msg_con_video" v-if="item.video_url" :src="picUrl + item.video_url" controls></video>
+          </div>
         </div>
 
         <div class="Msg_iconList">
           <div class="Msg_iconList_left">
             <div class="Msg_iconList_leftIcon">
-              <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_review.png" mode="widthFix"></image>
+              <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/local_review.png"
+                mode="widthFix"></image>
               {{ item.merchant_evaluation_reply_list ? item.merchant_evaluation_reply_list.length : 0 }}
             </div>
 
             <div class="Msg_iconList_leftIcon">
-              <image v-if="item.is_like == 2" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_likeIcon.png" mode="widthFix"
-                @click="like(item)"></image>
-              <image v-if="item.is_like == 1" src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_likeIcon2.png" mode="widthFix"
-                @click="unlike(item)"></image>
+              <image v-if="item.is_like == 2"
+                src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_likeIcon.png"
+                mode="widthFix" @click="like(item)"></image>
+              <image v-if="item.is_like == 1"
+                src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/com_likeIcon2.png"
+                mode="widthFix" @click="unlike(item)"></image>
               {{ item.merchant_evaluation_like_list ? item.merchant_evaluation_like_list.length : 0 }}
             </div>
           </div>
@@ -89,11 +98,14 @@
           <view>导航</view>
         </view>
         <view class="left_label" @click="handlePhoneClick">
-          <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/localLife_detail_Frame.png" mode="" />
+          <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/localLife_detail_Frame.png"
+            mode="" />
           <view>电话</view>
         </view>
         <view class="left_label" @click="handleDiscussClick">
-          <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/localLife_shopList_Group_1334.png" mode="" />
+          <image
+            src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/property-img-file/localLife_shopList_Group_1334.png"
+            mode="" />
           <view>点评</view>
         </view>
       </view>
@@ -126,7 +138,7 @@ export default {
   onLoad(options) {
     this.info = uni.getStorageSync("merchantInfo")
   },
-  onShow(){
+  onShow() {
     this.page_num = 1
     this.flag = false
     this.commentList = []
@@ -161,9 +173,9 @@ export default {
       })
     },
 
-    getMerchantInfo(){
+    getMerchantInfo() {
       request(apiArr.getMerchantInfo, "POST", {
-        id:uni.getStorageSync("merchantInfo").id,
+        id: uni.getStorageSync("merchantInfo").id,
       }).then(res => {
         this.isShow = res.quick_purchase_enabled == 1
       })
@@ -205,15 +217,15 @@ export default {
         evaluation_id: e.id,
       }).then(res => {
         console.log(e);
-        if(e.merchant_evaluation_like_list){
+        if (e.merchant_evaluation_like_list) {
           e.merchant_evaluation_like_list.push({})
-        }else{
+        } else {
           e.merchant_evaluation_like_list = []
           e.merchant_evaluation_like_list.push({})
         }
         e.is_like = 1
         uni.showToast({
-          icon:"none",
+          icon: "none",
           title: '点赞成功',
           duration: 2000
         });
@@ -227,13 +239,13 @@ export default {
         e.merchant_evaluation_like_list.pop()
         uni.showToast({
           title: '取消成功',
-          icon:"none",
+          icon: "none",
           duration: 2000
         });
       })
     },
 
-    commentDesc(e){
+    commentDesc(e) {
       NavgateTo(`../UserComment/index?id=${e.id}`)
     },
   },