react_hsbc_teller 1.9.37 → 1.9.39

package/packages/pages/video/video.jsx

@@ -3,7 +3,6 @@
 /* eslint-disable eqeqeq */
 import React, { Component, useState } from 'react';
 import API from '../../api/api';
-import { initWebSocket, joinRoom, disconnect } from '../../common/websocket';
 import { BoardOperate } from '../../common/index.esm.js';
 import './video.less'
 import { compressImage } from '../../utils/utils'
@@ -22,7 +21,6 @@ import internalLeft from '../../assets/mp3/internalLeft.mp3'
 import leftMetting from '../../assets/mp3/leftmeeting.mp3'
 import networkWeakAudio from '../../assets/mp3/networkweak.mp3'
 import errorPng from '../../assets/img/tooltips2_fail.png'
-import { callNimIM } from '../../utils/cell.js'
 import Modal from "antd/lib/modal";
 import 'antd/lib/modal/style'
 import message from "antd/lib/message";
@@ -47,7 +45,7 @@ import Step from '../components/step/step.jsx'
 import axios from 'axios';
 import CryptoJS from "crypto-js";
 
-const SDK_VERISON = '1.9.37'
+const SDK_VERISON = '1.9.39'
 const IDtypeFront = '请客户在其设备后置摄像头下展示证件正面（如：身份证照片页面）'
 const IDtypeBack = '请在后置摄像头下展示证件反面（如：身份证国徽页）'
 const { Option } = Select;
