react_hsbc_teller 1.4.9 → 1.4.21

package/packages/pages/video/video.jsx

@@ -38,7 +38,6 @@ let streamShare
 let muteJson = new Map()
 let dateTime = 0
 let messageValue = ''
-let rateList = []
 var os = function() {
   var ua = navigator.userAgent,
   isWindowsPhone = /(?:Windows Phone)/.test(ua),
@@ -69,7 +68,6 @@ class Video extends Component {
   cancel = axios.CancelToken.source()
   signCanvas = React.createRef();
   state = {
-    signNoClick: false,
     listVideoPicture: [],
     isScreenSwitching: false,
     whiteboardWidth: '',
@@ -206,11 +204,11 @@ class Video extends Component {
       {
         type: false
       }
-    ],
-    shareMaskState: false,
+    ]
   };
   // eslint-disable-next-line no-undef
   test_controller = '';
+
   /**
    * 创建房间成功后回调后台
    * @param  {JSON} data 数据类型
@@ -280,11 +278,9 @@ class Video extends Component {
     try {
       let result = await API.getBase64Image({ fileName: data});
       console.log('getBase64Image',result)
-      this.tabTitlesClick('customerScreen', 'delect')
       this.props.imgCallback({
         type: result.data.type + '', 
-        file: result.data.base64Image,
-        errorType: 0}
+        file: result.data.base64Image}
         )
     } catch (err) {
       console.error(err);
@@ -401,168 +397,132 @@ class Video extends Component {
     ];
     this.test_controller.InitRoomConfig(config_param)
   };
-  rateAll = async() =>{
-    let data = ''
-    try {
-      let result = await API.rateAll();
-      console.log(result)
-      
-      if (result.code == 200) {
-        data = result.data ? result.data : ''
-      }
-      return data
-    }catch (err) {
-      return data
-      }
-  }
   // 开启录制
   enableServerRecording = () => {
-    const that = this
-    this.rateAll().then((res)=>{
-      console.log('退出房间者',res)
-      let list = [
-        {
-          tag: 'projectionWhiteboard',
-          xPosition: 0,
-          yPosition: 270,
-          width: 1280,
-          height: 720
-        },
-        // {
-        //   tag: 'VIDEO_SOURCE_SCREEN_ONE',
-        //   xPosition: 1290,
-        //   yPosition: 724,
-        //   width: 570,
-        //   height: 270
-        // },
-        // {
-        //   tag: 'VIDEO_SOURCE_SCREEN',
-        //   xPosition: 1290,
-        //   yPosition: 640,
-        //   width: 630,
-        //   height: 350
-        // },
-        {
-          tag: 'tag1',
-          xPosition: 0,
-          yPosition: 0,
-          width: 310,
-          height: 180
-        },
-        {
-          tag: 'customer1',
-          xPosition: 320,
-          yPosition: 0,
-          width: 310,
-          height: 180
-        },
-        {
-          tag: 'customer2',
-          xPosition: 640,
-          yPosition: 0,
-          width: 310,
-          height: 180
-        },
-        {
-          tag: 'customer3',
-          xPosition: 960,
-          yPosition: 0,
-          width: 310,
-          height: 180
-        },
-        {
-          tag: 'customer4',
-          xPosition: 1280,
-          yPosition: 0,
-          width: 310,
-          height: 180
-        },
-        {
-          tag: 'customer5',
-          xPosition: 1600,
-          yPosition: 0,
-          width: 310,
-          height: 180
-        },
-        // {
-        //   tag: 'customer6',
-        //   xPosition: 1440,
-        //   yPosition: 0,
-        //   width: 240,
-        //   height: 180
-        // },
-        // {
-        //   tag: 'customer7',
-        //   xPosition: 1680,
-        //   yPosition: 0,
-        //   width: 240,
-        //   height: 180
-        // },
-        // {
-        //   tag: 'customer8',
-        //   xPosition: 1680,
-        //   yPosition: 180,
-        //   width: 240,
-        //   height: 180
-        // },
-        // {
-        //   tag: 'customer9',
-        //   xPosition: 1680,
-        //   yPosition: 360,
-        //   width: 240,
-        //   height: 180
-        // },
-        // {
-        //   tag: 'customer10',
-        //   xPosition: 1680,
-        //   yPosition: 540,
-        //   width: 240,
-        //   height: 180
-        // },
-        // {
-        //   tag: 'customer11',
-        //   xPosition: 1680,
-        //   yPosition: 720,
-        //   width: 240,
-        //   height: 180
-        // }
-      ]
-      res.map((item)=>{
-        list.push({
-          tag: item.tag,
-          xPosition: item.xaxis,
-          yPosition: item.yaxis,
-          width: item.width,
-          height: item.height
-        })
-      })
-      const filePath = 'recordId_' + new Date().valueOf();
-      const recordParam = {};
-      recordParam.width = 1920;
-      recordParam.height = 1080;
-      recordParam.recordTotalStream = 0;
-      recordParam.startTimeout = 10;
-      recordParam.splitType = 0;
-      recordParam.endType = 1;
-      recordParam.crf = 26
-      recordParam.overlaps = [
-        {
-          tag: '', // 流 tag，如果不设置或为空，则为全局⽔印
-          type: 1, // 1 为时间戳⽔印；2 为⽂字⽔印；3 为图⽚⽔印
-          id: 1, // ⽔印 ID
-          enable: true,
-          xPosition: 10, // x 轴位置
-          yPosition: 10, // y 轴位置
-          text: '', // ⽔印⽂字
-          fontSize: 16, // 字体⼤⼩
-          url: '' // ⽔印图⽚ HTTP 地址
-        },
-      ];
-    recordParam.tagPositions = list
-      console.log('recordParam', recordParam);
-      that.test_controller.StartRemoteRecord(filePath, recordParam, '')
-  
-    })
+    const filePath = 'recordId_' + new Date().valueOf();
+    const recordParam = {};
+    recordParam.width = 1920;
+    recordParam.height = 1080;
+    recordParam.recordTotalStream = 0;
+    recordParam.startTimeout = 10;
+    recordParam.splitType = 0;
+    recordParam.endType = 1;
+    recordParam.crf = 26
+    recordParam.overlaps = [
+      {
+        tag: '', // 流 tag，如果不设置或为空，则为全局⽔印
+        type: 1, // 1 为时间戳⽔印；2 为⽂字⽔印；3 为图⽚⽔印
+        id: 1, // ⽔印 ID
+        enable: true,
+        xPosition: 10, // x 轴位置
+        yPosition: 10, // y 轴位置
+        text: '', // ⽔印⽂字
+        fontSize: 16, // 字体⼤⼩
+        url: '' // ⽔印图⽚ HTTP 地址
+      },
+    ];
+  recordParam.tagPositions = [
+    {
+      tag: 'projectionWhiteboard',
+      xPosition: 0,
+      yPosition: 270,
+      width: 1280,
+      height: 720
+    },
+    {
+      tag: 'VIDEO_SOURCE_SCREEN',
+      xPosition: 1290,
+      yPosition: 630,
+      width: 630,
+      height: 360
+    },
+    {
+      tag: 'tag1',
+      xPosition: 0,
+      yPosition: 0,
+      width: 310,
+      height: 180
+    },
+    {
+      tag: 'customer1',
+      xPosition: 320,
+      yPosition: 0,
+      width: 310,
+      height: 180
+    },
+    {
+      tag: 'customer2',
+      xPosition: 640,
+      yPosition: 0,
+      width: 310,
+      height: 180
+    },
+    {
+      tag: 'customer3',
+      xPosition: 960,
+      yPosition: 0,
+      width: 310,
+      height: 180
+    },
+    {
+      tag: 'customer4',
+      xPosition: 1280,
+      yPosition: 0,
+      width: 310,
+      height: 180
+    },
+    {
+      tag: 'customer5',
+      xPosition: 1600,
+      yPosition: 0,
+      width: 310,
+      height: 180
+    },
+    // {
+    //   tag: 'customer6',
+    //   xPosition: 1440,
+    //   yPosition: 0,
+    //   width: 240,
+    //   height: 180
+    // },
+    // {
+    //   tag: 'customer7',
+    //   xPosition: 1680,
+    //   yPosition: 0,
+    //   width: 240,
+    //   height: 180
+    // },
+    // {
+    //   tag: 'customer8',
+    //   xPosition: 1680,
+    //   yPosition: 180,
+    //   width: 240,
+    //   height: 180
+    // },
+    // {
+    //   tag: 'customer9',
+    //   xPosition: 1680,
+    //   yPosition: 360,
+    //   width: 240,
+    //   height: 180
+    // },
+    // {
+    //   tag: 'customer10',
+    //   xPosition: 1680,
+    //   yPosition: 540,
+    //   width: 240,
+    //   height: 180
+    // },
+    // {
+    //   tag: 'customer11',
+    //   xPosition: 1680,
+    //   yPosition: 720,
+    //   width: 240,
+    //   height: 180
+    // }
+  ]
+    console.log('recordParam', recordParam);
+    this.test_controller.StartRemoteRecord(filePath, recordParam, '')
 
   };
   // 结束会话
@@ -1491,24 +1451,19 @@ class Video extends Component {
         }
       }
       else if (Mival.typeId == 1220) {
-        // 一炒多的图片  1214
+        // 一炒多的图片
         if (Mival.sessionId == this.state.sessionId) {
-          this.tabTitlesClick('customerScreen', 'delect')
           this.props.imgCallback({
             type: Mival.data.type + '', 
-            file: Mival.data.file,
-            errorType: 0}
+            file: Mival.data.file}
             ) // 文字抄录和风险抄录，3--风险，，2--文字
         }
       } else if (Mival.typeId == 1321) {
         this.getBase64Image(Mival.fileName)
       } else if (Mival.typeId == 1216) {
-        // 签字回调  1213
+        // 签字回调
         if (Mival.sessionId == this.state.sessionId) {
-          this.tabTitlesClick('customerScreen', 'delect')
-          this.props.signatureCallback({
-            errorType: 0
-          })
+          this.props.signatureCallback()
         }
       } else if (Mival.typeId == 1218) {
         if (Mival.sessionId == this.state.sessionId) {
@@ -1698,26 +1653,6 @@ class Video extends Component {
 
           }
         }
-      } else if (Mival.typeId == 121305) {
-        if (Mival.sessionId == this.state.sessionId) {
-          this.props.signatureCallback({
-            errorType: -1
-          })
-        }
-      } else if (Mival.typeId == 121405) {
-        if (Mival.sessionId == this.state.sessionId) {
-          console.log('imgCallback')
-          this.props.imgCallback({
-            type: '', 
-            file: '',
-            errorType: -1
-          })
-        }
-      } else if (Mival.typeId == 4100 && Mival.data.sessionId == this.state.sessionId) {
-        // 手机端停止投屏
-        if (!document.getElementById("video21").name) {
-          this.tabTitlesClick('customerScreen', 'delect')
-        }
       }
     };
     window.IMOpenfire = msg =>{
@@ -1752,13 +1687,6 @@ class Video extends Component {
       sigType: 1
     };
     this.workerClick()
-    rateList = []
-    this.rateAll().then((res)=>{
-      res.map((item)=>{
-        rateList.push(item.tag)
-      })
-      console.log('rateList',rateList)
-    })
     this.test_controller.GetDevices();
     // 获取设备成功
     this.test_controller.OnGetDevicesSuccess = (devicesInfo) => {
@@ -2454,7 +2382,6 @@ class Video extends Component {
         }, function (code, message, data) {
           console.log(data)
         })
-        this.sendNotification()
       let array = this.state.roomCustomerList;
       let newArray = [...array];
       newArray.push({
@@ -2466,8 +2393,7 @@ class Video extends Component {
       this.state.roomCustomerList = newArray
       let config_param
       if (feed.uid != this.state.tellerAccount) {
-        if (rateList.indexOf(feed.tag) > -1) {
-        // if (feed.tag == 'VIDEO_SOURCE_SCREEN') {
+        if (feed.tag == 'VIDEO_SOURCE_SCREEN') {
           config_param = {
             subscribe_video_id: 'video21',
             subscribe_audio_id: 'audio21',
@@ -2650,9 +2576,9 @@ class Video extends Component {
           screenName: '共享模式'
         });
         this.tabTitlesClick('RMScreen', 'delect')
-        if (this.state.isPictureInPicture) {
-          document.exitPictureInPicture()
-        }
+        // if (this.state.isPictureInPicture) {
+        //   document.exitPictureInPicture()
+        // }
 
       }
     };
@@ -3009,9 +2935,9 @@ class Video extends Component {
         });
         console.log(pictureInPictureVideo)
         this.tabTitlesClick('RMScreen', 'delect')
-        if (this.state.isPictureInPicture) {
-          document.exitPictureInPicture()
-        }
+        // if (this.state.isPictureInPicture) {
+        //   document.exitPictureInPicture()
+        // }
       }
     };
     // 服务端录制初始化成功
@@ -3149,9 +3075,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()
       // }
@@ -3251,6 +3177,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: '共享模式',
@@ -3258,9 +3187,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,
@@ -3721,7 +3648,7 @@ class Video extends Component {
         activityId: this.props.businessNumber,
         appAccount: this.state.faceCustomerUid,
         fileBase64: this.state.facialImg.replace(/^data:image\/\w+;base64,/,""),
-        type: 1
+        type: this.state.defaultValue
       });
       if (result.code == 200) {
         this.messageClick('识别成功','success')
@@ -3872,7 +3799,7 @@ class Video extends Component {
   handleChangeOcr =(val)=> {
     console.log(val)
     this.setState({
-      defaultValue: 1,
+      defaultValue: val,
       facialImg: this.test_controller.TakePicture(1, undefined, undefined, this.state.customOcrSid, 'png')
     })
   }
@@ -4091,30 +4018,11 @@ class Video extends Component {
     }
   }
   handleOkSign = () => {
-    console.log(this.signCanvas.current.canvas.drawing.toDataURL('image/png'))
     this.props.imgRMCallback(
       this.signCanvas.current.canvas.drawing.toDataURL('image/png').replace(/data.+?;base64,/, "")
     )
   }
-  onCancelSign=()=>{
-    this.setState({
-      signNoClick: false
-    })
-    this.props.onCancelSign()
-  }
-  signImage=()=>{
-    if(!this.state.signNoClick) {
-      this.setState({
-        signNoClick: true
-      })
-    }
-  }
   handleCancelSign=()=>{
-    if(this.state.signNoClick) {
-      this.setState({
-        signNoClick: false
-      })
-    }
     this.signCanvas.current.clear()
   }
   
@@ -4140,9 +4048,9 @@ class Video extends Component {
     let x = 0
     let y = 0
     // if(os.isTablet){
-      width = ((right - left)* window.screen.width / document.body.clientWidth) - 5
+      width = (right - left)* window.screen.width / document.body.clientWidth
       height = ((bottom - top)* window.screen.width / document.body.clientWidth) - 50
-      x = left * window.screen.width / document.body.clientWidth + 5
+      x = left * window.screen.width / document.body.clientWidth + 2
       y = top* window.screen.width / document.body.clientWidth
     // }
     // if(os.isPc) {
@@ -4246,9 +4154,9 @@ class Video extends Component {
           screenName: '共享模式'
         });
         this.tabTitlesClick('RMScreen', 'delect')
-        if (this.state.isPictureInPicture) {
-          document.exitPictureInPicture()
-        }
+        // if (this.state.isPictureInPicture) {
+        //   document.exitPictureInPicture()
+        // }
       }
     }
     
@@ -4436,43 +4344,6 @@ class Video extends Component {
     }
     
   }
-  sendNotification = () =>{
-    console.log(this.props.shareMask,this.state.shareMaskState)
-    this.state.shareMaskState = this.props.shareMask
-    callNimIM('sendCustomCmdMsg', {
-      customId: this.state.imRoomId,
-      content: JSON.stringify({
-        'typeId': 1230,
-        'sessionId': this.state.sessionId,
-        'type': this.state.shareMaskState ? 1 : 2
-      })
-    });
-  }
-  componentDidUpdate(prevProps){
-    console.log('componentDidUpdate',prevProps,prevProps.shareMask,this.props.shareMask)
-    if(this.props.shareMask != prevProps.shareMask) {
-      this.sendNotification()
-    }
-  }
-  // shouldComponentUpdate(nextProps,nextState){
-  //   console.log('componentDidUpdate',nextProps,nextState)
-  //   if(nextProps.shareMask != nextState.shareMaskState){
-  //     this.state.shareMaskState = nextProps.shareMask
-  //     this.sendNotification()
-  //   }
-  // }
-//   static  getDerivedStateFromProps(props, state) {
-//     console.log('getDerivedStateFromProps',props,state,props.shareMask)
-//     if(props.shareMask!==state.shareMaskState){
-//       // this.sendNotification()
-//         return {
-            
-//           shareMaskState:shareMask,
-          
-//         }
-//     }
-//     return null
-// }
   render() {
     const { meetingInfo,isTranscribing } = this.props
     var pdfChildren
@@ -5110,12 +4981,12 @@ class Video extends Component {
             </div>
           ]}>
             <div className="faceBody">
-            {/* {this.state.faceCustomerType == 2 && 
+            {this.state.faceCustomerType == 2 && 
             <Select defaultValue={this.state.defaultValue} style={{ width: 120,marginBottom: '20px' }} onChange={this.handleChangeOcr}>
             <Option value="1">正面</Option>
             <Option value="2">反面</Option>
           </Select>
-            } */}
+            }
             <div>
             <img className="faceImg" src={this.state.facialImg} alt=""></img>
             </div>
