2 lines
4.6 KiB
JavaScript
2 lines
4.6 KiB
JavaScript
var R=Object.defineProperty,$=Object.defineProperties;var V=Object.getOwnPropertyDescriptors;var B=Object.getOwnPropertySymbols;var N=Object.prototype.hasOwnProperty,j=Object.prototype.propertyIsEnumerable;var L=(a,e,o)=>e in a?R(a,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):a[e]=o,M=(a,e)=>{for(var o in e||(e={}))N.call(e,o)&&L(a,o,e[o]);if(B)for(var o of B(e))j.call(e,o)&&L(a,o,e[o]);return a},S=(a,e)=>$(a,V(e));var k=(a,e,o)=>new Promise((h,m)=>{var y=s=>{try{i(o.next(s))}catch(u){m(u)}},f=s=>{try{i(o.throw(s))}catch(u){m(u)}},i=s=>s.done?h(s.value):Promise.resolve(s.value).then(y,f);i((o=o.apply(a,e)).next())});import z from"./Box.72b5130d.js";import{u as q}from"./useECharts.6e74a9a1.js";import{o as G,r as H}from"./other.96563ff1.js";import{a as P,cK as K,cJ as U,b8 as T,w as Q,v as C,f as F,bq as W,bd as X,L as Y,aG as _,o as d,j as I,z as p,i as l,t as w,h as b,n as D,F as A,aJ as J,l as Z,q as ee,eA as te,eB as ae}from"./index.867f48c0.js";import{l as oe}from"./lodash.04cc15ca.js";import{d as ne}from"./dateUtil.9afc73f8.js";import{c as O}from"./colors.28a3398e.js";import"./dayjs.min.926ac847.js";const se=[{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"}],re=P({components:{Box:z,Dropdown:K,DownOutlined:U,Menu:T,MenuItem:T.Item},props:["baseId"],setup(a){a.baseId;const e=Q({tabList:C([]),menu:oe.exports.cloneDeep(se),currentMenu:"temperature",currentTab:C(""),list:[]}),o=C(null),{setOptions:h}=q(o),m=F(()=>{var t,r;return(r=(t=e.tabList.find(c=>c.id==e.currentTab))==null?void 0:t.name)!=null?r:""});function y({key:t}){e.currentTab!=t&&(e.currentTab=t)}function f(){return k(this,null,function*(){const t=yield G({device_type:2});e.tabList=t,t.length&&(e.currentTab=t[0].id),i()})}function i(){return k(this,null,function*(){var c;const t=yield H({base_id:(c=a.baseId)!=null?c:e.currentTab,device_type:2,device_column:e.currentMenu}),r=[];for(const n in t)Object.prototype.hasOwnProperty.call(t,n)&&r.push({name:n,data:Object.keys(t[n]).map(x=>({key:x,value:t[n][x]}))});e.list=r,g()})}function s({key:t}){e.currentMenu!=t&&(e.currentMenu=t,i())}const u=F(()=>!!a.baseId);W(()=>{u.value?i():f()});const g=()=>{var r,c;const t=e.list.map((n,x)=>{const E=O[x%O.length];return{axis:n.data.map(v=>ne(v.key).format("HH:mm")),name:n.name,series:{name:n.name,data:n.data.map(v=>v.value),type:"line",smooth:!0,symbol:"none",itemStyle:{color:E.itemColor},areaStyle:{color:E.areaColor}}}});h({grid:{left:"2%",right:"2%",top:"20px",bottom:"2%",containLabel:!0},legend:{data:t.map(n=>n.name),top:"0%",right:"0",textStyle:{color:"#ffffff"}},tooltip:{trigger:"axis",axisPointer:{lineStyle:{width:1,color:"#019680"}}},xAxis:{type:"category",data:(c=(r=t[0])==null?void 0:r.axis)!=null?c:[],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:t.map(n=>n.series)})};return S(M({},X(e)),{currentTabValue:m,onMenuClick:y,onChangeMenu:s,chartRef:o})}}),ie=a=>(te("data-v-4b9308b4"),a=a(),ae(),a),ce={class:"text-center bg-clip-text text-transparent bg-gradient-to-t from-[#76E9F0] to-[#A7E6EE] text-14px font-bold"},le={class:"py-10px relative"},ue={key:0,class:""},pe={class:"cursor-pointer"},de=ie(()=>l("span",{class:"text-white text-12px"},"\u66F4\u591A",-1)),me={class:"h-full flex flex-col"},fe={class:"h-30px flex items-center px-10px"},_e=["onClick"],he={class:"flex-1",ref:"chartRef"};function ye(a,e,o,h,m,y){const f=_("DownOutlined"),i=_("menu-item"),s=_("Menu"),u=_("Dropdown"),g=_("Box");return d(),I(g,{title:"\u571F\u58E4\u76D1\u6D4B\u6570\u636E"},{center:p(()=>[l("div",ce,w(a.currentTabValue),1)]),right:p(()=>[l("div",le,[a.tabList.length>1?(d(),b("div",ue,[D(u,{overlayClassName:"dropdownClass",placement:"bottomRight",trigger:"click",style:{height:"300px"}},{overlay:p(()=>[D(s,{onClick:a.onMenuClick},{default:p(()=>[(d(!0),b(A,null,J(a.tabList,t=>(d(),I(i,{key:t.id},{default:p(()=>[l("div",null,w(t.name),1)]),_:2},1024))),128))]),_:1},8,["onClick"])]),default:p(()=>[l("div",pe,[de,D(f,{style:{fontSize:"12px",color:"#FFF"}})])]),_:1})])):Z("",!0)])]),default:p(()=>[l("div",me,[l("div",fe,[(d(!0),b(A,null,J(a.menu,(t,r)=>(d(),b("div",{class:ee(["text-white mx-5px text-12px cursor-pointer",{active:t.key==a.currentMenu}]),onClick:c=>a.onChangeMenu(t),key:r},w(t.name),11,_e))),128))]),l("div",he,null,512)])]),_:1})}var Be=Y(re,[["render",ye],["__scopeId","data-v-4b9308b4"]]);export{Be as default};
|