|
@@ -73,6 +73,8 @@ const UploadVideoModal: React.FC<UploadVideoModalProps> = ({
|
|
|
// 视频预览
|
|
|
const [videoPreviewOpen, setVideoPreviewOpen] = useState(false);
|
|
|
const [isVideoHovering, setIsVideoHovering] = useState(false);
|
|
|
+ // 发布视频loading状态
|
|
|
+ const [publishLoading, setPublishLoading] = useState(false);
|
|
|
|
|
|
// 重置状态
|
|
|
const resetStates = useCallback(() => {
|
|
@@ -330,8 +332,11 @@ const UploadVideoModal: React.FC<UploadVideoModalProps> = ({
|
|
|
}
|
|
|
|
|
|
try {
|
|
|
- const formData = form.getFieldsValue();
|
|
|
-
|
|
|
+ // 设置loading状态为true
|
|
|
+ setPublishLoading(true);
|
|
|
+
|
|
|
+ const formData = form.getFieldsValue();
|
|
|
+
|
|
|
const publishData = {
|
|
|
...formData,
|
|
|
videoUrl: isEditMode ? videoUrl : (videoCreds?.fileName || videoUrl),
|
|
@@ -353,6 +358,9 @@ const UploadVideoModal: React.FC<UploadVideoModalProps> = ({
|
|
|
} catch (error) {
|
|
|
console.error('发布失败:', error);
|
|
|
message.error('发布失败,请重试');
|
|
|
+ } finally {
|
|
|
+ // 请求结束后(无论成功或失败),设置loading状态为false
|
|
|
+ setPublishLoading(false);
|
|
|
}
|
|
|
};
|
|
|
|
|
@@ -595,7 +603,7 @@ const UploadVideoModal: React.FC<UploadVideoModalProps> = ({
|
|
|
<Button
|
|
|
type="primary"
|
|
|
onClick={publishVideo}
|
|
|
- loading={isLoading}
|
|
|
+ loading={publishLoading}
|
|
|
>
|
|
|
发布视频
|
|
|
</Button>
|