From 6a895735583885e2a4de454ec5989850550cf23e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E7=AC=94=E8=AE=B0=E6=9C=AC=E9=87=8C=E7=9A=84=E6=B0=B8?=
 =?UTF-8?q?=E5=B9=B3?= <fsmecx@gmail.com>
Date: Tue, 15 Jul 2025 15:09:15 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9C=AC=E6=AC=A1=E6=8F=90=E4=BA=A4?=
 =?UTF-8?q?=E6=9B=B4=E6=96=B0=E5=86=85=E5=AE=B9=E5=A6=82=E4=B8=8B=20?=
 =?UTF-8?q?=E5=9B=BE=E7=89=87=E4=B8=8A=E4=BC=A0=E7=9A=84=E6=A8=A1=E5=9D=97?=
 =?UTF-8?q?=E5=A4=84=E7=90=86=E5=AE=8C=E6=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 nkebao/src/pages/content/materials/New.tsx | 38 +++++++++++-----------
 1 file changed, 19 insertions(+), 19 deletions(-)

diff --git a/nkebao/src/pages/content/materials/New.tsx b/nkebao/src/pages/content/materials/New.tsx
index 43cbb938d..760da842a 100644
--- a/nkebao/src/pages/content/materials/New.tsx
+++ b/nkebao/src/pages/content/materials/New.tsx
@@ -194,17 +194,15 @@ export default function NewMaterial() {
                     />
                     <Label className="font-bold mb-2 mt-4">封面图</Label>
                     <div className="flex items-center gap-4">
-                      {!coverImage ? (
-                        <Button type="button" variant="outline" className="rounded-2xl border-dashed border-2 border-blue-300 bg-white hover:bg-blue-50 h-28 w-28 flex flex-col items-center justify-center p-0" onClick={() => setCoverImage('https://cdn-icons-png.flaticon.com/512/732/732212.png')}>
-                          <UploadCloud className="h-8 w-8 mb-2 text-gray-400 mx-auto" />
-                          <span className="text-sm text-gray-500">上传封面图</span>
-                        </Button>
-                      ) : (
-                        <div className="relative">
-                          <img src={coverImage} alt="封面图" className="object-contain rounded-xl mx-auto my-auto w-20 h-20" />
-                          <Button type="button" variant="base" size="small" className="absolute top-1 right-1 h-8 px-2 rounded-lg" onClick={() => setCoverImage('')}>删除</Button>
-                        </div>
-                      )}
+                      <UploadImage
+                        value={images}
+                        onChange={urls => {
+                          setCoverImage(urls[0]);
+                          setUploadFiles(urls.map(url => ({ url })));
+                        }}
+                        max={1}
+                        accept="image/*"
+                      />
                     </div>
                     <Label htmlFor="url" className="font-bold flex items-center mb-2 mt-4"><span className="text-red-500 mr-1">*</span>链接地址</Label>
                     <Input
@@ -237,7 +235,7 @@ export default function NewMaterial() {
                 )}
               </div>
               {/* 素材上传分组（仅图片类型和小程序类型） */}
-              {(contentType === 1 || contentType === 5) && (
+              {([1,5].includes(contentType)) && (
                 <div className="mb-6">
                   <div className="text-xs text-gray-400 mb-2 tracking-widest">素材上传（最多上传9张）</div>
                   {contentType === 1 && (
@@ -250,7 +248,6 @@ export default function NewMaterial() {
                         }}
                         max={9}
                         accept="image/*"
-                        disabled={isSubmitting}
                       />
                     </div>
                   )}
@@ -261,12 +258,15 @@ export default function NewMaterial() {
                       <Label htmlFor="appId" className="font-bold mb-2">AppID</Label>
                       <Input id="appId" placeholder="请输入AppID" className="w-full h-12 rounded-2xl border-gray-300 focus:border-blue-500 focus:ring-2 focus:ring-blue-100 px-4 text-base placeholder:text-gray-300" />
                       <Label className="font-bold mb-2">小程序封面图</Label>
-                      <div className="border border-dashed border-gray-300 rounded-2xl p-4 text-center bg-gray-50">
-                        <Button type="button" variant="outline" onClick={() => handleUploadImage(new File([], ''))} className="w-full py-4 flex flex-col items-center justify-center rounded-2xl border-2 border-dashed border-blue-300 bg-white hover:bg-blue-50">
-                          <UploadCloud className="h-6 w-6 mb-2 text-gray-400" />
-                          <span>上传小程序封面图</span>
-                        </Button>
-                      </div>
+                      <UploadImage
+                        value={images}
+                        onChange={urls => {
+                          setImages(urls);
+                          setUploadFiles(urls.map(url => ({ url })));
+                        }}
+                        max={9}
+                        accept="image/*"
+                      />
                     </div>
                   )}
                 </div>