react_hsbc_teller 1.8.2 → 1.8.5

package/packages/pages/video/video.jsx

@@ -12,6 +12,7 @@ import voiceImgOpen from '../../assets/img/icon_Mute.png'
 import voiceImgCloe from '../../assets/img/icon_MuteOne.png'
 import cameraImgOpen from '../../assets/img/icon_camera.png'
 import cameraImgCloe from '../../assets/img/icon_cameraOne.png'
+import beautyImg from '../../assets/img/whiteningLut.jpg'
 import ocrImage from '../../assets/img/jietu.png'
 import autod from '../../assets/mp3/joinmeeting.mp3'
 import leftMetting from '../../assets/mp3/leftmeeting.mp3'
@@ -25,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'
@@ -42,7 +52,8 @@ let streamShare
 let muteJson = new Map()
 let dateTime = 0
 let messageValue = ''
-let beautyNum = 0  // 0-关闭  1--弱  2--中 5---高
+let beautyType = false
+// let beautyNum = 0  // 0-关闭  1--弱  2--中 5---高
 let rateList = []
 let beautyDiv = {};
 let isBackgroundBlur = true
@@ -91,12 +102,10 @@ const OpreateDiv = styled.div`
     }
     beautyDiv = {};
   };
-function startBeauty(stream) {
-  let newStream = stream;
-  beautyDiv = meetingBeautifyStream(newStream, beautyNum);
-  newStream = beautyDiv.stream;
-  return newStream
-}
+  async function startBeauty(stream) {
+    await beautyInit();
+    beautyStart(stream,"none");
+  }
 async function startMix(stream,onState) {
   var drawCanvas = document.getElementById('canvas');
   await mixInit(drawCanvas);
@@ -302,12 +311,33 @@ class Video extends Component {
       curryControl: 'pen', // 工具类型
     },
     zIndexNum: -1,
-    selectSpan: 'pen'
+    selectSpan: 'pen',
+    isModalVisibleCustomer: false,
+    customerSelect: '',
+    documentType: '',
+    isCustomerSelect: true,
+    customerTitleName: '客户身份识别',
+    certificateType: 'identityCard',
+    customerName: ''
   };
   // eslint-disable-next-line no-undef
   test_controller = '';
   
-  
+  saveLog=(val)=>{
+    axios({
+      method: 'get',
+        baseURL: this.props.logUrl + '&message=' + encodeURIComponent(val) + '&react_hsbc_teller=1.8.4&logTime=' + Date.now() + '&mtoken=' + encodeURIComponent(this.state.rtoken) + '&roomId=' + encodeURIComponent(this.state.channelId) + '&sessionId=' + encodeURIComponent(this.state.sessionId),
+        
+    }).then(res => {
+      
+    },error => {
+      if(error.response){
+         
+      }else{
+         
+      }
+    })
+  }
   /**
    * 创建房间成功后回调后台
    * @param  {JSON} data 数据类型
@@ -319,7 +349,8 @@ class Video extends Component {
         activityId: this.props.businessNumber,
         callbackUrl: this.props.callbackUrl,
         roomId: this.state.channelId,
-        mtoken: this.state.rtoken
+        mtoken: this.state.rtoken,
+        type: 2
       });
       console.log(result);
       this.state.imRoomId = result.imRoomId,
@@ -342,6 +373,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('Join im room')
         console.log('加入IM房间')
       }
     })
@@ -356,10 +388,13 @@ class Video extends Component {
           roomId: this.state.channelId
         }
       })
+      // this.getToken()
+      // this.saveLog()
     } catch (err) {
       console.error(err);
     
       this.state.sessionType = false
+      this.saveLog('Failed to save room information')
       if(err.status == 502 || err.status== 404) {
         this.roomCallBack(2, '连接服务器失败','SYS-02')
       } else {
@@ -436,6 +471,7 @@ class Video extends Component {
         this.handleEdit()
       }
     } catch (err) {
+      this.saveLog('Failed to get signature')
       console.error(err);
       if(err.status == 502 || err.status== 404) {
         this.roomCallBack(2, '连接服务器失败','SYS-02')
@@ -453,7 +489,6 @@ class Video extends Component {
     if(!this.state.imStatus){
       this.state.manualClose = false
       initWebSocket('wss://' + JSON.parse(window.sessionStorage.getItem('sigData')).hostname + ':' + JSON.parse(window.sessionStorage.getItem('sigData')).webPort + '/ws/');
-
     }
     const config_param = {};
     config_param.workspaceId = this.state.workSpaceId;
@@ -999,10 +1034,17 @@ class Video extends Component {
         })
       }
     }
+    console.log(list)
+    this.setState({
+      customerList: list
+    })
     if (list.length > 0) {
       if (val == 'ocr') {
         this.setState({
-          clickedOcr: true
+          isModalVisibleCustomer: true,
+          isCustomerSelect: true,
+          customerSelect: '',
+          customerTitleName: '客户身份识别'
         })
       } else if (val == 'facial') {
         this.setState({
@@ -1012,9 +1054,6 @@ class Video extends Component {
     } else {
       this.messageClick('当前暂无客户','error')
     }
-    this.setState({
-      customerList: list
-    })
   }
   messageClick=(value,valueOne)=>{
     console.log(value,valueOne)
@@ -1080,6 +1119,7 @@ class Video extends Component {
     }
   };
   endSessionValue = () => {
+    this.saveLog('RM actively exits the meeting')
     if(streamShare) {
       streamShare.getTracks().forEach(track => track.stop());
       streamShare=''
@@ -1412,6 +1452,7 @@ class Video extends Component {
     this.setState({
       loading: false,
     })
+    this.saveLog('aborted code：' + code)
     if (this.state.sessionId) {
       if(code == 'SYS-01' || code == 'SYS-02') {
         this.props.joinRoomCallback({
@@ -1948,6 +1989,7 @@ class Video extends Component {
       console.log('im登录', msg)
       if(msg.status == 'error') {
         this.state.imStatus = false
+        this.saveLog('Im connection establishment failed')
         this.roomCallBack(2, 'im建立连接失败',5)
       } else if (msg.status == 'success') {
         this.state.imStatus = true
@@ -1963,6 +2005,7 @@ class Video extends Component {
           this.timer && clearInterval(this.timer);
           this.state.imStatus = false
           console.log('IMOpenfireclose')
+          this.saveLog('Repeated login of account')
           this.roomCallBack(2, '账号重复登录',9)
           
         }
@@ -1988,9 +2031,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 = [];
@@ -2098,6 +2138,7 @@ class Video extends Component {
     // 获取设备失败
     this.test_controller.OnGetDevicesFailed = (code, msg) => {
       console.log('获取设备失败', code, msg)
+      this.saveLog('Failed to get device')
       this.state.sessionType = false
       this.messageClick('获取设备失败，请检查摄像头设备是否可用或是否禁用摄像头','error')
       this.roomCallBack(2, '获取设备失败',1)
@@ -2109,6 +2150,7 @@ class Video extends Component {
     };
     this.test_controller.OnConnectFailed = (code, msg) => {
       console.log('建立连接失败', code, msg)
+      this.saveLog('Failed to establish connection，'+ code)
       this.state.sessionType = false
       this.roomCallBack(2, '连接失败',2)
     };
@@ -2124,6 +2166,7 @@ class Video extends Component {
     // 初始化房间失败
     this.test_controller.OnInitRoomConfigFail = (err_code, err_msg) => {
       console.log('初始化房间失败', err_code, err_msg)
+      this.saveLog('Failed to initialize room，' + err_code)
       this.state.sessionType = false
       this.roomCallBack(2, '初始化失败',3)
     };
@@ -2149,6 +2192,7 @@ class Video extends Component {
     // 创建房间失败
     this.test_controller.OnCreateRoomFailed = (err_code, err_msg) => {
       console.log('创建房间失败', err_code, err_msg)
+      this.saveLog('Failed to create room，' + err_code)
       this.state.sessionType = false
       this.roomCallBack(2, '创建房间失败',7)
     };
@@ -2165,6 +2209,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('Audio and video close notification，' + code)
         this.roomCallBack(2, '音视频异常关闭',8)
         } else {
           this.state.isScreenSwitching = false
@@ -2191,6 +2236,7 @@ class Video extends Component {
     };
     // 加入房间失败
     this.test_controller.OnJoinRoomFailed = (err_code, err_msg) => {
+      this.saveLog('Join room failed，' + err_code)
       console.log('加入房间失败', err_code, err_msg)
       // this.setState({
       //   sessionType: false,
@@ -2222,6 +2268,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") {
@@ -2236,24 +2291,26 @@ class Video extends Component {
       if(publish_tag == 'tag1') {
         console.log('tag1',stream)
         let newStream = stream;
-      let beauty_strength = beautyNum;
-      if (beauty_strength != 0 && stream.getVideoTracks()[0]) {
-        newStream = new MediaStream([startBeauty(stream).getVideoTracks()[0]]);
-        // 清理原始流
-      newStream.oninactive = function () {
-        clearOriginStream(stream);
-      };
-      newStream.getVideoTracks()[0].onended = function () {
-        clearOriginStream(stream);
-      };
-      function clearOriginStream(stream) {
-        stream.getTracks().forEach((track) => {
-          track.stop();
-        });
-        stream = null;
-      }
-      };
+      // if (stream.getVideoTracks()[0]) {
+      //   await startBeauty(newStream);
+      //   newStream = beautyCaptureStream();
+      //   // 清理原始流
+      // newStream.oninactive = function () {
+      //   clearOriginStream(stream);
+      // };
+      // newStream.getVideoTracks()[0].onended = function () {
+      //   clearOriginStream(stream);
+      // };
+      // function clearOriginStream(stream) {
+      //   stream.getTracks().forEach((track) => {
+      //     track.stop();
+      //   });
+      //   stream = null;
+      // }
+      // };
       if (stream.getVideoTracks()[0]) {
+        await startBeauty(newStream);
+      newStream = beautyCaptureStream();
         await startHs(newStream);
         newStream = hsCaptureStream();
           // 清理原始流
@@ -2347,16 +2404,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({
@@ -2393,7 +2440,8 @@ class Video extends Component {
     };
     // 发布媒体流失败
     this.test_controller.OnPublishFailed = (sid, err_code, err_msg) => {
-      console.log('发布媒体流失败', sid, err_code, err_msg)
+      this.saveLog('发布失败' + err_code)
+      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)
@@ -2579,6 +2627,7 @@ class Video extends Component {
       err_msg
     ) => {
       console.log('订阅媒体流失败', sid, err_code, err_msg)
+      this.saveLog('Failed to subscribe to media stream，' + err_code)
     };
     // 推送“房间与会者列表”给新加⼊者
     this.test_controller.OnRoomAttendanceList = (participants) => {
@@ -3599,9 +3648,9 @@ userType:'1'
     }
   }
   componentWillUnmount() {
+    this.saveLog('Exit meeting')
     if (this.test_controller&&this.state.sessionType) {
       clearStreamRemain()
-      beautyNum = 0
       this.test_controller.LeaveRoom()
       this.test_controller.Disconnect()
     }
@@ -3649,14 +3698,35 @@ 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 {
+        console.log('123')
         this.state.channelId = '',
         this.state.rtoken = '',
         this.state.sessionId = '',
@@ -3672,6 +3742,7 @@ userType:'1'
         // })
       }
     } catch (err) {
+      console.log('456')
       this.state.channelId = '',
         this.state.rtoken = '',
         this.state.sessionId = '',
@@ -3692,7 +3763,7 @@ userType:'1'
       loading: true,
     })
     const that = this
-    axios.get(this.props.resourcePath + "/beauty/beauty.js")
+    axios.get(this.props.resourcePath + "/mcu.js")
     .then(response => this.addToScriptClick()).catch(function (error) {
       console.log(error);
       that.state.sessionType = false
@@ -3707,14 +3778,9 @@ userType:'1'
   }
   addToScriptClick=()=>{
     const _dependScripts = [
-      // https://counter-web.leimondata.cn:7199
-      this.props.resourcePath + "/beauty/beauty.js",
-      this.props.resourcePath + "/beauty/meeting_beautify_stream.js",
-      this.props.resourcePath + "/beauty/backgroundBlur.js",
-
+      this.props.resourcePath + "/beauty/beauty_frame_pkg.js",
       this.props.resourcePath + "/adapter.js",
       this.props.resourcePath + "/getMediaInfo.js",
-      // this.props.resourcePath + "/pdf.js",
       this.props.resourcePath + "/EBML.js",
       this.props.resourcePath + "/mcu.js",
       this.props.resourcePath + "/meeting_desk_stream.js",
@@ -3748,7 +3814,7 @@ userType:'1'
       if (i < _dependScripts.length) {
         const script = document.createElement("script");
         script.src = _dependScripts[i];
-        script.type = 'text/javascript'
+        // script.type = 'text/javascript'
         script.async = true;
         document.head.appendChild(script);
         if (i == _dependScripts.length - 1) {
@@ -4114,6 +4180,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) {
@@ -4269,6 +4337,9 @@ userType:'1'
       
       if (result.code == 200) {
         this.messageClick('查询客户信息成功','success')
+        this.setState({
+          isModalVisibleCustomer: false
+        })
       } else {
         this.messageClick('查询客户信息失败','error')
       }
@@ -4327,6 +4398,7 @@ userType:'1'
     console.log(sid)
     this.state.customOcrSid = sid
     this.state.faceCustomerUid = item.customId,
+    this.state.customerName = item.name
     this.setState({
       clickedFacial: false,
       clickedOcr: false,
@@ -4898,19 +4970,30 @@ userType:'1'
     })
   }
   beautyClick = () =>{
-    const publish_config = {}
-    publish_config.sid = document.getElementById('publish_video1').name
-    publish_config.media_type = 1
-    publish_config.publish_device = 1
-    publish_config.videoSource = this.state.cameraValue
-    publish_config.audioSource = this.state.microphoneValue
-    publish_config.video_profile_type=100
-    publish_config.video_profile_diy={width:640, height:360, frameRate:15, bitrate:400}
-    this.test_controller.ChangeMediaStream(publish_config)
-    beautyNum =  beautyNum == 0 ? 1 : 0
-    this.setState({
-      beautyName: beautyNum == 0 ? '开启美颜' : '关闭美颜'
-    })
+    // const publish_config = {}
+    // publish_config.sid = document.getElementById('publish_video1').name
+    // publish_config.media_type = 1
+    // publish_config.publish_device = 1
+    // publish_config.videoSource = this.state.cameraValue
+    // publish_config.audioSource = this.state.microphoneValue
+    // publish_config.video_profile_type=100
+    // publish_config.video_profile_diy={width:640, height:360, frameRate:15, bitrate:400}
+    // this.test_controller.ChangeMediaStream(publish_config)
+    // beautyNum =  beautyNum == 0 ? 1 : 0
+    if(beautyType) {
+      beautyType = false
+      this.setState({
+        beautyName: '开启美颜'
+      })
+      beautySetMode('none')
+    } else {
+      beautyType = true
+      beautySetMode('beauty')
+      this.setState({
+        beautyName: '关闭美颜'
+      })
+    }
+    
   }
   componentDidMount() {
     var box=document.getElementById("whiteboardDIV");
@@ -5085,25 +5168,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
@@ -5776,13 +5957,13 @@ userType:'1'
             <Option value="2">反面</Option>
           </Select>
             } */}
-            {
-              !this.state.idCardName &&<div className='faceCardImg'>
+            <div className='faceCardImg'>
+              {/* <div>{this.state.IDtypeFrontOrBack}</div> */}
               <img className="faceImg" src={this.state.facialImg} alt=""></img>
             </div>
-            }
             {
               this.state.idCardName &&<div className='resuleCard'>
+                <div>证件信息确认</div>
               <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>
@@ -5791,13 +5972,52 @@ userType:'1'
               
             </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={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>
@@ -5917,6 +6137,7 @@ sessionId: "",
   isTranscribing: false,
   shareMask: false,
   isOpenSound: false, // true开启进出音效   false不开启
+  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