2 lines
4.9 KiB
JavaScript
2 lines
4.9 KiB
JavaScript
var N=Object.defineProperty,P=Object.defineProperties;var j=Object.getOwnPropertyDescriptors;var B=Object.getOwnPropertySymbols;var z=Object.prototype.hasOwnProperty,H=Object.prototype.propertyIsEnumerable;var M=(t,a,e)=>a in t?N(t,a,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[a]=e,F=(t,a)=>{for(var e in a||(a={}))z.call(a,e)&&M(t,e,a[e]);if(B)for(var e of B(a))H.call(a,e)&&M(t,e,a[e]);return t},I=(t,a)=>P(t,j(a));var w=(t,a,e)=>new Promise((_,h)=>{var y=o=>{try{u(e.next(o))}catch(i){h(i)}},p=o=>{try{u(e.throw(o))}catch(i){h(i)}},u=o=>o.done?_(o.value):Promise.resolve(o.value).then(y,p);u((e=e.apply(t,a)).next())});import q from"./Box.a0684c06.js";import{u as G}from"./useECharts.7e254417.js";import{n as U,r as K}from"./other.a0e0a1bb.js";import{Dropdown as Q,Menu as A}from"ant-design-vue";import{l as W}from"./lodash.65009765.js";import{d as X}from"./dateUtil.dcd6267e.js";import{c as O}from"./colors.d19e85ff.js";import{u as Y}from"./useVContext.b155cbd7.js";import{d as Z,q as ee,r as D,e as R,aA as te,an as ne,_ as ae,P as x,o as f,i as J,s as d,h as l,t as E,f as v,m as T,F as V,S as $,k as oe,n as se,cn as re,co as ie}from"./index.600742c0.js";import{D as ce}from"./DownOutlined.518604fa.js";const le=[{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"}],ue=Z({components:{Box:q,Dropdown:Q,DownOutlined:ce,Menu:A,MenuItem:A.Item},props:["baseId"],setup(t){t.baseId;const{rootEmitter:a}=Y(),e=ee({tabList:D([]),menu:W.exports.cloneDeep(le),currentMenu:"temperature",currentTab:D(""),list:[]}),_=D(null),{setOptions:h}=G(_),y=R(()=>{var n,c;return(c=(n=e.tabList.find(m=>m.id==e.currentTab))==null?void 0:n.name)!=null?c:""});function p({key:n}){e.currentTab!=n&&(e.currentTab=n)}function u(){return w(this,null,function*(){const n=yield U({device_type:2});e.tabList=n,n.length&&(e.currentTab=n[0].id),o()})}function o(){return w(this,null,function*(){var m;const n=yield K({base_id:(m=t.baseId)!=null?m:e.currentTab,device_type:2,device_column:e.currentMenu}),c=[];for(const s in n)Object.prototype.hasOwnProperty.call(n,s)&&c.push({name:s,data:Object.keys(n[s]).map(b=>({key:b,value:n[s][b]}))});e.list=c,L()})}function i({key:n}){e.currentMenu!=n&&(e.currentMenu=n,o())}const k=R(()=>!!t.baseId);let r=1,g=1;te(()=>{k.value?o():u(),a.on("interval:auto",()=>{o()}),a.on("interval:tab",()=>{const n=r%e.tabList.length;p({key:e.tabList[n].id}),r++}),a.on("interval:tab1",()=>{const n=g%e.menu.length;i(e.menu[n]),g++})});const L=()=>{var c,m;const n=e.list.map((s,b)=>{const S=O[b%O.length];return{axis:s.data.map(C=>X(C.key).format("HH:mm")),name:s.name,series:{name:s.name,data:s.data.map(C=>C.value),type:"line",smooth:!0,symbol:"none",itemStyle:{color:S.itemColor},areaStyle:{color:S.areaColor}}}});h({grid:{left:"2%",right:"2%",top:"30px",bottom:"2%",containLabel:!0},legend:{data:n.map(s=>s.name),top:"0%",right:"0",textStyle:{color:"#ffffff"}},tooltip:{trigger:"axis",axisPointer:{lineStyle:{width:1,color:"#019680"}}},xAxis:{type:"category",data:(m=(c=n[0])==null?void 0:c.axis)!=null?m:[],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:n.map(s=>s.series)})};return I(F({},ne(e)),{currentTabValue:y,onMenuClick:p,onChangeMenu:i,chartRef:_})}}),me=t=>(re("data-v-3cd3af89"),t=t(),ie(),t),de={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"},fe={key:0,class:""},_e={class:"cursor-pointer"},he=me(()=>l("span",{class:"text-white text-12px"},"\u66F4\u591A",-1)),xe={class:"h-full flex flex-col"},ye={class:"h-30px flex items-center px-10px"},ge=["onClick"],be={class:"flex-1",ref:"chartRef"};function ve(t,a,e,_,h,y){const p=x("DownOutlined"),u=x("menu-item"),o=x("Menu"),i=x("Dropdown"),k=x("Box");return f(),J(k,{title:"\u571F\u58E4\u76D1\u6D4B\u6570\u636E"},{center:d(()=>[l("div",de,E(t.currentTabValue),1)]),right:d(()=>[l("div",pe,[t.tabList.length>1?(f(),v("div",fe,[T(i,{overlayClassName:"dropdownClass",placement:"bottomRight",trigger:"click",style:{height:"300px"}},{overlay:d(()=>[T(o,{onClick:t.onMenuClick},{default:d(()=>[(f(!0),v(V,null,$(t.tabList,r=>(f(),J(u,{key:r.id},{default:d(()=>[l("div",null,E(r.name),1)]),_:2},1024))),128))]),_:1},8,["onClick"])]),default:d(()=>[l("div",_e,[he,T(p,{style:{fontSize:"12px",color:"#FFF"}})])]),_:1})])):oe("",!0)])]),default:d(()=>[l("div",xe,[l("div",ye,[(f(!0),v(V,null,$(t.menu,(r,g)=>(f(),v("div",{class:se(["text-white mx-5px text-12px cursor-pointer",{active:r.key==t.currentMenu}]),onClick:L=>t.onChangeMenu(r),key:g},E(r.name),11,ge))),128))]),l("div",be,null,512)])]),_:1})}var Ie=ae(ue,[["render",ve],["__scopeId","data-v-3cd3af89"]]);export{Ie as default};
|