react_hsbc_teller 1.6.2 → 1.6.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react_hsbc_teller",
-  "version": "1.6.2",
+  "version": "1.6.5",
   "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{
@@ -222,24 +241,6 @@ class API extends Server{
       throw err;
     }
   }
-  async finishSession(params = {}){
-    try{
-      let result = await this.axios('post', '/teller/finish/session', params); 
-      if(result){
-        return result||[];
-      }else{
-        let err = {
-          tip: '',
-          response: result,
-          data: params,
-          // url: 'https://api.cangdu.org/shopro/data/products',
-        }
-        throw err;
-      }
-    }catch(err){
-      throw err;
-    }
-  }
   /**
    *  用途：发送客户姓名给行内
    *  返回200表示成功

package/packages/demo/demo.js

@@ -5,13 +5,10 @@ import Pdf from './pdf.js'
 class Demo extends Component {
   state = {
     shareMask: false,
-    mtoken: "84d0410ab406",
-
-    roomId: "651114052525526",
-    
-    imRoomId: "VPP0Ejwae@conference.openfire2.leimondata.cn",
-    
-    sessionId: "VPP0Ejwae",
+    imRoomId: "oSqhUSooi@conference.ls-im-xmpp.chinawp.dev.ali.cloud.cn.hsbc",
+    sessionId: "oSqhUSooi",
+    mtoken: "8af047a2b64b",
+roomId: "654754010601621",
     // roomId: '',
     // mtoken: '',
     // imRoomId: '',

package/packages/pages/foot/foot.jsx

@@ -148,18 +148,18 @@ 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>
                             
                       })
                   }
-                  {
-                              <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>
           );
         return (

package/packages/pages/video/video.jsx

@@ -212,6 +212,8 @@ class Video extends Component {
       }
     ],
     shareMaskState: false,
+    idCardName: '',
+    idCardNumber: ''
   };
   // eslint-disable-next-line no-undef
   test_controller = '';
@@ -587,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({
@@ -653,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,
@@ -671,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,
@@ -689,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,
@@ -707,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,
@@ -725,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,
@@ -742,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,
@@ -758,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,
@@ -774,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,
@@ -790,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,
@@ -806,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,
@@ -822,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,
@@ -838,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,
@@ -2007,45 +2031,42 @@ 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.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_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)
@@ -2070,6 +2091,7 @@ class Video extends Component {
 
           loading: false,
         });
+
         this.enterRoom()
         this.updateMeetingInfo()
         this.timer = setInterval(
@@ -2468,9 +2490,9 @@ class Video extends Component {
     this.test_controller.OnNewJoinerIn = (participant) => {
       console.log('新加⼊房间者', participant);
           this.state.isCustomer= true
-          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) => {
@@ -2489,6 +2511,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];
@@ -2840,9 +2877,9 @@ class Video extends Component {
       exitType
     ) => {
       console.log('退出房间者', participant, exitType)
-      let src = leftMetting
-      let audio = new Audio(src)
-      audio.play()
+      // let src = leftMetting
+      // let audio = new Audio(src)
+      // audio.play()
       this.appGetUsernameClick(participant).then((res)=>{
         console.log('退出房间者',res)
 let data = res? res.username ? res.username : '客户' : '客户'
@@ -3227,21 +3264,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) => {
@@ -3272,6 +3294,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) {
@@ -3280,10 +3317,6 @@ userType:'1'
     }
   }
   componentWillUnmount() {
-    
-    if (this.state.roomCustomerList.length == 0 && this.state.sessionType) {
-      this.finishSessionClick()
-    }
     if (this.test_controller&&this.state.sessionType) {
       clearStreamRemain()
       beautyNum = 0
@@ -3297,15 +3330,6 @@ userType:'1'
     }
     message.destroy()
   }
-  finishSessionClick= async () => {
-    try {
-      let result = await API.finishSession({
-        sessionId: this.state.sessionId,
-        tellerId: this.props.tellerAccount
-      });
-    } catch (err) {
-    }
-  }
   finishSession = () => {
     // clearInterval(this.state.OnVolumeAnalyserMap.get(sid))
     this.state.OnVolumeAnalyserMap.forEach((value,key,map)=>{
@@ -3778,6 +3802,29 @@ userType:'1'
       isModalVisibleEnd: false
     })
   };
+  confirmCallback=async()=>{
+    try {
+      let result = await API.confirmCallback({
+        idCardName: this.state.idCardName,
+        staffId: this.props.tellerAccount,
+        activityId: this.props.businessNumber,
+        appAccount: this.state.faceCustomerUid,
+        idCardNumber: this.state.idCardNumber,
+        sessionId: this.state.sessionId,
+      });
+      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({
@@ -3789,7 +3836,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({
@@ -3801,6 +3849,8 @@ userType:'1'
         });
         this.setState({
           isModalVisibleFacial: false
+          // idCardNumber: result.data.idCardNumber,
+          // idCardName: result.data.idCardName
         })
       } else {
         this.messageClick('识别失败','error')
@@ -4249,7 +4299,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)'
@@ -4409,7 +4458,7 @@ userType:'1'
     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 ? 2 : 0
+    beautyNum =  beautyNum == 0 ? 1 : 0
     this.setState({
       beautyName: beautyNum == 0 ? '开启美颜' : '关闭美颜'
     })
@@ -4555,6 +4604,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) {
@@ -5213,10 +5268,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">
@@ -5226,9 +5284,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>
@@ -5345,7 +5412,7 @@ 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: '--',

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;