Merge branch 'ww' into 'main'

perf: 企业信息所在城市接口新增查询参数

See merge request yunteng/thingskit-front!511

@@ -2,6 +2,13 @@ import type { FormSchema } from '/@/components/Form/index';
 import { getAreaList } from '/@/api/oem/index';
 import { emailRule, phoneRule } from '/@/utils/rules';
 
+export enum Level {
+  PROVINCE = 'PROVINCE',
+  CITY = 'CITY',
+  COUNTY = 'COUNTY',
+  TOWN = 'TOWN',
+}
+
 export const schemas: FormSchema[] = [
   {
     field: 'name',
@@ -201,150 +208,104 @@ export const provSchemas: FormSchema[] = [
     colProps: {
       span: 6,
     },
-    componentProps({ formModel, formActionType }) {
-      const { updateSchema } = formActionType;
+    componentProps({ formActionType }) {
+      const { setFieldsValue } = formActionType;
       return {
         api: getAreaList,
         labelField: 'name',
         valueField: 'code',
         placeholder: '省份',
-        params: { parentId: 1 },
-        async onChange(value) {
-          if (value === undefined) {
-            formModel.nameCity = undefined; //  reset city value
-            formModel.nameCoun = undefined;
-            formModel.nameTown = undefined;
-            updateSchema([
-              {
-                field: 'nameCity',
-                componentProps: {
-                  options: [],
-                  placeholder: '城市',
-                },
-              },
-              {
-                field: 'nameCoun',
-                componentProps: {
-                  options: [],
-                  placeholder: '区/县',
-                },
-              },
-              {
-                field: 'nameTown',
-                componentProps: {
-                  options: [],
-                  placeholder: '城镇/街道',
-                },
-              },
-            ]);
-          } else {
-            const nameCity = await getAreaList({ parentId: value });
-            nameCity.forEach((item) => {
-              item.label = item.name;
-              item.value = item.code;
-            });
-            formModel.nameCity = undefined; //  reset city value
-            formModel.nameCoun = undefined;
-            formModel.nameTown = undefined;
-            updateSchema({
-              field: 'nameCity',
-              componentProps: {
-                options: nameCity,
-                placeholder: '城市',
-                async onChange(value) {
-                  if (value === undefined) {
-                    formModel.nameCoun = undefined; //  reset city value
-                    formModel.nameTown = undefined;
-                    updateSchema([
-                      {
-                        field: 'nameCoun',
-                        componentProps: {
-                          options: [],
-                        },
-                      },
-                      {
-                        field: 'nameTown',
-                        componentProps: {
-                          options: [],
-                        },
-                      },
-                    ]);
-                  } else {
-                    // 获取区数据
-                    const nameCoun = await getAreaList({ parentId: value });
-                    nameCoun.forEach((item) => {
-                      item.label = item.name;
-                      item.value = item.code;
-                    });
-                    updateSchema({
-                      field: 'nameCoun',
-                      componentProps: {
-                        // 请选择区
-                        options: nameCoun,
-                        async onChange(value) {
-                          if (value === undefined) {
-                            formModel.nameTown = undefined;
-                            updateSchema({
-                              field: 'nameTown',
-                              componentProps: {
-                                placeholder: '城镇/街道',
-                                options: [],
-                              },
-                            });
-                          } else {
-                            const nameTown = await getAreaList({ parentId: value });
-                            nameTown.forEach((item) => {
-                              item.label = item.name;
-                              item.value = item.code;
-                            });
-                            updateSchema({
-                              field: 'nameTown',
-                              componentProps: {
-                                placeholder: '城镇/街道',
-                                options: nameTown,
-                              },
-                            });
-                          }
-                        },
-                      },
-                    });
-                  }
-                },
-              },
-            });
-          }
+        params: { parentId: 1, level: Level.PROVINCE },
+        onChange: () => {
+          setFieldsValue({ nameCity: null, nameCoun: null, nameTown: null });
         },
       };
     },
   },
   {
     field: 'nameCity',
-    component: 'Select',
+    component: 'ApiSelect',
     label: '',
     colProps: {
       span: 6,
     },
+    componentProps: ({ formActionType, formModel }) => {
+      const nameProv = Reflect.get(formModel, 'nameProv');
+      const { setFieldsValue } = formActionType;
+      return {
+        api: async (params: Recordable) => {
+          try {
+            if (!nameProv) return;
+            const result = await getAreaList(params);
+            return result;
+          } catch (error) {
+            return [];
+          }
+        },
+        labelField: 'name',
+        valueField: 'code',
+        placeholder: '城市',
+        params: { parentId: nameProv, level: Level.CITY },
+        onChange: () => {
+          setFieldsValue({ nameCoun: null, nameTown: null });
+        },
+      };
+    },
   },
   {
     field: 'nameCoun',
-    component: 'Select',
+    component: 'ApiSelect',
     label: '',
     colProps: {
       span: 6,
     },
-    componentProps: {
-      placeholder: '区/县',
+    componentProps: ({ formActionType, formModel }) => {
+      const nameCity = Reflect.get(formModel, 'nameCity');
+      const { setFieldsValue } = formActionType;
+      return {
+        api: async (params: Recordable) => {
+          try {
+            if (!nameCity) return;
+            const result = await getAreaList(params);
+            return result;
+          } catch (error) {
+            return [];
+          }
+        },
+        labelField: 'name',
+        valueField: 'code',
+        placeholder: '区/县',
+        params: { parentId: nameCity, level: Level.COUNTY },
+        onChange: () => {
+          setFieldsValue({ nameTown: null });
+        },
+      };
     },
   },
   {
     field: 'nameTown',
-    component: 'Select',
+    component: 'ApiSelect',
     label: '',
     colProps: {
       span: 6,
     },
-    componentProps: {
-      placeholder: '城镇/街道',
+    componentProps: ({ formModel }) => {
+      const nameCoun = Reflect.get(formModel, 'nameCoun');
+      return {
+        api: async (params: Recordable) => {
+          try {
+            if (!nameCoun) return;
+            const result = await getAreaList(params);
+            return result;
+          } catch (error) {
+            return [];
+          }
+        },
+        labelField: 'name',
+        valueField: 'code',
+        placeholder: '城镇/街道',
+        params: { parentId: nameCoun, level: Level.TOWN },
+      };
     },
   },
 ];