src/pages/Site/List/index.tsx

@@ -58,7 +58,7 @@ export interface SiteItem {
 const SiteList: React.FC = () => {
   const actionRef = useRef<ActionType>();
   const [open, setOpen] = useState(false);
-  const [editing, setEditing] = useState<SiteItem | null>(null);
+  const [editing, setEditing] = useState<SiteItem & { areas: string[] } | null>(null);
   const [selectedRowKeys, setSelectedRowKeys] = useState<React.Key[]>([]);
   const [batchEditOpen, setBatchEditOpen] = useState(false);
   const [batchEditForm] = Form.useForm();
@@ -292,7 +292,13 @@ const SiteList: React.FC = () => {
           <Button
             size="small"
             onClick={() => {
-              setEditing(row);
+              function normalEditing(row:SiteItem){
+                return {
+                  ...row,
+                  areas: row.areas?.map(area=>area.code) || [],
+                }
+              }
+              setEditing(normalEditing(row));
               setOpen(true);
             }}
           >

src/pages/Site/Shop/EditSiteForm.tsx

@@ -78,6 +78,7 @@ const EditSiteForm: React.FC<EditSiteFormProps> = ({
       }}
       layout="vertical"
     >
+      {JSON.stringify(initialValues)}
       <ProFormText
         name="name"
         label="名称"

src/pages/Site/Shop/Layout.tsx

@@ -15,11 +15,11 @@ const ShopLayout: React.FC = () => {
   const location = useLocation();
 
   const [editModalOpen, setEditModalOpen] = useState(false);
-  const [editingSite, setEditingSite] = useState<SiteItem | null>(null);
+  const [editingSite, setEditingSite] = useState<SiteItem & { areas: string[] } | null>(null);
 
   const fetchSites = async () => {
     try {
-      setLoading(true);
+      setEditingSiteLoading(true);
       const { data = [] } = await sitecontrollerAll();
       setSites(data);
 
@@ -103,6 +103,7 @@ const ShopLayout: React.FC = () => {
                   display: 'flex',
                   alignItems: 'center',
                   flexWrap: 'wrap',
+                  gap: '4px'
                 }}
               >
                 <Select
@@ -119,13 +120,18 @@ const ShopLayout: React.FC = () => {
                 />
                 <Button
                   icon={<EditOutlined />}
-                  style={{ marginLeft: 8 }}
                   onClick={() => {
                     const currentSite = sites.find(
                       (site) => site.id === Number(siteId),
                     );
                     if (currentSite) {
-                      setEditingSite(currentSite);
+                      function normalizeEditing (site: SiteItem){
+                        return {
+                          ...site,
+                          areas: site.areas?.map(area=>area.code) || [],
+                        }
+                      }
+                      setEditingSite(normalizeEditing(currentSite));
                       setEditModalOpen(true);
                     } else {
                       message.warning('请先选择一个店铺');