丁玲 / A6079080424317 · 提交

转到一个项目

作者 dl
提交 17fa96950eacf1918f8cfa4605bd58214314fabf 1 个父辈 5e9c25d7

客服功能

内嵌 并排对比
正在显示 29 个修改的文件 包含 57 行增加 和 637 行删除
@@ -283,7 +283,7 @@ footer { @@ -283,7 +283,7 @@ footer {
283 /*margin: 0 7px;*/ 283 /*margin: 0 7px;*/
284 border-top: 1px solid #ececec; 284 border-top: 1px solid #ececec;
285 box-sizing: border-box; 285 box-sizing: border-box;
286 - /*background-color: #fff;*/ 286 + background-color: #fff;
287 /*width: 100%;*/ 287 /*width: 100%;*/
288 } 288 }
289 289
@@ -331,7 +331,7 @@ function getRequest(type, url, params, header) { @@ -331,7 +331,7 @@ function getRequest(type, url, params, header) {
331 }).then(function (res) { 331 }).then(function (res) {
332 // alert(JSON.stringify(res)) 332 // alert(JSON.stringify(res))
333 if (res.data.code == 502) { 333 if (res.data.code == 502) {
334 - openView('login_index', 'login/login_index', '登录', 'login_index', false, false, false) 334 + // openView('login_index', 'login/login_index', '登录', 'login_index', false, false, false)
335 } else { 335 } else {
336 resolve(res) 336 resolve(res)
337 } 337 }
1 -node_modules  
2 -temp  
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html lang="en"> 2 <html lang="en">
3 <head> 3 <head>
4 - <meta charset="UTF-8">  
5 - <meta name="viewport"  
6 - content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">  
7 - <title>CS</title>  
8 - <link rel="stylesheet" href="cs.css?5">  
9 - <style>  
10 - .rongcloud-blueBg {  
11 - background: none;  
12 - background-color: #dbb25f;  
13 - }  
14 - </style> 4 +<meta charset="UTF-8">
  5 +<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  6 +<title>CS</title>
15 </head> 7 </head>
16 <body> 8 <body>
17 9
18 <div id="rcs-app"></div> 10 <div id="rcs-app"></div>
19 11
  12 +<link rel="stylesheet" href="cs.css?5">
20 13
21 <script src="./RongIMLib-cs.min.js"></script> 14 <script src="./RongIMLib-cs.min.js"></script>
22 <script src="./RongIMEmoji.js"></script> 15 <script src="./RongIMEmoji.js"></script>
@@ -27,33 +20,25 @@ @@ -27,33 +20,25 @@
27 <script src="template.js"></script> 20 <script src="template.js"></script>
28 <script src="emoji.js"></script> 21 <script src="emoji.js"></script>
29 <script src="cs.js"></script> 22 <script src="cs.js"></script>
30 -<script type="text/javascript" src="../../assets/js/api.js"></script>  
31 -<script type="text/javascript" src="../../assets/js/public.js"></script>  
32 -<script type="text/javascript" src="../../assets/js/vue.min.js"></script>  
33 -<script type="text/javascript" src="../../assets/js/axios.min.js"></script> 23 +
34 24
35 25
36 <!-- 实例化 --> 26 <!-- 实例化 -->
37 <script> 27 <script>
38 - apiready = function () {  
39 - var rongYunToken = api.pageParam.rongYunToken;  
40 - var userId = api.pageParam.userId;  
41 - alert(rongYunToken);  
42 - RCS.init({  
43 - appKey: "8w7jv4qb82s2y",  
44 - token: rongYunToken, 28 +RCS.init({
  29 + appKey: "c9kqb3rdkh4jj",
  30 + token: "qjxXwJizd7Y62DTmUEluw5lzpNwuJBCkPrRErVG12EKi1UP6giNGqszv6IQX0IndGKwjoGwevVmUVSN0x458KOqK0LwxTuhy",
45 target: document.getElementById('rcs-app'), 31 target: document.getElementById('rcs-app'),
46 customerServiceId: "KEFU150535341165880", // 客服Id 32 customerServiceId: "KEFU150535341165880", // 客服Id
47 userIcon: 'http://7xo1cb.com1.z0.glb.clouddn.com/rongcloudkefu2.png',//用户默认头像，在用户没有头像的时候显示 33 userIcon: 'http://7xo1cb.com1.z0.glb.clouddn.com/rongcloudkefu2.png',//用户默认头像，在用户没有头像的时候显示
48 csIcon: 'http://fsprodrcx.cn.ronghub.com/UQRxDVEHcD6_gHENUQRxDUs9XOZRBH25PGECfjBjFA/base64.png',//客服默认头像，在客服没有头像的时候显示,建议线上地址 34 csIcon: 'http://fsprodrcx.cn.ronghub.com/UQRxDVEHcD6_gHENUQRxDUs9XOZRBH25PGECfjBjFA/base64.png',//客服默认头像，在客服没有头像的时候显示,建议线上地址
49 showButton: false, 35 showButton: false,
50 //是否需要按钮主动发起，设为false的时候，init()方法直接唤起聊天窗口,需客户自己编写按钮，点击之后调用init(),templates中的button模板不可用;设为true的时候，init()首先唤起客服咨询按钮，点击之后才连接客服，唤起聊天窗口，在进入页面之后就需调用init()方法。此参数是为了方便客户在点击客服按钮后自行获取token，在获取到token之后，执行init()即可。 36 //是否需要按钮主动发起，设为false的时候，init()方法直接唤起聊天窗口,需客户自己编写按钮，点击之后调用init(),templates中的button模板不可用;设为true的时候，init()首先唤起客服咨询按钮，点击之后才连接客服，唤起聊天窗口，在进入页面之后就需调用init()方法。此参数是为了方便客户在点击客服按钮后自行获取token，在获取到token之后，执行init()即可。
51 - connectingCallback: function () { 37 + connectingCallback: function(){
52 console.log('连接中'); 38 console.log('连接中');
53 },//连接中的执行的方法，例如显示加载页面,可不传 39 },//连接中的执行的方法，例如显示加载页面,可不传
54 - connectedCallback: function () {  
55 - },//连接成功之后的方法，例如关闭加载页面,可不传  
56 - disconnectedCallback: function () { 40 + connectedCallback: function(){},//连接成功之后的方法，例如关闭加载页面,可不传
  41 + disconnectedCallback: function(){
57 alert('连接断开'); 42 alert('连接断开');
58 },//断开连接之后的操作,可不传 43 },//断开连接之后的操作,可不传
59 templates: { 44 templates: {
@@ -73,9 +58,7 @@ @@ -73,9 +58,7 @@
73 // messageTemplate: 'templates/messageTemplate.html', 58 // messageTemplate: 'templates/messageTemplate.html',
74 // userInfo: 'templates/userInfo.html', 59 // userInfo: 'templates/userInfo.html',
75 } 60 }
76 - });  
77 - }  
78 - 61 +});
79 </script> 62 </script>
80 63
81 </body> 64 </body>
1 <!DOCTYPE html> 1 <!DOCTYPE html>
2 <html lang="en"> 2 <html lang="en">
3 <head> 3 <head>
4 -<meta charset="UTF-8">  
5 -<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">  
6 -<title>CS</title> 4 + <meta charset="UTF-8">
  5 + <meta name="viewport"
  6 + content="width=device-width, initial-scale=1, maximum-scale=1, minimum-scale=1, user-scalable=no">
  7 + <title>CS</title>
  8 + <link rel="stylesheet" href="cs.min.css">
  9 + <style>
  10 + .rongcloud-blueBg {
  11 + background: none;
  12 + background-color: #dbb25f;
  13 + }
  14 +
  15 + .rongcloud-consult button {
  16 + background: #dbb25f;
  17 + border-radius: 0.1rem;
  18 + }
  19 + </style>
7 </head> 20 </head>
8 <body> 21 <body>
9 22
10 -<div id="rcs-app"></div> 23 +<div id="rcs-app">
11 24
12 -<link rel="stylesheet" href="cs.min.css"> 25 +</div>
  26 +<script src="../../js/api.js"></script>
  27 +<script src="../../js/weui.min.js"></script>
13 <!-- 可以将 SDK 下载到本地 配置 gruntfile 与 cs.js 合并压缩成一个 js 文件 --> 28 <!-- 可以将 SDK 下载到本地 配置 gruntfile 与 cs.js 合并压缩成一个 js 文件 -->
14 <script src="../RongIMLib-cs.min.js"></script> 29 <script src="../RongIMLib-cs.min.js"></script>
15 <script src="//cdn.ronghub.com/RongIMVoice-2.2.4.min.js"></script> 30 <script src="//cdn.ronghub.com/RongIMVoice-2.2.4.min.js"></script>
16 <script src="cs.min.js"></script> 31 <script src="cs.min.js"></script>
17 <script> 32 <script>
  33 + var rongYunToken = '';
  34 + var customerServiceId = '';
  35 + apiready = function () {
  36 + console.log(RCS)
  37 + rongYunToken = api.pageParam.rongYunToken;
  38 + customerServiceId = api.pageParam.userId;
18 RCS.init({ 39 RCS.init({
19 appKey: "c9kqb3rdkh4jj", 40 appKey: "c9kqb3rdkh4jj",
20 token: "qjxXwJizd7Y62DTmUEluw5lzpNwuJBCkPrRErVG12EKi1UP6giNGqszv6IQX0IndGKwjoGwevVmUVSN0x458KOqK0LwxTuhy", 41 token: "qjxXwJizd7Y62DTmUEluw5lzpNwuJBCkPrRErVG12EKi1UP6giNGqszv6IQX0IndGKwjoGwevVmUVSN0x458KOqK0LwxTuhy",
  42 + // token:rongYunToken ,
21 target: document.getElementById('rcs-app'), 43 target: document.getElementById('rcs-app'),
22 customerServiceId: "KEFU150535341165880", // 客服Id 44 customerServiceId: "KEFU150535341165880", // 客服Id
23 userIcon: 'http://7xo1cb.com1.z0.glb.clouddn.com/rongcloudkefu2.png',//用户默认头像，在用户没有头像的时候显示 45 userIcon: 'http://7xo1cb.com1.z0.glb.clouddn.com/rongcloudkefu2.png',//用户默认头像，在用户没有头像的时候显示
24 csIcon: 'http://fsprodrcx.cn.ronghub.com/UQRxDVEHcD6_gHENUQRxDUs9XOZRBH25PGECfjBjFA/base64.png',//客服默认头像，在客服没有头像的时候显示,建议线上地址 46 csIcon: 'http://fsprodrcx.cn.ronghub.com/UQRxDVEHcD6_gHENUQRxDUs9XOZRBH25PGECfjBjFA/base64.png',//客服默认头像，在客服没有头像的时候显示,建议线上地址
25 - showButton: true, 47 + showButton: false,
26 //是否需要按钮主动发起，设为false的时候，init()方法直接唤起聊天窗口,需客户自己编写按钮，点击之后调用init(),templates中的button模板不可用;设为true的时候，init()首先唤起客服咨询按钮，点击之后才连接客服，唤起聊天窗口，在进入页面之后就需调用init()方法。此参数是为了方便客户在点击客服按钮后自行获取token，在获取到token之后，执行init()即可。 48 //是否需要按钮主动发起，设为false的时候，init()方法直接唤起聊天窗口,需客户自己编写按钮，点击之后调用init(),templates中的button模板不可用;设为true的时候，init()首先唤起客服咨询按钮，点击之后才连接客服，唤起聊天窗口，在进入页面之后就需调用init()方法。此参数是为了方便客户在点击客服按钮后自行获取token，在获取到token之后，执行init()即可。
27 - connectingCallback: function(){ 49 + connectingCallback: function () {
28 console.log('连接中'); 50 console.log('连接中');
29 },//连接中的执行的方法，例如显示加载页面,可不传 51 },//连接中的执行的方法，例如显示加载页面,可不传
30 - connectedCallback: function(){},//连接成功之后的方法，例如关闭加载页面,可不传  
31 - disconnectedCallback: function(){ 52 + connectedCallback: function () {
  53 + },//连接成功之后的方法，例如关闭加载页面,可不传
  54 + disconnectedCallback: function () {
32 alert('连接断开'); 55 alert('连接断开');
  56 + closeWindow()
33 },//断开连接之后的操作,可不传 57 },//断开连接之后的操作,可不传
34 templates: { 58 templates: {
35 - button: ['<div class="rongcloud-consult">',  
36 - ' <button onclick="RCS.showCommon()"><span>客服咨询</span></button>',  
37 - '</div>',  
38 - '<div class="customer-service" style="display: none;"></div>'].join('')//"templates/button.html", 59 + // button: ['<div class="rongcloud-consult">',
  60 + // ' <button onclick="RCS.showCommon()"><span></span></button>',
  61 + // '</div>',
  62 + // '<div class="customer-service" style="display: none;"></div>'].join('')//"templates/button.html",
39 // chat: "templates/chat.html", 63 // chat: "templates/chat.html",
40 // closebefore: 'templates/closebefore.html', 64 // closebefore: 'templates/closebefore.html',
41 // conversation: 'templates/conversation.html', 65 // conversation: 'templates/conversation.html',
@@ -49,6 +73,9 @@ @@ -49,6 +73,9 @@
49 // userInfo: 'templates/userInfo.html', 73 // userInfo: 'templates/userInfo.html',
50 } 74 }
51 }); 75 });
  76 + RCS.close();
  77 +
  78 + }
52 79
53 </script> 80 </script>
54 </body> 81 </body>
1 -<!-- class="customer-service"主页面容器，类名不能修改 -->  
2 -<div class="rongcloud-consult">  
3 - <button onclick="RCS.showCommon()"><span>咨询客服</span></button>  
4 -</div>  
5 -<div class="customer-service" style="display: none;"></div>  
1 -<!--  
2 -class="rongcloud-text"消息输入框;  
3 -class="rongcloud-expressionContent"表情容器;  
4 -class="rcs-message-box"消息列表容器;  
5 -class="rongcloud-Messages-history"查看更多消息按钮;  
6 -class="rongcloud-mode1"、class="rongcloud-mode2"人工、机器人转换按钮的容器(机器人状态时，rongcloud-mode1隐藏，rongcloud-mode1显示);  
7 -class="rcs-connect-status"connect断开时，状态显示的容器  
8 -class="imageViewBox"图片预览容器  
9 -以上类名不能被修改  
10 - -->  
11 -<div class="rongcloud-kefuChat">  
12 - <div id="header" class="rongcloud-rong-header rongcloud-blueBg rongcloud-online">  
13 - {%if(this.terminal == 'phone'){%}  
14 - <span class="rongcloud-phone-exit" onclick="RCS.endConversation()"></span>  
15 - <div class="rongcloud-phone-infoBar">  
16 - <span class="rongcloud-phone-kefuName">客服</span>  
17 - </div>  
18 - {%}else{%}<div class="rongcloud-infoBar rongcloud-pull-left">  
19 - <div class="rongcloud-infoBarTit">  
20 - <span class="rongcloud-kefuName">客服</span>  
21 - </div>  
22 - </div>  
23 - <div class="rongcloud-toolBar rongcloud-headBtn rongcloud-pull-right">  
24 - <div class="rongcloud-voice"></div>  
25 - <a onclick="RCS.minimize()" class="rongcloud-kefuChatBoxHide rongcloud-sprite" title="隐藏"></a>  
26 - <a onclick="RCS.endConversation()" class="rongcloud-kefuChatBoxClose rongcloud-sprite" title="结束对话"></a>  
27 - </div>{%}%}  
28 - </div>  
29 - <div class="rongcloud-box">  
30 - <div class="rongcloud-outlineBox rcs-connect-status" style="display:none;">  
31 - <div class="rongcloud-sprite"></div>  
32 - <span>连接断开,请刷新重连</span>  
33 - </div>  
34 - {%if(this.announce.announceMsgFlag == 1){%}  
35 - <div class="rongcloud-noticeBox {%if(this.announce.announceClickFlag == 1){%} rongcloud-link {%}%}" {%if(this.announce.announceClickFlag == 1){%} onclick='RCS.openNotice({%JSON.stringify(this.announce.announceClickUrl)%})' {%}%}>  
36 - <div class="rongcloud-notice-horn"></div>  
37 - <span class="rongcloud-noticeBox-content">{%this.announce.announceMsg%}</span>  
38 - {%if(this.announce.announceClickFlag == 1){%}<div class="rongcloud-notice-link"></div>{%}%}  
39 - </div>  
40 - {%}%}  
41 - </div>  
42 -  
43 - <div id="rcs-message-list" class="rcs-message-box {%if(this.announce.announceMsgFlag == 1){%} rongcloud-hasNotice {%}%}">  
44 - {%this.messageList%}  
45 - </div>  
46 -  
47 - <div id="rcs-chat-box" class="rongcloud-rong-footer">  
48 - <div class="rongcloud-footer-con">  
49 - <div class="rongcloud-text-layout">  
50 - <div id="funcPanel" class="rongcloud-funcPanel rongcloud-robotMode">  
51 - <div class="rongcloud-MessageForm-tool" id="expressionWrap" style="overflow: visible;">  
52 - <i class="rongcloud-sprite rongcloud-iconfont-smile" onclick="RCS.showemoji(event)"></i>  
53 - <div class="rongcloud-expressionWrap" onclick="RCS.chooseEmoji(event)" style="display: none;">  
54 - <div class="rongcloud-expressionContent"></div>  
55 - </div>  
56 - </div>  
57 - <div class="rongcloud-mode1" style="display: none;">  
58 - <div class="rongcloud-MessageForm-tool">  
59 - <i class="rongcloud-sprite rongcloud-iconfont-upload" id="upload-image">  
60 - <input type="file" multiple="multiple" accept="image/png,image/gif,image/jpeg" onchange="RCS.imgUpload(event)"></input>  
61 - </i>  
62 - </div>  
63 - <!-- <div class="rongcloud-MessageForm-tool">  
64 - <i class="rongcloud-sprite rongcloud-iconfont-file" id="upload-file">  
65 - <input type="file" multiple="multiple" onchange="RCS.fileUpload(event)"></input>  
66 - </i>  
67 - </div> -->  
68 - <!-- <div class="rongcloud-MessageForm-tool">  
69 - <i class="rongcloud-sprite rongcloud-iconfont-download" id="download-his" onclick="RCS.getHistoryMsgFile()">  
70 - </i>  
71 - </div> -->  
72 - {%if(this.evaEntryPoint == 1){%}  
73 - <div class="rongcloud-MessageForm-tool">  
74 - <i class="rongcloud-sprite rongcloud-iconfont-evaluate" onclick="RCS.startEvaluate(event)">  
75 - </i>  
76 - </div>{%}%}  
77 - </div>  
78 - <div class="rongcloud-mode2"><a onclick="RCS.switchPerson()" id="chatSwitch" class="rongcloud-chatSwitch">转人工服务</a></div>  
79 - </div>  
80 - </div>  
81 - </div>  
82 - <div class="rongcloud-footer-input">  
83 - <div class="rongcloud-footer-textarea"">  
84 - <textarea class="rongcloud-text rongcloud-grey" placeholder="请输入文字..." onfocus="RCS.keyboard(event)" onkeydown="RCS.keySend(event)"></textarea>  
85 - </div>  
86 - <button type="button" style="background-color: #0099ff;" class="rongcloud-rong-btn rongcloud-rong-send-btn" id="rong-sendBtn" onclick="RCS.send(event)">发送</button>  
87 - </div>  
88 - </div>  
89 -</div>  
90 -<div class="rebox imageViewBox" onclick="RCS.escImageView()" style="display: none;">  
91 -  
92 -</div>  
1 -<!-- 客服主动关闭弹出的页面 -->  
2 -<div class="rongcloud-layermbox">  
3 - <div class="rongcloud-laymshade"></div>  
4 - <div class="rongcloud-layermmain">  
5 - <div class="rongcloud-section">  
6 - <div class="rongcloud-layermchild rongcloud-endconversation">  
7 - <p class="rongcloud-prompt">客服会话已结束</p>  
8 - <div class="rongcloud-buttons" onclick="RCS.chatEnd()"><button class="rongcloud-button">确定</button></div>  
9 - </div>  
10 - </div>  
11 - </div>  
12 -</div>  
1 -<!-- 会话列表每一个会话  
2 -class="rong-conversation"会话列表中的每一个会话  
3 -此类名不能被修改  
4 --->  
5 -<div class="rong-conversation" _cid="{%this.cid%}" _name="{%this.name%}">  
6 - <img src="https://bsetting60.ntalker.com/application/static/setting/images/head.jpg" alt="">  
7 - <span class="rong-conversation-name">客服{%this.cid%} - {%this.name%}</span>  
8 - <div class="rong-conversation-message">...</div>  
9 -</div>  
1 -<!-- endconversation: 用户主动关闭弹出的页面  
2 -class="rongcloud-layermbox"弹出层容器  
3 -此类名不能被修改  
4 --->  
5 -<div class="rongcloud-layermbox">  
6 - <div class="rongcloud-laymshade"></div>  
7 - <div class="rongcloud-layermmain">  
8 - <div class="rongcloud-section">  
9 - <div class="rongcloud-layermchild rongcloud-endconversation">  
10 - <p class="rongcloud-prompt">是否要结束当前会话?</p>  
11 - <div class="rongcloud-buttons"><button class="rongcloud-button" onclick="RCS.confirm()">是</button><button class="rongcloud-button" onclick="RCS.close()">否</button></div>  
12 - </div>  
13 - </div>  
14 - </div>  
15 -</div>  
1 -<!-- evaluate: 评价页面  
2 -class="rongcloud-evaluate"评价弹出层容器;  
3 -class="rongcloud-evaluate-tag"评价tag容器;  
4 -此类名不能被修改  
5 --->  
6 -<div class="rongcloud-layermbox rongcloud-evaluate">  
7 - <div class="rongcloud-laymshade"></div>  
8 - <div class="rongcloud-layermmain">  
9 - <div class="rongcloud-section">  
10 - <div class="rongcloud-layermchild rongcloud-evaluate">  
11 - <div class="rongcloud-layer-title">评价客服</div>  
12 - <div class="rongcloud-layer-body">  
13 - {%if(this.isQuestionFlag == 1){%}  
14 - <div class="rongcloud-group-row">  
15 - <div class="rongcloud-group-title">请问客服是否解决了您的问题</div>  
16 - <div class="rongcloud-group-tag-list">  
17 - <div class="rongcloud-group-tag rongcloud-solve-tag rongcloud-solve-active" onclick="RCS.isresolve(event,1)">已解决</div>  
18 - <div class="rongcloud-group-tag rongcloud-solve-tag" onclick="RCS.isresolve(event,0)">未解决</div>  
19 - </div>  
20 - </div>{%}%}  
21 - <div class="rongcloud-group-row">  
22 - <div class="rongcloud-group-title">请您对客服进行评价</div>  
23 - <span class="satisfaction-star satisfaction-star-selected" onclick="RCS.star(1)"></span>  
24 - <span class="satisfaction-star satisfaction-star-selected" onclick="RCS.star(2)"></span>  
25 - <span class="satisfaction-star satisfaction-star-selected" onclick="RCS.star(3)"></span>  
26 - <span class="satisfaction-star satisfaction-star-selected" onclick="RCS.star(4)"></span>  
27 - <span class="satisfaction-star satisfaction-star-selected" onclick="RCS.star(5)"></span>  
28 - </div>  
29 - <div class="rongcloud-evaluate-tag">  
30 -  
31 - </div>  
32 - </div>  
33 - <div class="rongcloud-foot">  
34 - <button class="rongcloud-evaluate-btn" onclick="RCS.evaluate(true)">提交</button><button class="rongcloud-evaluate-btn" onclick="RCS.evaluate(false)">取消</button>  
35 - </div>  
36 - </div>  
37 - <!--反馈提示-->  
38 - <!-- <div class="rongcloud-layermchild rongcloud-feedback" ng-show="end">  
39 - <div class="rongcloud-layermcont">  
40 - 感谢您的反馈 ^ - ^ ！  
41 - </div>  
42 - </div> -->  
43 - </div>  
44 - </div>  
45 -</div>  
1 -{%if(this.labelNameArray.length != 0){%}  
2 -<div class="rongcloud-group-row">  
3 - <div class="rongcloud-group-title">存在哪些问题{%if(this.isTagMust == 1){%}(必填){%}%}</div>  
4 - <div class="rongcloud-group-tag-list">  
5 - {%for(var index in this.labelNameArray){%}  
6 - <div class="rongcloud-group-tag rongcloud-tag-item" onclick="RCS.tagClick(event)">{%this.labelNameArray[index]%}</div>  
7 - {%}%}  
8 - </div>  
9 -</div>  
10 -<div class="rongcloud-group-row">  
11 - <textarea class="rongcloud-evaluate-suggest rongcloud-suggest" placeholder="其他想说的"></textarea>  
12 -</div>  
13 -{%}%}  
1 -<!-- imageView: 图片预览页面 -->  
2 -<a href="#" class="rebox-close rebox-button">×</a>  
3 -<div class="rebox-contents">  
4 - <img src="{%this.imageUrl%}" class="rebox-content">  
5 -</div>  
1 -<script id="rcs-templte-button" type="rcs/templte">  
2 - <!--#include file="button.html"-->  
3 -</script>  
4 -  
5 -<script id="rcs-templte-main" type="rcs/templte">  
6 - <!--#include file="main.html"-->  
7 -</script>  
8 -  
9 -<script id="rcs-templte-conversation" type="rcs/templte">  
10 - <!--#include file="conversation.html"-->  
11 -</script>  
12 -  
13 -<script id="rcs-templte-chat" type="rcs/templte">  
14 - <!--#include file="chat.html"-->  
15 -</script>  
16 -  
17 -<script id="rcs-templte-message" type="rcs/templte">  
18 - <!--#include file="message.html"-->  
19 -</script>  
20 -  
21 -<script id="rcs-templte-message-template" type="rcs/templte">  
22 - <!--#include file="messageTemplate.html"-->  
23 -</script>  
24 -  
25 -  
26 -<script id="rcs-templte-closebefore" type="rcs/templte">  
27 - <!--#include file="closebefore.html"-->  
28 -</script>  
29 -  
30 -<script id="rcs-templte-endconversation" type="rcs/templte">  
31 - <!--#include file="endconversation.html"-->  
32 -</script>  
33 -  
34 -<script id="rcs-templte-evaluate" type="rcs/templte">  
35 - <!--#include file="evaluate.html"-->  
36 -</script>  
37 -  
38 -<script id="rcs-templte-leaveword" type="rcs/templte">  
39 - <!--#include file="leaveword.html"-->  
40 -</script>  
41 -  
42 -<script id="rcs-templte-imageView" type="rcs/templte">  
43 - <!--#include file="imageView.html"-->  
44 -</script>  
45 -  
46 -<script id="rcs-templte-userInfo" type="rcs/templte">  
47 - <!--#include file="userInfo.html"-->  
48 -</script>  
1 -<!-- leaveword: 留言页面  
2 -class="rongcloud-leavemessage"留言弹出层容器  
3 -此类名不能被修改-->  
4 -<div class="rongcloud-leavemessage">  
5 - {%if(this.url){%}  
6 - <iframe id="leavewordIframe" src="{%this.url%}" frameborder="0" width="100%;" height="100%;"></iframe>  
7 - {%}else{%}  
8 - <div class="rongcloud-leavemessage-title">您好，请留言~</div>  
9 - <form>  
10 - {%for(var index in this.list){%}  
11 - <div class="rongcloud-form-item">  
12 - <label class="{%if(this.list[index].required){%}{%'rongcloud-require'%}{%}%}">{%this.list[index].title%}：</label>  
13 - {%if(this.list[index].type == 'text'){%}<input class="rongcloud-inputtext" name="{%this.list[index].name%}" placeholder="{%this.list[index].defaultText%}" type="text" onblur="RCS.validateLeaveMessage({%index%}, event)"></input>{%}else{%}  
14 - <textarea name="{%this.list[index].name%}" placeholder="{%this.list[index].defaultText%}" onblur="RCS.validateLeaveMessage({%index%}, event)"></textarea>{%}%}  
15 - <div class="rongcloud-form-error" style="display: none;"></div>  
16 - </div>{%}%}  
17 - <div class="rongcloud-leavemessage-form-btns">  
18 - <button class="rongcloud-btn" onclick="RCS.leaveMessageComfirm(event)">提交</button>  
19 - </div>  
20 - </form>{%}%}  
21 -</div>  
1 -<!-- main: 包括客服列表和聊天窗口的主页面  
2 -class="rcs-chat-wrapper"聊天窗口的容器  
3 -此类名不能被修改  
4 --->  
5 -<div id="rcs-main" class="rongcloud-kefuListBox rongcloud-container">  
6 - {%if(this.showConversitionList){%}<div class="rongcloud-kefuList">  
7 - <div class="rongcloud-rong-header rongcloud-blueBg">  
8 - <div class="rongcloud-toolBar rongcloud-headBtn">  
9 - <div class="rongcloud-voice"></div>  
10 - <div class="rongcloud-sprite rongcloud-people"></div>  
11 - <span class="rongcloud-recent">客服列表</span>  
12 - <div class="rongcloud-sprite rongcloud-arrow-down cursor-pointer" onclick="RCS.minimize()"></div>  
13 - </div>  
14 - </div>  
15 - <div class="rongcloud-content">  
16 - <div class="rongcloud-netStatus" style="display:none">  
17 - <div class="rongcloud-sprite"></div>  
18 - <span>连接断开,请刷新重连</span>  
19 - </div>  
20 - <div class="rcs-conversation-list">  
21 - {%this.conversationList%}  
22 - <!-- <div class="rcs-conversation-item"></div> -->  
23 - </div>  
24 - </div>  
25 - </div>{%}%}  
26 - <div class="rcs-chat-wrapper"></div>  
27 -</div>  
1 -<!-- message: 消息list的页面 -->  
2 -<div class="rong-message-list">  
3 - {%if(this.firstEnter){%}<div class="rongcloud-Messages-history" style="display: none;"><b onclick="RCS.loadHisMessages()">查看历史消息</b></div>{%}else if(this.hasMore){%}<div class="rongcloud-Messages-history"><b onclick="RCS.loadHisMessages()">查看历史消息</b></div>{%}%}{%else{%}<div class="rongcloud-Messages-history"><b>没有更多消息</b></div>{%}%}  
4 - {%for(var index in this.list){%}{%switch(this.list[index].messageType){%}{%case 'TextMessage':%}  
5 - <div class="rongcloud-Message rongcloud-clearfix {%if(this.list[index].messageDirection == 1){%} {%'rongcloud-Message-send'%} {%}%}" id="rcs-templte-message-text">  
6 - <div>  
7 - <div class="rongcloud-Message-header"><img class="rongcloud-img rongcloud-Message-avatar rongcloud-avatar" src="{%if(this.list[index].messageDirection != 1){%} {%if(this.list[index].content.user.icon){%}{%this.list[index].content.user.icon%}{%}else{%} {%RCS.config.csIcon%} {%}%} {%}else{%} {%RCS.config.userIcon%} {%}%}" alt="">  
8 - <div class="rongcloud-Message-author rongcloud-clearfix">  
9 - <a class="rongcloud-author">{%if(this.list[index].messageDirection != 1){%}{%this.list[index].content.user.name%}{%}else{%} {%'我'%} {%}%}</a>  
10 - </div>  
11 - </div>  
12 - </div>  
13 - <div class="rongcloud-Message-body">  
14 - <div class="rongcloud-Message-text">  
15 - <pre class="rongcloud-Message-entry">{%this.list[index].content.content%}</pre>  
16 - </div>  
17 - </div>  
18 - </div>{%break;%}  
19 - {%case 'ImageMessage':%}  
20 - <div class="rongcloud-Message rongcloud-clearfix {%if(this.list[index].messageDirection == 1){%} {%'rongcloud-Message-send'%} {%}%}" id="rcs-templte-message-text">  
21 - <div>  
22 - <div class="rongcloud-Message-header"><img class="rongcloud-img rongcloud-Message-avatar rongcloud-avatar" src="{%if(this.list[index].messageDirection != 1){%} {%if(this.list[index].content.user.icon){%}{%this.list[index].content.user.icon%}{%}else{%} {%RCS.config.csIcon%} {%}%} {%}else{%} {%RCS.config.userIcon%} {%}%}" alt="">  
23 - <div class="rongcloud-Message-author rongcloud-clearfix">  
24 - <a class="rongcloud-author">{%if(this.list[index].messageDirection != 1){%}{%this.list[index].content.user.name%}{%}else{%} {%'我'%} {%}%}</a>  
25 - </div>  
26 - </div>  
27 - </div>  
28 - <div class="rongcloud-Message-body">  
29 - <div class="rongcloud-Message-img">  
30 - <span class="rongcloud-Message-entry">  
31 - <a onclick="RCS.viewImage(event)" class="cursor-pointer" data-img="{%this.list[index].content.imageUri%}">  
32 - <img src="{%this.list[index].content.imageUri%}" data-img="{%this.list[index].content.imageUri%}">  
33 - </a>  
34 - </span>  
35 - </div>  
36 - </div>  
37 - </div>{%break;%}  
38 - {%case 'FileMessage':%}  
39 - <div class="rongcloud-Message rongcloud-clearfix {%if(this.list[index].messageDirection == 1){%} {%'rongcloud-Message-send'%} {%}%}" id="rcs-templte-message-text">  
40 - <div>  
41 - <div class="rongcloud-Message-header"><img class="rongcloud-img rongcloud-Message-avatar rongcloud-avatar" src="{%if(this.list[index].messageDirection != 1){%} {%if(this.list[index].content.user.icon){%}{%this.list[index].content.user.icon%}{%}else{%} {%RCS.config.csIcon%} {%}%} {%}else{%} {%RCS.config.userIcon%} {%}%}" alt="">  
42 - <div class="rongcloud-Message-author rongcloud-clearfix">  
43 - <a class="rongcloud-author">{%if(this.list[index].messageDirection != 1){%} {%if(this.list[index].content.user){%}{%this.list[index].content.user.name%}{%}else{%} {%'客服'%} {%}%} {%}else{%} {%'我'%} {%}%}</a>  
44 - </div>  
45 - </div>  
46 - </div>  
47 - <div class="rongcloud-Message-body">  
48 - <div class="rongcloud-Message-file">  
49 - <div class="rongcloud-sprite rongcloud-file-icon"></div>  
50 - <div class="rongcloud-file-name">{%this.list[index].content.name%}</div>  
51 - <div class="rongcloud-file-size">{%this.list[index].content.size%}</div>  
52 - <a class="rongcloud-sprite rongcloud-file-download" href="{%this.list[index].content.fileUrl%}" download="{%this.list[index].content.name%}"></a>  
53 - </div>  
54 - </div>  
55 - </div>{%break;%}  
56 - {%case 'VoiceMessage':%}  
57 - <div class="rongcloud-Message rongcloud-clearfix {%if(this.list[index].messageDirection == 1){%} {%'rongcloud-Message-send'%} {%}%}" id="rcs-templte-message-text">  
58 - <div>  
59 - <div class="rongcloud-Message-header"><img class="rongcloud-img rongcloud-Message-avatar rongcloud-avatar" src="{%if(this.list[index].messageDirection != 1){%} {%if(this.list[index].content.user.icon){%}{%this.list[index].content.user.icon%}{%}else{%} {%RCS.config.csIcon%} {%}%} {%}else{%} {%RCS.config.userIcon%} {%}%}" alt="">  
60 - <div class="rongcloud-Message-author rongcloud-clearfix">  
61 - <a class="rongcloud-author">{%if(this.list[index].messageDirection != 1){%}{%this.list[index].content.user.name%}{%}else{%} {%'我'%} {%}%}</a>  
62 - </div>  
63 - </div>  
64 - </div>  
65 - <div class="rongcloud-Message-body">  
66 - <div class="rongcloud-Message-audio">  
67 - <span class="rongcloud-Message-entry">  
68 - {%if(this.messageDirection == 1){%}  
69 - <div style="display:inline-block;">  
70 - <span class="rongcloud-audioTimer">{%Math.ceil(this.list[index].content.duration || this.list[index].content.duration / 1024)%}''</span>  
71 - </div>  
72 - <span class="rongcloud-r-audioBox rongcloud-clearfix" onclick='RCS.play(event, {%JSON.stringify(this.list[index].content)%})'>  
73 - <i></i><i></i><i></i>  
74 - </span>  
75 - {%}else{%}  
76 - <span class="rongcloud-audioBox rongcloud-clearfix" onclick='RCS.play(event, {%JSON.stringify(this.list[index].content)%})'>  
77 - <i></i><i></i><i></i>  
78 - </span>  
79 - <div style="display:inline-block;">  
80 - <span class="rongcloud-audioTimer">{%Math.ceil(this.list[index].content.duration || this.list[index].content.duration / 1024)%}''</span>  
81 - </div>  
82 - {%}%}  
83 - </span>  
84 - </div>  
85 - </div>  
86 - </div>{%break;%}  
87 - {%case 'TimeMessage':%}  
88 - <div class="rongcloud-Messages-date">  
89 - <b>{%this.list[index].sentTime%}</b>  
90 - </div>{%break;%}  
91 - {%case 'InformationNotificationMessage':%}  
92 - <div class="rongcloud-sys-tips">  
93 - <span>{%this.list[index].content.message%}</span>  
94 - </div>{%break;%}  
95 - {%case 'AlertMessage':%}  
96 - <div class="rongcloud-sys-tips">  
97 - <span>{%this.list[index].content.content%}</span>  
98 - </div>{%break;%}  
99 - {%case 'SightMessage': %}  
100 - <div class="rongcloud-Message rongcloud-clearfix {%if(this.list[index].messageDirection == 1){%} {%'rongcloud-Message-send'%} {%}%}" id="rcs-templte-message-text">  
101 - <div>  
102 - <div class="rongcloud-Message-header"><img class="rongcloud-img rongcloud-Message-avatar rongcloud-avatar" src="{%if(this.list[index].messageDirection != 1){%} {%if(this.list[index].content.user.icon){%}{%this.list[index].content.user.icon%}{%}else{%} {%RCS.config.csIcon%} {%}%} {%}else{%} {%RCS.config.userIcon%} {%}%}" alt="">  
103 - <div class="rongcloud-Message-author rongcloud-clearfix">  
104 - <a class="rongcloud-author">{%if(this.list[index].messageDirection != 1){%}{%this.list[index].content.user.name%}{%}else{%} {%'我'%} {%}%}</a>  
105 - </div>  
106 - </div>  
107 - </div>  
108 - <div class="rongcloud-Message-body">  
109 - <div class="rongcloud-Message-sight" onclick="RCS.playVideo(event)">  
110 - <video poster="{% 'data:image/jpg;base64,' + this.list[index].content.content %}" src="{% this.list[index].content.sightUrl %}"></video>  
111 - <div class="play-btn"></div>  
112 - </div>  
113 - </div>  
114 - </div>  
115 - {%break;%}  
116 - {%default: %}  
117 - <div class="rongcloud-Message rongcloud-clearfix {%if(this.list[index].messageDirection == 1){%} {%'rongcloud-Message-send'%} {%}%}" id="rcs-templte-message-text">  
118 - <div>  
119 - <div class="rongcloud-Message-header"><img class="rongcloud-img rongcloud-Message-avatar rongcloud-avatar" src="{%if(this.list[index].messageDirection != 1){%} {%if(this.list[index].content.user.icon){%}{%this.list[index].content.user.icon%}{%}else{%} {%RCS.config.csIcon%} {%}%} {%}else{%} {%RCS.config.userIcon%} {%}%}" alt="">  
120 - <div class="rongcloud-Message-author rongcloud-clearfix">  
121 - <a class="rongcloud-author">{%if(this.list[index].messageDirection != 1){%}{%this.list[index].content.user.name%}{%}else{%} {%'我'%} {%}%}</a>  
122 - </div>  
123 - </div>  
124 - </div>  
125 - <div class="rongcloud-Message-body">  
126 - <div class="rongcloud-Message-text">  
127 - <pre class="rongcloud-Message-entry">当前版本暂不支持查看此消息</pre>  
128 - </div>  
129 - </div>  
130 - </div>{%}%}{%}%}  
131 -</div>  
132 -  
133 -<!-- <div class="rongcloud-emptyBox">暂时没有新消息</div> -->  
1 -<!-- messageTemplate: 一个消息的页面 -->  
2 -<!-- class="rongcloud-audioState"声音消息播放状态  
3 -class="rongcloud-audioBox" 声音消息容器  
4 -此类名不能被修改 -->  
5 -{%switch(this.messageType){%}{%case 'TextMessage':%}  
6 -<div class="rongcloud-Message rongcloud-clearfix {%if(this.messageDirection == 1){%} {%'rongcloud-Message-send'%} {%}%}" id="rcs-templte-message-text">  
7 - <div>  
8 - <div class="rongcloud-Message-header"><img class="rongcloud-img rongcloud-Message-avatar rongcloud-avatar" src="{%if(this.messageDirection != 1){%} {%if(this.content.user.icon){%}{%this.content.user.icon%}{%}else{%} {%RCS.config.csIcon%} {%}%} {%}else{%} {%RCS.config.userIcon%} {%}%}" alt="">  
9 - <div class="rongcloud-Message-author rongcloud-clearfix">  
10 - <a class="rongcloud-author">{%if(this.messageDirection != 1){%}{%this.content.user.name%}{%}else{%} {%'我'%} {%}%}</a>  
11 - </div>  
12 - </div>  
13 - </div>  
14 - <div class="rongcloud-Message-body">  
15 - <div class="rongcloud-Message-text">  
16 - <pre class="rongcloud-Message-entry">{%this.content.content%}</pre>  
17 - </div>  
18 - </div>  
19 -</div>{%break;%}  
20 -{%case 'ImageMessage':%}  
21 -<div class="rongcloud-Message rongcloud-clearfix {%if(this.messageDirection == 1){%} {%'rongcloud-Message-send'%} {%}%}" id="rcs-templte-message-text">  
22 - <div>  
23 - <div class="rongcloud-Message-header"><img class="rongcloud-img rongcloud-Message-avatar rongcloud-avatar" src="{%if(this.messageDirection != 1){%} {%if(this.content.user.icon){%}{%this.content.user.icon%}{%}else{%} {%RCS.config.csIcon%} {%}%} {%}else{%} {%RCS.config.userIcon%} {%}%}" alt="">  
24 - <div class="rongcloud-Message-author rongcloud-clearfix">  
25 - <a class="rongcloud-author">{%if(this.messageDirection != 1){%}{%this.content.user.name%}{%}else{%} {%'我'%} {%}%}</a>  
26 - </div>  
27 - </div>  
28 - </div>  
29 - <div class="rongcloud-Message-body">  
30 - <div class="rongcloud-Message-img">  
31 - <span class="rongcloud-Message-entry">  
32 - <a onclick="RCS.viewImage(event)" class="cursor-pointer" data-img="{%this.content.imageUri%}">  
33 - <img src="{%this.content.imageUri%}" onload="RCS.scrollBottom()" data-img="{%this.content.imageUri%}">  
34 - </a>  
35 - </span>  
36 - </div>  
37 - </div>  
38 -</div>{%break;%}  
39 -{%case 'FileMessage':%}  
40 -<div class="rongcloud-Message rongcloud-clearfix {%if(this.messageDirection == 1){%} {%'rongcloud-Message-send'%} {%}%}" id="rcs-templte-message-text">  
41 - <div>  
42 - <div class="rongcloud-Message-header"><img class="rongcloud-img rongcloud-Message-avatar rongcloud-avatar" src="{%if(this.messageDirection != 1){%} {%if(this.content.user.icon){%}{%this.content.user.icon%}{%}else{%} {%RCS.config.csIcon%} {%}%} {%}else{%} {%RCS.config.userIcon%} {%}%}" alt="">  
43 - <div class="rongcloud-Message-author rongcloud-clearfix">  
44 - <a class="rongcloud-author">{%if(this.messageDirection != 1){%}{%this.content.user.name%}{%}else{%} {%'我'%} {%}%}</a>  
45 - </div>  
46 - </div>  
47 - </div>  
48 - <div class="rongcloud-Message-body">  
49 - <div class="rongcloud-Message-file">  
50 - <div class="rongcloud-sprite rongcloud-file-icon"></div>  
51 - <div class="rongcloud-file-name">{%this.content.name%}</div>  
52 - <div class="rongcloud-file-size">{%this.content.size%}</div>  
53 - <a class="rongcloud-sprite rongcloud-file-download" href="{%this.content.fileUrl%}" download="{%this.content.name%}"></a>  
54 - </div>  
55 - </div>  
56 -</div>{%break;%}  
57 -{%case 'VoiceMessage':%}  
58 -<div class="rongcloud-Message rongcloud-clearfix {%if(this.messageDirection == 1){%} {%'rongcloud-Message-send'%} {%}%}" id="rcs-templte-message-text">  
59 - <div>  
60 - <div class="rongcloud-Message-header"><img class="rongcloud-img rongcloud-Message-avatar rongcloud-avatar" src="{%if(this.messageDirection != 1){%} {%if(this.content.user.icon){%}{%this.content.user.icon%}{%}else{%} {%RCS.config.csIcon%} {%}%} {%}else{%} {%RCS.config.userIcon%} {%}%}" alt="">  
61 - <div class="rongcloud-Message-author rongcloud-clearfix">  
62 - <a class="rongcloud-author">{%if(this.messageDirection != 1){%}{%this.content.user.name%}{%}else{%} {%'我'%} {%}%}</a>  
63 - </div>  
64 - </div>  
65 - </div>  
66 - <div class="rongcloud-Message-body">  
67 - <div class="rongcloud-Message-audio">  
68 - <span class="rongcloud-Message-entry">  
69 - {%if(this.messageDirection == 1){%}  
70 - <div style="display:inline-block;">  
71 - <span class="rongcloud-audioTimer">{%Math.ceil(this.content.duration || this.content.duration.length / 1024)%}''</span>  
72 - </div>  
73 - <span class="rongcloud-r-audioBox rongcloud-clearfix" onclick='RCS.play(event, {%JSON.stringify(this.content)%})'>  
74 - <i></i><i></i><i></i>  
75 - </span>  
76 - {%}else{%}  
77 - <span class="rongcloud-audioBox rongcloud-clearfix" onclick='RCS.play(event, {%JSON.stringify(this.content)%})'>  
78 - <i></i><i></i><i></i>  
79 - </span>  
80 - <div style="display:inline-block;">  
81 - <span class="rongcloud-audioTimer">{%Math.ceil(this.content.duration || this.content.duration.length / 1024)%}''</span>  
82 - <span class="rongcloud-audioState"></span>  
83 - </div>  
84 - {%}%}  
85 - </span>  
86 - </div>  
87 - </div>  
88 -</div>{%break;%}  
89 -{%case 'TimeMessage':%}  
90 -<div class="rongcloud-Messages-date">  
91 - <b>{%this.sentTime%}</b>  
92 -</div>{%break;%}  
93 -{%case 'InformationNotificationMessage':%}  
94 -<div class="rongcloud-sys-tips">  
95 - <span>{%this.content.message%}</span>  
96 -</div>{%break;%}  
97 -{%case 'AlertMessage':%}  
98 -<div class="rongcloud-sys-tips">  
99 - <span>{%this.content.content%}</span>  
100 -</div>{%break;%}  
101 -{%case 'SightMessage': %}  
102 -<div class="rongcloud-Message rongcloud-clearfix {%if(this.messageDirection == 1){%} {%'rongcloud-Message-send'%} {%}%}" id="rcs-templte-message-text">  
103 - <div>  
104 - <div class="rongcloud-Message-header"><img class="rongcloud-img rongcloud-Message-avatar rongcloud-avatar" src="{%if(this.messageDirection != 1){%} {%if(this.content.user.icon){%}{%this.content.user.icon%}{%}else{%} {%RCS.config.csIcon%} {%}%} {%}else{%} {%RCS.config.userIcon%} {%}%}" alt="">  
105 - <div class="rongcloud-Message-author rongcloud-clearfix">  
106 - <a class="rongcloud-author">{%if(this.messageDirection != 1){%}{%this.content.user.name%}{%}else{%} {%'我'%} {%}%}</a>  
107 - </div>  
108 - </div>  
109 - </div>  
110 - <div class="rongcloud-Message-body">  
111 - <div class="rongcloud-Message-sight" onclick="RCS.playVideo(event)">  
112 - <video poster="{% 'data:image/jpg;base64,' + this.content.content %}" src="{% this.content.sightUrl %}"></video>  
113 - <div class="play-btn"></div>  
114 - </div>  
115 - </div>  
116 -</div>  
117 -{%break;%}  
118 -{%default: %}  
119 -<div class="rongcloud-Message rongcloud-clearfix {%if(this.messageDirection == 1){%} {%'rongcloud-Message-send'%} {%}%}" id="rcs-templte-message-text">  
120 - <div>  
121 - <div class="rongcloud-Message-header"><img class="rongcloud-img rongcloud-Message-avatar rongcloud-avatar" src="{%if(this.messageDirection != 1){%} {%if(this.content.user.icon){%}{%this.content.user.icon%}{%}else{%} {%RCS.config.csIcon%} {%}%} {%}else{%} {%RCS.config.userIcon%} {%}%}" alt="">  
122 - <div class="rongcloud-Message-author rongcloud-clearfix">  
123 - <a class="rongcloud-author">{%if(this.messageDirection != 1){%}{%this.content.user.name%}{%}else{%} {%'我'%} {%}%}</a>  
124 - </div>  
125 - </div>  
126 - </div>  
127 - <div class="rongcloud-Message-body">  
128 - <div class="rongcloud-Message-text">  
129 - <pre class="rongcloud-Message-entry">当前版本暂不支持查看此消息</pre>  
130 - </div>  
131 - </div>  
132 -</div>{%}%}  
1 -<!-- userInfo: 收集用户信息的页面  
2 -class="userInfoModel"收集用户信息页面容器  
3 -此类名不能被修改  
4 --->  
5 -<div class="rongcloud-layermbox userInfoModel">  
6 - <div class="rongcloud-laymshade"></div>  
7 - <div class="rongcloud-layermmain">  
8 - <div class="rongcloud-section">  
9 - <div class="rongcloud-layermchild rongcloud-collectuserinfo">  
10 - <form name='userinfo' novalidate="true">  
11 - <div class="rongcloud-layer-body">  
12 - <div class="rongcloud-collectuserinfo-title">你好，客服邀请您填写如下内容</div>  
13 - <a class="rongcloud-layer-close" onclick="RCS.userInfoClose()">×</a>  
14 - {%for(var index in this.list){%}  
15 - <div class="rongcloud-form-item">  
16 - <label class="rongcloud-form-label {%if(this.list[index].required == 1){%}{%'rongcloud-require'%}{%}%}">{%this.list[index].label%}：</label>  
17 - {%switch(this.list[index].type){%}{%case 'input':%}  
18 - <input class="rongcloud-inputtext" type="text" name="{%this.list[index].name%}" data-label="{%this.list[index].label%}" data-pattern="{%this.list[index].rule%}" placeholder="{%this.list[index].defaultText%}" onblur="RCS.validateUserInfo(event)" {%if(this.list[index].required == 1){%}{%'data-required = required'%}{%}%}></input>{%break;%}{%case 'textarea':%}  
19 - <textarea name="{%this.list[index].name%}" placeholder="{%this.list[index].defaultText%}" data-label="{%this.list[index].label%}" data-pattern="{%this.list[index].rule%}" onblur="RCS.validateUserInfo(event)"></textarea>{%break;%}{%}%}  
20 - <div class="rongcloud-form-error" style="display: none;"></div>  
21 - </div>{%}%}  
22 - </div>  
23 - <div class="rongcloud-foot">  
24 - <button class="rongcloud-btn" onclick="RCS.userInfoConfirm(event)">提交</button>  
25 - </div>  
26 - </form>  
27 - </div>  
28 - </div>  
29 - </div>  
30 -</div>  
@@ -40,7 +40,7 @@ @@ -40,7 +40,7 @@
40 app.getRongYunToken(); 40 app.getRongYunToken();
41 api.openFrame({ 41 api.openFrame({
42 name: 'cs', 42 name: 'cs',
43 - url: '../../assets/sobot/cs.html', 43 + url: '../../assets/sobot/dist/cs.html',
44 rect: { 44 rect: {
45 x: 0, 45 x: 0,
46 y: 0, 46 y: 0,
@@ -48,7 +48,8 @@ @@ -48,7 +48,8 @@
48 h: 'auto' 48 h: 'auto'
49 }, 49 },
50 pageParam: { 50 pageParam: {
51 - rongYunToken: app.rongYunToken, 51 + // rongYunToken: app.rongYunToken,
  52 + rongYunToken: '122344545',
52 userId: app.userId 53 userId: app.userId
53 } 54 }
54 }); 55 });
@@ -62,9 +63,7 @@ @@ -62,9 +63,7 @@
62 "XX-Device-Type": getDevice(), 63 "XX-Device-Type": getDevice(),
63 'XX-Token': getToken() 64 'XX-Token': getToken()
64 }; 65 };
65 - alert(JSON.stringify(header))  
66 getRequest('post', 'portal/RongYun/index', null, header).then(function (res) { 66 getRequest('post', 'portal/RongYun/index', null, header).then(function (res) {
67 - alert(JSON.stringify(res))  
68 if (res.data.code == 1) { 67 if (res.data.code == 1) {
69 app.rongYunToken = res.data.data.token; 68 app.rongYunToken = res.data.data.token;
70 app.userId = res.data.data.userId; 69 app.userId = res.data.data.userId;