react_hsbc_teller 1.0.7 → 1.1.0

package/package.json

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

package/packages/demo/demo.js

@@ -1,5 +1,6 @@
 import React, { Component } from "react";
 import HSBC from "../pages/index";
+import Pdf from './pdf.js'
 
 class Demo extends Component {
   state = {
@@ -169,7 +170,7 @@ joinRoomCallback=(data)=>{
                             imgCallback={this.imgCallback}
                             >
                                 
-                                {/* <Pdf></Pdf> */}
+                                <Pdf></Pdf>
                         </HSBC>
                         :
                         <div>

package/packages/demo/pdf.js

@@ -0,0 +1,78 @@
+import React, { Component } from "react";
+
+class pdf extends Component {
+  state = {
+    isVideo: false,
+    tellerAccount: '',
+    callbackUrl: 'http://47.102.126.132:8720/hsbc/callback',
+    businessNumber: '',
+    lang: 'zh',
+    roomServerUrl: 'wss://mrtc.mpaas.cn-hangzhou.aliyuncs.com/ws',
+    baseURL:'https://counter-web.leimondata.cn:18082/api/leimon-counter-api',
+    resourcePath:'https://counter-web.leimondata.cn:7199',
+}
+startVideo = () => {
+    this.setState({
+        isVideo: true
+    })
+}
+onLeaveRoom = (val) => {
+    console.log(val)
+    this.setState({
+        isVideo: false
+    })
+}
+handleChangeTeller = (event) => {
+    this.setState({
+        tellerAccount: event.target.value
+    })
+}
+handleChangeCall = (event) => {
+    this.setState({
+        callbackUrl: event.target.value
+    })
+}
+handleChangeBysiness = (event) => {
+    this.setState({
+        businessNumber: event.target.value
+    })
+}
+
+handleRoomServerUrl = (event) => {
+    this.setState({
+        roomServerUrl: event.target.value
+    })
+}
+handleBaseURL = (event) => {
+    this.setState({
+        baseURL: event.target.value
+    })
+}
+handleResourcePath = (event) => {
+    this.setState({
+        resourcePath: event.target.value
+    })
+}
+
+  render() {
+    return (
+      <div className="test">
+                {
+                        <div>
+                            坐席账号：<input placeholder="请输入坐席账号" value={this.state.tellerAccount} onChange={e => this.handleChangeTeller(e)}></input>
+                            回调地址：<input placeholder="请输入回调地址" value={this.state.callbackUrl} onChange={e => this.handleChangeCall(e)}></input>
+                            全局流水号：<input placeholder="请输入全局流水号" value={this.state.businessNumber} onChange={e => this.handleChangeBysiness(e)}></input>
+                            阿里服务器地址：<input placeholder="请输入阿里服务器地址" value={this.state.roomServerUrl} onChange={e => this.handleRoomServerUrl(e)}></input>
+                            接口地址：<input placeholder="请输入接口地址" value={this.state.baseURL} onChange={e => this.handleBaseURL(e)}></input>
+                            阿里资源服务地址：<input placeholder="请输入阿里资源服务地址" value={this.state.resourcePath} onChange={e => this.handleResourcePath(e)}></input>
+
+                            <button className="button" onClick={this.startVideo.bind(this)}>开启视频</button>
+                        </div>
+                }
+            </div>
+    );
+  }
+}
+
+
+export default pdf;

package/packages/pages/foot/foot.jsx

@@ -113,7 +113,7 @@ export default class foot extends Component {
                                   item == 'INVITE' && <div className="one" onClick={this.invitationClick.bind(this)}>
                                   <img className="imgClass" src={require("../../assets/img/icon_invitation.png").default} alt="" />
                                   <div className="text">
-                                      会议邀请
+                                  邀请参会者
                                   </div>
                               </div>
                               }
@@ -123,7 +123,7 @@ export default class foot extends Component {
                               item == 'PIP' && <div className="one" onClick={this.pictureInPicture.bind(this)}>
                                   <img className="imgClass" src={require("../../assets/img/huazhonghua.png").default} alt="" />
                                   <div className="text">
-                                      画中画
+                                  开启视频画中画
                                   </div>
                               </div>
                       }
@@ -149,7 +149,7 @@ export default class foot extends Component {
                     <div className="one">
                         <img className="imgClass" src={require("../../assets/img/inspection.png").default} alt="" />
                         <div className="text">
-                            设备检测
+                        设置视频设备
                         </div>
                     </div>
                     </div>
@@ -166,7 +166,7 @@ export default class foot extends Component {
                 
                 <div className="total totalThree">
                     <button className="buttonClass" onClick={this.endSession.bind(this)}>
-                        <span className="spanClass">结束</span>
+                        <span className="spanClass">结束会议</span>
                     </button>
                 </div>
             </div>

package/packages/pages/foot/foot.less

@@ -23,6 +23,9 @@ width: 100%;
   align-items: center;
   flex-wrap: nowrap;
   }
+  .footHover{
+      margin: 0 5px;
+  }
   .footHover :hover{
       background: #F3F3F3;
       border-radius: 8px;
@@ -31,7 +34,8 @@ width: 100%;
     margin-top: 8px;
     padding-bottom: 10px;
     text-align: center;
-    width: 80px;
+    max-width: 110px;
+    min-width: 80px;
 height: 11px;
 font-size: 14px;
 font-family: PingFangSC-Regular, PingFang SC;
@@ -50,7 +54,7 @@ line-height: 11px;
 .buttonClass{
     font-size: 16px;
     color: #ffffff;
-    width: 70px;
+    width: 90px;
     height: 32px;
     background: #B70000;
     border-radius: 6px;

package/packages/pages/header/header.jsx

@@ -8,7 +8,7 @@ export default class header extends Component {
         return(
             <div className="Hamburger">
                 <div className="left-header">
-                    <div className="title">汇丰银行营业厅</div>
+                    <div className="title">汇丰银行远程会议</div>
                 </div>
             </div>
         )