react_hsbc_teller 1.9.8 → 1.9.81

package/packages/demo/pdf.js

@@ -1,79 +1,79 @@
-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 = {
+    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;

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/foot/foot.jsx

@@ -1,213 +1,213 @@
-import React, { Component } from 'react';
-import './foot.less'
-import Popover from "antd/lib/popover";
-import 'antd/lib/popover/style'
-export default class foot extends Component {
-    voice = () => {
-        this.props.voice()
-    }
-    cameraClick = () => {
-        this.props.cameraClick()
-    }
-    transcribingClick = () => {
-        this.props.transcribingClick()
-    }
-    sharedScreen=()=>{
-        this.props.sharedScreen()
-    }
-    suspend=()=>{
-        this.props.suspend()
-    }
-    endSession=()=>{
-        this.props.endSession()
-    }
-    facialRecognition=()=>{
-        this.props.facialRecognition()
-    }
-    ocrClick=()=>{
-        this.props.ocrClick()
-    }
-    pictureInPicture=()=>{
-        this.props.pictureInPicture()
-    }
-    invitationClick=()=>{
-        this.props.invitationClick()
-    }
-    customerFaceClick=(item)=>{
-        this.props.customerFaceClick(item)
-    }
-    facialHandleVisibleChange = visible => {
-        console.log(visible)
-        this.props.facialHandleVisibleChange(visible)
-      };
-      ocrHandleVisibleChange = visible => {
-        console.log(visible)
-        this.props.ocrHandleVisibleChange(visible)
-      };
-      inspection = ()=>{
-          this.props.inspection()
-      }
-      switchExternal=()=>{
-        this.props.switchExternal()
-    }
-    beautyClick=()=>{
-        this.props.beautyClick()
-    }
-    graffiti=()=>{
-        this.props.graffiti()
-    }
-    virtualization=()=>{
-        this.props.virtualization()
-    }
-    render() {
-        const {clickedOcr,clickedFacial,img,isWhiteboard,cameraImg,isTranscribing ,screenName,suspendName,customerList,menus,voiceName,beautyName} = this.props
-        const content = (
-            <div>
-              {customerList.map((item,index)=>{
-                  return  <div key={index}className="customer" onClick={this.customerFaceClick.bind(this,item)}>
-                      <img className="imgClassFoot" alt="" src={require("../../assets/img/youke.png").default} />
-                      <span className="listLi" key={item.customerId}>{item.name}</span>
-                      </div>
-              }
-              )
-                }
-            </div>
-          );
-          const defaultList = (
-              <div className="total totalTwo">
-                  {/* {
-                      isWhiteboard&&<div className='footHover' onClick={this.switchExternal.bind(this)}>
-                      <div className="one">
-                          <img className="imgClass" src={require("../../assets/img/switchExternal.png").default} alt="" />
-                          <div className="text">
-                              白板
-                          </div>
-                      </div>
-                      </div>
-                  } */}        
-                  {
-                      menus.map((item,index)=>{
-                          return <div key={index}className='footHover'>
-                          {
-                      item == 'GRAFFITI'&&<div className='footHover' onClick={this.graffiti.bind(this)}>
-                      <div className="one">
-                          <img className="imgClass" src={require("../../assets/img/tuya.png").default} alt="" />
-                          <div className="text">
-                          互动涂鸦
-                          </div>
-                      </div>
-                      </div>
-                  }
-                  {
-                      item == 'BACKGROUND'&&<div className='footHover' onClick={this.virtualization.bind(this)}>
-                      <div className="one">
-                          <img className="imgClass" src={require("../../assets/img/beijing.png").default} alt="" />
-                          <div className="text">
-                          背景虚化
-                          </div>
-                      </div>
-                      </div>
-                  }
-                              {
-                      item == 'BOARD'&&<div className='footHover' onClick={this.switchExternal.bind(this)}>
-                      <div className="one">
-                          <img className="imgClass" src={require("../../assets/img/switchExternal.png").default} alt="" />
-                          <div className="text">
-                          远程签署
-                          </div>
-                      </div>
-                      </div>
-                  }
-                              {
-                                 item == 'SHARE' && <div className="one" onClick={this.sharedScreen.bind(this)}>
-                                  <img className="imgClass" src={require("../../assets/img/Projection_screen.png").default} alt="" />
-                                  <div className="text">
-                                      {screenName}
-                                  </div>
-                              </div>
-                              }
-                              {
-                                  item == 'FRIES' && <Popover content={content} trigger="click" visible={clickedFacial} onVisibleChange={this.facialHandleVisibleChange}>
-                                  <div className="one" onClick={this.facialRecognition.bind(this)}>
-                                      <img className="imgClass" src={require("../../assets/img/Face_recognition.png").default} alt="" />
-                                      <div className="text">
-                                          人脸识别
-                                      </div>
-                                  </div>
-                                  </Popover>
-                              }
-                              {
-                                  item == 'OCR' && 
-                                //   <Popover content={content} trigger="click" visible={clickedOcr} onVisibleChange={this.ocrHandleVisibleChange}>
-                                  <div className="one"  onClick={this.ocrClick.bind(this)}>
-                                      <img className="imgClass" src={require("../../assets/img/icon_ocr.png").default} alt="" />
-                                      <div className="text">
-                                          OCR识别
-                                      </div>
-                                  </div>
-                                //   </Popover>
-                              }
-                              {
-                                  item == 'INVITE' && <div className="one" onClick={this.invitationClick.bind(this)}>
-                                  <img className="imgClass" src={require("../../assets/img/icon_invitation.png").default} alt="" />
-                                  <div className="text">
-                                  邀请参会者
-                                  </div>
-                              </div>
-                              }
-                              
-                              
-                              {
-                              item == 'PIP' && <div className="one" onClick={this.pictureInPicture.bind(this)}>
-                                  <img className="imgClass" src={require("../../assets/img/huazhonghua.png").default} alt="" />
-                                  <div className="text">
-                                  开启视频画中画
-                                  </div>
-                              </div>
-                      }
-                      {
-                          item == 'BEAUTY' && <div className="one" onClick={this.beautyClick.bind(this)}>
-                          <img className="imgClass" src={require("../../assets/img/meiyan.png").default} alt="" />
-                          <div className="text">
-                          {beautyName}
-                          </div>
-                      </div>
-                      }
-                          </div>
-                            
-                      })
-                  }
-              </div>
-          );
-        return (
-            <div className="foot">
-                <div className="total">
-                    <div className='footHover' onClick={this.voice.bind(this)}>
-                        <div className="one">
-                        <img className="imgClass" src={img} alt="" />
-                        <div className="text">
-                            {voiceName}
-                        </div>
-                        </div>
-                        
-                    </div>
-                    <div className='footHover' onClick={this.inspection.bind(this)}>
-                    <div className="one">
-                        <img className="imgClass" src={require("../../assets/img/inspection.png").default} alt="" />
-                        <div className="text">
-                        设置视频设备
-                        </div>
-                    </div>
-                    </div>
-                </div>
-                {defaultList}
-                
-                <div className="total totalThree">
-                    <button className="buttonClass" onClick={this.endSession.bind(this)}>
-                        <span className="spanClass">结束会议</span>
-                    </button>
-                </div>
-            </div>
-        )
-    }
+import React, { Component } from 'react';
+import './foot.less'
+import Popover from "antd/lib/popover";
+import 'antd/lib/popover/style'
+export default class foot extends Component {
+    voice = () => {
+        this.props.voice()
+    }
+    cameraClick = () => {
+        this.props.cameraClick()
+    }
+    transcribingClick = () => {
+        this.props.transcribingClick()
+    }
+    sharedScreen=()=>{
+        this.props.sharedScreen()
+    }
+    suspend=()=>{
+        this.props.suspend()
+    }
+    endSession=()=>{
+        this.props.endSession()
+    }
+    facialRecognition=()=>{
+        this.props.facialRecognition()
+    }
+    ocrClick=()=>{
+        this.props.ocrClick()
+    }
+    pictureInPicture=()=>{
+        this.props.pictureInPicture()
+    }
+    invitationClick=()=>{
+        this.props.invitationClick()
+    }
+    customerFaceClick=(item)=>{
+        this.props.customerFaceClick(item)
+    }
+    facialHandleVisibleChange = visible => {
+        console.log(visible)
+        this.props.facialHandleVisibleChange(visible)
+      };
+      ocrHandleVisibleChange = visible => {
+        console.log(visible)
+        this.props.ocrHandleVisibleChange(visible)
+      };
+      inspection = ()=>{
+          this.props.inspection()
+      }
+      switchExternal=()=>{
+        this.props.switchExternal()
+    }
+    beautyClick=()=>{
+        this.props.beautyClick()
+    }
+    graffiti=()=>{
+        this.props.graffiti()
+    }
+    virtualization=()=>{
+        this.props.virtualization()
+    }
+    render() {
+        const {clickedOcr,clickedFacial,img,isWhiteboard,cameraImg,isTranscribing ,screenName,suspendName,customerList,menus,voiceName,beautyName} = this.props
+        const content = (
+            <div>
+              {customerList.map((item,index)=>{
+                  return  <div key={index}className="customer" onClick={this.customerFaceClick.bind(this,item)}>
+                      <img className="imgClassFoot" alt="" src={require("../../assets/img/youke.png").default} />
+                      <span className="listLi" key={item.customerId}>{item.name}</span>
+                      </div>
+              }
+              )
+                }
+            </div>
+          );
+          const defaultList = (
+              <div className="total totalTwo">
+                  {/* {
+                      isWhiteboard&&<div className='footHover' onClick={this.switchExternal.bind(this)}>
+                      <div className="one">
+                          <img className="imgClass" src={require("../../assets/img/switchExternal.png").default} alt="" />
+                          <div className="text">
+                              白板
+                          </div>
+                      </div>
+                      </div>
+                  } */}        
+                  {
+                      menus.map((item,index)=>{
+                          return <div key={index}className='footHover'>
+                          {
+                      item == 'GRAFFITI'&&<div className='footHover' onClick={this.graffiti.bind(this)}>
+                      <div className="one">
+                          <img className="imgClass" src={require("../../assets/img/tuya.png").default} alt="" />
+                          <div className="text">
+                          互动涂鸦
+                          </div>
+                      </div>
+                      </div>
+                  }
+                  {
+                      item == 'BACKGROUND'&&<div className='footHover' onClick={this.virtualization.bind(this)}>
+                      <div className="one">
+                          <img className="imgClass" src={require("../../assets/img/beijing.png").default} alt="" />
+                          <div className="text">
+                          背景虚化
+                          </div>
+                      </div>
+                      </div>
+                  }
+                              {
+                      item == 'BOARD'&&<div className='footHover' onClick={this.switchExternal.bind(this)}>
+                      <div className="one">
+                          <img className="imgClass" src={require("../../assets/img/switchExternal.png").default} alt="" />
+                          <div className="text">
+                          远程签署
+                          </div>
+                      </div>
+                      </div>
+                  }
+                              {
+                                 item == 'SHARE' && <div className="one" onClick={this.sharedScreen.bind(this)}>
+                                  <img className="imgClass" src={require("../../assets/img/Projection_screen.png").default} alt="" />
+                                  <div className="text">
+                                      {screenName}
+                                  </div>
+                              </div>
+                              }
+                              {
+                                  item == 'FRIES' && <Popover content={content} trigger="click" visible={clickedFacial} onVisibleChange={this.facialHandleVisibleChange}>
+                                  <div className="one" onClick={this.facialRecognition.bind(this)}>
+                                      <img className="imgClass" src={require("../../assets/img/Face_recognition.png").default} alt="" />
+                                      <div className="text">
+                                          人脸识别
+                                      </div>
+                                  </div>
+                                  </Popover>
+                              }
+                              {
+                                  item == 'OCR' && 
+                                //   <Popover content={content} trigger="click" visible={clickedOcr} onVisibleChange={this.ocrHandleVisibleChange}>
+                                  <div className="one"  onClick={this.ocrClick.bind(this)}>
+                                      <img className="imgClass" src={require("../../assets/img/icon_ocr.png").default} alt="" />
+                                      <div className="text">
+                                          OCR识别
+                                      </div>
+                                  </div>
+                                //   </Popover>
+                              }
+                              {
+                                  item == 'INVITE' && <div className="one" onClick={this.invitationClick.bind(this)}>
+                                  <img className="imgClass" src={require("../../assets/img/icon_invitation.png").default} alt="" />
+                                  <div className="text">
+                                  邀请参会者
+                                  </div>
+                              </div>
+                              }
+                              
+                              
+                              {
+                              item == 'PIP' && <div className="one" onClick={this.pictureInPicture.bind(this)}>
+                                  <img className="imgClass" src={require("../../assets/img/huazhonghua.png").default} alt="" />
+                                  <div className="text">
+                                  开启视频画中画
+                                  </div>
+                              </div>
+                      }
+                      {
+                          item == 'BEAUTY' && <div className="one" onClick={this.beautyClick.bind(this)}>
+                          <img className="imgClass" src={require("../../assets/img/meiyan.png").default} alt="" />
+                          <div className="text">
+                          {beautyName}
+                          </div>
+                      </div>
+                      }
+                          </div>
+                            
+                      })
+                  }
+              </div>
+          );
+        return (
+            <div className="foot">
+                <div className="total">
+                    <div className='footHover' onClick={this.voice.bind(this)}>
+                        <div className="one">
+                        <img className="imgClass" src={img} alt="" />
+                        <div className="text">
+                            {voiceName}
+                        </div>
+                        </div>
+                        
+                    </div>
+                    <div className='footHover' onClick={this.inspection.bind(this)}>
+                    <div className="one">
+                        <img className="imgClass" src={require("../../assets/img/inspection.png").default} alt="" />
+                        <div className="text">
+                        设置视频设备
+                        </div>
+                    </div>
+                    </div>
+                </div>
+                {defaultList}
+                
+                <div className="total totalThree">
+                    <button className="buttonClass" onClick={this.endSession.bind(this)}>
+                        <span className="spanClass">结束会议</span>
+                    </button>
+                </div>
+            </div>
+        )
+    }
 }