新建store存储地区和职业picker选项

src/user_pages/edit/index.tsx

@@ -11,6 +11,7 @@ import img from "@/config/images";
 import CommonDialog from "@/components/CommonDialog";
 import { useUserActions, useUserInfo } from "@/store/userStore";
 import { UserInfoType } from "@/services/userService";
+import { useCities, useProfessions } from "@/store/pickerOptionsStore";
 
 const EditProfilePage: React.FC = () => {
   const { updateUserInfo } = useUserActions();
@@ -46,10 +47,10 @@ const EditProfilePage: React.FC = () => {
     useState(false);
 
   // 职业数据
-  const [professions, setProfessions] = useState<PickerOption[]>([]);
+  const professions = useProfessions();
 
   // 城市数据
-  const [cities, setCities] = useState<PickerOption[]>([]);
+  const cities = useCities();
 
   // 监听store中的用户信息变化，同步到表单状态
   useEffect(() => {
@@ -70,27 +71,27 @@ const EditProfilePage: React.FC = () => {
   }, [user_info]);
 
   // 页面加载时初始化数据
-  useEffect(() => {
-    getCities();
-    getProfessions();
-  }, []);
+  // useEffect(() => {
+  //   getCities();
+  //   getProfessions();
+  // }, []);
 
-  const getProfessions = async () => {
-    try {
-      const res = await UserService.getProfessions();
-      setProfessions(res);
-    } catch (e) {
-      console.log("获取职业失败：", e);
-    }
-  };
-  const getCities = async () => {
-    try {
-      const res = await UserService.getCities();
-      setCities(res);
-    } catch (e) {
-      console.log("获取职业失败：", e);
-    }
-  };
+  // const getProfessions = async () => {
+  //   try {
+  //     const res = await UserService.getProfessions();
+  //     setProfessions(res);
+  //   } catch (e) {
+  //     console.log("获取职业失败：", e);
+  //   }
+  // };
+  // const getCities = async () => {
+  //   try {
+  //     const res = await UserService.getCities();
+  //     setCities(res);
+  //   } catch (e) {
+  //     console.log("获取城市列表失败：", e);
+  //   }
+  // };
 
   // 加载用户信息
   // const load_user_info = async () => {
@@ -281,8 +282,8 @@ const EditProfilePage: React.FC = () => {
 
   // 处理职业选择
   const handle_occupation_change = (e: any) => {
-    const [country, province] = e;
-    handle_field_edit("occupation", `${country} ${province}`);
+    const [country, province, city] = e;
+    handle_field_edit("occupation", `${country} ${province} ${city}`);
   };
 
   // 处理退出登录

src/user_pages/myself/index.tsx

@@ -10,9 +10,10 @@ import { TennisMatch } from "@/../types/list/types";
 import { withAuth, NTRPTestEntryCard } from "@/components";
 import { EvaluateScene } from "@/store/evaluateStore";
 import { useUserInfo } from "@/store/userStore";
-import { UserInfoType } from "@/services/userService";
+import { usePickerOption } from "@/store/pickerOptionsStore";
 
 const MyselfPage: React.FC = () => {
+  const pickerOption = usePickerOption();
   // 获取页面参数
   const instance = Taro.getCurrentInstance();
   const user_id = instance.router?.params?.userid || "";
@@ -64,11 +65,10 @@ const MyselfPage: React.FC = () => {
   //   }
   // };
 
-  // useEffect(() => {
-  //   if (user_info.id) {
-  //     load_game_data(); // 在 user_info 更新后调用
-  //   }
-  // }, [user_info]);
+  useEffect(() => {
+    pickerOption.getCities();
+    pickerOption.getProfessions();
+  }, []);
 
   // 页面加载时获取数据
   // useEffect(() => {