16 lines
6.4 KiB
JavaScript
16 lines
6.4 KiB
JavaScript
import{d as k,a as y,o as D,b as z,c as A,w as a,e,A as S,f as x,a4 as L,$ as E,a0 as V,a1 as R,a2 as T,_ as I}from"./index-7b3f5fdc.js";import{c as O}from"./index-a832a56d.js";import{V as N}from"./index-a513db85.js";import{y as U,f as G}from"./index-4ab1e1d9.js";/* empty css */import{i as B,L as _}from"./index-a4d79c5e.js";import{j as P}from"./index-d0b57c12.js";const W=k({__name:"season",setup(Y){const g=y(),w=y(),u=y(""),C=y(1),F=()=>{console.log("查询月度:",u.value),v(),h()},$=()=>{u.value="",v(),h()},v=()=>{const c=g.value,o=B(c),t=["#FF6B6B","#4ECDC4","#45B7D1","#96CEB4","#FFEEAD","#D4A5A5"],r=[{name:"内科",value1:94,value2:91},{name:"外科",value1:93,value2:90},{name:"儿科",value1:95,value2:92},{name:"妇产科",value1:92,value2:89},{name:"急诊科",value1:91,value2:88},{name:"骨科",value1:93,value2:91},{name:"眼科",value1:94,value2:90},{name:"口腔科",value1:92,value2:89}],n=r.map(l=>l.name),i=r.map(l=>l.value1),b=r.map(l=>l.value2),s=(l,p)=>{let m="";return/^#[\da-f]{6}$/i.test(l)&&(m=`rgba(${parseInt("0x"+l.slice(1,3))},${parseInt("0x"+l.slice(3,5))},${parseInt("0x"+l.slice(5,7))},${p})`),m},d={color:t,legend:{right:10,top:10,data:["合计自评平均分","合计科室平均分"]},tooltip:{trigger:"axis",formatter:function(l){return`<div style="font-weight: 600;font-size: 14px;color: #333;margin-bottom: 8px">
|
|
${l[0].name}
|
|
</div>
|
|
<div style="color: #666;font-size: 13px;line-height: 24px">
|
|
<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${t[0]};"></span>
|
|
合计自评平均分：
|
|
<span style="color:${t[0]};font-weight:700;font-size: 14px">${l[0].value}</span>
|
|
分
|
|
</div>
|
|
<div style="color: #666;font-size: 13px;line-height: 24px">
|
|
<span style="display:inline-block;margin-right:5px;border-radius:10px;width:10px;height:10px;background-color:${t[1]};"></span>
|
|
合计科室平均分：
|
|
<span style="color:${t[1]};font-weight:700;font-size: 14px">${l[1].value}</span>
|
|
分
|
|
</div>`},extraCssText:"background: #fff; border-radius: 4px; padding: 8px 12px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.1);color: #333;",axisPointer:{type:"line",lineStyle:{color:"#ccc",width:1,type:"dashed"}}},grid:{x:"50px",y:"50px",x2:"50px",y2:"50px"},xAxis:[{type:"category",boundaryGap:!1,axisLabel:{formatter:"{value}",textStyle:{color:"#333"}},axisLine:{lineStyle:{color:"#D9D9D9"}},data:n}],yAxis:[{type:"value",min:80,max:100,axisLabel:{textStyle:{color:"#666"}},nameTextStyle:{color:"#666",fontSize:12,lineHeight:40},splitLine:{lineStyle:{type:"dashed",color:"#E9E9E9"}},axisLine:{show:!1},axisTick:{show:!1}}],series:[{name:"合计自评平均分",type:"line",smooth:!0,symbolSize:8,zlevel:3,lineStyle:{normal:{color:t[0],shadowBlur:3,shadowColor:s(t[0],.5),shadowOffsetY:8}},areaStyle:{normal:{color:new _(0,0,0,1,[{offset:0,color:s(t[0],.3)},{offset:1,color:s(t[0],.1)}],!1),shadowColor:s(t[0],.1),shadowBlur:10}},data:i},{name:"合计科室平均分",type:"line",smooth:!0,symbolSize:8,zlevel:3,lineStyle:{normal:{color:t[1],shadowBlur:3,shadowColor:s(t[1],.5),shadowOffsetY:8}},areaStyle:{normal:{color:new _(0,0,0,1,[{offset:0,color:s(t[1],.3)},{offset:1,color:s(t[1],.1)}],!1),shadowColor:s(t[1],.1),shadowBlur:10}},data:b}]};d&&o.setOption(d)},h=()=>{const c=w.value,o=B(c),t=[{name:"内科",value:45},{name:"外科",value:38},{name:"儿科",value:25},{name:"妇产科",value:32},{name:"急诊科",value:28},{name:"骨科",value:22},{name:"眼科",value:18},{name:"口腔科",value:20}],r={tooltip:{trigger:"axis",axisPointer:{type:"shadow"},formatter:function(n){return`${n[0].name}<br/>已参评人数：${n[0].value}人`}},grid:{left:"3%",right:"4%",bottom:"3%",containLabel:!0},xAxis:[{type:"category",data:t.map(n=>n.name),axisTick:{alignWithLabel:!0},axisLabel:{color:"#333"}}],yAxis:[{type:"value",name:"人数",axisLabel:{color:"#333"},splitLine:{lineStyle:{type:"dashed",color:"#E9E9E9"}}}],series:[{name:"已参评人数",type:"bar",barWidth:"60%",data:t.map(n=>n.value),itemStyle:{color:new _(0,0,0,1,[{offset:0,color:"#FF6B6B"},{offset:.5,color:"#FF8787"},{offset:1,color:"#FFA5A5"}])},emphasis:{itemStyle:{color:new _(0,0,0,1,[{offset:0,color:"#FF5252"},{offset:.7,color:"#FF6B6B"},{offset:1,color:"#FF8787"}])}}}]};r&&o.setOption(r)};return D(()=>{v(),h()}),(c,o)=>{const t=L,r=E,n=U,i=V,b=R,s=T,d=G,l=P,p=N,m=O;return z(),A(m,{fluid:!0,style:{padding:"20px"}},{default:a(()=>[e(d,{space:10},{default:a(()=>[e(n,{md:24},{default:a(()=>[e(p,null,{default:a(()=>[e(l,{style:{"margin-top":"20px"}},{default:a(()=>[e(d,null,{default:a(()=>[e(n,{md:3},{default:a(()=>[e(r,{label:"年：","label-width":"80"},{default:a(()=>[e(t,{style:{width:"130px"},type:"yearmonth",modelValue:u.value,"onUpdate:modelValue":o[0]||(o[0]=f=>u.value=f),placeholder:"年"},null,8,["modelValue"])]),_:1})]),_:1}),e(n,{md:3},{default:a(()=>[e(r,{label:"季：","label-width":"120"},{default:a(()=>[e(b,{modelValue:C.value,"onUpdate:modelValue":o[1]||(o[1]=f=>C.value=f),placeholder:"请选择",style:{width:"120px"}},{default:a(()=>[e(i,{value:1,label:"第一季度"}),e(i,{value:2,label:"第二季度"}),e(i,{value:3,label:"第三季度"}),e(i,{value:4,label:"第四季度"})]),_:1},8,["modelValue"])]),_:1})]),_:1}),e(n,{md:4},{default:a(()=>[e(r,{"label-width":"0"},{default:a(()=>[e(s,{type:"primary",onClick:F},{default:a(()=>o[2]||(o[2]=[S("查询")])),_:1}),e(s,{onClick:$,style:{"margin-left":"10px"}},{default:a(()=>o[3]||(o[3]=[S("重置")])),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1}),e(n,{md:24},{default:a(()=>[e(p,null,{title:a(()=>o[4]||(o[4]=[x("div",{style:{"font-size":"20px","font-weight":"600",color:"#333"}},"季度考评填报 - 分数统计",-1)])),default:a(()=>[x("div",{id:"main",ref_key:"mainRef",ref:g},null,512)]),_:1})]),_:1}),e(n,{md:24},{default:a(()=>[e(p,null,{title:a(()=>o[5]||(o[5]=[x("div",{style:{"font-size":"20px","font-weight":"600",color:"#333"}},"季度考评报表 - 已参评人数统计",-1)])),default:a(()=>[x("div",{id:"barChart",ref_key:"barChartRef",ref:w},null,512)]),_:1})]),_:1})]),_:1})]),_:1})}}});const X=I(W,[["__scopeId","data-v-61b7833d"]]);export{X as default};
|