新增，在高清实物图每次拖拽完成之后和上传新图片的之后把新的fileIds传给接口

pages/orderDetailRefactored/components/PageThree.vue

@@ -6,56 +6,34 @@
       <u-row class="info-row" justify="space-between">
         <u-col span="5.8">
           <view class="info-label">开户人</view>
-          <u-input 
-            v-model="paymentInfo.customName" 
-            placeholder="请输入开户人姓名" 
-            class="info-input"
-            @blur="handleCustomNameInput" 
-          />
+          <u-input v-model="paymentInfo.customName" placeholder="请输入开户人姓名" class="info-input"
+            @blur="handleCustomNameInput" />
         </u-col>
         <u-col span="5.8">
           <view class="info-label">银行名称</view>
-          <u-input 
-            v-model="paymentInfo.bankName" 
-            placeholder="请输入银行名称" 
-            class="info-input"
-            @blur="handleBankNameInput" 
-          />
+          <u-input v-model="paymentInfo.bankName" placeholder="请输入银行名称" class="info-input"
+            @blur="handleBankNameInput" />
         </u-col>
       </u-row>
       <u-row class="info-row">
         <u-col span="12">
           <view class="info-label">银行账号</view>
-          <u-input 
-            v-model="paymentInfo.bankAccount" 
-            placeholder="请输入银行账号" 
-            class="info-input"
-            type="number"
-            @input="handleBankAccountInput" 
-          />
+          <u-input v-model="paymentInfo.bankAccount" placeholder="请输入银行账号" class="info-input" type="number"
+            @input="handleBankAccountInput" />
         </u-col>
       </u-row>
       <u-row class="info-row">
         <u-col span="12">
           <view class="info-label">身份证号</view>
-          <u-input 
-            v-model="paymentInfo.idNumber" 
-            placeholder="请输入身份证号" 
-            class="info-input"
-            type="number"
-            @input="handleIdNumberInput" 
-          />
+          <u-input v-model="paymentInfo.idNumber" placeholder="请输入身份证号" class="info-input" type="number"
+            @input="handleIdNumberInput" />
         </u-col>
       </u-row>
       <u-row class="info-row">
         <u-col span="12">
           <view class="info-label">支付方式选择</view>
-          <u-radio-group 
-            iconPlacement="left" 
-            v-model="paymentMethodRadio" 
-            placement="row"
-            @change="handlePaymentMethodRadioChange"
-          >
+          <u-radio-group iconPlacement="left" v-model="paymentMethodRadio" placement="row"
+            @change="handlePaymentMethodRadioChange">
             <u-radio shape="circle" label="小葫芦线上支付" name="online" />
             <u-radio shape="circle" label="线下支付" name="offline" />
           </u-radio-group>
@@ -64,12 +42,8 @@
       <u-row class="info-row">
         <u-col span="12">
           <view class="info-label">支付方式</view>
-          <u-input 
-            :disabled="paymentMethodRadio === 'online'" 
-            v-model="paymentMethod" 
-            placeholder="请输入支付方式"
-            class="info-input" 
-          />
+          <u-input :disabled="paymentMethodRadio === 'online'" v-model="paymentMethod" placeholder="请输入支付方式"
+            class="info-input" />
         </u-col>
       </u-row>
     </view>
@@ -82,35 +56,19 @@
         </view>
         <view class="detail-image-content">
           <view class="detail-image-list">
-            <view 
-              v-for="(item, index) in displayImages" 
-              :key="item.id || `detail-${index}`"
-              class="detail-image-item"
+            <view v-for="(item, index) in displayImages" :key="item.id || `detail-${index}`" class="detail-image-item"
               :class="{
                 'dragging': draggingIndex === index,
                 'can-drop': canDropIndex === index && draggingIndex !== index
-              }"
-              :style="draggingIndex === index ? draggingStyle : ''"
-              @touchstart.stop="onTouchStart($event, index)"
-              @touchmove.stop="onTouchMove($event, index)"
-              @touchend.stop="onTouchEnd"
-            >
-              <PicComp 
-                :src="item.fileUrl" 
-                @needPreviewPic="previewImageDetail"
-              />
+              }" :style="draggingIndex === index ? draggingStyle : ''" @touchstart.stop="onTouchStart($event, index)"
+              @touchmove.stop="onTouchMove($event, index)" @touchend.stop="onTouchEnd">
+              <PicComp :src="item.fileUrl" @needPreviewPic="previewImageDetail" />
               <view class="image-type-tag">{{ getImageType(index) }}</view>
-              <view 
-                class="detail-delete-btn" 
-                @click.stop="handleHideImage(item, index)"
-              >
+              <view class="detail-delete-btn" @click.stop="handleHideImage(item, index)">
                 ×
               </view>
             </view>
-            <view 
-              class="detail-upload-btn" 
-              @click="handleUploadImage"
-            >
+            <view class="detail-upload-btn" @click="handleUploadImage">
               <u-icon name="plus" size="40rpx" color="#999" />
             </view>
           </view>
@@ -123,13 +81,7 @@
       <view class="payment-section">
         <view class="payment-total-container">
           <text class="payment-label">支付总额</text>
-          <u-input 
-            v-model="paymentAmount" 
-            class="payment-amount" 
-            type="number" 
-            decimal="2" 
-            prefix="￥" 
-          />
+          <u-input v-model="paymentAmount" class="payment-amount" type="number" decimal="2" prefix="￥" />
         </view>
         <view class="payment-buttons-row">
           <view class="payment-button" @click="handleUnpaidClick">
@@ -148,59 +100,29 @@
     </view>
 
     <!-- 下一步按钮 -->
