react_hsbc_teller 2.0.4 → 2.0.6-5.1

package/packages/demo/pdf.js

@@ -1,79 +1,94 @@
-import React, { Component } from "react";
-
-class pdf extends Component {
-  state = {
-    isVideo: false,
-    tellerAccount: '',
-    callbackUrl: 'http://47.102.126.132:8720/hsbc/callback',
-    businessNumber: '',
-    lang: 'zh',
-    roomServerUrl: 'wss://mrtc.mpaas.cn-hangzhou.aliyuncs.com/ws',
-    baseURL:'https://counter-web.leimondata.cn:18082/api/leimon-counter-api',
-    resourcePath:'https://counter-web.leimondata.cn:7199',
-}
-startVideo = () => {
-    this.setState({
-        isVideo: true
-    })
-}
-onLeaveRoom = (val) => {
-    console.log(val)
-    this.setState({
-        isVideo: false
-    })
-}
-handleChangeTeller = (event) => {
-    this.setState({
-        tellerAccount: event.target.value
-    })
-}
-handleChangeCall = (event) => {
-    this.setState({
-        callbackUrl: event.target.value
-    })
-}
-handleChangeBysiness = (event) => {
-    this.setState({
-        businessNumber: event.target.value
-    })
-}
-
-handleRoomServerUrl = (event) => {
-    this.setState({
-        roomServerUrl: event.target.value
-    })
-}
-handleBaseURL = (event) => {
-    this.setState({
-        baseURL: event.target.value
-    })
-}
-handleResourcePath = (event) => {
-    this.setState({
-        resourcePath: event.target.value
-    })
-}
-
-  render() {
-    console.log('22',this.props)
-    return (
-      <div className="test" style={{width: this.props.width,height:this.props.height}}>
-                {
-                        <div>
-                            坐席账号：<input placeholder="请输入坐席账号" value={this.state.tellerAccount} onChange={e => this.handleChangeTeller(e)}></input>
-                            回调地址：<input placeholder="请输入回调地址" value={this.state.callbackUrl} onChange={e => this.handleChangeCall(e)}></input>
-                            全局流水号：<input placeholder="请输入全局流水号" value={this.state.businessNumber} onChange={e => this.handleChangeBysiness(e)}></input>
-                            阿里服务器地址：<input placeholder="请输入阿里服务器地址" value={this.state.roomServerUrl} onChange={e => this.handleRoomServerUrl(e)}></input>
-                            接口地址：<input placeholder="请输入接口地址" value={this.state.baseURL} onChange={e => this.handleBaseURL(e)}></input>
-                            阿里资源服务地址：<input placeholder="请输入阿里资源服务地址" value={this.state.resourcePath} onChange={e => this.handleResourcePath(e)}></input>
-
-                            <button className="button" onClick={this.startVideo.bind(this)}>开启视频</button>
-                        </div>
-                }
-            </div>
-    );
-  }
-}
-
-
-export default pdf;
+import React, { Component } from "react";
+
+class pdf extends Component {
+  state = {
+    testTime: '',
+    isVideo: false,
+    tellerAccount: '',
+    callbackUrl: 'http://47.102.126.132:8720/hsbc/callback',
+    businessNumber: '',
+    lang: 'zh',
+    roomServerUrl: 'wss://mrtc.mpaas.cn-hangzhou.aliyuncs.com/ws',
+    baseURL:'https://counter-web.leimondata.cn:18082/api/leimon-counter-api',
+    resourcePath:'https://counter-web.leimondata.cn:7199',
+}
+componentDidMount () {
+    this.countTimer()
+}
+componentWillUnmount() {
+    clearInterval(this.state.timer)
+}
+startVideo = () => {
+    this.setState({
+        isVideo: true
+    })
+}
+onLeaveRoom = (val) => {
+    console.log(val)
+    this.setState({
+        isVideo: false
+    })
+}
+handleChangeTeller = (event) => {
+    this.setState({
+        tellerAccount: event.target.value
+    })
+}
+handleChangeCall = (event) => {
+    this.setState({
+        callbackUrl: event.target.value
+    })
+}
+handleChangeBysiness = (event) => {
+    this.setState({
+        businessNumber: event.target.value
+    })
+}
+
+handleRoomServerUrl = (event) => {
+    this.setState({
+        roomServerUrl: event.target.value
+    })
+}
+handleBaseURL = (event) => {
+    this.setState({
+        baseURL: event.target.value
+    })
+}
+handleResourcePath = (event) => {
+    this.setState({
+        resourcePath: event.target.value
+    })
+}
+countTimer = () => {
+    this.state.timer = setInterval(() => {
+        this.setState({
+            testTime: new Date().toString()
+        })
+    }, 1000);
+}
+
+  render() {
+    // console.log('22',this.props)
+    return (
+      <div className="test" style={{width: this.props.width,height:this.props.height}}>
+                {
+                        <div>
+                            坐席账号：<input placeholder="请输入坐席账号" value={this.state.tellerAccount} onChange={e => this.handleChangeTeller(e)}></input>
+                            回调地址：<input placeholder="请输入回调地址" value={this.state.callbackUrl} onChange={e => this.handleChangeCall(e)}></input>
+                            全局流水号：<input placeholder="请输入全局流水号" value={this.state.businessNumber} onChange={e => this.handleChangeBysiness(e)}></input>
+                            阿里服务器地址：<input placeholder="请输入阿里服务器地址" value={this.state.roomServerUrl} onChange={e => this.handleRoomServerUrl(e)}></input>
+                            接口地址：<input placeholder="请输入接口地址" value={this.state.baseURL} onChange={e => this.handleBaseURL(e)}></input>
+                            阿里资源服务地址：<input placeholder="请输入阿里资源服务地址" value={this.state.resourcePath} onChange={e => this.handleResourcePath(e)}></input>
+
+                            <button className="button" onClick={this.startVideo.bind(this)}>开启视频</button>
+                            <div>{this.state.testTime}</div>
+                        </div>
+                }
+            </div>
+    );
+  }
+}
+
+
+export default pdf;

