2 lines
4.7 KiB
JavaScript
2 lines
4.7 KiB
JavaScript
var V=Object.defineProperty,$=Object.defineProperties;var N=Object.getOwnPropertyDescriptors;var L=Object.getOwnPropertySymbols;var j=Object.prototype.hasOwnProperty,z=Object.prototype.propertyIsEnumerable;var M=(t,o,e)=>o in t?V(t,o,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[o]=e,S=(t,o)=>{for(var e in o||(o={}))j.call(o,e)&&M(t,e,o[e]);if(L)for(var e of L(o))z.call(o,e)&&M(t,e,o[e]);return t},T=(t,o)=>$(t,N(o));var C=(t,o,e)=>new Promise((f,_)=>{var x=n=>{try{l(e.next(n))}catch(u){_(u)}},h=n=>{try{l(e.throw(n))}catch(u){_(u)}},l=n=>n.done?f(n.value):Promise.resolve(n.value).then(x,h);l((e=e.apply(t,o)).next())});import q from"./Box.e217205a.js";import{u as G}from"./useECharts.8a2a2f9e.js";import{o as H,r as P}from"./other.150ae4c7.js";import{a as K,cK as U,cJ as Q,b8 as F,w as W,v as w,f as I,bq as X,bd as Y,L as Z,aG as y,o as d,j as A,z as m,i as c,t as E,h as b,n as D,F as J,aJ as O,l as ee,q as te,eA as ae,eB as oe}from"./index.66fda55f.js";import{l as ne}from"./lodash.6d16cae8.js";import{d as se}from"./dateUtil.9b9e915e.js";import{c as R}from"./colors.d19e85ff.js";import{u as re}from"./useVContext.28867436.js";import"./dayjs.min.7f9108ce.js";const ie=[{key:"temperature",unit:" \u2103",name:"\u6E29\u5EA6"},{key:"conductivity",unit:"us/cm",name:"\u7535\u5BFC\u7387 "},{key:"humidity",unit:"%",name:"\u6E7F\u5EA6"},{key:"n",unit:"mg/kg",name:"\u6C2E"},{key:"p",unit:"mg/kg",name:"\u78F7"},{key:"k",unit:"mg/kg",name:"\u94BE"}],ce=K({components:{Box:q,Dropdown:U,DownOutlined:Q,Menu:F,MenuItem:F.Item},props:["baseId"],setup(t){t.baseId;const{rootEmitter:o}=re(),e=W({tabList:w([]),menu:ne.exports.cloneDeep(ie),currentMenu:"temperature",currentTab:w(""),list:[]}),f=w(null),{setOptions:_}=G(f),x=I(()=>{var a,r;return(r=(a=e.tabList.find(p=>p.id==e.currentTab))==null?void 0:a.name)!=null?r:""});function h({key:a}){e.currentTab!=a&&(e.currentTab=a)}function l(){return C(this,null,function*(){const a=yield H({device_type:2});e.tabList=a,a.length&&(e.currentTab=a[0].id),n()})}function n(){return C(this,null,function*(){var p;const a=yield P({base_id:(p=t.baseId)!=null?p:e.currentTab,device_type:2,device_column:e.currentMenu}),r=[];for(const s in a)Object.prototype.hasOwnProperty.call(a,s)&&r.push({name:s,data:Object.keys(a[s]).map(g=>({key:g,value:a[s][g]}))});e.list=r,i()})}function u({key:a}){e.currentMenu!=a&&(e.currentMenu=a,n())}const v=I(()=>!!t.baseId);X(()=>{v.value?n():l(),o.on("interval:auto",()=>{n()})});const i=()=>{var r,p;const a=e.list.map((s,g)=>{const B=R[g%R.length];return{axis:s.data.map(k=>se(k.key).format("HH:mm")),name:s.name,series:{name:s.name,data:s.data.map(k=>k.value),type:"line",smooth:!0,symbol:"none",itemStyle:{color:B.itemColor},areaStyle:{color:B.areaColor}}}});_({grid:{left:"2%",right:"2%",top:"30px",bottom:"2%",containLabel:!0},legend:{data:a.map(s=>s.name),top:"0%",right:"0",textStyle:{color:"#ffffff"}},tooltip:{trigger:"axis",axisPointer:{lineStyle:{width:1,color:"#019680"}}},xAxis:{type:"category",data:(p=(r=a[0])==null?void 0:r.axis)!=null?p:[],boundaryGap:!1,axisTick:{show:!1},axisLine:{show:!1},axisLabel:{color:"#fff"}},yAxis:[{type:"value",axisTick:{show:!1},splitLine:{lineStyle:{type:"solid",color:"#8EEEFF",opacity:.3}},axisLabel:{color:"#fff"}}],series:a.map(s=>s.series)})};return T(S({},Y(e)),{currentTabValue:x,onMenuClick:h,onChangeMenu:u,chartRef:f})}}),le=t=>(ae("data-v-f0a669c2"),t=t(),oe(),t),ue={class:"text-center bg-clip-text text-transparent bg-gradient-to-t from-[#76E9F0] to-[#A7E6EE] text-14px font-bold"},pe={class:"py-10px relative"},me={key:0,class:""},de={class:"cursor-pointer"},fe=le(()=>c("span",{class:"text-white text-12px"},"\u66F4\u591A",-1)),_e={class:"h-full flex flex-col"},he={class:"h-30px flex items-center px-10px"},ye=["onClick"],xe={class:"flex-1",ref:"chartRef"};function ge(t,o,e,f,_,x){const h=y("DownOutlined"),l=y("menu-item"),n=y("Menu"),u=y("Dropdown"),v=y("Box");return d(),A(v,{title:"\u571F\u58E4\u76D1\u6D4B\u6570\u636E"},{center:m(()=>[c("div",ue,E(t.currentTabValue),1)]),right:m(()=>[c("div",pe,[t.tabList.length>1?(d(),b("div",me,[D(u,{overlayClassName:"dropdownClass",placement:"bottomRight",trigger:"click",style:{height:"300px"}},{overlay:m(()=>[D(n,{onClick:t.onMenuClick},{default:m(()=>[(d(!0),b(J,null,O(t.tabList,i=>(d(),A(l,{key:i.id},{default:m(()=>[c("div",null,E(i.name),1)]),_:2},1024))),128))]),_:1},8,["onClick"])]),default:m(()=>[c("div",de,[fe,D(h,{style:{fontSize:"12px",color:"#FFF"}})])]),_:1})])):ee("",!0)])]),default:m(()=>[c("div",_e,[c("div",he,[(d(!0),b(J,null,O(t.menu,(i,a)=>(d(),b("div",{class:te(["text-white mx-5px text-12px cursor-pointer",{active:i.key==t.currentMenu}]),onClick:r=>t.onChangeMenu(i),key:a},E(i.name),11,ye))),128))]),c("div",xe,null,512)])]),_:1})}var Se=Z(ce,[["render",ge],["__scopeId","data-v-f0a669c2"]]);export{Se as default};
|