@@ -5164,25 +5035,15 @@ class Video extends Component {
             
             
           </Modal>
-          <Modal title="签字白板" width={600} destroyOnClose={true} centered={true} visible={isTranscribing} onCancel={this.onCancelSign} footer={
+          <Modal title="签字白板" width={600} destroyOnClose={true} closable={false} centered={true} visible={isTranscribing} footer={
             [
               <div key='okSign'>
-                {
-                  !this.state.signNoClick && <Button className="modelButtonCancelNo">清除</Button>
-                }
-                {
-                  this.state.signNoClick && <Button className="modelButtonCancel" onClick={this.handleCancelSign}>清除</Button>
-                }
-                {
-                  this.state.signNoClick && <Button className="modelButtonOk" type="primary" danger onClick={this.handleOkSign}>确定</Button>
-                }
-              {
-                !this.state.signNoClick && <Button className="modelButtonCancelNo" type="primary" danger >确定</Button>
-              }
+                <Button className="modelButtonCancel" onClick={this.handleCancelSign}>清除</Button>
+              <Button className="modelButtonOk" type="primary" danger onClick={this.handleOkSign}>确定</Button>
               </div>
             ]
           }>
-            <div className="content" onClick={this.signImage}>
+            <div className="content">
               <CanvasDraw
                 ref={this.signCanvas}
                 brushColor="#000"
@@ -5191,7 +5052,6 @@ class Video extends Component {
                 canvasWidth="100%"
                 canvasHeight="100%"
                 hideGrid={true}
-                
               ></CanvasDraw>
             </div>
           </Modal>
@@ -5254,7 +5114,6 @@ sessionId: "",
     otherAttendees: undefined
   },
   isTranscribing: false,
-  shareMask: false,
   internalUrl: 'https://wp-staff-gateway.wealth-platform.uat.ali.cloud.cn.hsbc/meeting-ui/OHB/CN/HSBC?chnlID=OHB&locale=zh_CN&chnlCC=CN&chnlGMC=HSBC&targetFunc=supervisorMeeting&sourceFunc=rmMeeting'
 }
 export default Video

package/packages/pages/video/video.less

@@ -320,22 +320,12 @@
   margin-top: 50px!important;
   padding: 20px 30px 30px!important;
 }
-.modelButtonCancelNo{
+.modelButtonCancel{
   width: 100px!important;
   height: 40px!important;
   font-size: 16px!important;
   color: #5C5C5C!important;
   border: 1px #5C5C5C solid!important;
-  background: #d9d9d9!important;
-  border-spacing: 20px!important;
-}
-.modelButtonCancel{
-  width: 100px!important;
-  height: 40px!important;
-  font-size: 16px!important;
-  color: #333!important;
-  border: 1px #333 solid!important;
-  background: #fff!important;
   border-spacing: 20px!important;
 }
 .modelButtonCancelOne{