访客界面

static/css/common.css

@@ -321,7 +321,7 @@
     /*margin-bottom: 80px;*/
 }
 .chatVisitorPage{
-    height: calc(100% - 95px);
+    height: calc(100% - 71px);
     overflow-y: auto;
 }
 .chatVisitorPage .chatBox{
@@ -380,8 +380,13 @@ a{color: #07a9fe;text-decoration: none;}
 
 .chatTitle{height: 30px;line-height: 30px;color: #1989fa}
 .chatBoxSend{
-    background: #fff;height: 100px;
     position: relative;
+    padding-top: 5px;
+    background: #fff;
+    width: 100%;
+    height: 65px;
+    z-index: 99;
+    border-top: 1px solid #e4e4e4;
 }
 .chatBoxSendBtn{float: right;margin: 12px 4px 0 0;}
 .footContact{text-align: center;}
@@ -486,7 +491,7 @@ a{color: #07a9fe;text-decoration: none;}
         border-radius: 4px;
     }
     .chatVisitorPage {
-        height: calc(100% - 165px);
+        height: calc(100% - 140px);
     }
     .chatEntTitle{display: flex;}
     .chatEntTitleLogo {

static/templates/chat_page.html

@@ -50,26 +50,33 @@
                 </el-row>
             </div>
         </div>
+
         <div class="chatBoxSend">
-            <div class="iconBtns">
-                <div class="icono-smile visitorIconBtns visitorFaceBtn"></div>
-                <div class="icono-image visitorIconBtns visitorImageBtn" id="uploadImg" v-on:click="uploadImg('/uploadimg')"></div>
-                <div class="icono-folder visitorIconBtns visitorFolderBtn" id="uploadFile" v-on:click="uploadFile('/uploadfile')"></div>
+
+
+
+            <div class="iconBtns visitorIconBox" v-show="showIconBtns">
+
+                <div style="display: none" :title="flyLang.emotions" class="icono-smile visitorIconBtns visitorFaceBtn"></div>
+                <div :title="flyLang.photo" class="icono-image visitorIconBtns visitorImageBtn" id="uploadImg" v-on:click="uploadImg('/uploadimg')"></div>
+                <div :title="flyLang.file" class="icono-folder visitorIconBtns visitorFolderBtn" id="uploadFile" v-on:click="uploadFile('/uploadfile')"></div>
                 <div class="clear"></div>
             </div>
-            <div class="visitorEditor">
-                <el-input class="visitorEditorArea" :rows="1" type="textarea" resize="none"  @focus="textareaFocus" @blur="textareaBlur" v-model="messageContent"  @keyup.native="inputNextText" v-on:keyup.enter.native="chatToUser" >
-                </el-input>
-                <el-button class="visitorSendBtn" :disabled="sendDisabled||messageContent==''" v-on:click="chatToUser" type="success" size="small"><{flyLang.sent}></el-button>
-            </div>
-            <div class="faceBox visitorFaceBox">
+            <div class="faceBox visitorFaceBox" v-if="showFaceIcon">
                 <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="visitorEditor">
+                <el-input show-word-limit maxlength="100" :rows="1" type="textarea" resize="none" class="visitorEditorArea"  @focus="scrollBottom;showIconBtns=false" @blur="scrollBottom;showIconBtns=false" v-model="messageContent"  @keyup.native="inputNextText" v-on:keyup.enter.native="chatToUser">
+                </el-input>
+                <el-button type="primary" size="mini"  class="visitorEditorBtn"   :disabled="sendDisabled||messageContent==''" v-on:click="chatToUser();showIconBtns=false"><{flyLang.sent}></el-button>
+            </div>
+
             <div class="footContact clear">
-                <a href="" target="_blank">智能在线客服系统版权所有 © 2020-2022</a>
+                <a href="{{.CopyrightUrl}}" target="_blank">智能在线客服系统版权所有 © 2020-2022</a>
             </div>
         </div>
         <!--//客服代码-->