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