From 3643b0faedc71763e00375307cd952cfba0ed879 Mon Sep 17 00:00:00 2001
From: zhangds <c664256297.com>
Date: Wed, 13 Apr 2022 15:08:46 +0800
Subject: [PATCH] =?UTF-8?q?1=EF=BC=89=20=E5=A2=9E=E5=8A=A0=E6=98=A0?=
 =?UTF-8?q?=E5=B0=84=E5=88=86=E9=94=80=E5=95=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 package.json                                  |    1 +
 src/assets/api.js                             | 1233 +++++-----
 src/components/UseLazyLoadingSelect/index.js  |   80 +
 .../UseLazyLoadingSelect/style.less           |    3 +
 src/pages/distributor/add/add.js              |  298 +--
 .../adddistributorinfo/adddistributorinfo.js  | 2013 ++++++++++-------
 yarn.lock                                     |   20 +
 7 files changed, 1988 insertions(+), 1660 deletions(-)
 create mode 100644 src/components/UseLazyLoadingSelect/index.js
 create mode 100644 src/components/UseLazyLoadingSelect/style.less

diff --git a/package.json b/package.json
index df16301d..af61000b 100644
--- a/package.json
+++ b/package.json
@@ -66,6 +66,7 @@
     "react-refresh": "^0.8.3",
     "react-router-dom": "^5.3.0",
     "react-validate-framework": "^0.15.6",
+    "react-window": "^1.8.6",
     "resolve": "1.18.1",
     "resolve-url-loader": "^3.1.2",
     "sass-loader": "^10.0.5",
diff --git a/src/assets/api.js b/src/assets/api.js
index b48d986c..1f9f7e09 100644
--- a/src/assets/api.js
+++ b/src/assets/api.js
@@ -1,926 +1,857 @@
-import {Notify} from "zent"
+import { Notify } from "zent";
 // export const baseurl = 'https://marketapi.1688sup.com'
-window.baseurl = 'https://marketapi.1688sup.com';
-const Version = "v1.1.0"
-let baseurl="";
-if (process.env.NODE_ENV == "test"||process.env.NODE_ENV == "development") {  // 测试环境
-	baseurl = "http://192.168.6.75"
-	window.baseurl = 'http://192.168.6.75';
+window.baseurl = "https://marketapi.1688sup.com";
+const Version = "v1.1.0";
+let baseurl = "";
+if (process.env.NODE_ENV == "test" || process.env.NODE_ENV == "development") {
+  // 测试环境
+  baseurl = "http://192.168.6.75";
+  window.baseurl = "http://192.168.6.75";
+}
+if (process.env.NODE_ENV == "production") {
+  // 生成环境
+  baseurl = "https://marketapi.1688sup.com";
 }
-if (process.env.NODE_ENV == "production") {  // 生成环境
-	baseurl = "https://marketapi.1688sup.com"
-}   
 // export let HOST = host;
 // export let API_URL = api_url;
 
-
 // export const baseurl = window.baseurl
 
-
-
 const upload = (method, url, params, responseType) => {
-		let obj = {
-			method: method,
-			headers: new Headers({
-				'authorization': sessionStorage.getItem("authorization"),
-				'Version':Version
-				}),
-			body: params,
-		}
-		let http = fetch(url, obj).then(res =>{
-			if(res.status==200){
-				
-				return res.json()
-			}else{
-				switch (res.status) {
-					// 401: 未登录
-					case 401:
-					res.json().then(response =>{
-						if(response.code==403){
-							Notify.clear();
-							Notify.error(response.message);
-							 setTimeout(() => {
-								 window.location.href='/';
-			
-								 
-							 }, 2000)
-						}else if(response.code==401){
-							Notify.clear();
-							Notify.error(response.message);
-						}
-					}
-					).catch();
-				
-					break;
-				}
-			}
-		} );
-		return http.then(response => response).catch(error => console.error('Error:', error));
-	}
-	
-	const  derive = (method, url, params, responseType) => {
-		var obj = {
-			responseType: 'blob',
-			headers: new Headers({
-				'authorization': sessionStorage.getItem("authorization"),
-				'Version':Version
-				})
-		};
-		if (method == "get") {
-			if (params) {
-				let paramsArray = [];
-				//拼接参数  
-				Object.keys(params).forEach(key => paramsArray.push(key + '=' + params[key]))
-				if (url.search(/\?/) === -1) {
-					url += '?' + paramsArray.join('&')
-				} else {
-					url += '&' + paramsArray.join('&')
-				}
-			}
-		}
-		let http = fetch(url, obj).then(res =>{
-			if(res.status==200){
-				return res.blob()
-			}else{
-				switch (res.status) {
-					// 401: 未登录
-					case 401:
-					res.json().then(response =>{
-						if(response.code==403){
-							Notify.clear();
-							Notify.error(response.message);
-							 setTimeout(() => {
-								 window.location.href='/';
-							 }, 2000)
-						}else if(response.code==401){
-							Notify.clear();
-							Notify.error(response.message);
-						}
-					}
-					).catch();
-					break;
-				}
-			}
-		} );
-		return http.then(response => response).catch(error => console.error('Error:', error));
-	}
-	
-	
-	
-	
-	
-	
+  let obj = {
+    method: method,
+    headers: new Headers({
+      authorization: sessionStorage.getItem("authorization"),
+      Version: Version,
+    }),
+    body: params,
+  };
+  let http = fetch(url, obj).then((res) => {
+    if (res.status == 200) {
+      return res.json();
+    } else {
+      switch (res.status) {
+        // 401: 未登录
+        case 401:
+          res
+            .json()
+            .then((response) => {
+              if (response.code == 403) {
+                Notify.clear();
+                Notify.error(response.message);
+                setTimeout(() => {
+                  window.location.href = "/";
+                }, 2000);
+              } else if (response.code == 401) {
+                Notify.clear();
+                Notify.error(response.message);
+              }
+            })
+            .catch();
 
-	const getData = (method, url, params, responseType) => {
-		var obj = null;
-		if (method == "get") {
-			obj = {
-				headers: new Headers({
-				'authorization': sessionStorage.getItem("authorization"),
-				'Version':Version
-				})
-			}
-			if (params) {
-				let paramsArray = [];
-				//拼接参数  
-				Object.keys(params).forEach(key => paramsArray.push(key + '=' + params[key]))
-				if (url.search(/\?/) === -1) {
-					url += '?' + paramsArray.join('&')
-				} else {
-					url += '&' + paramsArray.join('&')
-				}
-			}
-		}
-	
-	
-		
-		
-		let http = fetch(url, obj).then(res =>{
-			window.timeshow=res.headers.get('Date-Time');
-			if(res.status==200){
-				
-				console.log("当前返回",res.body)
-				
-				
-				return res.text()
-				
-			}else{
-				switch (res.status) {
-					// 401: 未登录
-					case 401:
-					res.json().then(response =>{
-						if(response.code==403){
-							Notify.clear();
-							Notify.error(response.message);
-		           setTimeout(() => {
-				     		window.location.href='/';
-				   		}, 2000)
-						}else if(response.code==401){
-							Notify.clear();
-							Notify.error(response.message);
-						}
-					}
-					).catch();
-				
-					break;
-				}
-			}
-		} );
-		return http.then(response =>response).catch(error => console.error('Error:', error));
-	}
-	
-	
-	
-	
-	
-	
-	
-	
-	
-	
-	
-	
-	
+          break;
+      }
+    }
+  });
+  return http
+    .then((response) => response)
+    .catch((error) => console.error("Error:", error));
+};
+
+const derive = (method, url, params, responseType) => {
+  var obj = {
+    responseType: "blob",
+    headers: new Headers({
+      authorization: sessionStorage.getItem("authorization"),
+      Version: Version,
+    }),
+  };
+  if (method == "get") {
+    if (params) {
+      let paramsArray = [];
+      //拼接参数
+      Object.keys(params).forEach((key) =>
+        paramsArray.push(key + "=" + params[key])
+      );
+      if (url.search(/\?/) === -1) {
+        url += "?" + paramsArray.join("&");
+      } else {
+        url += "&" + paramsArray.join("&");
+      }
+    }
+  }
+  let http = fetch(url, obj).then((res) => {
+    if (res.status == 200) {
+      return res.blob();
+    } else {
+      switch (res.status) {
+        // 401: 未登录
+        case 401:
+          res
+            .json()
+            .then((response) => {
+              if (response.code == 403) {
+                Notify.clear();
+                Notify.error(response.message);
+                setTimeout(() => {
+                  window.location.href = "/";
+                }, 2000);
+              } else if (response.code == 401) {
+                Notify.clear();
+                Notify.error(response.message);
+              }
+            })
+            .catch();
+          break;
+      }
+    }
+  });
+  return http
+    .then((response) => response)
+    .catch((error) => console.error("Error:", error));
+};
+
+const getData = (method, url, params, responseType) => {
+  var obj = null;
+  if (method == "get") {
+    obj = {
+      headers: new Headers({
+        authorization: sessionStorage.getItem("authorization"),
+        Version: Version,
+      }),
+    };
+    if (params) {
+      let paramsArray = [];
+      //拼接参数
+      Object.keys(params).forEach((key) =>
+        paramsArray.push(key + "=" + params[key])
+      );
+      if (url.search(/\?/) === -1) {
+        url += "?" + paramsArray.join("&");
+      } else {
+        url += "&" + paramsArray.join("&");
+      }
+    }
+  }
+
+  let http = fetch(url, obj).then((res) => {
+    window.timeshow = res.headers.get("Date-Time");
+    if (res.status == 200) {
+      console.log("当前返回", res.body);
+
+      return res.text();
+    } else {
+      switch (res.status) {
+        // 401: 未登录
+        case 401:
+          res
+            .json()
+            .then((response) => {
+              if (response.code == 403) {
+                Notify.clear();
+                Notify.error(response.message);
+                setTimeout(() => {
+                  window.location.href = "/";
+                }, 2000);
+              } else if (response.code == 401) {
+                Notify.clear();
+                Notify.error(response.message);
+              }
+            })
+            .catch();
+
+          break;
+      }
+    }
+  });
+  return http
+    .then((response) => response)
+    .catch((error) => console.error("Error:", error));
+};
 
 const req = (method, url, params, responseType) => {
-	var obj = null;
-	if (method == "get") {
-		obj = {
-			headers: new Headers({
-			'authorization': sessionStorage.getItem("authorization"),
-			'Version':Version
-			})
-		}
-		if (params) {
-			let paramsArray = [];
-			//拼接参数  
-			Object.keys(params).forEach(key => paramsArray.push(key + '=' + params[key]))
-			if (url.search(/\?/) === -1) {
-				url += '?' + paramsArray.join('&')
-			} else {
-				url += '&' + paramsArray.join('&')
-			}
-		}
-	}
-	if(method == "login")
-	{
-		obj = {
-			method: "post",
-			body: JSON.stringify(params),
-			headers: new Headers({
-				'Content-Type': 'application/json',
-				'Version':Version
-			})
-		}
-		
-	}
-	
-	if (method == "post" || method == "put"  || method == "delete") {
-		obj = {
-			method: method,
-			body: JSON.stringify(params),
-			headers: new Headers({
-				'Content-Type': 'application/json',
-				'authorization': sessionStorage.getItem("authorization"),
-				'Version':Version
-			})
-		}
-	}
-	
+  var obj = null;
+  if (method == "get") {
+    obj = {
+      headers: new Headers({
+        authorization: sessionStorage.getItem("authorization"),
+        Version: Version,
+      }),
+    };
+    if (params) {
+      let paramsArray = [];
+      //拼接参数
+      Object.keys(params).forEach((key) =>
+        paramsArray.push(key + "=" + params[key])
+      );
+      if (url.search(/\?/) === -1) {
+        url += "?" + paramsArray.join("&");
+      } else {
+        url += "&" + paramsArray.join("&");
+      }
+    }
+  }
+  if (method == "login") {
+    obj = {
+      method: "post",
+      body: JSON.stringify(params),
+      headers: new Headers({
+        "Content-Type": "application/json",
+        Version: Version,
+      }),
+    };
+  }
 
+  if (method == "post" || method == "put" || method == "delete") {
+    obj = {
+      method: method,
+      body: JSON.stringify(params),
+      headers: new Headers({
+        "Content-Type": "application/json",
+        authorization: sessionStorage.getItem("authorization"),
+        Version: Version,
+      }),
+    };
+  }
 
-	
-	
-	let http = fetch(url, obj).then(res =>{
-		window.timeshow=res.headers.get('Date-Time');
-		if(res.status==200){
-			
-			console.log("当前返回",res.body)
-			
-			
-			return res.json()
-			
-		}else{
-			switch (res.status) {
-				// 401: 未登录
-				case 401:
-				res.json().then(response =>{
-					if(response.code==403){
-						Notify.clear();
-						Notify.error(response.message);
-	           setTimeout(() => {
-			     		window.location.href='/';
-			   		}, 2000)
-					}else if(response.code==401){
-						Notify.clear();
-						Notify.error(response.message);
-					}
-				}
-				).catch();
-			
-				break;
-			}
-		}
-	} );
-	return http.then(response =>response).catch(error => console.error('Error:', error));
-}
+  let http = fetch(url, obj).then((res) => {
+    window.timeshow = res.headers.get("Date-Time");
+    if (res.status == 200) {
+      console.log("当前返回", res.body);
+
+      return res.json();
+    } else {
+      switch (res.status) {
+        // 401: 未登录
+        case 401:
+          res
+            .json()
+            .then((response) => {
+              if (response.code == 403) {
+                Notify.clear();
+                Notify.error(response.message);
+                setTimeout(() => {
+                  window.location.href = "/";
+                }, 2000);
+              } else if (response.code == 401) {
+                Notify.clear();
+                Notify.error(response.message);
+              }
+            })
+            .catch();
+
+          break;
+      }
+    }
+  });
+  return http
+    .then((response) => response)
+    .catch((error) => console.error("Error:", error));
+};
 
 export const handelResponse = (res, cb, errCb) => {
-	if (res&&res.code == 200) {
-		cb(res.data, res.message)
-	} else {
-		if (res&&typeof errCb == 'function') {
-			Notify.clear();
-			// Notify.error(res.message);
-			errCb(res.message)
-		}
-	}
-}
+  if (res && res.code == 200) {
+    cb(res.data, res.message);
+  } else {
+    if (res && typeof errCb == "function") {
+      Notify.clear();
+      // Notify.error(res.message);
+      errCb(res.message);
+    }
+  }
+};
 //营销计划列表
 export const getPlanList = (params) => {
-	return req('get', baseurl + "/plan", params)
-}
+  return req("get", baseurl + "/plan", params);
+};
 
 //获取key批次列表
 export const getKeyList = (params) => {
-	return req('get', baseurl + "/keys", params)
-}
+  return req("get", baseurl + "/keys", params);
+};
 //获取分销商下拉菜单
 export const getReSellerOption = (params) => {
-	return req('get', baseurl + "/reseller/choice", params)
-}
-
-
-
-
-
-
+  return req("get", baseurl + "/reseller/choice", params);
+};
 
 //新建营销计划
 export const addPlanStep = (id, params) => {
-	let str = id ? "/"+id :""
-	if(str)
-	{
-		return req('put',baseurl + "/plan/step" + str, params)
-	}
-	return req('post', baseurl + "/plan/step" + str, params)
-}
+  let str = id ? "/" + id : "";
+  if (str) {
+    return req("put", baseurl + "/plan/step" + str, params);
+  }
+  return req("post", baseurl + "/plan/step" + str, params);
+};
 //获取营销计划草稿信息
 export const getDraftInfo = (id, params) => {
-	return req('get', baseurl + "/plan/draft/" + id, params)
-}
+  return req("get", baseurl + "/plan/draft/" + id, params);
+};
 //启用停用 营销计划
 export const startOrStopPlan = (id, params) => {
-	return req('put', baseurl + "/plan/status/" + id, params)
-}
+  return req("put", baseurl + "/plan/status/" + id, params);
+};
 
 //创建key批次信息
 export const addKeysBatchInfo = (id, params) => {
-	return req('post', baseurl + "/plan/" + id + "/keys", params)
-}
-
+  return req("post", baseurl + "/plan/" + id + "/keys", params);
+};
 
 //编辑修改
 export const putPlanStep = (id, params) => {
-	return req('put', baseurl + "/plan/edit/"+id,params)
-}
-
- 
+  return req("put", baseurl + "/plan/edit/" + id, params);
+};
 
 //获取key批次信息
 export const getKeysBatchInfo = (id, params) => {
-	return req('get', baseurl + "/keys", params)
-}
+  return req("get", baseurl + "/keys", params);
+};
 
 //启用停用key批次信息
 export const startOrStopKeybatch = (id, params) => {
-	return req('put', baseurl + "/keys/status/" + id, params)
-}
+  return req("put", baseurl + "/keys/status/" + id, params);
+};
 
 //获取key批次详细信息
 export const getKeyBatchDetail = (id, params) => {
-	return req('get', baseurl + "/keys/" + id, params)
-}
-
+  return req("get", baseurl + "/keys/" + id, params);
+};
 
 //更新key批次详细信息
 export const putKeyBatchDetail = (id, params) => {
-	return req('put', baseurl + "/keys/" + id, params)
-}
+  return req("put", baseurl + "/keys/" + id, params);
+};
 //发送key批次压缩包和压缩包密码
 export const planSend = (id, params) => {
-	return req('put', baseurl + "/plan/send/" + id, params)
-}
+  return req("put", baseurl + "/plan/send/" + id, params);
+};
 
 //是否已经发送过邮件
 export const planIsSend = (id) => {
-	return req('get', baseurl + "/plan/is_send/" + id)
-}
-
-
-
-
+  return req("get", baseurl + "/plan/is_send/" + id);
+};
 
 //重新修改手机号邮箱
 export const planReceive = (id, params) => {
-	return req('put', baseurl + "/plan/receive/" + id, params)
-}
-
-
+  return req("put", baseurl + "/plan/receive/" + id, params);
+};
 
 //重新发送key批次压缩包和压缩包密码
 export const planResend = (id, params) => {
-	return req('put', baseurl + "/plan/resend/" + id, params)
-}
-
+  return req("put", baseurl + "/plan/resend/" + id, params);
+};
 
 export const keysIsSend = (id, params) => {
-	return req('get', baseurl + "/keys/is_send/" + id, params)
-}
+  return req("get", baseurl + "/keys/is_send/" + id, params);
+};
 
 //作废key批次
 export const cancelKey = (id, params) => {
-	return req('put', baseurl + "/keys/cancel/" + id, params)
-}
-
-
+  return req("put", baseurl + "/keys/cancel/" + id, params);
+};
 
 //发送密钥邮件
 export const postKeyEmail = (id, params) => {
-	return req('put', baseurl + "/keys/send/" + id, params)
-}
+  return req("put", baseurl + "/keys/send/" + id, params);
+};
 //修改密钥邮件
 export const putKeyEmail = (id, params) => {
-	return req('put', baseurl + "/keys/receive/" + id, params)
-}
+  return req("put", baseurl + "/keys/receive/" + id, params);
+};
 
 export const resKeyEmail = (id, params) => {
-	return req('put', baseurl + "/keys/resend/" + id, params)
-}
-
-
+  return req("put", baseurl + "/keys/resend/" + id, params);
+};
 
 // 兑换码管理
 //兑换码管理列表
 export const getCodesList = (params) => {
-	return getData('get', baseurl + "/codes", params)
-}
+  return getData("get", baseurl + "/codes", params);
+};
 
 //获取兑换码明细
 export const getCodesDetail = (id) => {
-	return req('get', baseurl + "/codes/"+id)
-}
+  return req("get", baseurl + "/codes/" + id);
+};
 
 //修改兑换码批次
