聊天界面和客服界面修改

static/html/chat_main.html

@@ -133,13 +133,6 @@
                                         <i class="el-icon-map-location"></i>
                                         <span slot="title">城市：<{visitor.city}></span>
                                     </el-menu-item>
-                                    <el-tooltip :content="visitor.refer" placement="left">
-                                        <el-menu-item  style="padding-left:2px;color: #666;">
-                                            <i class="el-icon-guide"></i>
-                                            <span slot="title" >来源：<{visitor.refer}></span>
-                                        </el-menu-item>
-                                    </el-tooltip>
-
                                     <el-menu-item style="padding-left:2px;color: #666;">
                                         <i class="el-icon-time"></i>
                                         <span slot="title">首次访问：<{visitor.created_at}></span>
@@ -148,10 +141,10 @@
                                         <i class="el-icon-time"></i>
                                         <span slot="title">最后访问：<{visitor.updated_at}></span>
                                     </el-menu-item>
-                                    <el-tooltip content="点击关闭连接" placement="left">
+                                    <el-tooltip :content="visitor.refer" placement="left">
-                                        <el-menu-item v-on:click="closeVisitor(visitor.visitor_id)" style="padding-left:2px;color: #666;">
+                                        <el-menu-item  style="padding-left:2px;color: #666;">
-                                            <i class="el-icon-circle-close"></i>
+                                            <i class="el-icon-guide"></i>
-                                            <span slot="title">状态：<{visitor.status}></span>
+                                            <span slot="title" >来源标题：<{visitor.refer}></span>
                                         </el-menu-item>
                                     </el-tooltip>
                                     <el-tooltip  v-for="v in visitorExtra" :content="v.val" placement="left">
@@ -184,7 +177,7 @@
                             <el-collapse v-show="replySearchList" v-model="replySearchListActive">
                                 <el-collapse-item v-for="reply in replySearchList" :key="reply.group_id" :title="reply.group_name" :name="reply.group_id">
                                     <template slot="title">
-                                        <i class="header-icon el-icon-info"></i>&nbsp;<{reply.group_name}>
+                                        <i class="el-icon-folder"></i>&nbsp;<{reply.group_name}>
                                     </template>
                                     <div class="replyItem" @click="messageContent=item.item_content"  v-for="item in reply.items" ><{item.item_content}> &nbsp;&nbsp;<el-button @click="deleteReplyContent(item.item_id)" type="text">删除</el-button></div>
                                     <el-button @click="replyContentDialog=true;groupName=reply.group_name;groupId=reply.group_id" type="text">+添加回复内容</el-button>
@@ -194,11 +187,12 @@
                             <el-collapse v-show="replySearchList.length==0">
                                 <el-collapse-item v-for="reply in replys" :key="reply.group_id" :title="reply.group_name" :name="reply.group_id">
                                     <template slot="title">
-                                        <i class="header-icon el-icon-info"></i>&nbsp;<{reply.group_name}>
+                                        <i class="el-icon-s-order"></i>&nbsp;<{reply.group_name}>
                                     </template>
                                     <div class="replyItem" @click="messageContent=item.item_content"  v-for="item in reply.items" >
-                                        <div class="replyItemTitle">关键词: <{item.item_name}></div>
+                                        <el-tooltip :content="item.item_content"  placement="left" effect="light">
-                                        <div class="replyItemContent">回复内容: <{item.item_content}></div>
+                                            <div class="replyItemTitle"><i class="header-icon el-icon-document"></i> <{item.item_name}></div>
+                                        </el-tooltip>
                                         <el-button @click="deleteReplyContent(item.item_id)" type="text">删除</el-button></div>
                                     <el-button @click="replyContentDialog=true;groupName=reply.group_name;groupId=reply.group_id" type="text">+添加回复内容</el-button>
                                     <el-button @click="deleteReplyGroup(reply.group_id)" type="text">-删除组</el-button>

static/html/chat_page.html

@@ -1,7 +1,7 @@
 <html lang="cn">
 <head>
     <meta charset="utf-8">
-    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
+    <meta content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0;" name="viewport" />
     <meta name="keywords" content="开源客服系统,golang在线客服,免费客服系统,go语言在线聊天工具,gofly,GOFLY客服系统"/>
     <meta name="description" content="golang开发的开源免费客服系统,可独立部署客服系统,支持文字/表情/图片/文件发送,支持快捷回复,支持IP黑名单,展示访客信息,后台权限控制"/>
     <meta name="author" content="陶士涵">
@@ -61,16 +61,15 @@
                 <div class="icono-comment visitorHistoryBtn"  v-on:click="getMesssagesByVisitorId(true)"></div>
                 <div class="clear"></div>
             </div>
-            <el-input type="textarea" @focus="textareaFocus" @blur="textareaBlur" class="chatArea" v-model="messageContent"  @keyup.native="inputNextText" v-on:keyup.enter.native="chatToUser" :placeholder="flyLang.textarea"></el-input>
+            <el-input  @focus="textareaFocus" @blur="textareaBlur" v-model="messageContent"  @keyup.native="inputNextText" v-on:keyup.enter.native="chatToUser" :placeholder="flyLang.textarea">
+                <el-button slot="append" :disabled="sendDisabled||messageContent==''" v-on:click="chatToUser"><{flyLang.sent}></el-button>
+            </el-input>
             <div class="faceBox visitorFaceBox">
                 <ul class="faceBoxList">
                     <li v-on:click="faceIconClick(i)" class="faceIcon" v-for="(v,i) in face"  :title="v.name"><img :src=v.path></li>
                 </ul>
                 <div class="clear"></div>
             </div>
-            <div class="btnArea">
-                <el-button :disabled="sendDisabled||messageContent==''" type="primary" class="chatBoxSendBtn" size="small" v-on:click="chatToUser"><{flyLang.sent}></el-button>
-            </div>
             <div class="footContact clear">
                 <a href="https://github.com/taoshihan1991/go-fly" target="_blank"><{flyLang.copyright}></a>
             </div>