refactor: enhance order detail form with additional input fields and validation

pages/orderDetailRefactored/components/PageThree.vue

@@ -9,7 +9,8 @@
           <u-input 
             v-model="paymentInfo.customName" 
             placeholder="请输入开户人姓名" 
-            class="info-input" 
+            class="info-input"
+            @blur="handleCustomNameInput" 
           />
         </u-col>
         <u-col span="5.8">
@@ -28,7 +29,9 @@
           <u-input 
             v-model="paymentInfo.bankAccount" 
             placeholder="请输入银行账号" 
-            class="info-input" 
+            class="info-input"
+            type="number"
+            @input="handleBankAccountInput" 
           />
         </u-col>
       </u-row>
@@ -38,7 +41,9 @@
           <u-input 
             v-model="paymentInfo.idNumber" 
             placeholder="请输入身份证号" 
-            class="info-input" 
+            class="info-input"
+            type="number"
+            @input="handleIdNumberInput" 
           />
         </u-col>
       </u-row>
@@ -363,12 +368,39 @@ export default {
     },
 
     /**
-     * 银行名称输入处理
+     * 开户人输入处理 - 只允许中文
+     */
+    handleCustomNameInput(value) {
+      // 只保留中文字符（包括中文标点）
+      const chineseReg = /[^\u4e00-\u9fa5]/g
+      this.paymentInfo.customName = String(value || '').replace(chineseReg, '')
+    },
+
+    /**
+     * 银行名称输入处理 - 只允许中文
+     */
+    handleBankNameInput(value) {
+      // 只保留中文字符（包括中文标点）
+      const chineseReg = /[^\u4e00-\u9fa5]/g
+      this.paymentInfo.bankName = String(value || '').replace(chineseReg, '')
+    },
+
+    /**
+     * 银行账号输入处理 - 只允许数字
+     */
+    handleBankAccountInput(value) {
+      // 只保留数字
+      const numberReg = /[^\d]/g
+      this.paymentInfo.bankAccount = String(value || '').replace(numberReg, '')
+    },
+
+    /**
+     * 身份证号输入处理 - 只允许数字
      */
-    handleBankNameInput() {
-      const strValue = String(this.paymentInfo.bankName || '')
-      const reg = /[0-9]/g
-      this.paymentInfo.bankName = strValue.replace(reg, '')
+    handleIdNumberInput(value) {
+      // 只保留数字
+      const numberReg = /[^\d]/g
+      this.paymentInfo.idNumber = String(value || '').replace(numberReg, '')
     },
 
     /**

pages/orderDetailRefactored/index.vue

@@ -44,14 +44,34 @@
       @confirm="handleAddOneConfirm"
     >
       <view class="add-one-modal-content">
-        <u-button 
-          type="primary" 
-          plain 
-          @click="showBrandSelector = true"
-          class="brand-select-btn"
-        >
-          {{ currentAddBrand.dictLabel || '点击请选择品牌' }}
-        </u-button>
+        <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"
+          >
+            {{ 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"
+          />
+        </view>
+        <view class="add-one-form-item">
+          <text class="form-label">价格</text>
+          <u-input 
+            v-model="currentAddPrice" 
+            placeholder="请输入价格" 
+            type="number"
+            class="form-input"
+          />
+        </view>
       </view>
     </u-modal>
 
@@ -122,6 +142,8 @@ export default {
       // 品牌选择相关
       brandColumns: [[]],
       currentAddBrand: {},
+      currentAddModel: '',
+      currentAddPrice: '',
       // 模态窗配置
       modalConfig: {
         title: '',
@@ -312,9 +334,17 @@ export default {
      * 确认加一单
      */
     async handleAddOneConfirm() {
+      // 验证品牌是否已选择（必选）
+      if (!this.currentAddBrand.dictValue) {
+        uni.$u.toast('请选择品牌')
+        return
+      }
+      
       try {
         await uni.$u.api.addReceiptForm({
           brand: this.currentAddBrand.dictValue,
+          model: this.currentAddModel || '',
+          sellingPrice: this.currentAddPrice || '',
           sendFormId: this.orderId,
           clueId: this.clueId
         })
@@ -326,6 +356,8 @@ export default {
       } finally {
         this.addOneModalVisible = false
         this.currentAddBrand = {}
+        this.currentAddModel = ''
+        this.currentAddPrice = ''
       }
     },
 
@@ -335,6 +367,8 @@ export default {
     handleAddOneCancel() {
       this.addOneModalVisible = false
       this.currentAddBrand = {}
+      this.currentAddModel = ''
+      this.currentAddPrice = ''
     }
   }
 }
@@ -397,7 +431,36 @@ export default {
   padding: 20rpx 0;
 }
 
+.add-one-form-item {
+  margin-bottom: 30rpx;
+  
+  &:last-child {
+    margin-bottom: 0;
+  }
+}
+
+.form-label {
+  display: block;
+  font-size: 28rpx;
+  color: #333;
+  margin-bottom: 15rpx;
+  font-weight: 500;
+}
+
+.required {
+  color: #f56c6c;
+  margin-left: 4rpx;
+}
+
 .brand-select-btn {
   width: 100%;
 }
+
+.form-input {
+  width: 100%;
+  border: 2rpx solid #e0e0e0;
+  border-radius: 10rpx;
+  padding: 20rpx;
+  font-size: 28rpx;
+}
 </style>

pages/orderDetailRefactored/utils/imageUpload.js

@@ -25,10 +25,10 @@ export default {
       const rows = response.rows || []
       
       // 如果品牌包含逗号，说明是多个品牌，需要过滤
-      if (itemBrand && itemBrand.indexOf(',') !== -1) {
+      // if (itemBrand && itemBrand.indexOf(',') !== -1) {
         return rows.filter(item => item.sourceId === receiptId)
-      }
-      return rows
+      // }
+      // return rows
     } catch (error) {
       console.error('获取文件列表失败:', error)
       uni.$u.toast('获取文件列表失败')