完善售后模块

api/afterSale.js

@@ -7,4 +7,5 @@ export const apiArr = {
   revokeApply: "/api/v2/wechat/commodity/after-sales/revoke-apply", //撤销售后申请
   changeGoodsList: "/api/v2/wechat/commodity/after-sales/change-goods-list", //商品售后换货商品列表
   updateApply: "/api/v2/wechat/commodity/after-sales/update-apply", //商品订单售后修改申请
+  createReview: "/api/v2/wechat/commodity/review/create", //创建订单评价
 };

packages/myOrders/awaitRated/awaitRated.vue

@@ -2,24 +2,20 @@
   <view class="order-list">
     <view class="order-item" v-for="(item, index) in orderList" :key="index">
       <view class="order-header">
-        <text class="order-name">{{ item.orderName }}</text>
+        <text class="order-name">{{ item.supplier_name }}</text>
-        <text class="order-number">{{ item.orderNumber }}</text>
+        <text class="order-number">{{ item.order_no }}</text>
       </view>
       <view class="product-list">
-        <view
+        <view class="product-item" v-for="(product, pIndex) in item.commodity_order_item_list" :key="pIndex">
-          class="product-item"
-          v-for="(product, pIndex) in item.products"
-          :key="pIndex"
-        >
           <view class="product-info">
             <view class="product-img">
-              <image :src="product.imageUrl" mode="aspectFit"></image>
+              <image :src="product.commodity_pic"></image>
-              <view class="tag" v-if="product.tag">{{ product.tag }}</view>
+              <view class="tag" v-if="product.is_same_day === 1">当日达</view>
             </view>
             <view class="product-details">
-              <text class="product-name">{{ product.name }}</text>
+              <text class="product-name">{{ product.goods_name }}</text>
-              <text class="product-spec">{{ product.spec }}</text>
+              <text class="product-spec">{{ product.goods_spec }}</text>
-              <text class="product-unit">{{ product.unit }}</text>
+              <text class="product-unit">{{ product.sales_price }}/{{ product.goods_unit }}</text>
             </view>
           </view>
           <button class="evaluate-btn" @click="evaluateOrder(product)">
@@ -35,56 +31,15 @@
 import { request, NavgateTo } from "../../../utils";
 
 export default {
+  props: {
+    orderData: {
+      type: Array,
+      default: () => []
+    }
+  },
   data() {
     return {
-      orderList: [
+      orderList: [],
-        {
-          orderName: "衡水商贸国际公司",
-          orderNumber: "4534534255",
-          products: [
-            {
-              imageUrl: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/product.png",
-              tag: "当日达",
-              name: "货品名称",
-              spec: "货品规格",
-              unit: "货品单位",
-            },
-            {
-              imageUrl: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/product.png",
-              tag: "当日达",
-              name: "货品名称",
-              spec: "货品规格",
-              unit: "货品单位",
-            },
-          ],
-        },
-        {
-          orderNumber: "54352342331",
-          products: [
-            {
-              imageUrl: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/product.png",
-              tag: "",
-              name: "货品名称",
-              spec: "货品规格",
-              unit: "货品单位",
-            },
-            {
-              imageUrl: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/product.png",
-              tag: "",
-              name: "货品名称",
-              spec: "货品规格",
-              unit: "货品单位",
-            },
-            {
-              imageUrl: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/product.png",
-              tag: "",
-              name: "货品名称",
-              spec: "货品规格",
-              unit: "货品单位",
-            },
-          ],
-        },
-      ],
     };
   },
   methods: {
@@ -93,6 +48,21 @@ export default {
       NavgateTo(`../evaluate/index?item=${JSON.stringify(item)}`);
     },
   },
+  mounted() {
+    // 组件挂载时初始化数据
+    this.orderList = this.orderData;
+    console.log("🚀 ~ mounted ~ this.orderList:", this.orderList);
+  },
+  watch: {
+    // 监听orderData的变化，确保子组件能响应父组件数据更新
+    orderData: {
+      handler(newVal) {
+        this.orderList = newVal;
+        console.log("🚀 ~ watch orderData ~ this.orderList:", this.orderList);
+      },
+      deep: true 
+    }
+  }
 };
 </script>
 

