lcny-vue3-antd-admin/dist/assets/AirTemperature.af6af79c.js

2 lines
1.8 KiB
JavaScript

import{a as c,f as p,e4 as r,r as u,H as h,o as x,j as y,x as s,i as o,bm as g,k as Y}from"./index.dd827b71.js";import{C as w}from"./index.4071ec2f.js";import"./index.290f1688.js";import"./index.adc36847.js";import{u as b,e as S}from"./useECharts.0337b52c.js";import"./index.3b211cb6.js";import"./index.2b5ab95e.js";import"./useRefs.c0e9fe8e.js";import"./PlusOutlined.e4b525ca.js";const k=o("div",{class:"flex items-end"},[o("div",{class:"text-18px font-extrabold"},"\u7A7A\u6C14\u6E29\u5EA6"),o("div",{class:"ml-8px text-14px"},"\u2103")],-1),B=c({__name:"AirTemperature",props:{loading:Boolean,width:{type:String,default:"100%"},height:{type:String,default:"300px"},data:{type:Object,default:()=>{}},company:{type:String,default:""},time:{type:Object,default:()=>{}}},setup(i){const e=i,n=p(()=>{var t,a;if(e.time){const f=r((t=e.time)==null?void 0:t[0]).format("YYYY-MM-DD"),d=r((a=e.time)==null?void 0:a[1]).format("YYYY-MM-DD");if(f===d)return"HH:mm"}return e.company==="day"?"HH:mm":"YYYY-MM-DD"}),l=u(null),{setOptions:m}=b(l);return h(()=>e.data,t=>{t&&m({tooltip:{trigger:"axis",axisPointer:{lineStyle:{width:1,color:"#019680"}}},xAxis:{type:"category",data:Object.keys(t).map(a=>r(a).format(n.value)),axisTick:{show:!1},axisLine:{show:!1}},yAxis:[{type:"value",axisTick:{show:!1},splitLine:{lineStyle:{type:"dashed"}}}],grid:{left:"2%",right:"4%",top:"2 %",bottom:0,containLabel:!0},series:[{smooth:!0,data:Object.values(t),type:"line",areaStyle:{color:new S.graphic.LinearGradient(0,0,0,1,[{offset:0,color:"#d7f3f2"},{offset:1,color:"#ebf9f9"}])},itemStyle:{color:"#5ab1ef"}}],dataZoom:[{type:"inside",show:!1,xAxisIndex:0}]})},{immediate:!0}),(t,a)=>(x(),y(Y(w),{loading:i.loading},{title:s(()=>[k]),extra:s(()=>[]),default:s(()=>[o("div",{ref_key:"chartRef",ref:l,style:g({width:i.width,height:i.height})},null,4)]),_:1},8,["loading"]))}});export{B as default};