2 lines
5.6 KiB
JavaScript
2 lines
5.6 KiB
JavaScript
import{o as t,c as a,w as e,a as i,A as s,x as l,y as r,v as d,F as n,b as o,t as c,h as u,E as h,J as g,d as p,i as _,k as f,Q as m,j as b}from"./index.953fb5a2.js";import{r as v,_ as x}from"./watermark.5346bec0.js";import{_ as k}from"./plugin-vue_export-helper.21dcd24c.js";import{_ as y}from"./uni-list.b70fa0d7.js";var C=k({name:"UniListChat",emits:["click"],props:{title:{type:String,default:""},note:{type:String,default:""},clickable:{type:Boolean,default:!1},link:{type:[Boolean,String],default:!1},to:{type:String,default:""},badgeText:{type:[String,Number],default:""},badgePositon:{type:String,default:"right"},time:{type:String,default:""},avatarCircle:{type:Boolean,default:!1},avatar:{type:String,default:""},avatarList:{type:Array,default:()=>[]}},computed:{isSingle(){if("dot"===this.badgeText)return"uni-badge--dot";return this.badgeText.toString().length>1?"uni-badge--complex":"uni-badge--single"},computedAvatar(){return this.avatarList.length>4?(this.imageWidth=13.95,"avatarItem--3"):this.avatarList.length>1?(this.imageWidth=21.15,"avatarItem--2"):(this.imageWidth=45,"avatarItem--1")}},data:()=>({isFirstChild:!1,border:!0,imageWidth:50}),mounted(){this.list=this.getForm(),this.list&&(this.list.firstChildAppend||(this.list.firstChildAppend=!0,this.isFirstChild=!0),this.border=this.list.border)},methods:{getForm(t="uniList"){let a=this.$parent,e=a.$options.name;for(;e!==t;){if(a=a.$parent,!a)return!1;e=a.$options.name}return a},onClick(){""===this.to?(this.clickable||this.link)&&this.$emit("click",{data:{}}):this.openPage()},openPage(){-1!==["navigateTo","redirectTo","reLaunch","switchTab"].indexOf(this.link)?this.pageApi(this.link):this.pageApi("navigateTo")},pageApi(t){uni[t]({url:this.to,success:t=>{this.$emit("click",{data:t})},fail:t=>{this.$emit("click",{data:t}),console.error(t.errMsg)}})}}},[["render",function(m,b,v,x,k,y){const C=p,I=_,S=f;return t(),a(C,{"hover-class":v.clickable||v.link?"uni-list-chat--hover":"",class:"uni-list-chat",onClick:g(y.onClick,["stop"])},{default:e((()=>[i(C,{class:s({"uni-list--border":k.border,"uni-list-chat--first":k.isFirstChild})},null,8,["class"]),i(C,{class:"uni-list-chat__container"},{default:e((()=>[i(C,{class:"uni-list-chat__header-warp"},{default:e((()=>[v.avatarCircle||0===v.avatarList.length?(t(),a(C,{key:0,class:s(["uni-list-chat__header",{"header--circle":v.avatarCircle}])},{default:e((()=>[i(I,{class:s(["uni-list-chat__header-image",{"header--circle":v.avatarCircle}]),src:v.avatar,mode:"aspectFill"},null,8,["class","src"])])),_:1},8,["class"])):(t(),a(C,{key:1,class:"uni-list-chat__header"},{default:e((()=>[(t(!0),l(n,null,r(v.avatarList,((l,r)=>(t(),a(C,{key:r,class:s(["uni-list-chat__header-box",y.computedAvatar]),style:d({width:k.imageWidth+"px",height:k.imageWidth+"px"})},{default:e((()=>[i(I,{class:"uni-list-chat__header-image",style:d({width:k.imageWidth+"px",height:k.imageWidth+"px"}),src:l.url,mode:"aspectFill"},null,8,["style","src"])])),_:2},1032,["class","style"])))),128))])),_:1}))])),_:1}),v.badgeText&&"left"===v.badgePositon?(t(),a(C,{key:0,class:s(["uni-list-chat__badge uni-list-chat__badge-pos",[y.isSingle]])},{default:e((()=>[i(S,{class:"uni-list-chat__badge-text"},{default:e((()=>[o(c("dot"===v.badgeText?"":v.badgeText),1)])),_:1})])),_:1},8,["class"])):u("",!0),i(C,{class:"uni-list-chat__content"},{default:e((()=>[i(C,{class:"uni-list-chat__content-main"},{default:e((()=>[i(S,{class:"uni-list-chat__content-title uni-ellipsis"},{default:e((()=>[o(c(v.title),1)])),_:1}),i(S,{class:"uni-list-chat__content-note uni-ellipsis"},{default:e((()=>[o(c(v.note),1)])),_:1})])),_:1}),i(C,{class:"uni-list-chat__content-extra"},{default:e((()=>[h(m.$slots,"default",{},(()=>[i(S,{class:"uni-list-chat__content-extra-text"},{default:e((()=>[o(c(v.time),1)])),_:1}),v.badgeText&&"right"===v.badgePositon?(t(),a(C,{key:0,class:s(["uni-list-chat__badge",[y.isSingle,"right"===v.badgePositon?"uni-list-chat--right":""]])},{default:e((()=>[i(S,{class:"uni-list-chat__badge-text"},{default:e((()=>[o(c("dot"===v.badgeText?"":v.badgeText),1)])),_:1})])),_:1},8,["class"])):u("",!0)]),!0)])),_:3})])),_:3})])),_:3})])),_:3},8,["hover-class","onClick"])}],["__scopeId","data-v-d5a83960"]]);var I=k({data:()=>({QRimg:"",detail:"",portraits:[]}),onLoad(t){this.resetQrCode(t.groupId),this.getInfo(t.groupId)},computed:{userInfo(){return this.$store.state.userInfo}},onShow(){},methods:{getInfo(t){this.$http.request({url:"/group/getInfo/"+t,success:t=>{if(200==t.data.code){this.detail=t.data.data;for(var a=[],e=0;e<this.detail.user.length;e++)a.push({url:this.detail.user[e].portrait});this.portraits=a}}})},resetQrCode(t){this.$http.request({url:"/group/getGroupQrCode/"+t,success:t=>{200==t.data.code&&(this.QRimg=t.data.data)}})}},onNavigationBarButtonTap(t){if(0===t.index)m({itemList:["保存到手机"],success:t=>{if(0===t.tapIndex)this.$fc.h5SaveBase64Img({base64:this.QRimg})},fail:t=>{console.log(t.errMsg)}})}},[["render",function(s,l,r,d,n,c){const h=v(b("watermark"),x),g=v(b("uni-list-chat"),C),f=v(b("uni-list"),y),m=p,k=_;return t(),a(m,{class:"bgColor"},{default:e((()=>[i(h),i(m,{class:"QRcode-box"},{default:e((()=>[n.detail?(t(),a(m,{key:0,style:{width:"100%"}},{default:e((()=>[i(f,{border:!1},{default:e((()=>[i(g,{title:n.detail.group.name,"avatar-list":n.portraits,note:"("+n.detail.user.length+"人)","badge-positon":"left"},null,8,["title","avatar-list","note"])])),_:1})])),_:1})):u("",!0),i(m,{class:"QRcode-img"},{default:e((()=>[i(k,{src:n.QRimg,mode:"aspectFill",onClick:c.resetQrCode},null,8,["src","onClick"])])),_:1}),i(m,{class:"QRcode-tips"},{default:e((()=>[o("扫一扫上面的二维码图案，加入群聊")])),_:1})])),_:1})])),_:1})}],["__scopeId","data-v-788101d6"]]);export{I as default};
|