From cb12396c5b4b601930fb627554e5b55f1fcd6965 Mon Sep 17 00:00:00 2001
From: sugar1569 <sugar1569@vip.qq.com>
Date: Thu, 8 Oct 2026 17:55:50 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E4=B8=BA=E5=95=86=E5=93=81=E5=92=8C?=
 =?UTF-8?q?=E8=AE=A2=E5=8D=95=E5=8D=A1=E7=89=87=E6=B7=BB=E5=8A=A0=E8=B7=B3?=
 =?UTF-8?q?=E8=BD=AC=E8=AF=A6=E6=83=85=E5=8A=9F=E8=83=BD=EF=BC=8C=E4=BC=98?=
 =?UTF-8?q?=E5=8C=96=E5=8D=A1=E7=89=87=E5=B8=83=E5=B1=80?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

新增商品卡片点击跳转商品详情的 goGoods 函数，订单卡片点击跳转订单详情的 goOrder 函数；调整订单图片样式添加背景色，优化商品信息区域 flex 收缩属性避免布局溢出，补充必要注释说明样式和逻辑。
---
 .../pages/extension/customer_list/chat.vue    | 33 +++++++++++++++----
 1 file changed, 26 insertions(+), 7 deletions(-)

diff --git a/frontend/uni-app/src/pages/extension/customer_list/chat.vue b/frontend/uni-app/src/pages/extension/customer_list/chat.vue
index abcf3a37d..faecd7061 100644
--- a/frontend/uni-app/src/pages/extension/customer_list/chat.vue
+++ b/frontend/uni-app/src/pages/extension/customer_list/chat.vue
@@ -40,19 +40,23 @@
                   @tap="previewImage(item.msn)"
                 ></image>
               </view>
-              <!-- 商品卡片 -->
-              <view class="product-box" v-if="item.msn_type == 5 && item.productInfo">
+              <!-- 商品卡片：点击跳转商品详情 -->
+              <view class="product-box" v-if="item.msn_type == 5 && item.productInfo" @click="goGoods(item.productInfo.id)">
                 <image :src="item.productInfo.image" mode="widthFix"></image>
                 <view class="info">
                   <view class="name line1">{{ item.productInfo.store_name }}</view>
                   <view class="price"><text>￥</text>{{ item.productInfo.price }}</view>
                 </view>
               </view>
-              <!-- 订单卡片 -->
-              <view class="order-box" v-if="item.msn_type == 6 && item.orderInfo">
+              <!-- 订单卡片：点击跳转订单详情（中台按 order_no） -->
+              <view class="order-box" v-if="item.msn_type == 6 && item.orderInfo" @click="goOrder(item.orderInfo.order_no)">
                 <view class="title">订单</view>
                 <view class="info">
-                  <image v-if="item.orderInfo.image" :src="item.orderInfo.image"></image>
+                  <image
+                    class="order-img"
+                    :src="item.orderInfo.image"
+                    mode="aspectFill"
+                  ></image>
                   <view class="product-info">
                     <view class="name line1">{{ item.orderInfo.title }}</view>
                     <view class="price">￥{{ item.orderInfo.pay_price }}</view>
@@ -525,6 +529,16 @@ function setPageScrollTo(selector) {
     .exec();
 }
 
+// 商品卡片跳转商品详情
+function goGoods(id) {
+	if (!id) return;
+	uni.navigateTo({ url: `/pages/goods_details/index?id=${id}` });
+}
+// 订单卡片跳转订单详情（订单中台按 order_no 查询）
+function goOrder(orderNo) {
+	if (!orderNo) return;
+	uni.navigateTo({ url: `/pages/center/order/detail/index?order_no=${orderNo}` });
+}
 // 发送消息
 function sendText() {
   if (!isSend.value) {
@@ -903,7 +917,6 @@ body {
       image {
         width: 452rpx;
       }
-
       .info {
         padding: 16rpx 26rpx;
 
@@ -923,6 +936,7 @@ body {
       margin-left: 22rpx;
       background-color: #fff;
       border-radius: 14rpx;
+      overflow: hidden;
 
       .title {
         padding: 15rpx 20rpx;
@@ -935,14 +949,19 @@ body {
         display: flex;
         padding: 20rpx;
 
-        image {
+        /* 商品图：始终渲染保证布局稳定，无图/加载失败时由底色占位 */
+        .order-img {
+          flex: none;
           width: 124rpx;
           height: 124rpx;
+          background: #f5f6f7;
           border-radius: 6rpx;
         }
 
         .product-info {
           flex: 1;
+          /* 允许 flex 收缩：否则 min-width:auto 使长商品名撑破卡片，line1 省略号失效 */
+          min-width: 0;
           display: flex;
           flex-direction: column;
           justify-content: space-between;