-    <u-button 
-      class="next-btn" 
-      @click="handleNext" 
-      type="primary" 
-      size="middle"
-    >
+    <u-button class="next-btn" @click="handleNext" type="primary" size="middle">
       下一步
     </u-button>
 
     <!-- 未收评级模态窗 -->
-    <u-modal 
-      showCancelButton 
-      showConfirmButton 
-      @confirm="confirmUnpaid" 
-      @cancel="unpaidModalVisible = false"
-      :show="unpaidModalVisible" 
-      title="未收评级"
-    >
+    <u-modal showCancelButton showConfirmButton @confirm="confirmUnpaid" @cancel="unpaidModalVisible = false"
+      :show="unpaidModalVisible" title="未收评级">
       <view class="modal-content">
-        <u-rate 
-          v-model="unpaidRating" 
-          :count="5" 
-          :size="50" 
-          active-color="#ff9500"
-        />
+        <u-rate v-model="unpaidRating" :count="5" :size="50" active-color="#ff9500" />
       </view>
     </u-modal>
 
     <!-- 待跟进模态窗 -->
-    <u-modal 
-      showCancelButton 
-      showConfirmButton 
-      @confirm="confirmFollowUp" 
-      @cancel="followUpModalVisible = false"
-      :show="followUpModalVisible" 
-      title="填写跟进细节"
-    >
+    <u-modal showCancelButton showConfirmButton @confirm="confirmFollowUp" @cancel="followUpModalVisible = false"
+      :show="followUpModalVisible" title="填写跟进细节">
       <view class="modal-content">
-        <u--textarea 
-          v-model="followUpNotes" 
-          placeholder="请输入情况" 
-          confirm-type="done"
-          style="width: 100%; margin-bottom: 30rpx;"
-        />
+        <u--textarea v-model="followUpNotes" placeholder="请输入情况" confirm-type="done"
+          style="width: 100%; margin-bottom: 30rpx;" />
       </view>
     </u-modal>
 
     <!-- 确认支付模态窗 -->
-    <u-modal 
-      :show="payNowModalVisible" 
-      title="确认支付信息" 
-      :showConfirmButton="false"
-    >
+    <u-modal :show="payNowModalVisible" title="确认支付信息" :showConfirmButton="false">
       <view class="modal-content">
         <view class="payment-amount-display">￥{{ paymentAmount }}</view>
         <view class="payment-info-section">
@@ -221,21 +143,11 @@
             <text class="info-value">{{ paymentMethod || '未填写' }}</text>
           </view>
         </view>
-        <u-button 
-          type="primary" 
-          size="large" 
-          @click="confirmTransfer"
-          style="margin-top: 40rpx;"
-        >
+        <u-button type="primary" size="large" @click="confirmTransfer" style="margin-top: 40rpx;">
           确认转账
         </u-button>
-        <u-button 
-          type="primary" 
-          :plain="true" 
-          @click="payNowModalVisible = false" 
-          size="large"
-          style="margin-top: 20rpx;"
-        >
+        <u-button type="primary" :plain="true" @click="payNowModalVisible = false" size="large"
+          style="margin-top: 20rpx;">
           取消
         </u-button>
       </view>
@@ -345,7 +257,7 @@ export default {
      */
     async loadDetailImages() {
       if (!this.currentReceipt.id || !this.orderDetail.itemBrand) return
-      
+
       try {
         const list = await imageUpload.getFileList(
           '2',
@@ -455,9 +367,9 @@ export default {
     /**
      * 触摸结束
      */
-    onTouchEnd() {
+    async onTouchEnd() {
       if (this.draggingIndex === -1) return
-      
+
       if (this.canDropIndex !== -1 && this.canDropIndex !== this.draggingIndex) {
         // 交换位置
         const images = [...this.detailImages]
@@ -466,8 +378,14 @@ export default {
         images[this.canDropIndex] = temp
         this.detailImages = images
       }
-      
+
       this.resetDragState()
+
+      //每次拖拽结束后把新的顺序传送给接口
+      await uni.$u.api.updateReceiptForm({
+        id: this.currentReceipt.id,
+        fileIds: this.detailImages.map(item => item.id).join(',')
+      })
     },
 
     /**
@@ -516,6 +434,13 @@ export default {
           uploadResults
         )
         this.loadDetailImages()
+
+        //上传新图片完成之后也要把新数据给接口
+        await uni.$u.api.updateReceiptForm({
+          id: this.currentReceipt.id,
+          fileIds: this.detailImages.map(item => item.id).join(',')
+        })
+
       } catch (error) {
         console.error('上传失败:', error)
       }
@@ -577,8 +502,8 @@ export default {
         paymentMethod: this.paymentMethod || ''
       })
 
-      if (!this.paymentInfo.customName || !this.paymentInfo.bankName || 
-          !this.paymentInfo.bankAccount || !this.paymentInfo.idNumber || !this.paymentMethod) {
+      if (!this.paymentInfo.customName || !this.paymentInfo.bankName ||
+        !this.paymentInfo.bankAccount || !this.paymentInfo.idNumber || !this.paymentMethod) {
         uni.$u.toast('请填写完整的支付信息')
         return
       }
@@ -753,14 +678,14 @@ export default {
   transition: transform 0.2s ease, opacity 0.2s ease;
   z-index: 1;
   box-sizing: border-box;
-  
+
   &.dragging {
     opacity: 0.6;
     transform: scale(1.05);
     z-index: 999;
     box-shadow: 0 8rpx 24rpx rgba(0, 0, 0, 0.2);
   }
-  
+
   &.can-drop {
     outline: 2rpx dashed #108cff;
     outline-offset: -2rpx;
@@ -916,7 +841,7 @@ export default {
   margin-bottom: 20rpx;
   align-items: center;
   justify-content: space-between;
-  
+
   &:last-child {
     margin-bottom: 0;
   }