zy-asrs-master.git

			@@ -9,16 +9,19 @@
			ProFormCaptcha,
			ProFormCheckbox,
			ProFormText,
			ProFormSelect
			} from '@ant-design/pro-components';
			import { Button, Divider, Alert, Tabs, message, theme } from 'antd';
			import { useState } from 'react';
			import { Button, Divider, Alert, Tabs, message, theme, Form } from 'antd';
			import { useState, useEffect } from 'react';
			import { FormattedMessage, history, SelectLang, useIntl, useModel, Helmet } from '@umijs/max';
			import { flushSync } from 'react-dom';
			import { request } from '@umijs/max';
			import { setToken } from '@/utils/token-util'
			import { PROJECT_NAME } from '@/config/setting'
			import Http from '@/utils/http';

			import logo from './logo.png'
			import logo from '/public/img/logo.png'
			import logoBg from '/public/login-bg.mp4'

			const LoginMessage = ({ content }) => {
			return (
			@@ -38,11 +41,50 @@
			const { initialState, setInitialState } = useModel('@@initialState');
			const { token } = theme.useToken();

			const [form] = Form.useForm();
			const [loginType, setLoginType] = useState('account');
			const [userLoginState, setUserLoginState] = useState({});
			const [status, setStatus] = useState(200);
			const [rememberMe, setRememberMe] = useState(() => {
			const storedValue = localStorage.getItem('rememberMe');
			return storedValue !== null ? JSON.parse(storedValue) : true;
			});
			const [rememberData, setRememberData] = useState(() => {
			const storedValue = localStorage.getItem('rememberData');
			return storedValue !== null ? JSON.parse(storedValue) : true;
			});
			const [hostList, setHostList] = useState([]);

			console.log(initialState.memo);
			useEffect(() => {
			form.setFieldsValue({
			autoLogin: rememberMe
			});
			localStorage.setItem('rememberMe', JSON.stringify(rememberMe));
			}, [rememberMe])

			useEffect(() => {
			form.setFieldsValue({
			username: rememberData.username,
			password: rememberData.password
			});
			localStorage.setItem('rememberData', JSON.stringify(rememberData));
			}, [rememberData])

			useEffect(() => {
			const fetchHostList = async () => {
			const resp = await Http.doGet('api/auth/host');
			const list = resp.data.map(item => ({
			label: item.name,
			value: item.id
			}));
			setHostList(list);
			if (list && list.length > 0) {
			form.setFieldsValue({
			hostId: list[0].value
			});
			}
			}
			fetchHostList();
			}, []);

			const fetchUserInfo = async () => {
			const userInfo = await initialState?.fetchUserInfo?.();
			@@ -56,6 +98,7 @@
			}
			};


			const handleSubmit = async (values) => {
			try {
			const r = await request('/api/login', {
			@@ -67,6 +110,13 @@
			})

			if (r.code === 200) {
			localStorage.removeItem("rememberData");
			if (rememberMe) {
			setRememberData({
			username: values.username,
			password: values.password
			})
			}
			message.success(intl.formatMessage({
			id: 'pages.login.success',
			defaultMessage: '登录成功！',
			@@ -77,10 +127,7 @@
			history.push(urlParams.get('redirect') \|\| '/');
			return;
			}
			setUserLoginState({
			status: r.code,
			type: type,
			})
			setStatus(r.code);
			} catch (error) {
			console.log(error);
			message.error(intl.formatMessage({
			@@ -98,22 +145,19 @@
			}}
			>
			<LoginFormPage
			backgroundImageUrl="https://mdn.alipayobjects.com/huamei_gcee1x/afts/img/A*y0ZTS6WLwvgAAAAAAAAAAAAADml6AQ/fmt.webp"
			form={form}
			logo={logo}
			backgroundVideoUrl="https://gw.alipayobjects.com/v/huamei_gcee1x/afts/video/jXRBRK_VAwoAAAAAAAAAAAAAK4eUAQBr"
			backgroundVideoUrl={logoBg}
			// title="陆晓涛"
			// subTitle="陆晓涛..."
			containerStyle={{
			backgroundColor: 'rgba(0, 0, 0,0.65)',
			backdropFilter: 'blur(4px)',
			}}
			initialValues={{
			username: 'root',
			password: '123456',
			autoLogin: true,
			}}
			onFinish={async (values) => {
			await handleSubmit(values);
			}}
			initialValue={{
			}}
			>
			<Tabs
			@@ -126,6 +170,18 @@
			</Tabs>
			{loginType === 'account' && (
			<>
			<ProFormSelect
			className="centered-select"
			name="hostId"
			placeholder="机构："
			rules={[
			{
			required: true,
			message: '请选择机构!',
			},
			]}
			options={hostList}
			/>
			<ProFormText
			name="username"
			fieldProps={{
			@@ -139,7 +195,7 @@
			/>
			),
			}}
			placeholder={'用户名: root'}
			placeholder={'用户名: '}
			rules={[
			{
			required: true,
			@@ -160,7 +216,7 @@
			/>
			),
			}}
			placeholder={'密码: 123456'}
			placeholder={'密码: '}
			rules={[
			{
			required: true,
			@@ -177,6 +233,18 @@
			)}
			{loginType === 'phone' && (
			<>
			<ProFormSelect
			className="centered-select"
			name="hostId"
			placeholder="机构："
			rules={[
			{
			required: true,
			message: '请选择机构!',
			},
			]}
			options={hostList}
			/>
			<ProFormText
			fieldProps={{
			size: 'large',
			@@ -243,7 +311,13 @@
			marginBlockEnd: 24,
			}}
			>
			<ProFormCheckbox noStyle name="autoLogin">
			<ProFormCheckbox
			noStyle
			name="autoLogin"
			onChange={(e) => {
			setRememberMe(e.target.checked);
			}}
			>
			自动登录
			</ProFormCheckbox>
			</div>
			@@ -258,4 +332,4 @@
			<Page />
			</ProConfigProvider>
			);
			};
			};