react_hsbc_teller 1.6.1 → 1.6.4

package/package.json

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

package/packages/api/api.js

@@ -2,6 +2,25 @@ import Server from './server';
 
 class API extends Server{
   
+  async confirmCallback(params = {}){
+    //  return this.axios('get', '/lang/select/2', params); 
+    try{
+      let result = await this.axios('post', '/hsbc/identify/ocr/confirmCallback', params); 
+      if(result && (result.data instanceof Object) && result.code === 200){
+        return result||[];
+      }else{
+        let err = {
+          tip: '服务异常',
+          response: result,
+          data: params,
+          // url: 'https://api.cangdu.org/shopro/data/products',
+        }
+        throw err;
+      }
+    }catch(err){
+      throw err;
+    }
+  }
   async updateMeetingInfo(params = {}){
     //  return this.axios('get', '/lang/select/2', params); 
     try{

package/packages/pages/foot/foot.jsx

@@ -50,8 +50,11 @@ export default class foot extends Component {
       switchExternal=()=>{
         this.props.switchExternal()
     }
+    beautyClick=()=>{
+        this.props.beautyClick()
+    }
     render() {
-        const {clickedOcr,clickedFacial,img,isWhiteboard,cameraImg,isTranscribing ,screenName,suspendName,customerList,menus,voiceName} = this.props
+        const {clickedOcr,clickedFacial,img,isWhiteboard,cameraImg,isTranscribing ,screenName,suspendName,customerList,menus,voiceName,beautyName} = this.props
         const content = (
             <div>
               {customerList.map((item,index)=>{
@@ -144,6 +147,14 @@ export default class foot extends Component {
                                   开启视频画中画
                                   </div>
                               </div>
+                      }
+                      {
+                          item == 'BEAUTY' && <div className="one" onClick={this.beautyClick.bind(this)}>
+                          <img className="imgClass" src={require("../../assets/img/meiyan.png").default} alt="" />
+                          <div className="text">
+                          {beautyName}
+                          </div>
+                      </div>
                       }
                           </div>
                             

package/packages/pages/video/video.jsx

@@ -39,7 +39,29 @@ let streamShare
 let muteJson = new Map()
 let dateTime = 0
 let messageValue = ''
+let beautyNum = 0  // 0-关闭  1--弱  2--中 5---高
 let rateList = []
+let beautyDiv = {};
+  function clearStreamRemain() {
+    if (!(beautyDiv.beauty_canvas == null || beautyDiv.beauty_canvas == undefined)) {
+      beautyDiv.beauty_canvas = null;
+    }
+    if (!(beautyDiv.beauty_player == null || beautyDiv.beauty_player == undefined)) {
+      beautyDiv.beauty_player.destroy();
+      beautyDiv.beauty_player = null;
+    }
+    if (!(beautyDiv.beauty_div == null || beautyDiv.beauty_div == undefined)) {
+      document.body.removeChild(beautyDiv.beauty_div);
+      beautyDiv.beauty_div = null;
+    }
+    beautyDiv = {};
+  };
+function startBeauty(stream) {
+  let newStream = stream;
+  beautyDiv = meetingBeautifyStream(newStream, beautyNum);
+  newStream = beautyDiv.stream;
+  return newStream
+}
 message.config({
   getContainer: ()=>document.getElementById('allHSBC')
 })
@@ -50,6 +72,7 @@ class Video extends Component {
 	}
   cancel = axios.CancelToken.source()
   state = {
+    beautyName: '开启美颜',
     signNoClick: false,
     listVideoPicture: [],
     isScreenSwitching: false,
@@ -189,6 +212,8 @@ class Video extends Component {
       }
     ],
     shareMaskState: false,
+    idCardName: '',
+    idCardNumber: ''
   };
   // eslint-disable-next-line no-undef
   test_controller = '';
@@ -564,6 +589,28 @@ class Video extends Component {
       })
     }
   };
+  // contrastFaceVerify=()=>{
+  //   axios({
+  //     method: 'post',
+  //     url: 'http://182.92.184.31:8868/verify/face',
+  //     data: { // 这⾥data中的参数为requestBody参数，服务端需要使⽤@RequestBody注解进⾏获取
+  //       "username":"王明珍",
+  //       "num":"410425199510201037",
+  //       "fileBase64":this.state.facialImg.replace(/^data:image\/\w+;base64,/,"")
+  //     }
+  //   }).then((response) =>{
+  //     console.log(response.data);
+  //     if(response.data.code == 200){
+  //       this.messageClick('人脸识别成功','success')
+  //       this.setState({
+  //         isModalVisibleFacial: false
+  //       }) 
+  //     } else {
+  //       this.messageClick('人脸识别失败','error')
+  //     }
+  //   }).catch(function (error) {
+  //   })
+  // }
   contrastFaceVerify = async () => {
     try {
       let result = await API.contrastFaceVerify({
@@ -630,10 +677,10 @@ 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 + '--OCR',
+        name: this.state.videoOneName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoOneName.indexOf("客户") == -1) {
+      if(this.state.videoOneName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
         list.push({
           feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId1").innerText).feedId,
           customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId1").innerText).uid,
@@ -648,10 +695,10 @@ 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 + '--OCR',
+        name: this.state.videoTwoName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoTwoName.indexOf("客户") == -1) {
+      if(this.state.videoTwoName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
         list.push({
           feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId2").innerText).feedId,
           customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId2").innerText).uid,
@@ -666,10 +713,10 @@ 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 + '--OCR',
+        name: this.state.videoThreeName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoThreeName.indexOf("客户") == -1) {
+      if(this.state.videoThreeName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
         list.push({
           feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId3").innerText).feedId,
           customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId3").innerText).uid,
@@ -684,10 +731,10 @@ 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 + '--OCR',
+        name: this.state.videoFourName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoFourName.indexOf("客户") == -1) {
+      if(this.state.videoFourName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
         list.push({
           feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId4").innerText).feedId,
           customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId4").innerText).uid,
@@ -702,10 +749,10 @@ 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 + '--OCR',
+        name: this.state.videoFiveName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoFiveName.indexOf("客户") == -1) {
+      if(this.state.videoFiveName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
         list.push({
           feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId5").innerText).feedId,
           customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId5").innerText).uid,
@@ -719,10 +766,10 @@ 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 + '--OCR',
+        name: this.state.videoSixName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoSixName.indexOf("客户") == -1) {
+      if(this.state.videoSixName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
         list.push({
           feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId6").innerText).feedId,
           customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId6").innerText).uid,
@@ -735,10 +782,10 @@ 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 + '--OCR',
+        name: this.state.videoSevenName +  (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoSevenName.indexOf("客户") == -1) {
+      if(this.state.videoSevenName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
         list.push({
           feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId7").innerText).feedId,
           customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId7").innerText).uid,
@@ -751,10 +798,10 @@ 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 + '--OCR',
+        name: this.state.videoEightName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoEightName.indexOf("客户") == -1) {
+      if(this.state.videoEightName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
         list.push({
           feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId8").innerText).feedId,
           customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId8").innerText).uid,
@@ -767,10 +814,10 @@ 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 + '--OCR',
+        name: this.state.videoNineName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoNineName.indexOf("客户") == -1) {
+      if(this.state.videoNineName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
         list.push({
           feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId9").innerText).feedId,
           customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId9").innerText).uid,
@@ -783,10 +830,10 @@ 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 + '--OCR',
+        name: this.state.videoTenName +(this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoTenName.indexOf("客户") == -1) {
+      if(this.state.videoTenName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
         list.push({
           feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId10").innerText).feedId,
           customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId10").innerText).uid,
@@ -799,10 +846,10 @@ class Video extends Component {
       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 + '--OCR',
+        name: this.state.videoElevenName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoElevenName.indexOf("客户") == -1) {
+      if(this.state.videoElevenName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
         list.push({
           feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId11").innerText).feedId,
           customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId11").innerText).uid,
@@ -815,10 +862,10 @@ 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 + '--OCR',
+        name: this.state.videoTwelveName + (this.state.faceCustomerType == 1 ? '--人脸识别' :'--OCR'),
         tourist: false
       })
-      if(this.state.videoTwelveName.indexOf("客户") == -1) {
+      if(this.state.videoTwelveName.indexOf("客户") == -1 && this.state.faceCustomerType == 2) {
         list.push({
           feedId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId12").innerText).feedId,
           customId: this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId12").innerText).uid,
@@ -1984,6 +2031,45 @@ class Video extends Component {
     this.test_controller.OnSendTextMsgFailed  =(msgId, code, msg)=>{
       console.log('发送失败',msgId,code, msg)
     }
+    this.test_controller.StreamFilterHandler = async function (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") {
+        return stream
+      }
+      if (media_type == 2 || media_type == 4) {
+        return stream
+      }
+      // if (publish_device != 1) {
+      //   return stream
+      // }
+      if(publish_tag == 'tag1') {
+        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.getAudioTracks()[0] && newStream.addTrack) {
+        newStream.addTrack(stream.getAudioTracks()[0])
+      }
+      return newStream
+      } else {
+        return stream
+      }
+      
+    }
     // 发布媒体流成功
     this.test_controller.OnPublishSucc = (sid) => {
       console.log('发布媒体流成功', sid)
@@ -2008,6 +2094,7 @@ class Video extends Component {
 
           loading: false,
         });
+
         this.enterRoom()
         this.updateMeetingInfo()
         this.timer = setInterval(
@@ -2427,6 +2514,21 @@ class Video extends Component {
         }, function (code, message, data) {
           console.log(data)
         })
+          callNimIM('sendCustomCmdMsg', {
+    customId: this.state.imRoomId,
+    content: JSON.stringify({
+      'typeId': 1014,
+      'sessionId': this.state.sessionId,
+      'meetingInfo': {
+        'title': this.props.meetingInfo.title,
+        'host': this.props.meetingInfo.host,
+        'customers': this.props.meetingInfo.customers,
+        'otherAttendees': this.props.meetingInfo.otherAttendees
+      }
+
+    })
+  }, function (code, message, data) {
+  })
         this.sendNotification()
       let array = this.state.roomCustomerList;
       let newArray = [...array];
@@ -2628,6 +2730,9 @@ class Video extends Component {
         // }
 
       }
+      if(sid == document.getElementById('publish_video1').name || !document.getElementById('publish_video1').name) {
+        clearStreamRemain()
+      }
     };
     // 取消订阅媒体流成功
     this.test_controller.OnUnSubscribeSucc = (sid) => {
@@ -3162,21 +3267,6 @@ userType:'1'
     }
   }
   // 保存mettingInfo
-  // callNimIM('sendCustomCmdMsg', {
-  //   customId: this.state.imRoomId,
-  //   content: JSON.stringify({
-  //     'typeId': 1014,
-  //     'sessionId': this.state.sessionId,
-  //     'meetingInfo': {
-  //       'title': this.props.meetingInfo.title,
-  //       'host': this.props.meetingInfo.host,
-  //       'customers': this.props.meetingInfo.customers,
-  //       'otherAttendees': this.props.meetingInfo.otherAttendees
-  //     }
-
-  //   })
-  // }, function (code, message, data) {
-  // })
   updateMeetingInfo= async()=>{
     let customers
     this.props.meetingInfo.customers.map((item, index) => {
@@ -3207,6 +3297,21 @@ userType:'1'
       });
       console.log(result);
       this.appGetUsername(document.getElementById('publish_video1').name)
+      callNimIM('sendCustomCmdMsg', {
+        customId: this.state.imRoomId,
+        content: JSON.stringify({
+          'typeId': 1014,
+          'sessionId': this.state.sessionId,
+          'meetingInfo': {
+            'title': this.props.meetingInfo.title,
+            'host': this.props.meetingInfo.host,
+            'customers': this.props.meetingInfo.customers,
+            'otherAttendees': this.props.meetingInfo.otherAttendees
+          }
+    
+        })
+      }, function (code, message, data) {
+      })
     } catch (err) {
       console.error(err);
       if(err.status == 502 || err.status== 404) {
@@ -3220,6 +3325,8 @@ userType:'1'
       this.finishSessionClick()
     }
     if (this.test_controller&&this.state.sessionType) {
+      clearStreamRemain()
+      beautyNum = 0
       this.test_controller.LeaveRoom()
       this.test_controller.Disconnect()
     }
@@ -3711,6 +3818,28 @@ userType:'1'
       isModalVisibleEnd: false
     })
   };
+  confirmCallback=async()=>{
+    try {
+      let result = await API.ocrCallback({
+        idCardName: this.state.idCardName,
+        staffId: this.props.tellerAccount,
+        activityId: this.props.businessNumber,
+        appAccount: this.state.faceCustomerUid,
+        idCardNumber: this.state.idCardNumber,
+      });
+      if (result.code == 200) {
+        this.setState({
+          isModalVisibleFacial: false,
+          idCardNumber: '',
+          idCardName: ''
+        })
+      } else {
+        this.messageClick('保持信息失败','error')
+      }
+    } catch (err) {
+      this.messageClick('保持信息失败','error')
+    }
+  }
   ocrCallback= async () => {
     try {
       let result = await API.ocrCallback({
@@ -3722,7 +3851,8 @@ userType:'1'
         type: 1
       });
       if (result.code == 200) {
-        this.messageClick('识别成功','success')
+        this.messageClick('姓名：' + result.data.idCardName + ',身份证号：' + result.data.idCardNumber,'success')
+        // this.messageClick('识别成功','success')
         callNimIM('sendCustomCmdMsg', {
           customId: this.state.imRoomId,
           content: JSON.stringify({
@@ -3734,6 +3864,8 @@ userType:'1'
         });
         this.setState({
           isModalVisibleFacial: false
+          // idCardNumber: result.data.idCardNumber,
+          // idCardName: result.data.idCardName
         })
       } else {
         this.messageClick('识别失败','error')
@@ -4182,7 +4314,6 @@ userType:'1'
       function loop() {
           if (!$this.paused && !$this.ended) {
             // if(!that.state.tabTitles.find(el=>el.value == 'customerScreen')) {
-              console.log('addEventListener',x, y, width, height)
               cobj.drawImage(videoMedia, x, y, width, height, 0, 0,960, 540);
             // } else {
             //   cobj.fillStyle = 'rgb(0 0 0)'
@@ -4332,6 +4463,21 @@ userType:'1'
       microphoneValue: event.target.value
     })
   }
+  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 ? '开启美颜' : '关闭美颜'
+    })
+  }
   componentDidMount() {
     var box=document.getElementById("whiteboardDIV");
        if(box){ //此处在加一层判断，更加严密，如果box存在的情况下获取
@@ -4473,6 +4619,12 @@ userType:'1'
     },100)
     
   }
+  handleChangeIdCardName = (event) => {
+    this.setState({idCardName: event.target.value});
+  }
+  handleChangeIdCardNumber = (event) => {
+    this.setState({idCardNumber: event.target.value});
+  }
   componentDidUpdate(prevProps){
     console.log('componentDidUpdate',prevProps,prevProps.shareMask,this.props.shareMask)
     if(this.props.shareMask != prevProps.shareMask) {
@@ -5085,6 +5237,7 @@ userType:'1'
           </div>
           </div>
           <Foot
+          beautyName={this.state.beautyName}
           voiceName={this.state.voiceName}
             img={this.state.voiceImg}
             screenName={this.state.screenName}
@@ -5110,6 +5263,7 @@ userType:'1'
             ocrClick={this.ocrClick}
             switchExternal={this.switchExternal}
             inspection={this.inspection}
+            beautyClick={this.beautyClick}
           ></Foot>
           <Modal cancelText="取消" okText="确定" visible={this.state.isModalVisible} onOk={this.handleOk}
             onCancel={this.handleCancel}>
@@ -5129,10 +5283,13 @@ userType:'1'
             <div className='endModal'>是否要结束并退出会议？</div>
           </Modal>
           <Modal title={this.state.titleModal}  closable={false} centered={true} visible={this.state.isModalVisibleFacial} footer={[
-            <div key='facial'>
+            !this.state.idCardName && <div key='facial'>
             <Button className="modelButtonCancel" onClick={this.handleCancelFacial}>取消</Button>
             <Button className="modelButtonCancel" onClick={this.sgsinImage}>重新截图</Button>
             <Button className="modelButtonOk" type="primary" danger onClick={this.handleOkFacial}>确定</Button>
+            </div>,
+            this.state.idCardName && <div key='facial'>
+            <Button className="modelButtonOk" type="primary" danger onClick={this.confirmCallback}>确认</Button>
             </div>
           ]}>
             <div className="faceBody">
@@ -5142,9 +5299,18 @@ userType:'1'
             <Option value="2">反面</Option>
           </Select>
             } */}
-            <div>
-            <img className="faceImg" src={this.state.facialImg} alt=""></img>
+            {
+              !this.state.idCardName &&<div className='faceCardImg'>
+              <img className="faceImg" src={this.state.facialImg} alt=""></img>
+            </div>
+            }
+            {
+              this.state.idCardName &&<div className='resuleCard'>
+              <div><span>客户姓名</span>  <input type="text" value={this.state.idCardName} onChange={this.handleChangeIdCardName} /></div>
+          <div><span>身份证号</span>  <input type="text" value={this.state.idCardNumber} onChange={this.handleChangeIdCardNumber} /></div>
             </div>
+            }
+            
               
             </div>
           </Modal>
@@ -5261,12 +5427,12 @@ sessionId: "",
   microphoneSize: 25,
   fontSize: '14',
   fontFamily: 'auto',
-  menus: ['BOARD','SHARE', 'FRIES', 'OCR', 'INVITE', 'PIP'],
+  menus: ['BOARD','SHARE', 'FRIES', 'OCR', 'INVITE', 'PIP', 'BEAUTY'],
   customLeaveRoom: '客户离开房间',
   meetingInfo: {
     title: '--',
     host: '--',
-    customers: ['--','1','2'],
+    customers: ['--'],
     otherAttendees: undefined
   },
   isTranscribing: false,

package/packages/pages/video/video.less

@@ -155,6 +155,26 @@
 }
 .faceBody{
   text-align: center;
+  height: 200px;
+  .faceCardImg{
+    height: 100%;
+  }
+  .resuleCard{
+    text-align: -webkit-left;
+    padding: 25Px 20px;
+    div{
+      font-size: 16Px;
+      color: #646464;
+      margin: 20Px;
+      input{
+        border: #DCDCDC 1px solid;
+        width: 15rem;
+        height: 2.5rem;
+        line-height: 2.5rem;
+        margin-left: 15px;
+      }
+    }
+  }
 }
 .content{
   height: 200px;