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