react_hsbc_teller 1.8.3 → 1.8.6

package/packages/pages/video/video.jsx

@@ -26,6 +26,15 @@ import Spin from "antd/lib/spin";
 import 'antd/lib/spin/style'
 import Select  from "antd/lib/select";
 import 'antd/lib/select/style'
+
+import Radio  from "antd/lib/radio";
+import 'antd/lib/radio/style'
+
+
+import Space  from "antd/lib/space";
+import 'antd/lib/space/style'
+
+
 import styled from 'styled-components';
 import { Button } from '../../../node_modules/antd/lib/index';
 import SignMy from '../sign/signMy.jsx'
@@ -302,26 +311,27 @@ class Video extends Component {
       curryControl: 'pen', // 工具类型
     },
     zIndexNum: -1,
-    selectSpan: 'pen'
+    selectSpan: 'pen',
+    isModalVisibleCustomer: false,
+    customerSelect: '',
+    documentType: '',
+    isCustomerSelect: true,
+    customerTitleName: '客户身份识别',
+    certificateType: 'identityCard',
+    customerName: '',
+    IDtypeFrontOrBack: '',
+    disabledIdCard: true,
+    isModalVisibleSFP: false,
+    StaffidSFP: '',
+    PasswordSFP: ''
   };
   // eslint-disable-next-line no-undef
   test_controller = '';
   
   saveLog=(val)=>{
     axios({
-      method: 'post',
-        baseURL: `http://${this.props.project}.${this.props.endpoint}/logstores/${this.props.logstore}/track`,
-        headers: {
-          'x-log-apiversion': '0.6.0',
-          'x-log-bodyrawsize': '1234',
-        },
-        data: {
-          "__logs__": [
-            {
-              "key": val + this.state.channelId
-            }
-          ]
-        },
+      method: 'get',
+        baseURL: this.props.logUrl + '&message=' + encodeURIComponent(val) + '&react_hsbc_teller=1.8.6&logTime=' + Date.now() + '&mtoken=' + encodeURIComponent(this.state.rtoken) + '&roomId=' + encodeURIComponent(this.state.channelId) + '&sessionId=' + encodeURIComponent(this.state.sessionId) + '&appointmentID=' + this.props.businessNumber,
         
     }).then(res => {
       
@@ -368,7 +378,7 @@ class Video extends Component {
       if(this.state.imStatus && !this.state.imJoinRoom) {
         joinRoom((this.props.tellerAccount + '@' + JSON.parse(window.sessionStorage.getItem('sigData')).hostname), this.state.imRoomId)
           this.state.imJoinRoom =true
-          this.saveLog('加入IM房间')
+          this.saveLog('Join im room')
         console.log('加入IM房间')
       }
     })
@@ -383,12 +393,13 @@ class Video extends Component {
           roomId: this.state.channelId
         }
       })
