react_hsbc_teller 1.9.8 → 1.9.81
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/.babelrc +39 -39
- package/README.en.md +36 -36
- package/README.md +52 -52
- package/config/webpack.config.js +119 -119
- package/config/webpack.dev.js +108 -108
- package/config/webpack.prod.js +104 -104
- package/lib/hsbc.js +1 -1
- package/package.json +108 -108
- package/packages/api/api.js +553 -553
- package/packages/api/server.js +50 -50
- package/packages/common/JKL.js +61 -61
- package/packages/common/XML.js +271 -271
- package/packages/common/index.esm.js +374 -374
- package/packages/common/websocket.js +267 -267
- package/packages/demo/demo.js +279 -279
- package/packages/demo/index.js +3 -3
- package/packages/demo/pdf.js +79 -79
- package/packages/envconfig/envconfig.js +12 -12
- package/packages/index.js +2 -2
- package/packages/pages/foot/foot.jsx +212 -212
- package/packages/pages/foot/foot.less +84 -84
- package/packages/pages/header/header.jsx +15 -15
- package/packages/pages/header/header.less +51 -51
- package/packages/pages/index.jsx +52 -52
- package/packages/pages/sign/signMy.jsx +221 -221
- package/packages/pages/sign/signMy.less +129 -129
- package/packages/pages/video/video.jsx +6768 -6756
- package/packages/pages/video/video.less +616 -616
- package/packages/style/index.less +1 -1
- package/packages/style/reset.less +345 -345
- package/packages/utils/asyncComponent.jsx +26 -26
- package/packages/utils/cell.js +64 -64
- package/packages/utils/mixin.js +27 -27
- package/packages/utils/setRem.js +10 -10
- package/public/index.html +77 -77
- package/src/index.js +11 -11
- package/src/index.less +5 -5
- package/tsconfig.json +11 -11
|
@@ -1,85 +1,85 @@
|
|
|
1
|
-
.foot{
|
|
2
|
-
background: #fff;
|
|
3
|
-
height: 4rem;
|
|
4
|
-
display: inline-flex;
|
|
5
|
-
width: 100%;
|
|
6
|
-
// margin: 10px 0;
|
|
7
|
-
// position: absolute;
|
|
8
|
-
// bottom: 0;
|
|
9
|
-
// left: 0;
|
|
10
|
-
}
|
|
11
|
-
.total{
|
|
12
|
-
display: inline-flex;
|
|
13
|
-
width: 25%;
|
|
14
|
-
height: 100%;
|
|
15
|
-
align-items: center;
|
|
16
|
-
// margin: 10px 0;
|
|
17
|
-
.one{
|
|
18
|
-
// padding-top: 5px;
|
|
19
|
-
padding: 5px 0;
|
|
20
|
-
display: flex;
|
|
21
|
-
line-height: 32px;
|
|
22
|
-
flex-direction: column;
|
|
23
|
-
align-items: center;
|
|
24
|
-
flex-wrap: nowrap;
|
|
25
|
-
}
|
|
26
|
-
.footHover{
|
|
27
|
-
margin: 0 5px;
|
|
28
|
-
}
|
|
29
|
-
.footHover :hover{
|
|
30
|
-
background: #F3F3F3;
|
|
31
|
-
border-radius: 8px;
|
|
32
|
-
}
|
|
33
|
-
.text{
|
|
34
|
-
margin-top: 8px;
|
|
35
|
-
padding-bottom: 10px;
|
|
36
|
-
text-align: center;
|
|
37
|
-
max-width: 110px;
|
|
38
|
-
min-width: 80px;
|
|
39
|
-
height: 11px;
|
|
40
|
-
font-size: 14px;
|
|
41
|
-
font-family: PingFangSC-Regular, PingFang SC;
|
|
42
|
-
font-weight: 400;
|
|
43
|
-
color: #333333;
|
|
44
|
-
line-height: 11px;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
.totalTwo{
|
|
48
|
-
justify-content: center;
|
|
49
|
-
width: 50%;
|
|
50
|
-
}
|
|
51
|
-
.totalThree{
|
|
52
|
-
// margin-top: 10px;
|
|
53
|
-
width: 25%;
|
|
54
|
-
padding-right: 20px;
|
|
55
|
-
justify-content: flex-end;
|
|
56
|
-
}
|
|
57
|
-
.buttonClass{
|
|
58
|
-
font-size: 16px;
|
|
59
|
-
color: #ffffff;
|
|
60
|
-
width: 90px;
|
|
61
|
-
height: 32px;
|
|
62
|
-
background: #B70000;
|
|
63
|
-
border-radius: 6px;
|
|
64
|
-
border: 1px #B70000 solid;
|
|
65
|
-
}
|
|
66
|
-
.spanClass{
|
|
67
|
-
font-size: 16px;
|
|
68
|
-
color: #FFFFFF;
|
|
69
|
-
}
|
|
70
|
-
.imgClassFoot{
|
|
71
|
-
width: 25px;
|
|
72
|
-
height: 25px;
|
|
73
|
-
margin-bottom: 3px;
|
|
74
|
-
}
|
|
75
|
-
.imgClass{
|
|
76
|
-
width: 25px;
|
|
77
|
-
height: 25px;
|
|
78
|
-
}
|
|
79
|
-
.listLi{
|
|
80
|
-
margin-top: 4px;
|
|
81
|
-
}
|
|
82
|
-
.customer:hover{
|
|
83
|
-
background: #F3F3F3;
|
|
84
|
-
border-radius: 8px;
|
|
1
|
+
.foot{
|
|
2
|
+
background: #fff;
|
|
3
|
+
height: 4rem;
|
|
4
|
+
display: inline-flex;
|
|
5
|
+
width: 100%;
|
|
6
|
+
// margin: 10px 0;
|
|
7
|
+
// position: absolute;
|
|
8
|
+
// bottom: 0;
|
|
9
|
+
// left: 0;
|
|
10
|
+
}
|
|
11
|
+
.total{
|
|
12
|
+
display: inline-flex;
|
|
13
|
+
width: 25%;
|
|
14
|
+
height: 100%;
|
|
15
|
+
align-items: center;
|
|
16
|
+
// margin: 10px 0;
|
|
17
|
+
.one{
|
|
18
|
+
// padding-top: 5px;
|
|
19
|
+
padding: 5px 0;
|
|
20
|
+
display: flex;
|
|
21
|
+
line-height: 32px;
|
|
22
|
+
flex-direction: column;
|
|
23
|
+
align-items: center;
|
|
24
|
+
flex-wrap: nowrap;
|
|
25
|
+
}
|
|
26
|
+
.footHover{
|
|
27
|
+
margin: 0 5px;
|
|
28
|
+
}
|
|
29
|
+
.footHover :hover{
|
|
30
|
+
background: #F3F3F3;
|
|
31
|
+
border-radius: 8px;
|
|
32
|
+
}
|
|
33
|
+
.text{
|
|
34
|
+
margin-top: 8px;
|
|
35
|
+
padding-bottom: 10px;
|
|
36
|
+
text-align: center;
|
|
37
|
+
max-width: 110px;
|
|
38
|
+
min-width: 80px;
|
|
39
|
+
height: 11px;
|
|
40
|
+
font-size: 14px;
|
|
41
|
+
font-family: PingFangSC-Regular, PingFang SC;
|
|
42
|
+
font-weight: 400;
|
|
43
|
+
color: #333333;
|
|
44
|
+
line-height: 11px;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
.totalTwo{
|
|
48
|
+
justify-content: center;
|
|
49
|
+
width: 50%;
|
|
50
|
+
}
|
|
51
|
+
.totalThree{
|
|
52
|
+
// margin-top: 10px;
|
|
53
|
+
width: 25%;
|
|
54
|
+
padding-right: 20px;
|
|
55
|
+
justify-content: flex-end;
|
|
56
|
+
}
|
|
57
|
+
.buttonClass{
|
|
58
|
+
font-size: 16px;
|
|
59
|
+
color: #ffffff;
|
|
60
|
+
width: 90px;
|
|
61
|
+
height: 32px;
|
|
62
|
+
background: #B70000;
|
|
63
|
+
border-radius: 6px;
|
|
64
|
+
border: 1px #B70000 solid;
|
|
65
|
+
}
|
|
66
|
+
.spanClass{
|
|
67
|
+
font-size: 16px;
|
|
68
|
+
color: #FFFFFF;
|
|
69
|
+
}
|
|
70
|
+
.imgClassFoot{
|
|
71
|
+
width: 25px;
|
|
72
|
+
height: 25px;
|
|
73
|
+
margin-bottom: 3px;
|
|
74
|
+
}
|
|
75
|
+
.imgClass{
|
|
76
|
+
width: 25px;
|
|
77
|
+
height: 25px;
|
|
78
|
+
}
|
|
79
|
+
.listLi{
|
|
80
|
+
margin-top: 4px;
|
|
81
|
+
}
|
|
82
|
+
.customer:hover{
|
|
83
|
+
background: #F3F3F3;
|
|
84
|
+
border-radius: 8px;
|
|
85
85
|
}
|
|
@@ -1,16 +1,16 @@
|
|
|
1
|
-
import React, { Component } from 'react';
|
|
2
|
-
import './header.less'
|
|
3
|
-
export default class header extends Component {
|
|
4
|
-
goOut=()=>{
|
|
5
|
-
|
|
6
|
-
}
|
|
7
|
-
render(){
|
|
8
|
-
return(
|
|
9
|
-
<div className="Hamburger">
|
|
10
|
-
<div className="left-header">
|
|
11
|
-
<div className="title">汇丰银行远程会议</div>
|
|
12
|
-
</div>
|
|
13
|
-
</div>
|
|
14
|
-
)
|
|
15
|
-
}
|
|
1
|
+
import React, { Component } from 'react';
|
|
2
|
+
import './header.less'
|
|
3
|
+
export default class header extends Component {
|
|
4
|
+
goOut=()=>{
|
|
5
|
+
|
|
6
|
+
}
|
|
7
|
+
render(){
|
|
8
|
+
return(
|
|
9
|
+
<div className="Hamburger">
|
|
10
|
+
<div className="left-header">
|
|
11
|
+
<div className="title">汇丰银行远程会议</div>
|
|
12
|
+
</div>
|
|
13
|
+
</div>
|
|
14
|
+
)
|
|
15
|
+
}
|
|
16
16
|
}
|
|
@@ -1,52 +1,52 @@
|
|
|
1
|
-
.Hamburger {
|
|
2
|
-
width: 100%;
|
|
3
|
-
height: 32px;
|
|
4
|
-
background: #FFFFFF;
|
|
5
|
-
box-shadow: 0px -1px 4px 0px #E6F0FF;
|
|
6
|
-
border-radius: 0px 0px 4px 4px;
|
|
7
|
-
display: flex;
|
|
8
|
-
justify-content: space-between;
|
|
9
|
-
align-items: center;
|
|
10
|
-
color: #185e75;
|
|
11
|
-
.left-header {
|
|
12
|
-
width: 100%;
|
|
13
|
-
display: inline-flex;
|
|
14
|
-
.title{
|
|
15
|
-
margin-left: 20px;
|
|
16
|
-
font-size: 16px;
|
|
17
|
-
font-family: PingFangSC-Regular, PingFang SC;
|
|
18
|
-
font-weight: 400;
|
|
19
|
-
color: #333333;
|
|
20
|
-
}
|
|
21
|
-
}
|
|
22
|
-
.right-header {
|
|
23
|
-
height: 32px;
|
|
24
|
-
margin-right:3px;
|
|
25
|
-
display: inline-flex;
|
|
26
|
-
text-align: end;
|
|
27
|
-
.one{
|
|
28
|
-
display: flex;
|
|
29
|
-
height: 32px;
|
|
30
|
-
flex-direction: column;
|
|
31
|
-
align-items: center;
|
|
32
|
-
flex-wrap: nowrap;
|
|
33
|
-
-webkit-app-region: no-drag;
|
|
34
|
-
}
|
|
35
|
-
.text{
|
|
36
|
-
margin-top: 2px;
|
|
37
|
-
text-align: center;
|
|
38
|
-
width: 32px;
|
|
39
|
-
height: 11px;
|
|
40
|
-
font-size: 14px;
|
|
41
|
-
font-family: PingFangSC-Regular, PingFang SC;
|
|
42
|
-
font-weight: 400;
|
|
43
|
-
color: #666666;
|
|
44
|
-
line-height: 11px;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
}
|
|
48
|
-
// img {
|
|
49
|
-
// pointer-events: none;
|
|
50
|
-
// width: 17px;
|
|
51
|
-
// margin-top: 2px;
|
|
1
|
+
.Hamburger {
|
|
2
|
+
width: 100%;
|
|
3
|
+
height: 32px;
|
|
4
|
+
background: #FFFFFF;
|
|
5
|
+
box-shadow: 0px -1px 4px 0px #E6F0FF;
|
|
6
|
+
border-radius: 0px 0px 4px 4px;
|
|
7
|
+
display: flex;
|
|
8
|
+
justify-content: space-between;
|
|
9
|
+
align-items: center;
|
|
10
|
+
color: #185e75;
|
|
11
|
+
.left-header {
|
|
12
|
+
width: 100%;
|
|
13
|
+
display: inline-flex;
|
|
14
|
+
.title{
|
|
15
|
+
margin-left: 20px;
|
|
16
|
+
font-size: 16px;
|
|
17
|
+
font-family: PingFangSC-Regular, PingFang SC;
|
|
18
|
+
font-weight: 400;
|
|
19
|
+
color: #333333;
|
|
20
|
+
}
|
|
21
|
+
}
|
|
22
|
+
.right-header {
|
|
23
|
+
height: 32px;
|
|
24
|
+
margin-right:3px;
|
|
25
|
+
display: inline-flex;
|
|
26
|
+
text-align: end;
|
|
27
|
+
.one{
|
|
28
|
+
display: flex;
|
|
29
|
+
height: 32px;
|
|
30
|
+
flex-direction: column;
|
|
31
|
+
align-items: center;
|
|
32
|
+
flex-wrap: nowrap;
|
|
33
|
+
-webkit-app-region: no-drag;
|
|
34
|
+
}
|
|
35
|
+
.text{
|
|
36
|
+
margin-top: 2px;
|
|
37
|
+
text-align: center;
|
|
38
|
+
width: 32px;
|
|
39
|
+
height: 11px;
|
|
40
|
+
font-size: 14px;
|
|
41
|
+
font-family: PingFangSC-Regular, PingFang SC;
|
|
42
|
+
font-weight: 400;
|
|
43
|
+
color: #666666;
|
|
44
|
+
line-height: 11px;
|
|
45
|
+
}
|
|
46
|
+
}
|
|
47
|
+
}
|
|
48
|
+
// img {
|
|
49
|
+
// pointer-events: none;
|
|
50
|
+
// width: 17px;
|
|
51
|
+
// margin-top: 2px;
|
|
52
52
|
// }
|
package/packages/pages/index.jsx
CHANGED
|
@@ -1,52 +1,52 @@
|
|
|
1
|
-
import React, { Component } from 'react';
|
|
2
|
-
import API from '@/api/api';
|
|
3
|
-
import Video from "@/pages/video/video";
|
|
4
|
-
import { IntlProvider } from 'react-intl';
|
|
5
|
-
|
|
6
|
-
class Main extends Component {
|
|
7
|
-
state = {
|
|
8
|
-
langPackage: {
|
|
9
|
-
en: {},
|
|
10
|
-
zh: {},
|
|
11
|
-
}
|
|
12
|
-
};
|
|
13
|
-
|
|
14
|
-
// 获取语言包
|
|
15
|
-
updateLanguage = async () => {
|
|
16
|
-
let res = await API.selectLang()
|
|
17
|
-
this.setState({
|
|
18
|
-
langPackage: {
|
|
19
|
-
en: res.en,
|
|
20
|
-
zh: res.cn,
|
|
21
|
-
}
|
|
22
|
-
});
|
|
23
|
-
// console.log(res)
|
|
24
|
-
window.localStorage.setItem("langData", JSON.stringify(Object.assign(res)));
|
|
25
|
-
}
|
|
26
|
-
componentWillMount() {
|
|
27
|
-
window.sessionStorage.setItem('baseURL',this.props.baseURL)
|
|
28
|
-
localStorage.setItem("a_lang", this.props.lang)
|
|
29
|
-
if (localStorage.getItem("langData")){
|
|
30
|
-
this.setState({langPackage: JSON.parse(localStorage.getItem("langData"))})
|
|
31
|
-
}
|
|
32
|
-
// console.log(JSON.parse(localStorage.getItem("langData")))
|
|
33
|
-
this.updateLanguage()
|
|
34
|
-
}
|
|
35
|
-
render() {
|
|
36
|
-
const lang = this.props.lang
|
|
37
|
-
|
|
38
|
-
// console.log(this.state.langPackage[lang])
|
|
39
|
-
return (
|
|
40
|
-
<IntlProvider locale={lang} messages={this.state.langPackage[lang]}>
|
|
41
|
-
<Video {...this.props}></Video>
|
|
42
|
-
</IntlProvider>
|
|
43
|
-
);
|
|
44
|
-
}
|
|
45
|
-
}
|
|
46
|
-
Main.defaultProps = {
|
|
47
|
-
lang: 'zh',
|
|
48
|
-
// baseURL: 'https://zuul.uat.dsp.hsbcfts.com.cn/wealth/zuul/api/leimon-counter-api',
|
|
49
|
-
baseURL:'https://counter-web.leimondata.cn:18082/api/leimon-counter-api/',
|
|
50
|
-
|
|
51
|
-
}
|
|
52
|
-
export default Main
|
|
1
|
+
import React, { Component } from 'react';
|
|
2
|
+
import API from '@/api/api';
|
|
3
|
+
import Video from "@/pages/video/video";
|
|
4
|
+
import { IntlProvider } from 'react-intl';
|
|
5
|
+
|
|
6
|
+
class Main extends Component {
|
|
7
|
+
state = {
|
|
8
|
+
langPackage: {
|
|
9
|
+
en: {},
|
|
10
|
+
zh: {},
|
|
11
|
+
}
|
|
12
|
+
};
|
|
13
|
+
|
|
14
|
+
// 获取语言包
|
|
15
|
+
updateLanguage = async () => {
|
|
16
|
+
let res = await API.selectLang()
|
|
17
|
+
this.setState({
|
|
18
|
+
langPackage: {
|
|
19
|
+
en: res.en,
|
|
20
|
+
zh: res.cn,
|
|
21
|
+
}
|
|
22
|
+
});
|
|
23
|
+
// console.log(res)
|
|
24
|
+
window.localStorage.setItem("langData", JSON.stringify(Object.assign(res)));
|
|
25
|
+
}
|
|
26
|
+
componentWillMount() {
|
|
27
|
+
window.sessionStorage.setItem('baseURL',this.props.baseURL)
|
|
28
|
+
localStorage.setItem("a_lang", this.props.lang)
|
|
29
|
+
if (localStorage.getItem("langData")){
|
|
30
|
+
this.setState({langPackage: JSON.parse(localStorage.getItem("langData"))})
|
|
31
|
+
}
|
|
32
|
+
// console.log(JSON.parse(localStorage.getItem("langData")))
|
|
33
|
+
this.updateLanguage()
|
|
34
|
+
}
|
|
35
|
+
render() {
|
|
36
|
+
const lang = this.props.lang
|
|
37
|
+
|
|
38
|
+
// console.log(this.state.langPackage[lang])
|
|
39
|
+
return (
|
|
40
|
+
<IntlProvider locale={lang} messages={this.state.langPackage[lang]}>
|
|
41
|
+
<Video {...this.props}></Video>
|
|
42
|
+
</IntlProvider>
|
|
43
|
+
);
|
|
44
|
+
}
|
|
45
|
+
}
|
|
46
|
+
Main.defaultProps = {
|
|
47
|
+
lang: 'zh',
|
|
48
|
+
// baseURL: 'https://zuul.uat.dsp.hsbcfts.com.cn/wealth/zuul/api/leimon-counter-api',
|
|
49
|
+
baseURL:'https://counter-web.leimondata.cn:18082/api/leimon-counter-api/',
|
|
50
|
+
|
|
51
|
+
}
|
|
52
|
+
export default Main
|