添加账户提示优化

pages/image-upload/image-upload.vue

@@ -18,7 +18,7 @@
         class="upload-btn"
         @click="uploadImage"
       >
-        {{ uploading ? '上传中...' : '上传图片' }}
+        {{ uploading ? '上传中...' : '确认上传' }}
       </button>
 
       <!-- 结果展示 -->
@@ -115,7 +115,7 @@ export default {
         // 先触发事件，再返回上一页
         console.log('触发图片上传成功事件:', this.uploadResult)
         uni.$emit('image-upload-success', this.uploadResult)
-        
+
         // 显示成功提示
         uni.showToast({
           title: '上传成功',

pages/requestWithdrawal/addCard.vue

@@ -20,10 +20,10 @@
             <textarea
               v-if="typeOptions[typeIndex].value === 'QR'"
               v-model="bankForm.no"
-              :placeholder="typeOptions[typeIndex].noPlaceholder"
-              class="form-input qr-input"
               :maxlength="500"
+              :placeholder="typeOptions[typeIndex].noPlaceholder"
               auto-height
+              class="form-input qr-input"
             />
             <input
               v-else
@@ -33,7 +33,11 @@
               maxlength="30"
             />
             <!-- 收款二维码类型时显示上传按钮 -->
-            <view v-if="typeOptions[typeIndex].value === 'QR'" class="upload-btn" @click="goToImageUpload">
+            <view
+              v-if="typeOptions[typeIndex].value === 'QR'"
+              class="upload-btn"
+              @click="goToImageUpload"
+            >
               <text class="upload-text">上传</text>
             </view>
           </view>
@@ -110,8 +114,8 @@ export default {
         {
           label: '收款二维码',
           value: 'QR',
-          noLabel: '收款码图片',
-          noPlaceholder: '请输入收款码图片URL',
+          noLabel: '收款码图片url',
+          noPlaceholder: '请点击上传-上传收款二维码图片自动获得收款码图片URL',
         },
       ],
       bankForm: {
@@ -144,7 +148,7 @@ export default {
     console.log('AddCard组件卸载，移除图片上传事件监听')
     uni.$off('image-upload-success', this.onImageUploadSuccess)
   },
-  beforeDestroy() {
+  beforeUnmount() {
     // 组件销毁前也移除事件监听
     console.log('AddCard组件销毁，移除图片上传事件监听')
     uni.$off('image-upload-success', this.onImageUploadSuccess)
@@ -238,9 +242,9 @@ export default {
         success: () => {
           console.log('成功跳转到图片上传页面')
         },
-        fail: (err) => {
+        fail: err => {
           console.error('跳转到图片上传页面失败:', err)
-        }
+        },
       })
     },
 
@@ -248,20 +252,20 @@ export default {
     onImageUploadSuccess(imageUrl) {
       console.log('接收到图片上传成功事件:', imageUrl)
       console.log('当前表单状态:', this.bankForm)
-      
+
       if (imageUrl && typeof imageUrl === 'string') {
         this.bankForm.no = imageUrl
         console.log('URL已设置到表单:', this.bankForm.no)
-        
+
         uni.showToast({
           title: '图片上传成功',
-          icon: 'success'
+          icon: 'success',
         })
       } else {
         console.error('接收到的imageUrl无效:', imageUrl)
         uni.showToast({
           title: '图片URL无效',
-          icon: 'none'
+          icon: 'none',
         })
       }
     },
@@ -381,7 +385,7 @@ export default {
         border-color: #ff803a;
         background: #fff;
       }
-      
+
       &.qr-input {
         font-size: 24rpx;
         line-height: 1.4;