react_hsbc_teller 2.0.54 → 2.0.56
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 +329 -323
- 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/lib/hsbc.js.LICENSE.txt +13 -16
- package/package.json +110 -110
- package/packages/api/api.js +818 -818
- package/packages/api/server.js +50 -50
- package/packages/common/index.esm.js +374 -374
- package/packages/demo/demo.js +306 -306
- package/packages/demo/index.js +3 -3
- package/packages/demo/pdf.js +94 -94
- package/packages/envconfig/envconfig.js +12 -12
- package/packages/index.js +2 -2
- package/packages/pages/components/step/step.jsx +32 -31
- package/packages/pages/foot/foot.jsx +235 -235
- package/packages/pages/foot/foot.less +85 -85
- 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/multiModule/components/copy/agree.jsx +115 -115
- package/packages/pages/multiModule/components/copy/agree.less +105 -105
- package/packages/pages/multiModule/components/copy/copyTwo.jsx +682 -682
- package/packages/pages/multiModule/components/copy/copyTwo.less +180 -180
- package/packages/pages/multiModule/components/copy/copy_en.jsx +368 -368
- package/packages/pages/multiModule/components/copy/copy_en.less +145 -145
- package/packages/pages/multiModule/components/copy/copylist.jsx +291 -291
- package/packages/pages/multiModule/components/copy/copylist.less +83 -83
- package/packages/pages/multiModule/components/copy/risk.jsx +296 -296
- package/packages/pages/multiModule/components/copy/risk.less +123 -123
- package/packages/pages/multiModule/components/sign/signMy.jsx +308 -308
- package/packages/pages/multiModule/components/sign/signMy.less +127 -127
- package/packages/pages/multiModule/components/subscribe/subscribe.jsx +113 -113
- package/packages/pages/multiModule/components/subscribe/subscribe.less +82 -82
- package/packages/pages/multiModule/multiModule.jsx +26 -26
- package/packages/pages/multiModule/multiModule.less +19 -19
- package/packages/pages/sign/signMy.jsx +223 -223
- package/packages/pages/sign/signMy.less +129 -129
- package/packages/pages/video/video.jsx +7746 -7745
- package/packages/pages/video/video.less +715 -715
- package/packages/style/index.less +1 -1
- package/packages/style/reset.less +345 -345
- package/packages/utils/asrController.js +259 -259
- package/packages/utils/asyncComponent.jsx +26 -26
- package/packages/utils/mixin.js +27 -27
- package/packages/utils/setRem.js +10 -10
- package/packages/utils/utils.js +199 -199
- package/public/index.html +77 -77
- package/src/index.js +11 -11
- package/src/index.less +5 -5
- package/tsconfig.json +11 -11
package/packages/demo/pdf.js
CHANGED
|
@@ -1,94 +1,94 @@
|
|
|
1
|
-
import React, { Component } from "react";
|
|
2
|
-
|
|
3
|
-
class pdf extends Component {
|
|
4
|
-
state = {
|
|
5
|
-
testTime: '',
|
|
6
|
-
isVideo: false,
|
|
7
|
-
tellerAccount: '',
|
|
8
|
-
callbackUrl: 'http://47.102.126.132:8720/hsbc/callback',
|
|
9
|
-
businessNumber: '',
|
|
10
|
-
lang: 'zh',
|
|
11
|
-
roomServerUrl: 'wss://mrtc.mpaas.cn-hangzhou.aliyuncs.com/ws',
|
|
12
|
-
baseURL:'https://counter-web.leimondata.cn:18082/api/leimon-counter-api',
|
|
13
|
-
resourcePath:'https://counter-web.leimondata.cn:7199',
|
|
14
|
-
}
|
|
15
|
-
componentDidMount () {
|
|
16
|
-
this.countTimer()
|
|
17
|
-
}
|
|
18
|
-
componentWillUnmount() {
|
|
19
|
-
clearInterval(this.state.timer)
|
|
20
|
-
}
|
|
21
|
-
startVideo = () => {
|
|
22
|
-
this.setState({
|
|
23
|
-
isVideo: true
|
|
24
|
-
})
|
|
25
|
-
}
|
|
26
|
-
onLeaveRoom = (val) => {
|
|
27
|
-
console.log(val)
|
|
28
|
-
this.setState({
|
|
29
|
-
isVideo: false
|
|
30
|
-
})
|
|
31
|
-
}
|
|
32
|
-
handleChangeTeller = (event) => {
|
|
33
|
-
this.setState({
|
|
34
|
-
tellerAccount: event.target.value
|
|
35
|
-
})
|
|
36
|
-
}
|
|
37
|
-
handleChangeCall = (event) => {
|
|
38
|
-
this.setState({
|
|
39
|
-
callbackUrl: event.target.value
|
|
40
|
-
})
|
|
41
|
-
}
|
|
42
|
-
handleChangeBysiness = (event) => {
|
|
43
|
-
this.setState({
|
|
44
|
-
businessNumber: event.target.value
|
|
45
|
-
})
|
|
46
|
-
}
|
|
47
|
-
|
|
48
|
-
handleRoomServerUrl = (event) => {
|
|
49
|
-
this.setState({
|
|
50
|
-
roomServerUrl: event.target.value
|
|
51
|
-
})
|
|
52
|
-
}
|
|
53
|
-
handleBaseURL = (event) => {
|
|
54
|
-
this.setState({
|
|
55
|
-
baseURL: event.target.value
|
|
56
|
-
})
|
|
57
|
-
}
|
|
58
|
-
handleResourcePath = (event) => {
|
|
59
|
-
this.setState({
|
|
60
|
-
resourcePath: event.target.value
|
|
61
|
-
})
|
|
62
|
-
}
|
|
63
|
-
countTimer = () => {
|
|
64
|
-
this.state.timer = setInterval(() => {
|
|
65
|
-
this.setState({
|
|
66
|
-
testTime: new Date().toString()
|
|
67
|
-
})
|
|
68
|
-
}, 1000);
|
|
69
|
-
}
|
|
70
|
-
|
|
71
|
-
render() {
|
|
72
|
-
// console.log('22',this.props)
|
|
73
|
-
return (
|
|
74
|
-
<div className="test" style={{width: this.props.width,height:this.props.height}}>
|
|
75
|
-
{
|
|
76
|
-
<div>
|
|
77
|
-
坐席账号:<input placeholder="请输入坐席账号" value={this.state.tellerAccount} onChange={e => this.handleChangeTeller(e)}></input>
|
|
78
|
-
回调地址:<input placeholder="请输入回调地址" value={this.state.callbackUrl} onChange={e => this.handleChangeCall(e)}></input>
|
|
79
|
-
全局流水号:<input placeholder="请输入全局流水号" value={this.state.businessNumber} onChange={e => this.handleChangeBysiness(e)}></input>
|
|
80
|
-
阿里服务器地址:<input placeholder="请输入阿里服务器地址" value={this.state.roomServerUrl} onChange={e => this.handleRoomServerUrl(e)}></input>
|
|
81
|
-
接口地址:<input placeholder="请输入接口地址" value={this.state.baseURL} onChange={e => this.handleBaseURL(e)}></input>
|
|
82
|
-
阿里资源服务地址:<input placeholder="请输入阿里资源服务地址" value={this.state.resourcePath} onChange={e => this.handleResourcePath(e)}></input>
|
|
83
|
-
|
|
84
|
-
<button className="button" onClick={this.startVideo.bind(this)}>开启视频</button>
|
|
85
|
-
<div>{this.state.testTime}</div>
|
|
86
|
-
</div>
|
|
87
|
-
}
|
|
88
|
-
</div>
|
|
89
|
-
);
|
|
90
|
-
}
|
|
91
|
-
}
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
export default pdf;
|
|
1
|
+
import React, { Component } from "react";
|
|
2
|
+
|
|
3
|
+
class pdf extends Component {
|
|
4
|
+
state = {
|
|
5
|
+
testTime: '',
|
|
6
|
+
isVideo: false,
|
|
7
|
+
tellerAccount: '',
|
|
8
|
+
callbackUrl: 'http://47.102.126.132:8720/hsbc/callback',
|
|
9
|
+
businessNumber: '',
|
|
10
|
+
lang: 'zh',
|
|
11
|
+
roomServerUrl: 'wss://mrtc.mpaas.cn-hangzhou.aliyuncs.com/ws',
|
|
12
|
+
baseURL:'https://counter-web.leimondata.cn:18082/api/leimon-counter-api',
|
|
13
|
+
resourcePath:'https://counter-web.leimondata.cn:7199',
|
|
14
|
+
}
|
|
15
|
+
componentDidMount () {
|
|
16
|
+
this.countTimer()
|
|
17
|
+
}
|
|
18
|
+
componentWillUnmount() {
|
|
19
|
+
clearInterval(this.state.timer)
|
|
20
|
+
}
|
|
21
|
+
startVideo = () => {
|
|
22
|
+
this.setState({
|
|
23
|
+
isVideo: true
|
|
24
|
+
})
|
|
25
|
+
}
|
|
26
|
+
onLeaveRoom = (val) => {
|
|
27
|
+
console.log(val)
|
|
28
|
+
this.setState({
|
|
29
|
+
isVideo: false
|
|
30
|
+
})
|
|
31
|
+
}
|
|
32
|
+
handleChangeTeller = (event) => {
|
|
33
|
+
this.setState({
|
|
34
|
+
tellerAccount: event.target.value
|
|
35
|
+
})
|
|
36
|
+
}
|
|
37
|
+
handleChangeCall = (event) => {
|
|
38
|
+
this.setState({
|
|
39
|
+
callbackUrl: event.target.value
|
|
40
|
+
})
|
|
41
|
+
}
|
|
42
|
+
handleChangeBysiness = (event) => {
|
|
43
|
+
this.setState({
|
|
44
|
+
businessNumber: event.target.value
|
|
45
|
+
})
|
|
46
|
+
}
|
|
47
|
+
|
|
48
|
+
handleRoomServerUrl = (event) => {
|
|
49
|
+
this.setState({
|
|
50
|
+
roomServerUrl: event.target.value
|
|
51
|
+
})
|
|
52
|
+
}
|
|
53
|
+
handleBaseURL = (event) => {
|
|
54
|
+
this.setState({
|
|
55
|
+
baseURL: event.target.value
|
|
56
|
+
})
|
|
57
|
+
}
|
|
58
|
+
handleResourcePath = (event) => {
|
|
59
|
+
this.setState({
|
|
60
|
+
resourcePath: event.target.value
|
|
61
|
+
})
|
|
62
|
+
}
|
|
63
|
+
countTimer = () => {
|
|
64
|
+
this.state.timer = setInterval(() => {
|
|
65
|
+
this.setState({
|
|
66
|
+
testTime: new Date().toString()
|
|
67
|
+
})
|
|
68
|
+
}, 1000);
|
|
69
|
+
}
|
|
70
|
+
|
|
71
|
+
render() {
|
|
72
|
+
// console.log('22',this.props)
|
|
73
|
+
return (
|
|
74
|
+
<div className="test" style={{width: this.props.width,height:this.props.height}}>
|
|
75
|
+
{
|
|
76
|
+
<div>
|
|
77
|
+
坐席账号:<input placeholder="请输入坐席账号" value={this.state.tellerAccount} onChange={e => this.handleChangeTeller(e)}></input>
|
|
78
|
+
回调地址:<input placeholder="请输入回调地址" value={this.state.callbackUrl} onChange={e => this.handleChangeCall(e)}></input>
|
|
79
|
+
全局流水号:<input placeholder="请输入全局流水号" value={this.state.businessNumber} onChange={e => this.handleChangeBysiness(e)}></input>
|
|
80
|
+
阿里服务器地址:<input placeholder="请输入阿里服务器地址" value={this.state.roomServerUrl} onChange={e => this.handleRoomServerUrl(e)}></input>
|
|
81
|
+
接口地址:<input placeholder="请输入接口地址" value={this.state.baseURL} onChange={e => this.handleBaseURL(e)}></input>
|
|
82
|
+
阿里资源服务地址:<input placeholder="请输入阿里资源服务地址" value={this.state.resourcePath} onChange={e => this.handleResourcePath(e)}></input>
|
|
83
|
+
|
|
84
|
+
<button className="button" onClick={this.startVideo.bind(this)}>开启视频</button>
|
|
85
|
+
<div>{this.state.testTime}</div>
|
|
86
|
+
</div>
|
|
87
|
+
}
|
|
88
|
+
</div>
|
|
89
|
+
);
|
|
90
|
+
}
|
|
91
|
+
}
|
|
92
|
+
|
|
93
|
+
|
|
94
|
+
export default pdf;
|
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* 全局配置文件
|
|
3
|
-
*/
|
|
4
|
-
let baseURL;
|
|
5
|
-
// let imgUrl = '//elm.cangdu.org/img/';
|
|
6
|
-
if(process.env.NODE_ENV === 'development'){
|
|
7
|
-
baseURL = 'https://counter-web.leimondata.cn:18082/api/leimon-counter-api';
|
|
8
|
-
}else{
|
|
9
|
-
baseURL = 'https://counter-web.leimondata.cn:18082/api/leimon-counter-api';
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
|
|
1
|
+
/**
|
|
2
|
+
* 全局配置文件
|
|
3
|
+
*/
|
|
4
|
+
let baseURL;
|
|
5
|
+
// let imgUrl = '//elm.cangdu.org/img/';
|
|
6
|
+
if(process.env.NODE_ENV === 'development'){
|
|
7
|
+
baseURL = 'https://counter-web.leimondata.cn:18082/api/leimon-counter-api';
|
|
8
|
+
}else{
|
|
9
|
+
baseURL = 'https://counter-web.leimondata.cn:18082/api/leimon-counter-api';
|
|
10
|
+
}
|
|
11
|
+
|
|
12
|
+
|
|
13
13
|
export default {baseURL}
|
package/packages/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import "./style/index.less";
|
|
2
|
-
export { default as HSBC } from "./pages/index";
|
|
1
|
+
import "./style/index.less";
|
|
2
|
+
export { default as HSBC } from "./pages/index";
|
|
3
3
|
// export { default as HSBC } from "./demo/demo";
|
|
@@ -1,32 +1,33 @@
|
|
|
1
|
-
import React, { Component } from 'react';
|
|
2
|
-
import Steps from "antd/lib/steps";
|
|
3
|
-
import 'antd/lib/steps/style'
|
|
4
|
-
const { Step } = Steps;
|
|
5
|
-
|
|
6
|
-
export default class step extends Component {
|
|
7
|
-
render() {
|
|
8
|
-
let current = this.props.current;
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
<
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
{
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
1
|
+
import React, { Component } from 'react';
|
|
2
|
+
import Steps from "antd/lib/steps";
|
|
3
|
+
import 'antd/lib/steps/style'
|
|
4
|
+
const { Step } = Steps;
|
|
5
|
+
|
|
6
|
+
export default class step extends Component {
|
|
7
|
+
render() {
|
|
8
|
+
let current = this.props.current;
|
|
9
|
+
let isOcr = this.props.ocr;
|
|
10
|
+
return (
|
|
11
|
+
<div style={{...this.props.style}}>
|
|
12
|
+
<div style={{marginBottom: '10px'}}>{isOcr ? '客户证件识别' : '客户身份验证'}</div>
|
|
13
|
+
<Steps current={current} direction={this.props.direction} size="small" style={{width:'150px', height: '200px'}}>
|
|
14
|
+
{/* step1 */}
|
|
15
|
+
<Step status={current==0? '':'wait'} title="请选择客户" />
|
|
16
|
+
|
|
17
|
+
{/* step2 */}
|
|
18
|
+
<Step status={current==1? '':'wait'} title={isOcr ? '确认客户证件类型' : '确认客户证件类型&客户授权'} />
|
|
19
|
+
|
|
20
|
+
{/* step3 */}
|
|
21
|
+
<Step status={current==2? '':'wait'} title="证件信息核查" />
|
|
22
|
+
|
|
23
|
+
{/* step4 */}
|
|
24
|
+
{ current==3 && <Step title="人脸识别" />}
|
|
25
|
+
</Steps>
|
|
26
|
+
</div>
|
|
27
|
+
)
|
|
28
|
+
}
|
|
29
|
+
}
|
|
30
|
+
step.defaultProps = {
|
|
31
|
+
current: 0,
|
|
32
|
+
direction: 'vertical',
|
|
32
33
|
}
|