react_hsbc_teller 0.2.0 → 0.2.1

package/package.json

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

package/packages/api/server.js

@@ -24,7 +24,7 @@ export default class Server {
       _option = {
         method,
         url,
-        baseURL: envconfig.baseURL,
+        baseURL: window.sessionStorage.getItem('baseURL'),
         timeout: 30000,
         params: null,
         data: params,

package/packages/pages/foot/foot.jsx

@@ -50,6 +50,9 @@ export default class foot extends Component {
         })
         this.props.customerFaceClick(item)
     }
+    switchExternal=()=>{
+        this.props.switchExternal()
+    }
     render() {
         const {isTranscribing,img,cameraImg,screenName,suspendName,customerList} = this.props
         const content = (
@@ -132,6 +135,12 @@ export default class foot extends Component {
                             画中画
                         </div>
                     </div>
+                    <div className="one" onClick={this.switchExternal.bind(this)}>
+                        <img src={require("../../assets/img/huazhonghua.png").default} alt="" />
+                        <div className="text">
+                            切换外部
+                        </div>
+                    </div>
                 </div>
                 <div className="total totalThree">
                     <button className="buttonClass" onClick={this.endSession.bind(this)}>

package/packages/pages/index.jsx

@@ -24,6 +24,7 @@ class Main extends Component {
     window.localStorage.setItem("langData", JSON.stringify(Object.assign(res)));
   }
   componentWillMount() {
+    window.sessionStorage.setItem('baseURL',this.props.baseURL)
     localStorage.setItem("a_lang", this.props.lang)
     if (localStorage.getItem("langData")){
       this.setState({langPackage: JSON.parse(localStorage.getItem("langData"))})
@@ -34,6 +35,7 @@ class Main extends Component {
 
   render() {
     const lang = this.props.lang
+    
     // console.log(this.state.langPackage[lang])
     return (
       <IntlProvider locale={lang} messages={this.state.langPackage[lang]}>
@@ -42,5 +44,9 @@ class Main extends Component {
     );
   }
 }
+Main.defaultProps = {
+  lang: 'zh',
+  baseURL:'https://counter-web.leimondata.cn:18082/api/leimon-counter-api',
 
+}
 export default Main

package/packages/pages/video/video.jsx

@@ -29,6 +29,7 @@ const LEAVE_TYPE = {
 class Video extends Component {
   signCanvas = React.createRef();
   state = {
+    isPDF: false,
     loading: false,
     isModalVisibleSign: false,
     titleModal: '人脸识别',
@@ -38,7 +39,6 @@ class Video extends Component {
     employeeNumber: '',
     employeeName: '',
     isModalVisibleInvitation: false,
-    isPDF: false,
     roomCustomerList: [],
     facialImg: '',
     isModalVisibleFacial: false,
@@ -61,13 +61,10 @@ class Video extends Component {
     workSpaceId: '',
     bizName: '',
     appId: '',
-    // room_server_url: 'wss://cn-hangzhou-mrtc.cloud.alipay.com/ws',
-    room_server_url: 'wss://mrtc.mpaas.cn-hangzhou.aliyuncs.com/ws',
     channelId: this.props.roomId,
     rtoken: this.props.mtoken,
     sessionId: this.props.sessionId,
     imRoomId: this.props.imRoomId,
-    html_string: '<span style="color:red">123456</span>',
   };
   // eslint-disable-next-line no-undef
   test_controller = '';
@@ -128,7 +125,7 @@ class Video extends Component {
     config_param.biz_name = this.state.bizName; // 'demo'
     config_param.appId = this.state.appId;
 
-    config_param.room_server_url = this.state.room_server_url;
+    config_param.room_server_url = this.props.roomServerUrl;
     // 允许最大断网时间 (超过未重连, 直接关闭)
     config_param.network_check_timeout = 10000;
     this.test_controller.Connect(config_param)
@@ -1087,34 +1084,37 @@ class Video extends Component {
     this.setState({
       loading: true,
     })
+    console.log( this.props.resourcePath + "/log4b.js")
     const _dependScripts = [
-      "https://counter-web.leimondata.cn:7199/log4b.js",
-      "https://counter-web.leimondata.cn:7199/meeting_api_util.js",
-      "https://counter-web.leimondata.cn:7199/mcu.js",
-      "https://counter-web.leimondata.cn:7199/client_record.js",
-      "https://counter-web.leimondata.cn:7199/meeting_vod.js",
-      "https://counter-web.leimondata.cn:7199/remote_record.js",
-      "https://counter-web.leimondata.cn:7199/meeting_invite.js",
-      "https://counter-web.leimondata.cn:7199/meeting_im.js",
-      "https://counter-web.leimondata.cn:7199/meeting_camera_stream.js",
-      "https://counter-web.leimondata.cn:7199/meeting_file_stream.js",
-      "https://counter-web.leimondata.cn:7199/meeting_desk_stream.js",
-      "https://counter-web.leimondata.cn:7199/meeting_html_stream.js",
-      "https://counter-web.leimondata.cn:7199/meeting_beautify_stream.js",
-      "https://counter-web.leimondata.cn:7199/stream.js",
-      "https://counter-web.leimondata.cn:7199/room.js",
-      "https://counter-web.leimondata.cn:7199/backgroundBlur.js",
-      "https://counter-web.leimondata.cn:7199/meeting_api.js",
-      "https://counter-web.leimondata.cn:7199/html2image.js",
-      "https://counter-web.leimondata.cn:7199/reconnecting-websocket.min.js",
-      "https://counter-web.leimondata.cn:7199/mtc_api.js",
-      "https://counter-web.leimondata.cn:7199/BandwidthHandler.js",
-      "https://gw.alipayobjects.com/os/lib/recordrtc/5.5.9/RecordRTC.min.js",
-      "https://counter-web.leimondata.cn:7199/pdf.js",
-      "https://counter-web.leimondata.cn:7199/EBML.js",
-      "https://counter-web.leimondata.cn:7199/adapter.js",
-      "https://counter-web.leimondata.cn:7199/beauty.js",
-      "https://counter-web.leimondata.cn:7199/getMediaInfo.js",
+      // https://counter-web.leimondata.cn:7199
+      this.props.resourcePath + "/log4b.js",
+      this.props.resourcePath + "/meeting_api_util.js",
+      this.props.resourcePath + "/mcu.js",
+      this.props.resourcePath + "/client_record.js",
+      this.props.resourcePath + "/meeting_vod.js",
+      this.props.resourcePath + "/remote_record.js",
+      this.props.resourcePath + "/meeting_invite.js",
+      this.props.resourcePath + "/meeting_im.js",
+      this.props.resourcePath + "/meeting_camera_stream.js",
+      this.props.resourcePath + "/meeting_file_stream.js",
+      this.props.resourcePath + "/meeting_desk_stream.js",
+      this.props.resourcePath + "/meeting_html_stream.js",
+      this.props.resourcePath + "/meeting_beautify_stream.js",
+      this.props.resourcePath + "/stream.js",
+      this.props.resourcePath + "/room.js",
+      this.props.resourcePath + "/backgroundBlur.js",
+      this.props.resourcePath + "/meeting_api.js",
+      this.props.resourcePath + "/html2image.js",
+      this.props.resourcePath + "/reconnecting-websocket.min.js",
+      this.props.resourcePath + "/mtc_api.js",
+      this.props.resourcePath + "/BandwidthHandler.js",
+      this.props.resourcePath + "/RecordRTC.min.js",
+      // "https://gw.alipayobjects.com/os/lib/recordrtc/5.5.9/RecordRTC.min.js",
+      this.props.resourcePath + "/pdf.js",
+      this.props.resourcePath + "/EBML.js",
+      this.props.resourcePath + "/adapter.js",
+      this.props.resourcePath + "/beauty.js",
+      this.props.resourcePath + "/getMediaInfo.js",
     ]
     const that = this
     let i = 0
@@ -1541,8 +1541,13 @@ class Video extends Component {
       file: this.signCanvas.current.canvas.drawing.toDataURL('image/png')
     })
   }
+  switchExternal=()=>{
+    this.setState({
+      isPDF: true
+    })
+  }
   render() {
-
+    const pdfChildren = React.cloneElement(this.props.children,{width: 100, height: 100, id: 12})
     return (
       
       <div className="all">
@@ -1616,8 +1621,8 @@ class Video extends Component {
 
             </div>
             <div className={`itemed ${this.state.isBigVideo == 'video2' ? 'item1' : ""}`}>
-              {
-                !this.state.isPDF ? <div onClick={this.enlargeClick.bind(this, 'isLangVideo2')}>
+              
+                <div onClick={this.enlargeClick.bind(this, 'isLangVideo2')}>
                   <video
                     id="video2"
                     autoPlay
@@ -1628,12 +1633,6 @@ class Video extends Component {
                   <label style={{ display: 'none' }} id="feedId2" type="text" />
                   <canvas style={{ display: (this.state.isCustomer) ? '' : 'none', }} className="canvasClass" id="subscribe_volumeView2" width="70" height="70"></canvas>
                 </div>
-                  :
-                  <div className="video" id="touBoxItem">
-                  </div>
-              }
-
-
             </div>
             <div className={`itemed ${this.state.isBigVideo == 'video3' ? 'item1' : ""}`}
               onClick={this.enlargeClick.bind(this, 'isLangVideo3')}>
@@ -1671,18 +1670,23 @@ class Video extends Component {
               <label style={{ display: 'none' }} id="feedId5" type="text" />
               <canvas style={{ display: (this.state.isCustomer) ? '' : 'none', }} className="canvasClass" id="subscribe_volumeView5" width="70" height="70"></canvas>
             </div>
-            <div className={`itemed ${this.state.isBigVideo == 'video6' ? 'item1' : ""}`}
-              onClick={this.enlargeClick.bind(this, 'isLangVideo6')}>
-              <video
-                id="video6"
-                autoPlay
-                muted={true}
-                className="video"
-              />
-              <audio id="audio6" autoPlay />
-              <label style={{ display: 'none' }} id="feedId6" type="text" />
-              <canvas style={{ display: (this.state.isCustomer) ? '' : 'none', }} className="canvasClass" id="subscribe_volumeView6" width="70" height="70"></canvas>
-            </div>
+                  <div onClick={this.enlargeClick.bind(this, 'isLangVideo6')} className={`${this.state.isBigVideo == 'video6' ? (this.state.isPDF ? 'item1' : 'item1 itemed') : "itemed"}`}>
+                       <div style={{ display: (this.state.isPDF) ? '' : 'none', }} id="touBoxItem">
+                       <pdfChildren></pdfChildren>
+                       </div>
+                       <div style={this.state.isPDF ? {display:  'none'}: {}}>
+                         <video
+                            id="video6"
+                            autoPlay
+                            muted={true}
+                            className="video"
+                        />
+                        <audio id="audio6" autoPlay/>
+                        <label style={{display: 'none'}} id="feedId6" type="text"/>
+                        <canvas style={{ display: (this.state.isCustomer) ? '' : 'none', }} className="canvasClass" id="subscribe_volumeView6" width="70" height="70"></canvas>
+                       </div>
+                
+              </div>
           </div>
 
         </div>
@@ -1703,6 +1707,7 @@ class Video extends Component {
           invitationClick={this.invitationClick}
           customerFaceClick={this.customerFaceClick}
           ocrClick={this.ocrClick}
+          switchExternal={this.switchExternal}
         ></Foot>
         <Modal cancelText="取消" okText="确定" visible={this.state.isModalVisible} onOk={this.handleOk}
           onCancel={this.handleCancel}>
@@ -1769,6 +1774,7 @@ Video.defaultProps = {
   tellerAccount: 't001',
   businessNumber: '123',
   callbackUrl: 'http://47.102.126.132:8720/hsbc/callback',
-
+  roomServerUrl: 'wss://mrtc.mpaas.cn-hangzhou.aliyuncs.com/ws',
+  resourcePath:'https://counter-web.leimondata.cn:7199',
 }
 export default Video