转移客服前端diolag

static/html/chat_main.html

@@ -115,7 +115,7 @@
                                 >
                         </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="transKefu" 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">
@@ -213,6 +213,19 @@
         <audio id="chatMessageSendAudio">
             <source id="chatMessageSendAudioSource" src="/static/images/sent.ogg" type="audio/mpeg" />
         </audio>
+        <!--转接-->
+        <el-dialog
+                title="转移客服"
+                :visible.sync="transKefuDialog"
+                width="30%"
+                top="0"
+        >
+            <span slot="footer" class="dialog-footer">
+                <el-button @click="transKefuDialog = false">取 消</el-button>
+                <el-button type="primary" @click="transKefuBtn">确 定</el-button>
+              </span>
+        </el-dialog>
+        <!--//转接-->
     </template>
 </div>
 </body>

static/js/chat-main.js

@@ -35,6 +35,7 @@ var app=new Vue({
         visitorCurrentPage:1,
         visitorPageSize:10,
         face:[],
+        transKefuDialog:false,
     },
     methods: {
         //跳转
@@ -592,7 +593,37 @@ var app=new Vue({
             var b = document.getElementById("chatMessageSendAudio");
             var p = b.play();
             p && p.then(function(){}).catch(function(e){});
-        }
+        },
+        //转移客服
+        transKefu(){
+            this.transKefuDialog=true;
+            this.sendAjax("/other_kefulist","get",{},function(result){
+            });
+        },
+        transKefuBtn(){},
+        sendAjax(url,method,params,callback){
+            let _this=this;
+            $.ajax({
+                type: method,
+                url: url,
+                data:params,
+                headers: {
+                    "token": localStorage.getItem("token")
+                },
+                success: function(data) {
+                    if(data.code!=200){
+                        _this.$message({
+                            message: data.msg,
+                            type: 'error'
+                        });
+                    }else if(data.result!=null){
+                        callback(data.result);
+                    }else{
+                        callback(data);
+                    }
+                }
+            });
+        },
     },
     mounted() {
         document.addEventListener('paste', this.onPasteUpload)