-export const putCodesBatch = (id,params) => {
-	return req('put', baseurl + "/codes/edit/"+id,params)
-}
-
-
-
-
+export const putCodesBatch = (id, params) => {
+  return req("put", baseurl + "/codes/edit/" + id, params);
+};
 
 //更新兑换码
-export const putCodes = (id,params) => {
-	return req('put', baseurl + "/codes/"+id,params)
-}
+export const putCodes = (id, params) => {
+  return req("put", baseurl + "/codes/" + id, params);
+};
 
 //作废本批次兑换码
 export const delCode = (id) => {
-	return req('delete', baseurl + "/codes/discard/"+id)
-}
+  return req("delete", baseurl + "/codes/discard/" + id);
+};
 //作废本批次兑换码
-export const putCodeStatus = (id,params) => {
-	return req('put', baseurl + "/codes/status/"+id,params)
-}
-
-
+export const putCodeStatus = (id, params) => {
+  return req("put", baseurl + "/codes/status/" + id, params);
+};
 
 //兑换码商品列表
 export const getCodeProductList = (params) => {
-	return req('get', baseurl + "/codes/products",params)
-}
-
+  return req("get", baseurl + "/codes/products", params);
+};
 
 //删除商品库存信息
-export const delCodeProduct = (batch_id,id) => {
-	return req('delete', baseurl + "/codes/products/"+batch_id+"/"+id)
-}
+export const delCodeProduct = (batch_id, id) => {
+  return req("delete", baseurl + "/codes/products/" + batch_id + "/" + id);
+};
 
 //更新单个商品信息
-export const putCodeProduct = (batch_id,id,params) => {
-	return req('put', baseurl + "/codes/products/"+batch_id+"/"+id,params)
-}
+export const putCodeProduct = (batch_id, id, params) => {
+  return req("put", baseurl + "/codes/products/" + batch_id + "/" + id, params);
+};
 
 //获取商品库存明细
-export const getCodeProduct = (batch_id,id) => {
-	return req('get', baseurl + "/codes/products/"+batch_id+"/"+id)
-}
-
+export const getCodeProduct = (batch_id, id) => {
+  return req("get", baseurl + "/codes/products/" + batch_id + "/" + id);
+};
 
 //获取商品库存明细
-export const getIsRequireApproval = (id,data) => {
-	return req('post', baseurl + "/codes/"+id+"/is_require_approval",data)
-}
-
-
-
-
-
-
+export const getIsRequireApproval = (id, data) => {
+  return req("post", baseurl + "/codes/" + id + "/is_require_approval", data);
+};
 
 // //蓝色兄弟映射商品
 export const getProductInfoSelect = (params) => {
-	return req('get', baseurl + "/product/market/products",params)
-}
+  return req("get", baseurl + "/product/market/products", params);
+};
 
 // 上传
-export const uploadImg= (params) => {
-	return upload('post', baseurl + "/upload/simple",params)
-}
-
-
-
-
+export const uploadImg = (params) => {
+  return upload("post", baseurl + "/upload/simple", params);
+};
 
 // 订单管理
 //订单管理列表
 export const getOrderList = (params) => {
-	return req('get', baseurl + "/order", params)
-}
+  return req("get", baseurl + "/order", params);
+};
 //订单管理详情
 export const getOrderDetails = (id) => {
-	return req('get', baseurl + "/order/"+id)
-}
+  return req("get", baseurl + "/order/" + id);
+};
 //订单导出
 export const getOrderExport = (params) => {
-	return  derive('get', baseurl + "/order/export",params)
-}
+  return derive("get", baseurl + "/order/export", params);
+};
 //订单改为成功
 export const putOrderSuccess = (id) => {
-	return req('put', baseurl + "/order/success/"+id)
-}
+  return req("put", baseurl + "/order/success/" + id);
+};
 
 //订单日志
-export const getOrderLog = (orderId,params) => {
-	return req('get', baseurl + "/order/"+orderId+"/log", params)
-}
-
+export const getOrderLog = (orderId, params) => {
+  return req("get", baseurl + "/order/" + orderId + "/log", params);
+};
 
 //订单作废
 export const putOrderCancel = (id) => {
-	return req('put', baseurl + "/order/cancel/"+id)
-}
-
+  return req("put", baseurl + "/order/cancel/" + id);
+};
 
 // 分销商管理
 //分销商管理列表
 export const getResellerList = (params) => {
-	return req('get', baseurl + "/reseller", params)
-}
+  return req("get", baseurl + "/reseller", params);
+};
 //新建分销商异步校验分销商名称是否重复
-export const  getExistName = (name) => {
-	return req('get', baseurl + "/reseller/exist_name/"+name)
-}
+export const getExistName = (name) => {
+  return req("get", baseurl + "/reseller/exist_name/" + name);
+};
 
 //编辑分销商异步校验分销商名称是否重复
-export const  geteditExistName = (name,params) => {
-	return req('get', baseurl + "/reseller/exist_name/"+name,params)
-}
+export const geteditExistName = (name, params) => {
+  return req("get", baseurl + "/reseller/exist_name/" + name, params);
+};
 
 //新建分销商异步校验分销商登陆账号是否重复
-export const  getExistAccount = (name) => {
-	return req('get', baseurl + "/reseller/exist_account/"+name)
-}
+export const getExistAccount = (name) => {
+  return req("get", baseurl + "/reseller/exist_account/" + name);
+};
 
 //编辑分销商异步校验分销商登陆账号是否重复
-export const  geteditExistAccount = (name,params) => {
-	return req('get', baseurl + "/reseller/exist_account/"+name,params)
-}
+export const geteditExistAccount = (name, params) => {
+  return req("get", baseurl + "/reseller/exist_account/" + name, params);
+};
 //新建分销商-销售人员
-export const  getPersonnel = () => {
-	return req('get', baseurl + "/auth/admin/all")
-}
+export const getPersonnel = () => {
+  return req("get", baseurl + "/auth/admin/all");
+};
 //新建分销商-签约公司
-export const  getCompany = () => {
-	return req('get', baseurl + "/auth/company/all")
-}
+export const getCompany = () => {
+  return req("get", baseurl + "/auth/company/all");
+};
 
 //删除分销商
 export const delReseller = (id) => {
-	return req('delete', baseurl + "/reseller/"+id)
-}
+  return req("delete", baseurl + "/reseller/" + id);
+};
 //修改分销商状态
-export const putResellerStatus = (id,data) => {
-	return req('put', baseurl + "/reseller/status/"+id,data)
-}
+export const putResellerStatus = (id, data) => {
+  return req("put", baseurl + "/reseller/status/" + id, data);
+};
 //新建分销商
 export const postCreateReseller = (data) => {
-	return req('post', baseurl + "/reseller/create",data)
-}
+  return req("post", baseurl + "/reseller/create", data);
+};
 //获取分销商详情
 export const getReseller = (id) => {
-	return req('get', baseurl + "/reseller/"+id)
-}
+  return req("get", baseurl + "/reseller/" + id);
+};
 //编辑分销商
-export const putResellerInfo = (id,data) => {
-	return req('put', baseurl + "/reseller/"+id,data)
-}
+export const putResellerInfo = (id, data) => {
+  return req("put", baseurl + "/reseller/" + id, data);
+};
 //重置分销商密码
-export const putResellerPwd = (id,data) => {
-	return req('put', baseurl + "/reseller/password/"+id,data)
-}
+export const putResellerPwd = (id, data) => {
+  return req("put", baseurl + "/reseller/password/" + id, data);
+};
 
 //重置分销商密码
 export const getResellerSelect = (data) => {
-	return req('get', baseurl + "/reseller/exist_account/name",data)
-}
-
-
+  return req("get", baseurl + "/reseller/exist_account/name", data);
+};
 
 // 账号管理
 //账号管理列表
 export const getAccountList = (params) => {
-	return req('get', baseurl + "/auth/admin", params)
-}
+  return req("get", baseurl + "/auth/admin", params);
+};
 //修改账号状态
-export const putAccountStatus = (id,params) => {
-	return req('put', baseurl + "/auth/admin/status/"+id,params)
-}
+export const putAccountStatus = (id, params) => {
+  return req("put", baseurl + "/auth/admin/status/" + id, params);
+};
 // 删除账号
 export const delAccount = (id) => {
-	return req('delete', baseurl + "/auth/admin/"+id)
-}
+  return req("delete", baseurl + "/auth/admin/" + id);
+};
 // 重置账号密码
-export const putModifypwd = (id,data) => {
-	return req('put', baseurl + "/auth/admin/password/"+id,data)
-}
+export const putModifypwd = (id, data) => {
+  return req("put", baseurl + "/auth/admin/password/" + id, data);
+};
 //添加账号-获取部门
-export const  getDepartment = (params) => {
-	return req('get', baseurl + "/auth/department",params)
-}
+export const getDepartment = (params) => {
+  return req("get", baseurl + "/auth/department", params);
+};
 //添加账号-获取岗位
-export const  getDepartmentJob = (params) => {
-	return req('get', baseurl + "/auth/departmentJob",params)
-}
+export const getDepartmentJob = (params) => {
+  return req("get", baseurl + "/auth/departmentJob", params);
+};
 //添加账号-获取角色
-export const  getRole = (params) => {
-	return req('get', baseurl + "/auth/adminRole",params)
-}
+export const getRole = (params) => {
+  return req("get", baseurl + "/auth/adminRole", params);
+};
 //添加账号-新增账号
-export const  postAddAcc = (params) => {
-	return req('post', baseurl + "/auth/admin",params)
-}
+export const postAddAcc = (params) => {
+  return req("post", baseurl + "/auth/admin", params);
+};
 //添加账号-编辑账号
-export const  putAddAcc = (id,params) => {
-	return req('put', baseurl + "/auth/admin/"+id,params)
-}
+export const putAddAcc = (id, params) => {
+  return req("put", baseurl + "/auth/admin/" + id, params);
+};
 
 //子账号
 //获取子账号权限
-export const  getsubAccount = (id) => {
-	return req('get', baseurl + "/auth/admin/adminRoleRules/"+id)
-}
+export const getsubAccount = (id) => {
+  return req("get", baseurl + "/auth/admin/adminRoleRules/" + id);
+};
 //新增子账号
-export const  postAddSubAcc = (params) => {
-	return req('post', baseurl + "/auth/admin/createSon",params)
-}
+export const postAddSubAcc = (params) => {
+  return req("post", baseurl + "/auth/admin/createSon", params);
+};
 //修改子账号
-export const  putAddSubAcc = (id,data) => {
-	return req('put', baseurl + "/auth/admin/editSon/"+id,data)
-}
+export const putAddSubAcc = (id, data) => {
+  return req("put", baseurl + "/auth/admin/editSon/" + id, data);
+};
 //子账号列表
 export const getSubAccList = (params) => {
-	return req('get', baseurl + "/auth/admin/sonIndex", params)
-}
+  return req("get", baseurl + "/auth/admin/sonIndex", params);
+};
 //获取指定账号下的子账号列表
-export const  getsubAppoint = (id,params) => {
-	return req('get', baseurl + "/auth/admin/accountSonIndex/"+id,params)
-}
+export const getsubAppoint = (id, params) => {
+  return req("get", baseurl + "/auth/admin/accountSonIndex/" + id, params);
+};
 // 数据迁移获取角色下主账号（平级）
 export const getLevelSubList = (id) => {
-	return req('get', baseurl + "/auth/admin/roleAccounts/"+id)
-}
+  return req("get", baseurl + "/auth/admin/roleAccounts/" + id);
+};
 //主账号数据向下迁移
