ConversationBoard-DvnVJICf.js 5.3 KB

1
  1. import{m as I,o as c,d as u,e as l,t as p,r as h,p as R,q as x,F as L,s as T,k as v,c as $,f as _,w as k,h as N,i as C,j as z,u as O}from"./index-Bgc0JECa.js";import D from"./LayoutExperience-4ARmWad9.js";import E from"./ContentContainer-DAzg9vzA.js";import{u as F,C as M}from"./ChatAsideMenu-DUI9uyoP.js";import{u as U}from"./use-current-user-D1HX8p_x.js";import{_ as y}from"./_plugin-vue_export-helper-DlAUqK2U.js";import{c as W,a as X}from"./api-conversation-board-D7fvkjh1.js";import{g as G}from"./icon-map-MpRwWyE4.js";import{u as w}from"./use-all-agents-B-RSYtvy.js";import"./Header-BsyXECDA.js";import"./Header.vue_vue_type_style_index_0_scoped_2e420fdc_lang-C9QhFntO.js";/* empty css */import"./utils-PgP6SSQW.js";const H={class:"conversation-board-welcome"},J={__name:"BoardWelcome",setup(o){const e=U(),n=I(()=>e.username);return(t,a)=>(c(),u("div",H,[l("div",null,p(t.$t("conversation.hello"))+","+p(n.value),1),l("div",null,p(t.$t("conversation.nice_day")),1)]))}},K=y(J,[["__scopeId","data-v-34db182f"]]);function P(){const o=h(1),e=h(""),n=h([]),t=()=>({});return{getTagList:()=>{const d=t();o.value=2,e.value="",W(d).then(s=>{if(s.code/1===200){const i=s.data;n.value=i,o.value=3,e.value="success"}else o.value=4,e.value=s.msg}).catch(s=>{console.log(s),o.value=5,e.value=s.message})},api_status:o,api_message:e,list_labels:n}}const Q={class:"conversation-board-tags"},Y=["onClick"],Z={__name:"BoardTags",emits:["change"],setup(o,{emit:e}){const n=e,t=h(""),a=I(()=>!t.value),d=b=>{const f=b.labelId;f===t.value?t.value="":t.value=f,n("change",t.value)},s=()=>{t.value="",n("change",t.value)},{getTagList:i,api_status:g,api_message:S,list_labels:B}=P();return R(()=>{i()}),(b,f)=>(c(),u("div",Q,[l("div",{class:x(["board-tag",{"is-active":a.value}]),onClick:s},[l("span",null,p(b.$t("conversation.tag_all")),1)],2),(c(!0),u(L,null,T(v(B),(A,r)=>(c(),u("div",{class:x(["board-tag",{"is-active":A.labelId===t.value}]),key:A.labelId,onClick:m=>d(A)},[l("span",null,p(A.labelName),1)],10,Y))),128))]))}},tt=y(Z,[["__scopeId","data-v-a2b089bd"]]),et={class:"conversation-agent-item"},nt=["src"],st={class:"agent-item-intro-title"},ot={class:"agent-item-intro-desc"},at={__name:"BoardAgentItem",props:{title:String,desc:String,id:String,icon:String},emits:["active"],setup(o,{emit:e}){const n=o,t=I(()=>G(n.icon)),a=e,d=()=>{a("active",n.id)};return(s,i)=>{const g=$("a-tooltip");return c(),u("div",et,[l("div",{class:"agent-item-icon",onClick:d},[l("img",{src:t.value},null,8,nt)]),l("div",{class:"agent-item-intro",onClick:d},[_(g,{content:o.title,position:"top"},{default:k(()=>[l("div",st,p(o.title),1)]),_:1},8,["content"]),_(g,{content:o.desc,position:"top"},{default:k(()=>[l("div",ot,p(o.desc),1)]),_:1},8,["content"])])])}}},it=y(at,[["__scopeId","data-v-ec347dbb"]]),ct={class:"conversation-agent-list"},lt={__name:"BoardAgentList",props:{list:Array},emits:["itemActive"],setup(o,{emit:e}){const n=e,t=a=>{n("itemActive",a)};return(a,d)=>(c(),u("div",ct,[(c(!0),u(L,null,T(o.list,(s,i)=>(c(),N(it,{key:i,title:s.name,desc:s.description,id:s.id,icon:s.icon,onActive:t},null,8,["title","desc","id","icon"]))),128))]))}},rt=y(lt,[["__scopeId","data-v-8fd30040"]]);function ut(o){const e=h(1),n=h(""),t=h([]),a=w();return{getAgentList:s=>{e.value=2,n.value="",X(s).then(i=>{if(i.code/1===200){const g=i.data;t.value=g,s&&Object.keys(s).length===0&&a.setList(g),e.value=3,n.value="success"}else e.value=4,n.value=i.msg}).catch(i=>{console.log(i),e.value=5,n.value=i.message})},api_status:e,api_message:n,list_agents:t}}const dt={class:"conversation-board-container"},_t={class:"conversation-board-main"},mt={key:0,class:"infomations-container"},vt={key:0,class:"infomations-container"},gt={key:2,class:"infomations-container"},pt={key:3,class:"infomations-container"},ht={__name:"ConversationBoardContainer",emits:["agentActive"],setup(o,{emit:e}){const n=e,t=h(""),{api_status:a,api_message:d,list_agents:s,getAgentList:i}=ut(),g=F(),S=w(),B=r=>{const m=S.getInfo(r);g.addItem(r,m.name,m.icon),n("agentActive",r)},b=()=>{const r={};return t.value&&(r.label=t.value),r},f=()=>{const r=b();i(r)},A=r=>{t.value=r,f()};return R(()=>{f()}),(r,m)=>{const V=$("a-spin"),j=$("a-empty"),q=$("a-result");return c(),u("div",dt,[m[1]||(m[1]=l("div",{class:"conversation-board-left"},null,-1)),l("div",_t,[_(K),_(tt,{onChange:A}),v(a)===2?(c(),u("div",mt,[_(V,{size:32})])):C("",!0),v(a)===3?(c(),u(L,{key:1},[_(rt,{onItemActive:B,list:v(s)},null,8,["list"]),v(s).length===0?(c(),u("div",vt,[_(j,null,{default:k(()=>[z(p(r.$t("conversation.history_empty")),1)]),_:1})])):C("",!0)],64)):C("",!0),v(a)===4?(c(),u("div",gt,[_(q,{status:"warning",title:v(d)},null,8,["title"])])):C("",!0),v(a)===5?(c(),u("div",pt,[_(q,{status:"error",title:v(d)},null,8,["title"])])):C("",!0),m[0]||(m[0]=l("div",{class:"conversation-board-placeholder"},null,-1))]),m[2]||(m[2]=l("div",{class:"conversation-board-right"},null,-1))])}}},ft=y(ht,[["__scopeId","data-v-b9abd496"]]),At="/assets/board-bg-CkXvfD7q.png",Nt={__name:"ConversationBoard",setup(o){const e=O(),n={backgroundImage:`url(${At})`,backgroundRepeat:"no-repeat",backgroundSize:"contain"},t=a=>{e.push({path:"/chat/qa",query:{agent:a}})};return(a,d)=>(c(),N(D,null,{default:k(()=>[_(E,{containerStyle:n},{default:k(()=>[_(M),_(ft,{onAgentActive:t})]),_:1})]),_:1}))}};export{Nt as default};