react_hsbc_teller 0.5.2 → 0.5.6
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/lib/hsbc.js +1 -1
- package/lib/index.html +1 -1
- package/package.json +1 -1
- package/packages/assets/img/icon_Mute.png +0 -0
- package/packages/assets/img/icon_MuteOne.png +0 -0
- package/packages/assets/img/tooltips1_pass.png +0 -0
- package/packages/assets/img/tooltips2_fail.png +0 -0
- package/packages/common/websocket.js +3 -2
- package/packages/pages/video/video.jsx +104 -53
- package/packages/pages/video/video.less +82 -10
- package/packages/utils/cell.js +3 -3
- package/public/index.html +6 -0
- package/src/index.js +2 -2
package/lib/index.html
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
<!doctype html><html><head><meta charset="utf-8"/><link rel="shortcut icon" href="favicon.ico"><meta content="width=device-width,minimum-scale=1,maximum-scale=1,user-scalable=no" name="viewport"/><title>汇丰银行营业厅 | lib 创建 library</title><script defer="defer" src="hsbc.js"></script></head><body><div id="root"></div></body></html>
|
|
1
|
+
<!doctype html><html><head><meta charset="utf-8"/><link rel="shortcut icon" href="favicon.ico"><meta content="width=device-width,minimum-scale=1,maximum-scale=1,user-scalable=no" name="viewport"/><meta name="renderer" content="webkit"/><meta name="force-rendering" content="webkit"/><meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/><title>汇丰银行营业厅 | lib 创建 library</title><script defer="defer" src="hsbc.js"></script></head><body><div id="root"></div></body></html>
|
package/package.json
CHANGED
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
Binary file
|
|
@@ -101,6 +101,7 @@ function websocketonmessage(e) {
|
|
|
101
101
|
} else if (undefined != jsondata.success) {
|
|
102
102
|
islogin = true;
|
|
103
103
|
console.log('登录成功！');
|
|
104
|
+
window.IMOpenfire('true');
|
|
104
105
|
// 发起新的流
|
|
105
106
|
newopen();
|
|
106
107
|
} else if (undefined != jsondata.iq) {
|
|
@@ -219,7 +220,7 @@ function sendMessage(to, from, type, message) {
|
|
|
219
220
|
// 转化为xml
|
|
220
221
|
websocketsend(json2xml(temp));
|
|
221
222
|
} else {
|
|
222
|
-
|
|
223
|
+
console.log('请先登录！');
|
|
223
224
|
}
|
|
224
225
|
}
|
|
225
226
|
// 加入群 from---加入群的人的jid，to--群名称
|
|
@@ -241,7 +242,7 @@ function joinRoom(from, to) {
|
|
|
241
242
|
// 转化为xml
|
|
242
243
|
websocketsend(json2xml(temp));
|
|
243
244
|
} else {
|
|
244
|
-
|
|
245
|
+
console.log('请先登录！');
|
|
245
246
|
}
|
|
246
247
|
}
|
|
247
248
|
export {
|
|
@@ -11,6 +11,7 @@ import voiceImgOpen from '../../assets/img/icon_Mute.png'
|
|
|
11
11
|
import voiceImgCloe from '../../assets/img/icon_MuteOne.png'
|
|
12
12
|
import cameraImgOpen from '../../assets/img/icon_camera.png'
|
|
13
13
|
import cameraImgCloe from '../../assets/img/icon_cameraOne.png'
|
|
14
|
+
import errorPng from '../../assets/img/tooltips2_fail.png'
|
|
14
15
|
import { callNimIM } from '../../utils/cell.js'
|
|
15
16
|
import Modal from "antd/lib/modal";
|
|
16
17
|
import 'antd/lib/modal/style'
|
|
@@ -101,7 +102,9 @@ class Video extends Component {
|
|
|
101
102
|
microphoneList: [],
|
|
102
103
|
isModalVisibleInspection: false,
|
|
103
104
|
cameraValue: '',
|
|
104
|
-
microphoneValue: ''
|
|
105
|
+
microphoneValue: '',
|
|
106
|
+
imStatus: false,
|
|
107
|
+
imJoinRoom: false
|
|
105
108
|
};
|
|
106
109
|
// eslint-disable-next-line no-undef
|
|
107
110
|
test_controller = '';
|
|
@@ -131,7 +134,13 @@ class Video extends Component {
|
|
|
131
134
|
sessionId: result.sessionId
|
|
132
135
|
});
|
|
133
136
|
// eslint-disable-next-line no-undef
|
|
134
|
-
|
|
137
|
+
if(this.state.imStatus) {
|
|
138
|
+
joinRoom((this.props.tellerAccount + '@' + JSON.parse(window.sessionStorage.getItem('sigData')).hostname), this.state.imRoomId)
|
|
139
|
+
this.setState({
|
|
140
|
+
imJoinRoom:true
|
|
141
|
+
})
|
|
142
|
+
console.log('加入IM房间')
|
|
143
|
+
}
|
|
135
144
|
this.props.createRoomCallback({
|
|
136
145
|
type: 1,
|
|
137
146
|
errorManage: '',
|
|
@@ -313,12 +322,12 @@ class Video extends Component {
|
|
|
313
322
|
});
|
|
314
323
|
console.log(result);
|
|
315
324
|
if (result.code == 200) {
|
|
316
|
-
|
|
325
|
+
this.messageClick('人脸识别成功','success')
|
|
317
326
|
this.setState({
|
|
318
327
|
isModalVisibleFacial: false
|
|
319
328
|
})
|
|
320
329
|
} else {
|
|
321
|
-
|
|
330
|
+
this.messageClick('人脸识别失败','error')
|
|
322
331
|
}
|
|
323
332
|
|
|
324
333
|
|
|
@@ -469,12 +478,28 @@ class Video extends Component {
|
|
|
469
478
|
})
|
|
470
479
|
}
|
|
471
480
|
} else {
|
|
472
|
-
|
|
481
|
+
this.messageClick('当前暂无客户','error')
|
|
473
482
|
}
|
|
474
483
|
this.setState({
|
|
475
484
|
customerList: list
|
|
476
485
|
})
|
|
477
486
|
}
|
|
487
|
+
messageClick=(value,valueOne)=>{
|
|
488
|
+
if(valueOne == 'error') {
|
|
489
|
+
message.error({
|
|
490
|
+
content: value,
|
|
491
|
+
icon: <img src={require("../../assets/img/tooltips2_fail.png").default} alt="" ></img>,
|
|
492
|
+
className: 'errorClassName'
|
|
493
|
+
})
|
|
494
|
+
} else if(valueOne == 'success') {
|
|
495
|
+
message.success({
|
|
496
|
+
content: value,
|
|
497
|
+
icon: <img src={require("../../assets/img/tooltips1_pass.png").default} alt="" ></img>,
|
|
498
|
+
className: 'successClassName'
|
|
499
|
+
})
|
|
500
|
+
}
|
|
501
|
+
|
|
502
|
+
}
|
|
478
503
|
// 人脸识别
|
|
479
504
|
facialRecognition = () => {
|
|
480
505
|
if (this.isFileSuccuse()) {
|
|
@@ -989,7 +1014,24 @@ class Video extends Component {
|
|
|
989
1014
|
}
|
|
990
1015
|
}
|
|
991
1016
|
};
|
|
1017
|
+
window.IMOpenfire = msg =>{
|
|
1018
|
+
console.log('im登录', msg)
|
|
1019
|
+
if(!msg) {
|
|
1020
|
+
this.roomCallBack(2, 'im建立连接失败')
|
|
1021
|
+
} else {
|
|
1022
|
+
this.setState({
|
|
1023
|
+
imStatus: msg
|
|
1024
|
+
})
|
|
1025
|
+
if(this.state.imRoomId && !this.state.imJoinRoom) {
|
|
1026
|
+
joinRoom((this.props.tellerAccount + '@' + JSON.parse(window.sessionStorage.getItem('sigData')).hostname), this.state.imRoomId)
|
|
1027
|
+
this.setState({
|
|
1028
|
+
imJoinRoom:true
|
|
1029
|
+
})
|
|
1030
|
+
console.log('加入im房间')
|
|
1031
|
+
}
|
|
1032
|
+
}
|
|
992
1033
|
|
|
1034
|
+
}
|
|
993
1035
|
let data = {
|
|
994
1036
|
account: this.props.tellerAccount,
|
|
995
1037
|
type: '2',
|
|
@@ -1068,8 +1110,8 @@ class Video extends Component {
|
|
|
1068
1110
|
// 获取设备失败
|
|
1069
1111
|
this.test_controller.OnGetDevicesFailed = (code, msg) => {
|
|
1070
1112
|
console.log('获取设备失败', code, msg)
|
|
1071
|
-
|
|
1072
|
-
this.roomCallBack(2, '
|
|
1113
|
+
this.messageClick('获取设备失败，请检查摄像头设备是否可用或是否禁用摄像头','error')
|
|
1114
|
+
this.roomCallBack(2, '获取失败')
|
|
1073
1115
|
};
|
|
1074
1116
|
// 建立连接成功
|
|
1075
1117
|
this.test_controller.OnConnectOK = () => {
|
|
@@ -1354,6 +1396,21 @@ class Video extends Component {
|
|
|
1354
1396
|
})
|
|
1355
1397
|
}, function (code, message, data) {
|
|
1356
1398
|
})
|
|
1399
|
+
if(this.state.voiceStatue) {
|
|
1400
|
+
callNimIM('sendCustomCmdMsg', {
|
|
1401
|
+
customId: this.state.imRoomId,
|
|
1402
|
+
content: JSON.stringify({
|
|
1403
|
+
'typeId': 1013,
|
|
1404
|
+
'muteStatus': 0,
|
|
1405
|
+
'data': {
|
|
1406
|
+
'sessionId': this.state.sessionId,
|
|
1407
|
+
'userId': this.props.tellerAccount
|
|
1408
|
+
}
|
|
1409
|
+
})
|
|
1410
|
+
}, function (code, message, data) {
|
|
1411
|
+
console.log(data)
|
|
1412
|
+
})
|
|
1413
|
+
}
|
|
1357
1414
|
let array = this.state.roomCustomerList;
|
|
1358
1415
|
let newArray = [...array];
|
|
1359
1416
|
newArray.push({
|
|
@@ -1838,7 +1895,7 @@ class Video extends Component {
|
|
|
1838
1895
|
// 切流成功通知
|
|
1839
1896
|
this.test_controller.OnChangeMediaStreamSuccess = (sid) => {
|
|
1840
1897
|
console.log('切流成功通知', sid);
|
|
1841
|
-
|
|
1898
|
+
this.messageClick('切换摄像头或麦克风成功','success')
|
|
1842
1899
|
this.setState({
|
|
1843
1900
|
isModalVisibleInspection: false
|
|
1844
1901
|
})
|
|
@@ -1850,7 +1907,7 @@ class Video extends Component {
|
|
|
1850
1907
|
msg
|
|
1851
1908
|
) => {
|
|
1852
1909
|
console.log('切流失败通知', sid, code, msg)
|
|
1853
|
-
|
|
1910
|
+
this.messageClick('切换摄像头或麦克风失败，请先检查设备','error')
|
|
1854
1911
|
};
|
|
1855
1912
|
// 服务端录制初始化成功
|
|
1856
1913
|
this.test_controller.OnInitRemoteRecordSucc = (
|
|
@@ -1969,12 +2026,12 @@ class Video extends Component {
|
|
|
1969
2026
|
});
|
|
1970
2027
|
console.log(result);
|
|
1971
2028
|
if (result.code == 200) {
|
|
1972
|
-
|
|
2029
|
+
this.messageClick('人脸识别成功','success')
|
|
1973
2030
|
this.setState({
|
|
1974
2031
|
isModalVisibleFacial: false
|
|
1975
2032
|
})
|
|
1976
2033
|
} else {
|
|
1977
|
-
|
|
2034
|
+
this.messageClick('人脸识别失败','error')
|
|
1978
2035
|
}
|
|
1979
2036
|
|
|
1980
2037
|
|
|
@@ -1998,6 +2055,8 @@ class Video extends Component {
|
|
|
1998
2055
|
isCustomer: false,
|
|
1999
2056
|
isWhiteboard: false,
|
|
2000
2057
|
isPictureInPicture: false,
|
|
2058
|
+
imStatus: false,
|
|
2059
|
+
imJoinRoom: false
|
|
2001
2060
|
});
|
|
2002
2061
|
this.props.onLeaveRoom({
|
|
2003
2062
|
code: LEAVE_TYPE.TELLER_EXIT,
|
|
@@ -2013,14 +2072,14 @@ class Video extends Component {
|
|
|
2013
2072
|
if (result.code == 200 && result.data.roomStatus == 1) {
|
|
2014
2073
|
this.addToScript()
|
|
2015
2074
|
} else {
|
|
2016
|
-
|
|
2075
|
+
this.messageClick('当前房间状态异常','error')
|
|
2017
2076
|
this.props.onLeaveRoom({
|
|
2018
2077
|
code: LEAVE_TYPE.ROOM_DESTROYED,
|
|
2019
2078
|
errMsg: '当前房间状态异常'
|
|
2020
2079
|
})
|
|
2021
2080
|
}
|
|
2022
2081
|
} catch (err) {
|
|
2023
|
-
|
|
2082
|
+
this.messageClick('当前房间状态异常','error')
|
|
2024
2083
|
this.props.onLeaveRoom({
|
|
2025
2084
|
code: LEAVE_TYPE.ROOM_DESTROYED,
|
|
2026
2085
|
errMsg: '当前房间状态异常'
|
|
@@ -2163,7 +2222,7 @@ class Video extends Component {
|
|
|
2163
2222
|
};
|
|
2164
2223
|
isFileSuccuse = () => {
|
|
2165
2224
|
if (!this.state.sessionId || this.state.isSuspend) {
|
|
2166
|
-
|
|
2225
|
+
this.messageClick(this.props.prohibitPrompt,'error')
|
|
2167
2226
|
return false
|
|
2168
2227
|
} else {
|
|
2169
2228
|
return true
|
|
@@ -2419,12 +2478,12 @@ class Video extends Component {
|
|
|
2419
2478
|
userId: this.state.employeeNumber
|
|
2420
2479
|
});
|
|
2421
2480
|
if (result.code == 200) {
|
|
2422
|
-
|
|
2481
|
+
this.messageClick('发送成功','success')
|
|
2423
2482
|
this.setState({
|
|
2424
2483
|
isModalVisibleInvitation: false
|
|
2425
2484
|
})
|
|
2426
2485
|
} else {
|
|
2427
|
-
|
|
2486
|
+
this.messageClick('发送失败','error')
|
|
2428
2487
|
}
|
|
2429
2488
|
} catch (err) {
|
|
2430
2489
|
|
|
@@ -2489,27 +2548,6 @@ class Video extends Component {
|
|
|
2489
2548
|
console.log(sid)
|
|
2490
2549
|
let userId = ''
|
|
2491
2550
|
let index
|
|
2492
|
-
// this.state.videoList.map((item,index)=>{
|
|
2493
|
-
// let name = 'video' + item.videoIndex
|
|
2494
|
-
// if(document.getElementById(name).name == sid){
|
|
2495
|
-
// userId = this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById(("feedId" + item.videoIndex)).innerText).uid
|
|
2496
|
-
// index = index
|
|
2497
|
-
// }
|
|
2498
|
-
// })
|
|
2499
|
-
// try {
|
|
2500
|
-
// let result = await API.appGetUsername({
|
|
2501
|
-
// userId: userId
|
|
2502
|
-
// });
|
|
2503
|
-
// console.log(result)
|
|
2504
|
-
// if (result.code == 200) {
|
|
2505
|
-
// let data = result.data.userInfo ? result.data.userInfo.userName ? result.data.userInfo.userName : '' : ''
|
|
2506
|
-
// this.state.videoList[index].videoOneName = this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById(("feedId" + item.videoIndex)).innerText).tag == 'VIDEO_SOURCE_SCREEN' ? '共享屏幕' : data ? data : '客户' + item.videoIndex
|
|
2507
|
-
// } else {
|
|
2508
|
-
// message.success('查询失败')
|
|
2509
|
-
// }
|
|
2510
|
-
// } catch (err) {
|
|
2511
|
-
|
|
2512
|
-
// }
|
|
2513
2551
|
if (document.getElementById('video1').name == sid) {
|
|
2514
2552
|
userId = this.seeList(this.state.roomCustomerList, 'feedId', document.getElementById("feedId1").innerText).uid
|
|
2515
2553
|
}
|
|
@@ -2552,7 +2590,7 @@ class Video extends Component {
|
|
|
2552
2590
|
if (result.code == 200) {
|
|
2553
2591
|
data = result.data.userInfo ? result.data.userInfo.userName ? result.data.userInfo.userName : '' : ''
|
|
2554
2592
|
} else {
|
|
2555
|
-
|
|
2593
|
+
this.messageClick('查询失败','error')
|
|
2556
2594
|
}
|
|
2557
2595
|
if (document.getElementById('video1').name == sid) {
|
|
2558
2596
|
|
|
@@ -2621,7 +2659,7 @@ class Video extends Component {
|
|
|
2621
2659
|
employeeName: result.data.username
|
|
2622
2660
|
})
|
|
2623
2661
|
} else {
|
|
2624
|
-
|
|
2662
|
+
this.messageClick('查询失败','error')
|
|
2625
2663
|
}
|
|
2626
2664
|
} catch (err) {
|
|
2627
2665
|
|
|
@@ -2635,12 +2673,12 @@ class Video extends Component {
|
|
|
2635
2673
|
});
|
|
2636
2674
|
console.log(result)
|
|
2637
2675
|
if (result.code == 200) {
|
|
2638
|
-
|
|
2676
|
+
this.messageClick('签字成功','success')
|
|
2639
2677
|
this.setState({
|
|
2640
2678
|
isModalVisibleSign: false,
|
|
2641
2679
|
})
|
|
2642
2680
|
} else {
|
|
2643
|
-
|
|
2681
|
+
this.messageClick('签字失败','error')
|
|
2644
2682
|
}
|
|
2645
2683
|
} catch (err) {
|
|
2646
2684
|
|
|
@@ -2682,7 +2720,8 @@ class Video extends Component {
|
|
|
2682
2720
|
this.test_controller.Publish(publish_config)
|
|
2683
2721
|
}
|
|
2684
2722
|
} else {
|
|
2685
|
-
|
|
2723
|
+
this.messageClick('当前已经切换RM白板','success')
|
|
2724
|
+
|
|
2686
2725
|
}
|
|
2687
2726
|
|
|
2688
2727
|
|
|
@@ -2789,7 +2828,7 @@ class Video extends Component {
|
|
|
2789
2828
|
{
|
|
2790
2829
|
this.state.cameraList.map((item, index) => {
|
|
2791
2830
|
return <div>
|
|
2792
|
-
<input type="radio" name="camere" value={item.actionid} checked={this.state.cameraValue == item.actionid} onChange={(e) => this.getCameraValue(e)}
|
|
2831
|
+
<input type="radio" name="camere" value={item.actionid} checked={this.state.cameraValue == item.actionid} onChange={(e) => this.getCameraValue(e)} /><label for={item.actionid}>{item.actionname}</label> <br />
|
|
2793
2832
|
</div>
|
|
2794
2833
|
})
|
|
2795
2834
|
}
|
|
@@ -2801,7 +2840,7 @@ class Video extends Component {
|
|
|
2801
2840
|
{
|
|
2802
2841
|
this.state.microphoneList.map((item, index) => {
|
|
2803
2842
|
return <div class="cameraAnMicrophone">
|
|
2804
|
-
<input type="radio" name="microphone" value={item.actionid} checked={this.state.microphoneValue == item.actionid} onChange={(e) => this.getMicrophoneValue(e)}
|
|
2843
|
+
<input type="radio" name="microphone" value={item.actionid} checked={this.state.microphoneValue == item.actionid} onChange={(e) => this.getMicrophoneValue(e)} /><label for={item.actionid}>{item.actionname}</label> <br />
|
|
2805
2844
|
</div>
|
|
2806
2845
|
})
|
|
2807
2846
|
}
|
|
@@ -2811,12 +2850,15 @@ class Video extends Component {
|
|
|
2811
2850
|
'z-index': '-1',
|
|
2812
2851
|
width:'100%',
|
|
2813
2852
|
height:'100%',
|
|
2814
|
-
position: 'absolute'
|
|
2853
|
+
position: 'absolute',
|
|
2854
|
+
left: 0
|
|
2855
|
+
|
|
2815
2856
|
} :{
|
|
2816
2857
|
'z-index': '0',
|
|
2817
2858
|
width:'100%',
|
|
2818
2859
|
height:'100%',
|
|
2819
|
-
position: 'absolute'
|
|
2860
|
+
position: 'absolute',
|
|
2861
|
+
left: 0
|
|
2820
2862
|
};
|
|
2821
2863
|
return (
|
|
2822
2864
|
<div className="all">
|
|
@@ -3298,30 +3340,39 @@ class Video extends Component {
|
|
|
3298
3340
|
]}>
|
|
3299
3341
|
<div className='endModal'>确定是否结束会话？</div>
|
|
3300
3342
|
</Modal>
|
|
3301
|
-
<Modal title={this.state.titleModal}
|
|
3343
|
+
<Modal title={this.state.titleModal} closable={false} centered={true} visible={this.state.isModalVisibleFacial} footer={[
|
|
3344
|
+
<Button className="modelButtonCancel" onClick={this.handleCancelFacial}>取消</Button>,
|
|
3345
|
+
<Button className="modelButtonOk" type="primary" danger onClick={this.handleOkFacial}>确定</Button>
|
|
3346
|
+
]}>
|
|
3347
|
+
<div className="faceBody">
|
|
3348
|
+
<img className="faceImg" src={this.state.facialImg} alt=""></img>
|
|
3349
|
+
</div>
|
|
3350
|
+
</Modal>
|
|
3351
|
+
{/* <Modal title={this.state.titleModal} cancelText="取消" okText="确定" visible={this.state.isModalVisibleFacial}
|
|
3302
3352
|
onOk={this.handleOkFacial} onCancel={this.handleCancelFacial}>
|
|
3303
3353
|
<div className="faceBody">
|
|
3304
3354
|
<img className="faceImg" src={this.state.facialImg} alt=""></img>
|
|
3305
3355
|
</div>
|
|
3306
3356
|
|
|
3307
|
-
</Modal>
|
|
3357
|
+
</Modal> */}
|
|
3308
3358
|
<Modal className="modelClass" title="新增预约" closable={false} centered={true} visible={this.state.isModalVisibleInvitation} footer={[
|
|
3309
3359
|
<Button className="modelButtonCancel" onClick={this.handleCancelInvitation}>取消</Button>,
|
|
3310
3360
|
<Button className="modelButtonOk" type="primary" danger onClick={this.handleOkInvitation}>确定</Button>
|
|
3311
3361
|
]}>
|
|
3312
3362
|
<div>
|
|
3313
3363
|
<div className="invitationDiv">
|
|
3314
|
-
<span class="modalSpan">员工号：</span><input className="inputClick" placeholder="请输入员工号" value={this.state.employeeNumber} onChange={e => this.handleChange(e)}></input>
|
|
3315
|
-
<span className="invitationSpan" onClick={this.queryStaff}>查 询</span>
|
|
3364
|
+
<span class="modalSpan">员工号：</span><input type="number"className="inputClick" placeholder="请输入员工号" value={this.state.employeeNumber} onChange={e => this.handleChange(e)}></input>
|
|
3365
|
+
{/* <span className="invitationSpan" onClick={this.queryStaff}>查 询</span> */}
|
|
3366
|
+
<Button className="invitationSpan" type="primary" danger onClick={this.queryStaff}>查 询</Button>
|
|
3316
3367
|
</div>
|
|
3317
3368
|
<div className="invitationDiv">
|
|
3318
3369
|
<span class="modalSpan"> 姓名：</span><span>{this.state.employeeName}</span>
|
|
3319
3370
|
</div>
|
|
3320
3371
|
</div>
|
|
3321
3372
|
</Modal>
|
|
3322
|
-
<Modal title="签字白板" closable={false} visible={this.state.isModalVisibleSign} footer={
|
|
3373
|
+
<Modal title="签字白板" closable={false} centered={true} visible={this.state.isModalVisibleSign} footer={
|
|
3323
3374
|
[
|
|
3324
|
-
<Button type="primary" danger onClick={this.handleOkSign}>确定</Button>
|
|
3375
|
+
<Button className="modelButtonOk" type="primary" danger onClick={this.handleOkSign}>确定</Button>
|
|
3325
3376
|
]
|
|
3326
3377
|
}>
|
|
3327
3378
|
<div className="content">
|
|
@@ -3360,7 +3411,7 @@ Video.defaultProps = {
|
|
|
3360
3411
|
callbackUrl: 'http://47.102.126.132:8720/hsbc/callback',
|
|
3361
3412
|
roomServerUrl: 'wss://mrtc.mpaas.cn-hangzhou.aliyuncs.com/ws',
|
|
3362
3413
|
resourcePath: 'https://counter-web.leimondata.cn:7199',
|
|
3363
|
-
|
|
3414
|
+
prohbiitPrompt: '当前无客户',
|
|
3364
3415
|
voiceColor: '#0AE544',
|
|
3365
3416
|
titleBackground: 'rgba(0,0,0,0.65)',
|
|
3366
3417
|
titleColor: '#fff',
|
|
@@ -98,13 +98,15 @@
|
|
|
98
98
|
border-radius: 6px;
|
|
99
99
|
}
|
|
100
100
|
.invitationSpan{
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
101
|
+
margin-top: 5px;
|
|
102
|
+
margin-right: 15px;
|
|
103
|
+
float: right;
|
|
104
|
+
height: 37px !important;
|
|
105
|
+
width: 80px !important;
|
|
106
|
+
font-size: 16px !important;
|
|
107
|
+
border: 1px #3E505D solid!important;
|
|
108
|
+
background: #3E505D !important;
|
|
109
|
+
color: #fff!important;
|
|
108
110
|
}
|
|
109
111
|
.inputClick{
|
|
110
112
|
width: 65%;
|
|
@@ -122,7 +124,12 @@
|
|
|
122
124
|
}
|
|
123
125
|
.invitationDiv{
|
|
124
126
|
margin-left: 40px;
|
|
125
|
-
margin-bottom: 15px
|
|
127
|
+
margin-bottom: 15px;
|
|
128
|
+
input::-webkit-inner-spin-button {
|
|
129
|
+
-webkit-appearance: none;
|
|
130
|
+
appearance: none;
|
|
131
|
+
margin: 0;
|
|
132
|
+
}
|
|
126
133
|
}
|
|
127
134
|
.faceImg{
|
|
128
135
|
width: 200px;
|
|
@@ -269,7 +276,7 @@
|
|
|
269
276
|
// position: absolute;
|
|
270
277
|
// bottom: 0;
|
|
271
278
|
// left: 0;
|
|
272
|
-
transform: rotateY(180deg);
|
|
279
|
+
// transform: rotateY(180deg);
|
|
273
280
|
}
|
|
274
281
|
.cameraAnMicrophone{
|
|
275
282
|
margin: 10px 20px;
|
|
@@ -308,10 +315,75 @@
|
|
|
308
315
|
}
|
|
309
316
|
.endModal{
|
|
310
317
|
font-size: 16px;
|
|
311
|
-
padding: 56px 30px
|
|
318
|
+
padding: 56px 30px 0px 30px;
|
|
312
319
|
color: #333333;
|
|
313
320
|
}
|
|
314
321
|
.inspection{
|
|
315
322
|
font-size: 16px;
|
|
316
323
|
margin: 20px 50px;
|
|
324
|
+
}
|
|
325
|
+
.errorClassName{
|
|
326
|
+
.ant-message-notice-content{
|
|
327
|
+
min-width: 500px;
|
|
328
|
+
height: 44px;
|
|
329
|
+
background: #F9F2F3;
|
|
330
|
+
border: 1px #E5B2B5 solid;
|
|
331
|
+
font-size: 16px;
|
|
332
|
+
color: #252525;
|
|
333
|
+
text-align: center;
|
|
334
|
+
padding: 7px;
|
|
335
|
+
}
|
|
336
|
+
|
|
337
|
+
img{
|
|
338
|
+
margin-right: 8px;
|
|
339
|
+
width: 16px;
|
|
340
|
+
height: 16px;
|
|
341
|
+
margin-bottom: 3px;
|
|
342
|
+
}
|
|
343
|
+
|
|
344
|
+
}
|
|
345
|
+
.successClassName{
|
|
346
|
+
.ant-message-notice-content{
|
|
347
|
+
min-width: 500px;
|
|
348
|
+
height: 44px;
|
|
349
|
+
background: #E5F2F2;
|
|
350
|
+
border: 1px #99CECC solid;
|
|
351
|
+
font-size: 16px;
|
|
352
|
+
color: #252525;
|
|
353
|
+
text-align: center;
|
|
354
|
+
padding: 7px;
|
|
355
|
+
}
|
|
356
|
+
|
|
357
|
+
img{
|
|
358
|
+
margin-right: 8px;
|
|
359
|
+
width: 16px;
|
|
360
|
+
height: 16px;
|
|
361
|
+
margin-bottom: 3px;
|
|
362
|
+
}
|
|
363
|
+
|
|
364
|
+
}
|
|
365
|
+
|
|
366
|
+
input[type="radio"]+label::before {
|
|
367
|
+
content: " ";
|
|
368
|
+
display: inline-block;
|
|
369
|
+
vertical-align: middle;
|
|
370
|
+
width: 13px;
|
|
371
|
+
height: 13px;
|
|
372
|
+
border-radius: 50%;
|
|
373
|
+
border: 1px solid #999999;
|
|
374
|
+
margin-right: 0.2rem;
|
|
375
|
+
box-sizing: border-box;
|
|
376
|
+
margin-top: -0.1rem;
|
|
377
|
+
}
|
|
378
|
+
|
|
379
|
+
input[type="radio"]:checked+label::before {
|
|
380
|
+
background-color: #269792;
|
|
381
|
+
background-clip: content-box;
|
|
382
|
+
border: 1px solid #269792;
|
|
383
|
+
padding: 0.1rem;
|
|
384
|
+
box-sizing: border-box;
|
|
385
|
+
}
|
|
386
|
+
input[type="radio"] {
|
|
387
|
+
position: absolute;
|
|
388
|
+
clip: rect(0, 0, 0, 0);
|
|
317
389
|
}
|
package/packages/utils/cell.js
CHANGED
|
@@ -25,9 +25,9 @@ function callNimIM(method, json, callback) {
|
|
|
25
25
|
|
|
26
26
|
callbackRegister.set(callId, fn)
|
|
27
27
|
if (method == 'sendGroupMsg') {
|
|
28
|
-
sendMessage(json.groupId, (window.sessionStorage.getItem('
|
|
28
|
+
sendMessage(json.groupId, (JSON.parse(window.sessionStorage.getItem('sigData')).account + '@' + JSON.parse(window.sessionStorage.getItem('sigData')).hostname), 'groupchat', json.content)
|
|
29
29
|
} else if (method == 'sendCustomCmdMsg') {
|
|
30
|
-
sendMessage(json.customId, (window.sessionStorage.getItem('
|
|
30
|
+
sendMessage(json.customId, (JSON.parse(window.sessionStorage.getItem('sigData')).account + '@' + JSON.parse(window.sessionStorage.getItem('sigData')).hostname), 'groupchat', json.content)
|
|
31
31
|
} else if (method == 'transfer' || method == 'transferreject' || method == 'transferagree') {
|
|
32
32
|
// 发起转接或者邀请
|
|
33
33
|
json.event = 'IMVedio'
|
|
@@ -39,7 +39,7 @@ function callNimIM(method, json, callback) {
|
|
|
39
39
|
json.command = 'transfer_reject'
|
|
40
40
|
}
|
|
41
41
|
console.log('json', json)
|
|
42
|
-
sendMessage((json.distUserId + '@' + window.sessionStorage.getItem('
|
|
42
|
+
sendMessage((json.distUserId + '@' + JSON.parse(window.sessionStorage.getItem('sigData')).hostname), (JSON.parse(window.sessionStorage.getItem('sigData')).account + '@' + JSON.parse(window.sessionStorage.getItem('sigData')).hostname), 'chat', JSON.stringify(json))
|
|
43
43
|
}
|
|
44
44
|
// window.RemoteShellBridge.callNimIM(method, JSON.stringify(json), callId)
|
|
45
45
|
}
|
package/public/index.html
CHANGED
|
@@ -4,6 +4,12 @@
|
|
|
4
4
|
<meta charset="utf-8"/>
|
|
5
5
|
<link rel="shortcut icon" href="favicon.ico">
|
|
6
6
|
<meta content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport" />
|
|
7
|
+
<!-- // 强制Chromium内核，作用于360浏览器、QQ浏览器等国产双核浏览器： -->
|
|
8
|
+
<meta name="renderer" content="webkit"/>
|
|
9
|
+
<!-- // 强制Chromium内核，作用于其他双核浏览器： -->
|
|
10
|
+
<meta name="force-rendering" content="webkit"/>
|
|
11
|
+
<!-- // 如果有安装 Google Chrome Frame 插件则强制为Chromium内核，否则强制本机支持的最高版本IE内核，作用于IE浏览器： -->
|
|
12
|
+
<meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1"/>
|
|
7
13
|
<!-- <script src="/mrtc1.4.7/lib/tfjs.js"></script>
|
|
8
14
|
<script src="./mrtc1.4.7/lib/pix.js"></script>
|
|
9
15
|
<script src="./mrtc1.4.7/lib/log4b.js"></script>
|
package/src/index.js
CHANGED
|
@@ -2,8 +2,8 @@ import React from "react";
|
|
|
2
2
|
import ReactDOM from "react-dom";
|
|
3
3
|
import "./index.less";
|
|
4
4
|
import '@babel/polyfill';
|
|
5
|
-
import { HSBC } from "../lib/hsbc";
|
|
6
|
-
|
|
5
|
+
// import { HSBC } from "../lib/hsbc";
|
|
6
|
+
import {HSBC} from "../packages";
|
|
7
7
|
|
|
8
8
|
ReactDOM.render(
|
|
9
9
|
<div className="hsbc"><HSBC></HSBC></div>,
|