triage_business/js/cus-cusMsg.00f3bf62.js

"use strict";(self["webpackChunkscui"]=self["webpackChunkscui"]||[]).push([[9118],{72014:function(t,e,s){s.r(e),s.d(e,{default:function(){return I}});var l=s(66252),i=s(3577);const a=t=>((0,l.dD)("data-v-05c35220"),t=t(),(0,l.Cn)(),t),n=(0,l.Uk)("用户列表"),o={key:0},u=["onClick"],d={key:0},m=["onClick"],g={key:0},r=["onClick"],p={key:0},c={key:0},k={key:0,style:{"text-align-last":"right","margin-bottom":"5px"}},y={style:{color:"#409eff"}},f={style:{color:"#8c939d"}},_={key:1,style:{"text-align-last":"left","margin-bottom":"5px"}},h={style:{color:"chocolate"}},w={style:{color:"#8c939d"}},D=(0,l.Uk)("发送"),v={style:{padding:"20px"}},b=a((()=>(0,l._)("h4",null,"姓名",-1))),S=a((()=>(0,l._)("h4",null,"电话",-1))),W=a((()=>(0,l._)("h4",null,"邮件地址",-1)));function C(t,e,s,a,C,U){const L=(0,l.up)("el-header"),x=(0,l.up)("sc-status-indicator"),q=(0,l.up)("el-tab-pane"),N=(0,l.up)("el-icon-circle-plus"),M=(0,l.up)("el-icon"),I=(0,l.up)("el-tabs"),$=(0,l.up)("el-main"),j=(0,l.up)("el-container"),T=(0,l.up)("el-aside"),V=(0,l.up)("el-input"),H=(0,l.up)("el-form-item"),O=(0,l.up)("el-button"),Y=(0,l.up)("el-form"),A=(0,l.up)("el-footer"),K=(0,l.up)("save-dialog");return(0,l.wg)(),(0,l.iD)(l.HY,null,[(0,l.Wm)(j,null,{default:(0,l.w5)((()=>[(0,l.Wm)(T,null,{default:(0,l.w5)((()=>[(0,l.Wm)(j,null,{default:(0,l.w5)((()=>[(0,l.Wm)(L,null,{default:(0,l.w5)((()=>[n])),_:1}),(0,l.Wm)($,{class:"nopadding"},{default:(0,l.w5)((()=>[(0,l.Wm)(I,{"tab-position":"top",modelValue:C.activeName,"onUpdate:modelValue":e[0]||(e[0]=t=>C.activeName=t),onTabChange:U.tabChange,class:"position: fixed;"},{default:(0,l.w5)((()=>[(0,l.Wm)(q,{label:"  系统用户",name:"sys"},{default:(0,l.w5)((()=>[C.itemList.length>0?((0,l.wg)(),(0,l.iD)("ul",o,[((0,l.wg)(!0),(0,l.iD)(l.HY,null,(0,l.Ko)(C.itemList,(t=>((0,l.wg)(),(0,l.iD)("div",{class:"block bg",style:{padding:"5px"},key:t.id,onClick:e=>U.toUser(t)},[(0,l.Uk)((0,i.toDisplayString)(t.nike_name)+"   ",1),t.uid===C.statusShowId||1===t.is_online?((0,l.wg)(),(0,l.j4)(x,{key:0,pulse:"",type:"success"})):(0,l.kq)("",!0),t.uid===C.statusMsg||2===t.is_online?((0,l.wg)(),(0,l.j4)(x,{key:1,pulse:"",type:"warning"})):(0,l.kq)("",!0)],8,u)))),128))])):(0,l.kq)("",!0)])),_:1}),(0,l.Wm)(q,{label:"跟踪客户",name:"track"},{default:(0,l.w5)((()=>[C.itemList.length>0?((0,l.wg)(),(0,l.iD)("ul",d,[((0,l.wg)(!0),(0,l.iD)(l.HY,null,(0,l.Ko)(C.itemList,(t=>((0,l.wg)(),(0,l.iD)("div",{class:"block bg",style:{padding:"5px"},key:t.id,onClick:e=>U.toUser(t)},[(0,l.Uk)((0,i.toDisplayString)(t.nike_name)+"   ",1),t.uid===C.statusShowId||1===t.is_online?((0,l.wg)(),(0,l.j4)(x,{key:0,pulse:"",type:"success"})):(0,l.kq)("",!0),t.uid===C.statusMsg||2===t.is_online?((0,l.wg)(),(0,l.j4)(x,{key:1,pulse:"",type:"warning"})):(0,l.kq)("",!0)],8,m)))),128))])):(0,l.kq)("",!0)])),_:1}),(0,l.Wm)(q,{label:"访客",name:"visitor"},{default:(0,l.w5)((()=>[C.itemList.length>0?((0,l.wg)(),(0,l.iD)("ul",g,[((0,l.wg)(!0),(0,l.iD)(l.HY,null,(0,l.Ko)(C.itemList,(t=>((0,l.wg)(),(0,l.iD)("div",{class:"block bg",style:{padding:"5px"},key:t.id,onClick:e=>U.toUser(t)},[(0,l.Uk)((0,i.toDisplayString)(t.nike_name)+"   ",1),t.uid===C.statusShowId||1===t.is_online?((0,l.wg)(),(0,l.j4)(x,{key:0,pulse:"",type:"success"})):(0,l.kq)("",!0),t.uid===C.statusMsg||2===t.is_online?((0,l.wg)(),(0,l.j4)(x,{key:1,pulse:"",type:"warning"})):(0,l.kq)("",!0),(0,l.Wm)(M,null,{default:(0,l.w5)((()=>[(0,l.Wm)(N,{onClick:e=>U.addTrack(t)},null,8,["onClick"])])),_:2},1024)],8,r)))),128))])):(0,l.kq)("",!0)])),_:1})])),_:1},8,["modelValue","onTabChange"])])),_:1})])),_:1})])),_:1}),(0,l.Wm)(j,null,{default:(0,l.w5)((()=>[(0,l.Wm)(L,null,{default:(0,l.w5)((()=>[(0,l.Uk)((0,i.toDisplayString)(C.toUserName),1)])),_:1}),(0,l.Wm)($,{class:"nopadding"},{default:(0,l.w5)((()=>[C.msgList.length>0?((0,l.wg)(),(0,l.iD)("ul",p,[C.form.to>0?((0,l.wg)(),(0,l.iD)("ul",c,[((0,l.wg)(!0),(0,l.iD)(l.HY,null,(0,l.Ko)(C.msgList,(t=>((0,l.wg)(),(0,l.iD)("div",{style:{"text-align-last":"left","padding-right":"20px","padding-left":"20px"},key:t.id},[t.from===C.form.from?((0,l.wg)(),(0,l.iD)("div",k,[(0,l.Uk)((0,i.toDisplayString)(t.content)+" ",1),(0,l._)("b",y,(0,i.toDisplayString)(t.from_name),1),(0,l._)("p",f,(0,i.toDisplayString)(t.created_at),1)])):((0,l.wg)(),(0,l.iD)("div",_,[(0,l._)("b",h,(0,i.toDisplayString)(C.toUserName),1),(0,l.Uk)(" "+(0,i.toDisplayString)(t.content)+" ",1),(0,l._)("p",w,(0,i.toDisplayString)(t.created_at),1)]))])))),128))])):(0,l.kq)("",!0)])):(0,l.kq)("",!0)])),_:1}),(0,l.Wm)(A,{style:{height:"150px"}},{default:(0,l.w5)((()=>[(0,l.Wm)(Y,{inline:!0,model:C.form},{default:(0,l.w5)((()=>[(0,l.Wm)(H,null,{default:(0,l.w5)((()=>[(0,l.Wm)(V,{type:"textarea",autosize:"",placeholder:"请输入内容",modelValue:C.form.msgContent,"onUpdate:modelValue":e[1]||(e[1]=t=>C.form.msgContent=t)},null,8,["modelValue"])])),_:1}),(0,l.Wm)(H,null,{default:(0,l.w5)((()=>[(0,l.Wm)(O,{type:"primary",onClick:U.sendMsg},{default:(0,l.w5)((()=>[D])),_:1},8,["onClick"])])),_:1})])),_:1},8,["model"])])),_:1})])),_:1}),(0,l.Wm)(T,null,{default:(0,l.w5)((()=>[(0,l.Wm)(j,null,{default:(0,l.w5)((()=>[(0,l._)("div",v,[(0,l._)("ul",null,[(0,l._)("li",null,[b,(0,l._)("p",null,(0,i.toDisplayString)(C.toUserName),1)]),(0,l._)("li",null,[S,(0,l._)("p",null,(0,i.toDisplayString)(C.mobile),1)]),(0,l._)("li",null,[W,(0,l._)("p",null,(0,i.toDisplayString)(C.email),1)])])])])),_:1})])),_:1})])),_:1}),C.dialog.save?((0,l.wg)(),(0,l.j4)(K,{key:0,ref:"saveDialog",onClosed:e[2]||(e[2]=t=>C.dialog.save=!1)},null,512)):(0,l.kq)("",!0)],64)}var U=s(49996),L=s(81348),x=s(75425),q={name:"cusMsg",components:{saveDialog:x["default"]},data(){return{dialog:{save:!1},activeName:"sys",form:{msgContent:"",from:"",to:""},itemList:[],msgList:[],toUserName:"",statusShowId:null,statusMsg:null,mobile:"",email:""}},created(){this.usersList(1),this.$socketApi.getSock(this.getWsResult)},methods:{getWsResult(t){"get_msg"===t.type&&(this.msgList=t.value),"online"===t.type&&(U.bM.info({title:"用户上线提醒",message:t.value.content}),this.statusShowId=t.value.uid),"receive"===t.type&&L.z8.info("收到新消息"),"close"===t.type&&(this.statusShowId=null),"status_msg"===t.type&&(this.statusMsg=t.value.uid)},sendMsg(){this.form.to||this.$alert("请选择要发送消息的对象");const t={type:"send_msg",from:this.form.from,to:this.form.to,content:this.form.msgContent};this.$socketApi.sendSock(JSON.stringify(t)),this.form.msgContent=""},async usersList(t){const e={user_type:t};let s=await this.$API.msgservice.cusMag.cusList.post(e);200===s.code&&(this.itemList=s.data)},tabChange(t){"sys"===t?this.usersList(1):"visitor"===t?this.usersList(2):this.usersList(3)},async toUser(t){const e=this.$TOOL.data.get("USER_INFO");this.form.from=e.id,this.form.to=t.uid,this.toUserName=t.nike_name,this.mobile=t.get_user.mobile,this.email=t.get_user.email;const s={type:"get_msg",from:e.id,to:t.uid};this.$socketApi.sendSock(JSON.stringify(s))},addTrack(t){console.log("添加为跟踪客户"+t.uid),this.dialog.save=!0,this.$nextTick((()=>{this.$refs.saveDialog.open(t).setData(t)}))}}},N=s(83744);const M=(0,N.Z)(q,[["render",C],["__scopeId","data-v-05c35220"]]);var I=M}}]);