react_hsbc_teller 0.8.6 → 0.9.0

package/package.json

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

package/packages/api/api.js

@@ -1,6 +1,27 @@
 import Server from './server';
 
 class API extends Server{
+  
+  async enterRoom(params = {}){
+    //  return this.axios('get', '/lang/select/2', params); 
+    try{
+      let result = await this.axios('post', '/hsbc/enterRoom', params); 
+      console.log(result)
+      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 sendEmail(params = {}){
     //  return this.axios('get', '/lang/select/2', params); 
     try{
@@ -24,7 +45,7 @@ class API extends Server{
   async appGetUsername(params = {}){
     //  return this.axios('get', '/lang/select/2', params); 
     try{
-      let result = await this.axios('get', '/app/getUsername?userId=' + params.userId, params); 
+      let result = await this.axios('get', '/app/getUsername?userId=' + params.userId+ '&sessionId=' + params.sessionId, params); 
       console.log(result)
       if(result && (result.data instanceof Object) && result.code === 200){
         return result||[];

package/packages/common/websocket.js

@@ -250,5 +250,6 @@ function joinRoom(from, to) {
 export {
   initWebSocket,
   sendMessage,
+  disconnect,
   joinRoom
 }

package/packages/pages/video/video.jsx

@@ -162,6 +162,15 @@ class Video extends Component {
         sessionId: result.sessionId,
         loading: false,
       });
+      let publish_config = {}
+      publish_config.media_type = 1
+      publish_config.publish_device = 1
+      publish_config.need_volume_analyser = true
+      publish_config.video_profile_type = 3
+      publish_config.publish_video_id = 'publish_video1'
+      publish_config.publish_streamId_id = 'publish_streamId1'
+      publish_config.publish_tag = 'tag1'
+      this.test_controller.Publish(publish_config)
       // eslint-disable-next-line no-undef
       if(this.state.imStatus) {
         joinRoom((this.props.tellerAccount + '@' + JSON.parse(window.sessionStorage.getItem('sigData')).hostname), this.state.imRoomId)
@@ -256,7 +265,7 @@ class Video extends Component {
   // 初始化视频
   ConnectMRTC = () => {
     const config_param = {};
-    config_param.auto_publish_subscribe = 2;
+    config_param.auto_publish_subscribe = 4;
     config_param.media_type = 1;
     config_param.publish_device = 1;
     config_param.video_profile_type = '3';
@@ -1531,6 +1540,15 @@ class Video extends Component {
     // 加入房间成功
     this.test_controller.OnJoinRoomSucc = () => {
       console.log('加入房间成功')
+      let publish_config = {}
+      publish_config.media_type = 1
+      publish_config.publish_device = 1
+      publish_config.need_volume_analyser = true
+      publish_config.video_profile_type = 3
+      publish_config.publish_video_id = 'publish_video1'
+      publish_config.publish_streamId_id = 'publish_streamId1'
+      publish_config.publish_tag = 'tag1'
+      this.test_controller.Publish(publish_config)
       this.roomCallBack(1, '',0)
     };
     // 加入房间失败
@@ -1574,6 +1592,7 @@ class Video extends Component {
         });
       } 
       if(sid == document.getElementById('publish_video1').name) {
+        this.enterRoom()
         this.timer = setInterval(
           () => {
             if(!this.state.voiceStatue) {
@@ -2448,6 +2467,23 @@ class Video extends Component {
       }
     }
   }
+  enterRoom = async () =>{
+    try {
+      let result = await API.enterRoom({
+        appAccount: this.props.tellerAccount,
+        sessionId: this.state.sessionId,
+        username: this.props.meetingInfo.host == '--' ? '' : this.props.meetingInfo.host,
+        type: '2'
+      });
+      console.log(result);
+      this.appGetUsername(document.getElementById('publish_video1').name)
+    } catch (err) {
+      console.error(err);
+      if(err.status == 502 || err.status== 404) {
+        this.roomCallBack(2, '连接服务器失败','SYS-02')
+      }
+    }
+  }
   contrastFaceVerify = async data => {
     console.log(data);
     try {
@@ -2475,14 +2511,13 @@ class Video extends Component {
     }
   };
   componentWillUnmount() {
+    this.clearData()
+    
+    
+  }
+  clearData=()=>{
     if (this.state.roomCustomerList.length == 0 && this.state.sessionType) {
-      try {
-        let result = await API.finishSession({
-          sessionId: this.state.sessionId,
-          tellerId: this.props.tellerAccount
-        });
-      } catch (err) {
-      }
+      this.finishSessionClick()
     }
     if (this.test_controller&&this.state.sessionType) {
       this.test_controller.LeaveRoom()
@@ -2499,22 +2534,45 @@ class Video extends Component {
       imJoinRoom: false,
       sessionType: false
     });
+    this.timer && clearInterval(this.timer);
     this.setState = (state, callback) => {
       return
     }
     this.cancel = ''
-    this.timer && clearInterval(this.timer);
   }
-  finishSession = async () => {
-    
-    
+  finishSessionClick= async () => {
+    try {
+      let result = await API.finishSession({
+        sessionId: this.state.sessionId,
+        tellerId: this.props.tellerAccount
+      });
+    } catch (err) {
+    }
+  }
+  finishSession = () => {
     if(this.state.isSharedScreen) {
-      this.sharedScreen()
+          this.test_controller.UnPublish(document.getElementById('video20').name)
+        this.setState({
+          publishDevic: 1,
+          isSharedScreen: false,
+          screenName: '投屏'
+        });
+        console.log(pictureInPictureVideo)
+        this.tabTitlesClick('RMScreen', 'delect')
+        if (this.state.isPictureInPicture) {
+          document.exitPictureInPicture()
+        }
+      this.props.onLeaveRoom({
+        code: LEAVE_TYPE.TELLER_EXIT,
+        errMsg: '坐席退出'
+      })
+    } else {
+      this.props.onLeaveRoom({
+        code: LEAVE_TYPE.TELLER_EXIT,
+        errMsg: '坐席退出'
+      })
     }
-    this.props.onLeaveRoom({
-      code: LEAVE_TYPE.TELLER_EXIT,
-      errMsg: '坐席退出'
-    })
+    
   }
   getRoomStatus = async data => {
     try {
@@ -3080,9 +3138,13 @@ class Video extends Component {
     if (document.getElementById('video12').name == sid) {
       userId = this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId12").innerText).uid
     }
+    if (document.getElementById('publish_video1').name == sid) {
+      userId = this.props.tellerAccount
+    }
     try {
       let result = await API.appGetUsername({
-        userId: userId
+        userId: userId,
+        sessionId: this.state.sessionId
       });
       console.log(result)
       let data
@@ -3091,6 +3153,11 @@ class Video extends Component {
       } else {
         this.messageClick('查询失败','error')
       }
+      if (document.getElementById('publish_video1').name == sid) {
+        this.setState({
+          titleNameRm: data
+        })
+      }
       if (document.getElementById('video1').name == sid) {
 
         this.setState({
@@ -3482,7 +3549,7 @@ class Video extends Component {
                     />
                   }
                   <canvas style={{ display: (!this.state.voiceStatue) ? '' : 'none',width: '25px',height:'25px',marginTop: '4px' }} className="canvasClass" id="publish_volumeView" width="40" height="70"></canvas>
-                    <div className='titleName' style={{ color: this.props.titleColor, fontSize: this.props.fontSize + 'px', fontFamily: this.props.fontFamily }}>{this.props.meetingInfo.host ? this.props.meetingInfo.host : '客户经理1'}</div>
+                    <div className='titleName' style={{ color: this.props.titleColor, fontSize: this.props.fontSize + 'px', fontFamily: this.props.fontFamily }}>{this.state.titleNameRm}</div>
                   </div>
                 </div>
 

package/src/index.js

@@ -2,8 +2,8 @@ import React from "react";
 import ReactDOM from "react-dom";
 import "./index.less";
 import '@babel/polyfill';
-import { HSBC } from "../lib/hsbc";
-// import {HSBC} from "../packages";
+// import { HSBC } from "../lib/hsbc";
+import {HSBC} from "../packages";
 
 ReactDOM.render(
   <div className="hsbc"><HSBC></HSBC></div>,