| 12 |
- import{c as a,m as e}from"./index-DF0Gm8tW.js";/* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css *//* empty css */import{k as s,r as i,d as l,B as t,Z as n,P as o,D as r,x as d,R as c,G as m,aL as v,aN as u,ae as p,X as f,a5 as _,W as h,ad as g,_ as y,a0 as b,a1 as T,F as j,$ as k,S as x,ap as M,ab as w,a7 as A,a8 as B,u as C,ag as R,ah as V,C as z,a9 as H,af as S,Q as U}from"./vendor-CgKklJ4r.js";import{m as D,a as F,b as G,c as I,d as K}from"./avatar6-C8uJx9vz.js";import{a as L}from"./avatar10-Dom60BwY.js";import{a as N,b as P,c as Q}from"./avatar9-oKrDyQhv.js";import{_ as W}from"./_plugin-vue_export-helper-BCo6x5W8.js";const X={class:"person-list"},Z={class:"person-item-header"},$={class:"user-info"},q={class:"user-details"},E={class:"name"},J={class:"email"},O={class:"search-box"},Y={class:"sort-btn"},aa=["onClick"],ea={class:"avatar-wrapper"},sa={class:"person-info"},ia={class:"info-top"},la={class:"person-name"},ta={class:"last-time"},na={class:"info-bottom"},oa={class:"email"},ra={class:"chat-modal"},da={class:"header"},ca={class:"header-left"},ma={class:"status"},va={class:"status-text"},ua={class:"chat-container"},pa={class:"message-content"},fa={class:"message-info"},_a={class:"sender-name"},ha={class:"message-time"},ga={class:"message-text"},ya={class:"chat-input"},ba={class:"input-actions"},Ta={class:"chat-input-actions"},ja=W(s({__name:"index",setup(s){const{containerMinHeight:W}=a(),ja=i(""),ka=i(!1),xa=i(!0),Ma=i(null),wa=i([{id:1,name:"梅洛迪·梅西",email:"melody@altbox.com",avatar:D,online:!0,lastTime:"20小时前",unread:0},{id:2,name:"马克·史密斯",email:"max@kt.com",avatar:F,online:!0,lastTime:"2周前",unread:6},{id:3,name:"肖恩·宾",email:"sean@dellito.com",avatar:G,online:!1,lastTime:"5小时前",unread:5},{id:4,name:"爱丽丝·约翰逊",email:"alice@domain.com",avatar:I,online:!0,lastTime:"1小时前",unread:2},{id:5,name:"鲍勃·布朗",email:"bob@domain.com",avatar:D,online:!1,lastTime:"3天前",unread:1},{id:6,name:"查理·戴维斯",email:"charlie@domain.com",avatar:K,online:!0,lastTime:"10分钟前",unread:0},{id:7,name:"戴安娜·普林斯",email:"diana@domain.com",avatar:N,online:!0,lastTime:"15分钟前",unread:3},{id:8,name:"伊桑·亨特",email:"ethan@domain.com",avatar:P,online:!0,lastTime:"5分钟前",unread:0},{id:9,name:"杰西卡·琼斯",email:"jessica@domain.com",avatar:Q,online:!1,lastTime:"1天前",unread:4},{id:10,name:"彼得·帕克",email:"peter@domain.com",avatar:L,online:!0,lastTime:"2小时前",unread:1},{id:11,name:"克拉克·肯特",email:"clark@domain.com",avatar:G,online:!0,lastTime:"30分钟前",unread:2},{id:12,name:"布鲁斯·韦恩",email:"bruce@domain.com",avatar:D,online:!1,lastTime:"3天前",unread:0},{id:13,name:"韦德·威尔逊",email:"wade@domain.com",avatar:K,online:!0,lastTime:"10分钟前",unread:5}]),Aa=i(""),Ba=i([{id:1,sender:"Art Bot",content:"你好！我是你的AI助手，有什么我可以帮你的吗？",time:"10:00",isMe:!1,avatar:L},{id:2,sender:"Ricky",content:"我想了解一下系统的使用方法。",time:"10:01",isMe:!0,avatar:D},{id:3,sender:"Art Bot",content:"好的，我来为您介绍系统的主要功能。首先，您可以通过左侧菜单访问不同的功能模块...",time:"10:02",isMe:!1,avatar:L},{id:4,sender:"Ricky",content:"听起来很不错，能具体讲讲数据分析部分吗？",time:"10:05",isMe:!0,avatar:D},{id:5,sender:"Art Bot",content:"当然可以。数据分析模块可以帮助您实时监控关键指标，并生成详细的报表...",time:"10:06",isMe:!1,avatar:L},{id:6,sender:"Ricky",content:"太好了，那我如何开始使用呢？",time:"10:08",isMe:!0,avatar:D},{id:7,sender:"Art Bot",content:"您可以先创建一个项目，然后在项目中添加相关的数据源，系统会自动进行分析。",time:"10:09",isMe:!1,avatar:L},{id:8,sender:"Ricky",content:"明白了，谢谢你的帮助！",time:"10:10",isMe:!0,avatar:D},{id:9,sender:"Art Bot",content:"不客气，有任何问题随时联系我。",time:"10:11",isMe:!1,avatar:L}]),Ca=i(10),Ra=i(D),Va=()=>{const a=Aa.value.trim();a&&(Ba.value.push({id:Ca.value++,sender:"Ricky",content:a,time:(new Date).toLocaleTimeString([],{hour:"2-digit",minute:"2-digit"}),isMe:!0,avatar:Ra.value}),Aa.value="",Ha())},za=i(null),Ha=()=>{setTimeout((()=>{za.value&&(za.value.scrollTop=za.value.scrollHeight)}),100)},Sa=()=>{ka.value=!0};return l((()=>{Ha(),e.on("openChat",Sa),Ma.value=wa.value[0]})),(a,e)=>{var s,i,l;const D=v,F=u,G=p,I=_,K=t("arrow-down"),L=g,N=b,P=y,Q=T,ka=M,Ca=B,Ra=n("ripple");return r(),o("div",{class:"chat",style:U({height:C(W)})},[d(F,null,{default:m((()=>[d(D,{span:12},{default:m((()=>e[2]||(e[2]=[c("div",{class:"grid-content ep-bg-purple"},null,-1)]))),_:1,__:[2]}),d(D,{span:12},{default:m((()=>e[3]||(e[3]=[c("div",{class:"grid-content ep-bg-purple-light"},null,-1)]))),_:1,__:[3]})])),_:1}),c("div",X,[c("div",Z,[c("div",$,[d(G,{size:50,src:null==(s=Ma.value)?void 0:s.avatar},null,8,["src"]),c("div",q,[c("div",E,f(null==(i=Ma.value)?void 0:i.name),1),c("div",J,f(null==(l=Ma.value)?void 0:l.email),1)])]),c("div",O,[d(I,{modelValue:ja.value,"onUpdate:modelValue":e[0]||(e[0]=a=>ja.value=a),placeholder:"搜索联系人","prefix-icon":"Search",clearable:""},null,8,["modelValue"])]),d(Q,{trigger:"click",placement:"bottom-start"},{dropdown:m((()=>[d(P,null,{default:m((()=>[d(N,null,{default:m((()=>e[5]||(e[5]=[h("按时间排序")]))),_:1,__:[5]}),d(N,null,{default:m((()=>e[6]||(e[6]=[h("按名称排序")]))),_:1,__:[6]}),d(N,null,{default:m((()=>e[7]||(e[7]=[h("全部标为已读")]))),_:1,__:[7]})])),_:1})])),default:m((()=>[c("span",Y,[e[4]||(e[4]=h(" 排序方式 ")),d(L,{class:"el-icon--right"},{default:m((()=>[d(K)])),_:1})])])),_:1})]),d(ka,null,{default:m((()=>[(r(!0),o(j,null,k(wa.value,(a=>{var e;return r(),o("div",{key:a.id,class:x(["person-item",{active:(null==(e=Ma.value)?void 0:e.id)===a.id}]),onClick:e=>{return s=a,void(Ma.value=s);var s}},[c("div",ea,[d(G,{size:40,src:a.avatar},{default:m((()=>[h(f(a.name.charAt(0)),1)])),_:2},1032,["src"]),c("div",{class:x(["status-dot",{online:a.online}])},null,2)]),c("div",sa,[c("div",ia,[c("span",la,f(a.name),1),c("span",ta,f(a.lastTime),1)]),c("div",na,[c("span",oa,f(a.email),1)])])],10,aa)})),128))])),_:1})]),c("div",ra,[c("div",da,[c("div",ca,[e[8]||(e[8]=c("span",{class:"name"},"Art Bot",-1)),c("div",ma,[c("div",{class:x(["dot",{online:xa.value,offline:!xa.value}])},null,2),c("span",va,f(xa.value?"在线":"离线"),1)])]),e[9]||(e[9]=w('<div class="header-right" data-v-84574219><div class="btn" data-v-84574219><i class="iconfont-sys" data-v-84574219></i></div><div class="btn" data-v-84574219><i class="iconfont-sys" data-v-84574219></i></div><div class="btn" data-v-84574219><i class="iconfont-sys" data-v-84574219></i></div></div>',1))]),c("div",ua,[c("div",{class:"chat-messages",ref_key:"messageContainer",ref:za},[(r(!0),o(j,null,k(Ba.value,((a,e)=>(r(),o("div",{key:e,class:x(["message-item",a.isMe?"message-right":"message-left"])},[d(G,{size:32,src:a.avatar,class:"message-avatar"},null,8,["src"]),c("div",pa,[c("div",fa,[c("span",_a,f(a.sender),1),c("span",ha,f(a.time),1)]),c("div",ga,f(a.content),1)])],2)))),128))],512),c("div",ya,[d(I,{modelValue:Aa.value,"onUpdate:modelValue":e[1]||(e[1]=a=>Aa.value=a),type:"textarea",rows:3,placeholder:"输入消息",resize:"none",onKeyup:H(S(Va,["prevent"]),["enter"])},{append:m((()=>[c("div",ba,[d(Ca,{icon:C(R),circle:"",plain:""},null,8,["icon"]),d(Ca,{icon:C(V),circle:"",plain:""},null,8,["icon"]),A((r(),z(Ca,{type:"primary",onClick:Va},{default:m((()=>e[10]||(e[10]=[h("发送")]))),_:1,__:[10]})),[[Ra]])])])),_:1},8,["modelValue","onKeyup"]),c("div",Ta,[e[12]||(e[12]=c("div",{class:"left"},[c("i",{class:"iconfont-sys"},""),c("i",{class:"iconfont-sys"},"")],-1)),A((r(),z(Ca,{type:"primary",onClick:Va},{default:m((()=>e[11]||(e[11]=[h("发送")]))),_:1,__:[11]})),[[Ra]])])])])])],4)}}}),[["__scopeId","data-v-84574219"]]);export{ja as default};
|