+      // this.getToken()
       // this.saveLog()
     } catch (err) {
       console.error(err);
     
       this.state.sessionType = false
-      this.saveLog('创建房间---保存信息失败')
+      this.saveLog('Failed to save room information')
       if(err.status == 502 || err.status== 404) {
         this.roomCallBack(2, '连接服务器失败','SYS-02')
       } else {
@@ -407,6 +418,7 @@ class Video extends Component {
       let result = await API.getBase64Image({ fileName: data});
       console.log('getBase64Image',result)
       this.tabTitlesClick('customerScreen', 'delect')
+      this.saveLog('imgCallback success' + Mival.data.type)
       this.props.imgCallback({
         type: result.data.type + '', 
         file: result.data.base64Image,
@@ -465,7 +477,7 @@ class Video extends Component {
         this.handleEdit()
       }
     } catch (err) {
-      this.saveLog('签名失败')
+      this.saveLog('Failed to get signature')
       console.error(err);
       if(err.status == 502 || err.status== 404) {
         this.roomCallBack(2, '连接服务器失败','SYS-02')
@@ -834,14 +846,6 @@ class Video extends Component {
         name: this.state.videoOneName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoOneName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
-        list.push({
-          feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId1").innerText).feedId,
-          customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId1").innerText).uid,
-          name: this.state.videoOneName + '--查询客户',
-          tourist: true
-        })
-      }
     }
     if (document.getElementById('video2').name && !this.state.isPIBIntranet[1].type) {
       console.log(this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId2").innerText))
@@ -852,14 +856,6 @@ class Video extends Component {
         name: this.state.videoTwoName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoTwoName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
-        list.push({
-          feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId2").innerText).feedId,
-          customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId2").innerText).uid,
-            name: this.state.videoTwoName + '--查询客户',
-            tourist: true
-        })
-      }
     }
     if (document.getElementById('video3').name && !this.state.isPIBIntranet[2].type) {
       console.log(this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId3").innerText))
@@ -870,14 +866,6 @@ class Video extends Component {
         name: this.state.videoThreeName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoThreeName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
-        list.push({
-          feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId3").innerText).feedId,
-          customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId3").innerText).uid,
-            name: this.state.videoThreeName + '--查询客户',
-            tourist: true
-        })
-      }
     }
     if (document.getElementById('video4').name && !this.state.isPIBIntranet[3].type) {
       console.log(this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId4").innerText))
@@ -888,14 +876,6 @@ class Video extends Component {
         name: this.state.videoFourName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoFourName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
-        list.push({
-          feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId4").innerText).feedId,
-          customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId4").innerText).uid,
-            name: this.state.videoFourName + '--查询客户',
-            tourist: true
-        })
-      }
     }
     if (document.getElementById('video5').name && !this.state.isPIBIntranet[4].type) {
       console.log(this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId5").innerText))
@@ -906,14 +886,6 @@ class Video extends Component {
         name: this.state.videoFiveName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoFiveName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
-        list.push({
-          feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId5").innerText).feedId,
-          customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId5").innerText).uid,
-            name: this.state.videoFiveName + '--查询客户',
-            tourist: true
-        })
-      }
     }
     if (document.getElementById('video6').name && !this.state.isPIBIntranet[5].type) {
       console.log(this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId6").innerText))
@@ -923,14 +895,6 @@ class Video extends Component {
         name: this.state.videoSixName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoSixName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
-        list.push({
-          feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId6").innerText).feedId,
-          customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId6").innerText).uid,
-            name: this.state.videoSixName + '--查询客户',
-            tourist: true
-        })
-      }
     }
     if (document.getElementById('video7').name && !this.state.isPIBIntranet[6].type) {
       list.push({
@@ -939,14 +903,6 @@ class Video extends Component {
         name: this.state.videoSevenName +  (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoSevenName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
-        list.push({
-          feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId7").innerText).feedId,
-          customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId7").innerText).uid,
-            name: this.state.videoSevenName + '--查询客户',
-            tourist: true
-        })
-      }
     }
     if (document.getElementById('video8').name && !this.state.isPIBIntranet[7].type) {
       list.push({
@@ -955,14 +911,6 @@ class Video extends Component {
         name: this.state.videoEightName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoEightName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
-        list.push({
-          feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId8").innerText).feedId,
-          customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId8").innerText).uid,
-            name: this.state.videoEightName + '--查询客户',
-            tourist: true
-        })
-      }
     }
     if (document.getElementById('video9').name && !this.state.isPIBIntranet[8].type) {
       list.push({
@@ -971,14 +919,6 @@ class Video extends Component {
         name: this.state.videoNineName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoNineName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
-        list.push({
-          feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId9").innerText).feedId,
-          customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId9").innerText).uid,
-            name: this.state.videoNineName + '--查询客户',
-            tourist: true
-        })
-      }
     }
     if (document.getElementById('video10').name && !this.state.isPIBIntranet[9].type) {
       list.push({
@@ -987,14 +927,6 @@ class Video extends Component {
         name: this.state.videoTenName +(this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoTenName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
-        list.push({
-          feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId10").innerText).feedId,
-          customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId10").innerText).uid,
-            name: this.state.videoTenName + '--查询客户',
-            tourist: true
-        })
-      }
     }
     if (document.getElementById('video11').name && !this.state.isPIBIntranet[10].type) {
       list.push({
@@ -1003,14 +935,6 @@ class Video extends Component {
         name: this.state.videoElevenName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoElevenName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
-        list.push({
-          feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId11").innerText).feedId,
-          customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId11").innerText).uid,
-            name: this.state.videoElevenName + '--查询客户',
-            tourist: true
-        })
-      }
     }
     if (document.getElementById('video12').name && !this.state.isPIBIntranet[11].type) {
       list.push({
@@ -1019,19 +943,19 @@ class Video extends Component {
         name: this.state.videoTwelveName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoTwelveName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
-        list.push({
-          feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId12").innerText).feedId,
-          customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId12").innerText).uid,
-            name: this.state.videoTwelveName + '--查询客户',
-            tourist: true
-        })
-      }
     }
+    console.log(list)
+    this.setState({
+      customerList: list
+    })
     if (list.length > 0) {
       if (val == 'ocr') {
         this.setState({
-          clickedOcr: true
+          documentType: '',
+          isModalVisibleCustomer: true,
+          isCustomerSelect: true,
+          customerSelect: '',
+          customerTitleName: '客户身份识别'
         })
       } else if (val == 'facial') {
         this.setState({
@@ -1041,9 +965,6 @@ class Video extends Component {
     } else {
       this.messageClick('当前暂无客户','error')
     }
-    this.setState({
-      customerList: list
-    })
   }
   messageClick=(value,valueOne)=>{
     console.log(value,valueOne)
@@ -1109,7 +1030,7 @@ class Video extends Component {
     }
   };
   endSessionValue = () => {
-    this.saveLog('主动退出会议')
+    this.saveLog('RM actively exits the meeting')
     if(streamShare) {
       streamShare.getTracks().forEach(track => track.stop());
       streamShare=''
@@ -1442,7 +1363,7 @@ class Video extends Component {
     this.setState({
       loading: false,
     })
-    this.saveLog('失败的code：' + code)
+    this.saveLog('aborted code：' + code)
     if (this.state.sessionId) {
       if(code == 'SYS-01' || code == 'SYS-02') {
         this.props.joinRoomCallback({
@@ -1511,9 +1432,11 @@ class Video extends Component {
         if (Mival.sessionId == this.state.sessionId) {
           if (Mival.type == 1) {
             // 开启录制
+            this.saveLog('Start recording')
             this.enableServerRecording()
           } else if (Mival.type == 2) {
             // 关闭录制
+            this.saveLog('stop recording')
             this.test_controller.StopRemoteRecord(this.state.recordId)
           }
         }
@@ -1683,6 +1606,7 @@ class Video extends Component {
       else if (Mival.typeId == 1220) {
         // 一炒多的图片  1214
         if (Mival.sessionId == this.state.sessionId) {
+          this.saveLog('imgCallback success' + Mival.data.type)
           this.tabTitlesClick('customerScreen', 'delect')
           this.props.imgCallback({
             type: Mival.data.type + '', 
@@ -1696,6 +1620,7 @@ class Video extends Component {
         // 签字回调  1213
         if (Mival.sessionId == this.state.sessionId) {
           this.tabTitlesClick('customerScreen', 'delect')
+          this.saveLog('signatureCallback success')
           this.props.signatureCallback({
             errorType: 0
           })
@@ -1890,6 +1815,7 @@ class Video extends Component {
         }
       } else if (Mival.typeId == 121305) {
         if (Mival.sessionId == this.state.sessionId) {
+          this.saveLog('signatureCallback fail')
           this.props.signatureCallback({
             errorType: -1
           })
@@ -1897,6 +1823,7 @@ class Video extends Component {
       } else if (Mival.typeId == 121405) {
         if (Mival.sessionId == this.state.sessionId) {
           console.log('imgCallback')
+          this.saveLog('imgCallback fail')
           this.props.imgCallback({
             type: '', 
             file: '',
@@ -1979,7 +1906,7 @@ class Video extends Component {
       console.log('im登录', msg)
       if(msg.status == 'error') {
         this.state.imStatus = false
-        this.saveLog('im建立连接失败')
+        this.saveLog('Im connection establishment failed')
         this.roomCallBack(2, 'im建立连接失败',5)
       } else if (msg.status == 'success') {
         this.state.imStatus = true
@@ -1995,7 +1922,7 @@ class Video extends Component {
           this.timer && clearInterval(this.timer);
           this.state.imStatus = false
           console.log('IMOpenfireclose')
-          this.saveLog('账号重复登录')
+          this.saveLog('Repeated login of account')
           this.roomCallBack(2, '账号重复登录',9)
           
         }
@@ -2021,9 +1948,6 @@ class Video extends Component {
     this.test_controller.OnGetDevicesSuccess = (devicesInfo) => {
       console.log('devicesInfo' + JSON.stringify(devicesInfo));
       const obj = [
-//         {actionid: '0133d06019b8fe9426818ae7573ccfc31c150e09138e7f5ccfda03d6e224ffd4', groupId: '9c0334ba5cba71b60acb3ec6669c3aac78371ec9d9e33d2e8af72a758d895d27', actionname: 'Integrated Camera (13d3:56fb)'},
-
-// {actionid: '4695c628677498d876074b941c16f6921d4e57534b50bfc2cb973da84e0e2622', groupId: '0d86c9467f096440ed74449192be5fafea59ac469866975f30b61fe964e2a80e', actionname: 'C2D Camera (0416:5035)'}
       ];
       const obj1 = [];
       const obj2 = [];
@@ -2131,7 +2055,7 @@ class Video extends Component {
     // 获取设备失败
     this.test_controller.OnGetDevicesFailed = (code, msg) => {
       console.log('获取设备失败', code, msg)
-      this.saveLog('获取设备失败')
+      this.saveLog('Failed to get device')
       this.state.sessionType = false
       this.messageClick('获取设备失败，请检查摄像头设备是否可用或是否禁用摄像头','error')
       this.roomCallBack(2, '获取设备失败',1)
@@ -2143,7 +2067,7 @@ class Video extends Component {
     };
     this.test_controller.OnConnectFailed = (code, msg) => {
       console.log('建立连接失败', code, msg)
-      this.saveLog('建立连接失败，'+ code)
+      this.saveLog('Failed to establish connection，'+ code)
       this.state.sessionType = false
       this.roomCallBack(2, '连接失败',2)
     };
@@ -2159,7 +2083,7 @@ class Video extends Component {
     // 初始化房间失败
     this.test_controller.OnInitRoomConfigFail = (err_code, err_msg) => {
       console.log('初始化房间失败', err_code, err_msg)
-      this.saveLog('初始化房间失败，' + err_code)
+      this.saveLog('Failed to initialize room，' + err_code)
       this.state.sessionType = false
       this.roomCallBack(2, '初始化失败',3)
     };
@@ -2185,7 +2109,7 @@ class Video extends Component {
     // 创建房间失败
     this.test_controller.OnCreateRoomFailed = (err_code, err_msg) => {
       console.log('创建房间失败', err_code, err_msg)
-      this.saveLog('创建房间失败，' + err_code)
+      this.saveLog('Failed to create room，' + err_code)
       this.state.sessionType = false
       this.roomCallBack(2, '创建房间失败',7)
     };
@@ -2202,7 +2126,7 @@ class Video extends Component {
       console.log(code, sid)
       if(code == 5003 || code == 5004 || code == 5005|| code == 5007|| code == 5009|| code == 5010 || code == 5011|| code == 5012) {
         if(sid == document.getElementById('publish_video1').name) {
-          this.saveLog('音视频关闭通知' + code)
+          this.saveLog('Audio and video close notification，' + code)
         this.roomCallBack(2, '音视频异常关闭',8)
         } else {
           this.state.isScreenSwitching = false
@@ -2229,7 +2153,7 @@ class Video extends Component {
     };
     // 加入房间失败
     this.test_controller.OnJoinRoomFailed = (err_code, err_msg) => {
-      this.saveLog('加入房间失败' + err_code)
+      this.saveLog('Join room failed，' + err_code)
       console.log('加入房间失败', err_code, err_msg)
       // this.setState({
       //   sessionType: false,
@@ -2261,6 +2185,15 @@ class Video extends Component {
     this.test_controller.OnSendTextMsgFailed  =(msgId, code, msg)=>{
       console.log('发送失败',msgId,code, msg)
     }
+    this.test_controller.OnReceiveTextMsg = (uid, msg)=>{
+      console.log('收到手机端消息',uid, msg, JSON.parse(msg).typeId,JSON.parse(msg).data.sessionId,this.state.sessionId)
+      if(JSON.parse(msg).typeId == 33001 && this.state.sessionId == JSON.parse(msg).data.sessionId) {
+        if(JSON.parse(msg).type == 1) {
+          this.saveAuthorize(JSON.parse(msg).data.userId)
+          this.customerFaceClick(this.state.customerList[this.state.customerSelect])
+        }
+      }
+    }
     this.test_controller.StreamFilterHandler = async (publish_tag, stream, stream_type, publish_device, media_type) =>{
       console.log(`stream processed by client, publish_device=${publish_device}, media_type=${media_type}, publish_tag=${publish_tag},stream_type=${stream_type}`);
       if (stream_type == "subscribe") {
@@ -2388,16 +2321,6 @@ class Video extends Component {
         this.timer = setInterval(
           () => {
             if(!this.state.voiceStatue && this.state.analyserHeight.get(sid).toFixed(2) > 0.1) {
-              // this.test_controller.SendTextMsg(JSON.stringify({
-              //   'typeId': 3200,
-              //   'decibelValue': this.state.analyserHeight.get(sid).toFixed(2),
-              //   "data": {
-              //     'sessionId': this.state.sessionId,
-              //     'userId': this.props.tellerAccount,
-              //     'data': (new Date()).valueOf()
-              //   }
-
-              // }))
               callNimIM('sendCustomCmdMsg', {
                 customId: this.state.imRoomId,
                 content: JSON.stringify({
@@ -2435,7 +2358,7 @@ class Video extends Component {
     // 发布媒体流失败
     this.test_controller.OnPublishFailed = (sid, err_code, err_msg) => {
       this.saveLog('发布失败' + err_code)
-      console.log('发布媒体流失败', sid, err_code, err_msg)
+      console.log('Publishing media stream failed，', sid, err_code, err_msg)
       if(sid == document.getElementById('publish_video1').name) {
         this.state.sessionType = false
         this.roomCallBack(2, '发布失败',4)
@@ -2621,7 +2544,7 @@ class Video extends Component {
       err_msg
     ) => {
       console.log('订阅媒体流失败', sid, err_code, err_msg)
-      this.saveLog('订阅媒体流失败' + err_code)
+      this.saveLog('Failed to subscribe to media stream，' + err_code)
     };
     // 推送“房间与会者列表”给新加⼊者
     this.test_controller.OnRoomAttendanceList = (participants) => {
@@ -3642,7 +3565,7 @@ userType:'1'
     }
   }
   componentWillUnmount() {
-    this.saveLog('退出会议')
+    this.saveLog('Exit meeting')
     if (this.test_controller&&this.state.sessionType) {
       clearStreamRemain()
       this.test_controller.LeaveRoom()
@@ -3692,12 +3615,31 @@ userType:'1'
     console.log('isSharedScreen', this.state.isSharedScreen,this.state.laveRoomSharedScreen)
     
   }
+  getToken = async () =>{
+    try{
+      let result = await API.getToken({
+        sessionId: this.state.sessionId ? this.state.sessionId : this.props.sessionId,
+        roomId: this.state.channelId ? this.state.channelId : this.props.roomId
+      })
+      window.sessionStorage.setItem('authTokenHSBC',result)
+      rateList = []
+    this.rateAll().then((res)=>{
+      Array.isArray(res) ? res.map((item)=>{
+        rateList.push(item.tag)
+      }) : rateList = []
+      console.log('rateList',rateList)
+    })
+    }catch (err) {
+      this.roomCallBack(2, '获取tiken失败','SYS-01')
+    }
+  }
   getRoomStatus = async data => {
     try {
       let result = await API.getRoomStatus({
         sessionId: data.sessionId
       });
       if (result.code == 200 && result.data.roomStatus == 1) {
+        // this.getToken()
         this.addToScript()
         
       } else {
@@ -3825,7 +3767,7 @@ userType:'1'
     }
   }
   componentWillMount() {
-    console.log('hsbc_teller_sdk', '1.8.1')
+    console.log('hsbc_teller_sdk', '1.8.6')
     if (this.props.sessionId) {
       this.getRoomStatus({
         sessionId: this.props.sessionId
@@ -4146,6 +4088,34 @@ userType:'1'
       isModalVisibleEnd: false
     })
   };
+  updateConfirm=()=>{
+    this.setState({
+      isModalVisibleSFP: true,
+      StaffidSFP: '',
+      PasswordSFP: ''
+    })
+  }
+  handleCancelSFP=()=>{
+    this.setState({
+      isModalVisibleSFP: false
+    })
+  }
+  handleOkSFP=()=>{
+    this.setState({
+      isModalVisibleSFP: false,
+      disabledIdCard: false
+    })
+  }
+  handleChangeStaffid = (event) => {
+    this.setState({
+      StaffidSFP: event.target.value
+    })
+  }
+  handleChangePasswordd = (event) => {
+    this.setState({
+      PasswordSFP: event.target.value
+    })
+  }
   confirmCallback=async(data)=>{
     try {
       let result = await API.confirmCallback({
@@ -4155,6 +4125,8 @@ userType:'1'
         appAccount: this.state.faceCustomerUid,
         idCardNumber: this.state.idCardNumber,
         sessionId: this.state.sessionId,
+        certificateType: this.state.certificateType,
+        customerName: this.state.customerName
       });
       console.log('confirmCallback',result)
       if (result.code == 200) {
@@ -4310,6 +4282,9 @@ userType:'1'
       
       if (result.code == 200) {
         this.messageClick('查询客户信息成功','success')
+        this.setState({
+          isModalVisibleCustomer: false
+        })
       } else {
         this.messageClick('查询客户信息失败','error')
       }
@@ -4340,42 +4315,63 @@ userType:'1'
       });
     }
     var sid
+    var videoName
     if (item.feedId == document.getElementById("feedId1").innerText) {
       sid = document.getElementById('video1').name;
+      videoName = 'video1'
     } else if (item.feedId == document.getElementById("feedId2").innerText) {
       sid = document.getElementById('video2').name;
+      videoName = 'video2'
     } else if (item.feedId == document.getElementById("feedId3").innerText) {
       sid = document.getElementById('video3').name;
+      videoName = 'video3'
     } else if (item.feedId == document.getElementById("feedId4").innerText) {
       sid = document.getElementById('video4').name;
+      videoName = 'video4'
     } else if (item.feedId == document.getElementById("feedId5").innerText) {
       sid = document.getElementById('video5').name;
+      videoName = 'video5'
     } else if (item.feedId == document.getElementById("feedId6").innerText) {
       sid = document.getElementById('video6').name;
+      videoName = 'video6'
     } else if (item.feedId == document.getElementById("feedId7").innerText) {
       sid = document.getElementById('video7').name;
+      videoName = 'video7'
     } else if (item.feedId == document.getElementById("feedId8").innerText) {
       sid = document.getElementById('video8').name;
+      videoName = 'video8'
     } else if (item.feedId == document.getElementById("feedId9").innerText) {
       sid = document.getElementById('video9').name;
+      videoName = 'video'
     } else if (item.feedId == document.getElementById("feedId10").innerText) {
       sid = document.getElementById('video10').name;
+      videoName = 'video10'
     } else if (item.feedId == document.getElementById("feedId11").innerText) {
       sid = document.getElementById('video11').name;
+      videoName = 'video11'
     } else if (item.feedId == document.getElementById("feedId12").innerText) {
       sid = document.getElementById('video12').name;
+      videoName = 'video12'
     }
     console.log(sid)
     this.state.customOcrSid = sid
     this.state.faceCustomerUid = item.customId,
+    this.state.customerName = item.name
     this.setState({
       clickedFacial: false,
       clickedOcr: false,
       isFaceImage: false,
       facialImg: ocrImage,
+      disabledIdCard: true,
+      IDtypeFrontOrBack: '请截取证件正面'
     },()=>{
+      
+      
       this.setState({
       isModalVisibleFacial: true,
+    },()=>{
+      const videoMedia = document.getElementById('publish_video_2');
+      videoMedia.srcObject = document.getElementById(videoName).srcObject
     })
       })
   }
@@ -5137,25 +5133,123 @@ userType:'1'
       this.sendNotification()
     }
   }
-  // shouldComponentUpdate(nextProps,nextState){
-  //   console.log('componentDidUpdate',nextProps,nextState)
-  //   if(nextProps.shareMask != nextState.shareMaskState){
-  //     this.state.shareMaskState = nextProps.shareMask
-  //     this.sendNotification()
-  //   }
-  // }
-//   static  getDerivedStateFromProps(props, state) {
-//     console.log('getDerivedStateFromProps',props,state,props.shareMask)
-//     if(props.shareMask!==state.shareMaskState){
-//       // this.sendNotification()
-//         return {
-            
-//           shareMaskState:shareMask,
+  onChangeOCRCustomer=(e) => {
+    console.log(e)
+    this.setState({
+      customerSelect: e.target.value
+    })
+  }
+  handleCancelCustomer=()=>{
+    this.setState({
+      isModalVisibleCustomer: false
+    })
+  }
+  handleOkCustomer=()=>{
+    if(this.state.isCustomerSelect) {
+      if(this.state.customerList[this.state.customerSelect].tourist) {
+        this.customerFaceClick(this.state.customerList[this.state.customerSelect])
+      } else {
+        this.setState({
+          isCustomerSelect: false,
+          customerTitleName: this.state.customerList[this.state.customerSelect].name
+        })
+      }
+      
+    } else {
+      this.getAuthorizeResult(this.state.customerList[this.state.customerSelect].customId).then((res)=>{
+        if(res) {
+          this.customerFaceClick(this.state.customerList[this.state.customerSelect])
+        } else {
+          if(this.state.documentType == 0) {
+            this.test_controller.SendTextMsg(JSON.stringify({
+              'typeId': 3300,
+              "data": {
+                'sessionId': this.state.sessionId,
+                'title': '为了有效确认客户身份，请您配合进行我行的身份识别和核验。请您阅读以下内容，若您同意，请您之后在摄像头前出示您的身份证件，我行将对您的身份证件拍照并采集证件信息；同时，我行会对您进行脸部拍照，采集您的脸部图像。',
+                'list': [
+                  {
+                    'id': 1,
+                    'content': '您是否授权汇丰中国对您的证件以及脸部进行拍照，采集并留存您的证件信息以及脸部图像以便我行进行身份识别？'
+                  },
+                  {
+                    'id': 2,
+                    'content': '为了通过人脸对比进行身份识别和核验，我行需要将您的姓名、身份证件号码和脸部图像发送给中国人民银行或全国公民身份证号码查询服务中心授权的第三方，并由第三方进一步发送至中国人民银行或全国公民身份证号码查询服务中心进行人脸对比或信息核对。'
+                  }
+                ]
+              }
+    
+            }))
+          } else if(this.state.documentType == 1) {
+            this.test_controller.SendTextMsg(JSON.stringify({
+              'typeId': 3300,
+              "data": {
+                'sessionId': this.state.sessionId,
+                'title': '为了有效确认客户身份，请您配合进行我行的身份识别。请您阅读以下内容，若您同意，请您之后在摄像头前出示您的身份证件，我行将对您的身份证件拍照并采集证件信息；',
+                'list': [
+                  {
+                    'id': 1,
+                    'content': '您是否授权汇丰中国对您的证件进行拍照，采集并留存您的证件信息以便我行进行身份确认？'
+                  }
+                ]
+              }
+    
+            }))
+          }
           
-//         }
-//     }
-//     return null
-// }
+          
+        }
+      })
+      this.setState({
+        isModalVisibleCustomer: false,
+      })
+      // this.customerFaceClick(this.state.customerList[this.state.customerSelect])
+    }
+    
+  }
+  onChangeDocumentType=(e)=>{
+    this.setState({
+      documentType: e.target.value
+    })
+  }
+  getAuthorizeResult= async (appAccount) => {
+    try {
+      let result = await API.getAuthorizeResult({
+        activityId: this.props.businessNumber,
+        appAccount: appAccount,
+      });
+      console.log(result)
+      if (result.code == 200 && result.data.ifAuthorize) {
+        console.log('成功')
+        return true
+      } else {
+        
+        // this.messageClick('保存失败','error')
+        return false
+      }
+    } catch (err) {
+      console.log(err)
+      return false
+    }
+  }
+  saveAuthorize= async (appAccount) => {
+      try {
+        let result = await API.saveAuthorize({
+          activityId: this.props.businessNumber,
+          authorizeType: this.state.documentType==0 ? 'ID' : 'NID',
+          appAccount: appAccount,
+          idCardAuthorize: this.state.documentType==0 ? 'YES' : '',
+          pictureAuthorize: 'YES'
+        });
+        console.log(result)
+        if (result.code == 200) {
+          console.log('成功')
+        } else {
+          // this.messageClick('保存失败','error')
+        }
+      } catch (err) {
+        console.log(err)
+      }
+    }
   render() {
     const { meetingInfo,isTranscribing } = this.props
     var pdfChildren
@@ -5293,7 +5387,7 @@ userType:'1'
           <canvas id="canvas" className="canvas"></canvas>
         </CanvasHome>
               <div className="videoDiv" style={{ display: (this.state.isSelect == 'RMScreen' || this.state.isSelect == 'staffScreen') ? '' : 'none', }}>
-                <div className="videoDiv" style={{'text-align': 'center'}}>
+                <div className="videoDiv" style={{'textAlign': 'center'}}>
                   <video
                     id="video20"
                     autoPlay
@@ -5817,6 +5911,9 @@ userType:'1'
             
             </div>,
             this.state.idCardName && <div key='facial'>
+              {
+              this.state.disabledIdCard &&<Button className="modelButtonFaceOk" danger onClick={(e)=>this.updateConfirm('noFace')}>修改</Button>
+              }
               <Button className="modelButtonFaceOk" danger onClick={(e)=>this.confirmCallback('face')}>完成并发起人脸识别</Button>
             <Button className="modelButtonOk" type="primary" danger onClick={(e)=>this.confirmCallback('noFace')}>完成</Button>
             </div>
@@ -5828,28 +5925,94 @@ userType:'1'
             <Option value="2">反面</Option>
           </Select>
             } */}
-            {
-              !this.state.idCardName &&<div className='faceCardImg'>
-              <img className="faceImg" src={this.state.facialImg} alt=""></img>
+            <div className='faceCardImg'>
+              {/* <div>{this.state.IDtypeFrontOrBack}</div> */}
+              {
+                !this.state.idCardName &&<div>
+                <video className="faceImg" id="publish_video_2" autoPlay muted={true}></video> 
+              </div>
+              }
+                
+                <img className="faceImg" src={this.state.facialImg} alt=""></img>
             </div>
-            }
             {
               this.state.idCardName &&<div className='resuleCard'>
-              <div><span>客户姓名</span>  <input type="text" value={this.state.idCardName} onChange={this.handleChangeIdCardName} /></div>
-          <div><span>身份证号</span>  <input type="text" value={this.state.idCardNumber} onChange={this.handleChangeIdCardNumber} /></div>
+                <div>证件信息确认</div>
+              <div><span>客户姓名</span>  <input disabled={this.state.disabledIdCard} type="text" value={this.state.idCardName} onChange={this.handleChangeIdCardName} /></div>
+          <div><span>身份证号</span>  <input disabled={this.state.disabledIdCard} type="text" value={this.state.idCardNumber} onChange={this.handleChangeIdCardNumber} /></div>
             </div>
             }
             
               
             </div>
           </Modal>
-          {/* <Modal title={this.state.titleModal} cancelText="取消" okText="确定" visible={this.state.isModalVisibleFacial}
-            onOk={this.handleOkFacial} onCancel={this.handleCancelFacial}>
-            <div className="faceBody">
-              <img className="faceImg" src={this.state.facialImg} alt=""></img>
+          <Modal title="经理人员授权（SFP双录同款）" closable={false} centered={true} visible={this.state.isModalVisibleSFP}
+            footer={[
+              <div key='end'>
+              <Button className="modelButtonCancel" onClick={this.handleCancelSFP}>取消</Button>
+              <Button className="modelButtonOk" type="primary" danger onClick={this.handleOkSFP}>确定</Button>
+              </div>
+            ]}>
+              <div className="faceBody">
+              <div className='resuleCard'>
+                <div>
+                  <span>Staffid</span>
+                  <input type="text" value={this.state.StaffidSFP} onChange={this.handleChangeStaffid}></input>
+                </div>
+                <div>
+                  <span>Password</span>
+                  <input type="text" value={this.state.PasswordSFP} onChange={this.handleChangePasswordd}></input>
+                </div>
+              </div>
+              </div>
+              
+            </Modal>
+          <Modal title={this.state.customerTitleName} closable={false} centered={true} visible={this.state.isModalVisibleCustomer}
+            footer={[
+              <div key='end'>
+              <Button className="modelButtonCancel" onClick={this.handleCancelCustomer}>取消</Button>
+              <Button className="modelButtonOk" type="primary" danger onClick={this.handleOkCustomer}>下一步</Button>
+              </div>
+            ]}>
+            <div>
+              <div className='selectCustomer'>
+                {
+                  this.state.isCustomerSelect &&<div>
+                <div>
+                  请选择进行身份识别的客户
+                </div>
+                <div>
+                <Radio.Group onChange={this.onChangeOCRCustomer} value={this.state.customerSelect}>
+                  <Space direction="vertical">
+                  {
+          this.state.customerList.map((item,index)=>{
+            return <Radio value={index}>{item.name}</Radio>
+          })
+        }
+      </Space>
+    </Radio.Group>
+                </div>
+                </div>
+                }
+                {
+                !this.state.isCustomerSelect &&<div>
+                  <div>
+                    请您确认您的身份证件类型
+                  </div>
+                  <div>
+                  <Radio.Group onChange={this.onChangeDocumentType} value={this.state.documentType}>
+                  <Space direction="vertical">
+                     <Radio value={0}>身份证：或外国人永久居住证；或港澳台居民居住证</Radio>
+                     <Radio value={1}>护照：或台湾来往大陆通行证；或港澳来往大陆通行证</Radio>
+      </Space>
+    </Radio.Group>
+                  </div>
+                </div>
+  }
+              </div>
             </div>
 
-          </Modal> */}
+          </Modal>
           <Modal className="modelClass" title="邀请参会人员" closable={false} centered={true} visible={this.state.isModalVisibleInvitation} footer={[
              <div key='invitation'>
             <Button className="modelButtonCancel" onClick={this.handleCancelInvitation}>取消</Button>
@@ -5969,9 +6132,7 @@ sessionId: "",
   isTranscribing: false,
   shareMask: false,
   isOpenSound: false, // true开启进出音效   false不开启
-  endpoint: 'cn-shanghai.log.aliyuncs.com',
-  project: 'hsbc',
-  logstore: 'hsbc',
+  logUrl: 'http://hsbc.cn-shanghai.log.aliyuncs.com/logstores/hsbc/track?APIVersion=0.6.0&app=meeting-ui',
   internalUrl: 'https://wp-staff-gateway.wealth-platform.uat.ali.cloud.cn.hsbc/meeting-ui/OHB/CN/HSBC?chnlID=OHB&locale=zh_CN&chnlCC=CN&chnlGMC=HSBC&targetFunc=supervisorMeeting&sourceFunc=rmMeeting'
 }
 export default Video