From ba997299f7e975a72679c37c8c5f2e2ba8fc10e0 Mon Sep 17 00:00:00 2001
From: WindowBird <13870814+windows-bird@user.noreply.gitee.com>
Date: Mon, 25 Aug 2025 16:53:48 +0800
Subject: [PATCH] =?UTF-8?q?=E5=9C=A8=E6=B7=BB=E5=8A=A0=E8=B4=A6=E5=8F=B7?=
 =?UTF-8?q?=E4=B8=AD=E5=BA=94=E7=94=A8=E6=B7=BB=E5=8A=A0=E5=9B=BE=E7=89=87?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/image-uploader/image-uploader.vue |  8 ++---
 pages/image-upload/image-upload.vue          |  1 -
 pages/requestWithdrawal/addCard.vue          | 31 ++++++++++----------
 3 files changed, 19 insertions(+), 21 deletions(-)

diff --git a/components/image-uploader/image-uploader.vue b/components/image-uploader/image-uploader.vue
index 6f6a004..45beb58 100644
--- a/components/image-uploader/image-uploader.vue
+++ b/components/image-uploader/image-uploader.vue
@@ -10,10 +10,10 @@
       <image v-else :src="imageUrl" class="preview-image" mode="aspectFit"></image>
     </view>
 
-    <!-- 错误提示 -->
-    <view v-if="errorMessage" class="error-message">
-      <text class="error-text">{{ errorMessage }}</text>
-    </view>
+    <!--    &lt;!&ndash; 错误提示 &ndash;&gt;-->
+    <!--    <view v-if="errorMessage" class="error-message">-->
+    <!--      <text class="error-text">{{ errorMessage }}</text>-->
+    <!--    </view>-->
   </view>
 </template>
 
diff --git a/pages/image-upload/image-upload.vue b/pages/image-upload/image-upload.vue
index 68c7b64..7ff4b2c 100644
--- a/pages/image-upload/image-upload.vue
+++ b/pages/image-upload/image-upload.vue
@@ -19,7 +19,6 @@ export default {
     // 上传成功回调
     handleUploadSuccess(result) {
       console.log('图片上传成功:', result.url)
-
       uni.showToast({
         title: '上传成功',
         icon: 'success',
diff --git a/pages/requestWithdrawal/addCard.vue b/pages/requestWithdrawal/addCard.vue
index bba7f51..b0f653a 100644
--- a/pages/requestWithdrawal/addCard.vue
+++ b/pages/requestWithdrawal/addCard.vue
@@ -17,13 +17,12 @@
         <view class="form-item">
           <text class="form-label">{{ typeOptions[typeIndex].noLabel }}</text>
           <view class="input-group">
-            <textarea
+            <image-uploader
               v-if="typeOptions[typeIndex].value === 'QR'"
-              v-model="bankForm.no"
-              :maxlength="500"
-              :placeholder="typeOptions[typeIndex].noPlaceholder"
-              auto-height
-              class="form-input qr-input"
+              ref="uploader"
+              :height="'150rpx'"
+              :width="'150rpx'"
+              @success="handleUploadSuccess"
             />
             <input
               v-else
@@ -32,14 +31,6 @@
               class="form-input"
               maxlength="30"
             />
-            <!-- 收款二维码类型时显示上传按钮 -->
-            <view
-              v-if="typeOptions[typeIndex].value === 'QR'"
-              class="upload-btn"
-              @click="goToImageUpload"
-            >
-              <text class="upload-text">上传</text>
-            </view>
           </view>
         </view>
 
@@ -114,7 +105,7 @@ export default {
         {
           label: '收款二维码',
           value: 'QR',
-          noLabel: '收款码图片url',
+          noLabel: '点击添加二维码',
           noPlaceholder: '请点击上传-上传收款二维码图片自动获得收款码图片URL',
         },
       ],
@@ -154,6 +145,14 @@ export default {
     uni.$off('image-upload-success', this.onImageUploadSuccess)
   },
   methods: {
+    handleUploadSuccess(result) {
+      console.log('图片上传成功:', result.url)
+      this.bankForm.no = result.url
+      uni.showToast({
+        title: '上传成功',
+        icon: 'success',
+      })
+    },
     // 重置表单
     resetForm() {
       this.bankForm = {
@@ -287,7 +286,7 @@ export default {
           })
 
           this.$emit('success')
-          
+
           // 延迟关闭弹窗，确保用户能看到成功提示
           setTimeout(() => {
             this.handleClose()