|
|
@@ -9,8 +9,16 @@ import {
|
|
|
import Link from "next/link";
|
|
|
import { DatePicker } from "@heroui/date-picker";
|
|
|
const AccountEditPage = () => {
|
|
|
+ interface UserForm {
|
|
|
+ firstname: string;
|
|
|
+ lastname: string;
|
|
|
+ date: CalendarDate | string;
|
|
|
+ email: string;
|
|
|
+ current_password: string;
|
|
|
+ password: string;
|
|
|
+}
|
|
|
// 统一表单对象
|
|
|
- const [form, setForm] = useState({
|
|
|
+ const [form, setForm] = useState<UserForm>({
|
|
|
firstname: "",
|
|
|
lastname: "",
|
|
|
date: parseDate("2026-05-12"),
|
|
|
@@ -20,7 +28,7 @@ const AccountEditPage = () => {
|
|
|
});
|
|
|
|
|
|
// 统一处理所有input变化
|
|
|
- const handleChange = (e) => {
|
|
|
+ const handleChange = (e:any) => {
|
|
|
const { name, value } = e.target;
|
|
|
setForm((prev) => ({
|
|
|
...prev,
|
|
|
@@ -42,7 +50,7 @@ const AccountEditPage = () => {
|
|
|
}));
|
|
|
};
|
|
|
// 勾选框改变时:隐藏时 → 清空密码
|
|
|
- const handleCheckChange = (e) => {
|
|
|
+ const handleCheckChange = (e: React.ChangeEvent<HTMLInputElement>) => {
|
|
|
const isChecked = e.target.checked;
|
|
|
setShowContent(isChecked);
|
|
|
|
|
|
@@ -56,7 +64,7 @@ const AccountEditPage = () => {
|
|
|
}
|
|
|
};
|
|
|
// 统一提交
|
|
|
- const handleSubmit = (e) => {
|
|
|
+ const handleSubmit = (e:any) => {
|
|
|
e.preventDefault();
|
|
|
// 直接拿form所有数据
|
|
|
console.log("表单数据:", form);
|