.

config/routes.js

@@ -264,12 +264,6 @@ export default [
         access: 'user',
         component: './SystemManagement/Administrator',
       },
-      {
-        path: '/SystemManagement/Administrator/AdminEdit',
-        name: '人员编辑',
-        component: './SystemManagement/Administrator/AdminEdit',
-        hideInMenu: true,
-      },
       {
         path: '/SystemManagement/BasicParameters',
         name: '基本参数',

src/components/CooperativeSearch/index.jsx

@@ -0,0 +1,52 @@
+import { useEffect, useState } from 'react';
+import { Select } from 'antd';
+import { getCooperativeList, getCooperativeDetail } from '@/services/cooperative';
+
+const Option = Select.Option;
+export default (props) => {
+  const { value, onChange, ...otherProps } = props;
+
+  const [list, setList] = useState([]);
+
+  const searchData = (val) => {
+    getCooperativeList({ name: val, pageSize: 9999 }).then((res) => {
+      setList(res.records || []);
+    });
+  };
+
+  const handleSearch = (text) => {
+    if (text) {
+      searchData(text);
+    }
+  };
+
+  useEffect(() => {
+    if (value) {
+      getCooperativeDetail(value).then((res) => {
+        setList([res]);
+      });
+    }
+  }, [value]);
+
+  return (
+    <Select
+      showSearch
+      value={value}
+      defaultActiveFirstOption={false}
+      showArrow={false}
+      filterOption={false}
+      onSearch={handleSearch}
+      onChange={onChange}
+      notFoundContent={null}
+      {...otherProps}
+    >
+      {list.map((item) => {
+        return (
+          <Option key={item.orgId} value={item.orgId}>
+            {item.name}
+          </Option>
+        );
+      })}
+    </Select>
+  );
+};

src/pages/SystemManagement/Administrator/AdminEdit/index.jsx

@@ -1,76 +0,0 @@
-import { Input, Card, Select, Button, message } from "antd"
-import { useEffect, useState } from 'react'
-import { Form } from "antd";
-import { history } from 'umi';
-import ProCard from '@ant-design/pro-card'
-
-const { Option } = Select
-const goBack = () => {
-  history.goBack()
-}
-const FormItem = Form.Item
-export default (props) => {
-
-  const [form] = Form.useForm()
-  const [loading, setLoading] = useState(false)
-
-  const formItemLayout = {
-    //布局
-    labelCol: { span: 6 },
-    wrapperCol: { span: 14 },
-  };
-
-  const Submit = values => {
-    // setLoading(true)
-    console.log("🚀 ~ file: index.jsx ~ line 21 ~ values", values)
-
-  };
-
-  return (
-    <Card >
-      <ProCard tabs={{ type: 'card' }} style={{ marginTop: '16px' }}
-      >
-        <ProCard.TabPane key={1} tab="人员管理">
-          <Form {...formItemLayout} onFinish={Submit} form={form} >
-            <FormItem label="账号" name="shopName" rules={[{ required: true, message: '请输入' }]}>
-              <Input placeholder="请输入" style={{ width: '350px' }} />
-            </FormItem>
-            <FormItem label="姓名" name="title" rules={[{ required: true, message: '请输入' }]}>
-              <Input placeholder="请输入" style={{ width: '350px' }} />
-            </FormItem>
-            <FormItem label="邮箱" name="phone" rules={[{ required: true, message: '邮箱格式不正确或内容为空', pattern: /^([a-zA-Z]|[0-9])(\w|\-)+@[a-zA-Z0-9]+\.([a-zA-Z]{2,4})$/ }]}>
-              <Input placeholder="请输入" style={{ width: '350px' }} />
-            </FormItem>
-            <FormItem label="角色" name="user" rules={[{ required: true, message: '请选择' }]}>
-              <Select
-                placeholder="请选择角色"
-                // onChange={onGenderChange}
-                allowClear
-                style={{ width: '350px' }}
-              >
-                <Option value="nongji">农机手</Option>
-                <Option value="nonghu">农户</Option>
-              </Select>
-            </FormItem>
-            <FormItem label="状态" name="stry" rules={[{ required: true, message: '请选择', }]} >
-              <Select
-                placeholder="请选择状态"
-                // onChange={onGenderChange}
-                allowClear
-                style={{ width: '350px' }}
-              >
-                <Option value="0">启用</Option>
-                <Option value="1">禁用</Option>
-              </Select>
-            </FormItem>
-
-            <FormItem label=" " colon={false} >
-              <Button type='default' onClick={() => goBack()} >返回</Button>
-              <Button type='primary' loading={loading} htmlType="Submit" style={{ marginLeft: '4em' }}>保存</Button>
-            </FormItem>
-          </Form>
-        </ProCard.TabPane>
-      </ProCard>
-    </Card>
-  )
-}

src/pages/SystemManagement/Administrator/index.jsx

@@ -14,6 +14,7 @@ import {
 } from '@/services/user';
 import { PageHeaderWrapper } from '@ant-design/pro-layout';
 import PageTable from '@/components/PageTable';
+import Search from '@/components/CooperativeSearch';
 
 const FormItem = Form.Item;
 const { Option } = Select;
@@ -76,6 +77,7 @@ export default (props) => {
     form.resetFields();
     setEditModal(false);
   };
+  const handelChange = () => {};
   const handleDelete = (id) => {
     deleteRegion(id)
       .then(() => {
@@ -197,14 +199,20 @@ export default (props) => {
           <FormItem label="邮箱" name="email" rules={[{ required: true, message: '请输入' }]}>
             <Input placeholder="请输入" />
           </FormItem>
-          <FormItem label="所属机构" name="orgId" rules={[{ required: true, message: '请输入' }]}>
-            <Select placeholder="请选择机构" showSearch>
+          <FormItem label="所属机构" name="orgId">
+            <Search placeholder="请选择机构" onChange={handelChange} />
+            {/* <Select
+              placeholder="请选择机构"
+              showSearch
+              onSearch={handelFormSearch}
+              onChange={handelFormSearch}
+            >
               {cooperativeList.map((item) => (
-                <Option value={item.name} key={item.orgId}>
+                <Option value={item.orgId} key={item.orgId}>
                   {item.name}
                 </Option>
               ))}
-            </Select>
+            </Select> */}
           </FormItem>
           <FormItem label=" " colon={false}>
             <Button type="default" onClick={onCancel}>