feat: 优化 PageFour 组件中的图片排序逻辑，确保与 PageThree 的 displayImages 顺序一致

pages/orderDetailRefactored/components/PageFour.vue

@@ -888,8 +888,7 @@ export default {
                 const brandId = brandObj ? brandObj.dictValue : ''
   
                 //建立入库data
-                // 获取 PageThree 的高清实物图的 fileUrl 数组
-                // 直接使用 imageUpload 获取图片列表，与 PageThree 保持一致
+                // 获取 PageThree 的高清实物图的 fileUrl 数组，顺序与 PageThree 的 displayImages 一致（按 fileIds 排序）
                 let goodPicFileUrls = []
                 if (this.currentReceipt.id && this.orderDetail.itemBrand) {
                   try {
@@ -900,9 +899,20 @@ export default {
                       this.orderDetail.itemBrand,
                       this.currentReceipt.clueId
                     )
-                    // 获取前6个图片的 fileUrl（与 PageThree 的 displayImages 保持一致）
-                    // goodPicFileUrls = (list || []).slice(0, 6).map(item => item.fileUrl).filter(url => url)
-                    goodPicFileUrls = (list || []).map(item => item.fileUrl).filter(url => url)
+                    // 按 currentReceipt.fileIds 排序，与 PageThree 的 loadDetailImages 逻辑一致
+                    let sortedList = list || []
+                    if (this.currentReceipt.fileIds && sortedList.length > 0) {
+                      const sortedIds = this.currentReceipt.fileIds.split(',')
+                      sortedList = [...sortedList].sort((a, b) => {
+                        const indexA = sortedIds.indexOf(a.id)
+                        const indexB = sortedIds.indexOf(b.id)
+                        if (indexA === -1 && indexB === -1) return 0
+                        if (indexA === -1) return 1
+                        if (indexB === -1) return -1
+                        return indexA - indexB
+                      })
+                    }
+                    goodPicFileUrls = sortedList.map(item => item.fileUrl).filter(url => url)
                   } catch (error) {
                     console.error('获取高清实物图失败:', error)
                   }