indexPage.js
2.17 KB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
import { useEffect, useState } from 'react';
import { connect } from 'umi';
import { ConfigProvider, Layout } from 'antd-v4';
import zhCN from 'antd-v4/lib/locale-provider/zh_CN';
import enUS from 'antd-v4/lib/locale-provider/en_US';
import zhTW from 'antd-v4/lib/locale-provider/zh_TW'; // 导入繁体中文语言包
// import Search from '../components/Common/Search';
import PersonCenter from './personCenter/personCenter';
import Feedback from './feedback/feedback';
import ProblemFeedback from './problemFeedback/problemFeedback';
import TabCon from './tab/tab';
import styles from './indexPage.less';
import moment from 'moment';
import 'moment/locale/zh-cn';
const { Header, Content } = Layout;
function IndexPage({ app }) {
const [key, setKey] = useState(0);
const currentLanguage = app?.userinfo?.sLanguage || 'zhCN'; // 默认为中文
useEffect(() => {
window.xlyReload = () => {
setKey(pre => pre + 1);
};
}, []);
// 根据用户语言选择对应的语言包
const getLocale = () => {
switch(currentLanguage) {
case 'sEnglish':
return enUS;
case 'sBig5':
return zhTW;
default:
{
moment.locale('zh-cn');
return zhCN;
}
}
};
return (
<ConfigProvider locale={getLocale()}>
<Layout key={key}>
<Header className={styles.header}>
<div className={styles.headerRight}>
<div className={styles.personCenter}>
<PersonCenter />
</div>
{/* <div className={styles.search}>
<Search />
</div> */}
</div>
</Header>
<Content className={styles.content}>
<TabCon />
</Content>
{/* <Footer className={styles.footer}>
copyright ©2014-2017，All Rights Reserved 沪ICP备14034791号-2<br />
版权所有上海小羚羊软件股份有限公司 咨询电话：400-880-6237
</Footer> */}
</Layout>
{ ['project.xlyprint.cn', 'localhost'].includes(location.hostname) ? <ProblemFeedback /> : <Feedback /> }
</ConfigProvider>
);
}
IndexPage.propTypes = {};
export default connect(({ app }) => ({ app }))(IndexPage);