react_hsbc_teller 2.0.2 → 2.0.4-6.1

package/lib/hsbc.js.LICENSE.txt

@@ -4,6 +4,17 @@
   http://jedwatson.github.io/classnames
 */
 
+/*!
+ * 
+ * js-audio-recorder - js audio recorder plugin
+ * 
+ * @version v0.5.7
+ * @homepage https://github.com/2fps/recorder
+ * @author 2fps <echoweb@126.com> (https://www.zhuyuntao.cn)
+ * @license MIT
+ *         
+ */
+
 /*!
  * Determine if an object is a Buffer
  *

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react_hsbc_teller",
-  "version": "2.0.2",
+  "version": "2.0.46.1",
   "description": "React",
   "private": false,
   "main": "lib/hsbc.js",
@@ -89,6 +89,7 @@
     "axios": "0.19.0",
     "crypto-js": "^4.1.1",
     "html2canvas": "^1.4.0",
+    "js-audio-recorder": "^0.5.7",
     "qrcode.react": "^3.1.0",
     "react": "^17.0.1",
     "react-canvas-draw": "^1.1.1",

package/packages/api/api.js

@@ -57,6 +57,143 @@ class API extends Server{
       throw err;
     }
   }
+  /**
+   *  用途：获取录制状态
+   *  @url https://api.cangdu.org/shopro/data/products
+   *  返回http_code为200表示成功
+   *  @method post
+   *  @return {promise}
+   */
+  async getRecordStatus(params = {}){
+    try{
+      let result = await this.axios('get', '/hsbc/record/status?roomId=' + params.roomId, params); 
+      if(result && result.code === 200){
+        return result.data||[];
+      }else{
+        let err = {
+          tip: '录制状态获取失败',
+          response: result,
+          data: params,
+        }
+        throw err;
+      }
+    }catch(err){
+      throw err;
+    }
+  }
+  /**
+   *  用途：保存共享状态
+   *  返回http_code为200表示成功
+   *  @method post
+   *  @return {promise}
+   */
+  async editRmScreenStatus(params = {}){
+    try{
+      let result = await this.axios('post', '/hsbc/editRmScreenStatus', params); 
+      if(result && result.code === 200){
+        return result.data||[];
+      }else{
+        let err = {
+          tip: '共享状态保存失败',
+          response: result,
+          data: params,
+        }
+        throw err;
+      }
+    }catch(err){
+      throw err;
+    }
+  }
+  /**
+   *  用途：敏感词检测
+   *  @url https://api.cangdu.org/shopro/data/products
+   *  返回http_code为200表示成功
+   *  @method post
+   *  @return {promise}
+   */
+  async keywordMatch(params = {}){
+    try{
+      let result = await this.axios('post', '/hsbc/keywordMatch', params); 
+      if(result && result.code === 200){
+        return result.data||[];
+      }else{
+        let err = {
+          tip: '敏感词检测服务错误',
+          response: result,
+          data: params,
+        }
+        throw err;
+      }
+    }catch(err){
+      throw err;
+    }
+  }
+  /**
+   *  用途：开启业务录制
+   *  @url https://api.cangdu.org/shopro/data/products
+   *  返回http_code为200表示成功
+   *  @method post
+   *  @return {promise}
+   */
+  async startBusinessRecord(params = {}){
+    //  return this.axios('get', '/lang/select/2', params); 
+    try{
+      let result = await this.axios('post', '/hsbc/business/record', params); 
+      return result
+    }catch(err){
+      throw err;
+    }
+  }
+  /**
+   *  用途：人脸检测
+   *  @url https://api.cangdu.org/shopro/data/products
+   *  返回http_code为200表示成功
+   *  @method post
+   *  @return {promise}
+   */
+  async faceDetection(params = {}){
+    try{
+      let result = await this.axios('post', '/hsbc/faceDetection', params); 
+      if(result && result.code === 200){
+        return result.data||[];
+      }else{
+        let err = {
+          tip: '人脸检测失败',
+          response: result,
+          data: params,
+          // url: 'https://api.cangdu.org/shopro/data/products',
+        }
+        throw err;
+      }
+    }catch(err){
+      throw err;
+    }
+  }
+  /**
+   *  用途：录制过程打点
+   *  @url https://api.cangdu.org/shopro/data/products
+   *  返回http_code为200表示成功
+   *  @method post
+   *  @return {promise}
+   */
+  async saveVideoPoint(params = {}){
+    try{
+      let result = await this.axios('post', '/hsbc/business/point', params); 
+      if(result && result.code === 200){
+        return result.data||[];
+      }else{
+        let err = {
+          tip: '打点失败',
+          response: result,
+          data: params,
+          // url: 'https://api.cangdu.org/shopro/data/products',
+        }
+        throw err;
+      }
+    }catch(err){
+      throw err;
+    }
+  }
   async confirmCallback(params = {}){
     //  return this.axios('get', '/lang/select/2', params); 
     try{
@@ -154,6 +291,78 @@ class API extends Server{
       throw err;
     }
   }
+  async uploadLogCallback(params = {}){
+    //  return this.axios('get', '/lang/select/2', params); 
+    try{
+      let result = await this.axios('post', '/sessionLog/saveOrUpdate', params); 
+      // console.log(result)
+      if(result && (result.data instanceof Object) && result.code === 200){
+        return result||[];
+      }else{
+        let err = {
+          tip: '服务异常',
+          response: result,
+          data: params,
+          // url: 'https://api.cangdu.org/shopro/data/products',
+        }
+        throw err;
+      }
+    }catch(err){
+      throw err;
+    }
+  }
+  /**
+   *  用途：抄录结果回调后台
+   *  @url https://api.cangdu.org/shopro/data/products
+   *  返回http_code为200表示成功
+   *  @method post
+   *  @return {promise}
+   */
+  async previewCopyCallback(params = {}){
+    try{
+      let result = await this.axios('post', '/hsbc/previewCopy/callback', params); 
+      return result
+      // if(result && (result.data instanceof Object) && result.code === 200){
+      //   return result.data||[];
+      // }else{
+      //   let err = {
+      //     tip: '服务异常',
+      //     response: result,
+      //     data: params,
+      //     // url: 'https://api.cangdu.org/shopro/data/products',
+      //   }
+      //   throw err;
+      // }
+    }catch(err){
+      throw err;
+    }
+  }  
+  /**
+   *  用途：签署结果回调后台
+   *  @url https://api.cangdu.org/shopro/data/products
+   *  返回http_code为200表示成功
+   *  @method post
+   *  @return {promise}
+   */
+   async signFileCallback(params = {}){
+    try{
+      let result = await this.axios('post', '/hsbc/signFile/callback', params); 
+      return result
+      // if(result && (result.data instanceof Object) && result.code === 200){
+      //   return result.data||[];
+      // }else{
+      //   let err = {
+      //     tip: '服务异常',
+      //     response: result,
+      //     data: params,
+      //     // url: 'https://api.cangdu.org/shopro/data/products',
+      //   }
+      //   throw err;
+      // }
+    }catch(err){
+      throw err;
+    }
+  }  
   async retrieveCustomerInfoByActivityId(params = {}){
     //  return this.axios('get', '/lang/select/2', params); 
     try{
@@ -422,7 +631,31 @@ class API extends Server{
         throw err;
       }
     }
-    
+    /**
+   *  用途：查询分行名称
+   *  @url https://api.cangdu.org/shopro/data/products
+   *  返回http_code为200表示成功
+   *  @method post
+   *  @return {promise}
+   */
+    async getBranchName(params = {}){
+      try{
+        let result = await this.axios('get', '/hsbc/getBranchName?branchCode=' + params.branchCode, params); 
+        if(result && (result.data instanceof Object) && result.code === 200){
+          return result.data||[];
+        }else{
+          let err = {
+            tip: '分行名称获取失败',
+            response: result,
+            data: params,
+            // url: 'https://api.cangdu.org/shopro/data/products',
+          }
+          throw err;
+        }
+      }catch(err){
+        throw err;
+      }
+    }
       /**
    *  用途：人脸识别
    *  @url https://elm.cangdu.org/v1/addimg/shop
@@ -471,7 +704,39 @@ class API extends Server{
       throw err;
     }
   }
-
+  /**
+   *  用途：上传oss
+   *  @url https://elm.cangdu.org/v1/addimg/shop
+   *  返回status为200表示成功
+   *  @method post
+   *  @return {promise}
+   */
+  async uploadOss(params = {}){
+    try{
+      let result = await this.axios('post', '/hsbc/imageUpload', params); 
+      return result
+    }catch(err){
+      throw err;
+    }
+  }
+  async addSensitiveRecord(params = {}){
+    try{
+      let result = await this.axios('post', '/sensitive/add', params); 
+      if (result && (result.data instanceof Object) && result.code === 200){
+        return result.data||[];
+      } else{
+        let err = {
+          tip: '服务异常',
+          response: result,
+          data: params,
+          // url: 'https://api.cangdu.org/shopro/data/products',
+        }
+        throw err;
+      }
+    }catch(err){
+      throw err;
+    }
+  }
   // /**
   //  *  用途：获取记录数据
   //  *  @url https://api.cangdu.org/shopro/data/record

package/packages/demo/demo.js

@@ -21,6 +21,7 @@ roomId
     // mtoken: '',
     // imRoomId: '',
     // sessionId: '',
+    pdfRendering: false,
     isVideo: false,
     tellerAccount: 'wmzTeller',
     // callbackUrl: 'http://182.92.184.31:8720/hsbc/callback',
@@ -30,6 +31,7 @@ roomId
     // 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',
+    // resourcePath:'http://121.196.19.70:8027/',
     roomServerUrl: 'wss://app.uat.dsp.hsbcfts.com.cn/mpaas/mrtc/ws',
     baseURL:'https://zuul.uat.dsp.hsbcfts.com.cn/wealth/zuul/api/leimon-counter-api',
     resourcePath:'https://zuul.uat.dsp.hsbcfts.com.cn/wealth/js/',
@@ -40,23 +42,15 @@ roomId
   fontSize: 14,
   fontFamily: 'auto',
   isTranscribing: false,
-  userSide: 2
+  userSide: 2,
+  meetingDuration: 1, // 会议时长，单位小时
+  recordMode: 1, // 录制模式 1远程录制 2网点录制
+  defaultBranchCode: "BranchCode",// 员工网点缩写
+  customerId: "testCustomerId", //客户号
+  salesBranchCode: 'salesBranchCode', //网点编号(分行号)
+  financialOffice: "defaultOfficeId", // 理财室
 }
 componentWillMount() {
-    // if(window.localStorage.getItem('roomId')) {
-    //     this.setState({roomId: window.localStorage.getItem('roomId')});
-    // }
-    // if(window.localStorage.getItem('mtoken')) {
-    //     this.setState({mtoken: window.localStorage.getItem('mtoken')});
-    // }
-    // if(window.localStorage.getItem('sessionId')) {
-    //     this.setState({sessionId: window.localStorage.getItem('sessionId')});
-    // }
-    // if(window.localStorage.getItem('imRoomId')) {
-    //     this.setState({imRoomId: window.localStorage.getItem('imRoomId')});
-    //     this.startVideo()
-    // }
-    
 }
 handleChangeRoomId = (event) => {
     this.setState({roomId: event.target.value});
@@ -81,9 +75,11 @@ startVideo = () => {
 }
 onLeaveRoom = (val) => {
     console.log(val)
-    this.setState({
-        isVideo: false
-    })
+    if (val.code == 1) {
+        this.setState({
+            isVideo: false
+        })
+    }
 }
 handleChangeTeller = (event) => {
     this.setState({
@@ -142,6 +138,17 @@ shareMaskClick=()=>{
     }
     
 }
+pdfRenderingClick=()=>{
+    if(this.state.pdfRendering) {
+        this.setState({
+            pdfRendering: false
+        })
+    } else {
+        this.setState({
+            pdfRendering: true
+        })
+    }
+}
 createRoomCallback=(data)=>{
     console.log('createRoomCallback', data)
     this.setState({roomId: data.data.roomId});
@@ -187,6 +194,10 @@ userExit =(val)=>{
             
           })
     }
+    componentDidCatch(error, info) {
+        console.log('componentDidCatch')
+        console.error(error, info)
+    }
   render() {
     return (
       <div className="test">
@@ -194,12 +205,17 @@ userExit =(val)=>{
                     this.state.isVideo ?
                     <div>
                         <HSBC
+                        isOpenSound={true}
                         shareMask={this.state.shareMask}
+                        pdfRendering={this.state.pdfRendering}
                         roomId={this.state.roomId} 
             mtoken={this.state.mtoken}
             sessionId={this.state.sessionId}
             imRoomId={this.state.imRoomId}
             userSide={this.state.userSide}
+            whetherDetectFace={true}
+            whetherDetectLight={true}
+            whetherNeedAsr={true}
                             prohibitPrompt={this.state.prohibitPrompt}
                             voiceColor={this.state.voiceColor}
                             titleBackground={this.state.titleBackground}
@@ -211,14 +227,25 @@ userExit =(val)=>{
                             callbackUrl={this.state.callbackUrl}
                             businessNumber={this.state.businessNumber}
                             lang={this.state.lang}
+                            isWeakSound={true}
                             roomServerUrl={this.state.roomServerUrl}
                             baseURL={this.state.baseURL}
                             resourcePath={this.state.resourcePath}
                             isTranscribing={this.state.isTranscribing}
+                            meetingDuration={this.state.meetingDuration}
+                            recordMode={this.state.recordMode}
+                            defaultBranchCode={this.state.defaultBranchCode}
+                            customerId={this.state.customerId}
+                            salesBranchCode={this.state.salesBranchCode}
+                            financialOffice={this.state.financialOffice}
                             onLeaveRoom={this.onLeaveRoom}
+                            getBusinessData={() => { return { businessList: [], businessType: 'REC' } }}
                             createRoomCallback={this.createRoomCallback}
                             joinRoomCallback={this.joinRoomCallback}
                             imgCallback={this.imgCallback}
+                            sfpCallback={()=>{console.log('sfpCallback success')}}
+                            signatureCallback={(msg)=>{console.log('signatureCallback', msg)}}
+                            OnNetworkWeak={(a, b, c)=>{console.log('OnNetworkWeak', a,b,c)}}
                             userExit={this.userExit}
                             staffPermission={this.staffPermission}
                             >
@@ -226,6 +253,7 @@ userExit =(val)=>{
                                 <Pdf></Pdf>
                         </HSBC>
                         <button onClick={this.shareMaskClick.bind(this)}>遮罩层</button>
+                        <button onClick={this.pdfRenderingClick.bind(this)}>{this.state.pdfRendering?'继续':'暂停'}渲染</button>
                         </div>
                         :
                         <div>
@@ -243,6 +271,12 @@ userExit =(val)=>{
           <div>imRoomId：  <input type="text" value={this.state.imRoomId} onChange={this.handleChangeImRoomId} /></div>
           <div>isTranscribing:  <input type="text" value={this.state.isTranscribing} onChange={this.handleChangeisTranscribing} /></div>
           <div>userSide:  <input type="text" value={this.state.userSide} onChange={this.handleChangeUserSide} /></div>
+          <div>meetingDuration:  <input type="text" value={this.state.meetingDuration} onChange={(e)=>{this.setState({  meetingDuration: e.target.value })}} /></div>
+          <div>recordMode:  <input type="text" value={this.state.recordMode} onChange={(e)=>{this.setState({  recordMode: e.target.value })}} /></div>
+          <div>defaultBranchCode:  <input type="text" value={this.state.defaultBranchCode} onChange={(e)=>{this.setState({  defaultBranchCode: e.target.value })}} /></div>
+          <div>customerId:  <input type="text" value={this.state.customerId} onChange={(e)=>{this.setState({  customerId: e.target.value })}} /></div>
+          <div>salesBranchCode:  <input type="text" value={this.state.salesBranchCode} onChange={(e)=>{this.setState({  salesBranchCode: e.target.value })}} /></div>
+          <div>financialOffice:  <input type="text" value={this.state.financialOffice} onChange={(e)=>{this.setState({  financialOffice: e.target.value })}} /></div>
           
                             <button className="button" onClick={this.startVideo.bind(this)}>开启视频</button>
                         </div>

package/packages/demo/pdf.js

@@ -2,6 +2,7 @@ import React, { Component } from "react";
 
 class pdf extends Component {
   state = {
+    testTime: '',
     isVideo: false,
     tellerAccount: '',
     callbackUrl: 'http://47.102.126.132:8720/hsbc/callback',
@@ -11,6 +12,12 @@ class pdf extends Component {
     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
@@ -53,9 +60,16 @@ handleResourcePath = (event) => {
         resourcePath: event.target.value
     })
 }
+countTimer = () => {
+    this.state.timer = setInterval(() => {
+        this.setState({
+            testTime: new Date().toString()
+        })
+    }, 1000);
+}
 
   render() {
-    console.log('22',this.props)
+    // console.log('22',this.props)
     return (
       <div className="test" style={{width: this.props.width,height:this.props.height}}>
                 {
@@ -68,6 +82,7 @@ handleResourcePath = (event) => {
                             阿里资源服务地址：<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>

package/packages/pages/foot/foot.jsx

@@ -1,5 +1,6 @@
 import React, { Component } from 'react';
 import './foot.less'
+import { debounce } from '../../utils/utils';
 import Popover from "antd/lib/popover";
 import 'antd/lib/popover/style'
 export default class foot extends Component {
@@ -47,6 +48,12 @@ export default class foot extends Component {
       inspection = ()=>{
           this.props.inspection()
       }
+      envDetection = () => {
+        this.props.envDetection()
+      }
+      toggleAsr = ()=>{
+        this.props.toggleAsr()
+    }
       switchExternal=()=>{
         this.props.switchExternal()
     }
@@ -109,17 +116,17 @@ export default class foot extends Component {
                       </div>
                   }
                               {
-                      item == 'BOARD'&&<div className='footHover' onClick={this.switchExternal.bind(this)}>
+                      item == 'BOARD'&&<div className='footHover' onClick={debounce(this.switchExternal.bind(this), 300)}>
                       <div className="one">
                           <img className="imgClass" src={require("../../assets/img/switchExternal.png").default} alt="" />
                           <div className="text">
-                          远程签署
+                            {this.props.recordMode == 1?'远程':''}签署 
                           </div>
                       </div>
                       </div>
                   }
                               {
-                                 item == 'SHARE' && <div className="one" onClick={this.sharedScreen.bind(this)}>
+                                 item == 'SHARE' && <div className="one" onClick={debounce(this.sharedScreen.bind(this), 300)}>
                                   <img className="imgClass" src={require("../../assets/img/Projection_screen.png").default} alt="" />
                                   <div className="text">
                                       {screenName}
@@ -161,7 +168,7 @@ export default class foot extends Component {
                               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>
                       }
@@ -182,7 +189,7 @@ export default class foot extends Component {
         return (
             <div className="foot">
                 <div className="total">
-                    <div className='footHover' onClick={this.voice.bind(this)}>
+                    <div className='footHover' style={{ display: (this.props.recordMode == 2) ? 'none' : ''}} onClick={this.voice.bind(this)}>
                         <div className="one">
                         <img className="imgClass" src={img} alt="" />
                         <div className="text">
@@ -191,7 +198,7 @@ export default class foot extends Component {
                         </div>
                         
                     </div>
-                    <div className='footHover' onClick={this.inspection.bind(this)}>
+                    <div className='footHover' style={{ display: (this.props.recordMode == 2) ? 'none' : ''}} onClick={this.inspection.bind(this)}>
                     <div className="one">
                         <img className="imgClass" src={require("../../assets/img/inspection.png").default} alt="" />
                         <div className="text">
@@ -199,6 +206,22 @@ export default class foot extends Component {
                         </div>
                     </div>
                     </div>
+                    <div className='footHover' onClick={this.envDetection.bind(this)}>
+                    <div className="one">
+                        <img className="imgClass" src={require("../../assets/img/icon_env.png").default} alt="" />
+                        <div className="text">
+                            环境检测
+                        </div>
+                    </div>
+                    </div>
+                    {/* <div className='footHover' onClick={this.toggleAsr.bind(this)}>
+                    <div className="one">
+                        <img className="imgClass" src={require("../../assets/img/icon_asr.png").default} alt="" />
+                        <div className="text">
+                            ASR检测
+                        </div>
+                    </div>
+                    </div> */}
                 </div>
                 {defaultList}
                 

package/packages/pages/foot/foot.less

@@ -25,6 +25,7 @@ width: 100%;
   }
   .footHover{
       margin: 0 5px;
+      cursor: pointer;
   }
   .footHover :hover{
       background: #F3F3F3;

package/packages/pages/header/header.jsx

@@ -8,7 +8,7 @@ export default class header extends Component {
         return(
             <div className="Hamburger">
                 <div className="left-header">
-                    <div className="title">汇丰银行远程会议</div>
+                    <div className="title">汇丰银行{this.props.recordMode==2?'分行':'远程'}会议</div>
                 </div>
             </div>
         )