refactor(orderDetail): 优化组件结构和代码格式

简化了多个组件的模板结构，减少了冗余代码，提升了可读性。同时，更新了收单项点击处理逻辑，增加了异步请求以获取详细信息。

pages/orderDetailRefactored/components/PageThree.vue

@@ -539,7 +539,7 @@ export default {
         bankName: this.paymentInfo.bankName || '',
         bankCardNumber: this.paymentInfo.bankAccount || '',
         idCard: this.paymentInfo.idNumber || '',
-        paymentMethod: this.paymentMethod || ''
+        // paymentMethod: this.paymentMethod || ''
       })
 
       if (!this.paymentInfo.customName || !this.paymentInfo.bankName ||
@@ -572,8 +572,13 @@ export default {
     /**
      * 确认转账
      */
-    confirmTransfer() {
+    async confirmTransfer() {
       this.payNowModalVisible = false
+
+      await uni.$u.api.updateClueOrderForm({
+        id: this.orderDetail.id,
+        paymentMethod: this.paymentMethod || ''
+      })
       //如果是小葫芦线上刚支付就调用接口，如果不是小葫芦线上支付就不要调用接口，直接点击下一步
       if (this.paymentMethod === '小葫芦线上支付') {
         this.$emit('confirm-pay')

pages/orderDetailRefactored/index.vue

@@ -20,88 +20,44 @@
     </u-navbar>
 
     <!-- 收单列表切换 -->
-    <u-tabs 
-      keyName="brand" 
-      :list="receiptList" 
-      @click="handleReceiptClick"
-      class="receipt-tabs"
-    />
+    <u-tabs keyName="brand" :list="receiptList" @click="handleReceiptClick" class="receipt-tabs" />
 
     <!-- 订单详情视图 -->
-    <OrderDetailView 
-      :order-detail="orderDetail" 
-      :top-info="topInfo" 
-      :order-id="orderId"
-      :current-receipt="currentReceipt" 
-    />
+    <OrderDetailView :order-detail="orderDetail" :top-info="topInfo" :order-id="orderId"
+      :current-receipt="currentReceipt" />
 
     <!-- 加一单模态窗 -->
-    <u-modal 
-      :show="addOneModalVisible" 
-      title="加一单" 
-      showCancelButton 
-      @cancel="handleAddOneCancel"
-      @confirm="handleAddOneConfirm"
-    >
+    <u-modal :show="addOneModalVisible" title="加一单" showCancelButton @cancel="handleAddOneCancel"
+      @confirm="handleAddOneConfirm">
       <view class="add-one-modal-content">
         <view class="add-one-form-item">
           <text class="form-label">品牌<text class="required">*</text></text>
-          <u-button 
-            type="primary" 
-            plain 
-            @click="showBrandSelector = true"
-            class="brand-select-btn"
-          >
+          <u-button type="primary" plain @click="showBrandSelector = true" class="brand-select-btn">
             {{ currentAddBrand.dictLabel || '点击请选择品牌' }}
           </u-button>
         </view>
         <view class="add-one-form-item">
           <text class="form-label">型号</text>
-          <u-input 
-            v-model="currentAddModel" 
-            placeholder="请输入型号" 
-            class="form-input"
-          />
+          <u-input v-model="currentAddModel" placeholder="请输入型号" class="form-input" />
         </view>
         <view class="add-one-form-item">
           <text class="form-label">价格</text>
-          <u-input 
-            v-model="currentAddPrice" 
-            placeholder="请输入价格" 
-            type="number"
-            class="form-input"
-          />
+          <u-input v-model="currentAddPrice" placeholder="请输入价格" type="number" class="form-input" />
         </view>
       </view>
     </u-modal>
 
     <!-- 品牌选择器 -->
-    <u-picker 
-      :show="showBrandSelector" 
-      :columns="brandColumns" 
-      keyName="dictLabel"
-      @confirm="handleBrandConfirm" 
-      @cancel="showBrandSelector = false" 
-    />
+    <u-picker :show="showBrandSelector" :columns="brandColumns" keyName="dictLabel" @confirm="handleBrandConfirm"
+      @cancel="showBrandSelector = false" />
 
     <!-- 编辑品牌选择器 -->
-    <u-picker 
-      :show="editBrandSelectorVisible" 
-      :columns="brandColumns" 
-      keyName="dictLabel"
-      @confirm="handleEditBrandConfirm" 
-      @cancel="editBrandSelectorVisible = false" 
-    />
+    <u-picker :show="editBrandSelectorVisible" :columns="brandColumns" keyName="dictLabel"
+      @confirm="handleEditBrandConfirm" @cancel="editBrandSelectorVisible = false" />
 
     <!-- 修改型号/价格弹窗 -->
-    <CustomModal 
-      :visible="modalVisible" 
-      :title="modalConfig.title" 
-      :value="modalConfig.value"
-      :placeholder="modalConfig.placeholder" 
-      @cancel="handleModalCancel" 
-      @confirm="handleModalConfirm" 
-    />
+    <CustomModal :visible="modalVisible" :title="modalConfig.title" :value="modalConfig.value"
+      :placeholder="modalConfig.placeholder" @cancel="handleModalCancel" @confirm="handleModalConfirm" />
   </view>
 </template>
 
@@ -219,11 +175,18 @@ export default {
     /**
      * 点击收单项
      */
-    handleReceiptClick(item) {
-      this.currentReceipt = item
-      this.topInfo.brand = item.brand || '暂无'
-      this.topInfo.model = item.model || '暂无'
-      this.topInfo.price = item.sellingPrice || '暂无'
+    async handleReceiptClick(item) {
+      console.log('点击了收单', item)
+      //获取当前的收单form详情
+      const res = await uni.$u.api.getReceiptForm(item.id)
+      console.log('收单详情', res)
+
+      if (res.code === 200) {
+        this.currentReceipt = res.data || {}
+        this.topInfo.brand = res.data.brand || '暂无'
+        this.topInfo.model = res.data.model || '暂无'
+        this.topInfo.price = res.data.sellingPrice || '暂无'
+      }
     },
 
     /**
@@ -349,7 +312,7 @@ export default {
         uni.$u.toast('请选择品牌')
         return
       }
-      
+
       try {
         await uni.$u.api.addReceiptForm({
           brand: this.currentAddBrand.dictValue,
@@ -403,7 +366,7 @@ export default {
   font-weight: bold;
   color: #333;
   font-size: 28rpx;
-  
+
   &.price {
     color: blueviolet;
   }
@@ -443,7 +406,7 @@ export default {
 
 .add-one-form-item {
   margin-bottom: 30rpx;
-  
+
   &:last-child {
     margin-bottom: 0;
   }