react_hsbc_teller 2.0.0 → 2.0.2-4.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react_hsbc_teller",
-  "version": "2.0.0",
+  "version": "2.0.24.1",
   "description": "React",
   "private": false,
   "main": "lib/hsbc.js",

package/packages/api/api.js

@@ -57,6 +57,80 @@ 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;
+    }
+  }
+  /**
+   *  用途：人脸检测
+   *  @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 +228,26 @@ 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;
+    }
+  }
   async retrieveCustomerInfoByActivityId(params = {}){
     //  return this.axios('get', '/lang/select/2', params); 
     try{
@@ -422,7 +516,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 +589,24 @@ class API extends Server{
       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});
@@ -142,6 +136,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});
@@ -195,11 +200,14 @@ userExit =(val)=>{
                     <div>
                         <HSBC
                         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}
                             prohibitPrompt={this.state.prohibitPrompt}
                             voiceColor={this.state.voiceColor}
                             titleBackground={this.state.titleBackground}
@@ -211,14 +219,23 @@ 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}
                             createRoomCallback={this.createRoomCallback}
                             joinRoomCallback={this.joinRoomCallback}
                             imgCallback={this.imgCallback}
+                            sfpCallback={()=>{console.log('sfpCallback success')}}
+                            OnNetworkWeak={(a, b, c)=>{console.log('OnNetworkWeak', a,b,c)}}
                             userExit={this.userExit}
                             staffPermission={this.staffPermission}
                             >
@@ -226,6 +243,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 +261,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

@@ -47,6 +47,12 @@ export default class foot extends Component {
       inspection = ()=>{
           this.props.inspection()
       }
+      envDetection = () => {
+        this.props.envDetection()
+      }
+      toggleAsr = ()=>{
+        this.props.toggleAsr()
+    }
       switchExternal=()=>{
         this.props.switchExternal()
     }
@@ -161,7 +167,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>
                       }
@@ -199,6 +205,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;