forked from eesast/web
-
Notifications
You must be signed in to change notification settings - Fork 0
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
19 changed files
with
1,100 additions
and
572 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file was deleted.
Oops, something went wrong.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -0,0 +1,144 @@ | ||
| import React, { useEffect } from "react"; | ||
| import { | ||
| Button, | ||
| Card, | ||
| DatePicker, | ||
| Form, | ||
| Input, | ||
| message, | ||
| Layout, | ||
| Select, | ||
| Typography, | ||
| } from "antd"; | ||
| import dayjs from "dayjs"; | ||
| import { useUrl } from "../../../api/hooks/url"; | ||
| import * as graphql from "@/generated/graphql"; | ||
|
|
||
| /* ---------------- 不随渲染刷新的常量 ---------------- */ | ||
| const { Text } = Typography; | ||
| const EditInfoPage: React.FC<{}> = (props) => { | ||
| const { Option } = Select; | ||
| const [form] = Form.useForm(); | ||
| const RangePicker: any = DatePicker.RangePicker; | ||
| const url = useUrl(); | ||
| const Contest_id = url.query.get("contest"); | ||
| /* ---------------- 从数据库获取数据的 Hooks ---------------- */ | ||
| const { | ||
| data: contestInfoData, | ||
| error: contestInfoError, | ||
| refetch: refetchContestInfoData, | ||
| } = graphql.useGetContestInfoSuspenseQuery({ | ||
| variables: { | ||
| contest_id: Contest_id, | ||
| }, | ||
| }); | ||
|
|
||
| const initialValues = { | ||
| contest_name: contestInfoData?.contest_by_pk?.contest_name || "", | ||
| contest_type: "THUAI", | ||
| description: contestInfoData?.contest_by_pk?.description || "", | ||
| time: [ | ||
| dayjs(contestInfoData?.contest_by_pk?.start_date, "YYYY-MM-DD"), // 加一天 | ||
| dayjs(contestInfoData?.contest_by_pk?.end_date, "YYYY-MM-DD"), // 加一天 | ||
| ], | ||
| }; | ||
|
|
||
| const [UpdateContestInfo, { error: UpdateContestInfoError }] = | ||
| graphql.useUpdateContestInfoMutation(); | ||
|
|
||
| const onFinish = async (record: any) => { | ||
| const newinfo = { | ||
| contest_id: Contest_id, | ||
| contest_name: record.contest_name, | ||
| name: record.contest_name, | ||
| description: record.description, | ||
| start_date: record.time[0].format("YYYY-MM-DD"), | ||
| end_date: record.time[1].format("YYYY-MM-DD"), | ||
| }; | ||
| await UpdateContestInfo({ | ||
| variables: newinfo, | ||
| }); | ||
| await refetchContestInfoData(); | ||
| if (!UpdateContestInfoError) { | ||
| message.info("比赛信息已更新"); | ||
| } | ||
| }; | ||
|
|
||
| useEffect(() => { | ||
| form.setFieldsValue(initialValues); | ||
| }); | ||
|
|
||
| useEffect(() => { | ||
| if (contestInfoError) { | ||
| message.error("简介加载失败"); | ||
| } | ||
| }, [contestInfoError]); | ||
|
|
||
| useEffect(() => { | ||
| if (UpdateContestInfoError) { | ||
| message.error("简介更新失败"); | ||
| } | ||
| }, [UpdateContestInfoError]); | ||
| return ( | ||
| <Layout> | ||
| <Card | ||
| hoverable | ||
| style={{ | ||
| padding: "2vh 1vw", | ||
| }} | ||
| title={ | ||
| <Text | ||
| css={` | ||
| font-size: xx-large; | ||
| font-weight: bold; | ||
| `} | ||
| > | ||
| 比赛信息编辑 | ||
| </Text> | ||
| } | ||
| > | ||
| <Form form={form} name="contest" onFinish={onFinish} preserve={false}> | ||
| <Form.Item | ||
| name="contest_name" | ||
| label="名称" | ||
| rules={[{ required: true, message: "请输入比赛名称" }]} | ||
| > | ||
| <Input allowClear /> | ||
| </Form.Item> | ||
| <Form.Item | ||
| name="contest_type" | ||
| label="类型" | ||
| rules={[{ required: true, message: "请输入比赛类型" }]} | ||
| > | ||
| <Select style={{ width: "40%" }} allowClear> | ||
| <Option value="THUAI">THUAI</Option> | ||
| <Option value="Electronic-design">电子设计大赛</Option> | ||
| </Select> | ||
| </Form.Item> | ||
| <Form.Item | ||
| name="description" | ||
| label="描述" | ||
| className="form-item-description" | ||
| rules={[{ required: false, message: "请输入比赛描述" }]} | ||
| > | ||
| <Input.TextArea autoSize={{ minRows: 6, maxRows: 6 }} allowClear /> | ||
| </Form.Item> | ||
| <Form.Item | ||
| name="time" | ||
| label="比赛时间" | ||
| rules={[{ required: true, message: "请输入比赛时间" }]} | ||
| > | ||
| <RangePicker /> | ||
| </Form.Item> | ||
| <Form.Item> | ||
| <Button type="primary" htmlType="submit"> | ||
| 确认 | ||
| </Button> | ||
| </Form.Item> | ||
| </Form> | ||
| </Card> | ||
| </Layout> | ||
| ); | ||
| }; | ||
|
|
||
| export default EditInfoPage; |
Oops, something went wrong.