feat(订单详情): 实现文件ID同步更新功能

添加文件ID更新处理逻辑，确保在图片上传、删除、排序和隐藏操作后同步更新fileIds
将"一键复制"按钮文案改为"一键保存"

pages/orderDetailRefactored/components/OrderDetailView.vue

@@ -23,6 +23,7 @@
         :current-receipt="currentReceipt"
         :follow-up-list="followUpList"
         @next="handleNext"
+        @update-file-ids="handleUpdateFileIds"
       />
     </view>
     
@@ -37,6 +38,7 @@
         @next="handleNext"
         @save="handleNeedSave"
         @confirm-pay="handleConfirmPay"
+        @update-file-ids="handleUpdateFileIds"
         ref="pageThreeRef"
       />
     </view>
@@ -245,6 +247,16 @@ export default {
       if (index === 2 && this.$refs.pageThreeRef) {
         this.$refs.pageThreeRef.refreshImageList()
       }
+    },
+
+    /**
+     * 更新 fileIds
+     */
+    handleUpdateFileIds(fileIds) {
+      if (this.currentReceipt) {
+        this.$set(this.currentReceipt, 'fileIds', fileIds)
+        this.fileIds = fileIds
+      }
     }
   }
 }

pages/orderDetailRefactored/components/PageThree.vue

@@ -266,6 +266,25 @@ export default {
           this.orderDetail.itemBrand,
           this.currentReceipt.clueId
         )
+        
+        // 按照 fileIds 排序
+        if (this.currentReceipt.fileIds && list && list.length > 0) {
+          const sortedIds = this.currentReceipt.fileIds.split(',')
+          list.sort((a, b) => {
+            const indexA = sortedIds.indexOf(a.id)
+            const indexB = sortedIds.indexOf(b.id)
+            
+            // 如果都不在列表中，保持原顺序
+            if (indexA === -1 && indexB === -1) return 0
+            // 如果 a 不在列表中，放到后面
+            if (indexA === -1) return 1
+            // 如果 b 不在列表中，放到后面
+            if (indexB === -1) return -1
+            // 都在列表中，按 index 排序
+            return indexA - indexB
+          })
+        }
+        
         this.detailImages = list || []
       } catch (error) {
         console.error('加载细节图失败:', error)
@@ -382,10 +401,12 @@ export default {
       this.resetDragState()
 
       //每次拖拽结束后把新的顺序传送给接口
+      const fileIds = this.detailImages.map(item => item.id).join(',')
       await uni.$u.api.updateReceiptForm({
         id: this.currentReceipt.id,
-        fileIds: this.detailImages.map(item => item.id).join(',')
+        fileIds: fileIds
       })
+      this.$emit('update-file-ids', fileIds)
     },
 
     /**
@@ -433,13 +454,15 @@ export default {
           '3',
           uploadResults
         )
-        this.loadDetailImages()
+        await this.loadDetailImages()
 
         //上传新图片完成之后也要把新数据给接口
+        const fileIds = this.detailImages.map(item => item.id).join(',')
         await uni.$u.api.updateReceiptForm({
           id: this.currentReceipt.id,
-          fileIds: this.detailImages.map(item => item.id).join(',')
+          fileIds: fileIds
         })
+        this.$emit('update-file-ids', fileIds)
 
       } catch (error) {
         console.error('上传失败:', error)
@@ -449,11 +472,23 @@ export default {
     /**
      * 隐藏图片
      */
-    handleHideImage(item, index) {
+    async handleHideImage(item, index) {
       const itemIndex = this.detailImages.findIndex(img => img.id === item.id || img.fileUrl === item.fileUrl)
       if (itemIndex !== -1) {
         this.detailImages.splice(itemIndex, 1)
-        uni.$u.toast('图片已隐藏')
+        
+        // 更新 fileIds
+        const fileIds = this.detailImages.map(item => item.id).join(',')
+        try {
+          await uni.$u.api.updateReceiptForm({
+            id: this.currentReceipt.id,
+            fileIds: fileIds
+          })
+          this.$emit('update-file-ids', fileIds)
+          uni.$u.toast('图片已隐藏')
+        } catch (error) {
+          console.error('更新失败:', error)
+        }
       }
     },
 

pages/orderDetailRefactored/components/PageTwo.vue

@@ -139,7 +139,7 @@
         <view class="detail-image-header">
           <text class="detail-image-title">上传高清细节图（支持多选）</text>
           <view class="copy-btn" @click="copyAllDetailImages">
-            <text>一键复制</text>
+            <text>一键保存</text>
           </view>
         </view>
         <view class="detail-image-upload-container">
@@ -254,6 +254,25 @@ export default {
           this.orderDetail.itemBrand,
           this.currentReceipt.clueId
         )
+        
+        // 按照 fileIds 排序
+        if (this.currentReceipt.fileIds && list && list.length > 0) {
+          const sortedIds = this.currentReceipt.fileIds.split(',')
+          list.sort((a, b) => {
+            const indexA = sortedIds.indexOf(a.id)
+            const indexB = sortedIds.indexOf(b.id)
+            
+            // 如果都不在列表中，保持原顺序
+            if (indexA === -1 && indexB === -1) return 0
+            // 如果 a 不在列表中，放到后面
+            if (indexA === -1) return 1
+            // 如果 b 不在列表中，放到后面
+            if (indexB === -1) return -1
+            // 都在列表中，按 index 排序
+            return indexA - indexB
+          })
+        }
+        
         this.detailImages = list || []
       } catch (error) {
         console.error('加载细节图失败:', error)
@@ -341,7 +360,16 @@ export default {
           '3',
           uploadResults
         )
-        this.loadDetailImages()
+        await this.loadDetailImages()
+
+        // 更新 fileIds
+        const fileIds = this.detailImages.map(item => item.id).join(',')
+        await uni.$u.api.updateReceiptForm({
+          id: this.currentReceipt.id,
+          fileIds: fileIds
+        })
+        this.$emit('update-file-ids', fileIds)
+
       } catch (error) {
         console.error('上传失败:', error)
       }
@@ -358,7 +386,16 @@ export default {
           if (res.confirm) {
             try {
               await imageUpload.deleteFile(item.id)
-              this.loadDetailImages()
+              await this.loadDetailImages()
+
+              // 更新 fileIds
+              const fileIds = this.detailImages.map(item => item.id).join(',')
+              await uni.$u.api.updateReceiptForm({
+                id: this.currentReceipt.id,
+                fileIds: fileIds
+              })
+              this.$emit('update-file-ids', fileIds)
+
             } catch (error) {
               console.error('删除失败:', error)
             }