(null);
const [saving, setSaving] = useState(false);
+ const [error, setError] = useState('');
async function handleSave(e: React.FormEvent) {
e.preventDefault();
- if (!form.screenshot_url || !form.highlights) return;
+ if (!screenshot && !linkUrl.trim() && !highlights.trim()) {
+ setError('请至少上传截图、填写原始链接或填写亮点');
+ return;
+ }
+ if (screenshot && screenshot.size > 10 * 1024 * 1024) {
+ setError('截图超过 10 MB');
+ return;
+ }
setSaving(true);
+ setError('');
try {
- await api.post(`/api/v1/products/${productId}/benchmarks`, form);
+ const formData = new FormData();
+ if (screenshot) formData.append('screenshot', screenshot);
+ formData.append('highlights', highlights.trim());
+ formData.append('link_url', linkUrl.trim());
+ await api.postForm(`/api/v1/products/${productId}/benchmarks/upload`, formData);
onSaved();
+ } catch (err) {
+ setError((err as Error)?.message || '保存失败，请重试');
} finally {
setSaving(false);
}
@@ -35,22 +49,32 @@ export function BenchmarkForm({ productId, onSaved, onCancel }: BenchmarkFormPro
className="border border-border-default rounded-xl p-6 bg-surface-primary space-y-4">
上传标杆笔记
-
-
setForm((f) => ({ ...f, screenshot_url: e.target.value }))}
- placeholder="https://..."
+
+
setLinkUrl(e.target.value)}
+ placeholder="https://www.xiaohongshu.com/..."
className="w-full border border-border-default rounded-lg px-3 py-2 text-sm focus:outline-none focus:border-brand-orange"
- required aria-required="true"
/>
+
用于保留来源，不再当截图读取，长链接也可以保存。
-
-