react_hsbc_teller 1.5.8 → 1.6.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react_hsbc_teller",
-  "version": "1.5.8",
+  "version": "1.6.1",
   "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 updateMeetingInfo(params = {}){
+    //  return this.axios('get', '/lang/select/2', params); 
+    try{
+      let result = await this.axios('post', '/hsbc/updateMeetingInfo', 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 rateAll(params = {}){
     //  return this.axios('get', '/lang/select/2', params); 
     try{

package/packages/demo/demo.js

@@ -161,6 +161,9 @@ createRoomCallback=(data)=>{
 joinRoomCallback=(data)=>{
     console.log('joinRoomCallback', data)
 }
+userExit =(val)=>{
+        console.log(val)
+    }
   render() {
     return (
       <div className="test">
@@ -192,6 +195,7 @@ joinRoomCallback=(data)=>{
                             createRoomCallback={this.createRoomCallback}
                             joinRoomCallback={this.joinRoomCallback}
                             imgCallback={this.imgCallback}
+                            userExit={this.userExit}
                             >
                                 
                                 <Pdf></Pdf>

package/packages/pages/video/video.jsx

@@ -11,6 +11,8 @@ import voiceImgOpen from '../../assets/img/icon_Mute.png'
 import voiceImgCloe from '../../assets/img/icon_MuteOne.png'
 import cameraImgOpen from '../../assets/img/icon_camera.png'
 import cameraImgCloe from '../../assets/img/icon_cameraOne.png'
+import autod from '../../assets/mp3/joinmeeting.mp3'
+import leftMetting from '../../assets/mp3/leftmeeting.mp3'
 import errorPng from '../../assets/img/tooltips2_fail.png'
 import { callNimIM } from '../../utils/cell.js'
 import Modal from "antd/lib/modal";
@@ -2007,6 +2009,7 @@ class Video extends Component {
           loading: false,
         });
         this.enterRoom()
+        this.updateMeetingInfo()
         this.timer = setInterval(
           () => {
             if(!this.state.voiceStatue && this.state.analyserHeight.get(sid).toFixed(2) > 0.1) {
@@ -2403,29 +2406,14 @@ class Video extends Component {
     this.test_controller.OnNewJoinerIn = (participant) => {
       console.log('新加⼊房间者', participant);
           this.state.isCustomer= true
-        //   let audio = document.createElement('audio') //生成一个audio元素 
-        // audio.src = 'http://mp3.9ku.com/hot/2005/05-19/65937.mp3' //音乐的路径 
-        // audio.play()
+          let src = autod
+          let audio = new Audio(src)
+          audio.play()
     };
     // 推送“有新发布”给与会者
     this.test_controller.OnNewPublish = (feed) => {
       console.log('有新发布者', feed);
       console.log(new Date())
-      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) {
-      })
         callNimIM('sendCustomCmdMsg', {
           customId: this.state.imRoomId,
           content: JSON.stringify({
@@ -2619,7 +2607,7 @@ class Video extends Component {
     // 取消发布成功
     this.test_controller.OnUnPublishSucc = (sid) => {
       console.log('取消发布成功', sid, document.getElementById('publish_video1').name)
-      if (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({
@@ -2635,9 +2623,9 @@ class Video extends Component {
           screenName: '共享模式'
         });
         this.tabTitlesClick('RMScreen', 'delect')
-        if (this.state.isPictureInPicture) {
-          document.exitPictureInPicture()
-        }
+        // if (this.state.isPictureInPicture) {
+        //   document.exitPictureInPicture()
+        // }
 
       }
     };
@@ -2787,14 +2775,25 @@ class Video extends Component {
       exitType
     ) => {
       console.log('退出房间者', participant, exitType)
+      let src = leftMetting
+      let audio = new Audio(src)
+      audio.play()
       this.appGetUsernameClick(participant).then((res)=>{
         console.log('退出房间者',res)
-        let data = res? res : '客户'
-        console.log(data)
-        this.messageClick(( data + '已退出会议'),'error')
-        // let audio = document.createElement('audio') //生成一个audio元素 
-        // audio.src = 'http://mp3.9ku.com/hot/2005/05-19/65937.mp3' //音乐的路径 
-        // audio.play()
+let data = res? res.username ? res.username : '客户' : '客户'
+console.log(data)
+this.messageClick(( data + '已退出会议'),'error')
+if(res.userType == 1) {
+ // 2--坐席  1--客户
+this.props.userExit({
+userId: participant,
+userType:'1'
+})
+}
+        // console.log('退出房间者',res)
+        // let data = res? res : '客户'
+        // console.log(data)
+        // this.messageClick(( data + '已退出会议'),'error')
       })
       
     };
@@ -2994,9 +2993,9 @@ class Video extends Component {
         });
         console.log(pictureInPictureVideo)
         this.tabTitlesClick('RMScreen', 'delect')
-        if (this.state.isPictureInPicture) {
-          document.exitPictureInPicture()
-        }
+        // if (this.state.isPictureInPicture) {
+        //   document.exitPictureInPicture()
+        // }
       }
     };
     // 服务端录制初始化成功
@@ -3134,9 +3133,9 @@ class Video extends Component {
           });
           console.log(pictureInPictureVideo)
           this.tabTitlesClick('RMScreen', 'delect')
-          if (this.state.isPictureInPicture) {
-            document.exitPictureInPicture()
-          }
+          // if (this.state.isPictureInPicture) {
+          //   document.exitPictureInPicture()
+          // }
           // if (!this.state.laveRoomSharedScreen && this.state.isSharedScreen) {
           //   this.sharedScreen()
       // }
@@ -3162,6 +3161,42 @@ class Video extends Component {
       }
     }
   }
+  // 保存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) => {
+      customers = customers ? customers + ',' + item : item
+    })
+    try{
+      let result = await API.updateMeetingInfo({
+        title:this.props.meetingInfo.title,
+    host:this.props.meetingInfo.host,
+    customers:customers,
+    otherAttendees: this.props.meetingInfo.otherAttendees ? this.props.meetingInfo.otherAttendees : '',
+    sessionId:this.state.sessionId
+      })
+    } catch (err) {
+      console.error(err);
+      if(err.status == 502 || err.status== 404) {
+        this.roomCallBack(2, '连接服务器失败','SYS-02')
+      }
+    }
+  }
   enterRoom = async () =>{
     try {
       let result = await API.enterRoom({
@@ -3210,6 +3245,9 @@ class Video extends Component {
       clearInterval(value)
     })
     this.timer && clearInterval(this.timer);
+    if (this.state.isPictureInPicture) {
+      document.exitPictureInPicture()
+    }
     if(this.state.isSharedScreen) {
       this.setState({
         screenName: '共享模式',
@@ -3217,9 +3255,7 @@ class Video extends Component {
       this.state.isSharedScreen = false
       this.state.laveRoomSharedScreen = true
         // this.test_controller.UnPublish(document.getElementById('video20').name)
-        if (this.state.isPictureInPicture) {
-          document.exitPictureInPicture()
-        }
+        
         
       this.props.onLeaveRoom({
         code: LEAVE_TYPE.TELLER_EXIT,
@@ -3687,6 +3723,15 @@ class Video extends Component {
       });
       if (result.code == 200) {
         this.messageClick('识别成功','success')
+        callNimIM('sendCustomCmdMsg', {
+          customId: this.state.imRoomId,
+          content: JSON.stringify({
+            'typeId': 1020,
+            'sessionId': this.state.sessionId,
+            'cameraState': 1, // 1--打开前置  2--打开后置
+            "userId": this.state.faceCustomerUid
+          })
+        });
         this.setState({
           isModalVisibleFacial: false
         })
@@ -3713,6 +3758,15 @@ 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.setState({
       isModalVisibleFacial: false
     })
@@ -3794,6 +3848,18 @@ class Video extends Component {
     if(item.tourist) {
       this.retrieveCustomerInfoByActivityId(item.customId)
     } 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
+        })
+      });
+    }
     var sid
     if (item.feedId == document.getElementById("feedId1").innerText) {
       sid = document.getElementById('video1').name;
@@ -3826,11 +3892,20 @@ class Video extends Component {
     this.setState({
       clickedFacial: false,
       clickedOcr: false,
-      
       isModalVisibleFacial: true,
       facialImg: this.test_controller.TakePicture(1, undefined, undefined, sid, 'png')
     })
+    setTimeout(() => {
+      this.setState({
+        facialImg: this.test_controller.TakePicture(1, undefined, undefined, sid, 'png')
+      })
+    },1000)
+  }
   }
+  sgsinImage=()=>{
+    this.setState({
+      facialImg: this.test_controller.TakePicture(1, undefined, undefined, this.state.customOcrSid, 'png')
+    })
   }
   handleChangeOcr =(val)=> {
     console.log(val)
@@ -3855,7 +3930,8 @@ class Video extends Component {
       console.log(result)
       
       if (result.code == 200) {
-        data = result.data.username ? result.data.username : ''
+        data = result.data ? result.data : ''
+        // data = result.data.username ? result.data.username : ''
       }
       return data
     }catch (err) {
@@ -4191,9 +4267,9 @@ class Video extends Component {
           screenName: '共享模式'
         });
         this.tabTitlesClick('RMScreen', 'delect')
-        if (this.state.isPictureInPicture) {
-          document.exitPictureInPicture()
-        }
+        // if (this.state.isPictureInPicture) {
+        //   document.exitPictureInPicture()
+        // }
       }
     }
     
@@ -5055,6 +5131,7 @@ class Video extends Component {
           <Modal title={this.state.titleModal}  closable={false} centered={true} visible={this.state.isModalVisibleFacial} footer={[
             <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>
           ]}>
@@ -5189,7 +5266,7 @@ sessionId: "",
   meetingInfo: {
     title: '--',
     host: '--',
-    customers: ['--'],
+    customers: ['--','1','2'],
     otherAttendees: undefined
   },
   isTranscribing: false,