packages/myOrders/evaluate/index.vue

@@ -6,11 +6,11 @@
       <!-- 订单编号 -->
       <view class="order-info">
         <text class="order-label">订单编号</text>
-        <text class="order-value">38757328485</text>
+        <text class="order-value">{{ itemObj.order_no }}</text>
       </view>
       <view class="goods">
         <view>
-          <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/test.png" class="goodsImg"></image>
+          <image :src="itemObj.commodity_order_item_list[0].commodity_pic" class="goodsImg"></image>
         </view>
         <view class="rating">
           <view>很差</view>
@@ -23,70 +23,38 @@
       <!-- 商品品质 -->
       <view class="rating-item">
         <text class="rating-label">商品品质</text>
-        <u-rate
+        <u-rate v-model="qualityRating" size="40" active-color="#FFB400" inactive-color="#EEEEEE" gutter="60"></u-rate>
-          v-model="qualityRating"
-          size="40"
-          active-color="#FFB400"
-          inactive-color="#EEEEEE"
-          gutter="60"
-        ></u-rate>
       </view>
 
       <!-- 配送速度 -->
       <view class="rating-item">
         <text class="rating-label">配送速度</text>
-        <u-rate
+        <u-rate v-model="speedRating" size="40" active-color="#FFB400" inactive-color="#EEEEEE" gutter="60"></u-rate>
-          v-model="speedRating"
-          size="40"
-          active-color="#FFB400"
-          inactive-color="#EEEEEE"
-          gutter="60"
-        ></u-rate>
       </view>
 
       <!-- 快递员服务 -->
       <view class="rating-item">
         <text class="rating-label">快递员服务</text>
-        <u-rate
+        <u-rate v-model="serviceRating" size="40" active-color="#FFB400" inactive-color="#EEEEEE" gutter="60"></u-rate>
-          v-model="serviceRating"
-          size="40"
-          active-color="#FFB400"
-          inactive-color="#EEEEEE"
-          gutter="60"
-        ></u-rate>
       </view>
 
       <!-- 评价输入 -->
       <view class="comment-section">
-        <textarea
+        <textarea class="comment-input" placeholder="展开说说对商品的想法吧…" v-model="comment"></textarea>
-          class="comment-input"
-          placeholder="展开说说对商品的想法吧…"
-          v-model="comment"
-        ></textarea>
       </view>
       <!-- 图片上传 -->
       <view class="upload-section">
         <view class="image-list">
-          <view
+          <view class="image-item" v-for="(img, index) in imageList" :key="index">
-            class="image-item"
-            v-for="(img, index) in imageList"
-            :key="index"
-          >
             <image :src="img" class="uploaded-img"></image>
             <view class="delete-btn" @click="deleteImage(index)">
               <text class="delete-icon">×</text>
             </view>
           </view>
         </view>
-        <view
+        <view class="upload-btn" @click="chooseImage" v-if="imageList.length < 3">
-          class="upload-btn"
+          <image src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/myOrder/upload.png" class="upload-icon">
-          @click="chooseImage"
+          </image>
-          v-if="imageList.length < 3"
-        >
-          <image
-            src="https://wechat-img-file.oss-cn-beijing.aliyuncs.com/myOrder/upload.png"
-            class="upload-icon"
-          ></image>
           <view class="upload-text">上传图片</view>
           <view class="upload-count">({{ imageList.length }}/3)</view>
         </view>
@@ -101,31 +69,22 @@
 
 <script>
 import uImage from "../../../uni_modules/uview-ui/components/u--image/u--image.vue";
