react_hsbc_teller 0.7.5 → 0.7.6

package/package.json

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

package/packages/pages/video/video.jsx

@@ -115,6 +115,7 @@ class Video extends Component {
     imStatus: false,
     imJoinRoom: false,
     analyserData: new Map(),
+    analyserHeight: new Map()
   };
   // eslint-disable-next-line no-undef
   test_controller = '';
@@ -1316,6 +1317,27 @@ class Video extends Component {
             'tellerId': this.props.tellerAccount
           })
         });
+      } 
+      if(sid == document.getElementById('publish_video1').name) {
+        this.timer = setInterval(
+          () => {
+            console.log('hhhhhh',this.state.analyserHeight.get(sid))
+            if(this.state.analyserHeight.get(sid) > 0 && !this.state.voiceStatue) {
+              callNimIM('sendCustomCmdMsg', {
+                customId: this.state.imRoomId,
+                content: JSON.stringify({
+                  'typeId': 3200,
+                  "data": {
+                    'sessionId': this.state.sessionId,
+                    'userId': this.props.tellerAccount
+                  }
+
+                })
+              });
+            }
+          },
+          3000
+        );
       }
     };
     // 发布媒体流失败
@@ -2145,6 +2167,10 @@ class Video extends Component {
         let startX = x2 // 绘制起始点x
         let startY = y1 - height  // 绘制起始点y
         ctx.fillRect(startX, startY, width, height)
+        this.state.analyserHeight.set(sid,startY)
+        this.setState({
+          analyserHeight: this.state.analyserHeight
+        })
       }
       requestAnimationFrame(this.test_controller.OnVolumeAnalyser.bind(this, sid, analyser));
       
@@ -2319,6 +2345,7 @@ class Video extends Component {
       return
     }
     this.cancel = ''
+    this.timer && clearInterval(this.timer);
   }
   componentWillMount() {
     if (this.props.sessionId) {
@@ -2824,6 +2851,15 @@ class Video extends Component {
 
     }
   }
+  linkClick=()=>{
+    let inp = document.createElement('input')
+      inp.value = this.state.linkData
+      document.body.appendChild(inp)
+      inp.select() // 选择对象;
+      console.log(inp.value, '复制到的内容')
+      document.execCommand('Copy') // 执行浏览器复制命令
+      inp.remove()
+  }
   queryStaff = async () => {
     if(!this.state.employeeNumber) return
     try {
@@ -3555,10 +3591,10 @@ class Video extends Component {
              <div key='invitation'>
             <Button className="modelButtonCancel" onClick={this.handleCancelInvitation}>取消</Button>
             {
-              this.state.employeeName &&<Button className='modelButtonOk'type="primary" danger onClick={this.handleOkInvitation}>确定</Button>
+              this.state.employeeName &&<Button className='modelButtonOk'type="primary" danger onClick={this.handleOkInvitation}>发送邮件</Button>
             }
             {
-              !this.state.employeeName &&<Button className='modelButtonCancelOne' type="primary" danger >确定</Button>
+              !this.state.employeeName &&<Button className='modelButtonCancelOne' type="primary" danger >发送邮件</Button>
             }
             </div>
           ]}>
@@ -3571,9 +3607,12 @@ class Video extends Component {
               <div className="invitationDiv">
               <span className="modalSpan">&nbsp;&nbsp;&nbsp;姓名：</span><span>{this.state.employeeName}</span>
               </div>
-              <div className='linkClass'>
-                <span>{this.state.linkData}</span>
-              </div>
+              {
+                this.state.employeeName &&<div className='invitationDiv'>
+                <span className="modalSpan">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span><Button className="invitationButton" onClick={this.linkClick}> <img className='invitationImg' src={require("../../assets/img/link.png").default} alt="" />复制链接</Button>
+                </div>
+              }
+              
             </div>
             {
               this.state.employeeError && <div className='errorClassInvitation'>

package/packages/pages/video/video.less

@@ -123,6 +123,15 @@
   font-size: 17px;
   color: #666666;
 }
+.invitationImg{
+  width: 20px;
+  height: 20px;
+}
+.invitationButton{
+  color: #1a9adc !important;
+  border: none !important;
+  background: #fff !important;
+}
 .invitationDiv{
   margin-left: 40px;
   margin-bottom: 15px;