react_hsbc_teller 1.1.9 → 1.2.2

package/packages/pages/video/video.jsx

@@ -19,10 +19,14 @@ import message from "antd/lib/message";
 import 'antd/lib/message/style'
 import Spin from "antd/lib/spin";
 import 'antd/lib/spin/style'
+import Select  from "antd/lib/select";
+import 'antd/lib/select/style'
+
 import { Button } from '../../../node_modules/antd/lib/index';
 import CanvasDraw from "react-canvas-draw";
 import { FormattedMessage, injectIntl } from 'react-intl';
 import axios from 'axios';
+const { Option } = Select;
 const LEAVE_TYPE = {
   TELLER_EXIT: 1, // 坐席退出
   ROOM_DESTROYED: -1, // 房间异常
@@ -141,6 +145,46 @@ class Video extends Component {
     noVideoEleven: false,
     noVideoTwelve: false,
     manualClose: false,
+    defaultValue: '1',
+    customOcrSid: '',
+    isPIBIntranet: [
+      {
+        type: false
+      },
+      {
+        type: false
+      },
+      {
+        type: false
+      },
+      {
+        type: false
+      },
+      {
+        type: false
+      },
+      {
+        type: false
+      },
+      {
+        type: false
+      },
+      {
+        type: false
+      },
+      {
+        type: false
+      },
+      {
+        type: false
+      },
+      {
+        type: false
+      },
+      {
+        type: false
+      }
+    ]
   };
   // eslint-disable-next-line no-undef
   test_controller = '';
@@ -164,6 +208,8 @@ class Video extends Component {
       let publish_config = {}
       publish_config.media_type = 1
       publish_config.publish_device = 1
+      publish_config.videoSource = this.state.cameraValue
+      publish_config.audioSource = this.state.microphoneValue
       publish_config.need_volume_analyser = true
       // publish_config.video_profile_type = 3
       publish_config.video_profile_type=100
@@ -246,8 +292,10 @@ class Video extends Component {
     // eslint-disable-next-line no-undef
     // initWebSocket('wss://im.uat.dsp.hsbcfts.com.cn:443/wealth/im/ws/')
     // initWebSocket('wss://' + JSON.parse(window.sessionStorage.getItem('sigData')).hostname + ':' + '15603' + '/ws/');
+    if(!this.state.imStatus){
+      initWebSocket('wss://' + JSON.parse(window.sessionStorage.getItem('sigData')).hostname + ':' + JSON.parse(window.sessionStorage.getItem('sigData')).webPort + '/ws/');
 
-    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;
     config_param.uid = this.props.tellerAccount;
@@ -265,7 +313,6 @@ class Video extends Component {
     const config_param = {};
     config_param.auto_publish_subscribe = 4;
     config_param.media_type = 1;
-    config_param.publish_device = 1;
     config_param.video_profile_type = '3';
     config_param.need_volume_analyser = true;
     config_param.initPublish = [
@@ -358,6 +405,106 @@ class Video extends Component {
         url: '' // ⽔印图⽚ HTTP 地址
       }
     ];
+  recordParam.tagPositions = [
+    {
+      tag: 'projectionWhiteboard',
+      xPosition: '0',
+      yPosition: '360',
+      width: '640',
+      height: '360'
+    },
+    {
+      tag: 'VIDEO_SOURCE_SCREEN',
+      xPosition: '0',
+      yPosition: '144',
+      width: '256',
+      height: '144'
+    },
+    {
+      tag: 'tag1',
+      xPosition: '0',
+      yPosition: '0',
+      width: '160',
+      height: '144'
+    },
+    {
+      tag: 'customer1',
+      xPosition: '160',
+      yPosition: '0',
+      width: '160',
+      height: '144'
+    },
+    {
+      tag: 'customer2',
+      xPosition: '320',
+      yPosition: '0',
+      width: '160',
+      height: '144'
+    },
+    {
+      tag: 'customer3',
+      xPosition: '480',
+      yPosition: '0',
+      width: '160',
+      height: '144'
+    },
+    {
+      tag: 'customer4',
+      xPosition: '640',
+      yPosition: '0',
+      width: '160',
+      height: '144'
+    },
+    {
+      tag: 'customer5',
+      xPosition: '800',
+      yPosition: '0',
+      width: '160',
+      height: '144'
+    },
+    {
+      tag: 'customer6',
+      xPosition: '960',
+      yPosition: '0',
+      width: '160',
+      height: '144'
+    },
+    {
+      tag: 'customer7',
+      xPosition: '1120',
+      yPosition: '0',
+      width: '160',
+      height: '144'
+    },
+    {
+      tag: 'customer8',
+      xPosition: '1120',
+      yPosition: '144',
+      width: '160',
+      height: '144'
+    },
+    {
+      tag: 'customer9',
+      xPosition: '1120',
+      yPosition: '288',
+      width: '160',
+      height: '144'
+    },
+    {
+      tag: 'customer10',
+      xPosition: '1120',
+      yPosition: '432',
+      width: '160',
+      height: '144'
+    },
+    {
+      tag: 'customer11',
+      xPosition: '1120',
+      yPosition: '576',
+      width: '160',
+      height: '144'
+    }
+  ]
     console.log('recordParam', recordParam);
     this.test_controller.StartRemoteRecord(filePath, recordParam, '')
 
@@ -406,11 +553,6 @@ class Video extends Component {
       console.log(result);
       if (this.state.faceCustomerType == 1) {
         this.contrastFaceVerify(result.data)
-      } else if (this.state.faceCustomerType == 2) {
-        // ocr
-        this.setState({
-          isModalVisibleFacial: false
-        })
       }
 
     } catch (err) {
@@ -439,100 +581,208 @@ class Video extends Component {
   // 获取人员客户列表
   selectCustomer = (val) => {
     const list = []
-    if (document.getElementById('video1').name) {
+    if (document.getElementById('video1').name && !this.state.isPIBIntranet[0].type) {
       console.log(this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId1").innerText))
       // document.getElementById("feedId1").innerText
       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,
+        name: this.state.videoOneName + '--OCR',
+        tourist: false
       })
+      if(this.state.videoOneName.indexOf("客户") == -1) {
+        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) {
+    if (document.getElementById('video2').name && !this.state.isPIBIntranet[1].type) {
       console.log(this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId2").innerText))
       // document.getElementById("feedId1").innerText
       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
+        name: this.state.videoTwoName + '--OCR',
+        tourist: false
       })
+      if(this.state.videoTwoName.indexOf("客户") == -1) {
+        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) {
+    if (document.getElementById('video3').name && !this.state.isPIBIntranet[2].type) {
       console.log(this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId3").innerText))
       // document.getElementById("feedId1").innerText
       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
+        name: this.state.videoThreeName + '--OCR',
+        tourist: false
       })
+      if(this.state.videoThreeName.indexOf("客户") == -1) {
+        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) {
+    if (document.getElementById('video4').name && !this.state.isPIBIntranet[3].type) {
       console.log(this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId4").innerText))
       // document.getElementById("feedId1").innerText
       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
+        name: this.state.videoFourName + '--OCR',
+        tourist: false
       })
+      if(this.state.videoFourName.indexOf("客户") == -1) {
+        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) {
+    if (document.getElementById('video5').name && !this.state.isPIBIntranet[4].type) {
       console.log(this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId5").innerText))
       // document.getElementById("feedId1").innerText
       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
+        name: this.state.videoFiveName + '--OCR',
+        tourist: false
       })
+      if(this.state.videoFiveName.indexOf("客户") == -1) {
+        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) {
+    if (document.getElementById('video6').name && !this.state.isPIBIntranet[5].type) {
       console.log(this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId6").innerText))
       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
+        name: this.state.videoSixName + '--OCR',
+        tourist: false
       })
+      if(this.state.videoSixName.indexOf("客户") == -1) {
+        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) {
+    if (document.getElementById('video7').name && !this.state.isPIBIntranet[6].type) {
       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
+        name: this.state.videoSevenName + '--OCR',
+        tourist: false
       })
+      if(this.state.videoSevenName.indexOf("客户") == -1) {
+        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) {
+    if (document.getElementById('video8').name && !this.state.isPIBIntranet[7].type) {
       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
+        name: this.state.videoEightName + '--OCR',
+        tourist: false
       })
+      if(this.state.videoEightName.indexOf("客户") == -1) {
+        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) {
+    if (document.getElementById('video9').name && !this.state.isPIBIntranet[8].type) {
       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
+        name: this.state.videoNineName + '--OCR',
+        tourist: false
       })
+      if(this.state.videoNineName.indexOf("客户") == -1) {
+        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) {
+    if (document.getElementById('video10').name && !this.state.isPIBIntranet[9].type) {
       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
+        name: this.state.videoTenName + '--OCR',
+        tourist: false
       })
+      if(this.state.videoTenName.indexOf("客户") == -1) {
+        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) {
+    if (document.getElementById('video11').name && !this.state.isPIBIntranet[10].type) {
       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
+        name: this.state.videoElevenName + '--OCR',
+        tourist: false
       })
+      if(this.state.videoElevenName.indexOf("客户") == -1) {
+        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) {
+    if (document.getElementById('video12').name && !this.state.isPIBIntranet[11].type) {
       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
+        name: this.state.videoTwelveName + '--OCR',
+        tourist: false
       })
+      if(this.state.videoTwelveName.indexOf("客户") == -1) {
+        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
+        })
+      }
     }
     if (list.length > 0) {
       if (val == 'ocr') {
@@ -557,14 +807,16 @@ class Video extends Component {
         content: value,
         icon: <img src={require("../../assets/img/tooltips2_fail.png").default} alt="" ></img>,
         className: 'errorClassName',
-        top: 200
+        top: 200,
+        duration: 10
       })
     } else if(valueOne == 'success') {
       message.success({
         content: value,
         icon: <img src={require("../../assets/img/tooltips1_pass.png").default} alt="" ></img>,
         className: 'successClassName',
-        top: 200
+        top: 200,
+        duration: 10
       })
     }
     
@@ -1489,8 +1741,14 @@ class Video extends Component {
       })
       if (!this.state.appId && !this.state.sessionType) {
         this.mpaasSig(data);
+        let indexId = 0
+        obj.map((item,index)=>{
+          if(item.actionname.indexOf('Integrated Camera' != -1)) {
+            indexId = index
+          }
+        })
         this.setState({
-          cameraValue: obj[0].actionid,
+          cameraValue: obj[indexId].actionid,
           microphoneValue: obj1[0].actionid
         })
       } else {
@@ -1583,6 +1841,8 @@ class Video extends Component {
       publish_config.media_type = 1
       publish_config.publish_device = 1
       publish_config.need_volume_analyser = true
+      publish_config.videoSource = this.state.cameraValue
+      publish_config.audioSource = this.state.microphoneValue
       // publish_config.video_profile_type = 3
       publish_config.video_profile_type=100
       publish_config.video_profile_diy={width:640, height:360, frameRate:15, bitrate:400}
@@ -1604,7 +1864,6 @@ class Video extends Component {
         this.state.rtoken = '',
         this.state.sessionId = '',
         this.state.imRoomId = ''
-      
       this.test_controller.Disconnect()
       let data = {
         account: this.props.tellerAccount,
@@ -1838,6 +2097,9 @@ class Video extends Component {
     this.test_controller.OnNewJoinerIn = (participant) => {
       console.log('新加⼊房间者', participant);
           this.state.isCustomer= true
+        //   let audio = document.createElement('audio') //生成一个audio元素 
+        // audio.src = 'http://mp3.9ku.com/hot/2005/05-19/65937.mp3' //音乐的路径 
+        // audio.play()
     };
     // 推送“有新发布”给与会者
     this.test_controller.OnNewPublish = (feed) => {
@@ -2090,6 +2352,7 @@ class Video extends Component {
         }
       })
       if (!document.getElementById("video1").name) {
+        this.state.isPIBIntranet[0].type = false
         this.setState({
           videoOneName: '',
           voiceVideoOne: false,
@@ -2097,6 +2360,7 @@ class Video extends Component {
         })
       }
       if (!document.getElementById("video2").name) {
+        this.state.isPIBIntranet[1].type = false
         this.setState({
           videoTwoName: '',
           voiceVideoTwo: false,
@@ -2104,6 +2368,7 @@ class Video extends Component {
         })
       }
       if (!document.getElementById("video3").name) {
+        this.state.isPIBIntranet[2].type = false
         this.setState({
           videoThreeName: '',
           voiceVideoThree: false,
@@ -2111,6 +2376,7 @@ class Video extends Component {
         })
       }
       if (!document.getElementById("video4").name) {
+        this.state.isPIBIntranet[3].type = false
         this.setState({
           videoFourName: '',
           voiceVideoFour: false,
@@ -2118,6 +2384,7 @@ class Video extends Component {
         })
       }
       if (!document.getElementById("video5").name) {
+        this.state.isPIBIntranet[4].type = false
         this.setState({
           videoFiveName: '',
           voiceVideoFive: false,
@@ -2125,6 +2392,7 @@ class Video extends Component {
         })
       }
       if (!document.getElementById("video6").name) {
+        this.state.isPIBIntranet[5].type = false
         this.setState({
           videoSixName: '',
           voiceVideoSix: false,
@@ -2133,6 +2401,7 @@ class Video extends Component {
       }
 
       if (!document.getElementById("video7").name) {
+        this.state.isPIBIntranet[6].type = false
         this.setState({
           videoSevenName: '',
           voiceVideoSeven: false,
@@ -2140,6 +2409,7 @@ class Video extends Component {
         })
       }
       if (!document.getElementById("video8").name) {
+        this.state.isPIBIntranet[7].type = false
         this.setState({
           videoEightName: '',
           voiceVideoEight: false,
@@ -2147,6 +2417,7 @@ class Video extends Component {
         })
       }
       if (!document.getElementById("video9").name) {
+        this.state.isPIBIntranet[8].type = false
         this.setState({
           videoNineName: '',
           voiceVideoNine: false,
@@ -2154,6 +2425,7 @@ class Video extends Component {
         })
       }
       if (!document.getElementById("video10").name) {
+        this.state.isPIBIntranet[9].type = false
         this.setState({
           videoTenName: '',
           voiceVideoTen: false,
@@ -2161,6 +2433,7 @@ class Video extends Component {
         })
       }
       if (!document.getElementById("video11").name) {
+        this.state.isPIBIntranet[10].type = false
         this.setState({
           videoElevenName: '',
           voiceVideoEleven: false,
@@ -2168,6 +2441,7 @@ class Video extends Component {
         })
       }
       if (!document.getElementById("video12").name) {
+        this.state.isPIBIntranet[11].type = false
         this.setState({
           videoTwelveName: '',
           voiceVideoTwelve: false,
@@ -2208,7 +2482,15 @@ class Video extends Component {
       exitType
     ) => {
       console.log('退出房间者', participant, exitType)
-      this.messageClick(this.props.customLeaveRoom,'error')
+      this.appGetUsernameClick(participant).then((res)=>{
+        console.log('退出房间者',res)
+        let data = res? res : '客户'
+        this.messageClick(( data + '已退出会议'),'error')
+        // let audio = document.createElement('audio') //生成一个audio元素 
+        // audio.src = 'http://mp3.9ku.com/hot/2005/05-19/65937.mp3' //音乐的路径 
+        // audio.play()
+      })
+      
     };
     // 弱网回调
     this.test_controller.OnNetworkWeak = (bpsSend, bpsRecv, sid) => {
@@ -2493,7 +2775,7 @@ class Video extends Component {
       }
 
       for (var i = 0; i < 40; i++) {
-        let energy = (dataArray[step * i] / 256.0) * 100;
+        let energy = (dataArray[step * i] / 256.0) * 80;
         ctx.beginPath();
         ctx.fillStyle = this.props.voiceColor;
         const { x1, y1, x2, y2 } = drawArea
@@ -2503,7 +2785,7 @@ class Video extends Component {
         let startY = y1 - height  // 绘制起始点y
         ctx.fillRect(startX, startY, width, height)
         if(document.getElementById('publish_video1').name == sid) {
-          this.state.analyserHeight.set(sid,energy/25)
+          this.state.analyserHeight.set(sid,dataArray[step * 20] / 256.0)
             this.state.analyserHeight = this.state.analyserHeight
         }
 
@@ -2534,9 +2816,9 @@ class Video extends Component {
         //   this.setState({
         //     isPDF: true,
         //   })
-        // } else {
+      // } else {
           document.getElementById('video20') && document.getElementById('video20').name ? this.test_controller.UnPublish(document.getElementById('video20').name) : ''
-        // }
+      // }
         this.state.isSharedScreen = false
         this.state.isScreenSwitching = false
         this.setState({
@@ -2549,11 +2831,11 @@ class Video extends Component {
         }
         // if (!this.state.laveRoomSharedScreen && this.state.isSharedScreen) {
         //   this.sharedScreen()
-        // }
+    // }
       }
         
       
-    }
+    };
   }
   enterRoom = async () =>{
     try {
@@ -3083,12 +3365,41 @@ class Video extends Component {
       isModalVisibleEnd: false
     })
   };
+  ocrCallback= async () => {
+    try {
+      let result = await API.ocrCallback({
+        sessionId: this.state.sessionId,
+        staffId: this.props.tellerAccount,
+        activityId: this.props.businessNumber,
+        appAccount: this.state.faceCustomerUid,
+        fileBase64: this.state.facialImg.replace(/^data:image\/\w+;base64,/,""),
+        type: this.state.defaultValue
+      });
+      if (result.code == 200) {
+        this.messageClick('识别成功','success')
+        this.setState({
+          isModalVisibleFacial: false
+        })
+      } else {
+        this.messageClick('识别失败','error')
+      }
+    } catch (err) {
+      this.messageClick('识别失败','error')
+    }
+  }
   handleOkFacial = () => {
-    const frontIdcard = new File([this.dataURLtoFile(this.state.facialImg, 'image/jpeg')], new Date() + '.png'); // 重命名了
+    if (this.state.faceCustomerType == 2) {
+      // ocr
+      this.ocrCallback()
+      
+    } else {
+      const frontIdcard = new File([this.dataURLtoFile(this.state.facialImg, 'image/jpeg')], new Date() + '.png'); // 重命名了
     const formData = new FormData();
     formData.append('file', frontIdcard);
     formData.append('sessionId', this.state.sessionId);
     this.uploadImg(formData)
+    }
+    
   };
   handleCancelFacial = () => {
     this.setState({
@@ -3144,8 +3455,34 @@ class Video extends Component {
       employeeNumber: event.target.value
     })
   }
+  retrieveCustomerInfoByActivityId = async (value) =>{
+    try {
+      let result = await API.retrieveCustomerInfoByActivityId({
+        activityId: this.props.businessNumber,
+        sessionId: this.state.sessionId,
+        appAccount: value
+      });
+      console.log(result)
+      
+      if (result.code == 200) {
+        this.messageClick('查询客户信息成功','success')
+      } else {
+        this.messageClick('查询客户信息失败','error')
+      }
+    }catch (err) {
+      this.messageClick('查询客户信息失败','error')
+      }
+      this.setState({
+        clickedFacial: false,
+        clickedOcr: false,
+        
+      })
+  }
   customerFaceClick = (item) => {
     console.log(item)
+    if(item.tourist) {
+      this.retrieveCustomerInfoByActivityId(item.customId)
+    } else {
     var sid
     if (item.feedId == document.getElementById("feedId1").innerText) {
       sid = document.getElementById('video1').name;
@@ -3173,6 +3510,7 @@ class Video extends Component {
       sid = document.getElementById('video12').name;
     }
     console.log(sid)
+    this.state.customOcrSid = sid
     this.state.faceCustomerUid = item.customId,
     this.setState({
       clickedFacial: false,
@@ -3182,12 +3520,37 @@ class Video extends Component {
       facialImg: this.test_controller.TakePicture(1, undefined, undefined, sid, 'png')
     })
   }
+  }
+  handleChangeOcr =(val)=> {
+    console.log(val)
+    this.setState({
+      defaultValue: val,
+      facialImg: this.test_controller.TakePicture(1, undefined, undefined, this.state.customOcrSid, 'png')
+    })
+  }
   componentWillReceiveProps(props) {
       this.state.channelId = props.roomId,
       this.state.rtoken = props.mtoken,
       this.state.sessionId = props.sessionId,
       this.state.imRoomId = props.imRoomId
   }
+  appGetUsernameClick = async(userId) =>{
+    let data = ''
+    try {
+      let result = await API.appGetUsername({
+        userId: userId,
+        sessionId: this.state.sessionId
+      });
+      console.log(result)
+      
+      if (result.code == 200) {
+        data = result.data.username ? result.data.username : ''
+      }
+      return data
+    }catch (err) {
+      return data
+      }
+  }
   appGetUsername = async (sid) => {
     console.log(sid)
     let userId = ''
@@ -3235,8 +3598,10 @@ class Video extends Component {
       });
       console.log(result)
       let data
+      let typeIntranet
       if (result.code == 200) {
         data = result.data.username ? result.data.username : ''
+        typeIntranet = result.data.userType ? result.data.userType : ''
       } else {
         this.messageClick('查询失败','error')
       }
@@ -3246,53 +3611,88 @@ class Video extends Component {
         })
       }
       if (document.getElementById('video1').name == sid) {
-
+        if(typeIntranet && typeIntranet == 2) {
+          this.state.isPIBIntranet[0].type = true
+        }
         this.setState({
           videoOneName: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId1").innerText).tag == 'VIDEO_SOURCE_SCREEN' ? '共享屏幕' : data ? data : '客户1'
         })
       }
       if (document.getElementById('video2').name == sid) {
+        if(typeIntranet && typeIntranet == 2) {
+          this.state.isPIBIntranet[1].type = true
+        }
         this.setState({
           videoTwoName: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId2").innerText).tag == 'VIDEO_SOURCE_SCREEN' ? '共享屏幕' : data ? data : '客户2'
         })
       } if (document.getElementById('video3').name == sid) {
+        if(typeIntranet && typeIntranet == 2) {
+          this.state.isPIBIntranet[2].type = true
+        }
         this.setState({
           videoThreeName: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId3").innerText).tag == 'VIDEO_SOURCE_SCREEN' ? '共享屏幕' : data ? data : '客户3'
         })
       } if (document.getElementById('video4').name == sid) {
+        if(typeIntranet && typeIntranet == 2) {
+          this.state.isPIBIntranet[3].type = true
+        }
         this.setState({
           videoFourName: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId4").innerText).tag == 'VIDEO_SOURCE_SCREEN' ? '共享屏幕' : data ? data : '客户4'
         })
       } if (document.getElementById('video5').name == sid) {
+        if(typeIntranet && typeIntranet == 2) {
+          this.state.isPIBIntranet[4].type = true
+        }
         this.setState({
           videoFiveName: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId5").innerText).tag == 'VIDEO_SOURCE_SCREEN' ? '共享屏幕' : data ? data : '客户5'
         })
       } if (document.getElementById('video6').name == sid) {
+        if(typeIntranet && typeIntranet == 2) {
+          this.state.isPIBIntranet[5].type = true
+        }
         this.setState({
           videoSixName: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId6").innerText).tag == 'VIDEO_SOURCE_SCREEN' ? '共享屏幕' : data ? data : '客户6'
         })
       }
       if (document.getElementById('video7').name == sid) {
+        if(typeIntranet && typeIntranet == 2) {
+          this.state.isPIBIntranet[6].type = true
+        }
         this.setState({
           videoSevenName: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId7").innerText).tag == 'VIDEO_SOURCE_SCREEN' ? '共享屏幕' : data ? data : '客户7'
         })
       } if (document.getElementById('video8').name == sid) {
+        if(typeIntranet && typeIntranet == 2) {
+          this.state.isPIBIntranet[7].type = true
+        }
         this.setState({
           videoEightName: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId8").innerText).tag == 'VIDEO_SOURCE_SCREEN' ? '共享屏幕' : data ? data : '客户8'
         })
       } if (document.getElementById('video9').name == sid) {
+        if(typeIntranet && typeIntranet == 2) {
+          this.state.isPIBIntranet[8].type = true
+        }
         this.setState({
           videoNineName: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId9").innerText).tag == 'VIDEO_SOURCE_SCREEN' ? '共享屏幕' : data ? data : '客户9'
         })
       } if (document.getElementById('video10').name == sid) {
+        if(typeIntranet && typeIntranet == 2) {
+          this.state.isPIBIntranet[9].type = true
+        }
         this.setState({
           videoTenName: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId10").innerText).tag == 'VIDEO_SOURCE_SCREEN' ? '共享屏幕' : data ? data : '客户10'
         })
       } if (document.getElementById('video11').name == sid) {
+        if(typeIntranet && typeIntranet == 2) {
+          this.state.isPIBIntranet[10].type = true
+        }
         this.setState({
           videoElevenName: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId11").innerText).tag == 'VIDEO_SOURCE_SCREEN' ? '共享屏幕' : data ? data : '客户11'
         })
       } if (document.getElementById('video12').name == sid) {
+        if(typeIntranet && typeIntranet == 2) {
+          this.state.isPIBIntranet[11].type = true
+        }
         this.setState({
           videoTwelveName: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId12").innerText).tag == 'VIDEO_SOURCE_SCREEN' ? '共享屏幕' : data ? data : '客户12'
         })
@@ -3523,6 +3923,7 @@ class Video extends Component {
            console.log('whiteboardDIV', this.state.whiteboardHeight,box.clientHeight,this.state.whiteboardWidth)
        }
   }
+  
   render() {
     const { meetingInfo,isTranscribing } = this.props
     var pdfChildren
@@ -4131,7 +4532,16 @@ class Video extends Component {
             </div>
           ]}>
             <div className="faceBody">
-              <img className="faceImg" src={this.state.facialImg} alt=""></img>
+            {this.state.faceCustomerType == 2 && 
+            <Select defaultValue={this.state.defaultValue} style={{ width: 120,marginBottom: '20px' }} onChange={this.handleChangeOcr}>
+            <Option value="1">正面</Option>
+            <Option value="2">反面</Option>
+          </Select>
+            }
+            <div>
+            <img className="faceImg" src={this.state.facialImg} alt=""></img>
+            </div>
+              
             </div>
           </Modal>
           {/* <Modal title={this.state.titleModal} cancelText="取消" okText="确定" visible={this.state.isModalVisibleFacial}