我是人，我做了悬赏中心，可以进行悬赏哦
Change-Id: I845de799a633be286a6fadee2b7aa533238c3652
diff --git a/src/pages/Bounty/BountyPublish.tsx b/src/pages/Bounty/BountyPublish.tsx
new file mode 100644
index 0000000..b2d121b
--- /dev/null
+++ b/src/pages/Bounty/BountyPublish.tsx
@@ -0,0 +1,116 @@
+import React from 'react';
+import { Form, Input, InputNumber, DatePicker, Button, message } from 'antd';
+import axios from 'axios';
+import { publishBounty } from '@/services/bounty/bounty'; // 新增 axios 导入
+
+interface BountyPublishProps {
+ onSuccess?: () => void; // 提交成功回调
+ onCancel?: () => void; // 取消操作回调
+}
+
+
+
+const BountyPublish: React.FC<BountyPublishProps> = ({ onSuccess, onCancel }) => {
+ const [form] = Form.useForm();
+
+ // ✅ 替换 axios 请求为服务方法调用
+ const handleSubmit = async (values: {
+ title: string;
+ description: string;
+ reward: number;
+ deadline: string;
+ }) => {
+ try {
+ // 使用服务层方法
+ const res = await publishBounty(values);
+
+ if (res) {
+ //message.success('悬赏发布成功！');
+ form.resetFields();
+ onSuccess?.();
+ } else {
+ message.error(res.msg || '发布失败，请重试');
+ }
+ } catch (err) {
+ console.error('发布失败:', err);
+ message.error('网络请求失败，请检查网络');
+ }
+ };
+
+
+ return (
+ <div className="page-container">
+ <h2>发布新悬赏</h2>
+ <Form
+ form={form}
+ layout="vertical"
+ onFinish={handleSubmit}
+ requiredMark="optional"
+ style={{ maxWidth: 600 }}
+ >
+ {/* 标题 */}
+ <Form.Item
+ name="title"
+ label="悬赏标题"
+ rules={[{ required: true, message: '请输入悬赏标题' }]}
+ >
+ <Input placeholder="请输入悬赏标题" />
+ </Form.Item>
+
+ {/* 描述 */}
+ <Form.Item
+ name="description"
+ label="悬赏描述"
+ rules={[{ required: true, message: '请输入悬赏描述' }]}
+ >
+ <Input.TextArea rows={4} placeholder="请输入悬赏描述" />
+ </Form.Item>
+
+ {/* 奖励 */}
+ <Form.Item
+ name="reward"
+ label="悬赏奖励"
+ rules={[
+ { required: true, message: '请输入奖励数值' },
+ { type: 'number', min: 1, message: '奖励必须大于0' },
+ ]}
+ >
+ <InputNumber min={1} placeholder="请输入奖励数值" style={{ width: '100%' }} />
+ </Form.Item>
+
+ {/* 截止时间 */}
+ <Form.Item
+ name="deadline"
+ label="截止时间"
+ rules={[{ required: true, message: '请选择截止时间' }]}
+ >
+ <DatePicker
+ showTime
+ format="YYYY-MM-DD HH:mm:ss"
+ placeholder="选择截止时间"
+ style={{ width: '100%' }}
+ />
+ </Form.Item>
+
+ {/* 提交按钮 */}
+ <Form.Item>
+ <Button type="primary" htmlType="submit">
+ 发布悬赏
+ </Button>
+ <Button
+ type="default"
+ onClick={() => {
+ form.resetFields();
+ onCancel?.(); // 🔥 取消时触发回调
+ }}
+ style={{ marginLeft: 16 }}
+ >
+ 重置
+ </Button>
+ </Form.Item>
+ </Form>
+ </div>
+ );
+};
+
+export default BountyPublish;