16 lines
5.3 KiB
JavaScript
16 lines
5.3 KiB
JavaScript
import{d as L,a as y,o as S,b as D,c as $,w as e,e as t,A as v,f as c,a4 as A,$ as z,a2 as V,_ as E}from"./index-7b3f5fdc.js";import{c as R}from"./index-a832a56d.js";import{V as T}from"./index-a513db85.js";import{y as B,f as F}from"./index-4ab1e1d9.js";/* empty css */import{i as h,L as g}from"./index-a4d79c5e.js";import{j as W}from"./index-d0b57c12.js";const N=L({__name:"red",setup(G){const x=y(),_=y(),r=y(""),b=()=>{console.log("查询月度:",r.value),m(),u()},w=()=>{r.value="",m(),u()},m=()=>{const s=x.value,a=h(s),n=["#FF515A","#FFC005"],i=[{name:"内科",value1:2800,value2:2400},{name:"外科",value1:3200,value2:2900},{name:"儿科",value1:1500,value2:1200},{name:"妇产科",value1:2e3,value2:1800},{name:"急诊科",value1:1800,value2:1500},{name:"骨科",value1:2500,value2:2200},{name:"眼科",value1:1200,value2:1e3},{name:"口腔科",value1:1600,value2:1400}],o=i.map(l=>l.name),d=i.map(l=>l.value1),p=i.map(l=>l.value2),f={color:n,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:${n[0]};"></span>
|
|
拒收总金额：
|
|
<span style="color:${n[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:${n[1]};"></span>
|
|
已上交金额：
|
|
<span style="color:${n[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:!0,axisLabel:{formatter:"{value}",textStyle:{color:"#333"}},axisLine:{lineStyle:{color:"#D9D9D9"}},data:o}],yAxis:[{type:"value",name:"金额 (元)",min:0,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:"bar",barWidth:"20%",data:d,itemStyle:{color:n[0]}},{name:"已上交金额",type:"bar",barWidth:"20%",data:p,itemStyle:{color:n[1]}}]};f&&a.setOption(f)},u=()=>{const s=_.value,a=h(s),n=[{name:"内科",value:15},{name:"外科",value:18},{name:"儿科",value:8},{name:"妇产科",value:12},{name:"急诊科",value:10},{name:"骨科",value:14},{name:"眼科",value:6},{name:"口腔科",value:9}],i={tooltip:{trigger:"axis",axisPointer:{type:"shadow"},formatter:function(o){return`${o[0].name}<br/>拒收次数：${o[0].value}次`}},grid:{left:"3%",right:"4%",bottom:"3%",containLabel:!0},xAxis:[{type:"category",data:n.map(o=>o.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:n.map(o=>o.value),itemStyle:{color:new g(0,0,0,1,[{offset:0,color:"#ff7875"},{offset:.5,color:"#ff4d4f"},{offset:1,color:"#f5222d"}])},emphasis:{itemStyle:{color:new g(0,0,0,1,[{offset:0,color:"#ff4d4f"},{offset:.7,color:"#ff4d4f"},{offset:1,color:"#ff7875"}])}}}]};i&&a.setOption(i)};return S(()=>{m(),u()}),(s,a)=>{const n=A,i=z,o=B,d=V,p=F,f=W,l=T,k=R;return D(),$(k,{fluid:!0,style:{padding:"20px"}},{default:e(()=>[t(p,{space:10},{default:e(()=>[t(o,{md:24},{default:e(()=>[t(l,null,{default:e(()=>[t(f,{style:{"margin-top":"20px"}},{default:e(()=>[t(p,null,{default:e(()=>[t(o,{md:5},{default:e(()=>[t(i,{label:"月度：","label-width":"80"},{default:e(()=>[t(n,{type:"yearmonth",modelValue:r.value,"onUpdate:modelValue":a[0]||(a[0]=C=>r.value=C),placeholder:"月度"},null,8,["modelValue"])]),_:1})]),_:1}),t(o,{md:4},{default:e(()=>[t(i,{"label-width":"0"},{default:e(()=>[t(d,{type:"primary",onClick:b},{default:e(()=>a[1]||(a[1]=[v("查询")])),_:1}),t(d,{onClick:w,style:{"margin-left":"10px"}},{default:e(()=>a[2]||(a[2]=[v("重置")])),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1})]),_:1}),t(o,{md:24},{default:e(()=>[t(l,null,{title:e(()=>a[3]||(a[3]=[c("div",{style:{"font-size":"20px","font-weight":"600",color:"#333"}},"拒收红包金额统计",-1)])),default:e(()=>[c("div",{id:"main",ref_key:"mainRef",ref:x},null,512)]),_:1})]),_:1}),t(o,{md:24},{default:e(()=>[t(l,null,{title:e(()=>a[4]||(a[4]=[c("div",{style:{"font-size":"20px","font-weight":"600",color:"#333"}},"拒收红包次数统计",-1)])),default:e(()=>[c("div",{id:"barChart",ref_key:"barChartRef",ref:_},null,512)]),_:1})]),_:1})]),_:1})]),_:1})}}});const q=E(N,[["__scopeId","data-v-d5f399f1"]]);export{q as default};
|