+import { picUrl, NavgateTo, request } from "../../../utils";
+import { apiArr } from "../../../api/afterSale";
+
 export default {
   components: { uImage },
   data() {
     return {
-      // 商品列表
-      goods: [
-        { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/myOrder/order_index1.png" },
-        { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/myOrder/order_index2.png" },
-        { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/myOrder/order_index3.png" },
-        { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/myOrder/order_index4.png" },
-        { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/myOrder/order_index5.png" },
-        { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/myOrder/order_index1.png" },
-        { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/myOrder/order_index2.png" },
-        { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/myOrder/order_index3.png" },
-        { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/myOrder/order_index4.png" },
-        { image: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/myOrder/order_index5.png" },
-      ],
       // 评分数据
-      qualityRating: 5,
+      qualityRating: 0,
       speedRating: 0,
       serviceRating: 0,
       // 评价内容
       comment: "",
       // 图片列表
       imageList: [],
+      itemObj: {},
     };
   },
   methods: {
@@ -160,7 +119,17 @@ export default {
         });
         return;
       }
-      //
+      const params = {
+        order_id: this.itemObj.id,
+        goods_id: this.itemObj.commodity_order_item_list[0].goods_id,
+        user_id: uni.getStorageSync("userId"),
+        quality_score: this.qualityRating,
+        speed_score: this.speedRating,
+        service_score: this.serviceRating,
+        user_review: this.comment,
+        review_image: this.imageList,
+      }
+      request(apiArr.createReview, "POST", params).then((res) => {
         uni.showToast({
           title: "评价提交成功",
           icon: "success",
@@ -168,11 +137,11 @@ export default {
         setTimeout(() => {
           uni.navigateBack();
         }, 1500);
+      });
     },
   },
   onLoad(options) {
-    console.log("🚀 ~ onLoad ~ options:", options);
+    this.itemObj = JSON.parse(decodeURIComponent(options.item));
-    const itemObj = JSON.parse(decodeURIComponent(options.item));
   },
 };
 </script>

packages/myOrders/index/index.vue

@@ -10,12 +10,12 @@
 
     <view class="content">
       <view v-if="selectedTab === 6">
-        <awaitRated />
+        <awaitRated :orderData="orderData" />
       </view>
-      <view v-if="selectedTab === 7">
+      <view v-else-if="selectedTab === 7">
-        <rated />
+        <rated :orderData="orderData" />
       </view>
-      <view v-if="selectedTab === 8">
+      <view v-else-if="selectedTab === 8">
         <afterSale :afterSaleList="afterSaleList" @revokeApply="revokeApply" />
       </view>
       <view v-else>
@@ -69,17 +69,17 @@
                 <view class="btn-group" v-if="item.order_status === 5">
                   <text class="afterSaleNum">{{ item.commodity_order_item_list.length }}笔售后</text>
                   <button class="cancel-btn" @click="afterSale(item)">退换/售后</button>
-                  <button class="pay-btn">评价</button>
+                  <button class="pay-btn" @click="orderEvaluate(item)" :disabled="item.evauate_status === 1">评价</button>
                 </view>
                 <view class="btn-group" v-if="item.order_status === 6">
                   <!-- <button class="cancel-btn" @click="orderEvaluate">
                     服务评价
                   </button>
-                  <button class="yfd-btn" @click="cancelOrder">运费单</button>
+                  <button class="yfd-btn" @click="cancelOrder">运费单</button> -->
-                  <button class="pay-btn" @click="cancelOrder">再来一单</button> -->
+                  <button class="pay-btn" @click="goToPay(item)">再来一单</button>
                 </view>
                 <view class="btn-group" v-if="item.order_status === 7">
-                  <button class="pay-btn" @click="cancelOrder">再来一单</button>
+                  <button class="pay-btn" @click="goToPay(item)">再来一单</button>
                 </view>
               </view>
             </view>
@@ -164,14 +164,27 @@ export default {
       showTkPopup: false,//申请退款
       afterSaleItem: '',//操作对象
       afterSaleList: [],//售后列表
+      selectStatus: '',//选中的status
+      evaluateStatus: '',//评价状态
     };
   },
   methods: {
     selectTab(index, item) {
       this.selectedTab = index;
-      if (index !== 6) {
+      if (index == 6) {
-        this.getOrderList();
+        this.evaluateStatus = 2;
+        this.selectStatus = ''
+      } else if (index == 7) {
+        this.evaluateStatus = 1;
+        this.selectStatus = ''
+      } else if (index == 2) {
+        this.selectStatus = 6;
+        this.evaluateStatus = ''
+      } else {
+        this.selectStatus = index;
+        this.evaluateStatus = ''
       }
+      this.getOrderList();
     },
     // 取消订单
     cancelOrder(item) {
@@ -181,7 +194,6 @@ export default {
 
     // 处理订单取消事件
     handleOrderCancelled(data) {
-      console.log("🚀 ~ handleOrderCancelled ~ 取消原因:", data.reason);
       const params = {
         order_id: this.afterSaleItem.id,
         method: 1,
@@ -195,7 +207,6 @@ export default {
 
     // 售后按钮
     afterSale(item) {
-      console.log("🚀 ~ afterSale ~ item:", item)
       this.afterSaleGoods = item.commodity_order_item_list;
       // 保存完整的订单对象
       this.afterSaleOrderItem = item;
@@ -206,7 +217,6 @@ export default {
       //   request(afterSaleApi.isAllow, "POST", {
       //     order_id: item.id,
       //   }).then((res) => {
-      //     console.log("🚀 ~ afterSale ~ res:", res)
       //     if (res.data.is_allow_after_sales) {
       //       this.afterSaleGoods = res.data.allow_items;
       //       // this.selectedAsGood = item.commodity_order_item_list[0].id;
@@ -219,8 +229,6 @@ export default {
 
     // 处理退款提交事件
     handleRefundSubmitted(data) {
-      console.log("🚀 ~ handleRefundSubmitted ~ handleRefundSubmitted:", this.afterSaleOrderItem)
-      console.log("🚀 ~ handleRefundSubmitted ~ 退款申请提交成功:", data);
       const params = {
         nick_name: uni.getStorageSync("nickName"),
         order_id: this.afterSaleOrderItem.id,
@@ -236,7 +244,6 @@ export default {
         receiving_address: data.merchantAddress,
         change_goods_id: data.changeServiceId
       }
-      console.log("🚀 ~ handleRefundConfirmed ~ parasm:", params)
       // request(afterSaleApi.afterSaleCreate, "POST", params).then((res) => {
       //   this.getOrderList();
       // });
@@ -256,8 +263,6 @@ export default {
 
     // 处理退款确认事件
     handleRefundConfirmed(data) {
-      console.log("🚀 ~ handleRefundConfirmed ~ handleRefundConfirmed:", this.afterSaleItem)
-      console.log("🚀 ~ handleRefundConfirmed ~ 退款原因:", data.reason);
       const params = {
         nick_name: uni.getStorageSync("nickName"),
         order_id: this.afterSaleItem.id,
@@ -267,7 +272,6 @@ export default {
         refund_amount: this.afterSaleItem.total_amount,
         order_status: 3
       }
-      console.log("🚀 ~ handleRefundConfirmed ~ parasm:", params)
       request(afterSaleApi.afterSaleCreate, "POST", params).then((res) => {
         this.getOrderList();
       });
@@ -284,7 +288,6 @@ export default {
               order_id: item.id,
               method: 2,
             }
-            console.log("🚀 ~ confirmReceiving ~ params:", params)
             request(afterSaleApi.cancelOrConfirm, "POST", params).then((res) => {
               this.getOrderList();
             });
@@ -293,7 +296,44 @@ export default {
       });
     },
     goToPay(item) {
-      console.log(item);
+      // 创建转换后的商品数组
+      const transformedItems = item.commodity_order_item_list.map(goods => ({
+        checked: true,
+        commodity_goods_info: {
+          commodity_brief: "",
+          commodity_id: goods.goods_id,
+          commodity_pic: goods.commodity_pic,
+          goods_alias: goods.goods_name,
+          goods_carousel: "",
+          goods_detail_pic: "",
+          goods_intro: goods.goods_name,
+          goods_name: goods.goods_name,
+          goods_no: "",
+          goods_spec: goods.goods_spec,
+          goods_status: 1,
+          goods_unit: goods.goods_unit,
+          goods_video: "",
+          group_buy_activity_info: null,
+          id: goods.id,
+          is_same_day: goods.is_same_day || false,
+          is_support_same_day: goods.is_support_same_day || 2,
+          market_price: goods.sales_price,
+          sales_price: goods.sales_price,
+          stock_quantity: goods.stock_quantity
+        },
+        commodity_id: goods.goods_id,
+        count: goods.count,
+        create_time: item.create_time,
+        goods_id: goods.id,
+        group_buy_id: 0,
+        id: goods.id,
+        supplier_id: item.supplier_id,
+        supplier_name: item.supplier_name,
+        update_time: item.update_time,
+        user_id: item.user_id
+      }));
+
+      NavgateTo(`/packages/shop/groupPurchaseSubmit/index?shopCarList=${JSON.stringify(transformedItems)}`)
     },
     toDetails(item) {
       NavgateTo(
@@ -305,8 +345,8 @@ export default {
       NavgateTo(`/packages/myOrders/logistics/index`);
     },
 
-    orderEvaluate() {
+    orderEvaluate(item) {
-      NavgateTo(`/packages/myOrders/orderEvaluate/index`);
+      NavgateTo(`/packages/myOrders/evaluate/index?item=${JSON.stringify(item)}`);
     },
 
     getOrderStatus(order_status) {
@@ -331,8 +371,10 @@ export default {
     },
 
     getOrderList() {
+      this.orderData = []
       request(afterSaleApi.orderList, "POST", {
-        order_status: this.selectedTab,
+        order_status: this.selectStatus,
+        evaluate_status: this.evaluateStatus,
         user_id: uni.getStorageSync("userId"),
       }).then((res) => {
         res.order_list.forEach(item => {

packages/myOrders/orderDetails/index.vue

@@ -140,17 +140,17 @@
         <view class="bottom-buttons" v-if="status === '4'">
           <button class="cancel-btn" @click="checkLogistics">查看物流</button>
           <!-- <button class="yfd-btn" @click="cancelOrder">运费单</button> -->
-          <button class="pay-btn" @click="gotoPayment">立即支付</button>
+          <button class="pay-btn" @click="confirmReceiving">确认收货</button>
         </view>
         <view class="bottom-buttons" v-if="status === '5'">
-          <!-- <button class="cancel-btn" @click="orderEvaluate">服务评价</button> -->
+          <!-- <button class="cancel-btn" @click="afterSale">退换/售后</button> -->
           <!-- <button class="yfd-btn" @click="cancelOrder">运费单</button> -->
-          <button class="pay-btn" @click="gotoPayment">立即支付</button>
+          <button class="pay-btn" @click="orderEvaluate" :disabled="orderInfo.evauate_status === 1">评价</button>
         </view>
         <view class="bottom-buttons" v-if="status === '6'">
           <!-- <button class="yfd-btn" @click="cancelOrder">运费单</button> -->
           <!-- <button class="cancel-btn" @click="cancelOrder">服务评价</button> -->
-          <!-- <button class="pay-btn" @click="gotoPayment">再来一单</button> -->
+          <button class="pay-btn" @click="gotoPayment">再来一单</button>
         </view>
       </view>
     </view>
@@ -267,17 +267,56 @@ export default {
       });
     },
     gotoPayment() {
-      // 跳转到支付页面
+      // 创建转换后的商品数组
-      // uni.navigateTo({
+      const transformedItems = this.orderInfo.commodity_order_item_list.map(goods => ({
-      //   url: "/kitchen/pay/index",
+        checked: true,
-      // });
+        commodity_goods_info: {
+          commodity_brief: "",
+          commodity_id: goods.goods_id,
+          commodity_pic: goods.commodity_pic,
+          goods_alias: goods.goods_name,
+          goods_carousel: "",
+          goods_detail_pic: "",
+          goods_intro: goods.goods_name,
+          goods_name: goods.goods_name,
+          goods_no: "",
+          goods_spec: goods.goods_spec,
+          goods_status: 1,
+          goods_unit: goods.goods_unit,
+          goods_video: "",
+          group_buy_activity_info: null,
+          id: goods.id,
+          is_same_day: goods.is_same_day || false,
+          is_support_same_day: goods.is_support_same_day || 2,
+          market_price: goods.sales_price,
+          sales_price: goods.sales_price,
+          stock_quantity: goods.stock_quantity
+        },
+        commodity_id: goods.goods_id,
+        count: goods.count,
+        create_time: this.orderInfo.create_time,
+        goods_id: goods.id,
+        group_buy_id: 0,
+        id: goods.id,
+        supplier_id: this.orderInfo.supplier_id,
+        supplier_name: this.orderInfo.supplier_name,
+        update_time: this.orderInfo.update_time,
+        user_id: this.orderInfo.user_id
+      }));
+      
+      NavgateTo(`/packages/shop/groupPurchaseSubmit/index?shopCarList=${JSON.stringify(transformedItems)}`)
     },
     checkLogistics() {
       NavgateTo(`/packages/myOrders/logistics/index`);
     },
 
     orderEvaluate() {
-      NavgateTo(`/packages/myOrders/orderEvaluate/index`);
+      NavgateTo(`/packages/myOrders/evaluate/index?item=${JSON.stringify(this.orderInfo)}`);
+    },
+    
+    // 售后按钮
+    afterSale() {
+      NavgateTo(`/packages/myOrders/afterSale/index`);
     }
   },
 };

packages/myOrders/rated/rated.css

@@ -66,8 +66,8 @@
 }
 
 .image-item image {
-  width: 80rpx;
+  width: 100%;
-  height: 80rpx;
+  height: 100%;
 }
 
 .image-text {

packages/myOrders/rated/rated.vue

@@ -1,44 +1,38 @@
 <template>
   <view class="evaluation-container">
     <!-- 评价内容区域 -->
+    <view>
+      <view v-for="(item, index) in orderList" :key="index">
         <view class="evaluation-content">
           <!-- 订单头部信息 -->
           <view class="order-header">
-        <text class="order-name">{{ orderInfo.orderName }}</text>
+            <text class="order-name">{{ item.supplier_name }}</text>
-        <text class="order-number">{{ orderInfo.orderNumber }}</text>
+            <text class="order-number">{{ item.order_no }}</text>
           </view>
 
           <view class="evaluation-area">
-        <text class="evaluation-text">{{ evaluationInfo.content }}</text>
+            <text class="evaluation-text">{{ item.evaluate_info.user_review }}</text>
             <!-- 评价图片区域 -->
-        <view class="image-list">
+            <view class="image-list" v-if="item.evaluate_info.review_image && item.evaluate_info.review_image.length > 0">
-          <view
+              <view class="image-item" v-for="(img, index) in parseReviewImages(item.evaluate_info.review_image)" :key="index">
-            class="image-item"
+                <image :src="img"></image>
-            v-for="(img, index) in evaluationInfo.images"
-            :key="index"
-          >
-            <image :src="img.url" mode="aspectFill"></image>
-            <text class="image-text">{{ img.text }}</text>
               </view>
             </view>
-        <text class="order-date">{{ orderInfo.date }}</text>
+            <text class="order-date">{{ item.evaluate_info.create_time }}</text>
           </view>
 
           <!-- 商品信息区域 -->
           <view class="product-info">
             <view class="product-img">
-          <image :src="productInfo.imageUrl" mode="aspectFit"></image>
+              <image :src="item.commodity_order_item_list[0].commodity_pic"></image>
-          <view
+              <view class="tag" v-if="item.commodity_order_item_list[0].is_same_day === 1" :key="index">当日达</view>
-            class="tag"
-            v-for="(tag, index) in productInfo.tags"
-            :key="index"
-            >{{ tag }}</view
-          >
             </view>
             <view class="product-details">
-          <text class="product-name">{{ productInfo.name }}</text>
+              <text class="product-name">{{ item.commodity_order_item_list[0].goods_name }}</text>
-          <text class="product-spec">{{ productInfo.spec }}</text>
+              <text class="product-spec">{{ item.commodity_order_item_list[0].goods_spec }}</text>
-          <text class="product-unit">{{ productInfo.unit }}</text>
+              <text class="product-unit">{{ item.commodity_order_item_list[0].sales_price }}/{{ item.commodity_order_item_list[0].goods_unit }}</text>
+            </view>
+          </view>
         </view>
       </view>
     </view>
@@ -47,30 +41,61 @@
 
 <script>
 export default {
+  props: {
+    orderData: {
+      type: Array,
+      default: () => []
+    }
+  },
   data() {
     return {
-      orderInfo: {
+      orderList: [],
-        orderName: "衡水商贸国际公司",
-        orderNumber: "4534534255",
-        date: "2025-07-21",
-      },
-      evaluationInfo: {
-        content: "评价文字内容",
-        images: [
-          { url: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/eval1.png", text: "评价图片" },
-          { url: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/eval2.png", text: "评价图片" },
-          { url: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/eval3.png", text: "评价图片" },
-        ],
-      },
-      productInfo: {
-        imageUrl: "https://wechat-img-file.oss-cn-beijing.aliyuncs.com/product.png",
-        tags: ["当日达", "当日达"],
-        name: "货品名称",
-        spec: "货品规格",
-        unit: "货品单位",
-      },
     };
   },
+  methods: {
+    // 解析评价图片格式
+    parseReviewImages(reviewImage) {
+      try {
+        // 检查是否为字符串类型且包含有效内容
+        if (typeof reviewImage === 'string' && reviewImage.trim()) {
+          // 去除可能的引号和空格，然后尝试解析为数组
+          const cleanStr = reviewImage.replace(/^"|"$/g, '').replace(/^'|'$/g, '').trim();
+          let images = [];
+          
+          // 尝试使用JSON解析
+          if (cleanStr.startsWith('[') && cleanStr.endsWith(']')) {
+            images = JSON.parse(cleanStr);
+          } else if (cleanStr.includes(',')) {
+            // 如果是逗号分隔的字符串
+            images = cleanStr.split(',').map(img => img.trim());
+          }
+          
+          // 确保返回的是数组并且每个元素都是有效的URL
+          return Array.isArray(images) ? images : [];
+        }
+        // 如果已经是数组则直接返回
+        return Array.isArray(reviewImage) ? reviewImage : [];
+      } catch (error) {
+        console.error('解析评价图片失败:', error);
+        return [];
+      }
+    }
+  },
+  mounted() {
+    // 组件挂载时初始化数据
+    this.orderList = this.orderData;
+    console.log("🚀 ~ mounted ~ this.orderList:", this.orderList);
+  },
+  watch: {
+    // 监听orderData的变化，确保子组件能响应父组件数据更新
+    orderData: {
+      handler(newVal) {
+        this.orderList = newVal;
+        console.log("🚀 ~ watch orderData ~ this.orderList:", this.orderList);
+      },
+      deep: true 
+    }
+  }
 };
 </script>
 

packages/shop/groupPurchaseSubmit/index.vue

@@ -334,6 +334,7 @@ export default {
     },
     onLoad(options) {
         this.carList = JSON.parse(options.shopCarList)
+        console.log("🚀 ~ onLoad ~ JSON.parse(options.shopCarList):", JSON.parse(options.shopCarList))
     },
     onShow() {
         this.getUserAddress()