Merge branch 'main' of http://git.xlyprint.cn/zhangz/xlyUmi into main

陈鑫涛
2 parents 3431a3ec ad257f3e
Showing 3 changed files with 362 additions and 140 deletions
src/components/UserRegistration/index.jsx
src/components/login/Login.css
src/components/login/Login.js
+import { useState, useEffect } from "react";
+import { ConfigProvider, Modal, Form, Input, Select, message } from "antd";
+import commonConfig from "@/utils/config";
+import * as commonServices from "@/services/services";
+
+const UserRegistrationEvent = () => {
+  const [state, setState0] = useState({});
+  const setState = payload => {
+    setState0({ ...state, ...payload });
+  };
+
+  // 初始化获取所属客户
+  useEffect(() => {
+    const url = `${commonConfig.feedback_host}sysworkorder/getCustomerData`;
+    commonServices.postValueService("", {}, url).then(({ data: result = {} }) => {
+      const { code = -1, data, msg = "接口出错" } = result;
+      if (code > -1) {
+        setState({ customerData: data });
+      } else {
+        message.error(msg);
+      }
+    });
+  }, []);
+
+  return {
+    ...state,
+    setState,
+  };
+};
+
+const UserRegistration = ({ _this }) => {
+  const { userRegisterMode } = _this.state;
+  if (!userRegisterMode) return "";
+
+  const props = UserRegistrationEvent();
+  const { customerData = [] } = props;
+
+  const [form] = Form.useForm();
+
+  const handleCancel = () => {
+    _this.setState({
+      userRegisterMode: false,
+    });
+  };
+
+  const handleOk = () => {
+    form.submit();
+  };
+
+  const onFinish = values => {
+    console.log("=====Success:", values);
+  };
+
+  return (
+    <ConfigProvider prefixCls="antdV5">
+      <Modal title="用户注册" open={userRegisterMode} okText="确认" cancelText="取消" onOk={handleOk} onCancel={handleCancel} width={400}>
+        <Form
+          name="basic"
+          form={form}
+          labelCol={{ span: 6 }}
+          wrapperCol={{ span: 18 }}
+          style={{ maxWidth: 600 }}
+          initialValues={{ remember: true }}
+          onFinish={onFinish}
+          autoComplete="off"
+          labelAlign="left"
+        >
+          <Form.Item label="用户名" name="username" rules={[{ required: true, message: "未填写用户名!" }]}>
+            <Input />
+          </Form.Item>
+
+          <Form.Item
+            label="手机号"
+            name="telenumber"
+            rules={[
+              { required: true, message: "未填写手机号!" },
+              {
+                pattern: /^1[3-9]\d{9}$/,
+                message: "请输入有效的中国大陆手机号",
+              },
+            ]}
+          >
+            <Input />
+          </Form.Item>
+
+          <Form.Item label="公司名称" name="company" rules={[{ required: true, message: "未选择公司!" }]}>
+            <Select
+              fieldNames={{ label: "sCustomerName", value: "sCustomerId" }}
+              options={customerData}
+              showSearch
+              filterOption={(inputValue, option) => option.sCustomerName?.includes(inputValue)}
+            />
+          </Form.Item>
+        </Form>
+      </Modal>
+    </ConfigProvider>
+  );
+};
+
+export default UserRegistration;
@@ -220,3 +220,11 @@
   /*color:#1890ff;*/
 }
+.userRegister {
+  position: absolute;
+  left: 0;
+  top: 0;
+  padding-left: 0;
+  font-weight: bold;
+}
+
 /* eslint-disable */
 /* eslint-disable no-undef,no-param-reassign */
-import React, { Component } from 'react';
-import { LockOutlined, UserOutlined } from '@ant-design/icons';
-import { Form } from '@ant-design/compatible';
+import React, { Component } from "react";
+import { LockOutlined, UserOutlined } from "@ant-design/icons";
+import { Form } from "@ant-design/compatible";
 // import '@ant-design/compatible/assets/index.css';
 import { Input, Button, Select, message, Radio } from 'antd-v4';
-import commonConfig from '@/utils/config';
+import commonConfig from "@/utils/config";
 // import * as commonUtils from '../../utils/utils';
