You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 lines
5.8 KiB
2 lines
5.8 KiB
4 months ago
|
import{d as S,r as v,y as I,G as R,a0 as w,w as V,bw as z,a as d,f as _,q as o,F as B,g as E,e as t,b as l,H as n,t as h,$ as b,ci as L,aB as M,a7 as T,aF as F,p as D,m as j,_ as q}from"./index-e450010e.js";const a=c=>(D("data-v-50ece585"),c=c(),j(),c),G={class:"chart-container"},H={key:0},U=a(()=>o("br",null,null,-1)),$=a(()=>o("br",null,null,-1)),A=a(()=>o("br",null,null,-1)),J=a(()=>o("br",null,null,-1)),K=a(()=>o("br",null,null,-1)),P={key:1},Q=a(()=>o("br",null,null,-1)),W=a(()=>o("br",null,null,-1)),X=a(()=>o("br",null,null,-1)),Y=a(()=>o("br",null,null,-1)),Z=a(()=>o("br",null,null,-1)),ee={key:2},te=a(()=>o("br",null,null,-1)),le=a(()=>o("br",null,null,-1)),ne=a(()=>o("br",null,null,-1)),oe=a(()=>o("br",null,null,-1)),ae=a(()=>o("br",null,null,-1)),se={key:3},ue=a(()=>o("br",null,null,-1)),re=a(()=>o("br",null,null,-1)),ie=a(()=>o("br",null,null,-1)),de=a(()=>o("br",null,null,-1)),_e=a(()=>o("br",null,null,-1)),ce=S({__name:"charactercolor",props:{tabsid:{type:String,default:"1"},usercont:{type:Object,default(){return{}}}},setup(c){const f=c,y=v(null);let r=null;const C=v([]),m=v(null);let p=null;const k=I(()=>f.usercont.number!==void 0&&f.usercont.number.trim()!==""),x=async()=>{if(r&&(r.dispose(),r=null),!y.value){console.warn("DOM元素未找到，无法初始化图表");return}try{if(!k.value)throw new Error("员工信息未准备好，无法初始化图表");const u=await L({number:f.usercont.number});if(r=M(y.value),u.code===0){const{ColourNameList:i,RadarColour:e}=u.data;C.value=i,N(r,e,["红色","蓝色","黄色","绿色"])}else T.error(u.data.msg||"系统出错")}catch{}},N=(u,i,e)=>{const s=O(i,e);u.setOption(s),u.resize()},O=(u,i)=>{let e=Math.max(...u);return{tooltip:{trigger:"item"},radar:{indicator:i.map((s,g)=>({name:s,max:e+2,min:0})),shape:"circle",splitNumber:4},series:[{name:"个人性格色彩",type:"radar",areaStyle:{color:"#a0c3f8"},data:[{value:u,name:"个人色彩分布",label:{show:!0,formatter:function(s){return s.value}}}],itemStyle:{color:"#3c96ff"}}]}};return R(async()=>{await w(),p=new ResizeObserver(()=>{r&&r.resize()}),p.observe(y.value)}),V(()=>({usercont:f.usercont,tabsid:f.tabsid}),async u=>{const{usercont:i,tabsid:e}=u;e==="2"&&i.number?(m.value=null,await w(),await x()):i.number?(m.value=null,await w(),await x()):m.value="员工信息未准备好"},{immediate:!0,deep:!0}),z(()=>{r&&(r.dispose(),r=null),p&&(p.disconnect(),p=null)}),(u,i)=>{const e=F;return d(),_("div",G,[o("div",{ref_key:"chartContainer",ref:y,class:"chart"},null,512),(d(!0),_(B,null,E(C.value,(s,g)=>(d(),_("div",{key:g},[s=="红色"?(d(),_("div",H,[t(e,{type:"info",class:"color-title"},{default:l(()=>[n(h(s)+"：",1),U]),_:2},1024),t(e,{type:"info"},{default:l(()=>[n("——他们的优势是："),$]),_:1}),t(e,{type:"info"},{default:l(()=>[n("积极乐观，")]),_:1}),t(e,{type:"info"},{default:l(()=>[n("真诚主动，")]),_:1}),t(e,{type:"info"},{default:l(()=>[n("善于表达，")]),_:1}),t(e,{type:"info"},{default:l(()=>[n("富有感染力。"),A]),_:1}),t(e,{type:"info"},{default:l(()=>[n("——有时很可恶，因为："),J]),_:1}),t(e,{type:"info"},{default:l(()=>[n("情绪波动大起大落，")]),_:1}),t(e,{type:"info"},{default:l(()=>[n("开玩笑不分场合，")]),_:1}),t(e,{type:"info"},{default:l(()=>[n("疏于兑现承诺，")]),_:1}),t(e,{type:"info"},{default:l(()=>[n("这山望着那山高。"),K]),_:1})])):b("",!0),s=="蓝色"?(d(),_("div",P,[t(e,{type:"info",class:"color-title"},{default:l(()=>[n(h(s)+"：",1),Q]),_:2},1024),t(e,{type:"info"},{default:l(()=>[n("——他们的优势是："),W]),_:1}),t(e,{type:"info"},{default:l(()=>[n("思想深邃，")]),_:1}),t(e,{type:"info"},{default:l(()=>[n("默默关怀他人，")]),_:1}),t(e,{type:"info"},{default:l(()=>[n("敏感而细腻，")]),_:1}),t(e,{type:"info"},{default:l(()=>[n("计划性强。"),X]),_:1}),t(e,{type:"info"},{default:l(()=>[n("——有时不太招人喜欢："),Y]),_:1}),t(e,{type:"info"},{default:l(()=>[n("情感脆弱，")]),_:1}),t(e,{type:"info"},{default:l(()=>[n("喜好批判和挑剔，")]),_:1}),t(e,{type:"inf
|