@@ -253,11 +251,9 @@ class Video extends Component {
     cameraValue: '',
     microphoneValue: '',
     imStatus: false,
-    imJoinRoom: false,
     analyserData: new Map(),
     analyserHeight: new Map(),
     OnVolumeAnalyserMap: new Map(),
-    manualClose: false,
     defaultValue: '1',
     customOcrSid: '',
     shareMaskState: false,
@@ -348,15 +344,7 @@ class Video extends Component {
       publish_config.publish_streamId_id = 'publish_streamId1'
       publish_config.publish_tag = 'tag1'
       this.test_controller.Publish(publish_config)
-      // eslint-disable-next-line no-undef
-      setTimeout(() => {
-        if (this.state.imStatus && !this.state.imJoinRoom) {
-          joinRoom((this.props.tellerAccount + '@' + JSON.parse(window.sessionStorage.getItem('sigData')).hostname), this.state.imRoomId)
-          this.state.imJoinRoom = true
-          this.saveLog('Join im room')
-          console.log('加入IM房间')
-        }
-      })
+      
       this.props.createRoomCallback({
         type: 1,
         errorManage: '',
@@ -466,11 +454,6 @@ class Video extends Component {
   handleEdit = () => {
     console.log(JSON.parse(window.sessionStorage.getItem('sigData')));
     // eslint-disable-next-line no-undef
-    // initWebSocket('wss://im.uat.dsp.hsbcfts.com.cn:443/wealth/im/ws/')
-    if (!this.state.imStatus) {
-      this.state.manualClose = false
-      initWebSocket('wss://' + JSON.parse(window.sessionStorage.getItem('sigData')).hostname + ':' + JSON.parse(window.sessionStorage.getItem('sigData')).webPort + '/ws/');
-    }
     const config_param = {};
     config_param.workspaceId = this.state.workSpaceId;
     config_param.uid = this.props.tellerAccount;
@@ -730,6 +713,14 @@ class Video extends Component {
       })
     }
   };
+  sendMessage = (msg) => {
+    try {
+      this.test_controller.SendTextMsg(JSON.stringify(msg))
+    } catch (err) {
+      console.error(`内部错误, msg = ${JSON.stringify(msg)} `)
+      console.error(err)
+    }
+  }
   errorCodeClick=(type,value)=>{
     if(type == 'ocr'){
       if(value == -1007 || value == -100701 || value == -100702 || value == -200001 || value == -300901 || value == -300902 || value == -400001) {
@@ -1386,9 +1377,8 @@ class Video extends Component {
       })
     }
   }
-  mountClick = () => {
-    window.IMEvt = msg => {
-      console.log(JSON.parse(msg));
+  handleReceiveMsg = (msg) => {
+    console.log(JSON.parse(msg));
       const Mival = JSON.parse(msg);
       if (Mival.typeId == 1210) {
         // 进行初始化操作
@@ -1555,36 +1545,15 @@ class Video extends Component {
             this.pictureInPicture('Refresh')
           }
         }
-      }
-    };
-    window.IMOpenfire = msg => {
-      console.log('im登录', msg)
-      if (msg.status == 'error') {
-        this.state.imStatus = false
-        this.saveLog('Im connection establishment failed')
-        this.roomCallBack(2, 'im建立连接失败', 5)
-      } else if (msg.status == 'success') {
-        this.state.imStatus = true
-        setTimeout(() => {
-          if (this.state.imRoomId && !this.state.imJoinRoom) {
-            joinRoom((this.props.tellerAccount + '@' + JSON.parse(window.sessionStorage.getItem('sigData')).hostname), this.state.imRoomId)
-            this.state.imJoinRoom = true
-            console.log('IMOpenfire 加入im房间')
-          }
-        }, 200);
-      } else if (msg.status == 'close') {
-        if (!this.state.manualClose) {
-          this.timer && clearInterval(this.timer);
-          this.state.imStatus = false
-          console.log('IMOpenfireclose')
-          this.saveLog('Repeated login of account')
-          this.roomCallBack(2, '账号重复登录', 9)
-
+      } else if (Mival.typeId == 33001 && this.state.sessionId == Mival.data.sessionId) {
+        if (Mival.type == 1) {
+          this.saveAuthorize(Mival.data.userId)
+          this.customerFaceClick(this.state.customerList[this.state.customerSelect - 1])
         }
-
+        console.log('33001 done')
       }
-
-    }
+  }
+  mountClick = () => {
     let data = {
       account: this.props.tellerAccount,
       type: '2',
@@ -1764,6 +1733,10 @@ class Video extends Component {
         this.state.rtoken = rtoken
       this.createRoom()
       this.saveLog('RM mrtc create room successfully, room_id=' + room_id)
+
+      this.state.imStatus = true
+      this.saveLog('Join im room')
+      console.log('加入IM房间')
     };
     // 创建房间失败
     this.test_controller.OnCreateRoomFailed = (err_code, err_msg) => {
@@ -1812,6 +1785,10 @@ class Video extends Component {
       this.test_controller.Publish(publish_config)
       this.roomCallBack(1, '', 0)
       this.saveLog('mrtc join room success')
+
+      this.state.imStatus = true
+      this.saveLog('Join im room')
+      console.log('加入IM房间')
     };
     // 加入房间失败
     this.test_controller.OnJoinRoomFailed = (err_code, err_msg) => {
@@ -1826,12 +1803,9 @@ class Video extends Component {
         this.state.rtoken = '',
         this.state.sessionId = '',
         this.state.imRoomId = ''
-      this.state.imJoinRoom = false
       if (this.state.imStatus) {
         console.log('disconnect断开连接')
-        this.state.manualClose = true
         this.state.imStatus = false
-        disconnect();
       }
       this.test_controller.Disconnect()
       let data = {
@@ -1843,28 +1817,30 @@ class Video extends Component {
     };
     this.test_controller.OnSendTextMsgSucc = (msgId) => {
       console.log('发送成功', msgId)
-      this.setState({
-        documentError: '',
-        isModalVisibleCustomer: false,
-      })
-      this.saveLog('mrtc OnSendTextMsgSucc:' + msgId)
+      // this.saveLog('mrtc OnSendTextMsgSucc:' + msgId)
     }
     this.test_controller.OnSendTextMsgFailed = (msgId, code, msg) => {
       console.log('发送失败', msgId, code, msg)
-      this.setState({
-        documentError: '推送授权白板失败，请重试'
-      })
+      const Mival = JSON.parse(msg)
+      // 失败处理
+      if (Mival.typeId == '3300') {
+        this.setState({
+          documentError: '推送授权白板失败，请重试'
+        })
+      }
       this.saveLog('mrtc OnSendTextMsgFail:' + msgId +', code=' + code + ',msg=' + msg)
     }
     this.test_controller.OnReceiveTextMsg = (uid, msg) => {
-      console.log('收到手机端消息', uid, msg, JSON.parse(msg).typeId, JSON.parse(msg).data.sessionId, this.state.sessionId)
-      if (JSON.parse(msg).typeId == 33001 && this.state.sessionId == JSON.parse(msg).data.sessionId) {
-        if (JSON.parse(msg).type == 1) {
-          this.saveAuthorize(JSON.parse(msg).data.userId)
-          this.customerFaceClick(this.state.customerList[this.state.customerSelect - 1])
-        }
-      }
-      this.saveLog('mrtc OnReceiveTextMsg info:' + msg)
+      console.log('收到手机端消息',uid, msg, JSON.parse(msg))
+      // this.saveLog('mrtc OnReceiveTextMsg info:' + msg)
+      this.handleReceiveMsg(msg)
+      // 33001 已合并到 handleReceiveMsg
+      // 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 - 1])
+      //   }
+      // }
     }
     this.test_controller.StreamFilterHandler = async (publish_tag, stream, stream_type, publish_device, media_type) => {
       console.log(`stream processed by client, publish_device=${publish_device}, media_type=${media_type}, publish_tag=${publish_tag},stream_type=${stream_type}`);
@@ -1972,15 +1948,12 @@ class Video extends Component {
       console.log('发布媒体流成功', sid)
       this.state.sessionType = true
       if (sid == document.getElementById('video20').name) {
-        callNimIM('sendCustomCmdMsg', {
-          customId: this.state.imRoomId,
-          content: JSON.stringify({
-            'typeId': 2030,
-            'sessionId': this.state.sessionId,
-            'sharedScreen': 1,
-            'tellerId': this.props.tellerAccount
-          })
-        });
+        this.sendMessage({
+          'typeId': 2030,
+          'sessionId': this.state.sessionId,
+          'sharedScreen': 1,
+          'tellerId': this.props.tellerAccount
+        })
         // if (this.state.screenName == '切换共享') {
         //   this.state.isSharedScreen = true
         //   this.state.isScreenSwitching = false
@@ -2002,19 +1975,15 @@ class Video extends Component {
         this.timer = setInterval(
           () => {
             if (!this.state.voiceStatue && this.state.analyserHeight.get(sid).toFixed(2) > 0.1) {
-              callNimIM('sendCustomCmdMsg', {
-                customId: this.state.imRoomId,
-                content: JSON.stringify({
-                  'typeId': 3200,
-                  'decibelValue': this.state.analyserHeight.get(sid).toFixed(2),
-                  "data": {
-                    'sessionId': this.state.sessionId,
-                    'userId': this.props.tellerAccount,
-                    'data': (new Date()).valueOf()
-                  }
-
-                })
-              });
+              this.sendMessage({
+                'typeId': 3200,
+                'decibelValue': this.state.analyserHeight.get(sid).toFixed(2),
+                "data": {
+                  'sessionId': this.state.sessionId,
+                  'userId': this.props.tellerAccount,
+                  'data': (new Date()).valueOf()
+                }
+              })
             }
           },
           1000
@@ -2181,22 +2150,15 @@ class Video extends Component {
         console.log('过滤订阅的tag:', feed.tag)
         return
       }
-      callNimIM('sendCustomCmdMsg', {
-        customId: this.state.imRoomId,
-        content: JSON.stringify({
+      this.sendMessage({
           'typeId': 1013,
           'muteStatus': this.state.voiceStatue ? 1 : 0,
           'data': {
             'sessionId': this.state.sessionId,
             'userId': this.props.tellerAccount
           }
-        })
-      }, function (code, message, data) {
-        console.log(data)
       })
-      callNimIM('sendCustomCmdMsg', {
-        customId: this.state.imRoomId,
-        content: JSON.stringify({
+      this.sendMessage({
           'typeId': 1014,
           'sessionId': this.state.sessionId,
           'meetingInfo': {
@@ -2205,9 +2167,6 @@ class Video extends Component {
             'customers': this.props.meetingInfo.customers,
             'otherAttendees': this.props.meetingInfo.otherAttendees
           }
-
-        })
-      }, function (code, message, data) {
       })
       this.sendNotification()
       let array = this.state.roomCustomerList;
@@ -2294,14 +2253,11 @@ class Video extends Component {
     this.test_controller.OnUnPublishSucc = (sid) => {
       console.log('取消发布成功', sid, document.getElementById('publish_video1').name)
       if (document.getElementById('publish_video1').name && sid != document.getElementById('publish_video1').name) {
-        callNimIM('sendCustomCmdMsg', {
-          customId: this.state.imRoomId,
-          content: JSON.stringify({
+        this.sendMessage({
             'typeId': 2030,
             'sessionId': this.state.sessionId,
             'sharedScreen': 0,
             'tellerId': this.props.tellerAccount
-          })
         })
         this.state.isSharedScreen = false
         this.setState({
@@ -2897,9 +2853,7 @@ class Video extends Component {
       });
       console.log(result);
       this.appGetUsername(document.getElementById('publish_video1').name)
-      callNimIM('sendCustomCmdMsg', {
-        customId: this.state.imRoomId,
-        content: JSON.stringify({
+      this.sendMessage({
           'typeId': 1014,
           'sessionId': this.state.sessionId,
           'meetingInfo': {
@@ -2908,9 +2862,6 @@ class Video extends Component {
             'customers': this.props.meetingInfo.customers,
             'otherAttendees': this.props.meetingInfo.otherAttendees
           }
-
-        })
-      }, function (code, message, data) {
       })
     } catch (err) {
       console.error(err);
@@ -2933,11 +2884,6 @@ class Video extends Component {
         console.error(err)
       }
     }
-    if (this.state.imStatus) {
-      console.log('disconnect断开连接')
-      this.state.manualClose = true
-      disconnect();
-    }
     message.destroy()
     clearInterval(this.state.drawCanvasInterval)
   }
@@ -3182,20 +3128,14 @@ class Video extends Component {
           sid = document.getElementById('publish_streamId1').name
         }
         this.test_controller.SetLocalAudioEnable(0, parseInt(sid, 10));
-        callNimIM('sendCustomCmdMsg', {
-          customId: this.state.imRoomId,
-          content: JSON.stringify({
+        this.sendMessage({
             'typeId': 1013,
             'muteStatus': 1,
             'data': {
               'sessionId': this.state.sessionId,
               'userId': this.props.tellerAccount
             }
-          })
-        }, function (code, message, data) {
-          console.log(data)
         })
-
       } else if (this.state.voiceStatue) {
         // 打开本地
         this.setState({
@@ -3209,18 +3149,13 @@ class Video extends Component {
           sid = document.getElementById('publish_streamId1').name
         }
         this.test_controller.SetLocalAudioEnable(1, parseInt(sid, 10));
-        callNimIM('sendCustomCmdMsg', {
-          customId: this.state.imRoomId,
-          content: JSON.stringify({
+        this.sendMessage({
             'typeId': 1013,
             'muteStatus': 0,
             'data': {
               'sessionId': this.state.sessionId,
               'userId': this.props.tellerAccount
             }
-          })
-        }, function (code, message, data) {
-          console.log(data)
         })
       }
       if (this.state.isPictureInPicture) {
@@ -3252,17 +3187,12 @@ class Video extends Component {
           sid = document.getElementById('publish_streamId1').name
         }
         this.test_controller.SetLocalVideoEnable(0, parseInt(sid, 10));
-        callNimIM('sendCustomCmdMsg', {
-          customId: this.state.imRoomId,
-          content: JSON.stringify({
+        this.sendMessage({
             'typeId': 1012,
             'state': 0,
             'sessionId': this.state.sessionId,
             'userId': this.props.tellerAccount
-          })
-        }, function (code, message, data) {
-          console.log(data)
-        })
+      })
       } else if (this.state.audioed) {
         this.state.audioed = false,
           this.setState({
@@ -3274,16 +3204,11 @@ class Video extends Component {
           sid = document.getElementById('publish_streamId1').name
         }
         this.test_controller.SetLocalVideoEnable(1, parseInt(sid, 10));
-        callNimIM('sendCustomCmdMsg', {
-          customId: this.state.imRoomId,
-          content: JSON.stringify({
-            'typeId': 1012,
-            'state': 1,
-            'sessionId': this.state.sessionId,
-            'userId': this.props.tellerAccount
-          })
-        }, function (code, message, data) {
-          console.log(data)
+        this.sendMessage({
+          'typeId': 1012,
+          'state': 1,
+          'sessionId': this.state.sessionId,
+          'userId': this.props.tellerAccount
         })
       }
     }
@@ -3436,15 +3361,11 @@ class Video extends Component {
           voiceName: '静音'
         })
       }
-      callNimIM('sendCustomCmdMsg', {
-        customId: this.state.imRoomId,
-        content: JSON.stringify({
-          'typeId': 1011,
-          'state': 1,
-          'sessionId': this.state.sessionId,
-          'userId': this.props.tellerAccount
-        })
-      }, function (code, message, data) {
+      this.sendMessage({
+        'typeId': 1011,
+        'state': 1,
+        'sessionId': this.state.sessionId,
+        'userId': this.props.tellerAccount
       })
     } else {
       this.setState({
@@ -3455,32 +3376,22 @@ class Video extends Component {
   };
   handleOk = () => {
     // 代表此时按钮是暂停会话，把isSuspend改成true变成恢复会话
-    callNimIM('sendCustomCmdMsg', {
-      customId: this.state.imRoomId,
-      content: JSON.stringify({
-        'typeId': 1012,
-        'state': 1,
-        'sessionId': this.state.sessionId,
-        'userId': this.props.tellerAccount
-      })
-    }, function (code, message, data) {
-      console.log(data)
-    });
+    this.sendMessage({
+      'typeId': 1012,
+      'state': 1,
+      'sessionId': this.state.sessionId,
+      'userId': this.props.tellerAccount
+    })
     this.setState({
       isSuspend: true,
       suspendName: '恢复'
     });
-    callNimIM('sendCustomCmdMsg', {
-      customId: this.state.imRoomId,
-      content: JSON.stringify({
-        'typeId': 1011,
-        'state': 0,
-        'sessionId': this.state.sessionId,
-        'userId': this.props.tellerAccount
-      })
-    }, function (code, message, data) {
-      console.log(data)
-    });
+    this.sendMessage({
+      'typeId': 1011,
+      'state': 0,
+      'sessionId': this.state.sessionId,
+      'userId': this.props.tellerAccount
+    })
     let sid = document.getElementById('publish_video1').name;
     if (!sid) {
       // 纯音频的时候sid在publish_streamId标签中
@@ -3694,15 +3605,12 @@ class Video extends Component {
         console.log('ocrCallback', result.data,val)
         // this.messageClick('姓名：' + result.data.idCardName + ',身份证号：' + result.data.idCardNumber,'success')
         // this.messageClick('识别成功','success')
-        callNimIM('sendCustomCmdMsg', {
-          customId: this.state.imRoomId,
-          content: JSON.stringify({
-            'typeId': 1020,
-            'sessionId': this.state.sessionId,
-            'cameraState': 1,
-            "userId": this.state.faceCustomerUid
-          })
-        });
+        this.sendMessage({
+          'typeId': 1020,
+          'sessionId': this.state.sessionId,
+          'cameraState': 1,
+          "userId": this.state.faceCustomerUid
+        })
         if(this.state.documentType == 'ID_CARD') {
           if (result.data.side == 'front' && val == 1) {
             if(this.state.certificateValidity) {
@@ -3974,15 +3882,12 @@ class Video extends Component {
     }
   };
   handleCancelFacial = () => {
-    callNimIM('sendCustomCmdMsg', {
-      customId: this.state.imRoomId,
-      content: JSON.stringify({
-        'typeId': 1020,
-        'sessionId': this.state.sessionId,
-        'cameraState': 1, // 1--打开前置  2--打开后置
-        "userId": this.state.faceCustomerUid
-      })
-    });
+    this.sendMessage({
+      'typeId': 1020,
+      'sessionId': this.state.sessionId,
+      'cameraState': 1, // 1--打开前置  2--打开后置
+      "userId": this.state.faceCustomerUid
+    })
     this.setState({
       isModalVisibleFacial: false
     })
@@ -4007,15 +3912,12 @@ class Video extends Component {
         }
   }
   newFaceClick=()=>{
-    callNimIM('sendCustomCmdMsg', {
-      customId: this.state.imRoomId,
-      content: JSON.stringify({
-        'typeId': 1020,
-        'sessionId': this.state.sessionId,
-        'cameraState': 2, // 1--打开前置  2--打开后置
-        "userId": this.state.faceCustomerUid
-      })
-    });
+    this.sendMessage({
+      'typeId': 1020,
+      'sessionId': this.state.sessionId,
+      'cameraState': 2, // 1--打开前置  2--打开后置
+      "userId": this.state.faceCustomerUid
+    })
     this.setState({
       clickedFacial: false,
       clickedOcr: false,
@@ -4126,15 +4028,12 @@ class Video extends Component {
     } else {
       if (this.state.faceCustomerType == 2) {
         // ocr
-        callNimIM('sendCustomCmdMsg', {
-          customId: this.state.imRoomId,
-          content: JSON.stringify({
-            'typeId': 1020,
-            'sessionId': this.state.sessionId,
-            'cameraState': 2, // 1--打开前置  2--打开后置
-            "userId": item.customId
-          })
-        });
+        this.sendMessage({
+          'typeId': 1020,
+          'sessionId': this.state.sessionId,
+          'cameraState': 2, // 1--打开前置  2--打开后置
+          "userId": item.customId
+        })
       }
       var sid
       if (item.feedId == document.getElementById("feedId1").innerText) {
@@ -4794,117 +4693,81 @@ class Video extends Component {
   muteOpposite = (value) => {
     console.log(value);
     if (value == 'video1') {
-      callNimIM('sendCustomCmdMsg', {
-        customId: this.state.imRoomId,
-        content: JSON.stringify({
-          'typeId': 1223,
-          'sessionId': this.state.sessionId,
-          'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId1').innerText).uid
-        })
-      });
+      this.sendMessage({
+        'typeId': 1223,
+        'sessionId': this.state.sessionId,
+        'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId1').innerText).uid
+      })
     }
     if (value == 'video2') {
-      callNimIM('sendCustomCmdMsg', {
-        customId: this.state.imRoomId,
-        content: JSON.stringify({
-          'typeId': 1223,
-          'sessionId': this.state.sessionId,
-          'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId2').innerText).uid
-        })
-      });
+      this.sendMessage({
+        'typeId': 1223,
+        'sessionId': this.state.sessionId,
+        'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId2').innerText).uid
+      })
     } if (value == 'video3') {
-      callNimIM('sendCustomCmdMsg', {
-        customId: this.state.imRoomId,
-        content: JSON.stringify({
-          'typeId': 1223,
-          'sessionId': this.state.sessionId,
-          'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId3').innerText).uid
-        })
-      });
+      this.sendMessage({
+        'typeId': 1223,
+        'sessionId': this.state.sessionId,
+        'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId3').innerText).uid
+      })
     } if (value == 'video4') {
-      callNimIM('sendCustomCmdMsg', {
-        customId: this.state.imRoomId,
-        content: JSON.stringify({
-          'typeId': 1223,
-          'sessionId': this.state.sessionId,
-          'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId4').innerText).uid
-        })
-      });
+      this.sendMessage({
+        'typeId': 1223,
+        'sessionId': this.state.sessionId,
+        'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId4').innerText).uid
+      })
     } if (value == 'video5') {
-      callNimIM('sendCustomCmdMsg', {
-        customId: this.state.imRoomId,
-        content: JSON.stringify({
-          'typeId': 1223,
-          'sessionId': this.state.sessionId,
-          'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId5').innerText).uid
-        })
-      });
+      this.sendMessage({
+        'typeId': 1223,
+        'sessionId': this.state.sessionId,
+        'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId5').innerText).uid
+      })
     } if (value == 'video6') {
-      callNimIM('sendCustomCmdMsg', {
-        customId: this.state.imRoomId,
-        content: JSON.stringify({
-          'typeId': 1223,
-          'sessionId': this.state.sessionId,
-          'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId6').innerText).uid
-        })
-      });
+      this.sendMessage({
+        'typeId': 1223,
+        'sessionId': this.state.sessionId,
+        'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId6').innerText).uid
+      })
     } if (value == 'video7') {
-      callNimIM('sendCustomCmdMsg', {
-        customId: this.state.imRoomId,
-        content: JSON.stringify({
-          'typeId': 1223,
-          'sessionId': this.state.sessionId,
-          'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId7').innerText).uid
-        })
-      });
+      this.sendMessage({
+        'typeId': 1223,
+        'sessionId': this.state.sessionId,
+        'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId7').innerText).uid
+      })
     } if (value == 'video8') {
-      callNimIM('sendCustomCmdMsg', {
-        customId: this.state.imRoomId,
-        content: JSON.stringify({
-          'typeId': 1223,
-          'sessionId': this.state.sessionId,
-          'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId8').innerText).uid
-        })
-      });
+      this.sendMessage({
+        'typeId': 1223,
+        'sessionId': this.state.sessionId,
+        'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId8').innerText).uid
+      })
     } if (value == 'video9') {
-      callNimIM('sendCustomCmdMsg', {
-        customId: this.state.imRoomId,
-        content: JSON.stringify({
-          'typeId': 1223,
-          'sessionId': this.state.sessionId,
-          'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId9').innerText).uid
-        })
-      });
+      this.sendMessage({
+        'typeId': 1223,
+        'sessionId': this.state.sessionId,
+        'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId9').innerText).uid
+      })
     }
     if (value == 'video10') {
-      callNimIM('sendCustomCmdMsg', {
-        customId: this.state.imRoomId,
-        content: JSON.stringify({
-          'typeId': 1223,
-          'sessionId': this.state.sessionId,
-          'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId10').innerText).uid
-        })
-      });
+      this.sendMessage({
+        'typeId': 1223,
+        'sessionId': this.state.sessionId,
+        'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId10').innerText).uid
+      })
     }
     if (value == 'video11') {
-      callNimIM('sendCustomCmdMsg', {
-        customId: this.state.imRoomId,
-        content: JSON.stringify({
-          'typeId': 1223,
-          'sessionId': this.state.sessionId,
-          'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId11').innerText).uid
-        })
-      });
+      this.sendMessage({
+        'typeId': 1223,
+        'sessionId': this.state.sessionId,
+        'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId11').innerText).uid
+      })
     }
     if (value == 'video12') {
-      callNimIM('sendCustomCmdMsg', {
-        customId: this.state.imRoomId,
-        content: JSON.stringify({
-          'typeId': 1223,
-          'sessionId': this.state.sessionId,
-          'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId12').innerText).uid
-        })
-      });
+      this.sendMessage({
+        'typeId': 1223,
+        'sessionId': this.state.sessionId,
+        'userId': this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById('feedId12').innerText).uid
+      })
     }
 
   }
@@ -4913,14 +4776,11 @@ class Video extends Component {
     this.state.shareMaskState = this.props.shareMask
     // 加延迟是因为在关闭的时候可以看到部分rm的操作
     setTimeout(() => {
-      callNimIM('sendCustomCmdMsg', {
-        customId: this.state.imRoomId,
-        content: JSON.stringify({
-          'typeId': 1230,
-          'sessionId': this.state.sessionId,
-          'type': this.state.shareMaskState ? 1 : 2
-        })
-      });
+      this.sendMessage({
+        'typeId': 1230,
+        'sessionId': this.state.sessionId,
+        'type': this.state.shareMaskState ? 1 : 2
+      })
     }, 100)
 
   }
@@ -5120,8 +4980,10 @@ class Video extends Component {
 
             }))
           }
-
-
+          this.setState({
+            documentError: '',
+            isModalVisibleCustomer: false,
+          })
         }
       })
       // this.customerFaceClick(this.state.customerList[this.state.customerSelect])
@@ -5529,7 +5391,7 @@ class Video extends Component {
                     <audio id={'audio'+(item.idIndex)} autoPlay />
                     <label style={{ display: 'none' }} id={'feedId'+(item.idIndex)} type="text" />
                     
-                    <div style={{ display: (item.videoName) ? '' : 'none'}} className={`customerTitle titleSamlle`}>
+                    <div onClick={this.muteOpposite.bind(this, 'video'+(item.idIndex))} style={{ display: (item.videoName) ? '' : 'none'}} className={`customerTitle titleSamlle`}>
                     {
                       item.mute && <img
                         alt=""