-import * as commonServices from '@/services/services';
-import * as commonFunc from '@/components/Common/commonFunc';
-import logo from '@/assets/foot_logo.png';
-import * as commonUtils from '@/utils/utils';
-import styles from './Login.css';
-import FaceDetect from '../FaceDetect';
+import * as commonServices from "@/services/services";
+import * as commonFunc from "@/components/Common/commonFunc";
+import logo from "@/assets/foot_logo.png";
+import * as commonUtils from "@/utils/utils";
+import styles from "./Login.css";
+import FaceDetect from "../FaceDetect";
+import UserRegistration from "../UserRegistration";
 const FormItem = Form.Item;
 const { Option } = Select;
 class LoginForm extends Component {
   constructor(props) {
-
     let ssoLoginParams = {};
     const urlParams = new URLSearchParams(location.search);
     const params = {};
@@ -34,16 +34,16 @@ class LoginForm extends Component {
     super(props);
     this.state = {
       companys: [],
-      sParentId: JSON.parse(localStorage.getItem(`${commonConfig.prefix}companysParentId`)) || '',
-      sId: JSON.parse(localStorage.getItem(`${commonConfig.prefix}companyId`)) || '',
+      sParentId: JSON.parse(localStorage.getItem(`${commonConfig.prefix}companysParentId`)) || "",
+      sId: JSON.parse(localStorage.getItem(`${commonConfig.prefix}companyId`)) || "",
       loginInfo: [],
-      loginType: 'normal',
-      sEmployeeNo: '',
+      loginType: "normal",
+      sEmployeeNo: "",
       ssoLoginParams,
       logoImageInfo: [],
     };
-    this.loginSRMC = props.baseInfo?.flag === 'loginSRMC';
-    this.erpBaseWord = this.loginSRMC ? this.props.baseInfo.word : 'ERP'
+    this.loginSRMC = props.baseInfo?.flag === "loginSRMC";
+    this.erpBaseWord = this.loginSRMC ? this.props.baseInfo.word : "ERP";
   }
   componentWillMount() {
@@ -57,7 +57,7 @@ class LoginForm extends Component {
   }
   handleInit = async () => {
-    this.handleGetLoginInfo();/* 根据后台配置获取公司信息 */
+    this.handleGetLoginInfo(); /* 根据后台配置获取公司信息 */
     const configUrl = `${commonConfig.server_host}sysbrands/getSysbrands`;
     const configReturn = (await commonServices.getService(null, configUrl)).data;
     if (configReturn.code === 1) {
@@ -69,7 +69,7 @@ class LoginForm extends Component {
     } else {
       message.error(configReturn.msg);
     }
-  }
+  };
   // 获取自定义logo
   handleGetLogoImage = () => {
@@ -87,7 +87,7 @@ class LoginForm extends Component {
         } else {
           this.setState(({ logoImageInfo }) => {
             const logoImageInfoNew = [...logoImageInfo];
-            logoImageInfoNew[index] = '';
+            logoImageInfoNew[index] = "";
             return { logoImageInfo: logoImageInfoNew };
           });
         }
@@ -95,18 +95,18 @@ class LoginForm extends Component {
       ImgObj.onerror = () => {
         this.setState(({ logoImageInfo }) => {
           const logoImageInfoNew = [...logoImageInfo];
-          logoImageInfoNew[index] = '';
+          logoImageInfoNew[index] = "";
           return { logoImageInfo: logoImageInfoNew };
         });
       };
     }
-  }
+  };
   /* 获取登录窗体配置文字 */
   handleGetLoginInfo = async () => {
-    const sModelsId = '16148217740007696998039471379000';
+    const sModelsId = "16148217740007696998039471379000";
     const configUrl = `${commonConfig.server_host}business/getModelBysId/${sModelsId}?sModelsId=${sModelsId}&sName=/commonAuto`;
-    const configReturn = (await commonServices.getService('', configUrl)).data;
+    const configReturn = (await commonServices.getService("", configUrl)).data;
     if (configReturn.code === 1) {
       const dataReturn = configReturn.dataset.rows;
       if (commonUtils.isNotEmptyArr(dataReturn)) {
@@ -123,17 +123,17 @@ class LoginForm extends Component {
     } else {
       message.error(configReturn.msg);
     }
-  }
+  };
   handleSelect = (value, option) => {
-    const sParentId = option.props['data-parentid'];
+    const sParentId = option.props["data-parentid"];
     this.setState({
       sParentId,
       sId: value,
     });
   };
-  handleSubmit = (e) => {
+  handleSubmit = e => {
     e.preventDefault();
     this.props.form.validateFields(async (err, values) => {
       if (!err) {
@@ -148,19 +148,19 @@ class LoginForm extends Component {
     const xlybusinessActiveTreeArr = [];
     for (let i = 0; i < localStorage.length; i++) {
       const key = localStorage.key(i);
-      if (key && key.includes('xlybusinessActiveTree')) {
+      if (key && key.includes("xlybusinessActiveTree")) {
         xlybusinessActiveTreeArr.push([key, localStorage.getItem(key)]);
       }
     }
     localStorage.clear();
-    xlybusinessActiveTreeArr.forEach((item) => {
+    xlybusinessActiveTreeArr.forEach(item => {
       localStorage.setItem(item[0], item[1]);
     });
     const value = values;
     if (!bSsoLogin) {
       value.sParentId = this.state.sParentId;
       value.sId = this.state.sId;
-      if (this.state.loginType === 'face') {
+      if (this.state.loginType === "face") {
         value.sEmployeeNo = this.sEmployeeNo;
       }
     }
@@ -170,40 +170,49 @@ class LoginForm extends Component {
       if (commonUtils.isNotEmptyObject(dataReturn.msg)) {
         message.warning(dataReturn.msg, 6);
       }
-      const {
-        token, gdslogininfo: userinfo, systemData, commonConst, rxtx, passworIsOld, auxiliaryQty,
-      } = dataReturn.dataset.rows[0];
+      const { token, gdslogininfo: userinfo, systemData, commonConst, rxtx, passworIsOld, auxiliaryQty } = dataReturn.dataset.rows[0];
       // commonUtils.setSystemSettings(systemData);
       // commonUtils.setCommonConst(commonConst);
       const decimals = {};
       if (systemData !== undefined) {
-        const dNetPrice = systemData.filter(item => (item.sName === 'NetPrice'))[0];
-        const dNetMoney = systemData.filter(item => (item.sName === 'NetMoney'))[0];
-        const dNumAlign = systemData.filter(item => (item.sName === 'CkxNumAlign'))[0];
+        const dNetPrice = systemData.filter(item => item.sName === "NetPrice")[0];
+        const dNetMoney = systemData.filter(item => item.sName === "NetMoney")[0];
+        const dNumAlign = systemData.filter(item => item.sName === "CkxNumAlign")[0];
         /* 20230628老孟提的需求：单价设置6位，金额设置2位，不根据配置走 */
         // decimals.dNetPrice = 12;
         decimals.dNetPrice = Number(dNetPrice.sValue); // 20240528晚上杨昌辉提-钱豹要求改；
         decimals.dNetMoney = 2;
         // decimals.dNetPrice = dNetPrice !== undefined && dNetPrice.sValue !== undefined ? (dNetPrice.sValue) * 1 : 6;
         // decimals.dNetMoney = dNetMoney !== undefined && dNetMoney.sValue !== undefined ? (dNetMoney.sValue) * 1 : 6;
-        decimals.dNumAlign = dNumAlign !== undefined && dNumAlign.sValue !== undefined ? (dNumAlign.sValue) : 0;
+        decimals.dNumAlign = dNumAlign !== undefined && dNumAlign.sValue !== undefined ? dNumAlign.sValue : 0;
         // commonUtils.setNetPrice(decimals.dNetPrice);
         // commonUtils.setNetMoney(decimals.dNetMoney);
         // commonUtils.setDateFormat(commonFunc.getDateFormat(systemData));
       }
       // 判断是否是初始密码
-      if (values.username !== 'zhangz') {
-        localStorage.setItem(`${commonConfig.prefix}changePwd`, (passworIsOld === true || passworIsOld === 'true') ? 'true' : 'false');
+      if (values.username !== "zhangz") {
+        localStorage.setItem(`${commonConfig.prefix}changePwd`, passworIsOld === true || passworIsOld === "true" ? "true" : "false");
       }
       /* 登录记住公司信息 */
       localStorage.setItem(`${commonConfig.prefix}companysParentId`, JSON.stringify(this.state.sParentId));
       localStorage.setItem(`${commonConfig.prefix}companyId`, JSON.stringify(this.state.sId));
-      const companyName = commonUtils.isNotEmptyArr(this.state.companys) ? this.state.companys.filter(item => item.sId === userinfo.sSubsidiaryId)[0].sName : '';
+      const companyName = commonUtils.isNotEmptyArr(this.state.companys)
+        ? this.state.companys.filter(item => item.sId === userinfo.sSubsidiaryId)[0].sName
+        : "";
       userinfo.companyName = companyName;
       const { footer, logoImageInfo } = this.state;
-      const isInitPassword = passworIsOld === true || passworIsOld === 'true';
+      const isInitPassword = passworIsOld === true || passworIsOld === "true";
       await this.props.onLogin({
-        token, systemData, rxtx, commonConst, userinfo, decimals, dateFormat: commonFunc.getDateFormat(systemData), footer, logoImageInfo, auxiliaryQty,
+        token,
+        systemData,
+        rxtx,
+        commonConst,
+        userinfo,
+        decimals,
+        dateFormat: commonFunc.getDateFormat(systemData),
+        footer,
+        logoImageInfo,
+        auxiliaryQty,
         isInitPassword,
       });
     } else {
@@ -212,128 +221,142 @@ class LoginForm extends Component {
         this.handleInit();
       });
     }
-  }
+  };
-  onLoginTypeChange = (e) => {
+  onLoginTypeChange = e => {
     this.setState({
-      loginType: e.target.value
-    })
+      loginType: e.target.value,
+    });
   };
   //人脸验证登录
-  onIdentifySuccess = async(e) => {
+  onIdentifySuccess = async e => {
     this.sEmployeeNo = e.dataset.rows[0].sEmployeeNo;
     const value = {};
     value.sEmployeeNo = this.sEmployeeNo;
     value.sParentId = e.dataset.rows[0].sBrandsId;
     value.sId = e.dataset.rows[0].sSubsidiaryId;
     await this.handleLogin(value);
-  }
+  };
   render() {
     const { getFieldDecorator } = this.props.form;
     const { companys, sId, loginInfo, ssoLoginParams, footer } = this.state;
     if (commonUtils.isNotEmptyObject(ssoLoginParams)) {
-      return ('');
+      return "";
     }
     const companysId = commonUtils.isNotEmptyObject(sId) ? sId : commonUtils.isNotEmptyArr(companys) ? companys[0].sId : chooseBranchCompany;
-    const options = companys.map(com =>
-      (
-        <Option key={com.sId} data-parentid={com.sParentId} className={styles.loginOption}>
-          {com.sName}
-        </Option>));
-    let sLanguage = 'sChinese';
+    const options = companys.map(com => (
+      <Option key={com.sId} data-parentid={com.sParentId} className={styles.loginOption}>
+        {com.sName}
+      </Option>
+    ));
+    let sLanguage = "sChinese";
     if (companys !== null && companys.length > 0) {
       sLanguage = companys[0].sLanguage !== null ? companys[0].sLanguage.toString() : sLanguage;
     }
     const { loginLoading, logoImageInfo } = this.state;
-    let XiaoLingYang = sLanguage === 'sChinese' ? '小羚羊' : (sLanguage === 'sEnglish' ? 'XiaoLingYang' : '小羚羊');/* 小羚羊 */
-    let WelcometoERP = sLanguage === 'sChinese' ? `欢迎登录${this.erpBaseWord}` : (sLanguage === 'sEnglish' ? `Welcometo${this.erpBaseWord}` : `歡迎登錄${this.erpBaseWord}`);/* 欢迎登录ERP */
-    let companyName = sLanguage === 'sChinese' ? '上海小羚羊软件' : (sLanguage === 'sEnglish' ? 'ShangHaiXiaoLingYangSoft' : '上海小羚羊軟件');/* 上海小羚羊软件 */
-    let printAllFlow = sLanguage === 'sChinese' ? '智能印刷全流程' : (sLanguage === 'sEnglish' ? 'IntelligentPrintAllFlow' : '智能印刷全流程');/* 智能印刷全流程 */
-    let ERP = this.erpBaseWord;/* ERP */
-    let UserLogin = sLanguage === 'sChinese' ? '用户登录' : (sLanguage === 'sEnglish' ? 'UserLogin' : '用戶登錄');/* 用户登录 */
-    let pleaseInputUserName = sLanguage === 'sChinese' ? '请输入你的用户名' : (sLanguage === 'sEnglish' ? 'pleaseInputUserName' : '請輸入妳的用戶名');/* 请选择分公司名称 */
-    let pleaseInputPassword = sLanguage === 'sChinese' ? '请输入你的密码' : (sLanguage === 'sEnglish' ? '请输入你的密码' : '請輸入妳的用戶名');/* 请选择分公司名称 */
-    let chooseBranchCompany = sLanguage === 'sChinese' ? '请选择分公司名称' : (sLanguage === 'sEnglish' ? 'Please select branch name' : '請選擇分公司名稱');/* 请选择分公司名称 */
-    let btnLogin = sLanguage === 'sChinese' ? '登 录' : (sLanguage === 'sEnglish' ? 'Login' : '登 錄');/* 登 陆 */
-    let Copyright = 'Copyright';/* Copyright */
-    let AddrOne = sLanguage === 'sChinese' ? '小羚羊软件' : (sLanguage === 'sEnglish' ? 'XiaoLingYangSoft' : '小羚羊軟件');/* 小羚羊软件 */
-    let AddrTwo = sLanguage === 'sChinese' ? '印刷智慧工厂' : (sLanguage === 'sEnglish' ? 'PrintingSmartFactory' : '印刷智慧工廠');/*  印刷智慧工厂 */
-    let AddrThree = sLanguage === 'sChinese' ? '印刷MES' : (sLanguage === 'sEnglish' ? 'WelcometoMes' : '印刷MES');/*  印刷MES */
-    let AddrFour = sLanguage === 'sChinese' ? '印刷ERP' : (sLanguage === 'sEnglish' ? 'PrintingErp' : '印刷ERP');/* 印刷ERP */
-    let AddrFive = sLanguage === 'sChinese' ? '印刷电商平台' : (sLanguage === 'sEnglish' ? 'PrintingE-commercePlatform' : '印刷電商平台');/* 印刷电商平台 */
-    let AddrSix = sLanguage === 'sChinese' ? '文件智能处理' : (sLanguage === 'sEnglish' ? 'FileIntelligenceHandle' : '文件智能處理');/* 文件智能处理 */
-    let AddrSeven = sLanguage === 'sChinese' ? '印前自动化' : (sLanguage === 'sEnglish' ? 'PrepressAutomation' : '印前自動化');/* 印前自动化 */
-    let AddrEight = '400-880-6237';/*  400-880-6237 */
-    const AddrIcp = '沪ICP备14034791号-1'; /* 粤ICP备2022093080号-1 */
+    let XiaoLingYang = sLanguage === "sChinese" ? "小羚羊" : sLanguage === "sEnglish" ? "XiaoLingYang" : "小羚羊"; /* 小羚羊 */
+    let WelcometoERP =
+      sLanguage === "sChinese"
+        ? `欢迎登录${this.erpBaseWord}`
+        : sLanguage === "sEnglish"
+        ? `Welcometo${this.erpBaseWord}`
+        : `歡迎登錄${this.erpBaseWord}`; /* 欢迎登录ERP */
+    let companyName =
+      sLanguage === "sChinese" ? "上海小羚羊软件" : sLanguage === "sEnglish" ? "ShangHaiXiaoLingYangSoft" : "上海小羚羊軟件"; /* 上海小羚羊软件 */
+    let printAllFlow =
+      sLanguage === "sChinese" ? "智能印刷全流程" : sLanguage === "sEnglish" ? "IntelligentPrintAllFlow" : "智能印刷全流程"; /* 智能印刷全流程 */
+    let ERP = this.erpBaseWord; /* ERP */
+    let UserLogin = sLanguage === "sChinese" ? "用户登录" : sLanguage === "sEnglish" ? "UserLogin" : "用戶登錄"; /* 用户登录 */
+    let pleaseInputUserName =
+      sLanguage === "sChinese" ? "请输入你的用户名" : sLanguage === "sEnglish" ? "pleaseInputUserName" : "請輸入妳的用戶名"; /* 请选择分公司名称 */
+    let pleaseInputPassword =
+      sLanguage === "sChinese" ? "请输入你的密码" : sLanguage === "sEnglish" ? "请输入你的密码" : "請輸入妳的用戶名"; /* 请选择分公司名称 */
+    let chooseBranchCompany =
+      sLanguage === "sChinese"
+        ? "请选择分公司名称"
+        : sLanguage === "sEnglish"
+        ? "Please select branch name"
+        : "請選擇分公司名稱"; /* 请选择分公司名称 */
+    let btnLogin = sLanguage === "sChinese" ? "登 录" : sLanguage === "sEnglish" ? "Login" : "登 錄"; /* 登 陆 */
+    let Copyright = "Copyright"; /* Copyright */
+    let AddrOne = sLanguage === "sChinese" ? "小羚羊软件" : sLanguage === "sEnglish" ? "XiaoLingYangSoft" : "小羚羊軟件"; /* 小羚羊软件 */
+    let AddrTwo = sLanguage === "sChinese" ? "印刷智慧工厂" : sLanguage === "sEnglish" ? "PrintingSmartFactory" : "印刷智慧工廠"; /*  印刷智慧工厂 */
+    let AddrThree = sLanguage === "sChinese" ? "印刷MES" : sLanguage === "sEnglish" ? "WelcometoMes" : "印刷MES"; /*  印刷MES */
+    let AddrFour = sLanguage === "sChinese" ? "印刷ERP" : sLanguage === "sEnglish" ? "PrintingErp" : "印刷ERP"; /* 印刷ERP */
+    let AddrFive =
+      sLanguage === "sChinese" ? "印刷电商平台" : sLanguage === "sEnglish" ? "PrintingE-commercePlatform" : "印刷電商平台"; /* 印刷电商平台 */
+    let AddrSix = sLanguage === "sChinese" ? "文件智能处理" : sLanguage === "sEnglish" ? "FileIntelligenceHandle" : "文件智能處理"; /* 文件智能处理 */
+    let AddrSeven = sLanguage === "sChinese" ? "印前自动化" : sLanguage === "sEnglish" ? "PrepressAutomation" : "印前自動化"; /* 印前自动化 */
+    let AddrEight = "400-880-6237"; /*  400-880-6237 */
+    const AddrIcp = "沪ICP备14034791号-1"; /* 粤ICP备2022093080号-1 */
     if (commonUtils.isNotEmptyArr(loginInfo)) {
-      const CompanyNameData = loginInfo.filter(item => item.sControlName === 'CompanyName');
+      const CompanyNameData = loginInfo.filter(item => item.sControlName === "CompanyName");
       XiaoLingYang = commonUtils.isNotEmptyArr(CompanyNameData) ? CompanyNameData[0].showName : XiaoLingYang;
       if (!this.loginSRMC) {
-        const filterDataLoginERP = loginInfo.filter(item => item.sControlName === 'LoginERP');
+        const filterDataLoginERP = loginInfo.filter(item => item.sControlName === "LoginERP");
         WelcometoERP = commonUtils.isNotEmptyArr(filterDataLoginERP) ? filterDataLoginERP[0].showName : WelcometoERP;
       }
-      const CompanyAllNameData = loginInfo.filter(item => item.sControlName === 'CompanyAllName');
+      const CompanyAllNameData = loginInfo.filter(item => item.sControlName === "CompanyAllName");
       companyName = commonUtils.isNotEmptyArr(CompanyAllNameData) ? CompanyAllNameData[0].showName : companyName;
-      const PrintAllFlowData = loginInfo.filter(item => item.sControlName === 'PrintAllFlow');
+      const PrintAllFlowData = loginInfo.filter(item => item.sControlName === "PrintAllFlow");
       printAllFlow = commonUtils.isNotEmptyArr(PrintAllFlowData) ? PrintAllFlowData[0].showName : printAllFlow;
       if (!this.loginSRMC) {
-        const ERPData = loginInfo.filter(item => item.sControlName === 'ERP');
+        const ERPData = loginInfo.filter(item => item.sControlName === "ERP");
         ERP = commonUtils.isNotEmptyArr(ERPData) ? ERPData[0].showName : ERP;
       }
-      const UserLoginData = loginInfo.filter(item => item.sControlName === 'UserLogin');
-      UserLogin = commonUtils.isNotEmptyArr(UserLoginData) ? UserLoginData[0].showName : 'UserLogin';
+      const UserLoginData = loginInfo.filter(item => item.sControlName === "UserLogin");
+      UserLogin = commonUtils.isNotEmptyArr(UserLoginData) ? UserLoginData[0].showName : "UserLogin";
-      const PleaseInputUserNameData = loginInfo.filter(item => item.sControlName === 'PleaseInputUserName');
+      const PleaseInputUserNameData = loginInfo.filter(item => item.sControlName === "PleaseInputUserName");
       pleaseInputUserName = commonUtils.isNotEmptyArr(PleaseInputUserNameData) ? PleaseInputUserNameData[0].showName : pleaseInputUserName;
-      const PasswordData = loginInfo.filter(item => item.sControlName === 'PleaseInputPassword');
-      pleaseInputPassword = commonUtils.isNotEmptyArr(PasswordData) ? PasswordData[0].showName : 'PleaseInputPassword';
+      const PasswordData = loginInfo.filter(item => item.sControlName === "PleaseInputPassword");
+      pleaseInputPassword = commonUtils.isNotEmptyArr(PasswordData) ? PasswordData[0].showName : "PleaseInputPassword";
-      const ChooseBranchCompanyData = loginInfo.filter(item => item.sControlName === 'ChooseBranchCompany');
+      const ChooseBranchCompanyData = loginInfo.filter(item => item.sControlName === "ChooseBranchCompany");
       chooseBranchCompany = commonUtils.isNotEmptyArr(ChooseBranchCompanyData) ? ChooseBranchCompanyData[0].showName : chooseBranchCompany;
-      const BtnLoginData = loginInfo.filter(item => item.sControlName === 'BtnLogin');
+      const BtnLoginData = loginInfo.filter(item => item.sControlName === "BtnLogin");
       btnLogin = commonUtils.isNotEmptyArr(BtnLoginData) ? BtnLoginData[0].showName : btnLogin;
-      const CopyrightData = loginInfo.filter(item => item.sControlName === 'Copyright');
+      const CopyrightData = loginInfo.filter(item => item.sControlName === "Copyright");
       Copyright = commonUtils.isNotEmptyArr(CopyrightData) ? CopyrightData[0].showName : Copyright;
-      const AddrOneData = loginInfo.filter(item => item.sControlName === 'AddrOne');
+      const AddrOneData = loginInfo.filter(item => item.sControlName === "AddrOne");
       AddrOne = commonUtils.isNotEmptyArr(AddrOneData) ? AddrOneData[0].showName : AddrOne;
-      const AddrTwoData = loginInfo.filter(item => item.sControlName === 'AddrTwo');
+      const AddrTwoData = loginInfo.filter(item => item.sControlName === "AddrTwo");
       AddrTwo = commonUtils.isNotEmptyArr(AddrTwoData) ? AddrTwoData[0].showName : AddrTwo;
-      const AddrThreeData = loginInfo.filter(item => item.sControlName === 'AddrThree');
+      const AddrThreeData = loginInfo.filter(item => item.sControlName === "AddrThree");
       AddrThree = commonUtils.isNotEmptyArr(AddrThreeData) ? AddrThreeData[0].showName : AddrThree;
-      const AddrFourData = loginInfo.filter(item => item.sControlName === 'AddrFour');
+      const AddrFourData = loginInfo.filter(item => item.sControlName === "AddrFour");
       AddrFour = commonUtils.isNotEmptyArr(AddrFourData) ? AddrFourData[0].showName : AddrFour;
-      const AddrFiveData = loginInfo.filter(item => item.sControlName === 'AddrFive');
+      const AddrFiveData = loginInfo.filter(item => item.sControlName === "AddrFive");
       AddrFive = commonUtils.isNotEmptyArr(AddrFiveData) ? AddrFiveData[0].showName : AddrFive;
-      const AddrSixData = loginInfo.filter(item => item.sControlName === 'AddrSix');
+      const AddrSixData = loginInfo.filter(item => item.sControlName === "AddrSix");
       AddrSix = commonUtils.isNotEmptyArr(AddrSixData) ? AddrSixData[0].showName : AddrSix;
-      const AddrSevenData = loginInfo.filter(item => item.sControlName === 'AddrSeven');
+      const AddrSevenData = loginInfo.filter(item => item.sControlName === "AddrSeven");
       AddrSeven = commonUtils.isNotEmptyArr(AddrSevenData) ? AddrSevenData[0].showName : AddrSeven;
-      const AddrEightData = loginInfo.filter(item => item.sControlName === 'AddrEight');
+      const AddrEightData = loginInfo.filter(item => item.sControlName === "AddrEight");
       AddrEight = commonUtils.isNotEmptyArr(AddrEightData) ? AddrEightData[0].showName : AddrEight;
     }
-
     const dropdownStyle = {
-      fontSize: '14px',
+      fontSize: "14px",
     };
     // 修改favicon
@@ -352,24 +375,27 @@ class LoginForm extends Component {
     // 修改左上角logo
     const xlyHeaderLogo = logoImageInfo[1];
-    const root = document.querySelector('#root');
-    root.style.removeProperty('--xly-header-logo-opacity');
-    root.style.removeProperty('--xly-header-logo');
+    const root = document.querySelector("#root");
+    root.style.removeProperty("--xly-header-logo-opacity");
+    root.style.removeProperty("--xly-header-logo");
     if (xlyHeaderLogo !== undefined) {
-      root.style.setProperty('--xly-header-logo-opacity', 1);
-      if (xlyHeaderLogo !== '') {
-        root.style.setProperty('--xly-header-logo', `url(${xlyHeaderLogo})`);
+      root.style.setProperty("--xly-header-logo-opacity", 1);
+      if (xlyHeaderLogo !== "") {
+        root.style.setProperty("--xly-header-logo", `url(${xlyHeaderLogo})`);
       }
     }
     // 修改foot的logo
-    const xlyFootLogo = logoImageInfo[3] === '' ? logo : logoImageInfo[3];
+    const xlyFootLogo = logoImageInfo[3] === "" ? logo : logoImageInfo[3];
     return (
       <div className={styles.wraper}>
         <div className={styles.header}>
           <div className={styles.logo}>
-            <h1>{XiaoLingYang}<span>{WelcometoERP}</span></h1>
+            <h1>
+              {XiaoLingYang}
+              <span>{WelcometoERP}</span>
+            </h1>
           </div>
         </div>
         <div className={styles.login}>
@@ -379,29 +405,42 @@ class LoginForm extends Component {
               <h2>{printAllFlow}</h2>
               <h3>{ERP}</h3>
             </div>
-            <Form onSubmit={this.handleSubmit} className={`${styles.loginForm_mode} ${this.state.loginType === 'face' ? styles.loginForm_face : ''}`}>
-              <div className={styles.loginTitle}>
-                {UserLogin}
-              </div>
+            <Form onSubmit={this.handleSubmit} className={`${styles.loginForm_mode} ${this.state.loginType === "face" ? styles.loginForm_face : ""}`}>
+              <div className={styles.loginTitle}>{UserLogin}</div>
               <div className={styles.loginMiddle}>
-                { this.state.loginType === 'face' ?
-                  <div style={{marginBottom: '22px'}}>
-                    <FaceDetect loginAfterInit={true} onIdentifySuccess={this.onIdentifySuccess} actionType={'identifyFace'}></FaceDetect>
+                {this.state.loginType === "face" ? (
+                  <div style={{ marginBottom: "22px" }}>
+                    <FaceDetect loginAfterInit={true} onIdentifySuccess={this.onIdentifySuccess} actionType={"identifyFace"}></FaceDetect>
                   </div>
-                  :
+                ) : (
                   <>
                     <FormItem className={styles.loginTip}>
-                      {getFieldDecorator('username', {
+                      {getFieldDecorator("username", {
                         rules: [{ required: true, message: pleaseInputUserName }],
-                      })(<Input className={styles.loginInput} size="large" prefix={<UserOutlined className={styles.loginIcon} />} placeholder={pleaseInputUserName} />)}
+                      })(
+                        <Input
+                          className={styles.loginInput}
+                          size="large"
+                          prefix={<UserOutlined className={styles.loginIcon} />}
+                          placeholder={pleaseInputUserName}
+                        />
+                      )}
                     </FormItem>
                     <FormItem className={styles.loginTip}>
-                      {getFieldDecorator('password', {
+                      {getFieldDecorator("password", {
                         rules: [{ required: true, message: pleaseInputPassword }],
-                      })(<Input className={styles.loginInput} size="large" prefix={<LockOutlined className={styles.loginIcon} />} type="password" placeholder={pleaseInputPassword} />)}
+                      })(
+                        <Input
+                          className={styles.loginInput}
+                          size="large"
+                          prefix={<LockOutlined className={styles.loginIcon} />}
+                          type="password"
+                          placeholder={pleaseInputPassword}
+                        />
+                      )}
                     </FormItem>
                   </>
-                }
+                )}
                 {/*<FormItem className={styles.loginTip}>*/}
                 {/*  {getFieldDecorator('username', {*/}
                 {/*    rules: [{ required: true, message: pleaseInputUserName }],*/}
@@ -427,35 +466,110 @@ class LoginForm extends Component {
                 </Button>
               </FormItem>
               {/*屏蔽人脸*/}
-              <div style={{textAlign: 'right'}}>
-                <Radio.Group onChange={this.onLoginTypeChange} value={this.state.loginType}  buttonStyle="solid">
+              <div style={{ textAlign: "right", position: "relative" }}>
+                { ['project.xlyprint.cn', 'localhost'].includes(location.hostname) ? (
+                  <Button type="link" size="large" className={styles.userRegister} onClick={() => { this.setState({ userRegisterMode: true }); }}>
+                    用户注册
+                  </Button>
+                ) : "" }
+                <Radio.Group onChange={this.onLoginTypeChange} value={this.state.loginType} buttonStyle="solid">
                   <Radio.Button value="normal">普通登录</Radio.Button>
                   <Radio.Button value="face">扫脸登录</Radio.Button>
                 </Radio.Group>
               </div>
             </Form>
+            <UserRegistration _this={this} />
           </div>
         </div>
         <div className={styles.footer}>
-          {xlyFootLogo && <img alt="logo" src={xlyFootLogo} style={{ maxWidth: 20, maxHeight: 20 }} />}
-          ©{Copyright} <span className={styles.linkStyle}><a href="http://www.xlyprint.com/" target="_blank" rel="noopener noreferrer">{AddrOne}</a> </span>
-          {
-            commonUtils.isNotEmptyArr(footer) ? (
-              <>
-                {footer.map(item => {
-                  const { sIcon, sLink, sName } = item;
-                  let sPart = '';
-                  const sIconPart = sIcon ? <img src={sIcon} alt="" /> : '';
-                  if (sLink) {
-                    sPart = <> | <span className={styles.linkStyle}><a href={sLink} target="_blank" rel="noopener noreferrer"> {sIconPart} {sName}</a></span></>;
-                  } else {
-                    sPart = <> | <span>{sIconPart}{sName}</span></>;
-                  }
-                  return sPart;
-                })}
-              </>
-            ) : <> | <span className={styles.linkStyle}><a href="http://www.xlyprint.com/zngc.html" target="_blank" rel="noopener noreferrer">{AddrTwo}</a> </span> | <span className={styles.linkStyle}><a href="http://www.xlyprint.com/znwl.html" target="_blank" rel="noopener noreferrer">{AddrThree}</a></span> | <span className={styles.linkStyle}><a href="http://www.xlyprint.com/yb.html" target="_blank" rel="noopener noreferrer" >{AddrFour}</a></span> |  <span className={styles.linkStyle}><a href="http://www.xlyprint.com/yshlw.html" target="_blank" rel="noopener noreferrer">{AddrFive}</a></span> | <span className={styles.linkStyle}><a href="http://www.xlyprint.com/znwj.html" target="_blank" rel="noopener noreferrer">{AddrSix}</a></span> | <span className={styles.linkStyle}><a href="http://www.xlyprint.com/yqzdh.html" target="_blank" rel="noopener noreferrer">{AddrSeven}</a></span> | {AddrEight} | <span className={styles.linkStyle}><a href="http://beian.miit.gov.cn" target="_blank" rel="noopener noreferrer"> <img src="//gw.alicdn.com/tfs/TB1jwakrbH1gK0jSZFwXXc7aXXa-20-20.png" alt="" /> {AddrIcp}</a></span></>
-          }
+          {xlyFootLogo && <img alt="logo" src={xlyFootLogo} style={{ maxWidth: 20, maxHeight: 20 }} />}©{Copyright}{" "}
+          <span className={styles.linkStyle}>
+            <a href="http://www.xlyprint.com/" target="_blank" rel="noopener noreferrer">
+              {AddrOne}
+            </a>{" "}
+          </span>
+          {commonUtils.isNotEmptyArr(footer) ? (
+            <>
+              {footer.map(item => {
+                const { sIcon, sLink, sName } = item;
+                let sPart = "";
+                const sIconPart = sIcon ? <img src={sIcon} alt="" /> : "";
+                if (sLink) {
+                  sPart = (
+                    <>
+                      {" "}
+                      |{" "}
+                      <span className={styles.linkStyle}>
+                        <a href={sLink} target="_blank" rel="noopener noreferrer">
+                          {" "}
+                          {sIconPart} {sName}
+                        </a>
+                      </span>
+                    </>
+                  );
+                } else {
+                  sPart = (
+                    <>
+                      {" "}
+                      |{" "}
+                      <span>
+                        {sIconPart}
+                        {sName}
+                      </span>
+                    </>
+                  );
+                }
+                return sPart;
+              })}
+            </>
+          ) : (
+            <>
+              {" "}
+              |{" "}
+              <span className={styles.linkStyle}>
+                <a href="http://www.xlyprint.com/zngc.html" target="_blank" rel="noopener noreferrer">
+                  {AddrTwo}
+                </a>{" "}
+              </span>{" "}
+              |{" "}
+              <span className={styles.linkStyle}>
+                <a href="http://www.xlyprint.com/znwl.html" target="_blank" rel="noopener noreferrer">
+                  {AddrThree}
+                </a>
+              </span>{" "}
+              |{" "}
+              <span className={styles.linkStyle}>
+                <a href="http://www.xlyprint.com/yb.html" target="_blank" rel="noopener noreferrer">
+                  {AddrFour}
+                </a>
+              </span>{" "}
+              |{" "}
+              <span className={styles.linkStyle}>
+                <a href="http://www.xlyprint.com/yshlw.html" target="_blank" rel="noopener noreferrer">
+                  {AddrFive}
+                </a>
+              </span>{" "}
+              |{" "}
+              <span className={styles.linkStyle}>
+                <a href="http://www.xlyprint.com/znwj.html" target="_blank" rel="noopener noreferrer">
+                  {AddrSix}
+                </a>
+              </span>{" "}
+              |{" "}
+              <span className={styles.linkStyle}>
+                <a href="http://www.xlyprint.com/yqzdh.html" target="_blank" rel="noopener noreferrer">
+                  {AddrSeven}
+                </a>
+              </span>{" "}
+              | {AddrEight} |{" "}
+              <span className={styles.linkStyle}>
+                <a href="http://beian.miit.gov.cn" target="_blank" rel="noopener noreferrer">
+                  {" "}
+                  <img src="//gw.alicdn.com/tfs/TB1jwakrbH1gK0jSZFwXXc7aXXa-20-20.png" alt="" /> {AddrIcp}
+                </a>
+              </span>
+            </>
+          )}
           {/* ©{Copyright} <span className={styles.linkStyle}><a href="http://beian.miit.gov.cn/" target="_blank" rel="noopener noreferrer">{AddrOne}</a> </span> | <span className={styles.linkStyle}><a href="http://www.xlyprint.com/zngc.html" target="_blank" rel="noopener noreferrer">{AddrTwo}</a> </span> | <span className={styles.linkStyle}><a href="http://www.xlyprint.com/znwl.html" target="_blank" rel="noopener noreferrer">{AddrThree}</a></span> | <span className={styles.linkStyle}><a href="http://www.xlyprint.com/yb.html" target="_blank" rel="noopener noreferrer" >{AddrFour}</a></span> |  <span className={styles.linkStyle}><a href="http://www.xlyprint.com/yshlw.html" target="_blank" rel="noopener noreferrer">{AddrFive}</a></span> | <span className={styles.linkStyle}><a href="http://www.xlyprint.com/znwj.html" target="_blank" rel="noopener noreferrer">{AddrSix}</a></span> | <span className={styles.linkStyle}><a href="http://www.xlyprint.com/yqzdh.html" target="_blank" rel="noopener noreferrer">{AddrSeven}</a></span> | {AddrEight} | <span className={styles.linkStyle}><a href="http://beian.miit.gov.cn"> <img src="//gw.alicdn.com/tfs/TB1jwakrbH1gK0jSZFwXXc7aXXa-20-20.png" alt="" /> {AddrIcp}</a></span> */}
         </div>
       </div>