注册新增公司查询功能；

zhangzzzz
1 parent 205f0ca4
Showing 1 changed file with 37 additions and 15 deletions
src/components/UserRegistration/index.jsx
-import { ConfigProvider, Modal, Form, Input, Select } from "antd";
+import { useState, useEffect } from "react";
+import { ConfigProvider, Modal, Form, Input, Select, message } from "antd";
+import commonConfig from "@/utils/config";
+import * as commonServices from "@/services/services";
+
+const UserRegistrationEvent = () => {
+  const [state, setState0] = useState({});
+  const setState = payload => {
+    setState0({ ...state, ...payload });
+  };
+
+  // 初始化获取所属客户
+  useEffect(() => {
+    const url = `${commonConfig.feedback_host}sysworkorder/getCustomerData`;
+    commonServices.postValueService("", {}, url).then(({ data: result = {} }) => {
+      const { code = -1, data, msg = "接口出错" } = result;
+      if (code > -1) {
+        setState({ customerData: data });
+      } else {
+        message.error(msg);
+      }
+    });
+  }, []);
+
+  return {
+    ...state,
+    setState,
+  };
+};
  
 const UserRegistration = ({ _this }) => {
   const { userRegisterMode } = _this.state;
   if (!userRegisterMode) return "";
  
+  const props = UserRegistrationEvent();
+  const { customerData = [] } = props;
+
   const [form] = Form.useForm();
  
   const handleCancel = () => {
@@ -22,15 +53,7 @@ const UserRegistration = ({ _this }) =&gt; {
  
   return (
     <ConfigProvider prefixCls="antdV5">
-      <Modal
-        title="用户注册"
-        open={userRegisterMode}
-        okText="确认"
-        cancelText="取消"
-        onOk={handleOk}
-        onCancel={handleCancel}
-        width={400}
-      >
+      <Modal title="用户注册" open={userRegisterMode} okText="确认" cancelText="取消" onOk={handleOk} onCancel={handleCancel} width={400}>
         <Form
           name="basic"
           form={form}
@@ -62,11 +85,10 @@ const UserRegistration = ({ _this }) =&gt; {
  
           <Form.Item label="公司名称" name="company" rules={[{ required: true, message: "未选择公司!" }]}>
             <Select
-              options={[
-                { value: "xly", label: "上海小羚羊" },
-                { value: "jinjia", label: "深圳劲嘉" },
-                { value: "pushi", label: "四川3D" },
-              ]}
+              fieldNames={{ label: "sCustomerName", value: "sCustomerId" }}
+              options={customerData}
+              showSearch
+              filterOption={(inputValue, option) => option.sCustomerName?.includes(inputValue)}
             />
           </Form.Item>
         </Form>