-export const  putAcctransfer = (data) => {
-	return req('put', baseurl + "/auth/admin/downMigration",data)
-}
+export const putAcctransfer = (data) => {
+  return req("put", baseurl + "/auth/admin/downMigration", data);
+};
 // 主账号数据平行迁移
-export const  putequalMigration = (data) => {
-	return req('put', baseurl + "/auth/admin/equalMigration",data)
-}
-
+export const putequalMigration = (data) => {
+  return req("put", baseurl + "/auth/admin/equalMigration", data);
+};
 
 // 角色管理
 //角色管理列表
 export const getRoleList = (params) => {
-	return req('get', baseurl + "/auth/adminRole", params)
-}
+  return req("get", baseurl + "/auth/adminRole", params);
+};
 //角色获取权限列表
 export const getMenuList = (params) => {
-	return req('get', baseurl + "/auth/menu/tree", params)
-}
+  return req("get", baseurl + "/auth/menu/tree", params);
+};
 //角色删除
 export const delRole = (id) => {
-	return req('delete', baseurl + "/auth/adminRole/"+id)
-}
+  return req("delete", baseurl + "/auth/adminRole/" + id);
+};
 //角色添加
 export const postRole = (data) => {
-	return req('post', baseurl + "/auth/adminRole",data)
-}
+  return req("post", baseurl + "/auth/adminRole", data);
+};
 //角色编辑
-export const putEditRole = (id,data) => {
-	return req('put', baseurl + "/auth/adminRole/"+id,data)
-}
-
-
+export const putEditRole = (id, data) => {
+  return req("put", baseurl + "/auth/adminRole/" + id, data);
+};
 
 //岗位列表
 //新建公司
 export const postCompany = (data) => {
-	return req('post', baseurl + "/auth/company",data)
-}
+  return req("post", baseurl + "/auth/company", data);
+};
 //删除公司
 export const delCompany = (id) => {
-	return req('delete', baseurl + "/auth/company/"+id)
-}
+  return req("delete", baseurl + "/auth/company/" + id);
+};
 //编辑公司
-export const postCompanyEdit = (id,data) => {
-	return req('put', baseurl + "/auth/company/"+id,data)
-}
-
+export const postCompanyEdit = (id, data) => {
+  return req("put", baseurl + "/auth/company/" + id, data);
+};
 
 //新建部门
 export const postDepartment = (data) => {
-	return req('post', baseurl + "/auth/department",data)
-}
+  return req("post", baseurl + "/auth/department", data);
+};
 //删除部门
 export const delDepartment = (id) => {
-	return req('delete', baseurl + "/auth/department/"+id)
-}
+  return req("delete", baseurl + "/auth/department/" + id);
+};
 //编辑部门
-export const postDepartmentEdit = (id,data) => {
-	return req('put', baseurl + "/auth/department/"+id,data)
-}
+export const postDepartmentEdit = (id, data) => {
+  return req("put", baseurl + "/auth/department/" + id, data);
+};
 //新建岗位
 export const postDepartmentJob = (data) => {
-	return req('post', baseurl + "/auth/departmentJob",data)
-}
+  return req("post", baseurl + "/auth/departmentJob", data);
+};
 //删除岗位
 export const delDepartmentJob = (id) => {
-	return req('delete', baseurl + "/auth/departmentJob/"+id)
-}
+  return req("delete", baseurl + "/auth/departmentJob/" + id);
+};
 //编辑岗位
-export const postDepartmentJobEdit = (id,data) => {
-	return req('put', baseurl + "/auth/departmentJob/"+id,data)
-}
+export const postDepartmentJobEdit = (id, data) => {
+  return req("put", baseurl + "/auth/departmentJob/" + id, data);
+};
 
 //枚举
 export const getAllEnum = (data) => {
-	return req('get', baseurl + "/enum",data)
-
-}
-
+  return req("get", baseurl + "/enum", data);
+};
 
 //菜单维护
 //新建菜单
 export const postCreateMenu = (data) => {
-	return req('post', baseurl + "/auth/menu",data)
-}
+  return req("post", baseurl + "/auth/menu", data);
+};
 //编辑菜单
-export const putmodifyMenu = (id,data) => {
-	return req('put', baseurl + "/auth/menu/"+id,data)
-}
+export const putmodifyMenu = (id, data) => {
+  return req("put", baseurl + "/auth/menu/" + id, data);
+};
 //删除菜单
 export const delMenu = (id) => {
-	return req('delete', baseurl + "/auth/menu/"+id)
-}
+  return req("delete", baseurl + "/auth/menu/" + id);
+};
 
 //添加定制化模板
-export const postThemecustom= (data) => {
-	return upload('post', baseurl + "/plan/theme/custom",data)
-}
-
+export const postThemecustom = (data) => {
+  return upload("post", baseurl + "/plan/theme/custom", data);
+};
 
 //添加定制化模板
-export const copyThemecustom= (id,data) => {
-	return upload('put', baseurl + "/plan/theme/clone/"+id,data)
-}
-
-
-
+export const copyThemecustom = (id, data) => {
+  return upload("put", baseurl + "/plan/theme/clone/" + id, data);
+};
 
 //登录
 export const postLogin = (data) => {
-	return req('login', baseurl + "/auth/login", data)
-}
+  return req("login", baseurl + "/auth/login", data);
+};
 // logout退出登录
 //连续输入三次，需验证码校验
 export const getVerify = (params) => {
-	return req('post', baseurl + "/auth/login/verify", params)
-}
+  return req("post", baseurl + "/auth/login/verify", params);
+};
 //获取用户信息接口
-export const getUserinfo= (params) => {
-	return req('get', baseurl + "/auth/admin/userinfo",params)
-}
+export const getUserinfo = (params) => {
+  return req("get", baseurl + "/auth/admin/userinfo", params);
+};
 //设置登录密码
 export const putmodifySelf = (data) => {
-	return req('put', baseurl + "/auth/admin/setPassword",data)
-}
+  return req("put", baseurl + "/auth/admin/setPassword", data);
+};
 //验证码登录发送验证码
 export const postsendLoginCode = (data) => {
-	return req('post', baseurl + "/sms/sendLoginCode",data)
-}
+  return req("post", baseurl + "/sms/sendLoginCode", data);
+};
 // 短信验证码登录
 export const postLoginCode = (data) => {
-	return req('post', baseurl + "/auth/login/mobile",data)
-}
+  return req("post", baseurl + "/auth/login/mobile", data);
+};
 // {
 // 	"mobile": "15184345039",
 // 	"code": "04593"
 // }
 
-
 //获取落地页下拉菜单
 export const getThemeSel = (id) => {
-	return req('get', baseurl + "/plan/choice_theme")
-}
+  return req("get", baseurl + "/plan/choice_theme");
+};
 
 //获取落地页列表
 export const getThemeList = (data) => {
-	return req('get', baseurl + "/plan/plan_theme",data)
-}
+  return req("get", baseurl + "/plan/plan_theme", data);
+};
 //删除落地页
-export const delTheme= (id) => {
-	return req('delete', baseurl + "/plan/theme/"+id)
-}
+export const delTheme = (id) => {
+  return req("delete", baseurl + "/plan/theme/" + id);
+};
 //编辑模板
-export const putMyTheme= (id,data) => {
-	return req('put', baseurl + "/plan/theme/"+id,data)
-}
-
-export const getThemeChoice= (data) => {
-	return req('get', baseurl + "/plan/theme/choice",data)
-}
+export const putMyTheme = (id, data) => {
+  return req("put", baseurl + "/plan/theme/" + id, data);
+};
 
+export const getThemeChoice = (data) => {
+  return req("get", baseurl + "/plan/theme/choice", data);
+};
 
 //新增落地页模板
-export const addTheme= (data) => {
-	return req('post', baseurl + "/plan/theme",data)
-}
+export const addTheme = (data) => {
+  return req("post", baseurl + "/plan/theme", data);
+};
 //编辑落地页模板
-export const putTheme= (id,data) => {
-	return req('put', baseurl + "/plan/plan_theme/"+id,data)
-}
+export const putTheme = (id, data) => {
+  return req("put", baseurl + "/plan/plan_theme/" + id, data);
+};
 //我的模板列表查询
-export const getTheme= (data) => {
-	return req('get', baseurl + "/plan/theme",data)
-}
+export const getTheme = (data) => {
+  return req("get", baseurl + "/plan/theme", data);
+};
 //克隆落地页模板
-export const cloneTheme= (data) => {
-	return req('put', baseurl + "/plan/theme/clone",data)
-}
+export const cloneTheme = (data) => {
+  return req("put", baseurl + "/plan/theme/clone", data);
+};
 //获取系统模板
-export const getSystemTemplate= (data) => {
-	return req('get', baseurl + "/plan/theme/system",data)
-}
-
+export const getSystemTemplate = (data) => {
+  return req("get", baseurl + "/plan/theme/system", data);
+};
 
 //编辑系统模板
-export const putSystemTemplate= (id,data) => {
-	return req('put', baseurl + "/plan/theme/system/"+id,data)
-}
+export const putSystemTemplate = (id, data) => {
+  return req("put", baseurl + "/plan/theme/system/" + id, data);
+};
 //新增系统模板
 export const addSystemTemplate = (data) => {
-	return req('post', baseurl + "/plan/theme/system",data)
-}
+  return req("post", baseurl + "/plan/theme/system", data);
+};
 //删除系统模板
-export const delSystemTemplate= (id) => {
-	return req('delete', baseurl + "/plan/theme/system/"+id)
-}
+export const delSystemTemplate = (id) => {
+  return req("delete", baseurl + "/plan/theme/system/" + id);
+};
 
 //获取系统模板分类
-export const getThemeType= () => {
-	return req('get', baseurl + "/plan/theme/getThemeType")
-}
-
+export const getThemeType = () => {
+  return req("get", baseurl + "/plan/theme/getThemeType");
+};
 
 //key码列表
-export const getkeyDetailList= (id,data) => {
-	return req('get', baseurl + "/key/"+id,data)
-}
-
+export const getkeyDetailList = (id, data) => {
+  return req("get", baseurl + "/key/" + id, data);
+};
 
 //提交审核
-export const approvals= (id,data) => {
-	return req('post', baseurl + "/plan/"+id+"/approvals",data)
-}
+export const approvals = (id, data) => {
+  return req("post", baseurl + "/plan/" + id + "/approvals", data);
+};
 
+export const getApprovalsInfo = (id, data) => {
+  return req(
+    "get",
+    baseurl + "/approvals/" + id + "/market_approval_data",
+    data
+  );
+};
 
-export const getApprovalsInfo= (id,data) => {
-	return req('get', baseurl + "/approvals/"+id+"/market_approval_data",data)
-}
+export const terminateApprovals = (id, data) => {
+  return req("put", baseurl + "/approvals/" + id + "/terminate", data);
+};
 
-
-export const terminateApprovals= (id,data) => {
-	return req('put', baseurl + "/approvals/"+id+"/terminate",data)
-}
-
-
-export const getApprovalsStatus= (id,data) => {
-	return req('get', baseurl + "/approvals/"+id+"/status")
-}
+export const getApprovalsStatus = (id, data) => {
+  return req("get", baseurl + "/approvals/" + id + "/status");
+};
 
 //作废
-export const keyBatchCancel= (data) => {
-	return req('put', baseurl + "/key/batch_cancel",data)
-}
+export const keyBatchCancel = (data) => {
+  return req("put", baseurl + "/key/batch_cancel", data);
+};
 
 //作废
-export const keyCancel= (data) => {
-	return req('put', baseurl + "/key/cancel",data)
-}
+export const keyCancel = (data) => {
+  return req("put", baseurl + "/key/cancel", data);
+};
 //标记使用
-export const keyBatchUsage= (data) => {
-	return req('put', baseurl + "/key/batch_usage",data)
-}
+export const keyBatchUsage = (data) => {
+  return req("put", baseurl + "/key/batch_usage", data);
+};
 //标记使用
-export const keyUsage= (data) => {
-	return req('put', baseurl + "/key/usage",data)
-}
-//获取日志 
-export const getKeyLog= (data) => {
-	return req('get', baseurl + "/key/log/list",data)
-}
+export const keyUsage = (data) => {
+  return req("put", baseurl + "/key/usage", data);
+};
+//获取日志
+export const getKeyLog = (data) => {
+  return req("get", baseurl + "/key/log/list", data);
+};
 
 //白名单数据校验
-export const getAccessVerification= (data) => {
-	return req('post',baseurl + "/keys/mobileAccessVerification",data)
-}
+export const getAccessVerification = (data) => {
+  return req("post", baseurl + "/keys/mobileAccessVerification", data);
+};
 
 //计划作废
-export const planCancel= (id) => {
-	return req('put',baseurl + "/plan/cancel/"+id)
-}
+export const planCancel = (id) => {
+  return req("put", baseurl + "/plan/cancel/" + id);
+};
 
 //key审批
-export const keyApproval =(plan_id,key_id,data) => {
-	return req('post',baseurl + "/plan/"+plan_id+"/keys/"+key_id+"/approval",data)
-}
-
-
-export const keyEditApproval =(key_id,data) => {
-	return req('post',baseurl + "/keys/"+key_id+"/approval",data)
-}
+export const keyApproval = (plan_id, key_id, data) => {
+  return req(
+    "post",
+    baseurl + "/plan/" + plan_id + "/keys/" + key_id + "/approval",
+    data
+  );
+};
 
+export const keyEditApproval = (key_id, data) => {
+  return req("post", baseurl + "/keys/" + key_id + "/approval", data);
+};
 
 // logout退出登录
 
 //退出登录接口
 export const postLogOut = (data) => {
-	return req('get', baseurl + "/auth/logout", data)
-}
+  return req("get", baseurl + "/auth/logout", data);
+};
 
-export {
-	req
-}
+// 请求分销商
+export const getDirectList = (data) => {
+  return req("get", baseurl + "/reseller/direct", data);
+};
+
+export { req };
diff --git a/src/components/UseLazyLoadingSelect/index.js b/src/components/UseLazyLoadingSelect/index.js
new file mode 100644
index 00000000..5f8d5278
--- /dev/null
+++ b/src/components/UseLazyLoadingSelect/index.js
@@ -0,0 +1,80 @@
+import { useState } from "react";
+import { Select, InfiniteScroller, InlineLoading } from "zent";
+import "./style.less";
+const UseLazyLoadingSelect = ({
+  options,
+  clearable = false,
+  placeholder = "请输入",
+  value,
+  onChange,
+  width,
+  onChangePage,
+}) => {
+  let firstOpen = true;
+  const [loading, setLoading] = useState(true);
+  const [open, onOpenChange] = useState(false);
+
+  // 处理浮层打开
+  const handleOpenChange = (isOpen) => {
+    onOpenChange(isOpen);
+    // 首次打开浮层加载数据
+    if (isOpen && firstOpen) {
+      firstOpen = false;
+      setLoading(true);
+      setTimeout(() => {
+        setLoading(false);
+      }, 2000);
+    }
+  };
+
+  // 滚动加载
+  const loadMore = (closeLoading) => {
+    setTimeout(() => {
+      onChangePage(closeLoading);
+    }, 2000);
+  };
+
+  // 渲染 opt
+  const renderOptionList = (optionList, renderOption) => {
+    return (
+      <InfiniteScroller
+        hasMore
+        skipLoadOnMount
+        loadMore={loadMore}
+        className="infinite-scroller-demo"
+        loader={
+          <div className="loading-text">
+            <InlineLoading
+              iconSize={18}
+              loading
+              icon="circle"
+              iconText="加载中…"
+              textPosition="right"
+              colorPreset="grey"
+            />
+          </div>
+        }
+      >
+        {optionList.map((item, index) => renderOption(item, index))}
+      </InfiniteScroller>
+    );
+  };
+
+  return (
+    <div>
+      <Select
+        options={options}
+        placeholder={placeholder}
+        value={value}
+        onChange={onChange}
+        width={width}
+        loading={loading}
+        open={open}
+        onOpenChange={handleOpenChange}
+        renderOptionList={renderOptionList}
+      />
+    </div>
+  );
+};
+
+export default UseLazyLoadingSelect;
diff --git a/src/components/UseLazyLoadingSelect/style.less b/src/components/UseLazyLoadingSelect/style.less
new file mode 100644
index 00000000..baad8e62
--- /dev/null
+++ b/src/components/UseLazyLoadingSelect/style.less
@@ -0,0 +1,3 @@
+.infinite-scroller-demo{
+    height: 200px;
+}
\ No newline at end of file
diff --git a/src/pages/distributor/add/add.js b/src/pages/distributor/add/add.js
index ea9221cc..a3ecf89f 100644
--- a/src/pages/distributor/add/add.js
+++ b/src/pages/distributor/add/add.js
@@ -1,151 +1,173 @@
-import ReactDOM from 'react-dom';
-import React, { Component } from 'react';
+import ReactDOM from "react-dom";
+import React, { Component } from "react";
 import { HashRouter as Router, Route, Link } from "react-router-dom";
