From 63df76bf01f4e638cd9cf709ab63d69f8a60315a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=B6=85=E7=BA=A7=E8=80=81=E7=99=BD=E5=85=94?=
 <fsmecx@gmail.com>
Date: Tue, 29 Jul 2025 16:11:17 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=9B=B4=E6=96=B0=E7=B4=A0=E6=9D=90?=
 =?UTF-8?q?=E8=A1=A8=E5=8D=95=E7=BB=84=E4=BB=B6=EF=BC=8C=E4=BC=98=E5=8C=96?=
 =?UTF-8?q?=E7=8A=B6=E6=80=81=E7=AE=A1=E7=90=86=E5=92=8C=E6=95=B0=E6=8D=AE?=
 =?UTF-8?q?=E8=8E=B7=E5=8F=96=E9=80=BB=E8=BE=91=EF=BC=8C=E7=A7=BB=E9=99=A4?=
 =?UTF-8?q?=E4=B8=8D=E5=BF=85=E8=A6=81=E7=9A=84=E7=8A=B6=E6=80=81=EF=BC=8C?=
 =?UTF-8?q?=E4=BD=BF=E7=94=A8useCallback=E6=8F=90=E5=8D=87=E6=80=A7?=
 =?UTF-8?q?=E8=83=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../mobile/content/materials/form/index.tsx   | 34 +++++++------------
 1 file changed, 12 insertions(+), 22 deletions(-)

diff --git a/nkebao/src/pages/mobile/content/materials/form/index.tsx b/nkebao/src/pages/mobile/content/materials/form/index.tsx
index 2e50c9b4..4682209c 100644
--- a/nkebao/src/pages/mobile/content/materials/form/index.tsx
+++ b/nkebao/src/pages/mobile/content/materials/form/index.tsx
@@ -1,7 +1,7 @@
-import React, { useState, useEffect } from "react";
+import React, { useState, useEffect, useCallback } from "react";
 import { useNavigate, useParams } from "react-router-dom";
 import { Button, Toast, SpinLoading, Card } from "antd-mobile";
-import { Input, TimePicker, Select } from "antd";
+import { Input, Select } from "antd";
 import {
   ArrowLeftOutlined,
   SaveOutlined,
@@ -20,7 +20,6 @@ import {
   createContentItem,
   updateContentItem,
 } from "./api";
-import { ContentItem } from "./data";
 import style from "./index.module.scss";
 
 const { Option } = Select;
@@ -43,7 +42,6 @@ const MaterialForm: React.FC = () => {
   }>();
   const [loading, setLoading] = useState(false);
   const [saving, setSaving] = useState(false);
-  const [material, setMaterial] = useState<ContentItem | null>(null);
 
   // 表单状态
   const [contentType, setContentType] = useState<number>(4);
@@ -52,9 +50,6 @@ const MaterialForm: React.FC = () => {
   const [comment, setComment] = useState("");
   const [sendTime, setSendTime] = useState("");
   const [resUrls, setResUrls] = useState<string[]>([]);
-  const [urls, setUrls] = useState<
-    { desc: string; image: string; url: string }[]
-  >([]);
 
   // 链接相关状态
   const [linkDesc, setLinkDesc] = useState("");
@@ -68,13 +63,7 @@ const MaterialForm: React.FC = () => {
   const isEdit = !!materialId;
 
   // 获取素材详情
-  useEffect(() => {
-    if (isEdit && materialId) {
-      fetchMaterialDetail();
-    }
-  }, [isEdit, materialId]);
-
-  const fetchMaterialDetail = async () => {
+  const fetchMaterialDetail = useCallback(async () => {
     if (!materialId) return;
     setLoading(true);
     try {
@@ -95,7 +84,6 @@ const MaterialForm: React.FC = () => {
       }
 
       setResUrls(response.resUrls || []);
-      setUrls(response.urls || []);
 
       // 设置链接相关数据
       if (response.urls && response.urls.length > 0) {
@@ -111,7 +99,13 @@ const MaterialForm: React.FC = () => {
     } finally {
       setLoading(false);
     }
-  };
+  }, [materialId]);
+
+  useEffect(() => {
+    if (isEdit && materialId) {
+      fetchMaterialDetail();
+    }
+  }, [isEdit, materialId, fetchMaterialDetail]);
 
   const handleSubmit = async () => {
     if (!libraryId) return;
@@ -149,14 +143,13 @@ const MaterialForm: React.FC = () => {
         urls: finalUrls,
       };
 
-      let response;
       if (isEdit) {
-        response = await updateContentItem({
+        await updateContentItem({
           id: materialId!,
           ...params,
         });
       } else {
-        response = await createContentItem(params);
+        await createContentItem(params);
       }
 
       // 直接使用返回数据，无需判断code
@@ -269,7 +262,6 @@ const MaterialForm: React.FC = () => {
                     value={linkImage ? [linkImage] : []}
                     onChange={urls => setLinkImage(urls[0] || "")}
                     count={1}
-                    listType="picture-card"
                   />
                 </div>
 
@@ -314,7 +306,6 @@ const MaterialForm: React.FC = () => {
                       value={resUrls}
                       onChange={setResUrls}
                       count={9}
-                      listType="picture-card"
                     />
                   </div>
                   <div
@@ -357,7 +348,6 @@ const MaterialForm: React.FC = () => {
                       value={resUrls}
                       onChange={setResUrls}
                       count={9}
-                      listType="picture-card"
                     />
                   </div>
                 </>