客服界面增加按钮

4 years ago · 0b0a69d749
parent 2e78405285
commit 0b0a69d749
2 changed files with 14 additions and 3 deletions
--- a/static/html/chat_main.html
+++ b/static/html/chat_main.html
@ -59,6 +59,7 @@
        .chatArea{margin: 10px 0;}
        .chatBox{max-height: 350px;overflow-y: auto;overflow-x: hidden;}
        .chatTime{text-align: center;color: #bbb;margin: 5px 0;font-size: 12px;}
+        .funcBtns{margin: 2px 0px;color: #7f7f7f;border-bottom: 1px solid #e6e6e6;font-size: 12px;padding: 5px 0px;}
    </style>
 </head>
 <body>
@ -107,9 +108,16 @@
                <el-col :span="12">
                    <div class="sw-bg chatBgContext">
                        <el-alert
+                                :closable="false"
+                                :type="chatTitleType"
+                                show-icon
                                :title="chatTitle"
-                                type="success">
+                                >
                        </el-alert>
+                        <div class="funcBtns" v-show="visitor.visitor_id">
+                            <el-button size="small" type="success" plain icon="el-icon-position">转接</el-button>
+                            <el-button v-on:click="closeVisitor(visitor.visitor_id)" size="small" type="success" plain icon="el-icon-close">结束</el-button>
+                        </div>
                        <div class="chatBox">
                            <el-row :gutter="2" v-for="v in msgList" v-bind:class="{'chatBoxMe': v.is_kefu==true}">
                                <div class="chatTime"><{v.time}></div>
@ -208,5 +216,5 @@
    </template>
 </div>
 </body>
-<script src="/static/js/chat-main.js?v=0.3.4"></script>
+<script src="/static/js/chat-main.js?v=0.3.5"></script>
 </html>
--- a/static/js/chat-main.js
+++ b/static/js/chat-main.js
@ -2,6 +2,7 @@ var app=new Vue({
    el: '#app',
    delimiters:["<{","}>"],
    data: {
+        chatTitleType:"info",
        fullscreenLoading:true,
        leftTabActive:"first",
        rightTabActive:"visitorInfo",
@ -161,7 +162,7 @@ var app=new Vue({
        //接手客户
        talkTo(guestId,name) {
            this.currentGuest = guestId;
-            this.chatTitle=name+"|"+guestId+",正在处理中...";
+            //this.chatTitle=name+"|"+guestId+",正在处理中...";

            //发送给客户
            let mes = {}
@ -376,6 +377,8 @@ var app=new Vue({
                        // _this.visitor.source_ip=r.source_ip;
                        _this.visitor.status=r.status==1?"在线":"离线";
                        //_this.visitor.visitor_id=r.visitor_id;
+                        _this.chatTitle="#"+r.id+"|"+r.name;
+                        _this.chatTitleType="success";
                    }
                    if(data.code!=200){
                        _this.$message({