| 1 |
- var _=(a,e,o)=>new Promise((y,r)=>{var n=t=>{try{c(o.next(t))}catch(s){r(s)}},i=t=>{try{c(o.throw(t))}catch(s){r(s)}},c=t=>t.done?y(t.value):Promise.resolve(t.value).then(n,i);c((o=o.apply(a,e)).next())});import{u as m}from"./useECharts-d8013b6e.js";import{d as g,f as d,o as S,Y as u,Z as f,_ as l,$ as p,F as b,a8 as C,ad as h,a9 as x,a1 as A,a2 as k}from"./vue-8fccce23.js";import{_ as D}from"./index.js";const w=a=>(A("data-v-d5f4936c"),a=a(),k(),a),I={class:"card"},B={class:"card-tit"},R={class:"card-tit_label"},L={class:"card-tit_value"},z={class:"card-tit_value-info"},E={key:0,class:"card-tit_value-item"},F=w(()=>l("div",{class:"card-tit_value-info"}," 正常范围 ",-1)),N=g({__name:"ChartsCard",props:{width:{type:String,default:"100%"},height:{type:String,default:"400px"},title:{type:String,default:""},colors:{type:Array,default:()=>[]},hasSafe:{type:Boolean,default:!1},safeColor:{type:String,default:"rgba(33, 201, 153, 0.12)"},safeRange:{type:Array,default:()=>[{yAxis:0},{yAxis:10}]},infoData:{type:Array,default:()=>[]},dateData:{type:Array,default:()=>[]}},setup(a){const e=a,o=d(null),{setOptions:y}=m(o),r=d([]),n=d([]),i=d(),c=d(),t=d([]);return S(()=>_(this,null,function*(){r.value=e.infoData||[10,25,30,16,36,10],n.value=e.dateData||["2023-05-10","2023-05-11","2023-05-12","2023-05-13","2023-05-14","2023-05-15"],i.value=r.value.length>10?80:0,c.value=e.hasSafe?{silent:!1,itemStyle:{color:e.safeColor},data:[e.safeRange]}:{silent:!1},t.value=e.colors.map(s=>({type:"line",symbolSize:10,symbol:"circle",name:s.label,lineStyle:{color:s.color},itemStyle:{color:s.dot},data:r.value||[],markArea:c.value})),y({tooltip:{trigger:"axis"},toolbox:{show:!0,feature:{saveAsImage:{title:"保存为图片"}}},grid:{left:"2%",right:"2%",bottom:"10%",containLabel:!0},xAxis:{type:"category",boundaryGap:!1,data:n.value},yAxis:{type:"value",splitLine:{lineStyle:{color:["rgba(235, 235, 235, 1)"],type:"dashed"}}},dataZoom:i.value?[{type:"inside",start:i.value,end:100},{start:i.value,end:100}]:[],series:t.value})})),(s,V)=>(u(),f("div",I,[l("div",B,[l("div",R,p(a.title),1),l("div",L,[(u(!0),f(b,null,C(a.colors,v=>(u(),f("div",{class:"card-tit_value-item",key:v.color},[l("div",{class:"card-tit_value-color",style:h({background:v.color})},null,4),l("div",z,p(v.label),1)]))),128)),a.hasSafe?(u(),f("div",E,[l("div",{class:"card-tit_value-color",style:h({background:a.safeColor})},null,4),F])):x("",!0)])]),l("div",{class:"card-charts",ref_key:"chartRef",ref:o,style:h({height:a.height,width:a.width})},null,4)]))}});const Y=D(N,[["__scopeId","data-v-d5f4936c"]]);export{Y as C};
|