package/packages/envconfig/envconfig.js

@@ -1,13 +1,13 @@
-/**
- * 全局配置文件
- */
-let baseURL; 
-// let imgUrl = '//elm.cangdu.org/img/';
-if(process.env.NODE_ENV === 'development'){
-  baseURL = 'https://counter-web.leimondata.cn:18082/api/leimon-counter-api';
-}else{
-  baseURL = 'https://counter-web.leimondata.cn:18082/api/leimon-counter-api';
-}
-
-
+/**
+ * 全局配置文件
+ */
+let baseURL; 
+// let imgUrl = '//elm.cangdu.org/img/';
+if(process.env.NODE_ENV === 'development'){
+  baseURL = 'https://counter-web.leimondata.cn:18082/api/leimon-counter-api';
+}else{
+  baseURL = 'https://counter-web.leimondata.cn:18082/api/leimon-counter-api';
+}
+
+
 export default {baseURL}

package/packages/index.js

@@ -1,3 +1,3 @@
-import "./style/index.less";
-export { default as HSBC } from "./pages/index";
+import "./style/index.less";
+export { default as HSBC } from "./pages/index";
 // export { default as HSBC } from "./demo/demo";

package/packages/pages/components/step/step.jsx

@@ -1,32 +1,26 @@
-import React, { Component } from 'react';
-import Steps from "antd/lib/steps";
-import 'antd/lib/steps/style'
-const { Step } = Steps;
-
-export default class step extends Component {
-    render() {
-        let current = this.props.current;
-        return (
-            <div style={{...this.props.style}}>
-                <div style={{marginBottom: '10px'}}>客户身份验证</div>
-                <Steps current={current} direction={this.props.direction} size="small" style={{width:'150px', height: '200px'}}>
-                    {/* step1 */}
-                    <Step status={current==0? '':'wait'} title="选择客户" />
-
-                    {/* step2 */}
-                    <Step status={current==1? '':'wait'} title="确认客户证件类型&客户授权" />
-
-                    {/* step3 */}
-                    <Step status={current==2? '':'wait'} title="证件信息核查" />
-
-                    {/* step4 */}
-                    { current==3 && <Step title="人脸识别" />}
-                </Steps>
-         </div>
-        )
-    }
-}
-step.defaultProps = {
-    current: 0,
-    direction: 'vertical',
+import React, { Component } from 'react';
+import Steps from "antd/lib/steps";
+import 'antd/lib/steps/style'
+const { Step } = Steps;
+
+export default class step extends Component {
+    render() {
+        let current = this.props.current;
+        return (
+            <div style={{...this.props.style}}>
+                <div style={{marginBottom: '10px'}}>客户证件识别</div>
+                <Steps current={current} direction={this.props.direction} size="small" style={{width:'150px', height: '200px'}}>
+                    <Step status={current===0? '':'wait'} title="请选择客户类型" />
+                    <Step status={current===1? '':'wait'} title="请选择客户" />
+                    <Step status={current===2? '':'wait'} title="确认客户证件类型" />
+                    <Step status={current===3? '':'wait'} title="证件信息核查" />
+                    { current===4 && <Step title="人脸识别" />}
+                </Steps>
+         </div>
+        )
+    }
+}
+step.defaultProps = {
+    current: 0,
+    direction: 'vertical',
 }