-import  "./add.less"
-import { Sweetalert,Card,Button,Notify } from 'zent';
-import "../../../assets/comm.css"
-import Ipt from "../../../components/input/main"
-import Adddistributor from "../adddistributorinfo/adddistributorinfo"
-import {handelResponse,postCreateReseller,putResellerInfo} from "../../../assets/api.js"
-import _ from "lodash"
-export default class acclist extends React.Component{
-  constructor(props){
-    super(props)
+import "./add.less";
+import { Sweetalert, Card, Button, Notify } from "zent";
+import "../../../assets/comm.css";
+import Ipt from "../../../components/input/main";
+import Adddistributor from "../adddistributorinfo/adddistributorinfo";
+import {
+  handelResponse,
+  postCreateReseller,
+  putResellerInfo,
+} from "../../../assets/api.js";
+import _ from "lodash";
+export default class acclist extends React.Component {
+  constructor(props) {
+    super(props);
 
-    this.state={
-      enumer:0,
-    }
+    this.state = {
+      enumer: 0,
+    };
   }
   //去调子组件的方法
-  activeFn(){
-    let valiform=this.refs.disbutorForm.submit();
+  activeFn() {
+    let valiform = this.refs.disbutorForm.submit();
 
-    let formInfo=this.refs.disbutorForm.state.model;
-		let _this=this;
-		if(valiform){
-		//取消二次弹出框
-		Sweetalert.confirm({
-			type:'warning',
-			closeBtn:true,
-			title:'确认操作',
-		content: _this.state.enumer==0?(<p>是否新增<b>[{formInfo.name}]</b>分销商？</p>):(<p>是否修改<b>[{formInfo.name}]</b>分销商信息？</p>),
-			onConfirm:()=>{
-				 	//提交接口
-      let data=_.cloneDeep(formInfo);
-			if(_this.refs.disbutorForm.state.headImg){
-				data.head_img=_this.refs.disbutorForm.state.headImg;
-      }
-       data.salesman_id=formInfo.salesman_id.key;
-       data.salesman_name=formInfo.salesman_id.text;
-       data.company_id=formInfo.company_id.key;
-       data.company_name=formInfo.company_id.text;
-       data.identity_type=formInfo.identity_type.key;
-       let phoneList=[formInfo.contact_phone];
-       phoneList.push(data.phone1);
-       phoneList.push(data.phone2);
-       phoneList.push(data.phone3);
-       phoneList.push(data.phone4);
-       let phoneArr=phoneList.filter(o=>o);
-       data.contact_phone=phoneArr.join(',');
-       let emilList=[formInfo.contact_email];
-        emilList.push(data.email1);
-        emilList.push(data.email2);
-        emilList.push(data.email3);
-        emilList.push(data.email4);
-       let emailArr=emilList.filter(o=>o);
-       data.contact_email=emailArr.join(','); 
-        delete data.phone1;
-        delete data.phone2;
-        delete data.phone3;
-        delete data.phone4;
-        delete data.email1;
-        delete data.email2;
-        delete data.email3;
-        delete data.email4;
-		  	if(_this.state.enumer==0){
-				postCreateReseller(data).then(res=>{
-					handelResponse(res,(response,msg)=>{
-						 Notify.clear();
-						 Notify.success(msg);
-						 setTimeout(()=>{
-              // window.history.back()
-              window.location.replace('#/home/distributor-list');
-						 },1000);
-						},(err)=>{
-              Notify.error(err);
-						})
-						}).catch(err=>{
-					});
-			}else{//编辑
-				let id=_this.refs.disbutorForm.state.id;
-        delete data.account;
-        delete data.password;
-        data.head=_this.state.headImg;
-				putResellerInfo(id,data).then(res=>{
-					handelResponse(res,(response,msg)=>{
-						 Notify.clear();
-						 Notify.success(msg);
-						 setTimeout(()=>{
-              // window.history.back()
-              window.location.replace('#/home/distributor-list');
-						 },1000);
-						},(err)=>{
-              Notify.error(err)
-						})
-						}).catch(err=>{
-					});
-			}
-			},
-			onCancel: this.onCancel,
-			className:'questModal',
-			parentComponent: this
-		});
-		}else{
-			Notify.clear();
-			Notify.error('请完善表单数据');
-		}
+    let formInfo = this.refs.disbutorForm.state.model;
+    let _this = this;
+    if (valiform) {
+      //取消二次弹出框
+      Sweetalert.confirm({
+        type: "warning",
+        closeBtn: true,
+        title: "确认操作",
+        content:
+          _this.state.enumer == 0 ? (
+            <p>
+              是否新增<b>[{formInfo.name}]</b>分销商？
+            </p>
+          ) : (
+            <p>
+              是否修改<b>[{formInfo.name}]</b>分销商信息？
+            </p>
+          ),
+        onConfirm: () => {
+          //提交接口
+          let data = _.cloneDeep(formInfo);
+          if (_this.refs.disbutorForm.state.headImg) {
+            data.head_img = _this.refs.disbutorForm.state.headImg;
+          }
+          data.salesman_id = formInfo.salesman_id.key;
+          data.salesman_name = formInfo.salesman_id.text;
+          data.company_id = formInfo.company_id.key;
+          data.company_name = formInfo.company_id.text;
+          data.identity_type = formInfo.identity_type.key;
+          let phoneList = [formInfo.contact_phone];
+          phoneList.push(data.phone1);
+          phoneList.push(data.phone2);
+          phoneList.push(data.phone3);
+          phoneList.push(data.phone4);
+          let phoneArr = phoneList.filter((o) => o);
+          data.contact_phone = phoneArr.join(",");
+          let emilList = [formInfo.contact_email];
+          emilList.push(data.email1);
+          emilList.push(data.email2);
+          emilList.push(data.email3);
+          emilList.push(data.email4);
+          let emailArr = emilList.filter((o) => o);
+          data.contact_email = emailArr.join(",");
+          delete data.phone1;
+          delete data.phone2;
+          delete data.phone3;
+          delete data.phone4;
+          delete data.email1;
+          delete data.email2;
+          delete data.email3;
+          delete data.email4;
+          if (_this.state.enumer == 0) {
+            postCreateReseller(data)
+              .then((res) => {
+                handelResponse(
+                  res,
+                  (response, msg) => {
+                    Notify.clear();
+                    Notify.success(msg);
+                    setTimeout(() => {
+                      // window.history.back()
+                      window.location.replace("#/home/distributor-list");
+                    }, 1000);
+                  },
+                  (err) => {
+                    Notify.error(err);
+                  }
+                );
+              })
+              .catch((err) => {});
+          } else {
+            //编辑
+            let id = _this.refs.disbutorForm.state.id;
+            delete data.account;
+            delete data.password;
+            data.head = _this.state.headImg;
+            putResellerInfo(id, data)
+              .then((res) => {
+                handelResponse(
+                  res,
+                  (response, msg) => {
+                    Notify.clear();
+                    Notify.success(msg);
+                    setTimeout(() => {
+                      // window.history.back()
+                      window.location.replace("#/home/distributor-list");
+                    }, 1000);
+                  },
+                  (err) => {
+                    Notify.error(err);
+                  }
+                );
+              })
+              .catch((err) => {});
+          }
+        },
+        onCancel: this.onCancel,
+        className: "questModal",
+        parentComponent: this,
+      });
+    } else {
+      Notify.clear();
+      Notify.error("请完善表单数据");
+    }
   }
-  componentWillMount(){
-    let pagetitle=JSON.parse(sessionStorage.getItem('breaknav'))[0].pagetitle;
-    let enumer=pagetitle.includes('新建')?0:1;
-    this.setState({pagetitle:pagetitle+'分销商',enumer});
-
+  componentWillMount() {
+    let pagetitle = JSON.parse(sessionStorage.getItem("breaknav"))[0].pagetitle;
+    let enumer = pagetitle.includes("新建") ? 0 : 1;
+    this.setState({ pagetitle: pagetitle + "分销商", enumer });
   }
-  cancel(){
-   //取消二次弹出框
-   Sweetalert.confirm({
-  	type:'warning',
-  	closeBtn:true,
-  	title:'确认操作',
-  	content: <p>是否取消本次操作？</p>,
-  	onConfirm:()=>{
-      // window.history.back()
-      window.location.replace('#/home/distributor-list');
-  	},
-  	onCancel: this.onCancel,
-  	className:'questModal',
-  	parentComponent: this
-  });
+  cancel() {
+    //取消二次弹出框
+    Sweetalert.confirm({
+      type: "warning",
+      closeBtn: true,
+      title: "确认操作",
+      content: <p>是否取消本次操作？</p>,
+      onConfirm: () => {
+        // window.history.back()
+        window.location.replace("#/home/distributor-list");
+      },
+      onCancel: this.onCancel,
+      className: "questModal",
+      parentComponent: this,
+    });
   }
-  render(){
+  render() {
     const { current, pageSize } = this.state;
-    return(
+    return (
       <div className="maincenter">
-         <Card style={{ width:'100%'}} title={this.state.pagetitle} >
-        <div className="adddistributor">
-
-     <Adddistributor ref="disbutorForm" enumer={this.state.enumer}/>
+        <Card style={{ width: "100%" }} title={this.state.pagetitle}>
+          <div className="adddistributor">
+            <Adddistributor ref="disbutorForm" enumer={this.state.enumer} />
+          </div>
+        </Card>
+        <div className="distributorbtn">
+          <Button type="primary" onClick={this.activeFn.bind(this)}>
+            提交
+          </Button>
+          <Button type="normal" onClick={this.cancel.bind(this)}>
+            取消
+          </Button>
         </div>
-  </Card>
-  <div className="distributorbtn">
-        <Button type="primary" onClick={this.activeFn.bind(this)}>
-          提交
-        </Button>
-        <Button type="normal" onClick={this.cancel.bind(this)}>
-          取消
-        </Button>
       </div>
-      </div>
-    )
+    );
   }
-}
\ No newline at end of file
+}
diff --git a/src/pages/distributor/adddistributorinfo/adddistributorinfo.js b/src/pages/distributor/adddistributorinfo/adddistributorinfo.js
index 29f22778..52d5c5d1 100644
--- a/src/pages/distributor/adddistributorinfo/adddistributorinfo.js
+++ b/src/pages/distributor/adddistributorinfo/adddistributorinfo.js
@@ -1,903 +1,1174 @@
-import ReactDOM from 'react-dom';
-import React from "react"
-import "./adddistributorinfo.less"
-import Ipt from "../../../components/input/main"
-import Form from "../../../components/form/main"
-import FormItem from "../../../components/form-item/main"
-import "../../../assets/comm.css"
-import {Select,Dialog,Button,ImageUpload ,onUpload,FormInputField,Notify,CopyButton } from "zent"
-import Bus from "../../../assets/eventBus.js"
+import ReactDOM from "react-dom";
+import React from "react";
+import "./adddistributorinfo.less";
+import Ipt from "../../../components/input/main";
+import Form from "../../../components/form/main";
+import FormItem from "../../../components/form-item/main";
+import "../../../assets/comm.css";
+import {
+  Select,
+  Dialog,
+  Button,
+  ImageUpload,
+  onUpload,
+  FormInputField,
+  Notify,
+  CopyButton,
+} from "zent";
+import Bus from "../../../assets/eventBus.js";
 import _ from "lodash";
-import {getExistName,geteditExistName,getCompany,uploadImg,getPersonnel,geteditExistAccount,handelResponse,getExistAccount} from "../../../assets/api.js"
-export default class adduserinfo extends React.Component{
+import {
+  getExistName,
+  geteditExistName,
+  getCompany,
+  uploadImg,
+  getPersonnel,
+  geteditExistAccount,
+  handelResponse,
+  getExistAccount,
+  getDirectList,
+} from "../../../assets/api.js";
+import { FixedSizeList } from "react-window";
+import UseLazyLoadingSelect from "../../../components/UseLazyLoadingSelect";
+export default class adduserinfo extends React.Component {
+  constructor(props) {
+    super(props);
+    this.state = {
+      phone_nums: 1,
+      id: "",
+      headImg: "", //上传文件的path
+      uploadimgFile: "", //分销商头像files
+      email_nums: 1,
+      disabled: false,
+      pwdtype: "text",
+      phoneSwitch: [false, false, false, false],
+      emailSwitch: [false, false, false, false],
+      defaultFileList: [{ src: "" }], //默认回显头像,//默认回显头像
+      model: {
+        //数据模型不可少
+        name: "",
+        account: "",
+        password: "",
+        subject: "",
+        contact_name: "",
+        contact_phone: "",
+        contact_email: "",
+        salesman_id: "",
+        company_id: "",
+        identity_type: "",
+        phone1: "",
+        phone2: "",
+        phone3: "",
+        phone4: "",
+        email1: "",
+        email2: "",
+        email3: "",
+        email4: "",
+        direct_reseller_id: "",
+      },
+      rules: {
+        fullname: [{ type: "required", message: "请输入分销商全称" }],
+        subject: [{ type: "required", message: "请输入分销商主体" }],
+        account: [{ type: "required", message: "请输入登录账号" }],
+        pwd: [
+          { type: "required", message: "请输入密码" },
+          {
+            type: "regExp",
+            message: "6-16位字符,数字+字母组成，(字母区分大小写)",
+            reg: "^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,16}$",
+          },
+        ],
+        contacts: [
+          { type: "required", message: "请输入联系人" },
+          {
+            type: "regExp",
+            message: "2-16字汉字/字母组成",
+            reg: "^([\u4e00-\u9fa5]|[a-zA-Z]){2,16}$",
+          },
+        ],
+        contacts_phone: [
+          { type: "required", message: "请输入联系人手机号" },
+          {
+            type: "regExp",
+            message: "手机号格式不对",
+            reg: "^[1][3,4,5,6,7,8,9][0-9]{9}$",
+          },
+        ],
+        contacts_email: [{ type: "required", message: "请输入联系人邮箱" }],
+        sale: [{ type: "required", message: "请选择销售人员" }],
+        identity: [{ type: "required", message: "请选择身份类型" }],
+        sign: [{ type: "required", message: "请选择签约公司" }],
+        phone1: [
+          { type: "required", message: "请输入联系人手机号码" },
+          {
+            type: "regExp",
+            message: "手机号格式不对",
+            reg: "^[1][3,5,7,8][0-9]\\d{8}$",
+          },
+        ],
+        phone2: [
+          { type: "required", message: "请输入联系人手机号码" },
+          {
+            type: "regExp",
+            message: "手机号格式不对",
+            reg: "^[1][3,5,7,8][0-9]\\d{8}$",
+          },
+        ],
+        phone3: [
+          { type: "required", message: "请输入联系人手机号码" },
+          {
+            type: "regExp",
+            message: "手机号格式不对",
+            reg: "^[1][3,5,7,8][0-9]\\d{8}$",
+          },
+        ],
+        phone4: [
+          { type: "required", message: "请输入联系人手机号码" },
+          {
+            type: "regExp",
+            message: "手机号格式不对",
+            reg: "^[1][3,5,7,8][0-9]\\d{8}$",
+          },
+        ],
 
-  constructor(props){
-    super(props)
-    this.state={
-		phone_nums:1,
-		id:'',
-		headImg:'',//上传文件的path
-		uploadimgFile:'',//分销商头像files
-		email_nums:1,
-		disabled:false,
-		pwdtype:'text',
-		phoneSwitch:[false,false,false,false],
-		emailSwitch:[false,false,false,false],
-		defaultFileList:[{src:'',}],//默认回显头像,//默认回显头像
-	  model:{       //数据模型不可少
-      name:'',
-      account:'',
-      password:'',
-			subject:'',
-      contact_name:'',
-			contact_phone:'',
-			contact_email:'',
-			salesman_id:'',
-			company_id:'',
-			identity_type:'',
-			phone1:'',
-			phone2:'',
-			phone3:'',
-			phone4:'',
-			email1:"",
-			email2:"",
-			email3:"",
-			email4:"",
-		},
-		rules:{
-	         fullname: [
-					  { type: "required", message: "请输入分销商全称"}, 
-	   ], subject: [
-			{ type: "required", message: "请输入分销商主体"}, 
-],
-				  account: [
-	       { type: "required", message: "请输入登录账号"},
-	   ],
-	   pwd:[
-	     { type: "required", message: "请输入密码"},
-	     { type: "regExp", message: "6-16位字符,数字+字母组成，(字母区分大小写)",reg:"^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{6,16}$"}
-	   ],
-	   contacts: [
-					{ type: "required", message: "请输入联系人"},
-					{ type: "regExp", message: "2-16字汉字/字母组成",reg:"^([\u4e00-\u9fa5]|[a-zA-Z]){2,16}$"}
-	   ],
-	   contacts_phone:[
-	   { type: "required", message: "请输入联系人手机号"},
-	   { type: "regExp", message: "手机号格式不对",reg:"^[1][3,4,5,6,7,8,9][0-9]{9}$"}
-			],
-			contacts_email:[
-	 { type: "required", message: "请输入联系人邮箱"},
-			],
-			sale: [
-							  { type: "required", message: "请选择销售人员"},
-							 
-			      ],
-			      identity: [
-							  { type: "required", message: "请选择身份类型"},
-							 
-			      ],
-			      sign:[
-			        { type: "required", message: "请选择签约公司"},
-			      ],
-				 phone1: [
-				  	 { type: "required", message: "请输入联系人手机号码"},
-				  		 	    { type: "regExp", message: "手机号格式不对",reg:"^[1][3,5,7,8][0-9]\\d{8}$"}
-				  			],
-			phone2: [
-							 	 { type: "required", message: "请输入联系人手机号码"},
-							 		 	    { type: "regExp", message: "手机号格式不对",reg:"^[1][3,5,7,8][0-9]\\d{8}$"}
-				],
-				phone3: [
-										 	 { type: "required", message: "请输入联系人手机号码"},
-										 		 	    { type: "regExp", message: "手机号格式不对",reg:"^[1][3,5,7,8][0-9]\\d{8}$"}
-					],
-		phone4: [
-													 	 { type: "required", message: "请输入联系人手机号码"},
-													 		 	    { type: "regExp", message: "手机号格式不对",reg:"^[1][3,5,7,8][0-9]\\d{8}$"}
-				],
-													
-			email1:[
-	 { type: "required", message: "请输入联系人邮箱"},
-	//  { type: "regExp", message: "联系人邮箱格式不对",reg:"^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$"}
-			],
-										email2: [
-	 { type: "required", message: "请输入联系人邮箱"},
-	//  { type: "regExp", message: "联系人邮箱格式不对",reg:"^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$"}
-			],
-													email3:[
-	 { type: "required", message: "请输入联系人邮箱"},
-	//  { type: "regExp", message: "联系人邮箱格式不对",reg:"^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$"}
-			],
-																email4: [
-	 { type: "required", message: "请输入联系人邮箱"},
-	//  { type: "regExp", message: "联系人邮箱格式不对",reg:"^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$"}
-			]
-																
-			
-			},
-		companyList:[],
-		personnelList:[],
-		fieldArr:[],//添加项目
-		fieldTitle:'',
-		addfield:{},//添加
-		identityType:[{
-			key:1,
-			text:'直客'
-		},
-		{
-			key:2,
-			text:'友商'
-		}] //身份类型
-		}
+        email1: [
+          { type: "required", message: "请输入联系人邮箱" },
+          //  { type: "regExp", message: "联系人邮箱格式不对",reg:"^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$"}
+        ],
+        email2: [
+          { type: "required", message: "请输入联系人邮箱" },
+          //  { type: "regExp", message: "联系人邮箱格式不对",reg:"^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$"}
+        ],
+        email3: [
+          { type: "required", message: "请输入联系人邮箱" },
+          //  { type: "regExp", message: "联系人邮箱格式不对",reg:"^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$"}
+        ],
+        email4: [
+          { type: "required", message: "请输入联系人邮箱" },
+          //  { type: "regExp", message: "联系人邮箱格式不对",reg:"^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$"}
+        ],
+      },
+      companyList: [],
+      directList: [],
+      personnelList: [],
+      fieldArr: [], //添加项目
+      fieldTitle: "",
+      addfield: {}, //添加
+      identityType: [
+        {
+          key: 1,
+          text: "直客",
+        },
+        {
+          key: 2,
+          text: "友商",
+        },
+      ], //身份类型
+      limit: 15,
+      page: 1,
+    };
   }
 
-   componentDidMount(e){
-	
-	  
-   }
-	
-	submit(){
-		return this.refs.form1.validator()
-	}
+  // 设置 zent opt
+  setZentOpt(data) {
+    return data.map((item) => {
+      return {
+        key: item.id,
+        text: item.name,
+      };
+    });
+  }
 
-    //选择图片
-	onUploadChange(files){
-		let _self=this;
-		if(files&&files.length>0){
-			let formdata= new FormData();
-			formdata.append("file",files[0].file)
-			formdata.append("path","reseller_avatar")
-			uploadImg(formdata).then((res)=>{
-			handelResponse(res,(req,msg)=>{
-				_self.setState({headImg:req.path})
-				 Notify.clear();
-				 Notify.success(msg);
-				},(err)=>{
-					Notify.error(err)
-				})
-				}).catch(err=>{
-			});
-		}else{
-			_self.setState({headImg:''})
-		}
-	};
-	onUploadError = (type, data) => {
-    if (type === 'overMaxAmount') {
-			Notify.clear();
+  componentDidMount(e) {
+    let params = {
+      limit: this.state.limit,
+      page: this.state.page,
+    };
+    this.directList(params);
+  }
+
+  componentDidUpdate(prevProps, prevState) {
+    // 典型用法（不要忘记比较 props）：
+    if (this.state.page !== prevState.page) {
+      let params = {
+        limit: this.state.limit,
+        page: this.state.page,
+      };
+      this.directList(params);
+    }
+  }
+
+  // 获取分销商数据
+  directList(param) {
+    getDirectList(param).then((res) => {
+      if (res.code === 200) {
+        let directLists = this.state.directList;
+        directLists = directLists.concat(this.setZentOpt(res.data.data));
+        this.setState({
+          directList: directLists,
+        });
+      }
+    });
+  }
+
+  // change pages
+  changPagesSelect() {
+    this.setState(this.state, {
+      page: this.state.page + 1,
+    });
+  }
+
+  submit() {
+    return this.refs.form1.validator();
+  }
+
+  //选择图片
+  onUploadChange(files) {
+    let _self = this;
+    if (files && files.length > 0) {
+      let formdata = new FormData();
+      formdata.append("file", files[0].file);
+      formdata.append("path", "reseller_avatar");
+      uploadImg(formdata)
+        .then((res) => {
+          handelResponse(
+            res,
+            (req, msg) => {
+              _self.setState({ headImg: req.path });
+              Notify.clear();
+              Notify.success(msg);
+            },
+            (err) => {
+              Notify.error(err);
+            }
+          );
+        })
+        .catch((err) => {});
+    } else {
+      _self.setState({ headImg: "" });
+    }
+  }
+  onUploadError = (type, data) => {
+    if (type === "overMaxAmount") {
+      Notify.clear();
       Notify.error(`最多可上传 ${data.maxAmount} 张图片`);
-    } else if (type === 'overMaxSize') {
-			Notify.clear();
+    } else if (type === "overMaxSize") {
+      Notify.clear();
       Notify.error(`图片大小不能超过 ${data.formattedMaxSize}b`);
     }
-	};
+  };
   //选择销售人员
-	onsaleChange(e){
-		let model2 = this.state.model
-		model2.salesman_id = e;
-		this.setState({
-		  model:model2
-		});
+  onsaleChange(e) {
+    let model2 = this.state.model;
+    model2.salesman_id = e;
+    this.setState({
+      model: model2,
+    });
   }
   //身份类型
-	onidentityChange(e){
-		let model2 = this.state.model
-		model2.identity_type = e;
-		this.setState({
-		  model:model2
-		});
+  onidentityChange(e) {
+    let model2 = this.state.model;
+    model2.identity_type = e;
+    this.setState({
+      model: model2,
+    });
   }
   //签约公司
-	onsignChange(e)
-	{
-		let model2 = this.state.model
-		model2.company_id = e;
-		this.setState({
-		  model:model2
-		});
-	}
- //校验分销商名称
- NameblurFn(e){
+  onsignChange(e) {
+    let model2 = this.state.model;
+    model2.company_id = e;
+    this.setState({
+      model: model2,
+    });
+  }
+  // 分销商
+  onDirectChange(e) {
+    console.log("e onDirectChange", e);
+    let model2 = this.state.model;
+    model2.direct_reseller_id = e;
+    this.setState({
+      model: model2,
+    });
+  }
+  onChangePageSelect(closeLoading) {
+    let that = this;
+    this.setState({
+      page: that.state.page + 1,
+    });
+    closeLoading && closeLoading();
+  }
+  //校验分销商名称
+  NameblurFn(e) {
+    if (this.props.enumer == 0) {
+      getExistName(e)
+        .then((res) => {
+          handelResponse(
+            res,
+            (response, msg) => {},
+            (err) => {
+              Notify.error(err);
+            }
+          );
+        })
+        .catch((err) => {});
+    } else {
+      let formInfo = JSON.parse(sessionStorage.getItem("dataInfo"));
+      let data = {
+        id: formInfo.id,
+      };
+      geteditExistName(e, data)
+        .then((res) => {
+          handelResponse(
+            res,
+            (response, msg) => {},
+            (err) => {
+              Notify.error(err);
+            }
+          );
+        })
+        .catch((err) => {});
+    }
+  }
+  //校验登陆账号名称
+  AccountblurFn(e) {
+    if (this.props.enumer == 0) {
+      getExistAccount(e)
+        .then((res) => {
+          handelResponse(
+            res,
+            (response, msg) => {},
+            (err) => {
+              Notify.error(err);
+            }
+          );
+        })
+        .catch((err) => {});
+    } else {
+      let formInfo = JSON.parse(sessionStorage.getItem("dataInfo"));
+      let data = {
+        id: formInfo.id,
+      };
+      geteditExistAccount(e, data)
+        .then((res) => {
+          handelResponse(
+            res,
+            (response, msg) => {},
+            (err) => {
+              Notify.error(err);
+            }
+          );
+        })
+        .catch((err) => {});
+    }
+  }
+  cancel() {
+    let model2 = {};
+    this.setState({ model: model2 });
+    this.refs.form1.cancel();
+  }
+  componentWillMount() {
+    this.getPersonnelFn();
+    this.getCompanyFn();
+    let formInfo = JSON.parse(sessionStorage.getItem("dataInfo"));
+    if (this.props.enumer == 1) {
+      let reselData = _.cloneDeep(formInfo); //表单的信息
+      let data = {
+        name: reselData.name,
+        password: "yxtx2021",
+        account: reselData.account,
+        contact_name: reselData.contact_name,
+        company_id: { key: reselData.company_id, text: reselData.company_name },
+        identity_type: {
+          key: reselData.identity_type,
+          text: reselData.identity_type_text,
+        },
+        salesman_id: {
+          key: reselData.salesman_id,
+          text: reselData.salesman_name,
+        },
+        subject: reselData.subject,
+      };
+      let phoneTo = reselData.contact_phone;
 
-	if(this.props.enumer==0){
-	 getExistName(e).then(res=>{
-		handelResponse(res,(response,msg)=>{
-			 
-		},err=>{
-			Notify.error(err)
-		});
-	 }).catch(err=>{});
-	}else{
-		let formInfo=JSON.parse(sessionStorage.getItem('dataInfo'));
-		let data={
-			id:formInfo.id
-		}
-		geteditExistName(e,data).then(res=>{
-			handelResponse(res,(response,msg)=>{
-				 
-			},err=>{
-				Notify.error(err)
-			});
-		 }).catch(err=>{});
-	}
- }
- //校验登陆账号名称
- AccountblurFn(e){
-	 if(this.props.enumer==0){
-		 getExistAccount(e).then(res=>{
-			handelResponse(res,(response,msg)=>{	
-			},err=>{
-				Notify.error(err)
-			});
-		 }).catch(err=>{
-				
-		 });
-	 }else{
-		let formInfo=JSON.parse(sessionStorage.getItem('dataInfo'));
-		let data={
-			id:formInfo.id
-		}
-		geteditExistAccount(e,data).then(res=>{
-			handelResponse(res,(response,msg)=>{	
-			},err=>{
-				Notify.error(err)
-			});
-		 }).catch(err=>{
-		 });
-	 }
-}
-	cancel(){
-		let model2 = {}
-		this.setState({model:model2});
-		this.refs.form1.cancel();
-	}
-	componentWillMount(){
-		this.getPersonnelFn();
-		this.getCompanyFn();
-		let formInfo=JSON.parse(sessionStorage.getItem('dataInfo'));
-		if(this.props.enumer==1){
-			let reselData=_.cloneDeep(formInfo);//表单的信息
-			let data={
-				"name":reselData.name,
-				"password": 'yxtx2021',
-				"account": reselData.account,
-				"contact_name": reselData.contact_name,
-				"company_id":{key:reselData.company_id,text:reselData.company_name},
-				"identity_type":{key:reselData.identity_type,text:reselData.identity_type_text},
-				"salesman_id":{key:reselData.salesman_id,text:reselData.salesman_name},
-				"subject":reselData.subject
-			}
-			let phoneTo=reselData.contact_phone;
-			
-			
-			let phoneSwitch= this.state.phoneSwitch
-			for(let i=0;i<phoneTo.length;i++){
-				data.contact_phone=phoneTo[0];
-				if(i>0){
-					phoneSwitch[i - 1] = true;
-					let phoneName='phone'+i;
-					data[phoneName]=phoneTo[i];
-					
-				}
-			}
-			this.setState({pwdtype:'password'});
-			this.setState({phoneSwitch:phoneSwitch})
-		
-			let emailSwitch = this.state.emailSwitch
-			let emailTo=reselData.contact_email;
-			for(let i=0;i<emailTo.length;i++){
-				data.contact_email=emailTo[0];
-				if(i>0){
-					emailSwitch[i - 1] = true
-					let emailName='email'+i;
-					data[emailName]=emailTo[i];
-					
-					
-				}
-			}
-		this.setState({emailSwitch:emailSwitch})
-		 let img={}
-		 img.src=reselData.head_img;
-			this.setState({id:reselData.id,phone_nums:phoneTo.length,email_nums:emailTo.length,model:data,disabled:true,defaultFileList:[img],id:reselData.id,headImg:reselData.head_img});
-		}
-	}
-	//销售人员
-	getPersonnelFn(){
-		let _self=this;
-		getPersonnel().then(res=>{
-			handelResponse(res,(response,msg)=>{
-				let personnelList=response.map(item=>{
-					return {key:item.id,text:item.real_name}
-				});
-				
-				_self.setState({personnelList});
-			},(err)=>{
-				Notify.error(err)
-			})
-			}).catch(err=>{
-		});
-}
+      let phoneSwitch = this.state.phoneSwitch;
+      for (let i = 0; i < phoneTo.length; i++) {
+        data.contact_phone = phoneTo[0];
+        if (i > 0) {
+          phoneSwitch[i - 1] = true;
+          let phoneName = "phone" + i;
+          data[phoneName] = phoneTo[i];
+        }
+      }
+      this.setState({ pwdtype: "password" });
+      this.setState({ phoneSwitch: phoneSwitch });
 
-	//签约公司
-	getCompanyFn(){
-		let _self=this;
-		getCompany().then(res=>{
-			handelResponse(res,(response,msg)=>{
-        let companyList=response.map(item=>{
-					return {key:item.id,text:item.company_name}
-				});
-				_self.setState({companyList});
-			},(err)=>{
-				Notify.error(err)
-			})
-			}).catch(err=>{
-		});
-	}
- //添加号码
- addfieldArr(){
+      let emailSwitch = this.state.emailSwitch;
+      let emailTo = reselData.contact_email;
+      for (let i = 0; i < emailTo.length; i++) {
+        data.contact_email = emailTo[0];
+        if (i > 0) {
+          emailSwitch[i - 1] = true;
+          let emailName = "email" + i;
+          data[emailName] = emailTo[i];
+        }
+      }
+      this.setState({ emailSwitch: emailSwitch });
+      let img = {};
+      img.src = reselData.head_img;
+      this.setState({
+        id: reselData.id,
+        phone_nums: phoneTo.length,
+        email_nums: emailTo.length,
+        model: data,
+        disabled: true,
+        defaultFileList: [img],
+        id: reselData.id,
+        headImg: reselData.head_img,
+      });
+    }
+  }
+  //销售人员
+  getPersonnelFn() {
+    let _self = this;
+    getPersonnel()
+      .then((res) => {
+        handelResponse(
+          res,
+          (response, msg) => {
+            let personnelList = response.map((item) => {
+              return { key: item.id, text: item.real_name };
+            });
 
-	 let arr = this.state.phoneSwitch.filter((o)=>{
-		 
-		 return o == true
-	 })
-	 
-	 
-	 if(arr.length == 4)
-	 {
+            _self.setState({ personnelList });
+          },
+          (err) => {
+            Notify.error(err);
+          }
+        );
+      })
+      .catch((err) => {});
+  }
 
-		 Notify.clear();
-		 Notify.error('添加的手机号码数量已经达到上限！');
-	 }
-	 else{
-		 
-		 let phoneSwicth = this.state.phoneSwitch;
-		
-		 for(let i = 0;i < 4;i++)
-		 {
-			 if(phoneSwicth[i] == false)
-			 {
-				phoneSwicth[i] = true;
-				break;
-			 }
-			 
-		 }
-		 
-		    this.setState({phoneSwicth:phoneSwicth})
-	
-		 
-	 }
-	 
-	 
- }
- //添加邮箱
- addEmailArr(){
+  //签约公司
+  getCompanyFn() {
+    let _self = this;
+    getCompany()
+      .then((res) => {
+        handelResponse(
+          res,
+          (response, msg) => {
+            let companyList = response.map((item) => {
+              return { key: item.id, text: item.company_name };
+            });
+            _self.setState({ companyList });
+          },
+          (err) => {
+            Notify.error(err);
+          }
+        );
+      })
+      .catch((err) => {});
+  }
+  //添加号码
+  addfieldArr() {
+    let arr = this.state.phoneSwitch.filter((o) => {
+      return o == true;
+    });
 
- 
-	let arr = this.state.emailSwitch.filter((o)=>{
-			 return o == true
-	})
-	
-	
-	if(arr.length == 4)
-	{
-			 Notify.clear();
-			 Notify.error('添加的邮箱号码数量已经达到上限！');
-	}
-	else{
-			 
-			 let emailSwitch = this.state.emailSwitch;
-			
-			 for(let i = 0;i < 4;i++)
-			 {
-				 if(emailSwitch[i] == false)
-				 {
-					emailSwitch[i] = true;
-					break;
-				 }
-				 
-			 }
-			this.setState({emailSwitch:emailSwitch})
-	}
-	
- 
+    if (arr.length == 4) {
+      Notify.clear();
+      Notify.error("添加的手机号码数量已经达到上限！");
+    } else {
+      let phoneSwicth = this.state.phoneSwitch;
 
- }
- changeType(e){
-this.setState({pwdtype:e});
- }
- changeKind(){
-	this.setState({pwdtype:'password'});
- }
-  render(){
-		const companyOptions =this.state.companyList;
-	  //校验规则
-	  
- 
-		//销售人员
-		
-    return(
+      for (let i = 0; i < 4; i++) {
+        if (phoneSwicth[i] == false) {
+          phoneSwicth[i] = true;
+          break;
+        }
+      }
+
+      this.setState({ phoneSwicth: phoneSwicth });
+    }
+  }
+  //添加邮箱
+  addEmailArr() {
+    let arr = this.state.emailSwitch.filter((o) => {
+      return o == true;
+    });
+
+    if (arr.length == 4) {
+      Notify.clear();
+      Notify.error("添加的邮箱号码数量已经达到上限！");
+    } else {
+      let emailSwitch = this.state.emailSwitch;
+
+      for (let i = 0; i < 4; i++) {
+        if (emailSwitch[i] == false) {
+          emailSwitch[i] = true;
+          break;
+        }
+      }
+      this.setState({ emailSwitch: emailSwitch });
+    }
+  }
+  changeType(e) {
+    this.setState({ pwdtype: e });
+  }
+  changeKind() {
+    this.setState({ pwdtype: "password" });
+  }
+  render() {
+    const companyOptions = this.state.companyList;
+    //校验规则
+
+    //销售人员
+
+    return (
       <div id="addaccinfo" className="addreseller">
-	  <Form  model={this.state.model} rules={this.state.rules} ref="form1" className="addform">
-	   <FormItem labelname="分销商全称" prop="fullname" >
-			 <Ipt  onChange={(e)=>{
-				 let model2 = this.state.model;
-				 model2.name = e;
-				 this.setState({model:model2}) 
-			 }}    
-			  
-			  onClearItem={(e)=>{
-				  let model2 = this.state.model;
-				  model2.name = "";
-				  this.setState({model:model2}) 
-			  }}
-			  onblurFn={(e)=>{this.NameblurFn(e)}}
-			  countShow= {false}
-			  value={this.state.model.name}   placeholder={"请输入分销商全称"}  labelWidth={'0px'}  maxLength={32} height={'36px'} width={'520px'}   alignment={'left'}/>
-	    </FormItem>
-			<FormItem labelname="主体名称" prop="subject" >
-			 <Ipt  onChange={(e)=>{
-				 let model2 = this.state.model;
-				 model2.subject = e;
-				 this.setState({model:model2}) 
-			 }}    
-			  
-			  onClearItem={(e)=>{
-				  let model2 = this.state.model;
-				  model2.subject = "";
-				  this.setState({model:model2}) 
-			  }}
-			  countShow= {false}
-			  value={this.state.model.subject}   placeholder={"请输入主体全称"}  labelWidth={'0px'}  maxLength={32} height={'36px'} width={'520px'}   alignment={'left'}/>
-	    </FormItem>
-			
-				<FormItem labelname="登录账号" prop="account">
-				<div className="phonet">
-      <Ipt  onChange={(e)=>{
-				 let model2 = this.state.model;
-				 model2.account = e;
-				 this.setState({model:model2})
-			 }}  
-			 disabled={this.state.disabled}
-			 onblurFn={(e)=>{this.AccountblurFn(e)}}
-			  onClearItem={(e)=>{
-			  					let model2 = this.state.model;
-			  					model2.account = "";
-			  					this.setState({model:model2})
-			  				 }}
-			    countShow= {false}
-			  value={this.state.model.account}   placeholder={"请输入登录账号"}  labelWidth={'0px'}  maxLength={32} height={'36px'} width={'520px'}   alignment={'left'}/>
-			 	 {
-						this.props.enumer==0?<CopyButton text={'账号：'+this.state.model.account+';密码：'+this.state.model.password} onCopySuccess={()=>{Notify.clear();Notify.success('复制成功！');}}>
-						<Button type="info" disabled={!this.state.model.account||this.state.model.password.length<6}>复制账号密码</Button>
-					</CopyButton>:null
-					}
-	</div>
-			  </FormItem>
-			
-			
-        <FormItem labelname="密码" prop="pwd">
-      <Ipt  markedShow={(e)=>{this.changeType(e)}} kind={this.state.pwdtype} onChange={(e)=>{
-        
-				 let model2 = this.state.model;
-				 model2.password = e;
-				 this.setState({model:model2})
-			 }}   
-			 disabled={this.state.disabled}
-				 countShow= {true}
-				 onfocusFn={(e)=>this.changeKind()}
-			 onClearItem={(e)=>{
-			 					let model2 = this.state.model;
-			 					model2.password = '';
-			 					this.setState({model:model2})
-			 				 }}
-			 value={this.state.model.password}   placeholder={"请输入密码"} 
-			  labelWidth={'0px'}  maxLength={16} height={'36px'} width={'520px'}   alignment={'left'}/>
-			  </FormItem>	
-        <FormItem labelname="联系人" prop="contacts">
-      <Ipt  onChange={(e)=>{
-				 let model2 = this.state.model;
-				 model2.contact_name = e;
-				 this.setState({model:model2})
-			 }}  
-			  
-			  onClearItem={(e)=>{
-			  					let model2 = this.state.model;
-			  					model2.contact_name = '';
-			  					this.setState({model:model2})
-			  				 }}
-			    countShow= {true}
-			  value={this.state.model.contact_name}   placeholder={"请输入联系人"}  labelWidth={'0px'}  maxLength={16} height={'36px'} width={'520px'}   alignment={'left'}/>
-			  </FormItem>	
-        <FormItem labelname="联系人手机号" prop="contacts_phone">
-        <div className="phonet">
-      <Ipt  onChange={(e)=>{
-				 let model2 = this.state.model;
-				 model2.contact_phone = e;
-				 this.setState({model:model2})
-			 }}  
-			  
-			  onClearItem={(e)=>{
-			  					let model2 = this.state.model;
-			  					model2.contact_phone = '';
-			  					this.setState({model:model2})
-			  				 }}
-			    countShow= {false}
-			  value={this.state.model.contact_phone}   placeholder={"请输入联系人手机号"}  labelWidth={'0px'}  maxLength={11} height={'36px'} width={'520px'}   alignment={'left'}/>
-			  	 <Button onClick={()=>this.addfieldArr()} >添加号码</Button>
-        </div>
-        </FormItem>	
-		
-		{
-			this.state.phoneSwitch[0] == true ?
-		(	
-		<FormItem labelname={"联系人手机号1"} prop={"phone1"} id={"phone1"}>
-		 <div className="phonet">
-			<Ipt  onChange={(e)=>{
-				let model2 = this.state.model;
-				model2.phone1 = e;
-				this.setState({model:model2}) 
-				Bus.emit('input',"phone1" ,e);
-			}}    
-			 
-			 onClearItem={(e)=>{
-				  let model2 = this.state.model;
-				  model2.phone1 = "";
-				  this.setState({model:model2}) 
-			 }}
-			 countShow= {false}
-			 value={this.state.model.phone1}   placeholder={"请输入联系人手机号"}  labelWidth={'0px'}  maxLength={11} height={'36px'} width={'520px'}   alignment={'left'}/>
-		  <Button type="danger" onClick={(e)=>{	
-			  
-			  let model2 = this.state.model;
-			  model2.phone1 = "";
-			  this.setState({model:model2}) 
-				let swicth = this.state.phoneSwitch;
-				swicth[0] = false;
-				this.setState({phoneSwitch:swicth})
-				let nums = this.state.phone_nums-1;
-				this.setState({phone_nums:nums})}} >删除此项</Button>
-        </div>
-		 </FormItem> 
-		) : null
-		
-		
-		}
-		{
-			this.state.phoneSwitch[1] == true  ?
-		(	
-		<FormItem labelname={"联系人手机号2"} prop={"phone2"} id={"phone2"}>
-		<div className="phonet">
-			<Ipt  onChange={(e)=>{
+        <Form
+          model={this.state.model}
+          rules={this.state.rules}
+          ref="form1"
+          className="addform"
+        >
+          <FormItem labelname="分销商全称" prop="fullname">
+            <Ipt
+              onChange={(e) => {
+                let model2 = this.state.model;
+                model2.name = e;
+                this.setState({ model: model2 });
+              }}
+              onClearItem={(e) => {
+                let model2 = this.state.model;
+                model2.name = "";
+                this.setState({ model: model2 });
+              }}
+              onblurFn={(e) => {
+                this.NameblurFn(e);
+              }}
+              countShow={false}
+              value={this.state.model.name}
+              placeholder={"请输入分销商全称"}
+              labelWidth={"0px"}
+              maxLength={32}
+              height={"36px"}
+              width={"520px"}
+              alignment={"left"}
+            />
+          </FormItem>
+          <FormItem labelname="主体名称" prop="subject">
+            <Ipt
+              onChange={(e) => {
+                let model2 = this.state.model;
+                model2.subject = e;
+                this.setState({ model: model2 });
+              }}
+              onClearItem={(e) => {
+                let model2 = this.state.model;
+                model2.subject = "";
+                this.setState({ model: model2 });
+              }}
+              countShow={false}
+              value={this.state.model.subject}
+              placeholder={"请输入主体全称"}
+              labelWidth={"0px"}
+              maxLength={32}
+              height={"36px"}
+              width={"520px"}
+              alignment={"left"}
+            />
+          </FormItem>
 
-				let model2 = this.state.model;
-				model2.phone2 = e;
-				this.setState({model:model2}) 
-						Bus.emit('input',"phone2" ,e);
-			}}    
-			 
-			 onClearItem={(e)=>{
-				  
-				  let model2 = this.state.model;
-					model2.phone2 = "";
-				  this.setState({model:model2}) 
-				 
-			 }}
-			 countShow= {false}
-			 value={this.state.model.phone2}   placeholder={"请输入联系人手机号"}  labelWidth={'0px'}  maxLength={11} height={'36px'} width={'520px'}   alignment={'left'}/>
-		 <Button type="danger" onClick={(e)=>{	
-			 
-				let model2 = this.state.model;
-				model2.phone2 = "";
-				this.setState({model:model2}) 
-				
-				let swicth = this.state.phoneSwitch;
-				swicth[1] = false;
-				this.setState({phoneSwitch:swicth})
-						let nums = this.state.phone_nums-1;
-				this.setState({phone_nums:nums})}} >删除此项</Button>
-        </div>
-		 </FormItem> 
-		) : null
-		
-		
-		}
-		{
-				this.state.phoneSwitch[2] == true  ?
-		(	
-		<FormItem labelname={"联系人手机号3"} prop={"phone3"} id={"phone3"}>
-		<div className="phonet">
-			<Ipt  onChange={(e)=>{
+          <FormItem labelname="登录账号" prop="account">
+            <div className="phonet">
+              <Ipt
+                onChange={(e) => {
+                  let model2 = this.state.model;
+                  model2.account = e;
+                  this.setState({ model: model2 });
+                }}
+                disabled={this.state.disabled}
+                onblurFn={(e) => {
+                  this.AccountblurFn(e);
+                }}
+                onClearItem={(e) => {
+                  let model2 = this.state.model;
+                  model2.account = "";
+                  this.setState({ model: model2 });
+                }}
+                countShow={false}
+                value={this.state.model.account}
+                placeholder={"请输入登录账号"}
+                labelWidth={"0px"}
+                maxLength={32}
+                height={"36px"}
+                width={"520px"}
+                alignment={"left"}
+              />
+              {this.props.enumer == 0 ? (
+                <CopyButton
+                  text={
+                    "账号：" +
+                    this.state.model.account +
+                    ";密码：" +
+                    this.state.model.password
+                  }
+                  onCopySuccess={() => {
+                    Notify.clear();
+                    Notify.success("复制成功！");
+                  }}
+                >
+                  <Button
+                    type="info"
+                    disabled={
+                      !this.state.model.account ||
+                      this.state.model.password.length < 6
+                    }
+                  >
+                    复制账号密码
+                  </Button>
+                </CopyButton>
+              ) : null}
+            </div>
+          </FormItem>
 
-				let model2 = this.state.model;
-				model2.phone3 = e;
-				this.setState({model:model2}) 
-				Bus.emit('input',"phone3" ,e);
-			}}    
-			 
-			 onClearItem={(e)=>{
-				  
-				  let model2 = this.state.model;
-					model2.phone3 = "";
-				  this.setState({model:model2}) 
-				  
-			 }}
-			 countShow= {false}
-			 value={this.state.model.phone3}   placeholder={"请输入联系人手机号"}  labelWidth={'0px'}  maxLength={11} height={'36px'} width={'520px'}   alignment={'left'}/>
-		 <Button type="danger" onClick={(e)=>{	
-				
-				let model2 = this.state.model;
-				model2.phone3 = "";
-				this.setState({model:model2}) 
-				
-				let swicth = this.state.phoneSwitch;
-				swicth[2] = false;
-				this.setState({phoneSwitch:swicth})
-						let nums = this.state.phone_nums-1;
-			
-				this.setState({phone_nums:nums })}} >删除此项</Button>
-        </div>
-		 </FormItem> 
-		) : null
-		
-		
-		}
-		{
-				this.state.phoneSwitch[3] == true  ?
-		(	
-		<FormItem labelname={"联系人手机号4"} prop={"phone4"} id={"phone4"}>
-		<div className="phonet">
-			<Ipt  onChange={(e)=>{
+          <FormItem labelname="密码" prop="pwd">
+            <Ipt
+              markedShow={(e) => {
+                this.changeType(e);
+              }}
+              kind={this.state.pwdtype}
+              onChange={(e) => {
+                let model2 = this.state.model;
+                model2.password = e;
+                this.setState({ model: model2 });
+              }}
+              disabled={this.state.disabled}
+              countShow={true}
+              onfocusFn={(e) => this.changeKind()}
+              onClearItem={(e) => {
+                let model2 = this.state.model;
+                model2.password = "";
+                this.setState({ model: model2 });
+              }}
+              value={this.state.model.password}
+              placeholder={"请输入密码"}
+              labelWidth={"0px"}
+              maxLength={16}
+              height={"36px"}
+              width={"520px"}
+              alignment={"left"}
+            />
+          </FormItem>
+          <FormItem labelname="联系人" prop="contacts">
+            <Ipt
+              onChange={(e) => {
+                let model2 = this.state.model;
+                model2.contact_name = e;
+                this.setState({ model: model2 });
+              }}
+              onClearItem={(e) => {
+                let model2 = this.state.model;
+                model2.contact_name = "";
+                this.setState({ model: model2 });
+              }}
+              countShow={true}
+              value={this.state.model.contact_name}
+              placeholder={"请输入联系人"}
+              labelWidth={"0px"}
+              maxLength={16}
+              height={"36px"}
+              width={"520px"}
+              alignment={"left"}
+            />
+          </FormItem>
+          <FormItem labelname="联系人手机号" prop="contacts_phone">
+            <div className="phonet">
+              <Ipt
+                onChange={(e) => {
+                  let model2 = this.state.model;
+                  model2.contact_phone = e;
+                  this.setState({ model: model2 });
+                }}
+                onClearItem={(e) => {
+                  let model2 = this.state.model;
+                  model2.contact_phone = "";
+                  this.setState({ model: model2 });
+                }}
+                countShow={false}
+                value={this.state.model.contact_phone}
+                placeholder={"请输入联系人手机号"}
+                labelWidth={"0px"}
+                maxLength={11}
+                height={"36px"}
+                width={"520px"}
+                alignment={"left"}
+              />
+              <Button onClick={() => this.addfieldArr()}>添加号码</Button>
+            </div>
+          </FormItem>
 
-				let model2 = this.state.model;
-				model2.phone4 = e;
-				this.setState({model:model2}) 
-				Bus.emit('input',"phone4" ,e);
-			}}    
-			 
-			 onClearItem={(e)=>{
-				  
-				  let model2 = this.state.model;
-					model2.phone4 = "";
-				  this.setState({model:model2}) 
-				 
-			 }}
-			 countShow= {false}
-			 value={this.state.model.phone4}   placeholder={"请输入联系人手机号"}  labelWidth={'0px'}  maxLength={11} height={'36px'} width={'520px'}   alignment={'left'}/>
-		  <Button type="danger" onClick={(e)=>{	
-			  
-				let model2 = this.state.model;
-				model2.phone4 = "";
-				this.setState({model:model2}) 
-			  
-				let swicth = this.state.phoneSwitch;
-				swicth[3] = false;
-				this.setState({phoneSwitch:swicth})
-				let nums = this.state.phone_nums-1;
-		
-				this.setState({phone_nums:nums })}} >删除此项</Button>
-        </div>
-		 </FormItem> 
-		) : null
-		
-		
-		}
-		
-	
-        <FormItem labelname="联系人邮箱" prop="contacts_email" id="contacts_email">
-				<div className="phonet">
-      <Ipt  onChange={(e)=>{
-        
-				 let model2 = this.state.model;
-				 model2.contact_email = e;
-				 this.setState({model:model2})
-			 }}  
-			  
-			  onClearItem={(e)=>{
-			  					let model2 = this.state.model;
-								model2.contact_email = '';
-			  					this.setState({model:model2})
-			  				 }}
-			     countShow= {false}
-			  value={this.state.model.contact_email}   placeholder={"请输入联系人邮箱"}  labelWidth={'0px'}  maxLength={50} height={'36px'} width={'520px'}   alignment={'left'}/>
-		
+          {this.state.phoneSwitch[0] == true ? (
+            <FormItem labelname={"联系人手机号1"} prop={"phone1"} id={"phone1"}>
+              <div className="phonet">
+                <Ipt
+                  onChange={(e) => {
+                    let model2 = this.state.model;
+                    model2.phone1 = e;
+                    this.setState({ model: model2 });
+                    Bus.emit("input", "phone1", e);
+                  }}
+                  onClearItem={(e) => {
+                    let model2 = this.state.model;
+                    model2.phone1 = "";
+                    this.setState({ model: model2 });
+                  }}
+                  countShow={false}
+                  value={this.state.model.phone1}
+                  placeholder={"请输入联系人手机号"}
+                  labelWidth={"0px"}
+                  maxLength={11}
+                  height={"36px"}
+                  width={"520px"}
+                  alignment={"left"}
+                />
+                <Button
+                  type="danger"
+                  onClick={(e) => {
+                    let model2 = this.state.model;
+                    model2.phone1 = "";
+                    this.setState({ model: model2 });
+                    let swicth = this.state.phoneSwitch;
+                    swicth[0] = false;
+                    this.setState({ phoneSwitch: swicth });
+                    let nums = this.state.phone_nums - 1;
+                    this.setState({ phone_nums: nums });
+                  }}
+                >
+                  删除此项
+                </Button>
+              </div>
+            </FormItem>
+          ) : null}
+          {this.state.phoneSwitch[1] == true ? (
+            <FormItem labelname={"联系人手机号2"} prop={"phone2"} id={"phone2"}>
+              <div className="phonet">
+                <Ipt
+                  onChange={(e) => {
+                    let model2 = this.state.model;
+                    model2.phone2 = e;
+                    this.setState({ model: model2 });
+                    Bus.emit("input", "phone2", e);
+                  }}
+                  onClearItem={(e) => {
+                    let model2 = this.state.model;
+                    model2.phone2 = "";
+                    this.setState({ model: model2 });
+                  }}
+                  countShow={false}
+                  value={this.state.model.phone2}
+                  placeholder={"请输入联系人手机号"}
+                  labelWidth={"0px"}
+                  maxLength={11}
+                  height={"36px"}
+                  width={"520px"}
+                  alignment={"left"}
+                />
+                <Button
+                  type="danger"
+                  onClick={(e) => {
+                    let model2 = this.state.model;
+                    model2.phone2 = "";
+                    this.setState({ model: model2 });
 
-   <Button onClick={()=>this.addEmailArr()} >添加邮箱</Button>
-        </div>
-        </FormItem>	
-				{
-				this.state.emailSwitch[0] == true  ? 
-		(	
-		<FormItem labelname={"联系人邮箱1"} prop={"email1"} id={"email1"}>
-		<div className="phonet">
-			<Ipt  onChange={(e)=>{
-				let model2 = this.state.model;
-				model2.email1 = e;
-				this.setState({model:model2}) 
-				Bus.emit('input',"email1" ,e);
-			}}    
-			 
-			 onClearItem={(e)=>{
-				  
-				  let model2 = this.state.model;
-					model2.email1 = "";
-				  this.setState({model:model2}) 
-			 }}
-			 countShow= {false}
-			 value={this.state.model.email1}   placeholder={"请输入联系人邮箱"}  labelWidth={'0px'}  maxLength={50} height={'36px'} width={'520px'}   alignment={'left'}/>
-		  <Button type="danger" onClick={(e)=>{	
-					let model2 = this.state.model;
-					model2.email1 = "";
-					this.setState({model:model2}) 
-									let swicth = this.state.emailSwitch;
-									swicth[0] = false;
-									this.setState({emailSwitch:swicth})
-					
-					}} >删除此项</Button>
-        </div>
-		 </FormItem>   
-		) : null
-		
-		
-		}
-		{
-			this.state.emailSwitch[1] == true ?
-		(	
-		<FormItem labelname={"联系人邮箱2"} prop={"email2"} id={"email2"}>
-		<div className="phonet">
-			<Ipt  onChange={(e)=>{
-				let model2 = this.state.model;
-				model2.email2 = e;
-				this.setState({model:model2}) 
-				Bus.emit('input',"email2" ,e);
-			}}    
-			 
-			 onClearItem={(e)=>{
-				  
-				  let model2 = this.state.model;
-					model2.email2 = "";
-				  this.setState({model:model2}) 
-			 }}
-	
-			 countShow= {false}
-			 value={this.state.model.email2}   placeholder={"请输入联系人邮箱"}  labelWidth={'0px'}  maxLength={50} height={'36px'} width={'520px'}   alignment={'left'}/>
-		 <Button type="danger" onClick={(e)=>{
-			 
-			 let model2 = this.state.model;
-			 model2.email2 = "";
-			 this.setState({model:model2}) 
-			 				let swicth = this.state.emailSwitch;
-			 				swicth[1] = false;
-			 				this.setState({emailSwitch:swicth})
-			 
-	}} >删除此项</Button>
-        </div>
-		 </FormItem> 
-		) : null
-		
-		
-		}
-		{
-			this.state.emailSwitch[2] == true  ?
-		(	
-		<FormItem labelname={"联系人邮箱3"} prop={"email3"} id={"email3"}>
-		<div className="phonet">
-			<Ipt  onChange={(e)=>{
-				let model2 = this.state.model;
-				model2.email3 = e;
-				this.setState({model:model2}) 
-				Bus.emit('input',"email3" ,e);
-			}}    
-			 
-			 onClearItem={(e)=>{
-				  
-				  let model2 = this.state.model;
-					model2.email3 = "";
-				  this.setState({model:model2}) 
-			 }}
+                    let swicth = this.state.phoneSwitch;
+                    swicth[1] = false;
+                    this.setState({ phoneSwitch: swicth });
+                    let nums = this.state.phone_nums - 1;
+                    this.setState({ phone_nums: nums });
+                  }}
+                >
+                  删除此项
+                </Button>
+              </div>
+            </FormItem>
+          ) : null}
+          {this.state.phoneSwitch[2] == true ? (
+            <FormItem labelname={"联系人手机号3"} prop={"phone3"} id={"phone3"}>
+              <div className="phonet">
+                <Ipt
+                  onChange={(e) => {
+                    let model2 = this.state.model;
+                    model2.phone3 = e;
+                    this.setState({ model: model2 });
+                    Bus.emit("input", "phone3", e);
+                  }}
+                  onClearItem={(e) => {
+                    let model2 = this.state.model;
+                    model2.phone3 = "";
+                    this.setState({ model: model2 });
+                  }}
+                  countShow={false}
+                  value={this.state.model.phone3}
+                  placeholder={"请输入联系人手机号"}
+                  labelWidth={"0px"}
+                  maxLength={11}
+                  height={"36px"}
+                  width={"520px"}
+                  alignment={"left"}
+                />
+                <Button
+                  type="danger"
+                  onClick={(e) => {
+                    let model2 = this.state.model;
+                    model2.phone3 = "";
+                    this.setState({ model: model2 });
 
-			 countShow= {false}
-			 value={this.state.model.email3}   placeholder={"请输入联系人邮箱"}  labelWidth={'0px'}  maxLength={50} height={'36px'} width={'520px'}   alignment={'left'}/>
-		 <Button type="danger" onClick={(e)=>{	
-				let model2 = this.state.model;
-				model2.email3 = "";
-				this.setState({model:model2}) 
-								let swicth = this.state.emailSwitch;
-								swicth[2] = false;
-								this.setState({emailSwitch:swicth})
-				
-				
-				}} >删除此项</Button>
-        </div>
-		 </FormItem> 
-		) : null
-		
-		
-		}
-		{
-			this.state.emailSwitch[3] == true ?
-		(	
-		<FormItem labelname={"联系人邮箱4"} prop={"email4"} id={"email4"}>
-		<div className="phonet">
-			<Ipt  onChange={(e)=>{
-				let model2 = this.state.model;
-				model2.email4 = e;
-				this.setState({model:model2}) 
-				Bus.emit('input',"email4" ,e);
-			}}    
-			 
-			 onClearItem={(e)=>{
-				  
-				  let model2 = this.state.model;
-					model2.email4 = "";
-					this.setState({model:model2}) 
-				 
-			 }}
-	
-			 countShow= {false}
-			 value={this.state.model.email4}   placeholder={"请输入联系人邮箱"}  labelWidth={'0px'}  maxLength={50} height={'36px'} width={'520px'}   alignment={'left'}/>
-		 <Button type="danger" onClick={(e)=>{	
-			
-			let model2 = this.state.model;
-			model2.email4 = "";
-			this.setState({model:model2}) 
-							let swicth = this.state.emailSwitch;
-							swicth[3] = false;
-							this.setState({emailSwitch:swicth})
-			
-			
-			}} >删除此项</Button>
-        </div>
-		 </FormItem> 
-		) : null
-		
-		
-		}
-        <FormItem  prop="sale" labelname="销售人员" id="sale" >
-        <Select    options={this.state.personnelList} clearable placeholder="请选择销售人员" value={this.state.model.salesman_id}    onChange={(e)=>{
-			this.onsaleChange(e)
-		    Bus.emit('change',"sale" ,e);
-		}}      popupWidth="360px" width="520px"/>
-			  </FormItem>	
-        <FormItem  prop="identity" labelname="身份类型" id="identity" >
-        <Select    options={this.state.identityType} clearable placeholder="请选择身份类型" value={this.state.model.identity_type}    onChange={(e)=>{
-			this.onidentityChange(e)
-		    Bus.emit('change',"identity" ,e);
-		}}      popupWidth="360px" width="520px"/>
-			  </FormItem>	
-        <FormItem  prop="sign" labelname="签约公司" id="sign" >
-        <Select    options={this.state.companyList} clearable placeholder="请选择签约公司" value={this.state.model.company_id}    onChange={(e)=>{
-			this.onsignChange(e)
-		    Bus.emit('change',"sign" ,e);
-		}}      popupWidth="520px" width="520px"/>
-			  </FormItem>	
+                    let swicth = this.state.phoneSwitch;
+                    swicth[2] = false;
+                    this.setState({ phoneSwitch: swicth });
+                    let nums = this.state.phone_nums - 1;
+
+                    this.setState({ phone_nums: nums });
+                  }}
+                >
+                  删除此项
+                </Button>
+              </div>
+            </FormItem>
+          ) : null}
+          {this.state.phoneSwitch[3] == true ? (
+            <FormItem labelname={"联系人手机号4"} prop={"phone4"} id={"phone4"}>
+              <div className="phonet">
+                <Ipt
+                  onChange={(e) => {
+                    let model2 = this.state.model;
+                    model2.phone4 = e;
+                    this.setState({ model: model2 });
+                    Bus.emit("input", "phone4", e);
+                  }}
+                  onClearItem={(e) => {
+                    let model2 = this.state.model;
+                    model2.phone4 = "";
+                    this.setState({ model: model2 });
+                  }}
+                  countShow={false}
+                  value={this.state.model.phone4}
+                  placeholder={"请输入联系人手机号"}
+                  labelWidth={"0px"}
+                  maxLength={11}
+                  height={"36px"}
+                  width={"520px"}
+                  alignment={"left"}
+                />
+                <Button
+                  type="danger"
+                  onClick={(e) => {
+                    let model2 = this.state.model;
+                    model2.phone4 = "";
+                    this.setState({ model: model2 });
+
+                    let swicth = this.state.phoneSwitch;
+                    swicth[3] = false;
+                    this.setState({ phoneSwitch: swicth });
+                    let nums = this.state.phone_nums - 1;
+
+                    this.setState({ phone_nums: nums });
+                  }}
+                >
+                  删除此项
+                </Button>
+              </div>
+            </FormItem>
+          ) : null}
+
+          <FormItem
+            labelname="联系人邮箱"
+            prop="contacts_email"
+            id="contacts_email"
+          >
+            <div className="phonet">
+              <Ipt
+                onChange={(e) => {
+                  let model2 = this.state.model;
+                  model2.contact_email = e;
+                  this.setState({ model: model2 });
+                }}
+                onClearItem={(e) => {
+                  let model2 = this.state.model;
+                  model2.contact_email = "";
+                  this.setState({ model: model2 });
+                }}
+                countShow={false}
+                value={this.state.model.contact_email}
+                placeholder={"请输入联系人邮箱"}
+                labelWidth={"0px"}
+                maxLength={50}
+                height={"36px"}
+                width={"520px"}
+                alignment={"left"}
+              />
+
+              <Button onClick={() => this.addEmailArr()}>添加邮箱</Button>
+            </div>
+          </FormItem>
+          {this.state.emailSwitch[0] == true ? (
+            <FormItem labelname={"联系人邮箱1"} prop={"email1"} id={"email1"}>
+              <div className="phonet">
+                <Ipt
+                  onChange={(e) => {
+                    let model2 = this.state.model;
+                    model2.email1 = e;
+                    this.setState({ model: model2 });
+                    Bus.emit("input", "email1", e);
+                  }}
+                  onClearItem={(e) => {
+                    let model2 = this.state.model;
+                    model2.email1 = "";
+                    this.setState({ model: model2 });
+                  }}
+                  countShow={false}
+                  value={this.state.model.email1}
+                  placeholder={"请输入联系人邮箱"}
+                  labelWidth={"0px"}
+                  maxLength={50}
+                  height={"36px"}
+                  width={"520px"}
+                  alignment={"left"}
+                />
+                <Button
+                  type="danger"
+                  onClick={(e) => {
+                    let model2 = this.state.model;
+                    model2.email1 = "";
+                    this.setState({ model: model2 });
+                    let swicth = this.state.emailSwitch;
+                    swicth[0] = false;
+                    this.setState({ emailSwitch: swicth });
+                  }}
+                >
+                  删除此项
+                </Button>
+              </div>
+            </FormItem>
+          ) : null}
+          {this.state.emailSwitch[1] == true ? (
+            <FormItem labelname={"联系人邮箱2"} prop={"email2"} id={"email2"}>
+              <div className="phonet">
+                <Ipt
+                  onChange={(e) => {
+                    let model2 = this.state.model;
+                    model2.email2 = e;
+                    this.setState({ model: model2 });
+                    Bus.emit("input", "email2", e);
+                  }}
+                  onClearItem={(e) => {
+                    let model2 = this.state.model;
+                    model2.email2 = "";
+                    this.setState({ model: model2 });
+                  }}
+                  countShow={false}
+                  value={this.state.model.email2}
+                  placeholder={"请输入联系人邮箱"}
+                  labelWidth={"0px"}
+                  maxLength={50}
+                  height={"36px"}
+                  width={"520px"}
+                  alignment={"left"}
+                />
+                <Button
+                  type="danger"
+                  onClick={(e) => {
+                    let model2 = this.state.model;
+                    model2.email2 = "";
+                    this.setState({ model: model2 });
+                    let swicth = this.state.emailSwitch;
+                    swicth[1] = false;
+                    this.setState({ emailSwitch: swicth });
+                  }}
+                >
+                  删除此项
+                </Button>
+              </div>
+            </FormItem>
+          ) : null}
+          {this.state.emailSwitch[2] == true ? (
+            <FormItem labelname={"联系人邮箱3"} prop={"email3"} id={"email3"}>
+              <div className="phonet">
+                <Ipt
+                  onChange={(e) => {
+                    let model2 = this.state.model;
+                    model2.email3 = e;
+                    this.setState({ model: model2 });
+                    Bus.emit("input", "email3", e);
+                  }}
+                  onClearItem={(e) => {
+                    let model2 = this.state.model;
+                    model2.email3 = "";
+                    this.setState({ model: model2 });
+                  }}
+                  countShow={false}
+                  value={this.state.model.email3}
+                  placeholder={"请输入联系人邮箱"}
+                  labelWidth={"0px"}
+                  maxLength={50}
+                  height={"36px"}
+                  width={"520px"}
+                  alignment={"left"}
+                />
+                <Button
+                  type="danger"
+                  onClick={(e) => {
+                    let model2 = this.state.model;
+                    model2.email3 = "";
+                    this.setState({ model: model2 });
+                    let swicth = this.state.emailSwitch;
+                    swicth[2] = false;
+                    this.setState({ emailSwitch: swicth });
+                  }}
+                >
+                  删除此项
+                </Button>
+              </div>
+            </FormItem>
+          ) : null}
+          {this.state.emailSwitch[3] == true ? (
+            <FormItem labelname={"联系人邮箱4"} prop={"email4"} id={"email4"}>
+              <div className="phonet">
+                <Ipt
+                  onChange={(e) => {
+                    let model2 = this.state.model;
+                    model2.email4 = e;
+                    this.setState({ model: model2 });
+                    Bus.emit("input", "email4", e);
+                  }}
+                  onClearItem={(e) => {
+                    let model2 = this.state.model;
+                    model2.email4 = "";
+                    this.setState({ model: model2 });
+                  }}
+                  countShow={false}
+                  value={this.state.model.email4}
+                  placeholder={"请输入联系人邮箱"}
+                  labelWidth={"0px"}
+                  maxLength={50}
+                  height={"36px"}
+                  width={"520px"}
+                  alignment={"left"}
+                />
+                <Button
+                  type="danger"
+                  onClick={(e) => {
+                    let model2 = this.state.model;
+                    model2.email4 = "";
+                    this.setState({ model: model2 });
+                    let swicth = this.state.emailSwitch;
+                    swicth[3] = false;
+                    this.setState({ emailSwitch: swicth });
+                  }}
+                >
+                  删除此项
+                </Button>
+              </div>
+            </FormItem>
+          ) : null}
+          <FormItem prop="sale" labelname="销售人员" id="sale">
+            <Select
+              options={this.state.personnelList}
+              clearable
+              placeholder="请选择销售人员"
+              value={this.state.model.salesman_id}
+              onChange={(e) => {
+                this.onsaleChange(e);
+                Bus.emit("change", "sale", e);
+              }}
+              popupWidth="360px"
+              width="520px"
+            />
+          </FormItem>
+          <FormItem prop="identity" labelname="身份类型" id="identity">
+            <Select
+              options={this.state.identityType}
+              clearable
+              placeholder="请选择身份类型"
+              value={this.state.model.identity_type}
+              onChange={(e) => {
+                this.onidentityChange(e);
+                Bus.emit("change", "identity", e);
+              }}
+              popupWidth="360px"
+              width="520px"
+            />
+          </FormItem>
+          <FormItem prop="sign" labelname="签约公司" id="sign">
+            <Select
+              options={this.state.companyList}
+              clearable
+              placeholder="请选择签约公司"
+              value={this.state.model.company_id}
+              onChange={(e) => {
+                this.onsignChange(e);
+                Bus.emit("change", "sign", e);
+              }}
+              popupWidth="520px"
+              width="520px"
+            />
+          </FormItem>
+
+          <FormItem
+            prop="direct_reseller_id"
+            labelname="映射分销商"
+            id="direct_reseller_id"
+          >
+            <UseLazyLoadingSelect
+              options={this.state.directList}
+              clearable
+              page={this.state.page}
+              placeholder="请选择映射分销商"
+              value={this.state.model.direct_reseller_id}
+              onChangePage={this.onChangePageSelect.bind(this)}
+              onChange={(e) => {
+                this.onDirectChange(e);
+                Bus.emit("change", "direct_reseller_id", e);
+              }}
+              width="520px"
+            ></UseLazyLoadingSelect>
+          </FormItem>
         </Form>
 
         <div className="mypic">
-      <b>分销商头像</b>
-      <div className="changepic dflexac">
-			{
-                this.state.defaultFileList[0].src.includes('lsxd')?(<ImageUpload
-                    className="zent-image-upload-demo"
-                    maxSize={500* 1024}
-                    tips="建议尺寸 80*80，图片不超过 500kb"
-                    maxAmount={1}
-                    onChange={(e)=>{this.onUploadChange(e)}}
-                    onUpload={this.onUpload}
-										defaultFileList={this.state.defaultFileList}
-										onError={this.onUploadError}
-                />):(<ImageUpload
-                    className="zent-image-upload-demo"
-                    maxSize={500 * 1024}
-                    tips="建议尺寸 80*80，图片不超过 500kb"
-                    maxAmount={1}
-                    onChange={(e)=>{this.onUploadChange(e)}}
-										onUpload={this.onUpload}
-										onError={this.onUploadError}
-                />)
-            }
+          <b>分销商头像</b>
+          <div className="changepic dflexac">
+            {this.state.defaultFileList[0].src.includes("lsxd") ? (
+              <ImageUpload
+                className="zent-image-upload-demo"
+                maxSize={500 * 1024}
+                tips="建议尺寸 80*80，图片不超过 500kb"
+                maxAmount={1}
+                onChange={(e) => {
+                  this.onUploadChange(e);
+                }}
+                onUpload={this.onUpload}
+                defaultFileList={this.state.defaultFileList}
+                onError={this.onUploadError}
+              />
+            ) : (
+              <ImageUpload
+                className="zent-image-upload-demo"
+                maxSize={500 * 1024}
+                tips="建议尺寸 80*80，图片不超过 500kb"
+                maxAmount={1}
+                onChange={(e) => {
+                  this.onUploadChange(e);
+                }}
+                onUpload={this.onUpload}
+                onError={this.onUploadError}
+              />
+            )}
+          </div>
         </div>
-    </div>		
       </div>
-    )
+    );
   }
 }
-
diff --git a/yarn.lock b/yarn.lock
index 8a381d1f..865f2dc3 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -1104,6 +1104,13 @@
   dependencies:
     regenerator-runtime "^0.13.4"
 
+"@babel/runtime@^7.0.0":
+  version "7.17.9"
+  resolved "https://repo.huaweicloud.com/repository/npm/@babel/runtime/-/runtime-7.17.9.tgz#d19fbf802d01a8cb6cf053a64e472d42c434ba72"
+  integrity sha512-lSiBBvodq29uShpWGNbgFdKYNiFDo5/HIYsaCEY9ff4sb10x9jizo2+pRrSyF4jKZCXqgzuqBOQKbUm90gQwJg==
+  dependencies:
+    regenerator-runtime "^0.13.4"
+
 "@babel/runtime@^7.1.2", "@babel/runtime@^7.12.1", "@babel/runtime@^7.12.13", "@babel/runtime@^7.12.5", "@babel/runtime@^7.8.7", "@babel/runtime@^7.9.2":
   version "7.15.4"
   resolved "https://registry.yarnpkg.com/@babel/runtime/-/runtime-7.15.4.tgz#fd17d16bfdf878e6dd02d19753a39fa8a8d9c84a"
@@ -7419,6 +7426,11 @@ media-typer@0.3.0:
   resolved "https://registry.yarnpkg.com/media-typer/-/media-typer-0.3.0.tgz#8710d7af0aa626f8fffa1ce00168545263255748"
   integrity sha1-hxDXrwqmJvj/+hzgAWhUUmMlV0g=
 
+"memoize-one@>=3.1.1 <6":
+  version "5.2.1"
+  resolved "https://repo.huaweicloud.com/repository/npm/memoize-one/-/memoize-one-5.2.1.tgz#8337aa3c4335581839ec01c3d594090cebe8f00e"
+  integrity sha512-zYiwtZUcYyXKo/np96AGZAckk+FWWsUdJ3cHGGmld7+AhvcWmQyGCYUh1hc4Q/pkOhb65dQR/pqCyK0cOaHz4Q==
+
 memory-fs@^0.4.1:
   version "0.4.1"
   resolved "https://registry.yarnpkg.com/memory-fs/-/memory-fs-0.4.1.tgz#3a9a20b8462523e447cfbc7e8bb80ed667bfc552"
@@ -9555,6 +9567,14 @@ react-validate-framework@^0.15.6:
     prop-types "^15.5.10"
     validate-framework-utils "^0.6.4"
 
+react-window@^1.8.6:
+  version "1.8.6"
+  resolved "https://repo.huaweicloud.com/repository/npm/react-window/-/react-window-1.8.6.tgz#d011950ac643a994118632665aad0c6382e2a112"
+  integrity sha512-8VwEEYyjz6DCnGBsd+MgkD0KJ2/OXFULyDtorIiTz+QzwoP94tBoA7CnbtyXMm+cCeAUER5KJcPtWl9cpKbOBg==
+  dependencies:
+    "@babel/runtime" "^7.0.0"
+    memoize-one ">=3.1.1 <6"
+
 react@^17.0.2:
   version "17.0.2"
   resolved "https://registry.yarnpkg.com/react/-/react-17.0.2.tgz#d0b5cc516d29eb3eee383f75b62864cfb6800037"