import{i as l}from"./index.1703796278973314.js";import{d as o,k as c,p,o as _,x as f,z as t,an as v,V as u}from"./vue.1703796278973.js";import{_ as h}from"./_plugin-vue_export-helper.1703796278973.js";const m={class:"device-status"},x={class:"content"},y={class:"box",style:{"--w":"200px","--n":"40","--t":"8px","--d":"3deg","--c":"#177eff"}},b=v('<div class="data-tag-container" data-v-2ae609b8><div class="data-item" data-v-2ae609b8><div class="left-border" data-v-2ae609b8></div><div class="content-container" data-v-2ae609b8><span data-v-2ae609b8>PM 2.5:</span><span data-v-2ae609b8>36.3ug/㎡</span></div><div class="right-border" data-v-2ae609b8></div></div></div>',1),g=o({name:"AirQuality"}),w=o({...g,setup(C){const a=c({});let e=null;const i=(n=[],r=[])=>{const s=a.value;if(s){e=l(s);const d={series:[{type:"gauge",startAngle:-90,endAngle:270,min:0,max:100,progress:{show:!0,roundCap:!0,width:9,itemStyle:{color:{type:"linear",x:0,y:0,x2:0,y2:1,colorStops:[{offset:0,color:"#15C646"},{offset:1,color:"white"}],global:!1}}},pointer:{show:!1},axisLine:{roundCap:!0,lineStyle:{width:9,color:[[1,"#E2F7E8"]],shadowColor:"rgba(85, 255, 0, 1)",opacity:.5}},axisTick:{show:!1},splitLine:{show:!1},axisLabel:{show:!1},title:{show:!0,offsetCenter:[0,"30%"],color:"#828282"},detail:{offsetCenter:[0,"0%"],formatter:"{value}℃"},data:[{value:33,name:"ug/㎡"}]}]};u(()=>{e.setOption(d),window.addEventListener("resize",function(){e.resize()})})}};return p(()=>{i()}),(n,r)=>(_(),f("div",m,[t("div",x,[t("div",y,[t("div",{ref_key:"chartRef",ref:a,style:{width:"200px","min-height":"200px"}},null,512)])]),b]))}});const L=h(w,[["__scopeId","data-v-2ae609b8"]]);export{L as default};
