feat: add tuning options to modification form and update labels for clarity
This commit is contained in:
@@ -1,6 +1,7 @@
|
|||||||
import { useEffect, useMemo, useState } from "react"
|
import { useEffect, useMemo, useState } from "react"
|
||||||
import { FirearmApi } from "@/api"
|
import { FirearmApi } from "@/api"
|
||||||
import slotNames from "@/constant/slots.json"
|
import slotNames from "@/constant/slots.json"
|
||||||
|
import tuningNames from "@/constant/tunings.json"
|
||||||
import { Firearm, ModificationRequest } from "@/types"
|
import { Firearm, ModificationRequest } from "@/types"
|
||||||
import { AutoComplete, Button, Card, Form, Input, InputNumber, Select, Space } from "antd"
|
import { AutoComplete, Button, Card, Form, Input, InputNumber, Select, Space } from "antd"
|
||||||
|
|
||||||
@@ -11,6 +12,7 @@ interface ModificationFormProps {
|
|||||||
}
|
}
|
||||||
|
|
||||||
const slotOptions = slotNames.map((slotName) => ({ value: slotName }))
|
const slotOptions = slotNames.map((slotName) => ({ value: slotName }))
|
||||||
|
const tuningOptions = tuningNames.map((tuningName) => ({ value: tuningName }))
|
||||||
|
|
||||||
export default function ModificationForm({ form, onFinish, lockFirearmId }: ModificationFormProps) {
|
export default function ModificationForm({ form, onFinish, lockFirearmId }: ModificationFormProps) {
|
||||||
const [firearmOptions, setFirearmOptions] = useState<Array<{ value: number; label: string }>>([])
|
const [firearmOptions, setFirearmOptions] = useState<Array<{ value: number; label: string }>>([])
|
||||||
@@ -164,14 +166,18 @@ export default function ModificationForm({ form, onFinish, lockFirearmId }: Modi
|
|||||||
<Space key={tuningField.key} align="start" className="w-full" wrap>
|
<Space key={tuningField.key} align="start" className="w-full" wrap>
|
||||||
<Form.Item
|
<Form.Item
|
||||||
name={[tuningField.name, "tuningName"]}
|
name={[tuningField.name, "tuningName"]}
|
||||||
label="调校项"
|
label="精校属性"
|
||||||
rules={[{ required: true, message: "请输入调校项" }]}>
|
rules={[{ required: true, message: "请选择或输入精校属性" }]}>
|
||||||
<Input placeholder="例如:后坐控制" className="w-44" />
|
<AutoComplete
|
||||||
|
options={tuningOptions}
|
||||||
|
placeholder="例如:后坐控制"
|
||||||
|
className="w-44"
|
||||||
|
/>
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
<Form.Item
|
<Form.Item
|
||||||
name={[tuningField.name, "tuningValue"]}
|
name={[tuningField.name, "tuningValue"]}
|
||||||
label="调校值"
|
label="精校值"
|
||||||
rules={[{ required: true, message: "请输入调校值" }]}>
|
rules={[{ required: true, message: "请输入精校值" }]}>
|
||||||
<InputNumber className="w-32" placeholder="例如:0.35" />
|
<InputNumber className="w-32" placeholder="例如:0.35" />
|
||||||
</Form.Item>
|
</Form.Item>
|
||||||
<Button
|
<Button
|
||||||
@@ -186,7 +192,7 @@ export default function ModificationForm({ form, onFinish, lockFirearmId }: Modi
|
|||||||
<Button
|
<Button
|
||||||
type="dashed"
|
type="dashed"
|
||||||
onClick={() => addTuning({ tuningName: "", tuningValue: 0 })}>
|
onClick={() => addTuning({ tuningName: "", tuningValue: 0 })}>
|
||||||
添加调校
|
添加精校
|
||||||
</Button>
|
</Button>
|
||||||
</div>
|
</div>
|
||||||
)}
|
)}
|
||||||
@@ -205,5 +211,3 @@ export default function ModificationForm({ form, onFinish, lockFirearmId }: Modi
|
|||||||
)
|
)
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|||||||
@@ -0,0 +1 @@
|
|||||||
|
["安装位置", "厚度", "缩放倍率", "长度", "瞳距", "配重", "托腮板安装位置"]
|
||||||
Reference in New Issue
Block a user