2 lines
5.1 KiB
JavaScript
2 lines
5.1 KiB
JavaScript
var H=Object.defineProperty,P=Object.defineProperties;var U=Object.getOwnPropertyDescriptors;var F=Object.getOwnPropertySymbols;var G=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable;var I=(n,a,e)=>a in n?H(n,a,{enumerable:!0,configurable:!0,writable:!0,value:e}):n[a]=e,A=(n,a)=>{for(var e in a||(a={}))G.call(a,e)&&I(n,e,a[e]);if(F)for(var e of F(a))q.call(a,e)&&I(n,e,a[e]);return n},O=(n,a)=>P(n,U(a));var E=(n,a,e)=>new Promise((_,x)=>{var g=o=>{try{i(e.next(o))}catch(s){x(s)}},h=o=>{try{i(e.throw(o))}catch(s){x(s)}},i=o=>o.done?_(o.value):Promise.resolve(o.value).then(g,h);i((e=e.apply(n,a)).next())});import K from"./Box.5bc98192.js";import{u as Q}from"./useECharts.80866fe0.js";import{n as W,r as X}from"./other.3b96d243.js";import{a as Y,cT as Z,cU as ee,b7 as J,s as te,r as T,f as L,bp as ne,bc as ae,J as oe,aA as b,o as f,j as R,x as p,i as u,t as M,h as C,p as B,F as V,aD as $,l as se,n as re,eA as ie,eB as ce}from"./index.0af5f3c7.js";import{l as le}from"./lodash.c52131d7.js";import{d as ue}from"./dateUtil.b96e4341.js";import{c as j}from"./colors.69d1b0cd.js";import{u as me}from"./useVContext.8e1d7c37.js";const de=[{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"}],pe=Y({components:{Box:K,Dropdown:Z,DownOutlined:ee,Menu:J,MenuItem:J.Item},props:["baseId"],setup(n){n.baseId;const{rootEmitter:a}=me(),e=te({tabList:T([]),menu:le.exports.cloneDeep(de),currentMenu:"temperature",currentTab:T(""),list:[]}),_=T(null),{setOptions:x}=Q(_),g=L(()=>{var t,r;return(r=(t=e.tabList.find(m=>m.id==e.currentTab))==null?void 0:t.name)!=null?r:""}),h=L(()=>{var t;return(t=e.menu.find(r=>r.key==e.currentMenu))!=null?t:{}});function i({key:t}){e.currentTab!=t&&(e.currentTab=t)}function o(){return E(this,null,function*(){const t=yield W({device_type:2});e.tabList=t,t.length&&(e.currentTab=t[0].id),s()})}function s(){return E(this,null,function*(){var m;const t=yield X({base_id:(m=n.baseId)!=null?m:e.currentTab,device_type:2,device_column:e.currentMenu}),r=[];for(const d in t)Object.prototype.hasOwnProperty.call(t,d)&&r.push({name:d,data:Object.keys(t[d]).map(y=>({key:y,value:t[d][y]}))});e.list=r,N()})}function v({key:t}){e.currentMenu!=t&&(e.currentMenu=t,s())}const c=L(()=>!!n.baseId);let k=1,w=1;ne(()=>{c.value?s():o(),a.on("interval:auto",()=>{s()}),a.on("interval:tab",()=>{if(e.tabList.length==0)return;const t=k%e.tabList.length;i({key:e.tabList[t].id}),k++}),a.on("interval:tab1",()=>{if(e.menu.length==0)return;const t=w%e.menu.length;v(e.menu[t]),w++})});const N=()=>{var r,m,d,y;const t=e.list.map((l,z)=>{const S=j[z%j.length];return{axis:l.data.map(D=>ue(D.key).format("HH:mm")),name:l.name,series:{name:l.name,data:l.data.map(D=>D.value),type:"line",itemStyle:{color:S.itemColor},areaStyle:{color:S.areaColor}}}});x({grid:{left:"2%",right:"20px",top:"30px",bottom:"2%",containLabel:!0},legend:{data:t.map(l=>l.name),top:"0%",right:"0",textStyle:{color:"#ffffff"}},tooltip:{trigger:"axis",axisPointer:{lineStyle:{width:1,color:"#019680"}}},xAxis:{type:"category",data:(m=(r=t[0])==null?void 0:r.axis)!=null?m:[],boundaryGap:!1,axisTick:{show:!1},axisLine:{show:!1},axisLabel:{color:"#fff"}},yAxis:[{type:"value",name:(y=(d=h.value)==null?void 0:d.unit)!=null?y:"",nameTextStyle:{color:"#fff",align:"left"},axisTick:{show:!1},splitLine:{lineStyle:{type:"solid",color:"#8EEEFF",opacity:.3}},axisLabel:{color:"#fff"}}],series:t.map(l=>l.series)})};return O(A({},ae(e)),{currentTabValue:g,onMenuClick:i,onChangeMenu:v,chartRef:_})}}),fe=n=>(ie("data-v-13a9cf00"),n=n(),ce(),n),_e={class:"text-center bg-clip-text text-transparent bg-gradient-to-t from-[#76E9F0] to-[#A7E6EE] text-14px font-bold"},xe={key:0,class:"py-10px relative"},he={class:""},ye={class:"cursor-pointer"},be=fe(()=>u("span",{class:"text-white text-12px"},"\u66F4\u591A",-1)),ge={class:"h-full flex flex-col"},ve={class:"h-30px flex items-center px-10px"},ke=["onClick"],Ce={class:"flex-1",ref:"chartRef"};function we(n,a,e,_,x,g){const h=b("DownOutlined"),i=b("menu-item"),o=b("Menu"),s=b("Dropdown"),v=b("Box");return f(),R(v,{title:"\u571F\u58E4\u76D1\u6D4B\u6570\u636E"},{center:p(()=>[u("div",_e,M(n.currentTabValue),1)]),right:p(()=>[n.tabList.length>1?(f(),C("div",xe,[u("div",he,[B(s,{overlayClassName:"dropdownClass",placement:"bottomRight",trigger:"click",style:{height:"300px"}},{overlay:p(()=>[B(o,{onClick:n.onMenuClick},{default:p(()=>[(f(!0),C(V,null,$(n.tabList,c=>(f(),R(i,{key:c.id},{default:p(()=>[u("div",null,M(c.name),1)]),_:2},1024))),128))]),_:1},8,["onClick"])]),default:p(()=>[u("div",ye,[be,B(h,{style:{fontSize:"12px",color:"#FFF"}})])]),_:1})])])):se("",!0)]),default:p(()=>[u("div",ge,[u("div",ve,[(f(!0),C(V,null,$(n.menu,(c,k)=>(f(),C("div",{class:re(["text-white mx-5px text-12px cursor-pointer",{active:c.key==n.currentMenu}]),onClick:w=>n.onChangeMenu(c),key:k},M(c.name),11,ke))),128))]),u("div",Ce,null,512)])]),_:1})}var Ae=oe(pe,[["render",we],["__scopeId","data-v-13a9cf00"]]);export{Ae as default};
|