|
@@ -359,14 +359,18 @@
|
|
|
<!-- 底部输入框 -->
|
|
<!-- 底部输入框 -->
|
|
|
<div class="footer row wrap" id='input_box'>
|
|
<div class="footer row wrap" id='input_box'>
|
|
|
<!-- @keydown="inputNumFun()" -->
|
|
<!-- @keydown="inputNumFun()" -->
|
|
|
- <textarea
|
|
|
|
|
|
|
+ <!-- <textarea
|
|
|
id="textarea"
|
|
id="textarea"
|
|
|
v-model.trim="text_info"
|
|
v-model.trim="text_info"
|
|
|
placeholder="请输入你的问题:"
|
|
placeholder="请输入你的问题:"
|
|
|
maxlength="450"
|
|
maxlength="450"
|
|
|
@keyup ='keyup_maxlength()'
|
|
@keyup ='keyup_maxlength()'
|
|
|
|
|
+ :style="{height:iboxheight}"
|
|
|
|
|
+
|
|
|
>
|
|
>
|
|
|
- </textarea>
|
|
|
|
|
|
|
+ </textarea> -->
|
|
|
|
|
+
|
|
|
|
|
+ <autoTextarea placeholder="" lineHeight="30px" border="false" fontSize="18px" />
|
|
|
|
|
|
|
|
<div class="send row item-center" style="border-bottom:.01rem solid #ddd">
|
|
<div class="send row item-center" style="border-bottom:.01rem solid #ddd">
|
|
|
<img
|
|
<img
|
|
@@ -478,12 +482,13 @@
|
|
|
import frce from "./frce.js";
|
|
import frce from "./frce.js";
|
|
|
import defaultImgs from "./../assets/timg.jpg"
|
|
import defaultImgs from "./../assets/timg.jpg"
|
|
|
import headPortrait from "./../assets/headPortrait.png"
|
|
import headPortrait from "./../assets/headPortrait.png"
|
|
|
-
|
|
|
|
|
|
|
+ import autoTextarea from 'auto-textarea'
|
|
|
export default {
|
|
export default {
|
|
|
name: "service",
|
|
name: "service",
|
|
|
// 模板注册
|
|
// 模板注册
|
|
|
components: {
|
|
components: {
|
|
|
- knowledgeLibrary
|
|
|
|
|
|
|
+ knowledgeLibrary,
|
|
|
|
|
+ autoTextarea
|
|
|
},
|
|
},
|
|
|
data() {
|
|
data() {
|
|
|
return {
|
|
return {
|
|
@@ -503,13 +508,14 @@
|
|
|
problem: [],//机器人问题
|
|
problem: [],//机器人问题
|
|
|
welcome: [],//欢迎语
|
|
welcome: [],//欢迎语
|
|
|
advertisement: '', //广告
|
|
advertisement: '', //广告
|
|
|
- img_http: 'http://kfadmin.bocai186.com',//图片路径域
|
|
|
|
|
|
|
+ img_http: 'http://manage.281570.com',//图片路径域
|
|
|
//img_http:'http://192.168.2.186:8090',//图片路径域
|
|
//img_http:'http://192.168.2.186:8090',//图片路径域
|
|
|
|
|
|
|
|
robot: [],//和机器人聊天临时数据
|
|
robot: [],//和机器人聊天临时数据
|
|
|
chat: [],//人工会话
|
|
chat: [],//人工会话
|
|
|
error_num: 1001,//机器人回答超出能力之外编号
|
|
error_num: 1001,//机器人回答超出能力之外编号
|
|
|
isConnection: true,//人工分组列表开关
|
|
isConnection: true,//人工分组列表开关
|
|
|
|
|
+ ibox_height:'auto',
|
|
|
//客服信息
|
|
//客服信息
|
|
|
service_info: {
|
|
service_info: {
|
|
|
avatar: headPortrait,
|
|
avatar: headPortrait,
|
|
@@ -587,7 +593,7 @@
|
|
|
let sock_ip = ''; // 线上
|
|
let sock_ip = ''; // 线上
|
|
|
// let sock_ip = 'ws://192.168.2.187:9101'; // 本地
|
|
// let sock_ip = 'ws://192.168.2.187:9101'; // 本地
|
|
|
|
|
|
|
|
- this.websock = new WebSocket("ws://kfadmin.bocai186.com:9101?apiToken=" + apiToken);
|
|
|
|
|
|
|
+ this.websock = new WebSocket("ws://ky.281570.com:9101?apiToken=" + apiToken);
|
|
|
//数据返回
|
|
//数据返回
|
|
|
this.websock.onmessage = this.socket_message;
|
|
this.websock.onmessage = this.socket_message;
|
|
|
//数据发送
|
|
//数据发送
|
|
@@ -1049,6 +1055,17 @@
|
|
|
});
|
|
});
|
|
|
this.automaticRolling();
|
|
this.automaticRolling();
|
|
|
},
|
|
},
|
|
|
|
|
+ checkSetType(){
|
|
|
|
|
+ let u = navigator.userAgent, app = navigator.appVersion;
|
|
|
|
|
+ let isAndroid = u.indexOf('Android') > -1 || u.indexOf('Linux') > -1; //g
|
|
|
|
|
+ let isIOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/); //ios终端
|
|
|
|
|
+ if (isAndroid) {
|
|
|
|
|
+ return 'android';
|
|
|
|
|
+ }
|
|
|
|
|
+ if (isIOS) {
|
|
|
|
|
+ return 'ios';
|
|
|
|
|
+ }
|
|
|
|
|
+ },
|
|
|
|
|
|
|
|
/*******************************************/
|
|
/*******************************************/
|
|
|
//转人工
|
|
//转人工
|
|
@@ -1062,7 +1079,8 @@
|
|
|
'uid': this.user_info.id,
|
|
'uid': this.user_info.id,
|
|
|
'name': this.user_info.name,
|
|
'name': this.user_info.name,
|
|
|
'avatar': this.user_info.avatar,
|
|
'avatar': this.user_info.avatar,
|
|
|
- 'group': this.group
|
|
|
|
|
|
|
+ 'group': this.group,
|
|
|
|
|
+ 'settype':this.checkSetType()
|
|
|
}
|
|
}
|
|
|
}
|
|
}
|
|
|
this.socket_send(JSON.stringify(data));
|
|
this.socket_send(JSON.stringify(data));
|
|
@@ -1267,8 +1285,20 @@
|
|
|
},
|
|
},
|
|
|
/***********************************/
|
|
/***********************************/
|
|
|
keyup_maxlength(){
|
|
keyup_maxlength(){
|
|
|
- //console.log(this.text_info.length);
|
|
|
|
|
|
|
+ let ct=this.text_info;
|
|
|
|
|
+ let leng=ct.replace(/[^\x00-\xff]/g,"aa").length;
|
|
|
|
|
+ let len=Math.ceil(leng/25);
|
|
|
|
|
+ if(leng>12){
|
|
|
|
|
+ len=len+1;
|
|
|
|
|
+ }
|
|
|
|
|
+ if(len >0){
|
|
|
|
|
+ this.ibox_height=(len)*27;
|
|
|
|
|
+
|
|
|
|
|
+ this.ibox_height=this.ibox_height+'px';
|
|
|
|
|
+
|
|
|
|
|
+ }
|
|
|
},
|
|
},
|
|
|
|
|
+
|
|
|
|
|
|
|
|
/*******************************************/
|
|
/*******************************************/
|
|
|
//手机弹窗处理
|
|
//手机弹窗处理
|
|
@@ -1483,6 +1513,9 @@
|
|
|
computed: {
|
|
computed: {
|
|
|
inputmsg() {
|
|
inputmsg() {
|
|
|
return this.text_info;
|
|
return this.text_info;
|
|
|
|
|
+ },
|
|
|
|
|
+ iboxheight(){
|
|
|
|
|
+ return this.ibox_height;
|
|
|
}
|
|
}
|
|
|
},
|
|
},
|
|
|
// 监听
|
|
// 监听
|
|
@@ -2036,7 +2069,9 @@
|
|
|
text-align: right;
|
|
text-align: right;
|
|
|
display: block;
|
|
display: block;
|
|
|
}
|
|
}
|
|
|
-
|
|
|
|
|
|
|
+ #main{
|
|
|
|
|
+ /* margin-bottom: .3rem; */
|
|
|
|
|
+ }
|
|
|
/*
|
|
/*
|
|
|
*留言知识库
|
|
*留言知识库
|
|
|
*/
|
|
*/
|