react_hsbc_teller 1.9.1 → 1.9.3

package/packages/pages/video/video.jsx

@@ -15,6 +15,8 @@ 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 internalJoin from '../../assets/mp3/internalJoin.mp3'
+import internalLeft from '../../assets/mp3/internalLeft.mp3'
 import leftMetting from '../../assets/mp3/leftmeeting.mp3'
 import errorPng from '../../assets/img/tooltips2_fail.png'
 import { callNimIM } from '../../utils/cell.js'
@@ -61,6 +63,7 @@ let isBackgroundBlur = true
 let isSuccuseHs = false
 let isGraffiti = false
 let strokeColor = '#333'
+let clearTime
 let CanvasHome = styled.div`
   position: fixed;
   z-index: ${props => props.zIndexNum};
@@ -340,6 +343,7 @@ class Video extends Component {
     faceFailReason: '',
     cardResuly: '',
     cardFailReason: '',
+    videoType: ''
   };
   // eslint-disable-next-line no-undef
   test_controller = '';
@@ -347,7 +351,7 @@ class Video extends Component {
   saveLog = (val) => {
     axios({
       method: 'get',
-      baseURL: this.props.logUrl + '&message=' + encodeURIComponent(val) + '&react_hsbc_teller=1.9.1&logTime=' + Date.now() + '&mtoken=' + encodeURIComponent(this.state.rtoken) + '&roomId=' + encodeURIComponent(this.state.channelId) + '&sessionId=' + encodeURIComponent(this.state.sessionId) + '&appointmentID=' + this.props.businessNumber,
+      baseURL: this.props.logUrl + '&message=' + encodeURIComponent(val) + '&react_hsbc_teller=1.9.3&logTime=' + Date.now() + '&mtoken=' + encodeURIComponent(this.state.rtoken) + '&roomId=' + encodeURIComponent(this.state.channelId) + '&sessionId=' + encodeURIComponent(this.state.sessionId) + '&appointmentID=' + this.props.businessNumber,
 
     }).then(res => {
 
@@ -434,7 +438,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.saveLog('imgCallback success' + result.data.type)
       this.props.imgCallback({
         type: result.data.type + '',
         file: result.data.base64Image,
@@ -795,6 +799,8 @@ class Video extends Component {
   contrastFaceVerify = async () => {
     try {
       let result = await API.contrastFaceVerify({
+        idCardNumber: this.state.idCardNumberFace,
+        idCardName: this.state.idCardNameFace,
         staffId: this.props.tellerAccount,
         activityId: this.props.businessNumber,
         appAccount: this.state.faceCustomerUid,
@@ -879,7 +885,7 @@ class Video extends Component {
       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 + (this.state.faceCustomerType == 1 ? '--人脸识别' : ''),
+        name: this.state.videoOneName,
         tourist: false
       })
     }
@@ -889,7 +895,7 @@ class Video extends Component {
       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 + (this.state.faceCustomerType == 1 ? '--人脸识别' : ''),
+        name: this.state.videoTwoName,
         tourist: false
       })
     }
@@ -899,7 +905,7 @@ class Video extends Component {
       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 + (this.state.faceCustomerType == 1 ? '--人脸识别' : ''),
+        name: this.state.videoThreeName,
         tourist: false
       })
     }
@@ -909,7 +915,7 @@ class Video extends Component {
       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 + (this.state.faceCustomerType == 1 ? '--人脸识别' : ''),
+        name: this.state.videoFourName,
         tourist: false
       })
     }
@@ -919,7 +925,7 @@ class Video extends Component {
       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 + (this.state.faceCustomerType == 1 ? '--人脸识别' : ''),
+        name: this.state.videoFiveName,
         tourist: false
       })
     }
@@ -928,7 +934,7 @@ class Video extends Component {
       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 + (this.state.faceCustomerType == 1 ? '--人脸识别' : ''),
+        name: this.state.videoSixName,
         tourist: false
       })
     }
@@ -936,7 +942,7 @@ class Video extends Component {
       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 + (this.state.faceCustomerType == 1 ? '--人脸识别' : ''),
+        name: this.state.videoSevenName,
         tourist: false
       })
     }
@@ -944,7 +950,7 @@ class Video extends Component {
       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 + (this.state.faceCustomerType == 1 ? '--人脸识别' : ''),
+        name: this.state.videoEightName,
         tourist: false
       })
     }
@@ -952,7 +958,7 @@ class Video extends Component {
       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 + (this.state.faceCustomerType == 1 ? '--人脸识别' : ''),
+        name: this.state.videoNineName,
         tourist: false
       })
     }
@@ -960,15 +966,15 @@ class Video extends Component {
       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 + (this.state.faceCustomerType == 1 ? '--人脸识别' : ''),
+        name: this.state.videoTenName,
         tourist: false
       })
     }
-    if (document.getElementById('video11').name && !this.state.isPIBIntranet[10].type) {
+    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 + (this.state.faceCustomerType == 1 ? '--人脸识别' : ''),
+        name: this.state.videoElevenName,
         tourist: false
       })
     }
@@ -976,7 +982,7 @@ class Video extends Component {
       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 + (this.state.faceCustomerType == 1 ? '--人脸识别' : ''),
+        name: this.state.videoTwelveName,
         tourist: false
       })
     }
@@ -989,10 +995,15 @@ class Video extends Component {
         console.log('this.state.customerList.length',list.length)
         this.setState({
           documentType: '',
-          isModalVisibleCustomer: true,
           isCustomerSelect: true,
-          customerSelect: list.length == 1 ? 0 : '',
+          customerSelect: list.length == 1 ? 1 : '',
+
           customerTitleName: '客户身份识别'
+        },()=>{
+          console.log(this.state.customerSelect)
+          this.setState({
+            isModalVisibleCustomer: true,
+          })
         })
       } else if (val == 'facial') {
         this.setState({
@@ -2235,7 +2246,7 @@ class Video extends Component {
       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.customerFaceClick(this.state.customerList[this.state.customerSelect - 1])
         }
       }
     }
@@ -2767,15 +2778,6 @@ class Video extends Component {
     this.test_controller.OnNewJoinerIn = (participant) => {
       console.log('新加⼊房间者', participant);
       this.state.isCustomer = true
-      if (this.props.isOpenSound) {
-        let src = autod
-        let audio = new Audio(src)
-        audio.play()
-      }
-
-      // let src = autod
-      // let audio = new Audio(src)
-      // audio.play()
     };
     // 推送“有新发布”给与会者
     this.test_controller.OnNewPublish = (feed) => {
@@ -3191,12 +3193,12 @@ class Video extends Component {
       exitType
     ) => {
       console.log('退出房间者', participant, exitType)
-      if (this.props.isOpenSound) {
-        let src = leftMetting
-        let audio = new Audio(src)
-        audio.play()
-      }
-
+      // if (this.props.isOpenSound) {
+      //   let src = leftMetting
+      //   let audio = new Audio(src)
+      //   audio.play()
+      // }
+      
 
       this.appGetUsernameClick(participant).then((res) => {
         console.log('退出房间者', res)
@@ -3209,7 +3211,18 @@ class Video extends Component {
             userId: participant,
             userType: '1'
           })
-        }
+          if (this.props.isOpenSound) {
+            let src = leftMetting
+            let audio = new Audio(src)
+            audio.play()
+          }
+        } else if (res.userType == 2) {
+          if (this.props.isOpenSound) {
+            let src = internalLeft
+            let audio = new Audio(src)
+            audio.play()
+          }
+        } 
         // console.log('退出房间者',res)
         // let data = res? res : '客户'
         // console.log(data)
@@ -3837,7 +3850,7 @@ class Video extends Component {
     }
   }
   componentWillMount() {
-    console.log('hsbc_teller_sdk', '1.9.1')
+    console.log('hsbc_teller_sdk', '1.9.3')
     if (this.props.sessionId) {
       this.getRoomStatus({
         sessionId: this.props.sessionId
@@ -4258,8 +4271,7 @@ class Video extends Component {
             isFaceImage: false
             })
           })
-          const videoMedia = document.getElementById('publish_video_2');
-          videoMedia.srcObject = document.getElementById(videoName).srcObject
+          this.publishVideoTwo()
         }
       
       } else {
@@ -4343,7 +4355,7 @@ class Video extends Component {
   }
   handleOkFacial = () => {
     if (this.state.faceCustomerType == 2) {
-      if (this.state.IDtypeFrontOrBack == '请截取证件正面') {
+      if (this.state.IDtypeFrontOrBack == '请截取证件头像面') {
         if(this.state.documentType == 'PASSPORT_CARD') {
           this.setState({
             loadingFace: true
@@ -4352,12 +4364,12 @@ class Video extends Component {
         } else {
           this.setState({
             facialImg: ocrImage,
-            IDtypeFrontOrBack: '请截取证件反面',
+            IDtypeFrontOrBack: '请截取证件国徽面',
             isFaceImage: false,
           })
         }
         
-      } else if (this.state.IDtypeFrontOrBack == '请截取证件反面') {
+      } else if (this.state.IDtypeFrontOrBack == '请截取证件国徽面') {
         this.setState({
           loadingFace: true
         })
@@ -4391,6 +4403,25 @@ class Video extends Component {
       isModalVisibleFacial: false
     })
   };
+  publishVideoTwo=()=>{
+    const videoMedia = document.getElementById('publish_video_2');
+        videoMedia.srcObject = document.getElementById(videoName).srcObject
+        clearTime = setTimeout(() => {
+          if(this.state.videoType == '') {
+            this.setState({
+              videoType: 'error'
+            })
+            
+          }
+        }, 9000)
+        videoMedia.onloadeddata = () => {
+          console.log('success_publish_video_2')
+          this.setState({
+            videoType: 'success'
+          })
+          clearTimeout(clearTime)
+        }
+  }
   newFaceClick=()=>{
     callNimIM('sendCustomCmdMsg', {
       customId: this.state.imRoomId,
@@ -4407,7 +4438,7 @@ class Video extends Component {
       isFaceImage: false,
       facialImg: ocrImage,
       disabledIdCard: true,
-      IDtypeFrontOrBack: '请截取证件正面',
+      IDtypeFrontOrBack: '请截取证件头像面',
       facialImgFront: '',
       facialImgBack: '',
       faceResuly: '',
@@ -4416,8 +4447,7 @@ class Video extends Component {
       cardFailReason: '',
       cardResuly: '',
     }, () => {
-        const videoMedia = document.getElementById('publish_video_2');
-        videoMedia.srcObject = document.getElementById(videoName).srcObject
+        this.publishVideoTwo()
     })
   }
   ReIdentification = () =>{
@@ -4426,8 +4456,7 @@ class Video extends Component {
             facialImg: ocrImage,
             isFaceImage: false
             },()=>{
-              const videoMedia = document.getElementById('publish_video_2');
-          videoMedia.srcObject = document.getElementById(videoName).srcObject
+             this.publishVideoTwo()
             })
           
   }
@@ -4571,7 +4600,7 @@ class Video extends Component {
         isFaceImage: false,
         facialImg: ocrImage,
         disabledIdCard: true,
-        IDtypeFrontOrBack: '请截取证件正面',
+        IDtypeFrontOrBack: '请截取证件头像面',
         facialImgFront: '',
         facialImgBack: '',
         faceResuly: '',
@@ -4585,23 +4614,19 @@ class Video extends Component {
         this.setState({
           isModalVisibleFacial: true,
         }, () => {
-          const videoMedia = document.getElementById('publish_video_2');
-          videoMedia.srcObject = document.getElementById(videoName).srcObject
-          videoMedia.onloadeddata = function() {
-            console.log('onerror')
-          }
+          this.publishVideoTwo()
         })
       })
     }
   }
   sgsinImage = () => {
-    if (this.state.IDtypeFrontOrBack == '请截取证件正面') {
+    if (this.state.IDtypeFrontOrBack == '请截取证件头像面') {
       this.setState({
         facialImg: this.test_controller.TakePicture(1, undefined, undefined, this.state.customOcrSid, 'png'),
         isFaceImage: true,
         facialImgFront: this.test_controller.TakePicture(1, undefined, undefined, this.state.customOcrSid, 'png'),
       })
-    } else if (this.state.IDtypeFrontOrBack == '请截取证件反面') {
+    } else if (this.state.IDtypeFrontOrBack == '请截取证件国徽面') {
       this.setState({
         facialImg: this.test_controller.TakePicture(1, undefined, undefined, this.state.customOcrSid, 'png'),
         isFaceImage: true,
@@ -4690,19 +4715,32 @@ class Video extends Component {
       console.log(result)
       let data
       let typeIntranet
+      let userSide
       if (result.code == 200) {
         data = result.data.username ? result.data.username : ''
         typeIntranet = result.data.userType ? result.data.userType : ''
+        userSide =  result.data.userSide ? result.data.userSide : ''
       } else {
         this.messageClick('查询失败', 'error')
       }
+      if (this.props.isOpenSound && sid != document.getElementById('publish_video1').name) {
+          if (result.data.userType == 1) {
+            let src = autod
+            let audio = new Audio(src)
+            audio.play()
+          } else if (result.data.userType == 2) {
+            let src = internalJoin
+            let audio = new Audio(src)
+            audio.play()
+          }
+      }
       if (document.getElementById('publish_video1').name == sid) {
         this.setState({
           titleNameRm: data
         })
       }
       if (document.getElementById('video1').name == sid) {
-        if (typeIntranet && typeIntranet == 2) {
+        if ((typeIntranet && typeIntranet == 2) || (userSide && userSide == 2)) {
           this.state.isPIBIntranet[0].type = true
         }
         this.setState({
@@ -4712,7 +4750,7 @@ class Video extends Component {
         })
       }
       if (document.getElementById('video2').name == sid) {
-        if (typeIntranet && typeIntranet == 2) {
+        if ((typeIntranet && typeIntranet == 2) || (userSide && userSide == 2)) {
           this.state.isPIBIntranet[1].type = true
         }
         this.setState({
@@ -4721,7 +4759,7 @@ class Video extends Component {
           this.videoListClick()
         })
       } if (document.getElementById('video3').name == sid) {
-        if (typeIntranet && typeIntranet == 2) {
+        if ((typeIntranet && typeIntranet == 2) || (userSide && userSide == 2)) {
           this.state.isPIBIntranet[2].type = true
         }
         this.setState({
@@ -4730,7 +4768,7 @@ class Video extends Component {
           this.videoListClick()
         })
       } if (document.getElementById('video4').name == sid) {
-        if (typeIntranet && typeIntranet == 2) {
+        if ((typeIntranet && typeIntranet == 2) || (userSide && userSide == 2)) {
           this.state.isPIBIntranet[3].type = true
         }
         this.setState({
@@ -4739,7 +4777,7 @@ class Video extends Component {
           this.videoListClick()
         })
       } if (document.getElementById('video5').name == sid) {
-        if (typeIntranet && typeIntranet == 2) {
+        if ((typeIntranet && typeIntranet == 2) || (userSide && userSide == 2)) {
           this.state.isPIBIntranet[4].type = true
         }
         this.setState({
@@ -4748,7 +4786,7 @@ class Video extends Component {
           this.videoListClick()
         })
       } if (document.getElementById('video6').name == sid) {
-        if (typeIntranet && typeIntranet == 2) {
+        if ((typeIntranet && typeIntranet == 2) || (userSide && userSide == 2)) {
           this.state.isPIBIntranet[5].type = true
         }
         this.setState({
@@ -4758,7 +4796,7 @@ class Video extends Component {
         })
       }
       if (document.getElementById('video7').name == sid) {
-        if (typeIntranet && typeIntranet == 2) {
+        if ((typeIntranet && typeIntranet == 2) || (userSide && userSide == 2)) {
           this.state.isPIBIntranet[6].type = true
         }
         this.setState({
@@ -4767,7 +4805,7 @@ class Video extends Component {
           this.videoListClick()
         })
       } if (document.getElementById('video8').name == sid) {
-        if (typeIntranet && typeIntranet == 2) {
+        if ((typeIntranet && typeIntranet == 2) || (userSide && userSide == 2)) {
           this.state.isPIBIntranet[7].type = true
         }
         this.setState({
@@ -4776,7 +4814,7 @@ class Video extends Component {
           this.videoListClick()
         })
       } if (document.getElementById('video9').name == sid) {
-        if (typeIntranet && typeIntranet == 2) {
+        if ((typeIntranet && typeIntranet == 2) || (userSide && userSide == 2)) {
           this.state.isPIBIntranet[8].type = true
         }
         this.setState({
@@ -4785,7 +4823,7 @@ class Video extends Component {
           this.videoListClick()
         })
       } if (document.getElementById('video10').name == sid) {
-        if (typeIntranet && typeIntranet == 2) {
+        if ((typeIntranet && typeIntranet == 2) || (userSide && userSide == 2)) {
           this.state.isPIBIntranet[9].type = true
         }
         this.setState({
@@ -4794,7 +4832,7 @@ class Video extends Component {
           this.videoListClick()
         })
       } if (document.getElementById('video11').name == sid) {
-        if (typeIntranet && typeIntranet == 2) {
+        if ((typeIntranet && typeIntranet == 2) || (userSide && userSide == 2)) {
           this.state.isPIBIntranet[10].type = true
         }
         this.setState({
@@ -4803,7 +4841,7 @@ class Video extends Component {
           this.videoListClick()
         })
       } if (document.getElementById('video12').name == sid) {
-        if (typeIntranet && typeIntranet == 2) {
+        if ((typeIntranet && typeIntranet == 2) || (userSide && userSide == 2)) {
           this.state.isPIBIntranet[11].type = true
         }
         this.setState({
@@ -5403,26 +5441,26 @@ class Video extends Component {
     this.setState({
       documentType: '',
       isCustomerSelect: true,
-      customerSelect: this.state.customerList.length == 1 ? 0 : '',
+      customerSelect: this.state.customerList.length == 1 ? 1 : '',
       customerTitleName: '客户身份识别'
     })
   }
   handleOkCustomer = () => {
     if (this.state.isCustomerSelect) {
-      if (this.state.customerList[this.state.customerSelect].tourist) {
-        this.customerFaceClick(this.state.customerList[this.state.customerSelect])
+      if (this.state.customerList[this.state.customerSelect - 1].tourist) {
+        this.customerFaceClick(this.state.customerList[this.state.customerSelect - 1])
       } else {
         this.setState({
           isCustomerSelect: false,
           documentError: '',
-          customerTitleName: this.state.customerList[this.state.customerSelect].name
+          customerTitleName: this.state.customerList[this.state.customerSelect - 1].name
         })
       }
 
     } else {
-      this.getAuthorizeResult(this.state.customerList[this.state.customerSelect].customId).then((res) => {
+      this.getAuthorizeResult(this.state.customerList[this.state.customerSelect - 1].customId).then((res) => {
         if (res) {
-          this.customerFaceClick(this.state.customerList[this.state.customerSelect])
+          this.customerFaceClick(this.state.customerList[this.state.customerSelect - 1])
           this.setState({
             isModalVisibleCustomer: false,
           })
@@ -5432,7 +5470,7 @@ class Video extends Component {
               'typeId': 3300,
               "data": {
                 'sessionId': this.state.sessionId,
-                'userId': this.state.customerList[this.state.customerSelect].customId,
+                'userId': this.state.customerList[this.state.customerSelect - 1].customId,
                 'title': '为了有效确认客户身份，请您配合进行我行的身份识别和核验。请您阅读以下内容，若您同意，请您之后在摄像头前出示您的身份证件，我行将对您的身份证件拍照并采集证件信息；同时，我行会对您进行脸部拍照，采集您的脸部图像。',
                 'list': [
                   {
@@ -5452,7 +5490,7 @@ class Video extends Component {
               'typeId': 3300,
               "data": {
                 'sessionId': this.state.sessionId,
-                'userId': this.state.customerList[this.state.customerSelect].customId,
+                'userId': this.state.customerList[this.state.customerSelect - 1].customId,
                 'title': '为了有效确认客户身份，请您配合进行我行的身份识别。请您阅读以下内容，若您同意，请您之后在摄像头前出示您的身份证件，我行将对您的身份证件拍照并采集证件信息；',
                 'list': [
                   {
@@ -6191,25 +6229,31 @@ class Video extends Component {
 
             </div>,
             this.state.cardResuly == '' && this.state.faceResuly != ''  &&<div key='facial'>
+              <Button className="modelButtonCancel" onClick={this.handleCancelFacial}>完成</Button>
               {
                 this.state.faceResuly == 'fail' && <Button className="modelButtonOk" type="primary" danger onClick={this.ReIdentification}>重新识别</Button>
               }
               {
                 this.state.faceResuly == 'success' && <Button className="modelButtonNo" type="primary" danger>重新识别</Button>
               }
-            <Button className="modelButtonCancel" onClick={this.handleCancelFacial}>完成</Button>
+            
 
           </div>,
             this.state.cardResuly == 'success' && <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>
+              {
+                this.state.documentType == 'ID_CARD' && <Button className="modelButtonFaceOkColor" danger onClick={(e) => this.confirmCallback('face')}>完成并发起人脸识别</Button>
+              }
+              {
+                this.state.documentType != 'ID_CARD' && <Button className="modelButtonOk" type="primary" danger onClick={(e) => this.confirmCallback('noFace')}>完成</Button>
+              }
+              
             </div>,
             this.state.cardResuly == 'fail' && <div key='facial'>
               <Button className="modelButtonCancel" onClick={this.handleCancelFacial}>取消</Button>
-              <Button className="modelButtonOk" type="primary" danger onClick={this.newFaceClick}>返回重试</Button>
+              <Button className="modelButtonOk" type="primary" danger onClick={this.newFaceClick}>返回重拍</Button>
             </div>
           ]}>
             <Spin spinning={this.state.loadingFace} tip="识别中...">
@@ -6229,6 +6273,10 @@ class Video extends Component {
                   {
                     this.state.faceResuly == '' && <span>
                       <div>
+                        {
+                          this.state.videoType == 'error' && <div className='errorClassFace'>
+                          <img src={require("../../assets/img/tooltips2_fail.png").default} alt="" ></img>客户视频异常，请重试</div>
+                        }
                         <video className="faceImg" id="publish_video_2" autoPlay muted={true}></video>
                       </div>
                       <img className="faceImg" src={this.state.facialImg} alt=""></img>
@@ -6252,9 +6300,12 @@ class Video extends Component {
                     }
                     <div className='imgDIV'>
                       <img className="faceImgCard" src={this.state.facialImgFront} alt=""></img>
-                      <img className="faceImgCard" src={this.state.facialImgBack} alt=""></img>
+                      {
+                        this.state.documentType != 'PASSPORT_CARD' && <img className="faceImgCard faceImgCardTwo" src={this.state.facialImgBack} alt=""></img>
+                      }
+                      
                     </div>
-                    <div>证件信息确认</div>
+                    <div style={{margin: '0 20px'}}>证件信息确认</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><span>有效期</span>  <input disabled={this.state.disabledIdCard} type="text" value={this.state.certificateValidity} onChange={this.handleChangeCertificateValidity} /></div>
@@ -6285,7 +6336,13 @@ class Video extends Component {
             footer={[
               <div key='end'>
                 <Button className="modelButtonCancel" onClick={this.handleCancelSFP}>取消</Button>
-                <Button className="modelButtonOk" type="primary" danger onClick={this.handleOkSFP}>确定</Button>
+                {
+                  this.state.StaffidSFP &&  this.state.PasswordSFP && <Button className="modelButtonOk" type="primary" danger onClick={this.handleOkSFP}>确定</Button>
+                }
+                {
+                  (this.state.StaffidSFP == '' ||  this.state.PasswordSFP == '') && <Button className="modelButtonNo" type="primary" danger >确定</Button>
+                }
+                
               </div>
             ]}>
               <Spin spinning={this.state.loadingStaff} tip="授权中...">
@@ -6317,12 +6374,27 @@ class Video extends Component {
                   !this.state.isCustomerSelect && <Button className="modelButtonCancel" onClick={this.goBackSelectCustomer}>上一步</Button>
                 }
                 <Button className="modelButtonCancel" onClick={this.handleCancelCustomer}>取消</Button>
-                {/* {
-                  this.state.customerSelect == '' && <Button className="modelButtonCancel">下一步</Button>
-                } */}
                 {
-                  <Button className="modelButtonOk" type="primary" danger onClick={this.handleOkCustomer}>下一步</Button>
+                  this.state.isCustomerSelect && <span>
+                    {
+                      this.state.customerSelect == '' && <Button className="modelButtonNo modelNoButton" type="primary" danger>下一步</Button>
+                    }
+                    {
+                      this.state.customerSelect != '' && <Button className="modelButtonOk" type="primary" danger onClick={this.handleOkCustomer}>下一步</Button>
+                    }
+                  </span>
+                }
+                {
+                  !this.state.isCustomerSelect&& <span>
+                    {
+                  this.state.documentType == '' && <Button className="modelButtonNo modelNoButton" type="primary" danger>下一步</Button>
+                }
+                {
+                  this.state.documentType != '' &&<Button className="modelButtonOk" type="primary" danger onClick={this.handleOkCustomer}>下一步</Button>
+                }
+                  </span>
                 }
+                
               </div>
             ]}>
             <div>
@@ -6338,7 +6410,7 @@ class Video extends Component {
                           {
                             this.state.customerList.map((item, index) => {
                               // if(item.name.indexOf("访客") != -1) {
-                                return <Radio value={index}>{item.name}</Radio>
+                                return <Radio value={index + 1}>{item.name}</Radio>
                               // }
                             })
                           }