feat: 添加提现申请弹窗添加复制图片

Reviewed-on: #14

src/pages/events/list/components/EventDetailModal.module.less

@@ -83,13 +83,37 @@
   }
 
   .divisionList {
+    display: inline-flex;
+    flex-wrap: wrap;
+    gap: 8px 12px;
+  }
+
+  .coverWrapper {
     display: flex;
-    flex-direction: column;
+    justify-content: center;
-    gap: 6px;
+    align-items: center;
+    background: #f5f5f5;
+    border-radius: 8px;
+    padding: 16px;
+
+    :global(.ant-image) {
+      max-width: 100%;
+    }
   }
 
   .divisionItem {
+    display: inline-flex;
+    align-items: center;
     font-size: 13px;
     color: rgba(0, 0, 0, 0.65);
+    padding: 4px 12px;
+    background: #f5f5f5;
+    border-radius: 4px;
+    transition: all 0.2s ease;
+
+    &:hover {
+      color: #1677ff;
+      background: #e6f4ff;
+    }
   }
 }

src/pages/events/list/components/EventDetailModal.tsx

@@ -270,11 +270,13 @@ export default defineComponent({
             {/* ===== 封面 ===== */}
             <div class={styles.section}>
               <div class={styles.sectionTitle}>封面</div>
-              <Image
+              <div class={styles.coverWrapper}>
-                style={{ maxHeight: '380px' }}
+                <Image
-                src={detail.value.img || defaultCover}
+                  style={{ maxHeight: '380px' }}
-                fallback={defaultCover}
+                  src={detail.value.img || defaultCover}
-              />
+                  fallback={defaultCover}
+                />
+              </div>
             </div>
 
             {/* ===== 赛事公告 ===== */}

src/pages/finance/wallet/index.tsx

@@ -160,7 +160,8 @@ export default defineComponent({
                     placeholder="请输入"
                     style={{ width: '140px' }}
                     value={filterForm.minBalance || undefined}
-                    precision={0}
+                    precision={2}
+                    step={0.01}
                     min={0}
                     controls={false}
                     onUpdate:value={(val: any) =>

src/pages/finance/withdraw/components/WithdrawDetailModal.module.less

@@ -143,9 +143,14 @@
   }
 
   // ===== 上传 =====
-  .uploader {
+  .uploadWrapper {
     flex: 1;
+    display: flex;
+    flex-direction: column;
+    gap: 8px;
+  }
 
+  .uploader {
     :global {
       .ant-upload-list-picture-card-container {
         width: 96px;
@@ -159,6 +164,21 @@
     }
   }
 
+  .pasteTip {
+    display: flex;
+    align-items: center;
+    gap: 6px;
+    padding: 8px 12px;
+    background: #e6f7ff;
+    border-radius: 4px;
+    color: #1677ff;
+    font-size: 12px;
+
+    span {
+      line-height: 1.5;
+    }
+  }
+
   .uploadTrigger {
     display: flex;
     flex-direction: column;

src/pages/finance/withdraw/components/WithdrawDetailModal.tsx

@@ -1,8 +1,8 @@
-import { defineComponent, reactive, ref } from 'vue';
+import { defineComponent, reactive, ref, onMounted, onUnmounted } from 'vue';
 import { useEffect } from '@/hooks';
 import { Modal, Radio, Input, Button, Upload, Image, Spin, message } from 'ant-design-vue';
 import type { UploadFile } from 'ant-design-vue';
-import { PlusOutlined } from '@ant-design/icons-vue';
+import { PlusOutlined, CopyOutlined } from '@ant-design/icons-vue';
 import { uploadFile, OssUploadType } from '@/utils/oss';
 import { getWithdrawInfo, postWithdrawAudit, type WithdrawInfoVO } from '../model/services';
 import { getAuditStatusText, getPayStatusText } from '../model/useWithdrawModel';
@@ -41,6 +41,34 @@ export default defineComponent({
     const auditForm = reactive({ pass: true, remark: '' });
     const imageList = ref<UploadFile[]>([]);
     const submitting = ref(false);
+    const uploadAreaRef = ref<HTMLElement | null>(null);
+
+    // ===== 粘贴图片上传 =====
+    const handlePaste = async (e: ClipboardEvent) => {
+      if (!props.visible || !uploadAreaRef.value) return;
+
+      const items = e.clipboardData?.items;
+      if (!items) return;
+
+      for (let i = 0; i < items.length; i++) {
+        const item = items[i];
+        if (item.type.indexOf('image') !== -1) {
+          e.preventDefault();
+          const file = item.getAsFile();
+          if (file) {
+            await beforeUpload(file as unknown as UploadFile);
+          }
+        }
+      }
+    };
+
+    onMounted(() => {
+      document.addEventListener('paste', handlePaste);
+    });
+
+    onUnmounted(() => {
+      document.removeEventListener('paste', handlePaste);
+    });
 
     // ===== 拉取详情 =====
     const fetchDetail = async (id: number) => {
@@ -239,21 +267,27 @@ export default defineComponent({
                     {auditForm.pass && <span class={styles.required}>*</span>}
                     审核图片
                   </span>
-                  <Upload
+                  <div ref={uploadAreaRef} class={styles.uploadWrapper}>
-                    listType="picture-card"
+                    <Upload
-                    fileList={imageList.value}
+                      listType="picture-card"
-                    beforeUpload={beforeUpload}
+                      fileList={imageList.value}
-                    onRemove={handleRemove}
+                      beforeUpload={beforeUpload}
-                    accept="image/*"
+                      onRemove={handleRemove}
-                    class={styles.uploader}
+                      accept="image/*"
-                  >
+                      class={styles.uploader}
-                    {imageList.value.length >= MAX_IMAGE_COUNT ? null : (
+                    >
-                      <div class={styles.uploadTrigger}>
+                      {imageList.value.length >= MAX_IMAGE_COUNT ? null : (
-                        <PlusOutlined />
+                        <div class={styles.uploadTrigger}>
-                        <div class={styles.uploadText}>请选择图片</div>
+                          <PlusOutlined />
-                      </div>
+                          <div class={styles.uploadText}>选择或粘贴图片</div>
-                    )}
+                        </div>
-                  </Upload>
+                      )}
+                    </Upload>
+                    <div class={styles.pasteTip}>
+                      <CopyOutlined />
+                      <span>支持 Ctrl+V 粘贴图片</span>
+                    </div>
+                  </div>
                 </div>
                 <div class={styles.footer}>
                   <Button type="primary" onClick={handleSubmit} loading={submitting.value}>